@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900;1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy&display=swap);@import url(https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100;200;300;400;500;600;700&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css); /* ! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com */
*,:after,:before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

:after,:before {
    --tw-content: ""
}

html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-variation-settings: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,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
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

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

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

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

summary {
    display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,legend {
    padding: 0
}

menu,ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::placeholder,textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img,video {
    height: auto;
    max-width: 100%
}

[hidden] {
    display: none
}

*,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --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;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --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;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width: 640px) {
    .container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .container {
        max-width:1536px
    }
}

html {
    font-size: 18px
}

body {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #d1d2d4;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

body,html {
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

a,a:active,a:focus {
    color: #d1d2d4;
    text-decoration: none
}

a:active,a:hover {
    color: var(--base-color);
    text-decoration: none
}

.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus,a:active,a:focus,button:active,button:focus {
    box-shadow: none;
    outline: none
}

img {
    height: auto;
    max-width: 100%
}

video {
    background-size: cover;
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

input,select,textarea {
    border: 1px solid #d1d1d1;
    color: inherit;
    font-size: 14px;
    margin: 0 0 20px;
    max-width: 100%;
    padding: 8px 15px;
    resize: none;
    width: 100%
}

input[type=submit] {
    width: auto
}

input[type=button],input[type=email],input[type=password],input[type=search],input[type=submit],input[type=text],textarea {
    -webkit-appearance: none;
    outline: none
}

input:focus,textarea:focus {
    border-color: #585858!important;
    outline: none
}

.btn.focus,.btn:focus,.form-control:focus,input:focus,input[type=button]:focus,select:focus,textarea:focus {
    box-shadow: none;
    outline: none
}

select::-ms-expand {
    display: none
}

iframe {
    border: 0
}

p {
    margin: 0 0 25px
}

b,strong {
    font-weight: 600
}

.last-paragraph-no-margin p:last-of-type {
    margin-bottom: 0
}

.alt-font strong {
    font-weight: 700
}

dl,ol,ul {
    list-style-position: outside;
    margin-bottom: 25px
}

*,:hover {
    transition-duration: .2s;
    -ms-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out
}

.dropdropdown-menu *,.header-searchbar *,.header-social-icon *,.mfp-container *,.no-transition *,.parallax,.portfolio-wrapper *,.rev-slider *,.swiper-container * {
    transition-duration: 0s;
    -moz-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    -ms-transition-duration: 0s;
    transition-timing-function: none;
    -moz-transition-timing-function: none;
    -webkit-transition-timing-function: none;
    -o-transition-timing-function: none;
    -ms-transition-timing-function: none
}

::selection {
    background: #dbdbdb;
    color: #000
}

::-moz-selection {
    background: #dbdbdb;
    color: #000
}

::-webkit-input-placeholder {
    color: #6f6f6f;
    text-overflow: ellipsis
}

::-moz-placeholder {
    color: #6f6f6f;
    opacity: 1;
    text-overflow: ellipsis
}

:-ms-input-placeholder {
    color: #6f6f6f;
    opacity: 1;
    text-overflow: ellipsis
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: auto
    }
}

:root {
    --base-color: #d9b282
}

body {
    --tw-bg-opacity: 1!important;
    --tw-text-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity))!important;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-family: Josefin Sans,sans-serif;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: .25px;
    line-height: 1.6
}

h1,h2,h3,h4,h5,h6 {
    font-family: Barlow Condensed,sans-serif;
    margin: 0 0 1.5rem
}

h1,h2,h3,h4,h5,h6 {
    letter-spacing: -.025em
}

h4,h5,h6 {
    letter-spacing: 0
}

h1 {
    font-size: 58px!important
}

h1,h2 {
    line-height: 1.2!important
}

h2 {
    font-size: 48px!important
}

h3 {
    font-size: 38px!important;
    line-height: 1.2!important
}

h4 {
    font-size: 28px!important
}

h4,h5 {
    line-height: 1.4!important
}

h5 {
    font-size: 22px!important
}

h6 {
    font-size: 18px!important;
    letter-spacing: -.5px!important;
    line-height: 1.4!important
}

p {
    font-family: Josefin Sans,sans-serif;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: .25px;
    letter-spacing: -.025em;
    line-height: 1.6
}

.overlayer-hero {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    --tw-bg-opacity: 1;
    opacity: .4;
    z-index: 10
}

.overlayer,.overlayer-hero {
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(var(--tw-translate-x),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));
    width: 100%
}

.overlayer {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    --tw-bg-opacity: 0.8;
    index: 1;
    inset: 0
}

.animated-element {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .5s,transform .5s
}

.delay-1s {
    animation-delay: 1s
}

.delay-2s {
    animation-delay: 2s
}

.delay-3s {
    animation-delay: 3s
}

.content-404 {
    --tw-bg-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    height: 80vh;
    min-height: 80vh;
    overflow: hidden;
    padding-bottom: 3rem;
    position: relative;
    width: 100%;
    z-index: 0
}

.content-404__background {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.content-404__background img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    opacity: .25;
    width: 100%
}

.content-404__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding-bottom: 4rem;
    padding-top: 6rem;
    position: relative;
    width: 100%;
    z-index: 20
}

@media (min-width: 768px) {
    .content-404__container {
        padding-top:6rem
    }
}

@media (min-width: 1024px) {
    .content-404__container {
        padding-top:8rem
    }
}

@media (min-width: 1280px) {
    .content-404__container {
        padding-top:10rem
    }
}

.content-404__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center;
    width: 100%
}

@media (min-width: 768px) {
    .content-404__content {
        max-height:480px
    }
}

@media (min-width: 1280px) {
    .content-404__content {
        max-height:600px
    }
}

.content-404__title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    width: 100%
}

.content-404__title img {
    max-height: 140px
}

@media (min-width: 640px) {
    .content-404__title img {
        max-height:180px
    }
}

@media (min-width: 768px) {
    .content-404__title img {
        max-height:240px
    }
}

@media (min-width: 1024px) {
    .content-404__title img {
        max-height:280px
    }
}

@media (min-width: 1280px) {
    .content-404__title img {
        max-height:380px
    }
}

.confirmation {
    --tw-bg-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0
}

@media (min-width: 1024px) {
    .confirmation {
        height:668px;
        min-height: 668px
    }
}

@media (min-width: 1280px) {
    .confirmation {
        height:768px;
        min-height: 768px
    }
}

.confirmation__background {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.confirmation__background img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    opacity: .25;
    width: 100%
}

.confirmation__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding-bottom: 4rem;
    padding-top: 6rem;
    position: relative;
    width: 100%;
    z-index: 20
}

@media (min-width: 768px) {
    .confirmation__container {
        padding-top:6rem
    }
}

@media (min-width: 1024px) {
    .confirmation__container {
        padding-top:8rem
    }
}

@media (min-width: 1280px) {
    .confirmation__container {
        padding-top:10rem
    }
}

.confirmation__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center;
    width: 100%
}

@media (min-width: 768px) {
    .confirmation__content {
        max-height:480px
    }
}

@media (min-width: 1280px) {
    .confirmation__content {
        max-height:600px
    }
}

.confirmation__title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

@media (min-width: 640px) {
    .confirmation__title {
        font-size:98px!important
    }
}

@media (min-width: 768px) {
    .confirmation__title {
        font-size:110px!important
    }
}

@media (min-width: 1280px) {
    .confirmation__title {
        font-size:120px!important
    }
}

.coming-soon {
    position: relative
}

.coming-soon__wrapper {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center
}

.coming-soon__container {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(12,minmax(0,1fr));
    height: 100%
}

.coming-soon__image {
    display: none;
    grid-column: span 12/span 12;
    height: 100%;
    overflow: hidden;
    position: relative
}

@media (min-width: 768px) {
    .coming-soon__image {
        display:flex;
        grid-column: span 4/span 4
    }
}

@media (min-width: 1024px) {
    .coming-soon__image {
        grid-column:span 6/span 6
    }
}

.coming-soon__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.coming-soon__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    grid-column: span 12/span 12;
    height: 100%;
    justify-content: center;
    padding: 2rem 1rem
}

@media (min-width: 640px) {
    .coming-soon__content {
        padding:2rem
    }
}

@media (min-width: 768px) {
    .coming-soon__content {
        grid-column:span 8/span 8;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1024px) {
    .coming-soon__content {
        grid-column:span 6/span 6;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.coming-soon__content .content {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(10 13 15/var(--tw-bg-opacity));
    border-radius: .75rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width: 640px) {
    .coming-soon__content .content {
        padding:2rem
    }
}

.coming-soon__content .logo {
    margin-bottom: 4rem;
    width: 180px
}

.coming-soon__title {
    font-family: Barlow Condensed,sans-serif;
    font-size: 38px!important;
    font-weight: 400;
    line-height: 1.2!important;
    text-transform: uppercase!important
}

@media (min-width: 640px) {
    .coming-soon__title {
        font-size:48px!important;
        line-height: 1.2!important
    }
}

@media (min-width: 768px) {
    .coming-soon__title {
        font-size:58px!important;
        line-height: 1.2!important
    }
}

.coming-soon__text {
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center!important
}

@media (min-width: 1280px) {
    .coming-soon__text {
        font-size:1.25rem;
        line-height: 1.75rem
    }
}

.coming-soon__form {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    width: 100%
}

.coming-soon__form .form__body {
    display: inline-flex;
    flex-wrap: wrap;
    margin-bottom: 1rem
}

@media (min-width: 640px) {
    .coming-soon__form .form__body {
        margin-bottom:0;
        width: 68%!important
    }
}

@media (min-width: 768px) {
    .coming-soon__form .form__body {
        width:70%!important
    }
}

@media (min-width: 1280px) {
    .coming-soon__form .form__body {
        width:74%!important
    }
}

.coming-soon__form .form__body .coming-soon-input {
    margin-bottom: 0
}

.coming-soon__form .form__footer {
    display: inline-flex;
    flex-wrap: wrap;
    width: 18%!important
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    animation-duration: 1s;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    animation-iteration-count: 1;
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    animation-iteration-count: 2;
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    animation-iteration-count: 3;
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    animation-delay: 1s;
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    animation-delay: 2s;
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    animation-delay: 3s;
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    animation-delay: 4s;
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    animation-delay: 5s;
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
    animation-duration: .5s;
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    animation-duration: .8s;
    animation-duration: calc(var(--animate-duration)*.8)
}

.animate__animated.animate__slow {
    animation-duration: 2s;
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    animation-duration: 3s;
    animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),print {
    .animate__animated {
        animation-duration: 1ms!important;
        animation-iteration-count: 1!important;
        transition-duration: 1ms!important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@keyframes bounce {
    0%,20%,53%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0)
    }

    40%,43% {
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        transform: translateZ(0) scaleY(.95);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    90% {
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

.animate__bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.animate__flash {
    animation-name: flash
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        transform: scaleX(1)
    }
}

.animate__pulse {
    animation-name: pulse;
    animation-timing-function: ease-in-out
}

@keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }

    to {
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    animation-name: rubberBand
}

@keyframes shakeX {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px,0,0)
    }
}

.animate__shakeX {
    animation-name: shakeX
}

@keyframes shakeY {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(0,10px,0)
    }
}

.animate__shakeY {
    animation-name: shakeY
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.animate__headShake {
    animation-name: headShake;
    animation-timing-function: ease-in-out
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.animate__swing {
    animation-name: swing;
    transform-origin: top center
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

.animate__tada {
    animation-name: tada
}

@keyframes wobble {
    0% {
        transform: translateZ(0)
    }

    15% {
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__wobble {
    animation-name: wobble
}

@keyframes jello {
    0%,11.1%,to {
        transform: translateZ(0)
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes heartBeat {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }
}

.animate__heartBeat {
    animation-duration: 1.3s;
    animation-duration: calc(var(--animate-duration)*1.3);
    animation-name: heartBeat;
    animation-timing-function: ease-in-out
}

@keyframes backInDown {
    0% {
        opacity: .7;
        transform: translateY(-1200px) scale(.7)
    }

    80% {
        opacity: .7;
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.animate__backInDown {
    animation-name: backInDown
}

@keyframes backInLeft {
    0% {
        opacity: .7;
        transform: translateX(-2000px) scale(.7)
    }

    80% {
        opacity: .7;
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.animate__backInLeft {
    animation-name: backInLeft
}

@keyframes backInRight {
    0% {
        opacity: .7;
        transform: translateX(2000px) scale(.7)
    }

    80% {
        opacity: .7;
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.animate__backInRight {
    animation-name: backInRight
}

@keyframes backInUp {
    0% {
        opacity: .7;
        transform: translateY(1200px) scale(.7)
    }

    80% {
        opacity: .7;
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.animate__backInUp {
    animation-name: backInUp
}

@keyframes backOutDown {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    20% {
        opacity: .7;
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        transform: translateY(700px) scale(.7)
    }
}

.animate__backOutDown {
    animation-name: backOutDown
}

@keyframes backOutLeft {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    20% {
        opacity: .7;
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: .7;
        transform: translateX(-2000px) scale(.7)
    }
}

.animate__backOutLeft {
    animation-name: backOutLeft
}

@keyframes backOutRight {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    20% {
        opacity: .7;
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: .7;
        transform: translateX(2000px) scale(.7)
    }
}

.animate__backOutRight {
    animation-name: backOutRight
}

@keyframes backOutUp {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    20% {
        opacity: .7;
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        transform: translateY(-700px) scale(.7)
    }
}

.animate__backOutUp {
    animation-name: backOutUp
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    animation-name: bounceIn
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

.animate__bounceOut {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

.animate__bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

.animate__bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    animation-name: fadeInTopLeft
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    animation-name: fadeInTopRight
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    animation-name: fadeInBottomLeft
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    animation-name: fadeInBottomRight
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }
}

.animate__fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.animate__fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }
}

.animate__fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.animate__fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }
}

.animate__fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.animate__fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }
}

.animate__fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.animate__fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,-100%,0)
    }
}

.animate__fadeOutTopLeft {
    animation-name: fadeOutTopLeft
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%,-100%,0)
    }
}

.animate__fadeOutTopRight {
    animation-name: fadeOutTopRight
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%,100%,0)
    }
}

.animate__fadeOutBottomRight {
    animation-name: fadeOutBottomRight
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,100%,0)
    }
}

.animate__fadeOutBottomLeft {
    animation-name: fadeOutBottomLeft
}

@keyframes flip {
    0% {
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }

    40% {
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }

    50% {
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }

    80% {
        animation-timing-function: ease-in;
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)
    }

    to {
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}

.animate__animated.animate__flip {
    animation-name: flip;
    backface-visibility: visible
}

@keyframes flipInX {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.animate__flipInX {
    animation-name: flipInX;
    backface-visibility: visible!important
}

@keyframes flipInY {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.animate__flipInY {
    animation-name: flipInY;
    backface-visibility: visible!important
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
}

.animate__flipOutX {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    animation-name: flipOutX;
    backface-visibility: visible!important
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        transform: perspective(400px) rotateY(-15deg)
    }

    to {
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }
}

.animate__flipOutY {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    animation-name: flipOutY;
    backface-visibility: visible!important
}

@keyframes lightSpeedInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0) skewX(-30deg)
    }

    60% {
        opacity: 1;
        transform: skewX(20deg)
    }

    80% {
        transform: skewX(-5deg)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    animation-name: lightSpeedInRight;
    animation-timing-function: ease-out
}

@keyframes lightSpeedInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0) skewX(30deg)
    }

    60% {
        opacity: 1;
        transform: skewX(-20deg)
    }

    80% {
        transform: skewX(5deg)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    animation-name: lightSpeedInLeft;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) skewX(30deg)
    }
}

.animate__lightSpeedOutRight {
    animation-name: lightSpeedOutRight;
    animation-timing-function: ease-in
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,0,0) skewX(-30deg)
    }
}

.animate__lightSpeedOutLeft {
    animation-name: lightSpeedOutLeft;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    0% {
        opacity: 0;
        transform: rotate(-200deg)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__rotateIn {
    animation-name: rotateIn;
    transform-origin: center
}

@keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        transform: rotate(-45deg)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__rotateInDownLeft {
    animation-name: rotateInDownLeft;
    transform-origin: left bottom
}

@keyframes rotateInDownRight {
    0% {
        opacity: 0;
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__rotateInDownRight {
    animation-name: rotateInDownRight;
    transform-origin: right bottom
}

@keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__rotateInUpLeft {
    animation-name: rotateInUpLeft;
    transform-origin: left bottom
}

@keyframes rotateInUpRight {
    0% {
        opacity: 0;
        transform: rotate(-90deg)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__rotateInUpRight {
    animation-name: rotateInUpRight;
    transform-origin: right bottom
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: rotate(200deg)
    }
}

.animate__rotateOut {
    animation-name: rotateOut;
    transform-origin: center
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: rotate(45deg)
    }
}

.animate__rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
    transform-origin: left bottom
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: rotate(-45deg)
    }
}

.animate__rotateOutDownRight {
    animation-name: rotateOutDownRight;
    transform-origin: right bottom
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: rotate(-45deg)
    }
}

.animate__rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
    transform-origin: left bottom
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: rotate(90deg)
    }
}

.animate__rotateOutUpRight {
    animation-name: rotateOutUpRight;
    transform-origin: right bottom
}

@keyframes hinge {
    0% {
        animation-timing-function: ease-in-out
    }

    20%,60% {
        animation-timing-function: ease-in-out;
        transform: rotate(80deg)
    }

    40%,80% {
        animation-timing-function: ease-in-out;
        opacity: 1;
        transform: rotate(60deg)
    }

    to {
        opacity: 0;
        transform: translate3d(0,700px,0)
    }
}

.animate__hinge {
    animation-duration: 2s;
    animation-duration: calc(var(--animate-duration)*2);
    animation-name: hinge;
    transform-origin: top left
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    animation-name: jackInTheBox
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.animate__rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    0% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0)
    }

    60% {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
}

.animate__zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    0% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0)
    }

    60% {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0)
    }
}

.animate__zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    0% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0)
    }

    60% {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0)
    }
}

.animate__zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    0% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0)
    }

    60% {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
}

.animate__zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }

    to {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0)
    }
}

.animate__zoomOutDown {
    animation-name: zoomOutDown;
    transform-origin: center bottom
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

.animate__zoomOutLeft {
    animation-name: zoomOutLeft;
    transform-origin: left center
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

.animate__zoomOutRight {
    animation-name: zoomOutRight;
    transform-origin: right center
}

@keyframes zoomOutUp {
    40% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }

    to {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0)
    }
}

.animate__zoomOutUp {
    animation-name: zoomOutUp;
    transform-origin: center bottom
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,100%,0);
        visibility: hidden
    }
}

.animate__slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(-100%,0,0);
        visibility: hidden
    }
}

.animate__slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(100%,0,0);
        visibility: hidden
    }
}

.animate__slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,-100%,0);
        visibility: hidden
    }
}

.animate__slideOutUp {
    animation-name: slideOutUp
}

.divider {
    height: 1px;
    margin-bottom: 64px;
    margin-left: auto;
    margin-right: auto;
    max-width: 496px;
    position: relative;
    width: 100%
}

@media screen and (max-width: 480px) {
    .divider {
        max-width:50%
    }
}

.div-transparent:before {
    background-image: linear-gradient(90deg,transparent,#d9b282,transparent);
    content: "";
    height: 1px;
    left: 5%;
    position: absolute;
    right: 5%;
    top: 0;
    width: 90%
}

.div-arrow-down:after {
    border-bottom: 1px solid #d9b282;
    height: 14px;
    top: -7px;
    transform: rotate(45deg)
}

.div-arrow-down:after,.div-stopper:after {
    background-color: #0a0d0f;
    border-right: 1px solid #d9b282;
    content: "";
    left: calc(50% - 7px);
    position: absolute;
    width: 14px;
    z-index: 1
}

.div-stopper:after {
    border-left: 1px solid #d9b282;
    height: 12px;
    top: -6px
}

.btn__default {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(217 178 130/var(--tw-border-opacity));
    border-radius: 9999px;
    border-style: solid;
    border-width: 1px;
    color: rgb(217 178 130/var(--tw-text-opacity));
    font-family: Josefin Sans,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.6;
    padding: 14px 45px 12px;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.btn__default:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(217 178 130/var(--tw-bg-opacity));
    color: rgb(5 6 8/var(--tw-text-opacity));
    cursor: pointer
}

.btn__default:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(217 178 130/var(--tw-ring-opacity));
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);
    outline: 2px solid transparent;
    outline-offset: 2px
}

.btn__default:disabled {
    cursor: not-allowed;
    opacity: .5
}

.btn__default:active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    cursor: pointer
}

.btn__default:active,.btn__solid {
    background-color: rgb(217 178 130/var(--tw-bg-opacity));
    color: rgb(5 6 8/var(--tw-text-opacity))
}

.btn__solid {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    border-radius: 9999px;
    border-style: solid;
    border-width: 2px;
    font-family: Josefin Sans,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.6;
    padding: 12px 2rem 10px;
    transition-duration: .3s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.btn__solid,.btn__solid:hover {
    border-color: rgb(217 178 130/var(--tw-border-opacity))
}

.btn__solid:hover {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    color: rgb(217 178 130/var(--tw-text-opacity));
    cursor: pointer
}

.btn__solid:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(217 178 130/var(--tw-ring-opacity));
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);
    outline: 2px solid transparent;
    outline-offset: 2px
}

.btn__solid:disabled {
    cursor: not-allowed;
    opacity: .5
}

.btn__solid:active {
    background-color: transparent;
    border-color: rgb(217 178 130/var(--tw-border-opacity))
}

.btn-to-top,.btn__solid:active {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity));
    cursor: pointer
}

.btn-to-top {
    border-color: rgb(217 178 130/var(--tw-border-opacity));
    border-radius: 9999px;
    border-style: solid;
    border-width: 2px;
    bottom: 4rem;
    opacity: .3;
    padding: 1rem;
    position: fixed;
    right: 1rem;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    z-index: 50
}

.btn-to-top:hover {
    opacity: 1
}

.btn__link {
    --tw-border-opacity: 1!important;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-bottom-width: 1px;
    border-color: transparent!important;
    border-bottom-color: rgb(217 178 130/var(--tw-border-opacity))!important;
    border-radius: 0;
    color: rgb(217 178 130/var(--tw-text-opacity));
    display: inline-block;
    font-family: Josefin Sans,sans-serif;
    font-size: 1rem!important;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem!important;
    margin-top: 2rem;
    padding: .25rem 1rem;
    position: relative;
    text-transform: capitalize;
    transition-duration: .3s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width: 768px) {
    .btn__link {
        font-size:18px!important;
        letter-spacing: .5px!important;
        line-height: 1.6!important
    }
}

.btn__link {
    letter-spacing: 2px;
    text-decoration: none
}

.btn__link:after,.btn__link:before {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 0
}

.btn__link:before {
    bottom: -8px;
    left: 0;
    right: 0;
    transition: width 0s ease,background .4s ease
}

.btn__link:after {
    background: #d9b282;
    bottom: -8px;
    right: 2.2%;
    transition: width .4s ease
}

.btn__link:hover {
    --tw-border-opacity: 1!important;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-bottom-color: rgb(217 178 130/var(--tw-border-opacity))!important;
    color: rgb(217 178 130/var(--tw-text-opacity));
    cursor: pointer
}

.btn__link:hover:before {
    background: #b2876f;
    left: 5%;
    transition: width .4s ease;
    width: 90%
}

.btn__link:hover:after {
    background: 0 0;
    left: 5%;
    transition: all 0s ease;
    width: 90%
}

.btn__link:focus {
    --tw-text-opacity: 1!important;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);
    outline: 2px solid transparent;
    outline-offset: 2px
}

.btn__link:disabled,.btn__link:focus {
    color: rgb(217 178 130/var(--tw-text-opacity))!important
}

.btn__link:disabled {
    --tw-text-opacity: 1!important;
    cursor: not-allowed;
    opacity: .5
}

.btn__link:active {
    --tw-border-opacity: 1!important;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-bottom-color: rgb(217 178 130/var(--tw-border-opacity))!important;
    color: rgb(217 178 130/var(--tw-text-opacity));
    cursor: pointer
}

.social_icons {
    gap: 1.5rem;
    justify-content: flex-start;
    margin: 0;
    padding: .25rem 0
}

.social_icons,.social_icons li {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.social_icons li a {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity));
    font-size: 1rem;
    line-height: 1.5rem
}

.social_icons li a:hover {
    --tw-text-opacity: 1;
    color: rgb(130 107 78/var(--tw-text-opacity))
}

.slider-nav-arrows {
    align-items: center;
    display: none;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: center;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    position: relative;
    width: 100%
}

@media (min-width: 768px) {
    .slider-nav-arrows {
        display:flex
    }
}

.slider-nav-arrows .slider-arrow {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
    --tw-shadow-color: #0a0d0f;
    --tw-shadow: var(--tw-shadow-colored);
    align-items: center;
    background-color: transparent;
    border-color: rgb(87 71 52/var(--tw-border-opacity));
    border-radius: 9999px;
    border-style: solid;
    border-width: 2px;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    color: rgb(87 71 52/var(--tw-text-opacity));
    display: flex;
    height: 40px;
    justify-content: center;
    position: relative;
    top: 20%!important;
    transform: translateY(-50%);
    width: 40px;
    z-index: 50
}

.slider-nav-arrows .slider-arrow:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(217 178 130/var(--tw-bg-opacity));
    border-color: rgb(217 178 130/var(--tw-border-opacity));
    cursor: pointer
}

.slider-nav-arrows .slider-arrow:hover:before {
    --tw-text-opacity: 1!important;
    color: rgb(5 6 8/var(--tw-text-opacity))!important
}

.slider-nav-arrows .slider-arrow:before {
    --tw-text-opacity: 1;
    color: rgb(130 107 78/var(--tw-text-opacity));
    font-family: Font Awesome\ 5 Free;
    font-size: .875rem;
    font-weight: 900;
    line-height: 1.25rem;
    opacity: 1
}

.slider-nav-arrows .slider-arrow.slick-prev {
    left: 0
}

.slider-nav-arrows .slider-arrow.slick-prev:before {
    content: "\f054"
}

.slider-nav-arrows .slider-arrow.slick-next {
    right: 0
}

.slider-nav-arrows .slider-arrow.slick-next:before {
    content: "\f053"
}

.slick-dots li button {
    border: 1px solid transparent!important;
    border-radius: 9999px
}

.slick-dots li button:before {
    --tw-text-opacity: 1!important;
    color: rgb(217 178 130/var(--tw-text-opacity))!important;
    font-size: 10px!important
}

.slick-dots li.slick-active button {
    --tw-border-opacity: 1!important;
    border-color: rgb(217 178 130/var(--tw-border-opacity))!important
}

.slick-dots li.slick-active button:before {
    --tw-text-opacity: 1!important;
    font-size: 10px!important
}

.slick-arrow,.slick-dots li.slick-active button:before {
    color: rgb(217 178 130/var(--tw-text-opacity))!important
}

.slick-arrow {
    --tw-border-opacity: 1!important;
    --tw-text-opacity: 1!important;
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
    --tw-shadow-color: #0a0d0f;
    --tw-shadow: var(--tw-shadow-colored);
    align-items: center;
    background-color: transparent;
    border-color: rgb(217 178 130/var(--tw-border-opacity))!important;
    border-radius: 9999px;
    border-style: solid!important;
    border-width: 1px!important;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    display: none!important;
    height: 40px!important;
    justify-content: center;
    position: relative;
    width: 40px!important;
    z-index: 50
}

@media (min-width: 768px) {
    .slick-arrow {
        display:flex!important
    }
}

.slick-arrow:hover {
    --tw-border-opacity: 1!important;
    --tw-bg-opacity: 1!important;
    background-color: rgb(217 178 130/var(--tw-bg-opacity))!important;
    border-color: rgb(217 178 130/var(--tw-border-opacity))!important;
    cursor: pointer!important
}

.slick-arrow:hover:before {
    --tw-text-opacity: 1!important;
    color: rgb(5 6 8/var(--tw-text-opacity))!important
}

.slick-arrow:before {
    --tw-text-opacity: 1!important;
    color: rgb(217 178 130/var(--tw-text-opacity))!important;
    font-family: Font Awesome\ 5 Free!important;
    font-size: 14px!important;
    font-weight: 900
}

.slick-arrow.slick-prev {
    left: -5rem
}

.slick-arrow.slick-prev:before {
    content: "\f053"
}

.slick-arrow.slick-next {
    right: -5rem
}

.slick-arrow.slick-next:before {
    content: "\f054"
}

.slick-arrow.slick-disabled {
    cursor: not-allowed!important;
    opacity: .5!important
}

.slick-arrow.slick-disabled:before {
    --tw-text-opacity: 1!important;
    color: rgb(217 178 130/var(--tw-text-opacity))!important;
    opacity: 1!important
}

.slick-arrow.slick-disabled:hover:before {
    --tw-text-opacity: 1!important;
    color: rgb(5 6 8/var(--tw-text-opacity))!important
}

.section-title {
    margin-bottom: 0;
    max-width: 600px;
    padding-bottom: .5rem;
    position: relative
}

.section-title__subtitle {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity));
    font-family: Sorts Mill Goudy,serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.4;
    margin-bottom: 0;
    width: 100%
}

@media (min-width: 640px) {
    .section-title__subtitle {
        font-size:20px;
        letter-spacing: 1.5px;
        line-height: 1.4
    }
}

.section-title__title {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-family: Barlow Condensed,sans-serif;
    font-size: 38px!important;
    font-weight: 400;
    line-height: 1.2!important;
    margin-bottom: 1rem;
    text-transform: capitalize;
    width: 100%
}

@media (min-width: 640px) {
    .section-title__title {
        font-size:48px!important;
        line-height: 1.2!important
    }
}

@media (min-width: 768px) {
    .section-title__title {
        font-size:58px!important;
        line-height: 1.2!important
    }
}

.section-title p:last-of-type {
    padding-bottom: 0
}

.section-title__center {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.opening-hours {
    --tw-border-opacity: 1;
    align-items: flex-start;
    border-color: rgb(87 71 52/var(--tw-border-opacity));
    border-style: solid;
    border-width: 1px;
    flex-direction: column;
    padding: 1rem 1.5rem
}

.opening-hours,.opening-hours__header {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%
}

.opening-hours__header h3 {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-family: Barlow Condensed,sans-serif;
    font-size: 28px!important;
    font-weight: 400;
    line-height: 1.4!important;
    margin-bottom: 1rem;
    width: 100%
}

@media (min-width: 768px) {
    .opening-hours__header h3 {
        font-size:38px!important;
        line-height: 1.2!important
    }
}

@media (min-width: 1280px) {
    .opening-hours__header h3 {
        margin-bottom:1.5rem
    }
}

.opening-hours__body {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%
}

.opening-hours__item {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(8,minmax(0,1fr));
    margin-bottom: .5rem;
    width: 100%
}

.opening-hours__item:last-of-type {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .opening-hours__item {
        grid-template-columns:repeat(6,minmax(0,1fr))
    }
}

.opening-hours__item-day {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity));
    font-weight: 500;
    text-transform: capitalize
}

.opening-hours__item-day,.opening-hours__item-time {
    font-family: Josefin Sans,sans-serif;
    font-size: 18px;
    grid-column: span 4/span 4;
    letter-spacing: -.5px;
    line-height: 1.4
}

.opening-hours__item-time {
    text-align: right;
    text-transform: uppercase
}

@media (min-width: 640px) {
    .opening-hours__item-time {
        grid-column:span 2/span 2
    }
}

.text-cols {
    padding-bottom: 4rem;
    padding-top: 4rem
}

@media (min-width: 1024px) {
    .text-cols {
        padding-bottom:6rem;
        padding-top: 6rem
    }
}

.text-cols__container {
    margin-left: auto!important;
    margin-right: auto!important;
    padding-left: 1rem!important;
    padding-right: 1rem!important;
    width: 100%!important
}

@media (min-width: 640px) {
    .text-cols__container {
        max-width:640px!important
    }
}

@media (min-width: 768px) {
    .text-cols__container {
        max-width:768px!important
    }
}

@media (min-width: 1024px) {
    .text-cols__container {
        max-width:1024px!important
    }
}

@media (min-width: 1280px) {
    .text-cols__container {
        max-width:1280px!important
    }
}

@media (min-width: 1536px) {
    .text-cols__container {
        max-width:1536px!important
    }
}

.text-cols__container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative
}

@media (min-width: 768px) {
    .text-cols__container {
        padding-left:0;
        padding-right: 0
    }
}

.text-cols__content {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(2,minmax(0,1fr));
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 100%
}

@media (min-width: 768px) {
    .text-cols__content {
        gap:2rem;
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

@media (min-width: 1024px) {
    .text-cols__content {
        gap:2.5rem;
        padding-left: 5rem;
        padding-right: 5rem
    }
}

.text-cols__col {
    grid-column: span 2/span 2
}

@media (min-width: 768px) {
    .text-cols__col {
        grid-column:span 1/span 1
    }
}

.text-cols__col p:last-of-type {
    margin-bottom: 0
}

.form {
    padding-bottom: 2rem;
    position: relative
}

.form,.form__body,.form__footer {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

.form_row {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(12,minmax(0,1fr));
    width: 100%
}

.form_field {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.form_field input,.form_field textarea {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: rgb(163 166 168/var(--tw-border-opacity));
    border-radius: .5rem;
    border-width: 1px;
    color: rgb(118 121 125/var(--tw-text-opacity));
    font-family: Josefin Sans,sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
    text-transform: capitalize;
    width: 100%
}

.form_field input:focus,.form_field textarea:focus {
    --tw-border-opacity: 1;
    border-color: rgb(72 77 81/var(--tw-border-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px
}

.form_field input,.form_field textarea {
    letter-spacing: .25px;
    padding: 18px 0 17px 18px
}

.form_field textarea {
    min-height: 128px
}

.form_field label {
    display: none
}

.form_field__name {
    grid-column: span 12/span 12
}

@media (min-width: 1024px) {
    .form_field__name {
        grid-column:span 9/span 9
    }
}

.form_field__phone {
    grid-column: span 12/span 12
}

@media (min-width: 1024px) {
    .form_field__phone {
        grid-column:span 3/span 3
    }
}

.form_field__email {
    grid-column: span 12/span 12
}

@media (min-width: 1024px) {
    .form_field__email {
        grid-column:span 6/span 6
    }
}

.form_field__person {
    grid-column: span 12/span 12
}

@media (min-width: 1024px) {
    .form_field__person {
        grid-column:span 2/span 2
    }
}

.form_field__date {
    grid-column: span 12/span 12
}

@media (min-width: 1024px) {
    .form_field__date {
        grid-column:span 2/span 2
    }
}

.form_field__date input {
    text-transform: none
}

.form_field__hours {
    grid-column: span 12/span 12
}

@media (min-width: 1024px) {
    .form_field__hours {
        grid-column:span 2/span 2
    }
}

.form_field__message {
    grid-column: span 12/span 12
}

.form_field button {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(217 178 130/var(--tw-border-opacity));
    border-radius: 9999px;
    border-style: solid;
    border-width: 2px;
    color: rgb(217 178 130/var(--tw-text-opacity));
    font-family: Josefin Sans,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.6;
    padding: 12px 2rem 10px!important;
    transition-duration: .3s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.form_field button:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(217 178 130/var(--tw-bg-opacity));
    color: rgb(5 6 8/var(--tw-text-opacity));
    cursor: pointer
}

.form_field button:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(217 178 130/var(--tw-ring-opacity));
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);
    outline: 2px solid transparent;
    outline-offset: 2px
}

.form_field button:disabled {
    cursor: not-allowed;
    opacity: .5
}

.form_field button:active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(217 178 130/var(--tw-bg-opacity));
    color: rgb(5 6 8/var(--tw-text-opacity));
    cursor: pointer
}

.tabs {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    border-color: rgb(72 77 81/var(--tw-border-opacity));
    border-radius: 9999px;
    border-style: solid;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: center;
    margin: 0 auto 1.5rem;
    padding: .5rem;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width: 640px) {
    .tabs {
        margin-bottom:2rem
    }
}

@media (min-width: 768px) {
    .tabs {
        border-width:2px;
        margin-bottom: 3.5rem
    }
}

.tabs__link {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1!important;
    background-color: rgb(15 17 21/var(--tw-bg-opacity));
    border-radius: 9999px;
    color: rgb(209 210 212/var(--tw-text-opacity))!important;
    display: inline-block;
    font-family: Barlow Condensed,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.6;
    margin: 0;
    padding: .5rem 1.5rem;
    position: relative;
    text-align: center;
    text-transform: capitalize;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: 41.666667%
}

@media (min-width: 640px) {
    .tabs__link {
        width:25%
    }
}

@media (min-width: 768px) {
    .tabs__link {
        background-color:transparent;
        width: -moz-fit-content;
        width: fit-content
    }
}

.tabs__link {
    letter-spacing: 2px;
    text-decoration: none
}

.tabs__link:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(21 26 30/var(--tw-bg-opacity));
    cursor: pointer
}

.tabs__link:after {
    --tw-rotate: 45deg;
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-content: "";
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    border-bottom-width: 2px;
    border-color: rgb(72 77 81/var(--tw-border-opacity));
    border-right-width: 2px;
    bottom: -18px;
    content: var(--tw-content);
    display: none;
    height: 14px;
    left: calc(50% - 7px);
    position: absolute;
    transform: translate(var(--tw-translate-x),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));
    width: 14px;
    z-index: 10
}

.tabs__link.active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1!important;
    background-color: rgb(217 178 130/var(--tw-bg-opacity));
    color: rgb(5 6 8/var(--tw-text-opacity))!important;
    cursor: pointer
}

.tabs__link.active:after {
    display: none
}

@media (min-width: 768px) {
    .tabs__link.active:after {
        display:block
    }
}

.tabs-content {
    overflow: hidden;
    padding-bottom: 2.5rem;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: 100%
}

@media (min-width: 768px) {
    .tabs-content {
        padding-left:1rem;
        padding-right: 1rem
    }
}

@media (min-width: 1024px) {
    .tabs-content {
        padding-left:4rem;
        padding-right: 4rem
    }
}

@media (min-width: 1280px) {
    .tabs-content {
        padding-left:1.5rem;
        padding-right: 1.5rem
    }
}

.tabs-content__item {
    animation: fadeEffect .6s ease;
    display: none;
    width: 100%
}

.tabs-content__item .menu__category-dishes .section-title__title {
    font-size: 58px!important;
    line-height: 1.2!important
}

.tabs-content__item.active {
    display: block;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

@keyframes fadeEffect {
    0% {
        margin-left: 30px;
        opacity: 0
    }

    to {
        margin-left: 0;
        opacity: 1
    }
}

.lightbox {
    --tw-bg-opacity: 0.8;
    align-items: center;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    cursor: zoom-out;
    display: none;
    height: 100%;
    inset: 0;
    justify-content: center;
    padding: 2rem;
    position: fixed;
    width: 100%;
    z-index: 50
}

.lightbox-open {
    overflow: hidden
}

.lightbox-wrapper {
    height: auto;
    max-width: 100%;
    position: relative;
    width: 70%
}

@media (min-width: 1536px) {
    .lightbox-wrapper {
        width:40%
    }
}

.lightbox.open {
    display: flex
}

.lightbox-close {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-size: 2.25rem;
    height: 1.75rem;
    line-height: 1.75rem;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 1.75rem;
    z-index: 50
}

.lightbox-close:hover {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity));
    cursor: pointer
}

.lightbox-content {
    animation: lightboxImage .5s ease;
    position: relative
}

.lightbox-content img {
    cursor: pointer;
    display: block;
    height: 100%;
    padding-bottom: 1.25rem;
    padding-top: 2rem;
    width: 100%
}

.lightbox-controls {
    align-items: flex-end;
    display: flex;
    gap: .75rem;
    height: 100%;
    justify-content: flex-end;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lightbox-arrows {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
    --tw-shadow-color: #0a0d0f;
    --tw-shadow: var(--tw-shadow-colored);
    align-items: center;
    background-color: transparent;
    border-color: rgb(209 210 212/var(--tw-border-opacity));
    border-radius: 9999px;
    border-style: solid;
    border-width: 2px;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    color: rgb(209 210 212/var(--tw-text-opacity));
    display: flex;
    height: 30px;
    justify-content: center;
    position: relative;
    top: 1rem;
    width: 30px;
    z-index: 50
}

@media (min-width: 768px) {
    .lightbox-arrows {
        height:40px;
        width: 40px
    }
}

.lightbox-arrows {
    transform: translateY(-50%)
}

.lightbox-arrows:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(217 178 130/var(--tw-bg-opacity));
    border-color: rgb(217 178 130/var(--tw-border-opacity));
    cursor: pointer
}

.lightbox-arrows:hover:before {
    --tw-text-opacity: 1!important;
    color: rgb(5 6 8/var(--tw-text-opacity))!important
}

.lightbox-arrows:before {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-family: Font Awesome\ 5 Free;
    font-size: .875rem;
    font-weight: 900;
    line-height: 1.25rem;
    opacity: 1
}

.lightbox-arrows.lightbox-next {
    left: 0
}

.lightbox-arrows.lightbox-next:before {
    content: "\f054"
}

.lightbox-arrows.lightbox-prev {
    right: 0
}

.lightbox-arrows.lightbox-prev:before {
    content: "\f053"
}

@keyframes lightboxImage {
    0% {
        transform: scale(.8)
    }

    to {
        transform: scale(1)
    }
}

.header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    left: 0;
    opacity: 1;
    padding: 1rem 1rem 1rem 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: none;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: 100%;
    z-index: 99
}

@media (min-width: 1024px) {
    .header {
        padding-right:3rem
    }
}

@media (min-width: 1280px) {
    .header {
        padding-left:2rem;
        padding-right: 2rem;
        top: 3rem
    }
}

.header__content {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

.header__logo {
    padding-left: 1rem;
    width: 160px
}

@media (min-width: 640px) {
    .header__logo {
        width:160px
    }
}

@media (min-width: 768px) {
    .header__logo {
        width:180px
    }
}

@media (min-width: 1280px) {
    .header__logo {
        padding-left:0
    }
}

.header__nav {
    align-items: center;
    display: flex;
    gap: 1.5rem;
    justify-content: flex-end
}

@media (min-width: 1024px) {
    .header__nav {
        gap:2rem
    }
}

.header__menu {
    align-items: center;
    display: none;
    flex-wrap: wrap
}

@media (min-width: 1280px) {
    .header__menu {
        display:flex
    }
}

.header__social {
    --tw-border-opacity: 1;
    align-items: center;
    border-left-color: rgb(72 77 81/var(--tw-border-opacity));
    border-left-width: 1px;
    display: flex;
    flex-wrap: wrap;
    padding-left: 1.5rem
}

.header__menu-list {
    gap: 2rem;
    margin: 0
}

.header__menu-list,.header__menu-list li {
    align-items: center;
    display: flex;
    justify-content: center
}

.header__menu-list li a {
    --tw-text-opacity: 1;
    color: rgb(232 233 233/var(--tw-text-opacity));
    font-family: Josefin Sans,sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .25px;
    line-height: 1.6;
    position: relative;
    transition-duration: .2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.header__menu-list li a:hover {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity))
}

.header__menu-list li a:focus {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px
}

.header__menu-list li a:after,.header__menu-list li a:before {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 0
}

.header__menu-list li a:before {
    bottom: 0;
    left: 0;
    right: 0;
    transition: width 0s ease,background .4s ease
}

.header__menu-list li a:after {
    background: #d9b282;
    bottom: 0;
    transition: width .4s ease
}

.header__menu-list li a:hover:before {
    background: #b2876f;
    left: 0;
    transition: width .4s ease;
    width: 97.8%
}

.header__menu-list li a:hover:after {
    background: 0 0;
    left: 0;
    transition: all 0s ease;
    width: 90%
}

.header__menu-list li.dropdown {
    padding-bottom: 1rem;
    padding-right: .75rem;
    padding-top: 1rem;
    position: relative
}

.header__menu-list li.dropdown.simple-dropdown:after {
    --tw-text-opacity: 1;
    color: rgb(72 77 81/var(--tw-text-opacity));
    content: "+";
    display: block;
    font-family: Josefin Sans,sans-serif;
    font-size: 1.5rem;
    height: .5rem;
    line-height: 2rem;
    position: absolute;
    right: .25rem;
    top: 38%;
    transform: rotate(0) translateY(-25%);
    width: .5rem
}

.header__menu-list li.dropdown .dropdown-menu {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
    background-color: rgb(10 13 15/var(--tw-bg-opacity));
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-family: Josefin Sans,sans-serif;
    font-size: 18px;
    font-size: .875rem;
    font-weight: 400;
    left: -1.5rem;
    letter-spacing: .25px;
    line-height: 1.6;
    line-height: 1.25rem;
    max-height: 0;
    min-width: 220px;
    opacity: 0;
    overflow: hidden;
    padding: 1rem 1.5rem;
    position: absolute;
    top: 100%;
    transition: all .3s linear;
    visibility: hidden;
    z-index: 50
}

.header__menu-list li.dropdown .dropdown-menu li {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.header__menu-list li.dropdown .dropdown-menu li.dropdown {
    padding-bottom: .5rem;
    padding-top: .5rem;
    position: relative
}

.header__menu-list li.dropdown .dropdown-menu li a {
    --tw-text-opacity: 1;
    color: rgb(118 121 125/var(--tw-text-opacity));
    font-family: Josefin Sans,sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .25px;
    line-height: 1.6;
    transition-duration: .2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.header__menu-list li.dropdown .dropdown-menu li a:hover {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity))
}

.header__menu-list li.dropdown .dropdown-menu li a:focus {
    --tw-text-opacity: 1;
    color: rgb(118 121 125/var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px
}

.header__menu-list li.dropdown:hover .dropdown-menu {
    display: block;
    max-height: 300px;
    opacity: 1;
    visibility: visible
}

.header__menu-list li.dropdown:hover.simple-dropdown:after {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity))
}

.header__mobile {
    display: flex
}

@media (min-width: 1280px) {
    .header__mobile {
        display:none
    }
}

.header.header_sticky {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
    background-color: rgb(10 13 15/var(--tw-bg-opacity));
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    opacity: 0;
    position: fixed;
    top: 0
}

.header.header_sticky__show {
    left: 0;
    opacity: 1;
    right: 0;
    z-index: 999
}

.topbar {
    --tw-border-opacity: 0.2;
    align-items: center;
    border-bottom-width: 1px;
    border-color: rgb(163 166 168/var(--tw-border-opacity));
    display: none;
    justify-content: space-between;
    left: 0;
    padding: .75rem 2rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100
}

@media (min-width: 1280px) {
    .topbar {
        display:flex
    }
}

.topbar__left,.topbar__right {
    align-items: center;
    display: inline-flex;
    gap: 2.25rem;
    justify-content: flex-start
}

.topbar__address,.topbar__email,.topbar__phone {
    align-items: center;
    display: inline-flex;
    gap: .75rem;
    justify-content: flex-start
}

.topbar__address a,.topbar__email a,.topbar__phone a {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(209 210 212/var(--tw-text-opacity));
    display: flex;
    flex-wrap: wrap;
    font-family: Josefin Sans,sans-serif;
    font-size: 18px;
    font-weight: 300;
    justify-content: flex-start;
    letter-spacing: .25px;
    line-height: 1.5;
    transition-duration: .2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.topbar__address a>i,.topbar__email a>i,.topbar__phone a>i {
    font-size: 16px!important;
    margin-right: .5rem;
    padding-bottom: .25rem;
    transition-property: none
}

.topbar__address a:hover,.topbar__email a:hover,.topbar__phone a:hover {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity))
}

.mm-menu--offcanvas {
    z-index: 9999
}

.mm-menu--theme-light {
    --mm-color-background: #0a0d0f!important
}

.mm-navbar {
    --tw-border-opacity: 1!important;
    border-color: rgb(26 32 38/var(--tw-border-opacity))!important
}

.mm-navbar .mm-navbar__title {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.mm-navbar .mm-navbar__title span {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity));
    font-family: Barlow Condensed,sans-serif!important;
    font-weight: 500;
    text-transform: uppercase
}

.mm-btn--next:after,.mm-btn--prev:before {
    --tw-border-opacity: 1!important;
    border-color: rgb(217 178 130/var(--tw-border-opacity))!important
}

.mm-listitem {
    --tw-border-opacity: 1!important;
    border-color: rgb(26 32 38/var(--tw-border-opacity))!important
}

.mm-listitem__text {
    --tw-text-opacity: 1!important;
    color: rgb(209 210 212/var(--tw-text-opacity))!important
}

.mm-listitem__text:hover,.mm-navbars--bottom .mm-navbar a {
    --tw-text-opacity: 1!important;
    color: rgb(217 178 130/var(--tw-text-opacity))!important
}

.footer {
    align-items: flex-start;
    background-color: rgb(10 13 15/var(--tw-bg-opacity));
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 1rem
}

.footer,.footer__button {
    --tw-bg-opacity: 1;
    display: flex;
    flex-wrap: wrap
}

.footer__button {
    align-items: center;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    flex-direction: row;
    justify-content: space-between;
    padding: 1.5rem 1rem;
    width: 100%
}

@media (min-width: 640px) {
    .footer__button {
        padding-left:2rem;
        padding-right: 2rem
    }
}

.footer__copyright {
    width: 100%
}

@media (min-width: 1280px) {
    .footer__copyright {
        width:50%
    }
}

.footer__copyright p {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-size: 18px;
    letter-spacing: .25px;
    line-height: 1.6;
    margin-bottom: 0!important;
    text-align: center
}

@media (min-width: 1280px) {
    .footer__copyright p {
        text-align:left
    }
}

.footer__copyright p br {
    display: inline
}

@media (min-width: 640px) {
    .footer__copyright p br {
        display:none
    }
}

.footer__legal {
    width: 100%
}

@media (min-width: 1280px) {
    .footer__legal {
        width:50%
    }
}

.footer__legal ul {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 1.5rem 0 0
}

@media (min-width: 1280px) {
    .footer__legal ul {
        justify-content:flex-end;
        padding-top: 0
    }
}

.footer__legal ul li {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-size: 18px;
    letter-spacing: .25px;
    line-height: 1.6
}

.footer__legal ul li:not(:last-child) {
    margin-right: .25rem
}

.footer__legal ul li:after {
    --tw-text-opacity: 1;
    color: rgb(118 121 125/var(--tw-text-opacity));
    content: "/";
    font-size: 18px;
    letter-spacing: .25px;
    line-height: 1.6;
    margin: 0 4px
}

.footer__legal ul li:last-child:after {
    display: none
}

.footer__legal ul li a {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-size: 18px;
    letter-spacing: .25px;
    line-height: 1.6
}

.footer__legal ul li a:hover {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity))
}

.footer__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width: 640px) {
    .footer__container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .footer__container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .footer__container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .footer__container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .footer__container {
        max-width:1536px
    }
}

.footer__container {
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding: 2.5rem 1rem
}

@media (min-width: 768px) {
    .footer__container {
        padding-bottom:3rem;
        padding-top: 3rem
    }
}

@media (min-width: 1280px) {
    .footer__container {
        padding-bottom:3.5rem;
        padding-top: 3.5rem
    }
}

.footer__content {
    align-items: flex-start;
    justify-content: space-between;
    max-width: 680px
}

.footer__content,.footer__logo {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.footer__logo {
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    width: 100%
}

.footer__logo a {
    display: flex;
    width: -moz-fit-content;
    width: fit-content
}

.footer__logo img {
    height: auto;
    max-width: 200px!important;
    min-width: 200px!important;
    width: 200px!important
}

@media (min-width: 768px) {
    .footer__logo img {
        max-width:250px!important;
        min-width: 250px!important;
        width: 250px!important
    }
}

.footer__info {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    margin-bottom: 0;
    width: 100%
}

@media (min-width: 640px) {
    .footer__info {
        gap:2.25rem;
        margin-bottom: 1.5rem
    }
}

.footer__address {
    text-align: center;
    width: 100%
}

@media (min-width: 640px) {
    .footer__address {
        text-align:right;
        width: 41.666667%
    }
}

.footer__address p {
    margin-bottom: 0
}

.footer__info-contact {
    --tw-text-opacity: 1!important;
    align-items: center;
    color: rgb(209 210 212/var(--tw-text-opacity))!important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

@media (min-width: 640px) {
    .footer__info-contact {
        align-items:flex-start;
        justify-content: flex-start;
        width: 41.666667%
    }
}

.footer__info-contact a {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-size: 18px;
    letter-spacing: .25px;
    line-height: 1.6;
    text-align: center
}

@media (min-width: 640px) {
    .footer__info-contact a {
        text-align:left
    }
}

.footer__info-contact a:hover {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity))
}

.footer__social {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1.5rem;
    width: 100%
}

.hero-slider {
    height: 100vh;
    overflow: hidden;
    position: relative
}

@media (min-width: 768px) {
    .hero-slider {
        max-height:1080px
    }
}

.hero-slider__images {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 0
}

.hero-slider .slider-hero__item {
    height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 0
}

@media (min-width: 768px) {
    .hero-slider .slider-hero__item {
        max-height:1080px
    }
}

.hero-slider .slider-hero__item img {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transform: translate(var(--tw-translate-x),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));
    width: 100%
}

.hero-slider .slider-hero__item-content {
    align-items: center;
    background-image: linear-gradient(0deg,rgba(5,6,8,.5),rgba(5,6,8,.8) 40%);
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 50
}

.hero-slider .slider-hero__item-info {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    max-width: 660px;
    padding-bottom: 5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    text-align: center;
    z-index: 50
}

@media (min-width: 768px) {
    .hero-slider .slider-hero__item-info {
        margin-left:9%;
        padding-bottom: 2.5rem;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1024px) {
    .hero-slider .slider-hero__item-info {
        margin-left:30%;
        padding-bottom: 0
    }
}

.hero-slider .slider-hero__item-info .subtitle {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity));
    font-family: Sorts Mill Goudy,serif;
    font-size: 20px;
    letter-spacing: 1.5px;
    line-height: 1.4;
    margin-bottom: 0;
    text-transform: capitalize
}

.hero-slider .slider-hero__item-info .title {
    --tw-text-opacity: 1;
    color: rgb(232 233 233/var(--tw-text-opacity));
    font-size: 48px!important;
    line-height: 1.2!important;
    margin-bottom: .5rem;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .hero-slider .slider-hero__item-info .title {
        font-size:81px!important;
        line-height: 1.2!important
    }
}

.hero-slider .slider-hero__item-info p {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-size: 21px;
    letter-spacing: .5px;
    line-height: 1.6;
    margin-bottom: 1.5rem
}

.hero-slider .slider-hero .slick-active .btn,.hero-slider .slider-hero .slick-active .subtitle,.hero-slider .slider-hero .slick-active .title,.hero-slider .slider-hero .slick-active p:nth-child(3) {
    animation: showContent .5s ease-in-out .7s 1 forwards;
    filter: blur(20px);
    opacity: 0;
    transform: translateY(50px)
}

.hero-slider .slider-hero .slick-active .title {
    animation-delay: 1.3s
}

.hero-slider .slider-hero .slick-active .subtitle {
    animation-duration: 1s
}

.hero-slider .slider-hero .slick-active p:nth-child(3) {
    animation-duration: 1.8s
}

.hero-slider .slider-hero .slick-active .btn {
    animation-duration: 2.5s
}

.hero-slider .slider-hero .slick-dots {
    align-items: center;
    bottom: 20%;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    width: 100%
}

@media (min-width: 768px) {
    .hero-slider .slider-hero .slick-dots {
        bottom:0;
        flex-direction: column;
        right: 1.5rem;
        top: 0;
        width: 3rem
    }
}

.hero-slider .thumbnail {
    align-items: center;
    bottom: 1rem;
    display: flex;
    height: auto;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    width: 560px;
    z-index: 50
}

@media (min-width: 768px) {
    .hero-slider .thumbnail {
        right:.5rem
    }
}

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

@media (min-width: 1024px) {
    .hero-slider .slider-thumbnail {
        padding-left:1.5rem;
        padding-right: 1.5rem
    }
}

.hero-slider .slider-thumbnail__item {
    flex-shrink: 0;
    height: 110px;
    padding: .5rem;
    position: relative;
    z-index: 0
}

@media (min-width: 768px) {
    .hero-slider .slider-thumbnail__item {
        height:220px
    }
}

.hero-slider .slider-thumbnail__item-image {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
    --tw-shadow-color: #151a1e;
    --tw-shadow: var(--tw-shadow-colored);
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    border-radius: 20px;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    height: 100%;
    position: relative;
    width: 100%
}

.hero-slider .slider-thumbnail__item-image img {
    border-radius: 20px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    opacity: .5;
    width: 100%
}

.hero-slider .slider-thumbnail__item-image img:hover {
    cursor: pointer
}

.hero-slider .slider-thumbnail .slick-current.slick-active .slider-thumbnail__item-image img {
    opacity: 1
}

@keyframes showContent {
    to {
        filter: blur(0);
        opacity: 1;
        transform: translateY(0)
    }
}

.hero-basic {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    display: flex;
    flex-wrap: wrap;
    height: 100vh;
    justify-content: center;
    max-height: 1080px;
    overflow: hidden;
    position: relative
}

@media (min-width: 640px) {
    .hero-basic {
        min-height:680px
    }
}

@media (min-width: 768px) {
    .hero-basic {
        min-height:880px
    }
}

.hero-basic__background {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.hero-basic__background img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.hero-basic__container {
    display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-top: 2rem;
    position: relative;
    width: 100%;
    z-index: 20
}

@media (min-width: 768px) {
    .hero-basic__container {
        padding-left:5rem;
        padding-top: 3rem
    }
}

@media (min-width: 1024px) {
    .hero-basic__container {
        padding-top:4rem
    }
}

@media (min-width: 1280px) {
    .hero-basic__container {
        padding-left:12rem
    }
}

.hero-basic__container {
    background-image: linear-gradient(270deg,rgba(5,6,8,.2),rgba(5,6,8,.6) 70%)
}

.hero-basic__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    grid-column: span 11/span 11;
    height: 100%;
    justify-content: center;
    width: 100%
}

@media (min-width: 640px) {
    .hero-basic__content {
        grid-column:span 10/span 10
    }
}

@media (min-width: 768px) {
    .hero-basic__content {
        grid-column:span 8/span 8
    }
}

@media (min-width: 1280px) {
    .hero-basic__content {
        grid-column:span 6/span 6
    }
}

.hero-basic__subtitle {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity));
    font-family: Sorts Mill Goudy,serif;
    font-size: 20px;
    font-style: italic;
    letter-spacing: 1.5px;
    line-height: 1.4;
    margin-bottom: 0;
    text-transform: capitalize
}

.hero-basic__title {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: 3rem!important;
    line-height: 1!important;
    margin-bottom: 1rem;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .hero-basic__title {
        font-size:3.75rem!important;
        line-height: 1!important
    }
}

@media (min-width: 1280px) {
    .hero-basic__title {
        font-size:91px!important;
        line-height: 1.2!important
    }
}

.hero-basic__description {
    --tw-text-opacity: 1;
    align-items: flex-start;
    color: rgb(232 233 233/var(--tw-text-opacity));
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 1.5rem
}

.hero-basic__description p {
    font-size: 21px!important;
    letter-spacing: .5px!important;
    line-height: 1.6!important
}

.hero-basic.hero-center .hero-basic__container {
    align-items: center!important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center!important;
    padding-left: 0;
    padding-right: 0
}

.hero-basic.hero-center .hero-basic__content {
    align-items: center!important;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

@media (min-width: 1280px) {
    .hero-basic.hero-center .hero-basic__content {
        max-width:75%
    }
}

.hero-basic.hero-center .hero-basic__subtitle,.hero-basic.hero-center .hero-basic__title {
    text-align: center
}

.hero-basic.hero-center .hero-basic__description {
    align-items: center;
    justify-content: center
}

.hero-inner {
    --tw-bg-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    height: 280px;
    max-height: 560px;
    min-height: 280px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0
}

@media (min-width: 768px) {
    .hero-inner {
        height:460px;
        min-height: 460px
    }
}

@media (min-width: 1024px) {
    .hero-inner {
        height:560px;
        min-height: 560px
    }
}

.hero-inner__background {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.hero-inner__background img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    opacity: .25;
    width: 100%
}

.hero-inner__container {
    padding-top: 5rem;
    position: relative;
    z-index: 20
}

.hero-inner__container,.hero-inner__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.hero-inner__content {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media (min-width: 1024px) {
    .hero-inner__content {
        padding-left:0;
        padding-right: 0
    }
}

.hero-inner__title {
    --tw-text-opacity: 1;
    color: rgb(232 233 233/var(--tw-text-opacity));
    font-family: Barlow Condensed,sans-serif;
    font-size: 38px!important;
    font-weight: 400;
    line-height: 1.2!important;
    margin-bottom: .25rem;
    text-align: center;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .hero-inner__title {
        font-size:48px!important;
        line-height: 1.2!important
    }
}

@media (min-width: 1024px) {
    .hero-inner__title {
        font-size:81px!important;
        line-height: 1.2!important
    }
}

.hero-inner__breadcrumbs p {
    letter-spacing: .1em;
    text-transform: uppercase
}

.hero-inner__breadcrumbs p,.hero-inner__breadcrumbs p a {
    --tw-text-opacity: 1;
    color: rgb(118 121 125/var(--tw-text-opacity));
    font-family: Mulish,sans-serif;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    margin-bottom: 0
}

.hero-inner__breadcrumbs p a:hover {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity))
}

.blog-details .hero-inner__title {
    --tw-text-opacity: 1;
    color: rgb(232 233 233/var(--tw-text-opacity));
    font-size: 22px!important;
    line-height: 1.4!important;
    margin-bottom: 1.5rem
}

@media (min-width: 768px) {
    .blog-details .hero-inner__title {
        font-size:28px!important;
        line-height: 1.4!important
    }
}

@media (min-width: 1024px) {
    .blog-details .hero-inner__title {
        font-size:58px!important;
        line-height: 1.2!important
    }
}

.about__image-info {
    display: flex
}

.about__image-info .about-content {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(12,minmax(0,1fr));
    width: 100%
}

.about__image-info .about-content__image {
    display: none;
    grid-column: span 3/span 3;
    max-height: 1080px;
    overflow: hidden;
    position: relative
}

@media (min-width: 1024px) {
    .about__image-info .about-content__image {
        display:block
    }
}

@media (min-width: 1280px) {
    .about__image-info .about-content__image {
        grid-column:span 6/span 6
    }
}

.about__image-info .about-content__image img {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transform: translate(var(--tw-translate-x),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));
    width: 100%
}

.about__image-info .about-content__info {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    grid-column: span 12/span 12;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding: 4rem 1rem;
    position: relative
}

@media (min-width: 640px) {
    .about__image-info .about-content__info {
        padding-left:2.5rem;
        padding-right: 2.5rem
    }
}

@media (min-width: 768px) {
    .about__image-info .about-content__info {
        padding:5rem
    }
}

@media (min-width: 1024px) {
    .about__image-info .about-content__info {
        grid-column:span 9/span 9
    }
}

@media (min-width: 1280px) {
    .about__image-info .about-content__info {
        grid-column:span 6/span 6;
        max-width: 720px;
        padding-bottom: 7rem;
        padding-top: 7rem
    }
}

.about__image-info .about-content__description {
    padding-bottom: .5rem
}

.about-s2__container-fluid,.about-s2__content {
    position: relative;
    width: 100%
}

.about-s2__content {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(12,minmax(0,1fr))
}

.about-s2__image {
    display: none;
    grid-column: span 3/span 3
}

@media (min-width: 1024px) {
    .about-s2__image {
        display:block
    }
}

.about-s2__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.about-s2__text {
    grid-column: span 12/span 12;
    padding: 4rem 1.5rem;
    text-align: center
}

@media (min-width: 640px) {
    .about-s2__text {
        grid-column:span 10/span 10;
        grid-column-start: 2
    }
}

@media (min-width: 1024px) {
    .about-s2__text {
        grid-column:span 6/span 6
    }
}

@media (min-width: 1280px) {
    .about-s2__text {
        padding:6rem 5rem
    }
}

.about-s2__text .section-title {
    margin-bottom: 0
}

.special-offers__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width: 640px) {
    .special-offers__container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .special-offers__container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .special-offers__container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .special-offers__container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .special-offers__container {
        max-width:1536px
    }
}

.special-offers__container {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3.5rem;
    padding-top: 3.5rem
}

@media (min-width: 768px) {
    .special-offers__container {
        padding-bottom:4rem;
        padding-top: 4rem
    }
}

@media (min-width: 1280px) {
    .special-offers__container {
        padding-bottom:7rem;
        padding-top: 7rem
    }
}

.special-offers .section-title {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    text-align: center
}

.special-offers .section-title:before {
    content: var(--tw-content);
    display: none
}

.special-offers__item {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@media (min-width: 768px) {
    .special-offers__item {
        grid-template-columns:repeat(2,minmax(0,1fr));
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media (min-width: 1024px) {
    .special-offers__item {
        grid-template-columns:repeat(6,minmax(0,1fr))
    }
}

@media (min-width: 1280px) {
    .special-offers__item {
        gap:2rem;
        padding-left: 0;
        padding-right: 0
    }
}

.special-offers__item-image {
    grid-column: span 3/span 3;
    max-height: 320px;
    padding: 0
}

@media (min-width: 768px) {
    .special-offers__item-image {
        max-height:480px
    }
}

@media (min-width: 1280px) {
    .special-offers__item-image {
        padding:1.5rem
    }
}

.special-offers__item-image img {
    --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
    --tw-shadow-color: #0a0d0f;
    --tw-shadow: var(--tw-shadow-colored);
    border-radius: .25rem;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.special-offers__item-info {
    display: flex;
    flex-direction: column;
    grid-column: span 3/span 3;
    justify-content: center;
    padding-bottom: 1.5rem;
    padding-top: 0
}

@media (min-width: 640px) {
    .special-offers__item-info {
        padding-bottom:1rem;
        padding-top: 1rem
    }
}

@media (min-width: 1280px) {
    .special-offers__item-info {
        padding:1.5rem
    }
}

.special-offers__item-info h3 {
    --tw-border-opacity: 1;
    align-items: center;
    border-bottom-width: 1px;
    border-color: rgb(26 32 38/var(--tw-border-opacity));
    border-style: solid;
    display: flex;
    flex-wrap: wrap;
    font-family: Barlow Condensed,sans-serif;
    font-size: 28px!important;
    justify-content: space-between;
    line-height: 1.4!important;
    padding-bottom: .75rem;
    text-transform: capitalize;
    width: 100%
}

@media (min-width: 768px) {
    .special-offers__item-info h3 {
        font-size:38px!important;
        line-height: 1.2!important
    }
}

.special-offers__item-info h3 span {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity))
}

.special-offers__item-info p:first-of-type {
    font-family: Sorts Mill Goudy,serif;
    font-size: 20px;
    font-style: italic;
    letter-spacing: 1.5px;
    line-height: 1.4
}

.special-offers .slider-nav-arrows {
    padding-bottom: 0
}

@media (min-width: 1024px) {
    .special-offers .slider-nav-arrows {
        padding-top:3rem
    }
}

.special-offers-2 {
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

.special-offers-2__container {
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.special-offers-2__slider {
    margin: 0!important;
    padding: 0;
    width: 100%
}

.special-offers-2__item {
    display: inline-flex!important;
    height: 100%;
    margin: 0!important;
    overflow: hidden;
    padding: 0!important;
    position: relative;
    width: auto!important
}

.special-offers-2__item .overlayer {
    background: #000;
    background: linear-gradient(0deg,rgba(0,0,0,.8),hsla(0,0%,100%,0));
    position: absolute
}

.special-offers-2__item-image {
    max-height: 768px;
    min-height: 480px;
    overflow: hidden;
    padding: 0;
    position: relative
}

.special-offers-2__item-image img {
    height: 100%;
    -o-object-fit: cover!important;
    object-fit: cover!important;
    -o-object-position: center!important;
    object-position: center!important;
    width: 100%
}

.special-offers-2__item-info {
    --tw-shadow: 0 25px 50px -12px rgba(0,0,0,.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    --tw-shadow-color: #050608;
    --tw-shadow: var(--tw-shadow-colored);
    background-color: rgba(5,6,8,.9);
    bottom: 0;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    display: flex;
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: center;
    padding: 1rem;
    position: absolute;
    width: 100%
}

@media (min-width: 640px) {
    .special-offers-2__item-info {
        padding:2rem 2rem 1.5rem
    }
}

@media (min-width: 768px) {
    .special-offers-2__item-info {
        border-radius:.5rem;
        right: 2rem;
        top: 2rem;
        width: 480px
    }
}

@media (min-width: 1024px) {
    .special-offers-2__item-info {
        right:4rem;
        top: 4rem
    }
}

@media (min-width: 1280px) {
    .special-offers-2__item-info {
        right:5rem;
        top: 7rem;
        width: 580px
    }
}

.special-offers-2__item-info .tag {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity));
    font-family: Sorts Mill Goudy,serif;
    font-style: italic
}

.special-offers-2__item-info h3 {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    border-bottom-width: 1px;
    border-color: rgb(72 77 81/var(--tw-border-opacity));
    border-style: solid;
    color: rgb(209 210 212/var(--tw-text-opacity));
    display: flex;
    flex-wrap: wrap;
    font-family: Barlow Condensed,sans-serif;
    font-size: 28px!important;
    justify-content: space-between;
    line-height: 1.4!important;
    text-transform: capitalize;
    width: 100%
}

@media (min-width: 768px) {
    .special-offers-2__item-info h3 {
        padding-bottom:.75rem
    }
}

@media (min-width: 1024px) {
    .special-offers-2__item-info h3 {
        font-size:28px!important;
        line-height: 1.4!important;
        padding-bottom: 1.5rem
    }
}

@media (min-width: 1280px) {
    .special-offers-2__item-info h3 {
        font-size:38px!important;
        line-height: 1.2!important
    }
}

.special-offers-2__item-info h3 span {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity))
}

.special-offers-2__item-info p {
    --tw-text-opacity: 1;
    color: rgb(163 166 168/var(--tw-text-opacity));
    display: none
}

@media (min-width: 1280px) {
    .special-offers-2__item-info p {
        display:block
    }
}

.special-offers-2__item-info p:first-of-type {
    --tw-text-opacity: 1;
    color: rgb(163 166 168/var(--tw-text-opacity));
    display: block;
    font-family: Sorts Mill Goudy,serif;
    font-size: 1rem!important;
    font-style: italic;
    line-height: 1.5rem!important
}

@media (min-width: 1024px) {
    .special-offers-2__item-info p:first-of-type {
        font-size:18px!important;
        letter-spacing: 1px!important;
        line-height: 1.4!important
    }
}

.special-offers-2__item-info .btn {
    margin-bottom: 1rem;
    margin-top: 0;
    position: relative;
    z-index: 50
}

@media (min-width: 1024px) {
    .special-offers-2__item-info .btn {
        margin-top:1rem!important
    }
}

.special-offers-2__item-info:after,.special-offers-2__item-info:before {
    border: 1px solid #d9b282;
    border-radius: 8px;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(.2);
    transition: transform .4s ease-in-out;
    z-index: 10
}

.special-offers-2__item-info:before {
    border-bottom: 0;
    border-right: 0;
    transform-origin: left top
}

.special-offers-2__item-info:after {
    border-left: 0;
    border-top: 0;
    transform-origin: right bottom
}

.special-offers-2__item-info:hover:after,.special-offers-2__item-info:hover:before {
    opacity: 1;
    transform: scale(1)
}

.special-offers-2 .slick-dots {
    bottom: 3rem!important;
    padding-right: 1rem;
    text-align: right
}

@media (min-width: 640px) {
    .special-offers-2 .slick-dots {
        padding-right:1.5rem
    }
}

@media (min-width: 768px) {
    .special-offers-2 .slick-dots {
        text-align:center
    }
}

.menu {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    padding-top: 4rem;
    position: relative
}

@media (min-width: 768px) {
    .menu {
        padding-top:5rem
    }
}

@media (min-width: 1280px) {
    .menu {
        padding-top:6rem
    }
}

.menu:after {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    display: none;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 140px
}

@media (min-width: 1024px) {
    .menu:after {
        display:block
    }
}

.menu:after {
    background-image: url(../img/right.png);
    content: ""
}

.menu:before {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    display: none;
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 140px
}

@media (min-width: 1024px) {
    .menu:before {
        display:block
    }
}

.menu:before {
    background-image: url(../img/left.png);
    content: ""
}

.menu__container {
    width: 100%
}

@media (min-width: 640px) {
    .menu__container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .menu__container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .menu__container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .menu__container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .menu__container {
        max-width:1536px
    }
}

.menu__container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width: 1024px) {
    .menu__container {
        padding-left:0;
        padding-right: 0
    }
}

.menu__container .section-title {
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    text-align: center
}

.menu__container .section-title p {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px
}

.menu__container .section-title p:last-of-type {
    margin-bottom: 0
}

.menu__container__full {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.dish {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 1rem
}

.dish,.dish__content {
    display: flex;
    width: 100%
}

.dish__content {
    --tw-border-opacity: 1;
    align-items: center;
    border-bottom-width: 1px;
    border-color: rgb(72 77 81/var(--tw-border-opacity));
    border-style: solid;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: .25rem;
    padding-bottom: .25rem
}

.dish__title {
    font-size: 22px!important;
    line-height: 1.4!important;
    text-transform: capitalize
}

.dish__price,.dish__title {
    font-family: Barlow Condensed,sans-serif;
    font-weight: 400;
    margin-bottom: 0
}

.dish__price {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity));
    font-size: 22px;
    line-height: 1.4
}

.dish__description {
    --tw-text-opacity: 1;
    color: rgb(163 166 168/var(--tw-text-opacity));
    font-family: Sorts Mill Goudy,serif;
    font-size: .875rem;
    font-style: italic;
    line-height: 1.25rem;
    margin-bottom: 0;
    width: 100%
}

.menu__dishes-list {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.menu__dishes-col {
    grid-column: span 1/span 1
}

.menu-block {
    background-image: url(../../../images/gallery/d.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-style: none;
    overflow: hidden;
    position: relative
}

@media (min-width: 768px) {
    .menu-block {
        background-attachment:fixed;
        background-position: center 100%
    }
}

.menu-block__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width: 640px) {
    .menu-block__container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .menu-block__container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .menu-block__container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .menu-block__container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .menu-block__container {
        max-width:1536px
    }
}

.menu-block__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 4rem;
    padding-top: 4rem;
    position: relative;
    z-index: 20
}

@media (min-width: 768px) {
    .menu-block__container {
        padding-bottom:5rem;
        padding-top: 5rem
    }
}

@media (min-width: 1280px) {
    .menu-block__container {
        padding-bottom:7rem;
        padding-top: 7rem
    }
}

.menu-block__overlayer {
    --tw-bg-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .9;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

.menu-block__dishes {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(1,minmax(0,1fr));
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

@media (min-width: 768px) {
    .menu-block__dishes {
        gap:1.5rem;
        grid-template-columns: repeat(2,minmax(0,1fr));
        padding-bottom: 2.5rem;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 1024px) {
    .menu-block__dishes {
        gap:2.5rem
    }
}

@media (min-width: 1280px) {
    .menu-block__dishes {
        gap:4rem;
        padding-left: 4rem;
        padding-right: 4rem;
        padding-top: 1rem
    }
}

.menu-block .btn {
    margin-top: 1.5rem
}

@media (min-width: 768px) {
    .menu-block .btn {
        margin-top:0
    }
}

.menu__category {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(12,minmax(0,1fr));
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 100%;
    z-index: 50
}

@media (min-width: 768px) {
    .menu__category {
        padding-left:1rem;
        padding-right: 1rem
    }
}

@media (min-width: 1024px) {
    .menu__category {
        width:83.333333%
    }
}

@media (min-width: 1280px) {
    .menu__category {
        padding-left:4rem;
        padding-right: 4rem;
        padding-top: 0
    }
}

.menu__category-image {
    grid-column: span 12/span 12;
    height: 100%;
    max-height: 320px;
    order: 1;
    overflow: hidden;
    position: relative
}

@media (min-width: 768px) {
    .menu__category-image {
        grid-column:span 4/span 4;
        max-height: 1024px
    }
}

@media (min-width: 1024px) {
    .menu__category-image {
        grid-column:span 6/span 6;
        min-height: 768px
    }
}

.menu__category-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.menu__category-dishes {
    align-items: center;
    display: flex;
    flex-direction: column;
    grid-column: span 12/span 12;
    height: 100%;
    justify-content: center;
    order: 2;
    padding: 3rem 0
}

@media (min-width: 768px) {
    .menu__category-dishes {
        grid-column:span 8/span 8;
        padding: 4rem 0 4rem 2rem
    }
}

@media (min-width: 1024px) {
    .menu__category-dishes {
        grid-column:span 6/span 6;
        padding-bottom: 5rem;
        padding-left: 4rem;
        padding-top: 5rem
    }
}

@media (min-width: 1280px) {
    .menu__category-dishes {
        padding-bottom:6rem;
        padding-left: 6rem;
        padding-top: 6rem
    }
}

.menu__category-dishes .section-title {
    margin-bottom: 2rem;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    text-align: left
}

.menu__category-dishes .section-title__title {
    font-family: Barlow Condensed,sans-serif;
    font-size: 38px!important;
    font-weight: 400;
    line-height: 1.2!important;
    margin-bottom: 1rem;
    text-transform: capitalize;
    width: 100%
}

.menu__category-dishes .section-title p {
    padding: 0
}

.menu__category-dishes .dish:last-of-type {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .menu__category:nth-child(2n) .menu__category-image {
        order:2
    }

    .menu__category:nth-child(2n) .menu__category-dishes {
        order: 1;
        padding-left: 0;
        padding-right: 2rem
    }
}

@media (min-width: 1024px) {
    .menu__category:nth-child(2n) .menu__category-dishes {
        padding-right:4rem
    }
}

@media (min-width: 1280px) {
    .menu__category:nth-child(2n) .menu__category-dishes {
        padding-right:6rem
    }
}

.menu__container__full .section-title {
    margin-bottom: 1rem!important;
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important
}

.menu__container__full .menu__category {
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.menu__container__full .menu__category-dishes {
    grid-column: span 12/span 12;
    padding-left: 1rem!important;
    padding-right: 1rem!important
}

@media (min-width: 640px) {
    .menu__container__full .menu__category-dishes {
        padding-left:2rem!important;
        padding-right: 2rem!important
    }
}

@media (min-width: 768px) {
    .menu__container__full .menu__category-dishes {
        grid-column:span 8/span 8;
        padding-left: 4rem!important;
        padding-right: 4rem!important
    }
}

@media (min-width: 1024px) {
    .menu__container__full .menu__category-dishes {
        grid-column:span 6/span 6;
        padding-left: 5rem!important;
        padding-right: 5rem!important
    }
}

@media (min-width: 1280px) {
    .menu__container__full .menu__category-dishes {
        padding-left:7rem!important;
        padding-right: 7rem!important
    }
}

.menu__container__full .menu__category-dishes .section-title {
    margin-bottom: 4rem;
    padding-left: 0!important;
    padding-right: 0!important
}

.menu__container__full .menu__category-image {
    grid-column: span 12/span 12
}

@media (min-width: 768px) {
    .menu__container__full .menu__category-image {
        grid-column:span 4/span 4
    }
}

@media (min-width: 1024px) {
    .menu__container__full .menu__category-image {
        grid-column:span 6/span 6
    }
}

.services-ilustrations {
    padding-bottom: 4rem;
    padding-top: 4rem
}

@media (min-width: 768px) {
    .services-ilustrations {
        padding-bottom:5rem;
        padding-top: 5rem
    }
}

@media (min-width: 1024px) {
    .services-ilustrations {
        padding-bottom:6rem;
        padding-top: 6rem
    }
}

@media (min-width: 1280px) {
    .services-ilustrations {
        padding-bottom:7rem;
        padding-top: 7rem
    }
}

.services-ilustrations__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width: 640px) {
    .services-ilustrations__container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .services-ilustrations__container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .services-ilustrations__container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .services-ilustrations__container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .services-ilustrations__container {
        max-width:1536px
    }
}

.services-ilustrations__container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media (min-width: 640px) {
    .services-ilustrations__container {
        padding-left:1rem;
        padding-right: 1rem
    }
}

.services-ilustrations__content {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@media (min-width: 640px) {
    .services-ilustrations__content {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

@media (min-width: 1024px) {
    .services-ilustrations__content {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
}

.services-ilustrations__card {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
    align-items: center;
    background-color: rgb(15 17 21/var(--tw-bg-opacity));
    border-color: rgb(10 13 15/var(--tw-border-opacity));
    border-radius: .5rem;
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    display: flex;
    flex-direction: column;
    grid-column: span 1/span 1;
    justify-content: center;
    padding: 1.5rem 1rem 2.5rem;
    position: relative;
    text-align: center
}

@media (min-width: 1024px) {
    .services-ilustrations__card {
        padding-bottom:4rem;
        padding-top: 3rem
    }
}

.services-ilustrations__card-ilustration {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(209 210 212/var(--tw-text-opacity));
    display: flex;
    flex-direction: column;
    font-size: 3.75rem;
    gap: 0;
    height: 120px;
    justify-content: center;
    line-height: 1;
    position: relative;
    width: 120px;
    z-index: 50
}

.services-ilustrations__card-ilustration img.hover {
    display: none
}

.services-ilustrations__card-info {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(209 210 212/var(--tw-text-opacity));
    display: flex;
    flex-direction: column;
    font-weight: 700;
    gap: 1rem;
    justify-content: center;
    margin-top: 1rem;
    position: relative;
    z-index: 50
}

.services-ilustrations__card-info h4 {
    font-family: Barlow Condensed,sans-serif;
    font-size: 28px!important;
    font-weight: 400;
    line-height: 1.4!important;
    text-transform: capitalize
}

.services-ilustrations__card-info h4,.services-ilustrations__card-info p {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    margin-bottom: 0
}

.services-ilustrations__card-info p {
    text-align: center
}

.services-ilustrations__card:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity))
}

.services-ilustrations__card:hover .services-ilustrations__card-ilustration img {
    display: none
}

.services-ilustrations__card:hover .services-ilustrations__card-ilustration img.hover {
    display: block
}

.services-ilustrations__card:after,.services-ilustrations__card:before {
    border: 1px solid #d9b282;
    border-radius: 8px;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(.2);
    transition: transform .4s ease-in-out;
    z-index: 10
}

.services-ilustrations__card:before {
    border-bottom: 0;
    border-right: 0;
    transform-origin: left top
}

.services-ilustrations__card:after {
    border-left: 0;
    border-top: 0;
    transform-origin: right bottom
}

.services-ilustrations__card:hover:after,.services-ilustrations__card:hover:before {
    opacity: 1;
    transform: scale(1)
}

.services-box {
    padding: 1.5rem 0
}

@media (min-width: 768px) {
    .services-box {
        padding-left:.5rem;
        padding-right: .5rem
    }
}

@media (min-width: 1024px) {
    .services-box {
        padding:6rem 5rem
    }
}

@media (min-width: 1280px) {
    .services-box {
        padding:7rem 8rem
    }
}

.services-box .services-ilustrations__content {
    gap: 1.5rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@media (min-width: 640px) {
    .services-box .services-ilustrations__content {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

@media (min-width: 768px) {
    .services-box .services-ilustrations__card-info {
        padding-left:1rem;
        padding-right: 1rem
    }
}

@media (min-width: 1024px) {
    .services-box .services-ilustrations__card-info {
        padding-left:2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1280px) {
    .services-box .services-ilustrations__card-info {
        padding-left:6rem;
        padding-right: 6rem
    }
}

.services-box .services-ilustrations__card-info .btn {
    margin-top: 0
}

.services-icons .services-ilustrations__card {
    padding-left: .5rem;
    padding-right: .5rem
}

.services-icons .services-ilustrations__card-ilustration {
    height: 36px;
    margin-bottom: 1rem;
    width: 36px
}

.services-icons .services-ilustrations__card-info h5 {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-weight: 400!important;
    margin-bottom: 0;
    text-align: center
}

.cta {
    background-image: url(../img/bg-cta.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative
}

@media (min-width: 768px) {
    .cta {
        background-attachment:fixed;
        background-position: center 100%
    }
}

.cta__overlayer {
    --tw-bg-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .75;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

.cta__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width: 640px) {
    .cta__container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .cta__container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .cta__container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .cta__container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .cta__container {
        max-width:1536px
    }
}

.cta__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3.5rem;
    padding-top: 3.5rem;
    position: relative;
    z-index: 20
}

@media (min-width: 768px) {
    .cta__container {
        padding-bottom:5rem;
        padding-top: 5rem
    }
}

@media (min-width: 1280px) {
    .cta__container {
        padding-bottom:7rem;
        padding-top: 7rem
    }
}

.cta__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: flex-start
}

@media (min-width: 768px) {
    .cta__content {
        width:83.333333%
    }
}

@media (min-width: 1024px) {
    .cta__content {
        width:66.666667%
    }
}

@media (min-width: 1280px) {
    .cta__content {
        width:58.333333%
    }
}

.cta__header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

.cta__header h2 {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-family: Barlow Condensed,sans-serif;
    font-size: 48px!important;
    font-weight: 400;
    line-height: 1.2!important;
    margin-bottom: 1rem;
    text-align: center;
    text-transform: capitalize
}

@media (min-width: 640px) {
    .cta__header h2 {
        font-size:58px!important;
        line-height: 1.2!important
    }
}

.cta__body {
    --tw-border-opacity: 1;
    align-items: center;
    border-bottom-width: 1px;
    border-color: rgb(217 178 130/var(--tw-border-opacity));
    border-style: solid;
    border-top-width: 1px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 2rem 1.5rem;
    position: relative;
    text-align: center
}

@media (min-width: 768px) {
    .cta__body {
        padding:3rem 2.5rem
    }
}

@media (min-width: 1280px) {
    .cta__body {
        padding-left:4rem;
        padding-right: 4rem
    }
}

.cta__body p {
    font-family: Josefin Sans,sans-serif;
    font-size: 21px;
    letter-spacing: .5px;
    line-height: 1.6
}

.cta__body p:last-of-type {
    margin-bottom: 0
}

.cta__footer {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 1rem;
    padding-top: 1.5rem;
    width: 100%
}

.cta-2 {
    background-image: url('../../../images/gallery/hiro (13).jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative
}

@media (min-width: 768px) {
    .cta-2 {
        background-attachment:fixed;
        background-position: center 100%
    }
}

.cta-2__overlayer {
    --tw-bg-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .75;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

.cta-2__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width: 640px) {
    .cta-2__container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .cta-2__container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .cta-2__container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .cta-2__container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .cta-2__container {
        max-width:1536px
    }
}

.cta-2__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
    position: relative;
    z-index: 20
}

@media (min-width: 768px) {
    .cta-2__container {
        padding-bottom:5rem;
        padding-top: 5rem
    }
}

@media (min-width: 1280px) {
    .cta-2__container {
        padding-bottom:7rem;
        padding-top: 7rem
    }
}

.cta-2__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center
}

@media (min-width: 768px) {
    .cta-2__content {
        width:83.333333%
    }
}

@media (min-width: 1024px) {
    .cta-2__content {
        width:66.666667%
    }
}

@media (min-width: 1280px) {
    .cta-2__content {
        width:58.333333%
    }
}

.cta-2__content .divider {
    margin-bottom: 1rem
}

@media (min-width: 640px) {
    .cta-2.cta-2__right .cta-2__container {
        align-items:flex-end!important
    }

    .cta-2.cta-2__left .cta-2__container {
        align-items: flex-start!important
    }
}

.cta-2__header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

.cta-2__header h2 {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-family: Barlow Condensed,sans-serif;
    font-size: 48px!important;
    font-weight: 400;
    line-height: 1.2!important;
    margin-bottom: 1rem;
    text-align: center;
    text-transform: capitalize
}

@media (min-width: 640px) {
    .cta-2__header h2 {
        font-size:58px!important;
        line-height: 1.2!important
    }
}

.cta-2__body {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
    position: relative;
    text-align: center
}

@media (min-width: 768px) {
    .cta-2__body {
        padding-left:2.5rem;
        padding-right: 2.5rem
    }
}

@media (min-width: 1280px) {
    .cta-2__body {
        padding-left:4rem;
        padding-right: 4rem
    }
}

.cta-2__body p {
    font-family: Josefin Sans,sans-serif;
    font-size: 21px;
    letter-spacing: .5px;
    line-height: 1.6
}

.cta-2__body p:last-of-type {
    margin-bottom: 0
}

.cta-2__footer {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 1rem;
    padding-top: 1.5rem;
    width: 100%
}

.gallery-block__item {
    position: relative
}

.gallery-block__item-image {
    height: 200px!important;
    max-height: -moz-min-content!important;
    max-height: min-content!important;
    min-height: -moz-min-content!important;
    min-height: min-content!important;
    overflow: hidden;
    position: relative
}

@media (min-width: 1024px) {
    .gallery-block__item-image {
        height:360px!important;
        max-height: 360px!important;
        min-height: 360px!important
    }
}

.gallery-block__item-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition-duration: .3s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: 100%
}

.gallery-block__item-info {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.25rem .5rem;
    text-align: center
}

@media (min-width: 1024px) {
    .gallery-block__item-info {
        padding:1.25rem
    }
}

.gallery-block__item-info h4 {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-family: Barlow Condensed,sans-serif;
    font-size: 22px!important;
    font-weight: 400;
    line-height: 1.4!important;
    margin-bottom: 0
}

.gallery-block__item-info p {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity));
    font-family: Sorts Mill Goudy,serif;
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.6;
    margin-bottom: 0;
    width: 100%
}

.gallery-block__item-icon {
    --tw-bg-opacity: 0.75;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: rgb(217 178 130/var(--tw-bg-opacity));
    color: rgb(5 6 8/var(--tw-text-opacity));
    display: flex;
    font-size: 1.5rem;
    height: calc(100% - 1.5rem);
    justify-content: center;
    left: .75rem;
    line-height: 2rem;
    opacity: 0;
    position: absolute;
    top: .75rem;
    width: calc(100% - 1.5rem)
}

.gallery-block__item:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    cursor: pointer
}

.gallery-block__item:hover .gallery-block__item-icon {
    opacity: 1
}

.gallery-block__item:hover .gallery-block__item-image img {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x),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))
}

.gallery-block {
    display: flex;
    flex-direction: column;
    overflow-x: hidden
}

.gallery-block__container {
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width: 640px) {
    .gallery-block__container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .gallery-block__container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .gallery-block__container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .gallery-block__container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .gallery-block__container {
        max-width:1536px
    }
}

.gallery-block__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4rem;
    position: relative;
    width: 100%;
    z-index: 20
}

@media (min-width: 768px) {
    .gallery-block__container {
        padding-top:5rem
    }
}

@media (min-width: 1280px) {
    .gallery-block__container {
        padding-top:7rem
    }
}

.gallery-block__list {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2,minmax(0,1fr));
    margin-top: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width: 640px) {
    .gallery-block__list {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
}

.lb-details {
    padding-bottom: 1rem!important;
    padding-top: 1rem!important
}

.lb-number {
    --tw-text-opacity: 1!important;
    color: rgb(217 178 130/var(--tw-text-opacity))!important;
    font-family: Josefin Sans,sans-serif;
    font-size: 18px!important;
    letter-spacing: .5px!important;
    line-height: 1.6!important
}

.lb-closeContainer {
    padding-bottom: 1.5rem!important;
    padding-top: 1.5rem!important
}

.lb-close {
    background-position: 50%!important;
    background-size: contain!important;
    height: 1rem!important;
    width: 1rem!important
}

.lightbox .lb-image {
    border-style: none!important
}

.team-block {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 4rem
}

@media (min-width: 768px) {
    .team-block {
        padding-top:5rem
    }
}

@media (min-width: 1280px) {
    .team-block {
        padding-top:7rem
    }
}

.team-block__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.team-block__container .section-title {
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    text-align: center
}

.team-block__container .section-title p:last-of-type {
    margin-bottom: 0
}

.team-block__grid {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(12,minmax(0,1fr))
}

.team-block__description {
    grid-column: span 12/span 12;
    padding: 0 2rem 2rem
}

@media (min-width: 1024px) {
    .team-block__description {
        grid-column:span 6/span 6;
        max-height: 360px
    }
}

@media (min-width: 1280px) {
    .team-block__description {
        max-height:445px;
        padding: 5rem
    }
}

.team-block__icon {
    --tw-border-opacity: 1;
    align-items: center;
    border-bottom-width: 2px;
    border-color: rgb(217 178 130/var(--tw-border-opacity));
    border-style: solid;
    display: inline-flex;
    justify-content: center;
    margin-bottom: 1.5rem;
    padding: 1.25rem 1rem
}

.team-block__icon img {
    height: 3rem;
    width: 3rem
}

.team-block__text p {
    font-family: Sorts Mill Goudy,serif;
    font-size: 20px;
    font-style: italic;
    letter-spacing: 1.5px;
    line-height: 1.4
}

.team-block__team {
    grid-column: span 6/span 6
}

@media (min-width: 1024px) {
    .team-block__team {
        grid-column:span 3/span 3
    }
}

.card-team {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    max-height: 210px;
    position: relative;
    width: 100%
}

@media (min-width: 640px) {
    .card-team {
        max-height:310px
    }
}

@media (min-width: 768px) {
    .card-team {
        max-height:360px
    }
}

@media (min-width: 1280px) {
    .card-team {
        max-height:445px
    }
}

.card-team__image {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.card-team__image img {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    margin-bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    transform: translate(var(--tw-translate-x),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));
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.card-team__image img,.card-team__info {
    height: 100%;
    transition-duration: .3s;
    width: 100%
}

.card-team__info {
    --tw-bg-opacity: 0.75;
    align-items: center;
    background-color: rgb(217 178 130/var(--tw-bg-opacity));
    inset: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    z-index: 10
}

.card-team__info:hover {
    opacity: 1
}

.card-team__name {
    --tw-text-opacity: 1!important;
    color: rgb(5 6 8/var(--tw-text-opacity))!important;
    font-family: Barlow Condensed,sans-serif;
    font-size: 28px!important;
    font-weight: 400;
    letter-spacing: -.025em;
    line-height: 1.4!important;
    margin-bottom: 0
}

.card-team__position {
    --tw-text-opacity: 1!important;
    color: rgb(21 26 30/var(--tw-text-opacity))!important;
    font-family: Sorts Mill Goudy,serif;
    font-size: 18px;
    font-style: italic;
    letter-spacing: .25px;
    line-height: 1.6;
    margin-bottom: 1rem
}

.card-team .social_icons li a {
    --tw-text-opacity: 1!important;
    align-items: center;
    color: rgb(10 13 15/var(--tw-text-opacity))!important;
    display: flex;
    flex-wrap: wrap;
    height: 1.5rem;
    justify-content: center;
    width: 1.5rem
}

.card-team .social_icons li a:hover {
    --tw-text-opacity: 1!important;
    color: rgb(130 107 78/var(--tw-text-opacity))!important
}

.card-team:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    cursor: pointer
}

.card-team:hover .card-team__image img {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x),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))
}

.team-block-2 {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 4rem;
    padding-top: 4rem
}

@media (min-width: 768px) {
    .team-block-2 {
        padding-bottom:5rem;
        padding-top: 5rem
    }
}

@media (min-width: 1280px) {
    .team-block-2 {
        padding-bottom:7rem;
        padding-top: 7rem
    }
}

.team-block-2__container {
    width: 100%
}

@media (min-width: 640px) {
    .team-block-2__container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .team-block-2__container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .team-block-2__container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .team-block-2__container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .team-block-2__container {
        max-width:1536px
    }
}

.team-block-2__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width: 1280px) {
    .team-block-2__container {
        padding-left:0;
        padding-right: 0
    }
}

.team-block-2__container .section-title {
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    text-align: center
}

.team-block-2__container .section-title p:last-of-type {
    margin-bottom: 0
}

.team-block-2__grid {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(12,minmax(0,1fr))
}

.team-block-2__team {
    grid-column: span 12/span 12
}

@media (min-width: 640px) {
    .team-block-2__team {
        grid-column:span 6/span 6
    }
}

@media (min-width: 1024px) {
    .team-block-2__team {
        grid-column:span 4/span 4
    }
}

.card-team-2 {
    --tw-border-opacity: 1;
    align-items: center;
    border-color: rgb(72 77 81/var(--tw-border-opacity));
    border-style: solid;
    border-width: 1px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: .75rem;
    position: relative;
    width: 100%
}

.card-team-2:hover {
    --tw-border-opacity: 1;
    border-color: rgb(217 178 130/var(--tw-border-opacity));
    border-style: solid;
    border-width: 1px;
    cursor: pointer
}

.card-team-2__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width: 640px) {
    .card-team-2__container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .card-team-2__container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .card-team-2__container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .card-team-2__container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .card-team-2__container {
        max-width:1536px
    }
}

.card-team-2__container {
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.card-team-2__image {
    height: auto;
    max-height: 420px;
    position: relative;
    width: 100%
}

.card-team-2__image img {
    height: 100%;
    margin-bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition-duration: .3s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: 100%
}

.card-team-2__overlayer {
    inset: 0;
    position: absolute
}

.card-team-2__info,.card-team-2__overlayer {
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.card-team-2__info {
    --tw-bg-opacity: 0.75;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: .5rem;
    padding-top: 1rem;
    position: relative;
    width: 100%;
    z-index: 10
}

.card-team-2__name {
    --tw-text-opacity: 1!important;
    color: rgb(209 210 212/var(--tw-text-opacity))!important;
    font-family: Barlow Condensed,sans-serif;
    font-size: 28px!important;
    font-weight: 400;
    letter-spacing: -.025em;
    line-height: 1.4!important;
    margin-bottom: .5rem
}

.card-team-2__position {
    --tw-text-opacity: 1!important;
    color: rgb(217 178 130/var(--tw-text-opacity))!important;
    font-family: Sorts Mill Goudy,serif;
    font-size: 18px;
    font-style: italic;
    letter-spacing: .25px;
    line-height: 1.6;
    margin-bottom: 0
}

.card-team-2 .social_icons {
    background-color: hsla(220,3%,83%,.4);
    border-radius: .5rem;
    bottom: 0;
    left: 0;
    margin: .5rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    position: absolute;
    right: 0
}

.card-team-2 .social_icons,.card-team-2 .social_icons li a {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.card-team-2 .social_icons li a {
    --tw-text-opacity: 1!important;
    --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    color: rgb(5 6 8/var(--tw-text-opacity))!important;
    height: 1.5rem;
    margin-bottom: 0;
    width: 1.5rem
}

.card-team-2 .social_icons li a:hover {
    --tw-text-opacity: 1!important;
    color: rgb(217 178 130/var(--tw-text-opacity))!important
}

.card-team-2:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity))
}

.card-team-2:hover .card-team__image img {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x),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))
}

.testimonials {
    background-image: url(../img/bg-testimonials.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative
}

.testimonials__container {
    align-items: center;
    background-color: rgba(5,6,8,.6)!important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width: 1024px) {
    .testimonials__container {
        padding-left:0;
        padding-right: 0
    }
}

.testimonials__slider__container {
    width: 100%
}

@media (min-width: 640px) {
    .testimonials__slider__container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .testimonials__slider__container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .testimonials__slider__container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .testimonials__slider__container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .testimonials__slider__container {
        max-width:1536px
    }
}

.testimonials__slider__container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width: 1024px) {
    .testimonials__slider__container {
        padding-left:0;
        padding-right: 0
    }
}

.testimonials__slider {
    margin-bottom: 0!important;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media (min-width: 640px) {
    .testimonials__slider {
        width:66.666667%
    }
}

.testimonials__slider__item {
    align-items: center;
    display: flex!important;
    flex-direction: column;
    gap: 3rem;
    justify-content: center;
    padding-bottom: 5rem;
    padding-top: 5rem;
    position: relative
}

@media (min-width: 1024px) {
    .testimonials__slider__item {
        padding-bottom:10rem;
        padding-top: 10rem
    }
}

.testimonials__slider__item-comment {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-family: Sorts Mill Goudy,serif;
    font-size: 20px;
    letter-spacing: 1.5px;
    line-height: 1.4;
    text-align: center;
    width: 100%
}

.testimonials__slider__item-author {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.testimonials__slider__item-author h5 {
    font-size: 28px!important;
    font-weight: 500;
    line-height: 1.4!important;
    margin-bottom: 0
}

.testimonials__slider__item-author p {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity));
    font-family: Sorts Mill Goudy,serif;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.4
}

.testimonials__slider .slick-dots {
    bottom: 2rem;
    position: absolute
}

.testimonials .badges {
    background-color: rgba(5,6,8,.6)
}

.badges {
    position: relative;
    width: 100%;
    z-index: 10
}

.badges__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width: 640px) {
    .badges__container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .badges__container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .badges__container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .badges__container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .badges__container {
        max-width:1536px
    }
}

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

.badges__container .badges__item {
    width: 100px
}

@media (min-width: 768px) {
    .badges__container .badges__item {
        width:180px
    }
}

@media (min-width: 1280px) {
    .badges__container .badges__item {
        width:220px
    }
}

.badges__list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
    padding-bottom: 3rem;
    padding-top: 3rem;
    width: 100%
}

@media (min-width: 640px) {
    .badges__list {
        padding-bottom:4rem;
        padding-top: 4rem
    }
}

@media (min-width: 1024px) {
    .badges__list {
        padding-bottom:5rem;
        padding-top: 5rem
    }
}

@media (min-width: 1280px) {
    .badges__list {
        padding-bottom:7rem;
        padding-top: 7rem
    }
}

.badges__item {
    width: 100px
}

@media (min-width: 768px) {
    .badges__item {
        width:120px
    }
}

@media (min-width: 1024px) {
    .badges__item {
        width:160px
    }
}

@media (min-width: 1280px) {
    .badges__item {
        width:220px
    }
}

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

.contact {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 2rem;
    padding-top: 4rem
}

@media (min-width: 768px) {
    .contact {
        padding-top:5rem
    }
}

@media (min-width: 1280px) {
    .contact {
        padding-bottom:4rem;
        padding-top: 7rem
    }
}

.contact__container {
    width: 100%
}

@media (min-width: 640px) {
    .contact__container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .contact__container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .contact__container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .contact__container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .contact__container {
        max-width:1536px
    }
}

.contact__container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

.contact__container .section-title {
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    text-align: center
}

.contact__container .section-title p:last-of-type {
    margin-bottom: 0
}

.contact__form {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media (min-width: 640px) {
    .contact__form {
        width:83.333333%
    }
}

:root {
    --clr-border: #00f
}

.history {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    padding-top: 4rem;
    position: relative
}

@media (min-width: 768px) {
    .history {
        padding-top:5rem
    }
}

@media (min-width: 1280px) {
    .history {
        padding-top:6rem
    }
}

.history:after {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    display: none;
    position: absolute;
    right: 0;
    top: 0
}

@media (min-width: 768px) {
    .history:after {
        width:120px
    }
}

@media (min-width: 1024px) {
    .history:after {
        display:block
    }
}

@media (min-width: 1280px) {
    .history:after {
        width:260px
    }
}

.history:after {
    background-image: url(../img/right.png);
    content: ""
}

.history:before {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    top: 0
}

@media (min-width: 768px) {
    .history:before {
        width:120px
    }
}

@media (min-width: 1024px) {
    .history:before {
        display:block
    }
}

@media (min-width: 1280px) {
    .history:before {
        width:260px
    }
}

.history:before {
    background-image: url(../img/left.png);
    content: ""
}

.history__container {
    width: 100%
}

@media (min-width: 640px) {
    .history__container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .history__container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .history__container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .history__container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .history__container {
        max-width:1536px
    }
}

.history__container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width: 1024px) {
    .history__container {
        padding-left:0;
        padding-right: 0
    }
}

.history__container .section-title {
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    text-align: center
}

.history__container .section-title p {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px
}

.history__container .section-title p:last-of-type {
    margin-bottom: 0
}

.history__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    width: 100%
}

@media (min-width: 640px) {
    .history__content {
        padding-left:1.5rem;
        padding-right: 1.5rem
    }
}

@media (min-width: 768px) {
    .history__content {
        padding-left:0;
        padding-right: 0;
        width: 91.666667%
    }
}

@media (min-width: 1024px) {
    .history__content {
        width:83.333333%
    }
}

.history__content:after {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 12px;
    position: absolute;
    right: .25rem;
    top: 0;
    width: 48px;
    z-index: 20
}

@media (min-width: 768px) {
    .history__content:after {
        height:18px;
        right: -28px;
        top: -18px;
        width: 57px
    }
}

.history__content:after {
    background-image: url(../img/start-point.png);
    content: ""
}

.history__content:before {
    background-position: top;
    background-repeat: repeat-y;
    background-size: contain;
    display: none;
    height: 12px;
    left: 0;
    position: absolute;
    top: 0;
    width: 48px;
    z-index: 20
}

@media (min-width: 640px) {
    .history__content:before {
        display:block
    }
}

@media (min-width: 768px) {
    .history__content:before {
        height:18px;
        left: -28px;
        top: -18px;
        width: 57px
    }
}

.history__content:before {
    background-image: url(../img/start-point.png);
    content: ""
}

.history__list {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1rem;
    padding-top: 1rem;
    position: relative;
    width: 100%;
    z-index: 10
}

@media (min-width: 1024px) {
    .history__list {
        padding-bottom:2rem;
        padding-top: 2rem
    }
}

.history__list:after {
    background-image: url(../img/border-list.png);
    content: "";
    right: 0
}

.history__list:after,.history__list:before {
    background-position: top;
    background-repeat: repeat-y;
    background-size: contain;
    bottom: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 1px
}

.history__list:before {
    display: none;
    left: -1px;
    z-index: 10
}

@media (min-width: 640px) {
    .history__list:before {
        display:block
    }
}

.history__list:before {
    background-image: url(../img/border-list.png);
    content: ""
}

.history__item {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(12,minmax(0,1fr));
    padding-bottom: 2rem;
    padding-left: 0;
    padding-top: 2rem;
    position: relative
}

@media (min-width: 640px) {
    .history__item {
        padding-left:2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1024px) {
    .history__item {
        padding-left:4rem;
        padding-right: 4rem
    }
}

.history__item-image {
    align-items: center;
    display: none;
    flex-wrap: wrap;
    grid-column: span 4/span 4;
    justify-content: center;
    order: 1;
    position: relative
}

@media (min-width: 640px) {
    .history__item-image {
        display:flex
    }
}

.history__item-content {
    grid-column: span 12/span 12;
    order: 2;
    padding-right: 2.25rem;
    position: relative;
    text-align: right
}

@media (min-width: 640px) {
    .history__item-content {
        grid-column:span 8/span 8;
        padding-right: 0
    }
}

@media (min-width: 1024px) {
    .history__item-content {
        padding-bottom:1rem;
        padding-left: 1.5rem;
        padding-top: 1rem
    }
}

@media (min-width: 1280px) {
    .history__item-content {
        padding-bottom:4rem;
        padding-left: 3rem;
        padding-top: 4rem
    }
}

.history__item-year {
    --tw-text-opacity: 1;
    color: rgb(72 77 81/var(--tw-text-opacity));
    font-family: Josefin Sans,sans-serif;
    font-size: 28px!important;
    font-weight: 500;
    line-height: 1.4!important;
    margin-bottom: 1rem;
    position: relative
}

@media (min-width: 1024px) {
    .history__item-year {
        font-size:38px!important;
        line-height: 1.2!important
    }
}

.history__item-year:after {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    border-color: rgb(217 178 130/var(--tw-border-opacity));
    border-radius: 9999px;
    border-style: solid;
    border-width: 2px;
    color: rgb(217 178 130/var(--tw-text-opacity));
    display: flex;
    flex-wrap: wrap;
    font-weight: 700;
    height: 20px;
    justify-content: center;
    position: absolute;
    right: -2.8rem;
    top: 2px;
    width: 20px;
    z-index: 30
}

@media (min-width: 640px) {
    .history__item-year:after {
        right:-2.6rem
    }
}

@media (min-width: 1024px) {
    .history__item-year:after {
        height:30px;
        right: -4.8rem;
        width: 30px
    }
}

.history__item-year:after {
    content: "\f111";
    font-family: Font Awesome\ 5 Free;
    font-size: 12px;
    line-height: 12px
}

@media (min-width: 1024px) {
    .history__item-year:after {
        font-size:20px;
        line-height: 20px
    }
}

.history__item-description {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-size: 18px;
    letter-spacing: .25px;
    line-height: 1.6
}

.history__item-title {
    font-size: 28px!important;
    line-height: 1.4!important;
    position: relative
}

@media (min-width: 640px) {
    .history__item-title {
        font-size:38px!important;
        line-height: 1.2!important
    }
}

@media (min-width: 1024px) {
    .history__item-title {
        font-size:48px!important;
        line-height: 1.2!important
    }
}

@media (min-width: 640px) {
    .history__item:nth-child(2n) .history__item-image {
        order:2!important
    }

    .history__item:nth-child(2n) .history__item-content {
        order: 1!important;
        padding-left: 0;
        text-align: left
    }

    @media (min-width: 1024px) {
        .history__item:nth-child(2n) .history__item-content {
            padding-left:0
        }
    }

    .history__item:nth-child(2n) .history__item-year:after {
        left: -2.65rem
    }

    @media (min-width: 1024px) {
        .history__item:nth-child(2n) .history__item-year:after {
            left:-4.85rem
        }
    }

    .history__item:nth-child(2n) .history__item-year:after {
        content: "\f111";
        font-family: Font Awesome\ 5 Free;
        font-size: 12px;
        line-height: 12px
    }

    @media (min-width: 1024px) {
        .history__item:nth-child(2n) .history__item-year:after {
            font-size:20px;
            line-height: 20px
        }
    }
}

.events-block {
    padding-bottom: 4rem;
    padding-top: 4rem
}

@media (min-width: 768px) {
    .events-block {
        padding-bottom:5rem;
        padding-top: 5rem
    }
}

@media (min-width: 1280px) {
    .events-block {
        padding-bottom:6rem;
        padding-top: 6rem
    }
}

.events-block__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width: 640px) {
    .events-block__container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .events-block__container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .events-block__container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .events-block__container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .events-block__container {
        max-width:1536px
    }
}

.events-block__container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media (min-width: 640px) {
    .events-block__container {
        padding-left:1rem;
        padding-right: 1rem
    }
}

.events-block__list {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(12,minmax(0,1fr))
}

.events-block__item {
    --tw-bg-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    border-radius: .75rem;
    grid-column: span 12/span 12
}

@media (min-width: 768px) {
    .events-block__item {
        grid-column:span 6/span 6
    }
}

@media (min-width: 1024px) {
    .events-block__item {
        grid-column:span 4/span 4
    }
}

.events-block__item-image {
    border-radius: .75rem;
    position: relative
}

.events-block__item-image img {
    border-radius: .75rem;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.events-block__item-info {
    padding: 2rem;
    text-align: center
}

.events-block__item-info__subtitle {
    --tw-text-opacity: 1;
    color: rgb(118 121 125/var(--tw-text-opacity));
    font-family: Josefin Sans,sans-serif;
    font-size: 14px!important;
    font-weight: 600;
    text-transform: uppercase
}

.events-block__item-info__title {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-bottom-width: 1px;
    border-color: rgb(217 178 130/var(--tw-border-opacity));
    border-style: solid;
    border-top-width: 1px;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-family: Barlow Condensed,sans-serif;
    font-size: 38px!important;
    font-weight: 400;
    line-height: 1.2!important;
    padding-bottom: 1.25rem;
    padding-top: 1rem;
    text-transform: capitalize;
    width: 100%
}

.events-block__item-info p {
    margin-bottom: 0
}

.location {
    padding-bottom: 4rem;
    padding-top: 4rem
}

@media (min-width: 768px) {
    .location {
        padding-bottom:5rem;
        padding-top: 5rem
    }
}

@media (min-width: 1280px) {
    .location {
        padding-bottom:6rem;
        padding-top: 6rem
    }
}

.location__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width: 640px) {
    .location__container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .location__container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .location__container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .location__container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .location__container {
        max-width:1536px
    }
}

.location__container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media (min-width: 640px) {
    .location__container {
        padding-left:1rem;
        padding-right: 1rem
    }
}

.location__list {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
    width: 100%
}

.location__item {
    width: 100%
}

@media (min-width: 640px) {
    .location__item {
        width:41.666667%
    }
}

@media (min-width: 1024px) {
    .location__item {
        width:33.333333%
    }
}

.location__item-image {
    border-radius: .75rem;
    position: relative
}

.location__item-image img {
    border-radius: .75rem;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.location__item-content {
    padding: 1rem;
    text-align: center
}

@media (min-width: 1024px) {
    .location__item-content {
        padding:2rem
    }
}

.location__item-content__title {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-bottom-width: 1px;
    border-color: rgb(217 178 130/var(--tw-border-opacity));
    border-style: solid;
    border-top-width: 1px;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-family: Barlow Condensed,sans-serif;
    font-size: 38px!important;
    font-weight: 400;
    line-height: 1.2!important;
    padding-bottom: 1.25rem;
    padding-top: 1rem;
    text-transform: capitalize!important;
    width: 100%
}

.location__item-content .btn {
    margin-top: .5rem
}

.blog {
    position: relative
}

.blog__posts {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.blog.blog__sidebar {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(12,minmax(0,1fr))
}

.blog.blog__sidebar .blog__posts {
    --tw-bg-opacity: 1;
    background-color: rgb(15 17 21/var(--tw-bg-opacity));
    grid-column: span 12/span 12
}

@media (min-width: 1024px) {
    .blog.blog__sidebar .blog__posts {
        grid-column:span 7/span 7
    }
}

@media (min-width: 1280px) {
    .blog.blog__sidebar .blog__posts {
        grid-column:span 8/span 8
    }
}

.blog.blog__sidebar .blog__posts .post__image {
    max-height: 320px
}

@media (min-width: 640px) {
    .blog.blog__sidebar .blog__posts .post__image {
        max-height:420px
    }
}

@media (min-width: 768px) {
    .blog.blog__sidebar .blog__posts .post__image {
        grid-column:span 12/span 12;
        max-height: 720px
    }
}

@media (min-width: 1024px) {
    .blog.blog__sidebar .blog__posts .post__image {
        grid-column:span 4/span 4
    }
}

@media (min-width: 1280px) {
    .blog.blog__sidebar .blog__posts .post__image {
        grid-column:span 6/span 6
    }
}

.blog.blog__sidebar .blog__posts .post__info {
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width: 640px) {
    .blog.blog__sidebar .blog__posts .post__info {
        padding-left:1.5rem;
        padding-right: 1.5rem
    }
}

@media (min-width: 768px) {
    .blog.blog__sidebar .blog__posts .post__info {
        grid-column:span 12/span 12
    }
}

@media (min-width: 1024px) {
    .blog.blog__sidebar .blog__posts .post__info {
        grid-column:span 8/span 8;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media (min-width: 1280px) {
    .blog.blog__sidebar .blog__posts .post__info {
        grid-column:span 6/span 6;
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1536px) {
    .blog.blog__sidebar .blog__posts .post__info {
        padding-left:6rem;
        padding-right: 6rem
    }
}

.blog.blog__sidebar .blog__posts .post__info-title {
    font-size: 38px!important;
    line-height: 1.2!important
}

.blog.blog__sidebar .blog__posts .post:nth-child(2n) .post__image {
    order: 1
}

@media (min-width: 1024px) {
    .blog.blog__sidebar .blog__posts .post:nth-child(2n) .post__image {
        order:2
    }
}

.blog.blog__sidebar .blog__posts .post:nth-child(2n) .post__info {
    order: 2
}

@media (min-width: 1024px) {
    .blog.blog__sidebar .blog__posts .post:nth-child(2n) .post__info {
        order:1
    }
}

.blog.blog__sidebar .blog__sidebar {
    grid-column: span 12/span 12;
    padding: 1rem
}

@media (min-width: 640px) {
    .blog.blog__sidebar .blog__sidebar {
        padding:1.5rem
    }
}

@media (min-width: 1024px) {
    .blog.blog__sidebar .blog__sidebar {
        grid-column:span 5/span 5
    }
}

@media (min-width: 1280px) {
    .blog.blog__sidebar .blog__sidebar {
        grid-column:span 4/span 4
    }
}

.sidebar__content,.sidebar__content .sidebar__widget {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start;
    width: 100%
}

.sidebar__content .sidebar__widget {
    --tw-bg-opacity: 1;
    background-color: rgb(15 17 21/var(--tw-bg-opacity));
    border-radius: .25rem;
    padding: 1rem
}

@media (min-width: 640px) {
    .sidebar__content .sidebar__widget {
        padding:1.5rem
    }
}

.sidebar__content .sidebar__widget-title {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(209 210 212/var(--tw-text-opacity));
    display: flex;
    font-size: 28px!important;
    gap: .5rem;
    justify-content: flex-start;
    line-height: 1.4!important;
    margin-bottom: 0;
    width: 100%
}

.sidebar__content .sidebar__search {
    align-items: center;
    display: flex;
    gap: 0;
    justify-content: flex-start;
    width: 100%
}

.sidebar__content .sidebar__search input {
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    border-bottom-left-radius: .375rem;
    border-right-color: rgb(217 178 130/var(--tw-border-opacity));
    border-top-left-radius: .375rem;
    color: rgb(209 210 212/var(--tw-text-opacity));
    margin-bottom: 0;
    width: 100%
}

.sidebar__content .sidebar__search button,.sidebar__content .sidebar__search input {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    font-family: Sorts Mill Goudy,serif;
    font-size: 18px;
    font-style: italic;
    letter-spacing: 1px;
    line-height: 1.4;
    padding: .5rem
}

.sidebar__content .sidebar__search button {
    background-color: rgb(217 178 130/var(--tw-bg-opacity));
    border-bottom-right-radius: .375rem;
    border-color: rgb(217 178 130/var(--tw-border-opacity));
    border-top-right-radius: .375rem;
    border-width: 1px;
    color: rgb(5 6 8/var(--tw-text-opacity))
}

.sidebar__content .sidebar__categories {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    justify-content: flex-start;
    width: 100%
}

.sidebar__content .sidebar__categories a {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(209 210 212/var(--tw-text-opacity));
    display: flex;
    flex-wrap: wrap;
    font-family: Josefin Sans,sans-serif;
    font-size: 18px;
    justify-content: space-between;
    letter-spacing: 1px;
    line-height: 1.4;
    padding-bottom: .25rem;
    padding-top: .25rem;
    width: 100%
}

.sidebar__content .sidebar__categories a .number-posts {
    --tw-text-opacity: 1;
    color: rgb(72 77 81/var(--tw-text-opacity));
    margin-left: .25rem
}

.sidebar__content .sidebar__categories a:after {
    --tw-text-opacity: 1;
    --tw-content: "\f105";
    color: rgb(72 77 81/var(--tw-text-opacity))
}

.sidebar__content .sidebar__categories a:after,.sidebar__content .sidebar__categories a>span:before {
    content: var(--tw-content);
    font-family: Font Awesome\ 6 Free!important;
    font-size: .875rem;
    font-weight: 900;
    line-height: 1.25rem
}

.sidebar__content .sidebar__categories a>span:before {
    --tw-text-opacity: 1;
    --tw-content: "\f7a5";
    color: rgb(217 178 130/var(--tw-text-opacity));
    margin-right: .5rem
}

.sidebar__content .sidebar__categories a:hover,.sidebar__content .sidebar__categories a:hover:after {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity))
}

.sidebar__content .sidebar__recent-posts {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start;
    width: 100%
}

.sidebar__content .sidebar__recent-posts .sidebar__post {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.sidebar__content .sidebar__recent-posts .sidebar__post__thumb {
    display: block
}

.sidebar__content .sidebar__recent-posts .sidebar__post__thumb a {
    display: flex;
    height: 100px!important;
    overflow: hidden;
    position: relative;
    width: 100px!important
}

@media (min-width: 1280px) {
    .sidebar__content .sidebar__recent-posts .sidebar__post__thumb a {
        height:100px!important;
        width: 120px!important
    }
}

.sidebar__content .sidebar__recent-posts .sidebar__post__thumb a img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.sidebar__content .sidebar__recent-posts .sidebar__post__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    justify-content: flex-start
}

.sidebar__content .sidebar__recent-posts .sidebar__post__content p {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 0
}

@media (min-width: 768px) {
    .sidebar__content .sidebar__recent-posts .sidebar__post__content p {
        font-size:13px
    }
}

@media (min-width: 1024px) {
    .sidebar__content .sidebar__recent-posts .sidebar__post__content p {
        font-size:1rem;
        line-height: 1.5rem
    }
}

.sidebar__content .sidebar__recent-posts .sidebar__post__content p span {
    --tw-text-opacity: 1!important;
    color: rgb(217 178 130/var(--tw-text-opacity))!important;
    font-family: Josefin Sans,sans-serif
}

.sidebar__content .sidebar__recent-posts .sidebar__post__content p:before {
    --tw-text-opacity: 1;
    --tw-content: "\f7a5";
    color: rgb(209 210 212/var(--tw-text-opacity));
    content: var(--tw-content);
    font-family: Font Awesome\ 6 Free!important;
    font-size: .875rem;
    font-weight: 900;
    line-height: 1.25rem;
    margin-right: .5rem
}

.sidebar__content .sidebar__recent-posts .sidebar__post__content h5 {
    margin-bottom: 0
}

.sidebar__content .sidebar__recent-posts .sidebar__post__content a {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-family: Barlow Condensed,sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.4
}

@media (min-width: 640px) {
    .sidebar__content .sidebar__recent-posts .sidebar__post__content a {
        font-size:28px;
        line-height: 1.4
    }
}

@media (min-width: 768px) {
    .sidebar__content .sidebar__recent-posts .sidebar__post__content a {
        font-size:22px;
        line-height: 1.4
    }
}

.sidebar__content .sidebar__recent-posts .sidebar__post__content a {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden
}

.sidebar__content .sidebar__recent-posts .sidebar__post__content a:hover {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity))
}

.sidebar__content .sidebar__tags {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-start;
    width: 100%
}

.sidebar__content .sidebar__tags a {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity));
    color: rgb(209 210 212/var(--tw-text-opacity));
    flex-grow: 1;
    font-family: Josefin Sans,sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.4;
    padding: .5rem .75rem;
    text-align: center
}

.sidebar__content .sidebar__tags a:hover {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity))
}

.sidebar__content .sidebar__gallery {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-start;
    width: 100%
}

.sidebar__content .sidebar__gallery .gallery-block__list {
    padding-left: 0!important;
    padding-right: 0!important
}

@media (min-width: 768px) {
    .sidebar__content .sidebar__gallery .gallery-block__list {
        grid-template-columns:repeat(3,minmax(0,1fr))!important
    }
}

@media (min-width: 1280px) {
    .sidebar__content .sidebar__gallery .gallery-block__list {
        grid-template-columns:repeat(4,minmax(0,1fr))!important
    }
}

.sidebar__content .sidebar__gallery .gallery-block__list .gallery-block__item-image {
    height: 100px!important;
    min-height: 100px!important
}

.sidebar__content .sidebar__gallery .gallery-block__list .gallery-block__item-icon {
    height: calc(100% - 1rem)!important;
    left: .5rem!important;
    top: .5rem!important;
    width: calc(100% - 1rem)!important
}

.post {
    display: flex;
    overflow: hidden;
    position: relative
}

.post__content {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(12,minmax(0,1fr))
}

.post__image {
    grid-column: span 12/span 12;
    max-height: 320px;
    order: 1;
    overflow: hidden;
    position: relative
}

@media (min-width: 640px) {
    .post__image {
        max-height:420px
    }
}

@media (min-width: 768px) {
    .post__image {
        grid-column:span 5/span 5;
        max-height: 720px
    }
}

@media (min-width: 1024px) {
    .post__image {
        grid-column:span 6/span 6
    }
}

.post__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.post__info {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    grid-column: span 12/span 12;
    height: 100%;
    justify-content: center;
    max-height: 720px;
    order: 2;
    padding: 1rem 1.5rem 4rem
}

@media (min-width: 768px) {
    .post__info {
        grid-column:span 7/span 7;
        padding: 4rem 2rem 5rem
    }
}

@media (min-width: 1024px) {
    .post__info {
        grid-column:span 6/span 6;
        padding: 7rem 4rem
    }
}

@media (min-width: 1280px) {
    .post__info {
        padding-left:5rem;
        padding-right: 5rem
    }
}

@media (min-width: 1536px) {
    .post__info {
        padding-left:9rem;
        padding-right: 9rem
    }
}

@media (max-width: 740px) {
    .post__info {
        padding-top:3rem
    }
}

.post__info-text {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: flex-start;
    width: 100%
}

.post__info-title {
    font-size: 28px!important;
    line-height: 1.4!important;
    margin-bottom: .5rem
}

@media (min-width: 640px) {
    .post__info-title {
        font-size:38px!important;
        line-height: 1.2!important
    }
}

.post__info-title a {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity))
}

.post__info-title a:hover {
    --tw-text-opacity: 1;
    color: rgb(118 121 125/var(--tw-text-opacity))
}

.post__info-excerpt {
    --tw-border-opacity: 1;
    border-color: rgb(118 121 125/var(--tw-border-opacity));
    border-left-width: 4px;
    border-style: solid;
    margin-bottom: 2rem;
    margin-top: 1rem;
    padding-left: 1rem
}

.post__info-excerpt p:last-of-type {
    margin-bottom: 0
}

.post__footer {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    width: 100%
}

.post__footer .btn {
    margin-top: 0
}

.post__footer .social_icons a {
    --tw-text-opacity: 1;
    color: rgb(72 77 81/var(--tw-text-opacity))
}

.post__footer .social_icons a:hover {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity))
}

.post:nth-child(2n) .post__image {
    order: 1
}

@media (min-width: 768px) {
    .post:nth-child(2n) .post__image {
        order:2
    }
}

.post:nth-child(2n) .post__info {
    order: 2
}

@media (min-width: 768px) {
    .post:nth-child(2n) .post__info {
        order:1
    }
}

.post__date {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
    margin-bottom: 1rem;
    width: 100%
}

@media (min-width: 1024px) {
    .post__date {
        margin-bottom:1.5rem
    }
}

.post__date span {
    --tw-text-opacity: 1;
    color: rgb(118 121 125/var(--tw-text-opacity));
    font-family: Josefin Sans,sans-serif;
    font-size: 22px;
    font-weight: 500
}

.post__date span.month {
    font-size: 38px;
    line-height: 1;
    padding-top: 2px
}

.post__author {
    display: flex;
    flex-wrap: wrap;
    font-family: Sorts Mill Goudy,serif;
    font-size: 18px!important;
    font-style: italic;
    justify-content: flex-start;
    letter-spacing: 1px!important;
    line-height: 1.4!important
}

.post__author,.post__author a {
    --tw-text-opacity: 1;
    color: rgb(118 121 125/var(--tw-text-opacity))
}

.post__author a {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.4;
    margin-bottom: 0;
    margin-left: .25rem;
    position: relative;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: -moz-fit-content;
    width: fit-content
}

.post__author a:hover {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity))
}

.post__category {
    display: flex;
    flex-wrap: wrap;
    font-family: Sorts Mill Goudy,serif;
    font-size: 18px;
    font-style: italic;
    justify-content: flex-start;
    letter-spacing: 1px;
    line-height: 1.4
}

.post__category a {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity));
    margin-bottom: 0;
    margin-right: .5rem;
    position: relative;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: -moz-fit-content;
    width: fit-content
}

.post__category a:after {
    --tw-text-opacity: 1;
    --tw-content: ",";
    color: rgb(209 210 212/var(--tw-text-opacity));
    content: var(--tw-content);
    display: inline-flex;
    width: auto
}

.post__category a:hover {
    --tw-text-opacity: 1;
    color: rgb(118 121 125/var(--tw-text-opacity))
}

.blog-details .blog {
    margin-left: auto;
    margin-right: auto;
    max-width: 1536px
}

.post__details {
    --tw-bg-opacity: 1;
    background-color: rgb(15 17 21/var(--tw-bg-opacity));
    grid-column: span 12/span 12;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width: 1024px) {
    .post__details {
        grid-column:span 7/span 7;
        padding-bottom: 1.5rem;
        padding-top: 3rem
    }
}

@media (min-width: 1280px) {
    .post__details {
        grid-column:span 8/span 8;
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1536px) {
    .post__details {
        padding-top:6rem
    }
}

.post__details-info {
    --tw-border-opacity: 1;
    align-items: flex-start;
    border-color: rgb(118 121 125/var(--tw-border-opacity));
    border-left-width: 4px;
    border-style: solid;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    justify-content: flex-start;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    padding-top: 1.5rem;
    position: relative
}

.post__details .post__date {
    margin-bottom: 0;
    padding-bottom: 1rem;
    position: relative;
    right: 0
}

@media (min-width: 768px) {
    .post__details .post__date {
        padding-bottom:0;
        padding-top: 0;
        position: absolute;
        top: 40px
    }
}

@media (min-width: 1280px) {
    .post__details .post__date {
        top:10px
    }
}

.post__details .post__author {
    margin-bottom: 0
}

.post__details-text {
    padding-bottom: 1.5rem
}

.post__details-text img {
    margin-bottom: 1.5rem
}

.post__details-text a {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity))
}

.post__details-author {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(10 13 15/var(--tw-bg-opacity));
    border-radius: .25rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 0;
    margin-top: 4rem;
    padding: 1.5rem;
    width: 100%
}

.post__details-author__avatar {
    border-radius: .375rem;
    height: auto;
    margin-bottom: 1.5rem;
    max-height: 320px;
    overflow: hidden;
    width: 100%
}

@media (min-width: 640px) {
    .post__details-author__avatar {
        margin-bottom:0;
        width: 25%
    }
}

.post__details-author__avatar img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.post__details-author__name {
    --tw-text-opacity: 1;
    color: rgb(163 166 168/var(--tw-text-opacity));
    margin-bottom: .75rem
}

.post__details-author__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    justify-content: flex-start;
    padding-left: 0;
    width: 100%
}

@media (min-width: 640px) {
    .post__details-author__content {
        padding-left:1.5rem;
        width: 75%
    }
}

.post__details .divider {
    margin-bottom: 1.5rem!important
}

.post__details .post__share-icons {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: center;
    width: 100%
}

.comments {
    --tw-border-opacity: 1;
    border-color: rgb(72 77 81/var(--tw-border-opacity));
    border-style: solid;
    border-top-width: 1px;
    margin-top: 4rem;
    padding-bottom: 3rem;
    padding-top: 3rem
}

.comments,.comments-list {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start
}

.comments-list {
    width: 100%
}

.comments-list.children {
    padding-left: 1rem;
    padding-top: 2rem
}

@media (min-width: 640px) {
    .comments-list.children {
        padding-left:4rem
    }
}

.comments-item {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0;
    margin-bottom: .5rem!important
}

.comments-item,.comments-item__header {
    display: flex;
    justify-content: flex-start
}

.comments-item__header {
    align-items: center;
    gap: 1rem;
    padding-bottom: 1.5rem;
    width: 100%
}

.comments-item__avatar {
    border-radius: 9999px;
    height: 70px;
    overflow: hidden;
    width: 70px
}

@media (min-width: 768px) {
    .comments-item__avatar {
        height:80px;
        width: 80px
    }
}

.comments-item__avatar img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.comments-item__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    justify-content: flex-start;
    padding-left: 1.5rem
}

@media (min-width: 768px) {
    .comments-item__content {
        padding-left:2rem
    }
}

.comments-item__name {
    color: rgb(209 210 212/var(--tw-text-opacity))
}

.comments-item__date,.comments-item__name {
    --tw-text-opacity: 1;
    margin-bottom: 0!important
}

.comments-item__date {
    color: rgb(118 121 125/var(--tw-text-opacity))
}

.comments-item__text {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(118 121 125/var(--tw-border-opacity));
    border-left-width: 4px;
    border-style: solid;
    color: rgb(209 210 212/var(--tw-text-opacity));
    margin-bottom: 0!important;
    padding-left: 1rem
}

.comments-item__info {
    position: relative;
    width: 100%
}

.comments-item__reply {
    position: absolute;
    right: 0;
    top: 0
}

.comments-title {
    margin-bottom: 0!important
}

.comments__form {
    --tw-border-opacity: 1;
    align-items: flex-start;
    border-color: rgb(72 77 81/var(--tw-border-opacity));
    border-style: solid;
    border-top-width: 1px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-start;
    padding-top: 2.5rem;
    width: 100%
}

.comments__form .form {
    padding-bottom: 0
}

.comments__form .form_row {
    gap: 1rem!important
}

.comments__form .form_field__name {
    grid-column: span 12/span 12;
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .comments__form .form_field__name {
        grid-column:span 6/span 6
    }
}

.comments__form .form_field__name input {
    margin-bottom: 0!important
}

.comments__form .form_field__email {
    grid-column: span 12/span 12;
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .comments__form .form_field__email {
        grid-column:span 6/span 6
    }
}

.landing-page__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.landing-page__content:after {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

@media (min-width: 768px) {
    .landing-page__content:after {
        width:120px
    }
}

@media (min-width: 1024px) {
    .landing-page__content:after {
        display:block
    }
}

@media (min-width: 1280px) {
    .landing-page__content:after {
        width:260px
    }
}

.landing-page__content:after {
    background-image: url(../img/right.png);
    content: ""
}

.landing-page__content:before {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 20
}

@media (min-width: 768px) {
    .landing-page__content:before {
        width:120px
    }
}

@media (min-width: 1024px) {
    .landing-page__content:before {
        display:block
    }
}

@media (min-width: 1280px) {
    .landing-page__content:before {
        width:260px
    }
}

.landing-page__content:before {
    background-image: url(../img/left.png);
    content: ""
}

.pages {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(21 26 30/var(--tw-bg-opacity));
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1rem;
    padding-left: 1rem!important;
    padding-right: 1rem!important;
    position: relative;
    width: 100%;
    z-index: 10
}

@media (min-width: 768px) {
    .pages {
        padding-left:1.5rem!important;
        padding-right: 1.5rem!important
    }
}

@media (min-width: 1024px) {
    .pages {
        padding-left:3rem!important;
        padding-right: 3rem!important
    }
}

@media (min-width: 1280px) {
    .pages {
        padding-left:6rem!important;
        padding-right: 6rem!important
    }
}

.pages__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width: 640px) {
    .pages__container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .pages__container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .pages__container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .pages__container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .pages__container {
        max-width:1536px
    }
}

.pages__container {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

@media (min-width: 640px) {
    .pages__container {
        padding-bottom:3.5rem;
        padding-top: 3.5rem
    }
}

@media (min-width: 1024px) {
    .pages__container {
        padding-bottom:7rem;
        padding-top: 7rem
    }
}

.pages__content {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 4rem;
    justify-content: center
}

@media (min-width: 768px) {
    .pages__content {
        padding-top:2rem
    }
}

@media (min-width: 1024px) {
    .pages__content {
        padding-left:4rem;
        padding-right: 4rem
    }
}

.pages__title {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-size: 38px!important;
    line-height: 1.2!important;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    text-align: center;
    width: 100%
}

.pages__item {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

@media (min-width: 640px) {
    .pages__item {
        width:33.333333%
    }
}

.pages__image {
    position: relative
}

.pages__image:after,.pages__image:before {
    border: 1px solid #d9b282;
    border-radius: 8px;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(.2);
    transition: transform .4s ease-in-out;
    z-index: 10
}

.pages__image:before {
    border-bottom: 0;
    border-right: 0;
    transform-origin: left top
}

.pages__image:after {
    border-left: 0;
    border-top: 0;
    transform-origin: right bottom
}

.pages__image:hover:after,.pages__image:hover:before {
    opacity: 1;
    transform: scale(1)
}

.sections {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(21 26 30/var(--tw-bg-opacity));
    display: flex;
    flex-wrap: wrap;
    padding-left: 1rem!important;
    padding-right: 1rem!important;
    position: relative;
    width: 100%;
    z-index: 10
}

@media (min-width: 768px) {
    .sections {
        padding-left:1.5rem!important;
        padding-right: 1.5rem!important
    }
}

@media (min-width: 1024px) {
    .sections {
        padding-left:3rem!important;
        padding-right: 3rem!important
    }
}

@media (min-width: 1280px) {
    .sections {
        padding-left:6rem!important;
        padding-right: 6rem!important
    }
}

.sections__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width: 640px) {
    .sections__container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .sections__container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .sections__container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .sections__container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .sections__container {
        max-width:1536px
    }
}

.sections__container {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3.5rem;
    padding-top: 3.5rem
}

@media (min-width: 1024px) {
    .sections__container {
        padding-bottom:7rem;
        padding-top: 7rem
    }
}

.sections__content {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(12,minmax(0,1fr));
    padding-top: 2rem
}

@media (min-width: 1024px) {
    .sections__content {
        gap:2rem;
        padding-left: 4rem;
        padding-right: 4rem
    }
}

.sections__item {
    grid-column: span 12/span 12;
    position: relative
}

@media (min-width: 640px) {
    .sections__item {
        grid-column:span 6/span 6
    }
}

@media (min-width: 768px) {
    .sections__item {
        grid-column:span 4/span 4
    }
}

@media (min-width: 1280px) {
    .sections__item {
        grid-column:span 3/span 3
    }
}

.sections__title {
    --tw-text-opacity: 1;
    color: rgb(209 210 212/var(--tw-text-opacity));
    font-size: 28px!important;
    line-height: 1.4!important;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    text-align: center;
    width: 100%
}

.sections__image {
    position: relative;
    width: 100%
}

.sections__image:after,.sections__image:before {
    border: 1px solid #d9b282;
    border-radius: 8px;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(.2);
    transition: transform .4s ease-in-out;
    z-index: 10
}

.sections__image:before {
    border-bottom: 0;
    border-right: 0;
    transform-origin: left top
}

.sections__image:after {
    border-left: 0;
    border-top: 0;
    transform-origin: right bottom
}

.sections__image:hover:after,.sections__image:hover:before {
    opacity: 1;
    transform: scale(1)
}

.features {
    position: relative;
    width: 100%;
    z-index: 10
}

.features__container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width: 640px) {
    .features__container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .features__container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .features__container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .features__container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .features__container {
        max-width:1536px
    }
}

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

.features__container .features__item {
    width: 100px
}

.features__list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: space-between;
    padding: 2rem;
    width: 100%
}

@media (min-width: 640px) {
    .features__list {
        padding:4rem
    }
}

@media (min-width: 1024px) {
    .features__list {
        padding:5rem
    }
}

@media (min-width: 1280px) {
    .features__list {
        padding:7rem
    }
}

.features__item {
    width: 64px
}

.features__item img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    opacity: .25;
    width: 100%
}

.visible {
    visibility: visible
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.z-50 {
    z-index: 50
}

.mb-0 {
    margin-bottom: 0
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.table {
    display: table
}

.table-caption {
    display: table-caption
}

.table-cell {
    display: table-cell
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.\!hidden {
    display: none!important
}

.hidden {
    display: none
}

.w-full {
    width: 100%
}

.transform {
    transform: translate(var(--tw-translate-x),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))
}

.resize {
    resize: both
}

.justify-center {
    justify-content: center
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rounded {
    border-radius: .25rem
}

.border {
    border-width: 1px
}

.bg-coarseWool-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(15 17 21/var(--tw-bg-opacity))
}

.bg-coarseWool-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(10 13 15/var(--tw-bg-opacity))
}

.bg-coarseWool-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(5 6 8/var(--tw-bg-opacity))
}

.pb-0 {
    padding-bottom: 0
}

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

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.text-calico-500 {
    --tw-text-opacity: 1;
    color: rgb(217 178 130/var(--tw-text-opacity))
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.\!invert {
    --tw-invert: invert(100%)!important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important
}

.invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.\!filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

.slick-list,.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after,.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(../img/ajax-loader.gif) 50% no-repeat
}

@font-face {
    font-family: slick;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/slick.eot);
    src: url(fonts/slickd41d.eot?#iefix) format("embedded-opentype"),url(fonts/slick.woff) format("woff"),url(fonts/slick.ttf) format("truetype"),url(../img/slick.svg#slick) format("svg")
}

.slick-next,.slick-prev {
    border: none;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover {
    background: transparent;
    color: transparent;
    outline: none
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,.slick-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    bottom: -25px;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    position: relative
}

.slick-dots li,.slick-dots li button {
    cursor: pointer;
    height: 20px;
    width: 20px
}

.slick-dots li button {
    background: transparent;
    border: 0;
    color: transparent;
    display: block;
    font-size: 0;
    line-height: 0;
    outline: none;
    padding: 5px
}

.slick-dots li button:focus,.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    content: "•";
    font-family: slick;
    font-size: 6px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: .25;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

/*!
 * mmenu.js
 * mmenujs.com
 *
 * Copyright (c) Fred Heusschen
 * frebsite.nl
 *
 * License: CC-BY-NC-4.0
 * http://creativecommons.org/licenses/by-nc/4.0/
 */
:root {
    --mm-lineheight: 22px
}

.mm-hidden {
    display: none!important
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative
}

.mm-menu,.mm-menu *,.mm-menu :after,.mm-menu :before {
    transition-duration: .4s;
    transition-property: none;
    transition-timing-function: ease
}

:root {
    --mm-blocker-visibility-delay: 0.4s;
    --mm-blocker-opacity-delay: 0s
}

.mm-blocker {
    background: var(--mm-color-background);
    bottom: 100%;
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;
    z-index: 3
}

.mm-blocker:focus-visible {
    opacity: .75
}

.mm-btn {
    align-items: center;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    padding: 0;
    position: relative;
    width: 50px
}

.mm-btn--next,[dir=rtl] .mm-btn--prev {
    --mm-btn-rotate: 135deg
}

.mm-btn--prev,[dir=rtl] .mm-btn--next {
    --mm-btn-rotate: -45deg
}

.mm-btn--next:after,.mm-btn--prev:before {
    border: 2px solid var(--mm-color-icon);
    border-bottom: none;
    border-right: none;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    transform: rotate(var(--mm-btn-rotate));
    width: 8px
}

.mm-btn--prev:before {
    inset-inline-start: 23px
}

.mm-btn--next:after {
    inset-inline-end: 23px
}

.mm-btn--close:before {
    content: "×";
    font-size: 150%
}

.mm-btnreset {
    background: 0 0;
    border: none;
    cursor: pointer;
    padding: 0
}

.mm-divider {
    background: var(--mm-color-background);
    background-image: linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));
    font-size: 75%;
    min-height: var(--mm-lineheight);
    opacity: 1;
    overflow: hidden;
    padding: calc((var(--mm-listitem-size)*0.65 - var(--mm-lineheight))*.5) 20px;
    position: sticky;
    text-overflow: ellipsis;
    text-transform: uppercase;
    top: 0;
    transition-property: opacity;
    white-space: nowrap;
    z-index: 2
}

.mm-navbar:not(.mm-hidden)~.mm-listview .mm-divider {
    top: var(--mm-navbar-size)
}

:root {
    --mm-listitem-size: 50px
}

.mm-listitem {
    border-color: var(--mm-color-border);
    color: var(--mm-color-text);
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    position: relative
}

.mm-listitem:after {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: inherit;
    bottom: 0;
    content: "";
    display: block;
    inset-inline-end: 0;
    inset-inline-start: 20px;
    position: absolute
}

.mm-listitem__btn,.mm-listitem__text {
    padding: calc((var(--mm-listitem-size) - var(--mm-lineheight))/2) 0
}

.mm-listitem__text {
    display: block;
    flex-basis: 10%;
    flex-grow: 1;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mm-listitem__btn {
    -webkit-padding-end: 50px;
    background: rgba(3,2,1,0);
    border-color: inherit;
    display: block;
    padding-inline-end:50px;position: relative;
    width: auto
}

.mm-listitem__btn:not(.mm-listitem__text) {
    border-left-style: solid;
    border-left-width: 1px
}

.mm-listitem--selected>.mm-listitem__text {
    background: var(--mm-color-background-emphasis)
}

.mm-listitem--opened>.mm-listitem__btn,.mm-listitem--opened>.mm-panel {
    background: var(--mm-color-background-highlight)
}

.mm-listview {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

.mm-menu {
    -webkit-tap-highlight-color: var(--mm-color-background-emphasis);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    bottom: 0;
    color: var(--mm-color-text);
    display: flex;
    flex-direction: column;
    left: 0;
    line-height: var(--mm-lineheight);
    margin: 0;
    overscroll-behavior: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.mm-menu ::-moz-placeholder {
    color: var(--mm-color-text-dimmed)
}

.mm-menu ::placeholder {
    color: var(--mm-color-text-dimmed)
}

.mm-menu,.mm-menu * {
    box-sizing: border-box
}

.mm-menu :focus,.mm-menu :focus-visible,.mm-menu:focus,.mm-menu:focus-visible {
    outline: 0
}

.mm-menu a,.mm-menu button,.mm-menu label {
    color: inherit
}

.mm-menu a:focus,.mm-menu button:focus,.mm-menu label:focus {
    outline: 0
}

.mm-menu a:focus-visible,.mm-menu button:focus-visible,.mm-menu label:focus-visible {
    outline: 2px solid var(--mm-color-focusring);
    outline-offset: -5px
}

.mm-menu input:focus,.mm-menu input:focus-visible,.mm-menu select:focus,.mm-menu select:focus-visible,.mm-menu textarea:focus,.mm-menu textarea:focus-visible {
    outline: 2px solid var(--mm-color-focusring);
    outline-offset: 2px
}

.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited {
    color: inherit;
    text-decoration: none
}

:root {
    --mm-navbar-size: 50px
}

.mm-navbar {
    background: var(--mm-color-background);
    border-bottom: 1px solid var(--mm-color-border);
    color: var(--mm-color-text-dimmed);
    display: flex;
    min-height: var(--mm-navbar-size);
    opacity: 1;
    padding-top: env(safe-area-inset-top);
    position: sticky;
    text-align: center;
    top: 0;
    transition-property: opacity;
    z-index: 2
}

.mm-navbar>* {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-grow: 1;
    justify-content: center
}

.mm-navbar__btn {
    flex-grow: 0
}

.mm-navbar__title {
    display: flex;
    flex: 1 1 50%;
    overflow: hidden;
    padding: 0 20px
}

.mm-navbar__title[href="#"] {
    pointer-events: none
}

.mm-navbar__title>span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mm-btn.mm-hidden+.mm-navbar__title:not(:last-child) {
    -webkit-padding-start: 60px;
    -webkit-padding-end: 10px;
    padding-inline-end:10px;padding-inline-start:60px}

.mm-btn:not(.mm-hidden)+.mm-navbar__title:last-child {
    -webkit-padding-start: 10px;
    -webkit-padding-end: 60px;
    padding-inline-end:60px;padding-inline-start:10px}

.mm-panel {
    --mm-panel-child-offset: 100%;
    --mm-panel-parent-offset: -30%;
    -webkit-overflow-scrolling: touch;
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    bottom: 0;
    color: var(--mm-color-text);
    left: 0;
    overflow: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate3d(var(--mm-panel-child-offset),0,0);
    transition-property: transform,inset-inline-start;
    z-index: 1
}

[dir=rtl] .mm-panel {
    --mm-panel-child-offset: -100%;
    --mm-panel-parent-offset: 30%
}

.mm-panel:after {
    content: "";
    display: block;
    height: var(--mm-listitem-size)
}

.mm-panel:focus {
    outline: 0
}

.mm-panel--opened {
    transform: translateZ(0);
    transition-delay: 0s;
    z-index: 2
}

.mm-panel--parent {
    transform: translate3d(var(--mm-panel-parent-offset),0,0);
    z-index: 0
}

.mm-panel--highest {
    z-index: 3
}

.mm-menu--opened .mm-panel--noanimation {
    transition: none!important;
    transition-duration: 0s!important
}

.mm-panel__content {
    padding: 20px
}

.mm-panels {
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text);
    flex-grow: 1;
    height: 100%;
    overflow: hidden;
    position: relative
}

.mm-panels:focus {
    outline: 0
}

:root {
    --mm-toggle-size: 34px
}

.mm-toggle {
    -webkit-margin-end: 10px;
    align-self: center;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    background: var(--mm-color-border);
    border: none!important;
    border: var(--mm-color-border);
    border-radius: var(--mm-toggle-size);
    cursor: pointer;
    display: flex;
    flex: calc(var(--mm-toggle-size)*1.75) 0 0;
    height: var(--mm-toggle-size);
    margin-inline-end:10px;transition-property: background-color
}

.mm-toggle:before {
    aspect-ratio: 1;
    background: var(--mm-color-background);
    border-radius: 100%;
    content: "";
    margin: 2px;
    transition-property: transform
}

.mm-toggle:checked {
    background: #4bd963
}

.mm-toggle:checked:before {
    transform: translateX(calc(var(--mm-toggle-size)*.75))
}

[dir=rtl] .mm-toggle:checked:before {
    transform: translateX(calc(var(--mm-toggle-size)*-.75))
}

.mm-listitem--vertical>.mm-panel {
    padding: 10px 0 10px 20px;
    position: static;
    transform: none!important;
    transition: none!important;
    width: 100%
}

.mm-listitem--vertical>.mm-panel:after {
    content: none;
    display: none
}

.mm-listitem--vertical:not(.mm-listitem--opened)>.mm-panel {
    display: none
}

.mm-listitem--vertical>.mm-listitem__btn {
    bottom: auto;
    height: var(--mm-listitem-size)
}

.mm-listitem--vertical .mm-listitem:last-child:after {
    border-color: transparent
}

.mm-listitem--opened>.mm-listitem__btn:after {
    right: 19px;
    transform: rotate(225deg)
}

:root {
    --mm-size: 80%;
    --mm-min-size: 240px;
    --mm-max-size: 440px
}

.mm-menu--offcanvas {
    position: fixed;
    z-index: 0
}

.mm-page {
    background: inherit;
    box-sizing: border-box;
    min-height: 100vh
}

:where(.mm-slideout) {
    position: relative;
    transition-duration: .4s;
    transition-property: width,transform;
    transition-timing-function: ease;
    width: 100%;
    z-index: 1
}

.mm-wrapper--opened,.mm-wrapper--opened body {
    overflow: hidden
}

.mm-wrapper__blocker {
    background: rgba(0,0,0,.4)
}

.mm-wrapper--opened .mm-wrapper__blocker {
    --mm-blocker-visibility-delay: 0s;
    --mm-blocker-opacity-delay: 0.4s;
    bottom: 0;
    opacity: .5
}

.mm-menu {
    --mm-translate-horizontal: 0;
    --mm-translate-vertical: 0
}

.mm-menu--position-left,.mm-menu--position-left-front {
    right: auto
}

.mm-menu--position-right,.mm-menu--position-right-front {
    left: auto
}

.mm-menu--position-left,.mm-menu--position-left-front,.mm-menu--position-right,.mm-menu--position-right-front {
    width: clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))
}

.mm-menu--position-left-front {
    --mm-translate-horizontal: -100%
}

.mm-menu--position-right-front {
    --mm-translate-horizontal: 100%
}

.mm-menu--position-top {
    bottom: auto
}

.mm-menu--position-bottom {
    top: auto
}

.mm-menu--position-bottom,.mm-menu--position-top {
    height: clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size));
    width: 100%
}

.mm-menu--position-top {
    --mm-translate-vertical: -100%
}

.mm-menu--position-bottom {
    --mm-translate-vertical: 100%
}

.mm-menu--position-bottom,.mm-menu--position-left-front,.mm-menu--position-right-front,.mm-menu--position-top {
    transform: translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);
    transition-property: transform;
    z-index: 2
}

.mm-menu--position-bottom.mm-menu--opened,.mm-menu--position-left-front.mm-menu--opened,.mm-menu--position-right-front.mm-menu--opened,.mm-menu--position-top.mm-menu--opened {
    transform: translateZ(0)
}

.mm-wrapper--position-left {
    --mm-translate-horizontal: clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))
}

.mm-wrapper--position-right {
    --mm-translate-horizontal: clamp(calc(var(--mm-max-size)*-1),calc(var(--mm-size)*-1),calc(var(--mm-min-size)*-1))
}

.mm-wrapper--position-left .mm-slideout,.mm-wrapper--position-right .mm-slideout {
    transform: translateZ(0)
}

.mm-wrapper--position-left.mm-wrapper--opened .mm-slideout,.mm-wrapper--position-right.mm-wrapper--opened .mm-slideout {
    transform: translate3d(var(--mm-translate-horizontal),0,0)
}

.mm-wrapper--position-bottom .mm-wrapper__blocker,.mm-wrapper--position-left-front .mm-wrapper__blocker,.mm-wrapper--position-right-front .mm-wrapper__blocker,.mm-wrapper--position-top .mm-wrapper__blocker {
    z-index: 1
}

.mm-menu--theme-light {
    --mm-color-background: #f3f3f3;
    --mm-color-border: rgba(0,0,0,.15);
    --mm-color-icon: rgba(0,0,0,.4);
    --mm-color-text: rgba(0,0,0,.8);
    --mm-color-text-dimmed: rgba(0,0,0,.4);
    --mm-color-background-highlight: rgba(0,0,0,.05);
    --mm-color-background-emphasis: hsla(0,0%,100%,.75);
    --mm-color-focusring: #06c
}

.mm-menu--theme-light-contrast {
    --mm-color-background: #f3f3f3;
    --mm-color-border: rgba(0,0,0,.5);
    --mm-color-icon: rgba(0,0,0,.5);
    --mm-color-text: #000;
    --mm-color-text-dimmed: rgba(0,0,0,.7);
    --mm-color-background-highlight: rgba(0,0,0,.05);
    --mm-color-background-emphasis: hsla(0,0%,100%,.9);
    --mm-color-focusring: #06c
}

.mm-menu--theme-dark {
    --mm-color-background: #333;
    --mm-color-border: rgba(0,0,0,.4);
    --mm-color-icon: hsla(0,0%,100%,.4);
    --mm-color-text: hsla(0,0%,100%,.8);
    --mm-color-text-dimmed: hsla(0,0%,100%,.4);
    --mm-color-background-highlight: hsla(0,0%,100%,.08);
    --mm-color-background-emphasis: rgba(0,0,0,.1);
    --mm-color-focusring: #06c
}

.mm-menu--theme-dark-contrast {
    --mm-color-background: #333;
    --mm-color-border: hsla(0,0%,100%,.5);
    --mm-color-icon: hsla(0,0%,100%,.5);
    --mm-color-text: #fff;
    --mm-color-text-dimmed: hsla(0,0%,100%,.7);
    --mm-color-background-highlight: hsla(0,0%,100%,.1);
    --mm-color-background-emphasis: rgba(0,0,0,.3);
    --mm-color-focusring: #06c
}

.mm-menu--theme-white {
    --mm-color-background: #fff;
    --mm-color-border: rgba(0,0,0,.15);
    --mm-color-icon: rgba(0,0,0,.3);
    --mm-color-text: rgba(0,0,0,.8);
    --mm-color-text-dimmed: rgba(0,0,0,.3);
    --mm-color-background-highlight: rgba(0,0,0,.06);
    --mm-color-background-emphasis: rgba(0,0,0,.03);
    --mm-color-focusring: #06c
}

.mm-menu--theme-white-contrast {
    --mm-color-background: #fff;
    --mm-color-border: rgba(0,0,0,.5);
    --mm-color-icon: rgba(0,0,0,.5);
    --mm-color-text: #000;
    --mm-color-text-dimmed: rgba(0,0,0,.7);
    --mm-color-background-highlight: rgba(0,0,0,.07);
    --mm-color-background-emphasis: rgba(0,0,0,.035);
    --mm-color-focusring: #06c
}

.mm-menu--theme-black {
    --mm-color-background: #000;
    --mm-color-border: hsla(0,0%,100%,.2);
    --mm-color-icon: hsla(0,0%,100%,.4);
    --mm-color-text: hsla(0,0%,100%,.7);
    --mm-color-text-dimmed: hsla(0,0%,100%,.4);
    --mm-color-background-highlight: hsla(0,0%,100%,.1);
    --mm-color-background-emphasis: hsla(0,0%,100%,.06);
    --mm-color-focusring: #06c
}

.mm-menu--theme-black-contrast {
    --mm-color-background: #000;
    --mm-color-border: hsla(0,0%,100%,.5);
    --mm-color-icon: hsla(0,0%,100%,.5);
    --mm-color-text: #fff;
    --mm-color-text-dimmed: hsla(0,0%,100%,.6);
    --mm-color-background-highlight: hsla(0,0%,100%,.125);
    --mm-color-background-emphasis: hsla(0,0%,100%,.1);
    --mm-color-focusring: #06c
}

.mm-counter {
    -webkit-padding-start: 20px;
    color: var(--mm-color-text-dimmed);
    display: block;
    float: right;
    padding-inline-start:20px}

[dir=rtl] .mm-counter {
    float: left
}

:root {
    --mm-iconbar-size: 50px
}

.mm-menu--iconbar-left .mm-navbars,.mm-menu--iconbar-left .mm-panels {
    margin-left: var(--mm-iconbar-size)
}

.mm-menu--iconbar-right .mm-navbars,.mm-menu--iconbar-right .mm-panels {
    margin-right: var(--mm-iconbar-size)
}

.mm-iconbar {
    background: var(--mm-color-background);
    border: 0 solid;
    border-color: var(--mm-color-border);
    bottom: 0;
    box-sizing: border-box;
    color: var(--mm-color-text-dimmed);
    display: none;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: var(--mm-iconbar-size);
    z-index: 2
}

.mm-menu--iconbar-left .mm-iconbar,.mm-menu--iconbar-right .mm-iconbar {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.mm-menu--iconbar-left .mm-iconbar {
    border-right-width: 1px;
    left: 0
}

.mm-menu--iconbar-right .mm-iconbar {
    border-left-width: 1px;
    right: 0
}

.mm-iconbar__bottom,.mm-iconbar__top {
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    width: 100%
}

.mm-iconbar__bottom>*,.mm-iconbar__top>* {
    box-sizing: border-box;
    display: block;
    padding: calc((var(--mm-iconbar-size) - var(--mm-lineheight))/2) 0
}

.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover {
    text-decoration: none
}

.mm-iconbar__tab--selected {
    background: var(--mm-color-background-emphasis)
}

:root {
    --mm-iconpanel-size: 50px
}

.mm-panel--iconpanel-0 {
    inset-inline-start: calc(var(--mm-iconpanel-size)*0)
}

.mm-panel--iconpanel-1 {
    inset-inline-start: calc(var(--mm-iconpanel-size)*1)
}

.mm-panel--iconpanel-2 {
    inset-inline-start: calc(var(--mm-iconpanel-size)*2)
}

.mm-panel--iconpanel-3 {
    inset-inline-start: calc(var(--mm-iconpanel-size)*3)
}

.mm-panel--iconpanel-4 {
    inset-inline-start: calc(var(--mm-iconpanel-size)*4)
}

.mm-panel--iconpanel-first~.mm-panel {
    inset-inline-start: var(--mm-iconpanel-size)
}

.mm-menu--iconpanel .mm-panel--parent .mm-divider,.mm-menu--iconpanel .mm-panel--parent .mm-navbar {
    opacity: 0
}

.mm-menu--iconpanel .mm-panels>.mm-panel--parent {
    overflow-y: hidden;
    transform: unset
}

.mm-menu--iconpanel .mm-panels>.mm-panel:not(.mm-panel--iconpanel-first):not(.mm-panel--iconpanel-0) {
    border-inline-start-style:solid;border-inline-start-width:1px}

.mm-navbars {
    flex-shrink: 0
}

.mm-navbars .mm-navbar {
    border-bottom: none;
    padding-top: 0;
    position: relative
}

.mm-navbars--top {
    border-bottom: 1px solid var(--mm-color-border)
}

.mm-navbars--top .mm-navbar:first-child {
    padding-top: env(safe-area-inset-top)
}

.mm-navbars--bottom {
    border-top: 1px solid var(--mm-color-border)
}

.mm-navbars--bottom .mm-navbar:last-child {
    padding-bottom: env(safe-area-inset-bottom)
}

.mm-navbar__breadcrumbs {
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex: 1 1 50%;
    justify-content: flex-start;
    overflow: hidden;
    overflow-x: auto;
    padding: 0 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mm-navbar__breadcrumbs>* {
    -webkit-padding-end: 6px;
    align-items: center;
    display: flex;
    justify-content: center;
    padding-inline-end:6px}

.mm-navbar__breadcrumbs>a {
    text-decoration: underline
}

.mm-navbar__breadcrumbs:not(:last-child) {
    -webkit-padding-end: 0;
    padding-inline-end:0}

.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs {
    -webkit-padding-start: 0;
    padding-inline-start:0}

.mm-navbar__tab {
    border: 1px solid transparent;
    padding: 0 10px
}

.mm-navbar__tab--selected {
    background: var(--mm-color-background)
}

.mm-navbar__tab--selected:not(:first-child) {
    border-inline-start-color:var(--mm-color-border)}

.mm-navbar__tab--selected: not(:last-child) {
    border-inline-end-color:var(--mm-color-border)
}

.mm-navbars--top.mm-navbars--has-tabs {
    border-bottom: none
}

.mm-navbars--top.mm-navbars--has-tabs .mm-navbar {
    background: var(--mm-color-background-emphasis)
}

.mm-navbars--top.mm-navbars--has-tabs .mm-navbar--tabs~.mm-navbar {
    background: var(--mm-color-background)
}

.mm-navbars--top.mm-navbars--has-tabs .mm-navbar:not(.mm-navbar--tabs):last-child {
    border-bottom: 1px solid var(--mm-color-border)
}

.mm-navbars--top .mm-navbar__tab {
    border-bottom-color: var(--mm-color-border)
}

.mm-navbars--top .mm-navbar__tab--selected {
    border-bottom-color: transparent;
    border-top-color: var(--mm-color-border)
}

.mm-navbars--bottom.mm-navbar--has-tabs {
    border-top: none
}

.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar {
    background: var(--mm-color-background)
}

.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs,.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs~.mm-navbar {
    background: var(--mm-color-background-emphasis)
}

.mm-navbars--bottom .mm-navbar__tab {
    border-top-color: var(--mm-color-border)
}

.mm-navbars--bottom .mm-navbar__tab--selected {
    border-bottom-color: var(--mm-color-border);
    border-top-color: transparent
}

.mm-searchfield {
    display: flex;
    flex-grow: 1;
    height: var(--mm-navbar-size);
    overflow: hidden;
    padding: 0
}

.mm-searchfield__input {
    align-items: center;
    display: flex;
    flex: 1;
    position: relative
}

.mm-searchfield__input,.mm-searchfield__input input {
    box-sizing: border-box;
    max-width: 100%;
    padding: 0 10px;
    width: 100%
}

.mm-searchfield__input input {
    border: none;
    border-radius: 4px;
    display: block;
    height: calc(var(--mm-navbar-size)*.7);
    line-height: calc(var(--mm-navbar-size)*.7);
    font: inherit;
    font-size: inherit;
    margin: 0;
    max-height: auto;
    min-height: auto
}

.mm-searchfield__input input,.mm-searchfield__input input:focus,.mm-searchfield__input input:hover {
    background: var(--mm-color-background-highlight);
    color: var(--mm-color-text)
}

.mm-menu[class*=-contrast] .mm-searchfield__input input {
    border: 1px solid var(--mm-color-border)
}

.mm-searchfield__input input::-ms-clear {
    display: none
}

.mm-searchfield__btn {
    bottom: 0;
    display: none;
    inset-inline-end: 0;
    position: absolute;
    top: 0
}

.mm-searchfield--searching .mm-searchfield__btn {
    display: block
}

.mm-searchfield__cancel {
    -webkit-margin-end: -100px;
    -webkit-padding-start: 5px;
    -webkit-padding-end: 20px;
    display: block;
    line-height: var(--mm-navbar-size);
    margin-inline-end:-100px;padding-inline-end:20px;padding-inline-start:5px;position: relative;
    text-decoration: none;
    transition-property: visibility,margin;
    visibility: hidden
}

.mm-searchfield--cancelable .mm-searchfield__cancel {
    -webkit-margin-end: 0;
    margin-inline-end:0;visibility: visible
}

.mm-panel--search {
    border: none!important;
    left: 0!important;
    right: 0!important;
    width: 100%!important
}

.mm-panel__splash {
    padding: 20px
}

.mm-panel--searching .mm-panel__splash {
    display: none
}

.mm-panel__noresults {
    color: var(--mm-color-text-dimmed);
    display: none;
    font-size: 150%;
    line-height: 1.4;
    padding: 40px 20px;
    text-align: center
}

.mm-panel--noresults .mm-panel__noresults {
    display: block
}

:root {
    --mm-sectionindexer-size: 20px
}

.mm-sectionindexer {
    background: inherit;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    inset-inline-end: calc(var(--mm-sectionindexer-size)*-1);
    justify-content: space-evenly;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: inset-inline-end;
    width: var(--mm-sectionindexer-size);
    z-index: 5
}

.mm-sectionindexer a {
    color: var(--mm-color-text-dimmed);
    display: block;
    line-height: 1;
    text-decoration: none
}

.mm-sectionindexer~.mm-panel {
    -webkit-padding-end: 0;
    padding-inline-end:0}

.mm-sectionindexer--active {
    right: 0
}

.mm-sectionindexer--active~.mm-panel {
    -webkit-padding-end: var(--mm-sectionindexer-size);
    padding-inline-end:var(--mm-sectionindexer-size)}

.mm-menu--selected-hover .mm-listitem__btn,.mm-menu--selected-hover .mm-listitem__text,.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text {
    transition-property: background-color
}

@media (hover: hover) {
    .mm-menu--selected-hover .mm-listview:hover>.mm-listitem--selected:not(:hover)>.mm-listitem__text {
        background:0 0
    }

    .mm-menu--selected-hover .mm-listitem__btn:hover,.mm-menu--selected-hover .mm-listitem__text:hover {
        background: var(--mm-color-background-emphasis)
    }
}

.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text {
    transition-delay: .2s
}

@media (hover: hover) {
    .mm-menu--selected-parent .mm-listitem__btn:hover,.mm-menu--selected-parent .mm-listitem__text:hover {
        transition-delay:0s
    }
}

.mm-menu--selected-parent .mm-panel--parent .mm-listitem:not(.mm-listitem--selected-parent)>.mm-listitem__text {
    background: 0 0
}

.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__btn,.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__text {
    background: var(--mm-color-background-emphasis)
}

:root {
    --mm-sidebar-collapsed-size: 50px;
    --mm-sidebar-expanded-size: var(--mm-max-size)
}

.mm-wrapper--sidebar-collapsed .mm-slideout {
    transform: translate3d(var(--mm-sidebar-collapsed-size),0,0);
    width: calc(100% - var(--mm-sidebar-collapsed-size))
}

[dir=rtl] .mm-wrapper--sidebar-collapsed .mm-slideout {
    transform: none
}

.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-divider,.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-navbar {
    opacity: 0
}

.mm-wrapper--sidebar-expanded .mm-menu--sidebar-expanded {
    border-right-style: solid;
    border-right-width: 1px;
    width: var(--mm-sidebar-expanded-size)
}

.mm-wrapper--sidebar-expanded.mm-wrapper--opened {
    overflow: auto
}

.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-wrapper__blocker {
    display: none
}

.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout {
    transform: translate3d(var(--mm-sidebar-expanded-size),0,0);
    width: calc(100% - var(--mm-sidebar-expanded-size))
}

[dir=rtl] .mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout {
    transform: none
}