File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/wondernestmg.com/css/main.css
Back
.ratio { position: relative; display: block; overflow: hidden; } .ratio::before { display: block; width: 100%; content: ""; } .ratio-1\:1::before { padding-bottom: 100%; } .ratio-2\:1::before { padding-bottom: 50%; } .ratio-2\:3::before { padding-bottom: 150%; } .ratio-3\:2::before { padding-bottom: 66.66667%; } .ratio-3\:4::before { padding-bottom: 133.33333%; } .ratio-4\:3::before { padding-bottom: 75%; } .ratio-4\:1::before { padding-bottom: 25%; } .ratio-5\:4::before { padding-bottom: 80%; } .ratio-8\:5::before { padding-bottom: 62.5%; } .ratio-15\:9::before { padding-bottom: 60%; } .ratio-11\:8::before { padding-bottom: 72.72727%; } .ratio-16\:9::before { padding-bottom: 56.25%; } .ratio-10\:9::before { padding-bottom: 90%; } .ratio-33\:45::before { padding-bottom: 136.36364%; } .ratio-41\:50::before { padding-bottom: 121.95122%; } .ratio-44\:60::before { padding-bottom: 136.36364%; } .ratio-45\:50::before { padding-bottom: 111.11111%; } .ratio-45\:54::before { padding-bottom: 120%; } .ratio-45\:43::before { padding-bottom: 68%; } .ratio-68\:45::before { padding-bottom: 66.17647%; } .ratio-68\:50::before { padding-bottom: 73.52941%; } .ratio-76\:62::before { padding-bottom: 81.57895%; } .ratio-80\:55::before { padding-bottom: 68.75%; } .ratio-92\:70::before { padding-bottom: 76.08696%; } .ratio-92\:60::before { padding-bottom: 65.21739%; } .ratio-95\:80::before { padding-bottom: 84.21053%; } :root { --font-primary: "Jost", sans-serif; --font-secondary: "Cormorant Garamond", sans-serif; } :root { --text-9: 9px; --text-11: 11px; --text-13: 13px; --text-15: 15px; --text-17: 17px; --text-21: 21px; --text-24: 24px; --text-30: 30px; --text-40: 40px; --text-50: 50px; --text-52: 52px; --text-60: 60px; --text-64: 64px; --text-72: 72px; --text-92: 92px; } :root { --color-white: #FFFFFF; --color-black: #000000; --color-border: #DDDDDD; --color-accent-1: #122223; --color-accent-2: #d7ad4b; --color-light-1: #F8F5F0; --color-light-2: #EDF5F3; --color-dark-1: #05073C; --color-dark-2: #1D3334; --color-dark-3: #0E1D1E; --color-info-1: #CDE9F6; --color-info-2: #4780AA; --color-warning-1: #F7F3D7; --color-warning-2: #927238; --color-error-1: #ECC8C5; --color-error-2: #AB3331; --color-success-1: #DEF2D7; --color-success-2: #5B7052; } [data-anim-wrap] { pointer-events: none; } [data-anim-wrap].animated { pointer-events: auto; } [data-anim*='cover-white']::after, [data-anim-child*='cover-white']::after { background-color: white; } [data-anim*='cover-black']::after, [data-anim-child*='cover-black']::after { background-color: black; } [data-anim*='cover-light-1']::after, [data-anim-child*='cover-light-1']::after { background-color: var(--color-light-1); } [data-anim*='cover-accent-1']::after, [data-anim-child*='cover-accent-1']::after { background-color: var(--color-accent-1); } [data-anim*='cover-accent-2']::after, [data-anim-child*='cover-accent-2']::after { background-color: var(--color-accent-2); } @keyframes reveal { 100% { opacity: 1; } } [data-anim^='img-right'], [data-anim-child^='img-right'] { overflow: hidden; display: block; position: relative; } [data-anim^='img-right']::after, [data-anim-child^='img-right']::after { content: ""; position: absolute; top: -1px; left: -1px; right: 0; z-index: 20; height: calc(100% + 2px); width: calc(100% + 2px); transform-origin: right; animation-duration: 2.4s; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-fill-mode: both; } [data-anim^='img-right'] > *, [data-anim-child^='img-right'] > * { transform-origin: center; animation-duration: 2.4s; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-fill-mode: both; } [data-anim^='img-right'].is-in-view::after, [data-anim-child^='img-right'].is-in-view::after { animation-name: imgRight; } [data-anim^='img-right'].is-in-view > *, [data-anim-child^='img-right'].is-in-view > * { animation-name: imgReveal; } @keyframes imgRight { 0% { transform: scaleX(1); } 100% { transform: scaleX(0); } } @keyframes imgReveal { 0% { transform: scale(1.4); } 100% { transform: scale(1.01); } } [data-anim^='slide-'], [data-anim-child^='slide-'] { opacity: 0; transition-property: opacity, transform; pointer-events: none; transition-duration: 1s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } [data-anim^='slide-'].is-in-view, [data-anim-child^='slide-'].is-in-view { opacity: 1; transform: translate3d(0, 0, 0); pointer-events: auto; } [data-anim^='slide-up'], [data-anim-child^='slide-up'] { transform: translate3d(0, 40px, 0); } [data-anim^='slide-down'], [data-anim-child^='slide-down'] { transform: translate3d(0, -40px, 0); } [data-anim^='slide-right'], [data-anim-child^='slide-right'] { transform: translate3d(-40px, 0, 0); } [data-anim^='slide-left'], [data-anim-child^='slide-left'] { transform: translate3d(40px, 0, 0); } [data-anim^='fade'], [data-anim-child^='fade'] { opacity: 0; transition-property: opacity; pointer-events: none; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } [data-anim^='fade'].is-in-view, [data-anim-child^='fade'].is-in-view { opacity: 1; pointer-events: auto; } [data-anim*="delay-1"], [data-anim-child*="delay-1"] { transition-delay: 0.1s; animation-delay: 0.1s; } [data-anim*="delay-1"]::after, [data-anim-child*="delay-1"]::after { animation-delay: 0.1s; } [data-anim*="delay-1"] > *, [data-anim-child*="delay-1"] > * { animation-delay: 0.1s; } [data-anim*="delay-2"], [data-anim-child*="delay-2"] { transition-delay: 0.2s; animation-delay: 0.2s; } [data-anim*="delay-2"]::after, [data-anim-child*="delay-2"]::after { animation-delay: 0.2s; } [data-anim*="delay-2"] > *, [data-anim-child*="delay-2"] > * { animation-delay: 0.2s; } [data-anim*="delay-3"], [data-anim-child*="delay-3"] { transition-delay: 0.3s; animation-delay: 0.3s; } [data-anim*="delay-3"]::after, [data-anim-child*="delay-3"]::after { animation-delay: 0.3s; } [data-anim*="delay-3"] > *, [data-anim-child*="delay-3"] > * { animation-delay: 0.3s; } [data-anim*="delay-4"], [data-anim-child*="delay-4"] { transition-delay: 0.4s; animation-delay: 0.4s; } [data-anim*="delay-4"]::after, [data-anim-child*="delay-4"]::after { animation-delay: 0.4s; } [data-anim*="delay-4"] > *, [data-anim-child*="delay-4"] > * { animation-delay: 0.4s; } [data-anim*="delay-5"], [data-anim-child*="delay-5"] { transition-delay: 0.5s; animation-delay: 0.5s; } [data-anim*="delay-5"]::after, [data-anim-child*="delay-5"]::after { animation-delay: 0.5s; } [data-anim*="delay-5"] > *, [data-anim-child*="delay-5"] > * { animation-delay: 0.5s; } [data-anim*="delay-6"], [data-anim-child*="delay-6"] { transition-delay: 0.6s; animation-delay: 0.6s; } [data-anim*="delay-6"]::after, [data-anim-child*="delay-6"]::after { animation-delay: 0.6s; } [data-anim*="delay-6"] > *, [data-anim-child*="delay-6"] > * { animation-delay: 0.6s; } [data-anim*="delay-7"], [data-anim-child*="delay-7"] { transition-delay: 0.7s; animation-delay: 0.7s; } [data-anim*="delay-7"]::after, [data-anim-child*="delay-7"]::after { animation-delay: 0.7s; } [data-anim*="delay-7"] > *, [data-anim-child*="delay-7"] > * { animation-delay: 0.7s; } [data-anim*="delay-8"], [data-anim-child*="delay-8"] { transition-delay: 0.8s; animation-delay: 0.8s; } [data-anim*="delay-8"]::after, [data-anim-child*="delay-8"]::after { animation-delay: 0.8s; } [data-anim*="delay-8"] > *, [data-anim-child*="delay-8"] > * { animation-delay: 0.8s; } [data-anim*="delay-9"], [data-anim-child*="delay-9"] { transition-delay: 0.9s; animation-delay: 0.9s; } [data-anim*="delay-9"]::after, [data-anim-child*="delay-9"]::after { animation-delay: 0.9s; } [data-anim*="delay-9"] > *, [data-anim-child*="delay-9"] > * { animation-delay: 0.9s; } [data-anim*="delay-10"], [data-anim-child*="delay-10"] { transition-delay: 1s; animation-delay: 1s; } [data-anim*="delay-10"]::after, [data-anim-child*="delay-10"]::after { animation-delay: 1s; } [data-anim*="delay-10"] > *, [data-anim-child*="delay-10"] > * { animation-delay: 1s; } [data-anim*="delay-11"], [data-anim-child*="delay-11"] { transition-delay: 1.1s; animation-delay: 1.1s; } [data-anim*="delay-11"]::after, [data-anim-child*="delay-11"]::after { animation-delay: 1.1s; } [data-anim*="delay-11"] > *, [data-anim-child*="delay-11"] > * { animation-delay: 1.1s; } [data-anim*="delay-12"], [data-anim-child*="delay-12"] { transition-delay: 1.2s; animation-delay: 1.2s; } [data-anim*="delay-12"]::after, [data-anim-child*="delay-12"]::after { animation-delay: 1.2s; } [data-anim*="delay-12"] > *, [data-anim-child*="delay-12"] > * { animation-delay: 1.2s; } [data-anim*="delay-13"], [data-anim-child*="delay-13"] { transition-delay: 1.3s; animation-delay: 1.3s; } [data-anim*="delay-13"]::after, [data-anim-child*="delay-13"]::after { animation-delay: 1.3s; } [data-anim*="delay-13"] > *, [data-anim-child*="delay-13"] > * { animation-delay: 1.3s; } [data-anim*="delay-14"], [data-anim-child*="delay-14"] { transition-delay: 1.4s; animation-delay: 1.4s; } [data-anim*="delay-14"]::after, [data-anim-child*="delay-14"]::after { animation-delay: 1.4s; } [data-anim*="delay-14"] > *, [data-anim-child*="delay-14"] > * { animation-delay: 1.4s; } [data-anim*="delay-15"], [data-anim-child*="delay-15"] { transition-delay: 1.5s; animation-delay: 1.5s; } [data-anim*="delay-15"]::after, [data-anim-child*="delay-15"]::after { animation-delay: 1.5s; } [data-anim*="delay-15"] > *, [data-anim-child*="delay-15"] > * { animation-delay: 1.5s; } [data-anim*="delay-16"], [data-anim-child*="delay-16"] { transition-delay: 1.6s; animation-delay: 1.6s; } [data-anim*="delay-16"]::after, [data-anim-child*="delay-16"]::after { animation-delay: 1.6s; } [data-anim*="delay-16"] > *, [data-anim-child*="delay-16"] > * { animation-delay: 1.6s; } [data-anim*="delay-17"], [data-anim-child*="delay-17"] { transition-delay: 1.7s; animation-delay: 1.7s; } [data-anim*="delay-17"]::after, [data-anim-child*="delay-17"]::after { animation-delay: 1.7s; } [data-anim*="delay-17"] > *, [data-anim-child*="delay-17"] > * { animation-delay: 1.7s; } [data-anim*="delay-18"], [data-anim-child*="delay-18"] { transition-delay: 1.8s; animation-delay: 1.8s; } [data-anim*="delay-18"]::after, [data-anim-child*="delay-18"]::after { animation-delay: 1.8s; } [data-anim*="delay-18"] > *, [data-anim-child*="delay-18"] > * { animation-delay: 1.8s; } [data-anim*="delay-19"], [data-anim-child*="delay-19"] { transition-delay: 1.9s; animation-delay: 1.9s; } [data-anim*="delay-19"]::after, [data-anim-child*="delay-19"]::after { animation-delay: 1.9s; } [data-anim*="delay-19"] > *, [data-anim-child*="delay-19"] > * { animation-delay: 1.9s; } [data-anim*="delay-20"], [data-anim-child*="delay-20"] { transition-delay: 2s; animation-delay: 2s; } [data-anim*="delay-20"]::after, [data-anim-child*="delay-20"]::after { animation-delay: 2s; } [data-anim*="delay-20"] > *, [data-anim-child*="delay-20"] > * { animation-delay: 2s; } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; } body { padding: 0; font-family: var(--font-primary); width: 100%; background-color: white; color: var(--color-accent-1); font-size: 17px; line-height: 1.5; } select, input:not([type="range"]), textarea { border: 0; outline: none; width: 100%; background-color: transparent; } main { overflow: hidden; } img { max-width: 100%; height: auto; } a { color: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; transition: color 0.2s ease-in-out; text-decoration: none; } a:hover { text-decoration: none; } ul, li { list-style: none; padding: 0; margin: 0; } p { font-size: 17px; color: var(--color-accent-1); margin: 0; } button { padding: 0; margin: 0; border: 0; border-radius: 0; background-color: transparent; text-decoration: none; } button:focus { outline: 0; } .button { display: flex; align-items: center; justify-content: center; text-align: center; font-size: 15px; font-weight: 500; line-height: 1; text-transform: uppercase; border: 1px solid transparent; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } .button.-md { height: 55px; padding: 0 30px; } .button.-type-1 { font-weight: 400; } .button.-type-1 .-icon { margin-right: 10px; } .button.-type-2::before { content: ""; width: 15px; height: 1px; background-color: currentColor; margin-right: 10px; margin-bottom: 2px; } .button.-white:hover { border-color: var(--color-white); background-color: var(--color-white) !important; color: white !important; } .button.-outline-white { border-color: var(--color-white); } .button.-outline-white:hover { background-color: var(--color-white) !important; border-color: transparent; color: white !important; } .button.-black:hover { border-color: var(--color-black); background-color: var(--color-black) !important; color: white !important; } .button.-outline-black { border-color: var(--color-black); } .button.-outline-black:hover { background-color: var(--color-black) !important; border-color: transparent; color: white !important; } .button.-border:hover { border-color: var(--color-border); background-color: var(--color-border) !important; color: white !important; } .button.-outline-border { border-color: var(--color-border); } .button.-outline-border:hover { background-color: var(--color-border) !important; border-color: transparent; color: white !important; } .button.-accent-1:hover { border-color: var(--color-accent-1); background-color: var(--color-accent-1) !important; color: white !important; } .button.-outline-accent-1 { border-color: var(--color-accent-1); } .button.-outline-accent-1:hover { background-color: var(--color-accent-1) !important; border-color: transparent; color: white !important; } .button.-accent-2:hover { border-color: var(--color-accent-2); background-color: var(--color-accent-2) !important; color: white !important; } .button.-outline-accent-2 { border-color: var(--color-accent-2); } .button.-outline-accent-2:hover { background-color: var(--color-accent-2) !important; border-color: transparent; color: white !important; } .button.-light-1:hover { border-color: var(--color-light-1); background-color: var(--color-light-1) !important; color: white !important; } .button.-outline-light-1 { border-color: var(--color-light-1); } .button.-outline-light-1:hover { background-color: var(--color-light-1) !important; border-color: transparent; color: white !important; } .button.-light-2:hover { border-color: var(--color-light-2); background-color: var(--color-light-2) !important; color: white !important; } .button.-outline-light-2 { border-color: var(--color-light-2); } .button.-outline-light-2:hover { background-color: var(--color-light-2) !important; border-color: transparent; color: white !important; } .button.-dark-1:hover { border-color: var(--color-dark-1); background-color: var(--color-dark-1) !important; color: white !important; } .button.-outline-dark-1 { border-color: var(--color-dark-1); } .button.-outline-dark-1:hover { background-color: var(--color-dark-1) !important; border-color: transparent; color: white !important; } .button.-dark-2:hover { border-color: var(--color-dark-2); background-color: var(--color-dark-2) !important; color: white !important; } .button.-outline-dark-2 { border-color: var(--color-dark-2); } .button.-outline-dark-2:hover { background-color: var(--color-dark-2) !important; border-color: transparent; color: white !important; } .button.-dark-3:hover { border-color: var(--color-dark-3); background-color: var(--color-dark-3) !important; color: white !important; } .button.-outline-dark-3 { border-color: var(--color-dark-3); } .button.-outline-dark-3:hover { background-color: var(--color-dark-3) !important; border-color: transparent; color: white !important; } .button.-info-1:hover { border-color: var(--color-info-1); background-color: var(--color-info-1) !important; color: white !important; } .button.-outline-info-1 { border-color: var(--color-info-1); } .button.-outline-info-1:hover { background-color: var(--color-info-1) !important; border-color: transparent; color: white !important; } .button.-info-2:hover { border-color: var(--color-info-2); background-color: var(--color-info-2) !important; color: white !important; } .button.-outline-info-2 { border-color: var(--color-info-2); } .button.-outline-info-2:hover { background-color: var(--color-info-2) !important; border-color: transparent; color: white !important; } .button.-warning-1:hover { border-color: var(--color-warning-1); background-color: var(--color-warning-1) !important; color: white !important; } .button.-outline-warning-1 { border-color: var(--color-warning-1); } .button.-outline-warning-1:hover { background-color: var(--color-warning-1) !important; border-color: transparent; color: white !important; } .button.-warning-2:hover { border-color: var(--color-warning-2); background-color: var(--color-warning-2) !important; color: white !important; } .button.-outline-warning-2 { border-color: var(--color-warning-2); } .button.-outline-warning-2:hover { background-color: var(--color-warning-2) !important; border-color: transparent; color: white !important; } .button.-error-1:hover { border-color: var(--color-error-1); background-color: var(--color-error-1) !important; color: white !important; } .button.-outline-error-1 { border-color: var(--color-error-1); } .button.-outline-error-1:hover { background-color: var(--color-error-1) !important; border-color: transparent; color: white !important; } .button.-error-2:hover { border-color: var(--color-error-2); background-color: var(--color-error-2) !important; color: white !important; } .button.-outline-error-2 { border-color: var(--color-error-2); } .button.-outline-error-2:hover { background-color: var(--color-error-2) !important; border-color: transparent; color: white !important; } .button.-success-1:hover { border-color: var(--color-success-1); background-color: var(--color-success-1) !important; color: white !important; } .button.-outline-success-1 { border-color: var(--color-success-1); } .button.-outline-success-1:hover { background-color: var(--color-success-1) !important; border-color: transparent; color: white !important; } .button.-success-2:hover { border-color: var(--color-success-2); background-color: var(--color-success-2) !important; color: white !important; } .button.-outline-success-2 { border-color: var(--color-success-2); } .button.-outline-success-2:hover { background-color: var(--color-success-2) !important; border-color: transparent; color: white !important; } .button.-white:hover { color: black !important; } .button.-outline-accent-2:hover { color: black !important; } .button.-accent-2:hover { color: black !important; } .button.swiper-button-disabled { opacity: 0.2; } .button.-light-1:hover { color: black !important; } .button.-blur-1 { background-color: rgba(18, 34, 35, 0.5); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .button.-blur-1:hover { background-color: #122223; } .button.-outline-white:hover { background-color: white !important; color: var(--color-dark-1) !important; } .play-button { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: flex; justify-content: center; align-items: center; border-radius: 100%; width: 160px; height: 160px; } .play-button.-sm { width: 90px; height: 90px; } @media (max-width: 767px) { .play-button { width: 100px; height: 100px; } .play-button > i { font-size: 18px !important; } } .play-button:hover { color: var(--color-accent-1); } .arrowButton.-type-1 { display: flex; align-items: center; } .arrowButton.-type-1 > span { width: 50px; height: 50px; margin-right: 15px; } .arrowButton.-type-1 > span i { transform: rotate(-90deg); } .buttonArrow:hover span { text-decoration: underline; } .contactForm select, .contactForm input:not([type="range"]), .contactForm textarea { font-size: 17px; line-height: 1.4; height: 62px; background-color: white; border: 1px solid var(--color-border); padding: 0 20px; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); border-radius: 6px; } .contactForm select:focus, .contactForm input:not([type="range"]):focus, .contactForm textarea:focus { border-color: var(--color-accent-1); } .contactForm textarea { height: auto; padding-top: 25px; } .contactForm ::-moz-placeholder { font-weight: 400; } .contactForm ::placeholder { font-weight: 400; } .contactForm__caption { font-size: 16px; font-weight: 500; line-height: 30px; text-transform: uppercase; } .contactForm .form-input { position: relative; } .contactForm .form-input label { position: absolute; top: 20px; left: 15px; color: black; z-index: 10; pointer-events: none; transition: all 0.15s ease-out; } .contactForm .form-input label::before { content: ""; position: absolute; top: 0; left: -7px; right: -7px; bottom: 0; background-color: white; z-index: -1; } .contactForm .form-input textarea:focus + label, .contactForm .form-input input:focus + label { transform: translateY(-29px); } .contactForm .form-input.-h-55 input { height: 55px; } input.text-white::-moz-placeholder { color: white; } input.text-white::placeholder { color: white; } .inputSingle { position: relative; } .inputSingle input { height: 70px !important; } .inputSingle label { top: 26px !important; left: 26px !important; } .inputSingle button { position: absolute; right: 0; top: 0; bottom: 0; aspect-ratio: 1/1; z-index: 2; } .form-checkbox { cursor: pointer; position: relative; display: flex; } .form-checkbox label { margin: 0; margin-left: 10px; font-size: 15px; } .form-checkbox__mark { display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border: 1px solid var(--color-accent-1); } .form-checkbox__icon { display: none; position: absolute; font-size: 8px; color: white; } .form-checkbox input { cursor: pointer; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 5; opacity: 0; } .form-checkbox input:checked ~ .form-checkbox__mark { background-color: var(--color-accent-1); border-color: var(--color-accent-1); } .form-checkbox input:checked ~ .form-checkbox__mark .form-checkbox__icon { display: block; } .form-checkbox:hover input ~ .form-checkbox__mark { background-color: rgba(0, 0, 0, 0.2); } .form-radio { display: flex; align-items: center; } .form-radio .radio { cursor: pointer; position: relative; display: block; } .form-radio .radio__mark { display: flex; justify-content: center; align-items: center; height: 20px; width: 20px; border-radius: 100%; border: 1px solid var(--color-accent-1); transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } .form-radio .radio__icon { position: absolute; width: 12px; height: 12px; border-radius: 100%; transform-origin: center; opacity: 1; transform: scale(0.2); transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } .form-radio .radio input { cursor: pointer; position: absolute; z-index: 5; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; } .form-radio .radio input:checked ~ .radio__mark { border-color: var(--color-accent-1); background-color: var(--color-accent-1); } .form-radio .radio input:checked ~ .radio__mark .radio__icon { background-color: var(--color-white); opacity: 1; transform: scale(1); } .form-switch .switch { cursor: pointer; position: relative; width: 55px; height: 30px; } .form-switch .switch__slider { cursor: pointer; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--color-light-1); transition: .3s; border-radius: 30px; } .form-switch .switch__slider::before { content: ""; position: absolute; height: 24px; width: 24px; left: 3px; bottom: 3px; background-color: white; border-radius: 100%; box-shadow: 0px 10px 40px 0px #0000000D; transition: .3s; } .form-switch .switch input { z-index: 5; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .form-switch .switch input:checked + .switch__slider { background-color: var(--color-accent-1); } .form-switch .switch input:checked + .switch__slider::before { transform: translateX(25px); background-color: white; } .select { position: relative; } .select__button { width: 100%; text-align: left; font-size: 15px; line-height: 1.4; height: 68px; border: 1px solid #E7E6E6; padding: 25px 20px; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } .select__button:focus { outline: 1px solid #05073C; border: 1px solid #05073C; } .select__icon { width: 20px; height: 20px; } .select__dropdown { position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; width: 100%; max-height: 340px; background-color: white; border: 1px solid var(--color-accent-1); z-index: 30; transition: all 0.2s ease; pointer-events: none; opacity: 0; } .select__dropdown.-is-visible { opacity: 1; pointer-events: auto; } .select__options { overflow-x: hidden; overflow-y: scroll; display: flex; flex-direction: column; padding: 15px 20px; padding-bottom: 10px; } .select__options::-webkit-scrollbar { width: 3px; height: 3px; } .select__options::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 12px; } .select__options__button { display: flex; align-items: center; text-align: left; padding: 8px 20px; transition: all 0.15s ease; } .select__options__button:hover { cursor: pointer; background-color: var(--color-light-1) !important; } .select__options__button:focus { background-color: var(--color-light-1) !important; } .select__search { height: 55px !important; border: 1px solid var(--color-border) !important; width: auto !important; color: black; padding: 0 20px !important; margin: 0 20px; margin-top: 20px; } .select.-multiple .select__dropdown { padding: 15px 0; } .select.-multiple .select__options { padding-top: 0; padding-bottom: 0; } .select.-multiple .select__options > * { padding: 8px 0 !important; background-color: transparent !important; } .dropdown { cursor: pointer; position: relative; z-index: 10; } @media (max-width: 767px) { .dropdown { position: unset !important; } } .dropdown.-type-1 .dropdown__button { display: flex; align-items: center; justify-content: space-between; height: 60px; padding: 0 20px; border: 1px solid var(--color-border); outline: 1px solid transparent; transition: .1s; } .dropdown.-type-1 .dropdown__button:hover { outline: 2px solid var(--color-border); } .dropdown.-type-1 .dropdown__menu { position: absolute; top: calc(100% + 8px); left: 50%; min-width: 220px; background-color: white; box-shadow: 0px 10px 40px 0px #0000000D; padding: 10px 0; transform: translateX(-50%); opacity: 0; pointer-events: none; transition: .15s; } .dropdown.-type-1 .dropdown__item { cursor: pointer; padding: 12px 30px; transition: .1s; } .dropdown.-type-1 .dropdown__item:hover { background-color: var(--color-border); } .dropdown.is-active { z-index: 20; } .dropdown.is-active .dropdown__menu { opacity: 1; pointer-events: auto; } h1, h2, h3, h4, h5, h6 { line-height: 1.2; font-weight: 500; color: var(--color-accent-1); font-family: var(--font-secondary); margin: 0; } .text-9 { font-size: var(--text-9) !important; } .text-11 { font-size: var(--text-11) !important; } .text-13 { font-size: var(--text-13) !important; } .text-15 { font-size: var(--text-15) !important; } .text-17 { font-size: var(--text-17) !important; } .text-21 { font-size: var(--text-21) !important; } .text-24 { font-size: var(--text-24) !important; } .text-30 { font-size: var(--text-30) !important; } .text-40 { font-size: var(--text-40) !important; } .text-50 { font-size: var(--text-50) !important; } .text-52 { font-size: var(--text-52) !important; } .text-60 { font-size: var(--text-60) !important; } .text-64 { font-size: var(--text-64) !important; } .text-72 { font-size: var(--text-72) !important; } .text-92 { font-size: var(--text-92) !important; } @media (max-width: 1199px) { .xl\:text-9 { font-size: var(--text-9) !important; } .xl\:text-11 { font-size: var(--text-11) !important; } .xl\:text-13 { font-size: var(--text-13) !important; } .xl\:text-15 { font-size: var(--text-15) !important; } .xl\:text-17 { font-size: var(--text-17) !important; } .xl\:text-21 { font-size: var(--text-21) !important; } .xl\:text-24 { font-size: var(--text-24) !important; } .xl\:text-30 { font-size: var(--text-30) !important; } .xl\:text-40 { font-size: var(--text-40) !important; } .xl\:text-50 { font-size: var(--text-50) !important; } .xl\:text-52 { font-size: var(--text-52) !important; } .xl\:text-60 { font-size: var(--text-60) !important; } .xl\:text-64 { font-size: var(--text-64) !important; } .xl\:text-72 { font-size: var(--text-72) !important; } .xl\:text-92 { font-size: var(--text-92) !important; } } @media (max-width: 991px) { .lg\:text-9 { font-size: var(--text-9) !important; } .lg\:text-11 { font-size: var(--text-11) !important; } .lg\:text-13 { font-size: var(--text-13) !important; } .lg\:text-15 { font-size: var(--text-15) !important; } .lg\:text-17 { font-size: var(--text-17) !important; } .lg\:text-21 { font-size: var(--text-21) !important; } .lg\:text-24 { font-size: var(--text-24) !important; } .lg\:text-30 { font-size: var(--text-30) !important; } .lg\:text-40 { font-size: var(--text-40) !important; } .lg\:text-50 { font-size: var(--text-50) !important; } .lg\:text-52 { font-size: var(--text-52) !important; } .lg\:text-60 { font-size: var(--text-60) !important; } .lg\:text-64 { font-size: var(--text-64) !important; } .lg\:text-72 { font-size: var(--text-72) !important; } .lg\:text-92 { font-size: var(--text-92) !important; } } @media (max-width: 767px) { .md\:text-9 { font-size: var(--text-9) !important; } .md\:text-11 { font-size: var(--text-11) !important; } .md\:text-13 { font-size: var(--text-13) !important; } .md\:text-15 { font-size: var(--text-15) !important; } .md\:text-17 { font-size: var(--text-17) !important; } .md\:text-21 { font-size: var(--text-21) !important; } .md\:text-24 { font-size: var(--text-24) !important; } .md\:text-30 { font-size: var(--text-30) !important; } .md\:text-40 { font-size: var(--text-40) !important; } .md\:text-50 { font-size: var(--text-50) !important; } .md\:text-52 { font-size: var(--text-52) !important; } .md\:text-60 { font-size: var(--text-60) !important; } .md\:text-64 { font-size: var(--text-64) !important; } .md\:text-72 { font-size: var(--text-72) !important; } .md\:text-92 { font-size: var(--text-92) !important; } } @media (max-width: 575px) { .sm\:text-9 { font-size: var(--text-9) !important; } .sm\:text-11 { font-size: var(--text-11) !important; } .sm\:text-13 { font-size: var(--text-13) !important; } .sm\:text-15 { font-size: var(--text-15) !important; } .sm\:text-17 { font-size: var(--text-17) !important; } .sm\:text-21 { font-size: var(--text-21) !important; } .sm\:text-24 { font-size: var(--text-24) !important; } .sm\:text-30 { font-size: var(--text-30) !important; } .sm\:text-40 { font-size: var(--text-40) !important; } .sm\:text-50 { font-size: var(--text-50) !important; } .sm\:text-52 { font-size: var(--text-52) !important; } .sm\:text-60 { font-size: var(--text-60) !important; } .sm\:text-64 { font-size: var(--text-64) !important; } .sm\:text-72 { font-size: var(--text-72) !important; } .sm\:text-92 { font-size: var(--text-92) !important; } } @media (max-width: 479px) { .xs\:text-9 { font-size: var(--text-9) !important; } .xs\:text-11 { font-size: var(--text-11) !important; } .xs\:text-13 { font-size: var(--text-13) !important; } .xs\:text-15 { font-size: var(--text-15) !important; } .xs\:text-17 { font-size: var(--text-17) !important; } .xs\:text-21 { font-size: var(--text-21) !important; } .xs\:text-24 { font-size: var(--text-24) !important; } .xs\:text-30 { font-size: var(--text-30) !important; } .xs\:text-40 { font-size: var(--text-40) !important; } .xs\:text-50 { font-size: var(--text-50) !important; } .xs\:text-52 { font-size: var(--text-52) !important; } .xs\:text-60 { font-size: var(--text-60) !important; } .xs\:text-64 { font-size: var(--text-64) !important; } .xs\:text-72 { font-size: var(--text-72) !important; } .xs\:text-92 { font-size: var(--text-92) !important; } } .lh-065 { line-height: 0.65 !important; } .lh-1 { line-height: 1 !important; } .lh-11 { line-height: 1.1 !important; } .lh-12 { line-height: 1.2 !important; } .lh-13 { line-height: 1.3 !important; } .lh-14 { line-height: 1.4 !important; } .lh-15 { line-height: 1.5 !important; } .lh-16 { line-height: 1.6 !important; } .lh-17 { line-height: 1.7 !important; } .lh-18 { line-height: 1.8 !important; } .lh-19 { line-height: 1.9 !important; } .lh-2 { line-height: 2 !important; } .text-center { text-align: center; } .text-right { text-align: right; } .text-left { text-align: left; } @media (max-width: 1199px) { .xl\:text-center { text-align: center !important; } .xl\:text-right { text-align: right !important; } .xl\:text-left { text-align: left !important; } } @media (max-width: 991px) { .lg\:text-center { text-align: center !important; } .lg\:text-right { text-align: right !important; } .lg\:text-left { text-align: left !important; } } @media (max-width: 767px) { .md\:text-center { text-align: center !important; } .md\:text-right { text-align: right !important; } .md\:text-left { text-align: left !important; } } @media (max-width: 575px) { .sm\:text-center { text-align: center !important; } .sm\:text-right { text-align: right !important; } .sm\:text-left { text-align: left !important; } } .fw-300 { font-weight: 300; } .fw-400 { font-weight: 400; } .fw-500 { font-weight: 500; } .fw-600 { font-weight: 600; } .fw-700 { font-weight: 700; } .header { position: fixed; top: 0; left: 0; right: 0; display: flex; align-items: center; transition: all 0.3s ease; z-index: 1000; background: #f8f5f0; } .header__container { display: flex; justify-content: space-between; align-items: center; width: 100%; transition: all 0.3s ease; } .header__center { position: absolute; left: 50%; transform: translateX(-50%); } .header__center .header__logo img{ max-width: 115px; } @media (max-width: 575px) { .header__logo img { max-height: 65px; } } .header.-bottomMenu { flex-wrap: wrap; } .header.-bottomMenu.is-sticky > *:nth-child(2) { padding-top: 6px !important; padding-bottom: 6px !important; } .header.-mx-60 .header__container { margin: 0 60px; } @media (max-width: 767px) { .header.-mx-60 .header__container { margin: 0 24px; } } .header.-mx-110 .header__container { margin: 0 110px; } @media (max-width: 767px) { .header.-mx-110 .header__container { margin: 0 24px; } } .header.-h-90 { height: 90px; } @media (max-width: 575px) { .header.-h-90 { height: 74px; } } .header.-h-110 { height: 110px; } @media (max-width: 575px) { .header.-h-110 { height: 74px; } } .header.-h-160 { height: 160px; } .header.-h-180 { height: 180px; } .header.-blur { background-color: rgba(18, 34, 35, 0.01); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .header.-border-bottom-1 { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .header.-border-bottom-2 { border-bottom: 1px solid var(--color-border); } .header.-border-bottom-3 { border-bottom: 1px solid #CFB89E; } .header.-light { background-color: rgba(255, 255, 255, 0.2); } .header.-is-menu-opened { background-color: var(--color-accent-1); } .header.is-sticky { margin: 0 !important; opacity: 0.99 !important; /* -webkit-backdrop-filter: blur(4px) !important; backdrop-filter: blur(4px) !important; */ background-color: #fff; } .header.is-sticky .header__container { padding-top: 30px !important; padding-bottom: 30px !important; } .header.is-hidden-on-scroll { transform: translateY(-100%); } .header .desktopNav { display: flex; align-items: center; } .header .desktopNav > * { padding: 8px 15px; } .header .desktopNav__item { position: relative; border-radius: 100px; } .header .desktopNav__item > a { display: flex; align-items: center; text-transform: uppercase; font-size: 15px; font-weight: 500; } .header .desktopNav__item > a:hover { color: currentColor; } .header .desktopNav__item > a i { margin-left: 5px; } .header .desktopNav__item:hover > *:last-child { opacity: 1 !important; pointer-events: auto !important; } .header .desktopNav .desktopNavSubnav { position: absolute; top: 100%; left: 0; padding-top: 14px; transition: .2s; opacity: 0; pointer-events: none; } .header .desktopNav .desktopNavSubnav a { color: white; font-size: 15px; } .header .desktopNav .desktopNavSubnav a:hover { color: var(--color-accent-2); } .header .desktopNav .desktopNavSubnav__content { background-color: var(--color-accent-1); min-width: 300px; padding: 30px; } .header .desktopNav .desktopNavSubnav__content > * + * { padding-top: 12px; } .header .desktopNav .desktopNavSubnav__content.-col-3 { display: grid; grid-template-columns: repeat(3, max-content); gap: 100px; padding: 50px; } .header .desktopNav .desktopNavSubnav__content.-col-3 > * + * { padding-top: 0; } .header .desktopNav .desktopNavSubnav__content.-col-3 > * > * + * { padding-top: 12px; } .header .desktopNav .desktopNavSubnav__item { position: relative; } .header .desktopNav .desktopNavSubnav__item > .desktopNavSubnav { top: 0; left: 100%; } .header .desktopNav .desktopNavSubnav__item:hover > .desktopNavSubnav { opacity: 1 !important; pointer-events: auto !important; } @media (min-width: 1200px) { .header .header-menu { display: none; } } @media (max-width: 1199px) { .header .header-menu { position: fixed; top: 72px; left: 0; z-index: 10; width: 100vw; height: calc(100vh - 72px); border-top: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; pointer-events: none; } .header .header-menu.is-menu-active { opacity: 1; pointer-events: auto; } .header .header-menu.is-menu-active .-is-active { pointer-events: auto !important; overflow-y: scroll; overflow-x: hidden; } .header .header-menu .mega { display: none; } .header .header-menu ul { overflow-y: hidden; overflow-x: hidden; } .header .header-menu__content { display: flex; flex-direction: column; height: 100%; } .header .header-menu .mobile-overlay { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: -2; } .header .header-menu .mobile-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: var(--color-accent-1); } .header .header-menu .menu { overflow-y: hidden; overflow-x: hidden; position: relative; height: 100%; padding: 20px; padding-top: 40px; } .header .header-menu .menu ul { pointer-events: none; } .header .header-menu .menu li { overflow: hidden; } .header .header-menu .menu a { display: flex; justify-content: space-between; align-items: center; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); } .header .header-menu .menu a .icon { font-size: 8px; transform: rotate(-90deg); } .header .header-menu .menu a:hover { color: white; } .header .header-menu .menu__nav { display: flex; flex-direction: column; } .header .header-menu .menu__nav > li > a { font-family: var(--font-secondary); text-transform: uppercase; color: rgba(255, 255, 255, 0.6); font-size: 24px; line-height: 1; padding: 15px 0; } .header .header-menu .menu .subnav { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 40px; } .header .header-menu .menu .subnav li { padding: 0 20px; } .header .header-menu .menu .subnav a { height: 40px; font-size: 17px; padding: 0 20px; transform: translateY(100%); } .header .header-menu .menu .subnav__backBtn { margin-bottom: 20px; } .header .header-menu .menu .subnav__backBtn li { padding: 0; } .header .header-menu .menu .subnav__backBtn a { justify-content: flex-start; height: 50px; font-size: 20px; color: var(--color-blue-1); } .header .header-menu .menu .subnav__backBtn a .icon { margin-right: 12px; transform: rotate(90deg); } } .menuFullScreen { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; z-index: 2000; pointer-events: none; opacity: 0; } .menuFullScreen__left { width: 100%; padding: 180px 60px; } .menuFullScreen__bg { overflow: hidden; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } .menuFullScreen__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .menuFullScreen__right { display: flex; flex-direction: column; justify-content: center; flex-shrink: 0; background-color: #fff; width: 42%; } .menuFullScreen__right .logo img{ max-width: 200px; } .menuFullScreen__close { position: absolute; top: 50px; left: 60px; display: flex; align-items: center; color: white; font-weight: 500; } .menuFullScreen__close .icon { display: flex; align-items: center; justify-content: center; margin-right: 20px; } .menuFullScreen__close .icon span { background-color: white; height: 2px; width: 16px; } .menuFullScreen__close .icon span:nth-child(1) { transform: rotate(-45deg); } .menuFullScreen__close .icon span:nth-child(2) { position: absolute; transform: rotate(45deg); } .menuFullScreen.is-active { pointer-events: auto; opacity: 1; } .menuFullScreen-links { position: relative; display: flex; flex-direction: column; gap: 40px; width: 420px; } @media (max-width: 1199px) { .menuFullScreen-links { width: 240px; } } .menuFullScreen-links a { color: white; line-height: 1; } .menuFullScreen-links__item { overflow: hidden; } .menuFullScreen-links__item > a { display: flex; justify-content: space-between; font-size: 52px; font-family: var(--font-secondary); } @media (max-width: 1199px) { .menuFullScreen-links__item > a { font-size: 42px; } } .menuFullScreen-links__item > a i { transition: all 0.3s; opacity: 0; } .menuFullScreen-links__item > a i:nth-child(1) { display: block; } .menuFullScreen-links__item > a i:nth-child(2) { display: none; } .menuFullScreen-links__item:hover i { opacity: 1; } .menuFullScreen-links__item:hover > .menuFullScreen-links-subnav { opacity: 1; pointer-events: auto; } .menuFullScreen-links-subnav { position: absolute; top: 0; left: 100%; display: flex; flex-direction: column; gap: 20px; white-space: nowrap; padding-left: 200px; transition: all 0.3s; pointer-events: none; opacity: 0; } @media (max-width: 1199px) { .menuFullScreen-links-subnav { padding-left: 100px; } } .menuFullScreen-links-subnav__item a { font-size: 19px; font-weight: 400; } .menuFullScreen-links-subnav__item a:hover { text-decoration: underline; } .menuFullScreen__mobile__bg { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; background-color: var(--color-accent-1); transform-origin: bottom; } @media (min-width: 992px) { .menuFullScreen__topMobile { display: none; } .menuFullScreen-links-subnav { min-height: 100%; } .menuFullScreen__bottomMobile { display: none; } .menuFullScreen__mobile__bg { display: none; } } @media (max-width: 991px) { .menuFullScreen { top: 0; height: 100vh; flex-direction: column; } .menuFullScreen__left { height: 100%; overflow-y: scroll; padding: 0 30px; margin: 60px 0; } .menuFullScreen__bg { display: none; } .menuFullScreen__right { display: none; } .menuFullScreen__close { display: none; } .menuFullScreen-links { overflow-y: scroll; overflow-x: hidden; gap: 30px; width: 100%; } .menuFullScreen-links__item { position: relative; } .menuFullScreen-links__item > a { font-size: 24px; } .menuFullScreen-links__item > a i:nth-child(1) { display: none; } .menuFullScreen-links__item > a i:nth-child(2) { display: flex; font-size: 16px; } .menuFullScreen-links__item > a i { display: flex; align-items: center; opacity: 1; } .menuFullScreen-links__item > a.is-mobile-active i:nth-child(2) { transform: rotate(90deg); } .menuFullScreen-links__item:hover i { opacity: 1; } .menuFullScreen-links__item:hover > .menuFullScreen-links-subnav { opacity: 1; pointer-events: auto; } .menuFullScreen-links-subnav { overflow: hidden; position: relative; top: unset; left: unset; max-height: 0; padding-left: 0; pointer-events: none; opacity: 1; } .menuFullScreen-links-subnav > *:nth-child(1) { padding-top: 35px; } .menuFullScreen-links-subnav > *:last-child { padding-bottom: 10px; } .menuFullScreen-links-subnav__item { padding-left: 20px; } .menuFullScreen-links-subnav__item a { font-size: 17px; } .menuFullScreen__topMobile { display: flex; justify-content: space-between; align-items: center; width: 100%; flex-shrink: 0; padding: 30px 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .menuFullScreen__topMobile > *:nth-child(2) { position: absolute; left: 50%; transform: translateX(-50%); } } @media (max-width: 991px) and (max-width: 575px) { .menuFullScreen__topMobile > *:nth-child(2) img { max-height: 65px; } } @media (max-width: 991px) { .menuFullScreen__bottomMobile { flex-shrink: 0; color: white; padding: 0 30px; padding-bottom: 60px; } } .footer.-type-1 { position: relative; z-index: 0; } .footer.-type-1 .footer__bg.-type-1 > *:nth-child(1) { position: absolute; left: 0; right: 0; bottom: 0; height: 515px; z-index: -2; } .footer.-type-1 .footer__bg.-type-1 > *:nth-child(2) { position: absolute; top: 0; left: 60px; right: 60px; bottom: 60px; border-radius: 16px; z-index: -1; } @media (max-width: 1600px) { .footer.-type-1 .footer__bg.-type-1 > *:nth-child(2) { left: 20px; right: 20px; bottom: 20px; } } @media (max-width: 1480px) { .footer.-type-1 .footer__bg.-type-1 > *:nth-child(2) { left: 0; right: 0; bottom: 0; border-radius: 0; } } .footer.-type-1 .footer__main { padding: 60px 0; } @media (max-width: 1199px) { .footer.-type-1 .footer__main { padding: 170px 0; } } @media (max-width: 991px) { .footer.-type-1 .footer__main { padding: 120px 0; } } @media (max-width: 575px) { .footer.-type-1 .footer__main { padding: 80px 0; } } .footer.-type-1 .footer__grid { display: grid; grid-template-columns: 270px 250px 1fr 1fr; gap: 60px; } @media (max-width: 1199px) { .footer.-type-1 .footer__grid { grid-template-columns: 1fr 1fr 280px 260px; gap: 40px; } } @media (max-width: 991px) { .footer.-type-1 .footer__grid { grid-template-columns: 1fr 1fr; gap: 80px 40px; } } @media (max-width: 575px) { .footer.-type-1 .footer__grid { grid-template-columns: 1fr; gap: 40px; } } .footer.-type-1 .footer__newsletter { position: relative; margin-top: 10px; } .footer.-type-1 .footer__newsletter input { width: 100%; height: 70px; background-color: transparent; border: 1px solid var(--border, rgba(255, 255, 255, 0.1)); padding: 0 25px; color: white; } .footer.-type-1 .footer__newsletter button { position: absolute; top: 0; bottom: 0; right: 0; display: flex; align-items: center; padding: 0 20px; z-index: 1; } .footer.-type-1 .footer__bottom { position: relative; display: flex; align-items: center; height: 125px; border-top: 1px solid rgba(255, 255, 255, 0.1); } @media (max-width: 767px) { .footer.-type-1 .footer__bottom { height: auto; padding: 60px 0; } } .footer.-type-1 .footer__bottom_center { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1; } .footer.-type-1 .footer__bottom_center img{ max-width: 120px; } @media (max-width: 767px) { .footer.-type-1 .footer__bottom_center { position: relative; top: unset; left: unset; transform: none; } } .footer.-type-1.-bg-1 { padding-bottom: 20px; } @media (max-width: 1480px) { .footer.-type-1.-bg-1 { padding-bottom: 0px; } } .footer.-type-1.-bottom-border-dark .footer__bottom { border-color: var(--color-border); } .footer.text-white a:hover { color: white; } .footer.-type-2 { position: relative; border-top: 1px solid rgba(0, 0, 0, 0.1); z-index: 0; } .footer.-type-2 .footer__main { padding: 100px 0; } @media (max-width: 991px) { .footer.-type-2 .footer__main { padding: 80px 0; } } @media (max-width: 575px) { .footer.-type-2 .footer__main { padding: 60px 0; } } .footer.-type-2 .footer__grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 120px; } @media (max-width: 1199px) { .footer.-type-2 .footer__grid { gap: 40px; } } @media (max-width: 991px) { .footer.-type-2 .footer__grid { grid-template-columns: 1fr 1fr; gap: 80px 40px; } } @media (max-width: 575px) { .footer.-type-2 .footer__grid { grid-template-columns: 1fr; gap: 40px; } } .footer.-type-2 .footer__bottom { display: flex; align-items: center; height: 100px; border-top: 1px solid rgba(0, 0, 0, 0.1); } @media (max-width: 767px) { .footer.-type-2 .footer__bottom { height: auto; padding: 60px 0; } } .footer.-type-2.-text-white { color: white; border-top: 1px solid rgba(255, 255, 255, 0.1); } .footer.-type-2.-text-white h4 { color: white; } .footer.-type-2.-text-white .footer__bottom { border-top: 1px solid rgba(255, 255, 255, 0.1); } .footer.-type-3 { position: relative; z-index: 0; } .footer.-type-3 .footer__links { padding: 40px 0; } .footer.-type-3 .footer__main { padding: 90px 0; } .footer.-type-3 .footer__logo img { width: 280px; max-width: 100%; } .footer.-type-3 .footer__newsletter { position: relative; margin-top: 10px; } .footer.-type-3 .footer__newsletter input { width: 100%; height: 70px; background-color: transparent; background-color: white; padding: 0 25px; } .footer.-type-3 .footer__newsletter button { position: absolute; top: 0; bottom: 0; right: 0; display: flex; align-items: center; padding: 0 20px; z-index: 1; } .footer.-type-3 .footer__bottom { display: flex; align-items: center; height: 125px; border-top: 1px solid rgba(255, 255, 255, 0.1); } @media (max-width: 767px) { .footer.-type-3 .footer__bottom { height: auto; padding: 60px 0; } } .footer.-type-3.-bg-1 { padding-bottom: 60px; } @media (max-width: 1480px) { .footer.-type-3.-bg-1 { padding-bottom: 0px; } } .footer.-type-3.-bottom-border-dark .footer__bottom { border-color: var(--color-border); } .footer.-type-3.-borderGap { margin: 0 10px; margin-bottom: 10px; } .footer.-type-3.-borderGap .footer__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .hero.-type-1 { position: relative; display: flex; flex-direction: column; justify-content: center; height: 100vh; padding: 0; } .hero.-type-1 .hero__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .hero.-type-1 .hero__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 767px) { .hero.-type-1 .hero__content { padding-top: 80px; } } .hero.-type-1 .hero__subtitle { text-transform: uppercase; font-size: 15px; margin-bottom: 50px; } @media (max-width: 767px) { .hero.-type-1 .hero__subtitle { margin-bottom: 20px; } } .hero.-type-1 .hero__title { font-size: 92px; } @media (max-width: 991px) { .hero.-type-1 .hero__title { font-size: 64px; } } @media (max-width: 767px) { .hero.-type-1 .hero__title { font-size: 48px; } } @media (max-width: 575px) { .hero.-type-1 .hero__title { font-size: 36px; } } .hero.-type-1 .hero__arrow { position: absolute; bottom: 60px; right: 60px; z-index: 1; } @media (max-width: 767px) { .hero.-type-1 .hero__arrow { display: none; } } .hero.-type-1 .hero__filter { position: absolute; bottom: 60px; left: 50%; max-width: 100%; transform: translateX(-50%); } @media (max-width: 767px) { .hero.-type-1 .hero__filter { position: relative; bottom: unset; transform: none; left: 15px; right: 15px; width: calc(100% - 30px); margin-top: 60px; } } .filterButtonMobile { border-radius: 200px; background: rgba(18, 34, 35, 0.5); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.1); padding: 24px; } .hero.-type-2 { position: relative; padding-top: 160px; } @media (max-width: 991px) { .hero.-type-2 { padding-bottom: 40px; } } @media (max-width: 767px) { .hero.-type-2 { padding-top: 140px; padding-bottom: 80px; } } @media (max-width: 575px) { .hero.-type-2 { padding-top: 100px; padding-bottom: 50px; } } .hero.-type-2 .hero__bg { position: absolute; top: 0; bottom: 300px; left: 0; width: 100%; } @media (max-width: 991px) { .hero.-type-2 .hero__bg { bottom: 0; } } @media (max-width: 767px) { .hero.-type-2 .hero__bg { bottom: 0; } } .hero.-type-2 .hero__title { font-size: 72px; line-height: 1.1; } @media (max-width: 991px) { .hero.-type-2 .hero__title { font-size: 64px; } } @media (max-width: 767px) { .hero.-type-2 .hero__title { font-size: 52px; } } @media (max-width: 575px) { .hero.-type-2 .hero__title { font-size: 40px; line-height: 1.2; } } .hero.-type-2 .hero__filterButtonMobile { display: none; } @media (max-width: 991px) { .hero.-type-2 .hero__filterButtonMobile { display: block; } } .hero.-type-2 .hero__filter { position: relative; display: flex; justify-content: center; max-width: 100%; margin: 0 auto; margin-top: 60px; z-index: 5; } @media (max-width: 991px) { .hero.-type-2 .hero__filter { display: none; } } .hero.-type-2 .hero__arrow { position: absolute; bottom: 50px; right: 40px; z-index: 1; } @media (max-width: 767px) { .hero.-type-2 .hero__arrow { display: none; } } .hero.-type-2 .hero-slider { position: relative; margin: 0 110px; margin-top: -40px; } @media (max-width: 991px) { .hero.-type-2 .hero-slider { margin: 0 30px; margin-top: 40px; } } .swiper-wrapper.room .swiper-slide img{ max-width: 760px; } @media (max-width: 575px) { .hero.-type-2 .hero-slider .swiper-wrapper .swiper-slide img { height: 200px; width: 100%; -o-object-fit: cover; object-fit: cover; } } .hero.-type-2 .hero-slider__image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .hero.-type-2 .hero-slider__nav { position: absolute; top: 50%; left: 30px; right: 30px; display: flex; justify-content: space-between; z-index: 1; transform: translateY(-50%); } @media (max-width: 767px) { .hero.-type-2 .hero-slider__nav { left: 5px; right: 5px; } } .hero.-type-3 { position: relative; padding-top: 180px; padding-bottom: 130px; z-index: 0; } @media (max-width: 991px) { .hero.-type-3 { padding-top: 120px; padding-bottom: 100px; } } @media (max-width: 767px) { .hero.-type-3 { padding-top: 100px; padding-bottom: 80px; } } @media (max-width: 575px) { .hero.-type-3 { padding-top: 60px; padding-bottom: 40px; } } .hero.-type-3 .hero__content { position: relative; padding-top: 100px; z-index: 1; } .hero.-type-3 .hero__title { font-size: 92px; margin-right: -180px; } @media (max-width: 1199px) { .hero.-type-3 .hero__title { margin-right: 0; } } @media (max-width: 991px) { .hero.-type-3 .hero__title { font-size: 72px; } } @media (max-width: 767px) { .hero.-type-3 .hero__title { font-size: 48px; } } @media (max-width: 575px) { .hero.-type-3 .hero__title { font-size: 36px; } } .hero.-type-3 .hero__filterButtonMobile { display: none; } @media (max-width: 991px) { .hero.-type-3 .hero__filterButtonMobile { display: block; } } .hero.-type-3 .hero__filter { width: -moz-max-content; width: max-content; } @media (max-width: 1199px) { .hero.-type-3 .hero__filter { width: 100%; } .hero.-type-3 .hero__filter > * { width: 100%; } } @media (max-width: 991px) { .hero.-type-3 .hero__filter { display: none; } } .hero.-type-3 .hero__arrow { position: absolute; bottom: 50px; right: 40px; z-index: 1; } @media (max-width: 991px) { .hero.-type-3 .hero__arrow { display: none; } } .hero.-type-3 .hero-slider { position: relative; overflow: hidden; height: 650px !important; z-index: 0; } @media (max-width: 1199px) { .hero.-type-3 .hero-slider { margin-top: 40px; } } @media (max-width: 767px) { .hero.-type-3 .hero-slider { height: 340px !important; } } .hero.-type-3 .hero-slider .swiper-slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .hero.-type-3 .hero-slider__image { -o-object-fit: cover; object-fit: cover; } @media (max-width: 767px) { .hero.-type-3 .hero-slider__image { width: 100%; } } .hero.-type-3 .hero-slider__nav { width: unset; } .hero.-type-4 { padding-top: 185px; } @media (max-width: 991px) { .hero.-type-4 { padding-top: 140px; } } @media (max-width: 767px) { .hero.-type-4 { padding-top: 120px; padding-bottom: 40px; } } .hero.-type-4 .hero__title { font-size: 92px; } @media (max-width: 991px) { .hero.-type-4 .hero__title { font-size: 72px; } } @media (max-width: 767px) { .hero.-type-4 .hero__title { font-size: 48px; } } @media (max-width: 575px) { .hero.-type-4 .hero__title { font-size: 36px; } } .hero.-type-5 { position: relative; z-index: 0; } .hero.-type-5 .hero__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .hero.-type-5 .hero__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .hero.-type-5 .hero__content { position: relative; min-height: 100vh; padding-top: 310px; padding-bottom: 80px; } @media (max-width: 767px) { .hero.-type-5 .hero__content { display: flex; align-items: center; padding-top: 0; padding-bottom: 0; padding-bottom: 180px; } } .hero.-type-5 .hero__subtitle { text-transform: uppercase; margin-bottom: 50px; } @media (max-width: 767px) { .hero.-type-5 .hero__subtitle { margin-bottom: 20px; } } .hero.-type-5 .hero__title { font-size: 92px; } @media (max-width: 991px) { .hero.-type-5 .hero__title { font-size: 72px; } } @media (max-width: 767px) { .hero.-type-5 .hero__title { font-size: 48px; } } @media (max-width: 575px) { .hero.-type-5 .hero__title { font-size: 36px; } } .hero.-type-5 .hero__filter { position: absolute; bottom: 60px; left: 50%; max-width: 100%; transform: translateX(-50%); z-index: 10; } @media (max-width: 767px) { .hero.-type-5 .hero__filter { bottom: 20px; left: unset; transform: none; left: 15px; right: 15px; width: calc(100% - 30px); } } .hero.-type-6 { position: relative; margin-top: 110px; padding-top: 320px; padding-bottom: 320px; z-index: 0; } @media (max-width: 991px) { .hero.-type-6 { padding-top: 160px; padding-bottom: 100px; } } @media (max-width: 767px) { .hero.-type-6 { padding-top: 120px; padding-bottom: 160px; } } @media (max-width: 575px) { .hero.-type-6 { margin-top: 74px; } } .hero.-type-6 .hero__bg { position: absolute; top: 0; left: 60px; right: 60px; height: 100%; z-index: -1; } @media (max-width: 991px) { .hero.-type-6 .hero__bg { left: 15px; right: 15px; } } .hero.-type-6 .hero__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 16px; } .hero.-type-6 .hero__content { padding: 0 15px; } .hero.-type-6 .hero__subtitle { text-transform: uppercase; margin-bottom: 40px; } @media (max-width: 767px) { .hero.-type-6 .hero__subtitle { margin-bottom: 20px; } } .hero.-type-6 .hero__title { font-size: 92px; } @media (max-width: 991px) { .hero.-type-6 .hero__title { font-size: 64px; } } @media (max-width: 767px) { .hero.-type-6 .hero__title { font-size: 48px; } } @media (max-width: 575px) { .hero.-type-6 .hero__title { font-size: 36px; } } .hero.-type-6 .hero__filter { position: absolute; bottom: -45px; left: 50%; max-width: 100%; transform: translateX(-50%); } @media (max-width: 991px) { .hero.-type-6 .hero__filter { position: relative; bottom: unset; left: unset; right: unset; transform: none; display: flex; justify-content: center; padding: 0 40px; margin-top: 30px; } } .hero.-type-7 { position: relative; z-index: 0; } .hero.-type-7 .hero__bg { position: absolute; top: 0; left: 0; right: 0; height: 100%; z-index: -1; } .hero.-type-7 .hero__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .hero.-type-7 .hero__content { display: flex; align-items: center; min-height: 100vh; } @media (max-width: 575px) { .hero.-type-7 .hero__content { padding: 0 20px; } } .hero.-type-7 .hero__subtitle { text-transform: uppercase; margin-bottom: 50px; } @media (max-width: 767px) { .hero.-type-7 .hero__subtitle { margin-bottom: 20px; } } .hero.-type-7 .hero__title { font-size: 92px; font-weight: 500; } @media (max-width: 991px) { .hero.-type-7 .hero__title { font-size: 64px; } } @media (max-width: 767px) { .hero.-type-7 .hero__title { font-size: 48px; } } @media (max-width: 575px) { .hero.-type-7 .hero__title { font-size: 36px; } } .hero.-type-7 .hero__pagination { position: absolute; left: 50%; bottom: 50px; transform: translateX(-50%); z-index: 1; } .hero.-type-7 .hero__nav { padding: 0 60px; } @media (max-width: 767px) { .hero.-type-7 .hero__nav { top: unset; transform: unset; bottom: 20px; padding: 0 20px; } } .hero.-type-8 { position: relative; z-index: 1; } .hero.-type-8 .hero__slide { position: relative; display: flex; justify-content: center; align-items: center; min-height: 100vh; } @media (max-width: 1199px) { .hero.-type-8 .hero__slide { padding-top: 280px; padding-bottom: 240px; } } @media (max-width: 575px) { .hero.-type-8 .hero__slide { padding-top: 0; padding-bottom: 0; } } .hero.-type-8 .hero__bg { position: absolute; top: 0; left: 0; right: 0; height: 100%; z-index: -1; } .hero.-type-8 .hero__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 767px) { .hero.-type-8 .hero__content { padding-bottom: 120px; } } .hero.-type-8 .hero__subtitle { text-transform: uppercase; margin-bottom: 50px; } @media (max-width: 767px) { .hero.-type-8 .hero__subtitle { margin-bottom: 20px; } } .hero.-type-8 .hero__title { font-size: 92px; } @media (max-width: 767px) { .hero.-type-8 .hero__title { font-size: 48px; } } @media (max-width: 575px) { .hero.-type-8 .hero__title { font-size: 36px; } } .hero.-type-8 .hero__nav { padding: 0 60px; } @media (max-width: 767px) { .hero.-type-8 .hero__nav { top: unset; transform: unset; bottom: 60px; padding: 0 20px; } } .hero.-type-8 .hero__filter { position: absolute; bottom: 60px; left: 50%; max-width: 100%; transform: translateX(-50%); z-index: 2; } @media (max-width: 767px) { .hero.-type-8 .hero__filter { bottom: 30px; width: calc(100% - 40px); } } .hero.-type-9 { position: relative; z-index: 0; } .hero.-type-9 .hero__slide { position: relative; display: flex; align-items: center; justify-content: center; height: calc(100vh - 20px); margin: 10px; } .hero.-type-9 .hero__bg { overflow: hidden; position: absolute; top: 0; left: 0; right: 0; height: 100%; border-radius: 16px; z-index: -1; } .hero.-type-9 .hero__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .hero.-type-9 .hero__subtitle { text-transform: uppercase; margin-bottom: 50px; } @media (max-width: 767px) { .hero.-type-9 .hero__subtitle { margin-bottom: 20px; } } .hero.-type-9 .hero__title { font-size: 92px; } @media (max-width: 767px) { .hero.-type-9 .hero__title { font-size: 48px; } } @media (max-width: 575px) { .hero.-type-9 .hero__title { font-size: 36px; } } .hero.-type-9 .hero__nav { padding: 0 60px; z-index: 5; } @media (max-width: 767px) { .hero.-type-9 .hero__nav { top: unset; transform: none; bottom: 20px; padding: 0 20px; } } .hero.-type-9 .hero__pagination { position: absolute; bottom: 30px; left: 50%; z-index: 5; transform: translateX(-50%); } .hero.-type-10 { position: relative; z-index: 0; } .hero.-type-10 .hero__slide { position: relative; display: flex; justify-content: center; align-items: center; min-height: 100vh; padding-top: 320px; padding-bottom: 270px; } @media (max-width: 1199px) { .hero.-type-10 .hero__slide { padding-top: 280px; padding-bottom: 240px; } } @media (max-width: 575px) { .hero.-type-10 .hero__slide { padding-top: 0; padding-bottom: 0; } } .hero.-type-10 .hero__bg { position: absolute; top: 0; left: 0; right: 0; height: 100%; z-index: -1; } .hero.-type-10 .hero__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .hero.-type-10 .hero__pattern img { position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; } .hero.-type-10 .hero__content { padding: 0 20px; } .hero.-type-10 .hero__subtitle { text-transform: uppercase; margin-bottom: 50px; } @media (max-width: 767px) { .hero.-type-10 .hero__subtitle { margin-bottom: 20px; } } .hero.-type-10 .hero__title { font-size: 92px; } @media (max-width: 991px) { .hero.-type-10 .hero__title { font-size: 64px; } } @media (max-width: 767px) { .hero.-type-10 .hero__title { font-size: 48px; } } @media (max-width: 575px) { .hero.-type-10 .hero__title { font-size: 36px; } } .hero.-type-10 .hero__pagination { position: absolute; left: 50%; bottom: 100px; transform: translateX(-50%); z-index: 1; } .hero.-type-10 .hero__nav { padding: 0 60px; } @media (max-width: 767px) { .hero.-type-10 .hero__nav { top: unset; transform: unset; bottom: 60px; padding: 0 20px; } } .pageHero.-type-1 { position: relative; height: 760px; padding-top: 260px; z-index: 0; } @media (max-width: 767px) { .pageHero.-type-1 { height: auto; padding-top: 220px; padding-bottom: 50px; } } @media (max-width: 575px) { .pageHero.-type-1 { padding-top: 120px; } } .pageHero.-type-1 .pageHero__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .pageHero.-type-1 .pageHero__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .pageHero.-type-1 .pageHero__content { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .pageHero.-type-1 .pageHero__title { font-size: 92px; line-height: 0.65; } @media (max-width: 991px) { .pageHero.-type-1 .pageHero__title { line-height: 1.2; } } @media (max-width: 767px) { .pageHero.-type-1 .pageHero__title { font-size: 68px; } } @media (max-width: 575px) { .pageHero.-type-1 .pageHero__title { font-size: 50px; } } .pageHero.-type-1 .pageHero__text { width: 500px; max-width: 100%; margin: 0 auto; margin-top: 50px; } @media (max-width: 991px) { .pageHero.-type-1 .pageHero__text { margin-top: 30px; } } .pageHero.-type-1 .pageHero__filter { position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); } @media (max-width: 767px) { .pageHero.-type-1 .pageHero__filter { position: relative; bottom: unset; left: unset; transform: none; display: flex; justify-content: center; padding: 0 20px; margin-top: 40px; } } @media (max-width: 991px) { .pageHero.-type-1.-items-center { height: auto; padding-top: 180px; padding-bottom: 100px; } } @media (max-width: 767px) { .pageHero.-type-1.-items-center { padding-top: 150px; padding-bottom: 70px; } } .pageHero.-type-2 { position: relative; display: flex; align-items: center; height: 750px; z-index: 0; } @media (max-width: 767px) { .pageHero.-type-2 { height: auto; padding-top: 220px; padding-bottom: 80px; } } @media (max-width: 575px) { .pageHero.-type-2 { padding-top: 180px; } } .pageHero.-type-2 .pageHero__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .pageHero.-type-2 .pageHero__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .pageHero.-type-2 .pageHero__subtitle { font-weight: 500; margin-bottom: 40px; } @media (max-width: 767px) { .pageHero.-type-2 .pageHero__subtitle { margin-bottom: 30px; } } .pageHero.-type-2 .pageHero__title { font-size: 92px; line-height: 0.65; } @media (max-width: 991px) { .pageHero.-type-2 .pageHero__title { line-height: 1.2; } } @media (max-width: 767px) { .pageHero.-type-2 .pageHero__title { font-size: 68px; } } @media (max-width: 575px) { .pageHero.-type-2 .pageHero__title { font-size: 50px; } } .pageHero.-type-2 .pageHero__text { width: 500px; max-width: 100%; margin: 0 auto; margin-top: 50px; } @media (max-width: 991px) { .pageHero.-type-2 .pageHero__text { margin-top: 30px; } } .pagination.-type-1 { display: flex; align-items: center; } .pagination.-type-1 .pagination__item { position: relative; display: flex; justify-content: center; align-items: center; width: 10px; height: 10px; border-radius: 100%; margin: 0 13px; z-index: 0; transition: all 0.1s ease-out; opacity: 0.2; } @media (max-width: 575px) { .pagination.-type-1 .pagination__item { width: 8px; height: 8px; margin: 0 8px; } } .pagination.-type-1 .pagination__item::before { content: ""; position: absolute; width: 30px; height: 30px; border-radius: 100%; border: 1px solid currentColor; z-index: -1; transition: all 0.1s ease-out; opacity: 0; } @media (max-width: 575px) { .pagination.-type-1 .pagination__item::before { width: 24px; height: 24px; } } .pagination.-type-1 .pagination__item.is-active { margin: 0 20px; opacity: 1; } .pagination.-type-1 .pagination__item.is-active::before { opacity: 1; } .pagination.-type-1.-light .pagination__item { background-color: white; } .pagination.-type-1.-light .pagination__item::before { border: 1px solid white; } .pagination.-type-1.-accent-1 .pagination__item { background-color: var(--color-accent-1); } .pagination.-type-1.-accent-1 .pagination__item::before { border: 1px solid var(--color-accent-1); } .pagination.-type-1.-absolute { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 1; } .testimonialsPagination.-type-1 { display: flex; justify-content: center; flex-wrap: wrap; margin: -18px; } @media (max-width: 767px) { .testimonialsPagination.-type-1 { margin: -12px; } } .testimonialsPagination.-type-1 > * { padding: 18px; } @media (max-width: 767px) { .testimonialsPagination.-type-1 > * { padding: 12px; } } .testimonialsPagination.-type-1 .testimonialsPagination__item { cursor: pointer; } .testimonialsPagination.-type-1 .testimonialsPagination__item > * { position: relative; } .testimonialsPagination.-type-1 .testimonialsPagination__item img { width: 70px; height: 70px; border-radius: 100%; -o-object-fit: cover; object-fit: cover; flex-shrink: 0; } .testimonialsPagination.-type-1 .testimonialsPagination__item.is-active > *::after { content: ""; position: absolute; z-index: 1; top: -11px; bottom: -11px; right: -11px; left: -11px; border-radius: 100%; border: 2px solid var(--color-accent-1); } .testimonialsPagination.-type-1.-blue .testimonialsPagination__item.is-active > *::after { border: 2px solid var(--color-accent-2); } .pagination.-type-2 { display: flex; align-items: center; } .pagination.-type-2 .pagination__button { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: 100%; border: 1px solid var(--border, #E7E6E6); font-size: 15px; } .pagination.-type-2 .pagination__count { display: flex; align-items: center; } .pagination.-type-2 .pagination__count > * { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: 100%; font-weight: 500; } .pagination.-type-2 .pagination__count > *.is-active { color: white !important; background-color: var(--color-accent-1) !important; } .pagination.-type-2 .pagination__count > *:hover { background-color: #F5F5F5; color: var(--color-dark-1); } .pagination.-type-2 .pagination__count > * + * { margin-left: 15px; } .pagination.-type-number { display: grid; gap: 15px; } .pagination.-type-number .pagination__item { display: flex; align-items: center; color: white; font-size: 17px; font-weight: 500; opacity: 0.5; } .pagination.-type-number .pagination__item::after { content: ""; width: 25px; height: 1px; background-color: white; transform-origin: right; margin-left: 15px; transition: all 0.2s; } .pagination.-type-number .pagination__item:last-child::after { display: none; } .pagination.-type-number .pagination__item.is-active { opacity: 1; } .pagination.-type-number .pagination__item.is-active::after { width: 50px; } .pagination.-type-progress { position: relative; height: 2px; z-index: 5; } .pagination.-type-progress .swiper-pagination-progressbar-fill { background-color: white; } .sidebar.-blog { width: 360px; max-width: 100%; } .sidebar.-blog .sidebar__item + * { margin-top: 60px; } .sidebar.-blog .sidebar-search { position: relative; width: 100%; } .sidebar.-blog .sidebar-search > i { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } .sidebar.-blog .sidebar-search > input { width: 100%; height: 62px; border: 1px solid var(--color-border); padding: 0 20px; padding-right: 46px; } .sidebar.-blog .sidebar-tags { flex-wrap: wrap; } .sidebar.-blog .sidebar-tags > * a { display: block; line-height: 1; padding: 15px 20px; background-color: var(--color-light-1); } .tabs__content { position: relative; } .tabs__pane { position: absolute; top: 0; visibility: hidden; transition: none; opacity: 0; } .tabs__pane.is-tab-el-active { transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; position: relative; opacity: 1; visibility: visible; } .tabs.-underline-1 .tabs__controls .tabs__button { position: relative; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); } .tabs.-underline-1 .tabs__controls .tabs__button::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: var(--color-accent-1); z-index: 10; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; } .tabs.-underline-1 .tabs__controls .tabs__button.is-tab-el-active::after { opacity: 1; } .tabs.-underline-2 .tabs__controls { position: relative; } .tabs.-underline-2 .tabs__controls::after { content: ""; position: absolute; left: 15px; bottom: 0; width: 100%; height: 1px; background-color: var(--color-border); } .tabs.-underline-2 .tabs__controls .tabs__button { position: relative; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); } .tabs.-underline-2 .tabs__controls .tabs__button::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: var(--color-accent-1); z-index: 10; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; } .tabs.-underline-2 .tabs__controls .tabs__button.is-tab-el-active::after { opacity: 1; } .tabs.-type-1 .tabs__controls .tabs__button { transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); } .tabs.-type-1 .tabs__controls .tabs__button.is-tab-el-active { text-decoration: underline; } .accordion__icon { position: relative; } .accordion__icon .icon { transition: all 0.2s ease-out; } .accordion__icon .icon:nth-child(1) { position: absolute; top: 0; left: 0; } .accordion__icon .icon:nth-child(2) { position: relative; transform: rotate(-90deg); opacity: 0; } .accordion__item.is-active .accordion__icon > *:nth-child(1) { transform: rotate(90deg); opacity: 0; } .accordion__item.is-active .accordion__icon > *:nth-child(2) { transform: none; opacity: 1; } .accordion__content { overflow: hidden; max-height: 0; transition: max-height 0.2s ease-out; } .accordion__button { cursor: pointer; } .accordion.-type-1 .accordion__item { transition: all 0.2s ease-out; } .accordion.-type-1 .accordion__button { cursor: pointer; transition: 0.4s; } .accordion.-type-1 .accordion__icon { transition: all 0.2s ease-out; } .accordion.-type-1 .accordion__icon > *:nth-child(1) { position: absolute; transition: all 0.2s ease-out; } .accordion.-type-1 .accordion__icon > *:nth-child(2) { position: relative; transform: rotate(-90deg); opacity: 0; transition: all 0.2s ease-out; } .accordion.-type-1 .accordion__item.is-active .accordion__icon > *:nth-child(1) { transform: rotate(90deg); opacity: 0; } .accordion.-type-1 .accordion__item.is-active .accordion__icon > *:nth-child(2) { transform: none; opacity: 1; } .searchForm.-type-1 { display: flex; padding: 10px; height: 70px; width: -moz-max-content; width: max-content; max-width: 100%; } @media (max-width: 767px) { .searchForm.-type-1 { flex-direction: column; height: auto; width: 100%; padding: 0; border-radius: 12px !important; } } .searchForm.-type-1 .searchForm__form { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 100%; padding: 10px 0; width: 100%; } @media (max-width: 767px) { .searchForm.-type-1 .searchForm__form { grid-template-columns: 1fr; padding: 0; } .searchForm.-type-1 .searchForm__form > * + * { border-top: 1px solid rgba(255, 255, 255, 0.2); } } .searchForm.-type-1 .searchForm__button { flex-shrink: 0; } .searchForm.-type-1 .searchForm__button button { height: 100%; } @media (max-width: 767px) { .searchForm.-type-1 .searchForm__button button { height: 60px; width: 100%; border-radius: 0 0 12px 12px !important; } } .searchForm.-type-1 .searchFormItem { position: relative; display: flex; align-items: center; padding: 0 30px; width: 100%; } @media (max-width: 767px) { .searchForm.-type-1 .searchFormItem { padding: 24px 30px; } } .searchForm.-type-1 .searchFormItem + * { border-left: 1px solid rgba(255, 255, 255, 0.2); } .searchForm.-type-1 .searchFormItem__button { cursor: pointer; display: flex; align-items: center; justify-content: space-between; text-align: left; width: 100%; } .searchForm.-type-1 .searchFormItem__button > *:nth-child(1) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 160px; } @media (max-width: 1199px) { .searchForm.-type-1 .searchFormItem__button > *:nth-child(1) { width: 120px; } } @media (max-width: 767px) { .searchForm.-type-1 .searchFormItem__button > *:nth-child(1) { width: 100%; } } .searchForm.-type-1 .searchFormItemDropdown { position: absolute; left: 0; top: calc(100% + 20px); padding-top: 10px; z-index: 5; transition: 0.2s; opacity: 0; pointer-events: none; } @media (max-width: 767px) { .searchForm.-type-1 .searchFormItemDropdown { top: 100%; left: 50% !important; transform: translateX(-50%); padding-top: 0; } } .searchForm.-type-1 .searchFormItemDropdown.is-active { opacity: 1; pointer-events: auto; z-index: 10; } .searchForm.-type-1 .searchFormItemDropdown__container { border-radius: 24px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); background-color: var(--color-accent-2); } .searchForm.-type-1 .searchFormItemDropdown.-counter { left: -20px; } .searchForm.-type-1 .searchFormItemDropdown.-counter .searchFormItemDropdown__container { width: 400px; max-width: calc(100vw - 14px); padding: 30px; } .searchForm.-type-1 .searchFormItemDropdown.-counter .searchFormItemDropdown__list { display: flex; flex-direction: column; } .searchForm.-type-1 .searchFormItemDropdown.-counter .searchFormItemDropdown__item { display: flex; align-items: center; justify-content: space-between; } .searchForm.-type-1 .searchFormItemDropdown.-counter .searchFormItemDropdown__item + * { border-top: 1px solid rgba(18, 34, 35, 0.1); padding-top: 20px; margin-top: 20px; } .searchForm.-type-1 .searchFormItemDropdown.-calendar .searchFormItemDropdown__container { width: 440px; max-width: calc(100vw - 14px); padding: 20px; min-height: 360px; } @media (max-width: 575px) { .searchForm.-type-1 .searchFormItemDropdown.-calendar .searchFormItemDropdown__container { width: calc(100vw - 14px); } } .searchForm.-type-1.-cols-2 .searchForm__form { grid-template-columns: repeat(2, 1fr); width: -moz-max-content; width: max-content; } @media (max-width: 767px) { .searchForm.-type-1.-cols-2 .searchForm__form { grid-template-columns: 1fr; } } .searchForm.-type-1.-text-white .searchFormItem__button { color: white; } .searchForm.-type-1.-blur-1 { background: rgba(18, 34, 35, 0.5); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.1); } .searchForm.-type-1.-blur-2 { background: rgba(18, 34, 35, 0.9); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); } .searchForm.-type-1.-h-95 { height: 95px; } @media (max-width: 767px) { .searchForm.-type-1.-h-95 { height: auto; } } .searchForm.-type-1.-h-60 { height: 60px; padding: 5px; } @media (max-width: 767px) { .searchForm.-type-1.-h-60 { height: auto; } } .searchForm.-type-1.-p-20 { padding: 20px; } @media (max-width: 767px) { .searchForm.-type-1.-p-20 { padding: unset; } } .searchForm.-type-1.-verticalBorder .searchForm__form > * + * { border-left: 1px solid rgba(0, 0, 0, 0.2); } @media (max-width: 767px) { .searchForm.-type-1.-verticalBorder .searchForm__form > * + * { border-left: 0; } } .searchForm.-type-1.-dropdown-single { padding: 0; width: 100%; } .searchForm.-type-1.-dropdown-single .searchForm__form { grid-template-columns: repeat(1, 1fr); border: 1px solid var(--color-border); outline: 1px solid transparent; transition: all 0.2s; width: 100%; padding: 0; } .searchForm.-type-1.-dropdown-single .searchForm__form:hover { outline: 1px solid var(--color-border); } .elCalendar__slider { overflow: hidden; } .elCalendar__sliderNav { position: absolute; top: 6px; z-index: 10; } .elCalendar__sliderNav.-prev { left: 8px; } .elCalendar__sliderNav.-next { right: 8px; } .elCalendar__month { display: flex; flex-direction: column; align-items: center; width: 100%; } .elCalendar__header { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; width: 100%; } .elCalendar__header__sell { display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; font-size: 16px; font-weight: 500; } @media (max-width: 767px) { .elCalendar__header__sell { width: 32px; height: 32px; } } .elCalendar__body { overflow: hidden; display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; width: 100%; } .elCalendar__sell { cursor: pointer; display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; border-radius: 100%; transition: 0.2s; font-size: 15px; font-weight: 500; } @media (max-width: 767px) { .elCalendar__sell { width: 32px; height: 32px; } } .elCalendar__sell.-dark { opacity: 0.4; } .elCalendar__sell:hover { background-color: rgba(0, 0, 0, 0.04); } .elCalendar__sell.-is-active { position: relative; background-color: var(--color-accent-1); color: white; z-index: 2; } .elCalendar__sell.-is-in-path { position: relative; color: var(--color-dark-1) !important; z-index: 0; } .elCalendar__sell.-is-in-path::before { content: ""; position: absolute; top: 0; left: -20px; right: -20px; height: 100%; background-color: #ffe8d2; z-index: -2; } .searchMenu-date { position: relative; } .searchMenu-date .calendar-icon { position: absolute; top: 0; z-index: 10; } .searchMenu-date .calendar-icon.-left { left: 8px; } .searchMenu-date .calendar-icon.-right { right: 8px; } .baseCard.-type-1 { position: relative; } .baseCard.-type-1 .baseCard__content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; z-index: 1; } .baseCard.-type-1.-padding-lg .baseCard__content { padding: 60px; } .baseCard.-type-2 { position: relative; } .baseCard.-type-3 .baseCard__image { position: relative; } .baseCard.-type-3 .baseCard__badge { position: absolute; bottom: 30px; left: 30px; padding: 15px 10px; z-index: 1; } .baseCard.-type-4 { position: relative; } .baseCard.-type-4 .baseCard__content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 80px; z-index: 1; } @media (max-width: 1199px) { .baseCard.-type-4 .baseCard__content { padding: 40px; } } @media (max-width: 767px) { .baseCard.-type-4 .baseCard__content { padding: 30px; } } .baseCard.-type-4.-padding-lg .baseCard__content { padding: 60px; } .iconCard.-type-1 { display: flex; flex-direction: column; align-items: center; } .iconCard.-type-1 .iconCard__icon { position: relative; display: flex; z-index: 0; } .iconCard.-type-1.-hover-1 .iconCard__icon__circle { position: absolute; top: -8px; left: -21px; width: 50px; height: 50px; border-radius: 100%; z-index: -1; transition: all 0.1s ease-out; opacity: 0; } .iconCard.-type-1.-hover-1:hover .iconCard__icon__circle { opacity: 1; } .iconCard.-type-1.-hover-2 { position: relative; } .iconCard.-type-1.-hover-2 .iconCard__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transition: all 0.1s ease-out; opacity: 0; } .iconCard.-type-1.-hover-2:hover .iconCard__bg { opacity: 1; } .imageCard.-type-1 .imageCard__content { display: flex; flex-direction: column; justify-content: flex-end; height: 960px; padding: 100px; } @media (max-width: 1199px) { .imageCard.-type-1 .imageCard__content { height: 720px; padding: 60px; } } @media (max-width: 991px) { .imageCard.-type-1 .imageCard__content { height: 640px; padding: 30px; } } @media (max-width: 767px) { .imageCard.-type-1 .imageCard__content { height: auto; padding: 40px 30px; } } .imageCard.-type-1.-hover-1 .-hover-1-slide { transition: all 0.3s ease-out; } .imageCard.-type-1.-hover-1 .-hover-1-content { position: absolute; opacity: 0; pointer-events: none; transition: all 0.3s ease-out; } @media (max-width: 767px) { .imageCard.-type-1.-hover-1 .-hover-1-content { position: relative; opacity: 1; pointer-events: auto; } } .imageCard.-type-1.-hover-1:hover .-hover-1-slide { transform: translateY(-230px); } @media (max-width: 767px) { .imageCard.-type-1.-hover-1:hover .-hover-1-slide { transform: none; } } .imageCard.-type-1.-hover-1:hover .-hover-1-content { opacity: 1; pointer-events: auto; transition: all 0.3s ease-out 0.2s; } .-image-border .roomCard__image { position: relative; } .-image-border__item { position: absolute; top: 20px; bottom: 20px; right: 20px; left: 20px; border: 1px solid rgba(255, 255, 255, 0.2); pointer-events: none; } .roomCard.-type-2 .roomCard__image { position: relative; } .roomCard.-type-2 .roomCard__image::after { content: ""; position: absolute; top: 20px; bottom: 20px; right: 20px; left: 20px; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.2); pointer-events: none; } .roomCard.-type-2 .roomCard__image.-no-rounded::after { border-radius: 0; } .roomCard.-type-2 .roomCard__image.-no-line::after { display: none; } .roomCard.-type-2 .roomCard__price { position: absolute; top: 20px; left: 20px; border-radius: 16px 0 16px 0; line-height: 0.65; padding: 15px 10px; } .roomCard.-type-3 { position: relative; } .roomCard.-type-3 .roomCard__image { position: relative; } .roomCard.-type-3 .roomCard__price { position: absolute; top: 30px; left: 30px; border-radius: 16px 0 16px 0; line-height: 0.65; padding: 15px 10px; } .roomCard.-type-3 .roomCard__content { position: absolute; bottom: 0; left: 0; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(18, 34, 35, 0) 0%, #122223 100%); width: 100%; z-index: 1; } .roomCard.-type-4 { position: relative; } .roomCard.-type-4 .roomCard__content { position: absolute; bottom: 0; left: 50%; text-align: center; width: 450px; max-width: 100%; padding: 50px; transform: translateX(-50%); } body.is-cursor-active { cursor: none !important; } body.is-cursor-active * { cursor: none !important; } .cursor { position: fixed; pointer-events: none; display: flex; align-items: center; justify-content: center; z-index: 10000; transition: transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .cursor__wrapper { display: flex; align-items: center; justify-content: center; transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); } .cursor__follower { position: absolute; background-color: #888888; opacity: 0.25; border-radius: 100%; width: 24px; height: 24px; transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .cursor__arrows { position: absolute; display: flex; opacity: 0; transform: scale(0.7) rotate(40deg); transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); } .cursor__arrows > * { position: relative; color: black; stroke-width: 1; } .cursor__arrows > *:first-child { left: -10px; } .cursor__arrows > *:last-child { right: -10px; } .cursor__label { position: absolute; display: flex; align-items: center; justify-content: center; color: white; letter-spacing: 0.05em; transform: scale(0); will-change: transform, opacity; transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); } .cursor__icon { position: absolute; display: flex; align-items: center; justify-content: center; color: white; transform: scale(0); will-change: transform, opacity; transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1); } .cursor__icon svg { width: 48px; height: 48px; stroke-width: 0.75; } .cursor { visibility: hidden; } .cursor.is-enabled { visibility: visible; } .cursor.is-hidden .cursor__wrapper { transform: scale(0) !important; } .cursor.is-mouse-down .cursor__wrapper { transform: scale(0.8); } .cursor.is-active .cursor__follower { box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.7); transform: scale(3.6); opacity: 0.25; } .cursor.is-active.has-label .cursor__follower { background-color: black; opacity: 0.8; } .cursor.is-active.has-label .cursor__label { transform: scale(1); } .cursor.is-active.has-icon .cursor__follower { background-color: black; opacity: 0.8; } .cursor.is-active.has-icon .cursor__icon { transform: scale(1); } .nopage { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 100vh; padding: 100px 0; z-index: 0; } .nopage__content h1 { font-size: 300px; font-weight: 500; line-height: 1; } @media (max-width: 767px) { .nopage__content h1 { font-size: 100px; } } .nopage__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .nopage__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .py-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .px-0 { padding-left: 0px !important; padding-right: 0px !important; } .pt-0 { padding-top: 0px !important; } .pb-0 { padding-bottom: 0px !important; } .pl-0 { padding-left: 0px !important; } .pr-0 { padding-right: 0px !important; } .mt-0 { margin-top: 0px !important; } .mb-0 { margin-bottom: 0px !important; } .ml-0 { margin-left: 0px !important; } .mr-0 { margin-right: 0px !important; } .py-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .px-5 { padding-left: 5px !important; padding-right: 5px !important; } .pt-5 { padding-top: 5px !important; } .pb-5 { padding-bottom: 5px !important; } .pl-5 { padding-left: 5px !important; } .pr-5 { padding-right: 5px !important; } .mt-5 { margin-top: 5px !important; } .mb-5 { margin-bottom: 5px !important; } .ml-5 { margin-left: 5px !important; } .mr-5 { margin-right: 5px !important; } .py-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .px-10 { padding-left: 10px !important; padding-right: 10px !important; } .pt-10 { padding-top: 10px !important; } .pb-10 { padding-bottom: 10px !important; } .pl-10 { padding-left: 10px !important; } .pr-10 { padding-right: 10px !important; } .mt-10 { margin-top: 10px !important; } .mb-10 { margin-bottom: 10px !important; } .ml-10 { margin-left: 10px !important; } .mr-10 { margin-right: 10px !important; } .py-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .px-15 { padding-left: 15px !important; padding-right: 15px !important; } .pt-15 { padding-top: 15px !important; } .pb-15 { padding-bottom: 15px !important; } .pl-15 { padding-left: 15px !important; } .pr-15 { padding-right: 15px !important; } .mt-15 { margin-top: 15px !important; } .mb-15 { margin-bottom: 15px !important; } .ml-15 { margin-left: 15px !important; } .mr-15 { margin-right: 15px !important; } .py-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .px-20 { padding-left: 20px !important; padding-right: 20px !important; } .pt-20 { padding-top: 20px !important; } .pb-20 { padding-bottom: 20px !important; } .pl-20 { padding-left: 20px !important; } .pr-20 { padding-right: 20px !important; } .mt-20 { margin-top: 20px !important; } .mb-20 { margin-bottom: 20px !important; } .ml-20 { margin-left: 20px !important; } .mr-20 { margin-right: 20px !important; } .py-25 { padding-top: 25px !important; padding-bottom: 25px !important; } .px-25 { padding-left: 25px !important; padding-right: 25px !important; } .pt-25 { padding-top: 25px !important; } .pb-25 { padding-bottom: 25px !important; } .pl-25 { padding-left: 25px !important; } .pr-25 { padding-right: 25px !important; } .mt-25 { margin-top: 25px !important; } .mb-25 { margin-bottom: 25px !important; } .ml-25 { margin-left: 25px !important; } .mr-25 { margin-right: 25px !important; } .py-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .px-30 { padding-left: 30px !important; padding-right: 30px !important; } .pt-30 { padding-top: 30px !important; } .pb-30 { padding-bottom: 30px !important; } .pl-30 { padding-left: 30px !important; } .pr-30 { padding-right: 30px !important; } .mt-30 { margin-top: 30px !important; } .mb-30 { margin-bottom: 30px !important; } .ml-30 { margin-left: 30px !important; } .mr-30 { margin-right: 30px !important; } .py-35 { padding-top: 35px !important; padding-bottom: 35px !important; } .px-35 { padding-left: 35px !important; padding-right: 35px !important; } .pt-35 { padding-top: 35px !important; } .pb-35 { padding-bottom: 35px !important; } .pl-35 { padding-left: 35px !important; } .pr-35 { padding-right: 35px !important; } .mt-35 { margin-top: 35px !important; } .mb-35 { margin-bottom: 35px !important; } .ml-35 { margin-left: 35px !important; } .mr-35 { margin-right: 35px !important; } .py-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .px-40 { padding-left: 40px !important; padding-right: 40px !important; } .pt-40 { padding-top: 40px !important; } .pb-40 { padding-bottom: 40px !important; } .pl-40 { padding-left: 40px !important; } .pr-40 { padding-right: 40px !important; } .mt-40 { margin-top: 40px !important; } .mb-40 { margin-bottom: 40px !important; } .ml-40 { margin-left: 40px !important; } .mr-40 { margin-right: 40px !important; } .py-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .px-50 { padding-left: 50px !important; padding-right: 50px !important; } .pt-50 { padding-top: 50px !important; } .pb-50 { padding-bottom: 50px !important; } .pl-50 { padding-left: 50px !important; } .pr-50 { padding-right: 50px !important; } .mt-50 { margin-top: 50px !important; } .mb-50 { margin-bottom: 50px !important; } .ml-50 { margin-left: 50px !important; } .mr-50 { margin-right: 50px !important; } .py-60 { padding-top: 60px !important; padding-bottom: 60px !important; } .px-60 { padding-left: 60px !important; padding-right: 60px !important; } .pt-60 { padding-top: 60px !important; } .pb-60 { padding-bottom: 60px !important; } .pl-60 { padding-left: 60px !important; } .pr-60 { padding-right: 60px !important; } .mt-40 { margin-top: 40px !important; } .mt-60 { margin-top: 60px !important; } .mb-60 { margin-bottom: 60px !important; } .ml-60 { margin-left: 60px !important; } .mr-60 { margin-right: 60px !important; } .py-74 { padding-top: 74px !important; padding-bottom: 74px !important; } .px-74 { padding-left: 74px !important; padding-right: 74px !important; } .pt-74 { padding-top: 74px !important; } .pb-74 { padding-bottom: 74px !important; } .pl-74 { padding-left: 74px !important; } .pr-74 { padding-right: 74px !important; } .mt-74 { margin-top: 74px !important; } .mb-74 { margin-bottom: 74px !important; } .ml-74 { margin-left: 74px !important; } .mr-74 { margin-right: 74px !important; } .py-90 { padding-top: 90px !important; padding-bottom: 90px !important; } .px-90 { padding-left: 90px !important; padding-right: 90px !important; } .pt-90 { padding-top: 90px !important; } .pb-90 { padding-bottom: 90px !important; } .pl-90 { padding-left: 90px !important; } .pr-90 { padding-right: 90px !important; } .mt-90 { margin-top: 90px !important; } .mb-90 { margin-bottom: 90px !important; } .ml-90 { margin-left: 90px !important; } .mr-90 { margin-right: 90px !important; } .py-100 { padding-top: 100px !important; padding-bottom: 100px !important; } .px-100 { padding-left: 100px !important; padding-right: 100px !important; } .pt-100 { padding-top: 100px !important; } .pb-100 { padding-bottom: 100px !important; } .pl-100 { padding-left: 100px !important; } .pr-100 { padding-right: 100px !important; } .mt-100 { margin-top: 100px !important; } .mb-100 { margin-bottom: 100px !important; } .ml-100 { margin-left: 100px !important; } .mr-100 { margin-right: 100px !important; } @media (max-width: 1199px) { .xl\:py-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .xl\:px-0 { padding-left: 0px !important; padding-right: 0px !important; } .xl\:pt-0 { padding-top: 0px !important; } .xl\:pb-0 { padding-bottom: 0px !important; } .xl\:pl-0 { padding-left: 0px !important; } .xl\:pr-0 { padding-right: 0px !important; } .xl\:mt-0 { margin-top: 0px !important; } .xl\:mb-0 { margin-bottom: 0px !important; } .xl\:ml-0 { margin-left: 0px !important; } .xl\:mr-0 { margin-right: 0px !important; } .xl\:py-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .xl\:px-5 { padding-left: 5px !important; padding-right: 5px !important; } .xl\:pt-5 { padding-top: 5px !important; } .xl\:pb-5 { padding-bottom: 5px !important; } .xl\:pl-5 { padding-left: 5px !important; } .xl\:pr-5 { padding-right: 5px !important; } .xl\:mt-5 { margin-top: 5px !important; } .xl\:mb-5 { margin-bottom: 5px !important; } .xl\:ml-5 { margin-left: 5px !important; } .xl\:mr-5 { margin-right: 5px !important; } .xl\:py-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .xl\:px-10 { padding-left: 10px !important; padding-right: 10px !important; } .xl\:pt-10 { padding-top: 10px !important; } .xl\:pb-10 { padding-bottom: 10px !important; } .xl\:pl-10 { padding-left: 10px !important; } .xl\:pr-10 { padding-right: 10px !important; } .xl\:mt-10 { margin-top: 10px !important; } .xl\:mb-10 { margin-bottom: 10px !important; } .xl\:ml-10 { margin-left: 10px !important; } .xl\:mr-10 { margin-right: 10px !important; } .xl\:py-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .xl\:px-15 { padding-left: 15px !important; padding-right: 15px !important; } .xl\:pt-15 { padding-top: 15px !important; } .xl\:pb-15 { padding-bottom: 15px !important; } .xl\:pl-15 { padding-left: 15px !important; } .xl\:pr-15 { padding-right: 15px !important; } .xl\:mt-15 { margin-top: 15px !important; } .xl\:mb-15 { margin-bottom: 15px !important; } .xl\:ml-15 { margin-left: 15px !important; } .xl\:mr-15 { margin-right: 15px !important; } .xl\:py-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .xl\:px-20 { padding-left: 20px !important; padding-right: 20px !important; } .xl\:pt-20 { padding-top: 20px !important; } .xl\:pb-20 { padding-bottom: 20px !important; } .xl\:pl-20 { padding-left: 20px !important; } .xl\:pr-20 { padding-right: 20px !important; } .xl\:mt-20 { margin-top: 20px !important; } .xl\:mb-20 { margin-bottom: 20px !important; } .xl\:ml-20 { margin-left: 20px !important; } .xl\:mr-20 { margin-right: 20px !important; } .xl\:py-25 { padding-top: 25px !important; padding-bottom: 25px !important; } .xl\:px-25 { padding-left: 25px !important; padding-right: 25px !important; } .xl\:pt-25 { padding-top: 25px !important; } .xl\:pb-25 { padding-bottom: 25px !important; } .xl\:pl-25 { padding-left: 25px !important; } .xl\:pr-25 { padding-right: 25px !important; } .xl\:mt-25 { margin-top: 25px !important; } .xl\:mb-25 { margin-bottom: 25px !important; } .xl\:ml-25 { margin-left: 25px !important; } .xl\:mr-25 { margin-right: 25px !important; } .xl\:py-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .xl\:px-30 { padding-left: 30px !important; padding-right: 30px !important; } .xl\:pt-30 { padding-top: 30px !important; } .xl\:pb-30 { padding-bottom: 30px !important; } .xl\:pl-30 { padding-left: 30px !important; } .xl\:pr-30 { padding-right: 30px !important; } .xl\:mt-30 { margin-top: 30px !important; } .xl\:mb-30 { margin-bottom: 30px !important; } .xl\:ml-30 { margin-left: 30px !important; } .xl\:mr-30 { margin-right: 30px !important; } .xl\:py-35 { padding-top: 35px !important; padding-bottom: 35px !important; } .xl\:px-35 { padding-left: 35px !important; padding-right: 35px !important; } .xl\:pt-35 { padding-top: 35px !important; } .xl\:pb-35 { padding-bottom: 35px !important; } .xl\:pl-35 { padding-left: 35px !important; } .xl\:pr-35 { padding-right: 35px !important; } .xl\:mt-35 { margin-top: 35px !important; } .xl\:mb-35 { margin-bottom: 35px !important; } .xl\:ml-35 { margin-left: 35px !important; } .xl\:mr-35 { margin-right: 35px !important; } .xl\:py-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .xl\:px-40 { padding-left: 40px !important; padding-right: 40px !important; } .xl\:pt-40 { padding-top: 40px !important; } .xl\:pb-40 { padding-bottom: 40px !important; } .xl\:pl-40 { padding-left: 40px !important; } .xl\:pr-40 { padding-right: 40px !important; } .xl\:mt-40 { margin-top: 40px !important; } .xl\:mb-40 { margin-bottom: 40px !important; } .xl\:ml-40 { margin-left: 40px !important; } .xl\:mr-40 { margin-right: 40px !important; } .xl\:py-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .xl\:px-50 { padding-left: 50px !important; padding-right: 50px !important; } .xl\:pt-50 { padding-top: 50px !important; } .xl\:pb-50 { padding-bottom: 50px !important; } .xl\:pl-50 { padding-left: 50px !important; } .xl\:pr-50 { padding-right: 50px !important; } .xl\:mt-50 { margin-top: 50px !important; } .xl\:mb-50 { margin-bottom: 50px !important; } .xl\:ml-50 { margin-left: 50px !important; } .xl\:mr-50 { margin-right: 50px !important; } .xl\:py-60 { padding-top: 60px !important; padding-bottom: 60px !important; } .xl\:px-60 { padding-left: 60px !important; padding-right: 60px !important; } .xl\:pt-60 { padding-top: 60px !important; } .xl\:pb-60 { padding-bottom: 60px !important; } .xl\:pl-60 { padding-left: 60px !important; } .xl\:pr-60 { padding-right: 60px !important; } .xl\:mt-60 { margin-top: 60px !important; } .xl\:mb-60 { margin-bottom: 60px !important; } .xl\:ml-60 { margin-left: 60px !important; } .xl\:mr-60 { margin-right: 60px !important; } .xl\:py-74 { padding-top: 74px !important; padding-bottom: 74px !important; } .xl\:px-74 { padding-left: 74px !important; padding-right: 74px !important; } .xl\:pt-74 { padding-top: 74px !important; } .xl\:pb-74 { padding-bottom: 74px !important; } .xl\:pl-74 { padding-left: 74px !important; } .xl\:pr-74 { padding-right: 74px !important; } .xl\:mt-74 { margin-top: 74px !important; } .xl\:mb-74 { margin-bottom: 74px !important; } .xl\:ml-74 { margin-left: 74px !important; } .xl\:mr-74 { margin-right: 74px !important; } .xl\:py-90 { padding-top: 90px !important; padding-bottom: 90px !important; } .xl\:px-90 { padding-left: 90px !important; padding-right: 90px !important; } .xl\:pt-90 { padding-top: 90px !important; } .xl\:pb-90 { padding-bottom: 90px !important; } .xl\:pl-90 { padding-left: 90px !important; } .xl\:pr-90 { padding-right: 90px !important; } .xl\:mt-90 { margin-top: 90px !important; } .xl\:mb-90 { margin-bottom: 90px !important; } .xl\:ml-90 { margin-left: 90px !important; } .xl\:mr-90 { margin-right: 90px !important; } .xl\:py-100 { padding-top: 100px !important; padding-bottom: 100px !important; } .xl\:px-100 { padding-left: 100px !important; padding-right: 100px !important; } .xl\:pt-100 { padding-top: 100px !important; } .xl\:pb-100 { padding-bottom: 100px !important; } .xl\:pl-100 { padding-left: 100px !important; } .xl\:pr-100 { padding-right: 100px !important; } .xl\:mt-100 { margin-top: 100px !important; } .xl\:mb-100 { margin-bottom: 100px !important; } .xl\:ml-100 { margin-left: 100px !important; } .xl\:mr-100 { margin-right: 100px !important; } } @media (max-width: 991px) { .lg\:py-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .lg\:px-0 { padding-left: 0px !important; padding-right: 0px !important; } .lg\:pt-0 { padding-top: 0px !important; } .lg\:pb-0 { padding-bottom: 0px !important; } .lg\:pl-0 { padding-left: 0px !important; } .lg\:pr-0 { padding-right: 0px !important; } .lg\:mt-0 { margin-top: 0px !important; } .lg\:mb-0 { margin-bottom: 0px !important; } .lg\:ml-0 { margin-left: 0px !important; } .lg\:mr-0 { margin-right: 0px !important; } .lg\:py-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .lg\:px-5 { padding-left: 5px !important; padding-right: 5px !important; } .lg\:pt-5 { padding-top: 5px !important; } .lg\:pb-5 { padding-bottom: 5px !important; } .lg\:pl-5 { padding-left: 5px !important; } .lg\:pr-5 { padding-right: 5px !important; } .lg\:mt-5 { margin-top: 5px !important; } .lg\:mb-5 { margin-bottom: 5px !important; } .lg\:ml-5 { margin-left: 5px !important; } .lg\:mr-5 { margin-right: 5px !important; } .lg\:py-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .lg\:px-10 { padding-left: 10px !important; padding-right: 10px !important; } .lg\:pt-10 { padding-top: 10px !important; } .lg\:pb-10 { padding-bottom: 10px !important; } .lg\:pl-10 { padding-left: 10px !important; } .lg\:pr-10 { padding-right: 10px !important; } .lg\:mt-10 { margin-top: 10px !important; } .lg\:mb-10 { margin-bottom: 10px !important; } .lg\:ml-10 { margin-left: 10px !important; } .lg\:mr-10 { margin-right: 10px !important; } .lg\:py-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .lg\:px-15 { padding-left: 15px !important; padding-right: 15px !important; } .lg\:pt-15 { padding-top: 15px !important; } .lg\:pb-15 { padding-bottom: 15px !important; } .lg\:pl-15 { padding-left: 15px !important; } .lg\:pr-15 { padding-right: 15px !important; } .lg\:mt-15 { margin-top: 15px !important; } .lg\:mb-15 { margin-bottom: 15px !important; } .lg\:ml-15 { margin-left: 15px !important; } .lg\:mr-15 { margin-right: 15px !important; } .lg\:py-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .lg\:px-20 { padding-left: 20px !important; padding-right: 20px !important; } .lg\:pt-20 { padding-top: 20px !important; } .lg\:pb-20 { padding-bottom: 20px !important; } .lg\:pl-20 { padding-left: 20px !important; } .lg\:pr-20 { padding-right: 20px !important; } .lg\:mt-20 { margin-top: 20px !important; } .lg\:mb-20 { margin-bottom: 20px !important; } .lg\:ml-20 { margin-left: 20px !important; } .lg\:mr-20 { margin-right: 20px !important; } .lg\:py-25 { padding-top: 25px !important; padding-bottom: 25px !important; } .lg\:px-25 { padding-left: 25px !important; padding-right: 25px !important; } .lg\:pt-25 { padding-top: 25px !important; } .lg\:pb-25 { padding-bottom: 25px !important; } .lg\:pl-25 { padding-left: 25px !important; } .lg\:pr-25 { padding-right: 25px !important; } .lg\:mt-25 { margin-top: 25px !important; } .lg\:mb-25 { margin-bottom: 25px !important; } .lg\:ml-25 { margin-left: 25px !important; } .lg\:mr-25 { margin-right: 25px !important; } .lg\:py-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .lg\:px-30 { padding-left: 30px !important; padding-right: 30px !important; } .lg\:pt-30 { padding-top: 30px !important; } .lg\:pb-30 { padding-bottom: 30px !important; } .lg\:pl-30 { padding-left: 30px !important; } .lg\:pr-30 { padding-right: 30px !important; } .lg\:mt-30 { margin-top: 30px !important; } .lg\:mb-30 { margin-bottom: 30px !important; } .lg\:ml-30 { margin-left: 30px !important; } .lg\:mr-30 { margin-right: 30px !important; } .lg\:py-35 { padding-top: 35px !important; padding-bottom: 35px !important; } .lg\:px-35 { padding-left: 35px !important; padding-right: 35px !important; } .lg\:pt-35 { padding-top: 35px !important; } .lg\:pb-35 { padding-bottom: 35px !important; } .lg\:pl-35 { padding-left: 35px !important; } .lg\:pr-35 { padding-right: 35px !important; } .lg\:mt-35 { margin-top: 35px !important; } .lg\:mb-35 { margin-bottom: 35px !important; } .lg\:ml-35 { margin-left: 35px !important; } .lg\:mr-35 { margin-right: 35px !important; } .lg\:py-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .lg\:px-40 { padding-left: 40px !important; padding-right: 40px !important; } .lg\:pt-40 { padding-top: 40px !important; } .lg\:pb-40 { padding-bottom: 40px !important; } .lg\:pl-40 { padding-left: 40px !important; } .lg\:pr-40 { padding-right: 40px !important; } .lg\:mt-40 { margin-top: 40px !important; } .lg\:mb-40 { margin-bottom: 40px !important; } .lg\:ml-40 { margin-left: 40px !important; } .lg\:mr-40 { margin-right: 40px !important; } .lg\:py-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .lg\:px-50 { padding-left: 50px !important; padding-right: 50px !important; } .lg\:pt-50 { padding-top: 50px !important; } .lg\:pb-50 { padding-bottom: 50px !important; } .lg\:pl-50 { padding-left: 50px !important; } .lg\:pr-50 { padding-right: 50px !important; } .lg\:mt-50 { margin-top: 50px !important; } .lg\:mb-50 { margin-bottom: 50px !important; } .lg\:ml-50 { margin-left: 50px !important; } .lg\:mr-50 { margin-right: 50px !important; } .lg\:py-60 { padding-top: 60px !important; padding-bottom: 60px !important; } .lg\:px-60 { padding-left: 60px !important; padding-right: 60px !important; } .lg\:pt-60 { padding-top: 60px !important; } .lg\:pb-60 { padding-bottom: 60px !important; } .lg\:pl-60 { padding-left: 60px !important; } .lg\:pr-60 { padding-right: 60px !important; } .lg\:mt-60 { margin-top: 60px !important; } .lg\:mb-60 { margin-bottom: 60px !important; } .lg\:ml-60 { margin-left: 60px !important; } .lg\:mr-60 { margin-right: 60px !important; } .lg\:py-74 { padding-top: 74px !important; padding-bottom: 74px !important; } .lg\:px-74 { padding-left: 74px !important; padding-right: 74px !important; } .lg\:pt-74 { padding-top: 74px !important; } .lg\:pb-74 { padding-bottom: 74px !important; } .lg\:pl-74 { padding-left: 74px !important; } .lg\:pr-74 { padding-right: 74px !important; } .lg\:mt-74 { margin-top: 74px !important; } .lg\:mb-74 { margin-bottom: 74px !important; } .lg\:ml-74 { margin-left: 74px !important; } .lg\:mr-74 { margin-right: 74px !important; } .lg\:py-90 { padding-top: 90px !important; padding-bottom: 90px !important; } .lg\:px-90 { padding-left: 90px !important; padding-right: 90px !important; } .lg\:pt-90 { padding-top: 90px !important; } .lg\:pb-90 { padding-bottom: 90px !important; } .lg\:pl-90 { padding-left: 90px !important; } .lg\:pr-90 { padding-right: 90px !important; } .lg\:mt-90 { margin-top: 90px !important; } .lg\:mb-90 { margin-bottom: 90px !important; } .lg\:ml-90 { margin-left: 90px !important; } .lg\:mr-90 { margin-right: 90px !important; } .lg\:py-100 { padding-top: 100px !important; padding-bottom: 100px !important; } .lg\:px-100 { padding-left: 100px !important; padding-right: 100px !important; } .lg\:pt-100 { padding-top: 100px !important; } .lg\:pb-100 { padding-bottom: 100px !important; } .lg\:pl-100 { padding-left: 100px !important; } .lg\:pr-100 { padding-right: 100px !important; } .lg\:mt-100 { margin-top: 100px !important; } .lg\:mb-100 { margin-bottom: 100px !important; } .lg\:ml-100 { margin-left: 100px !important; } .lg\:mr-100 { margin-right: 100px !important; } } @media (max-width: 767px) { .md\:py-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .md\:px-0 { padding-left: 0px !important; padding-right: 0px !important; } .md\:pt-0 { padding-top: 0px !important; } .md\:pb-0 { padding-bottom: 0px !important; } .md\:pl-0 { padding-left: 0px !important; } .md\:pr-0 { padding-right: 0px !important; } .md\:mt-0 { margin-top: 0px !important; } .md\:mb-0 { margin-bottom: 0px !important; } .md\:ml-0 { margin-left: 0px !important; } .md\:mr-0 { margin-right: 0px !important; } .md\:py-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .md\:px-5 { padding-left: 5px !important; padding-right: 5px !important; } .md\:pt-5 { padding-top: 5px !important; } .md\:pb-5 { padding-bottom: 5px !important; } .md\:pl-5 { padding-left: 5px !important; } .md\:pr-5 { padding-right: 5px !important; } .md\:mt-5 { margin-top: 5px !important; } .md\:mb-5 { margin-bottom: 5px !important; } .md\:ml-5 { margin-left: 5px !important; } .md\:mr-5 { margin-right: 5px !important; } .md\:py-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .md\:px-10 { padding-left: 10px !important; padding-right: 10px !important; } .md\:pt-10 { padding-top: 10px !important; } .md\:pb-10 { padding-bottom: 10px !important; } .md\:pl-10 { padding-left: 10px !important; } .md\:pr-10 { padding-right: 10px !important; } .md\:mt-10 { margin-top: 10px !important; } .md\:mb-10 { margin-bottom: 10px !important; } .md\:ml-10 { margin-left: 10px !important; } .md\:mr-10 { margin-right: 10px !important; } .md\:py-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .md\:px-15 { padding-left: 15px !important; padding-right: 15px !important; } .md\:pt-15 { padding-top: 15px !important; } .md\:pb-15 { padding-bottom: 15px !important; } .md\:pl-15 { padding-left: 15px !important; } .md\:pr-15 { padding-right: 15px !important; } .md\:mt-15 { margin-top: 15px !important; } .md\:mb-15 { margin-bottom: 15px !important; } .md\:ml-15 { margin-left: 15px !important; } .md\:mr-15 { margin-right: 15px !important; } .md\:py-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .md\:px-20 { padding-left: 20px !important; padding-right: 20px !important; } .md\:pt-20 { padding-top: 20px !important; } .md\:pb-20 { padding-bottom: 20px !important; } .md\:pl-20 { padding-left: 20px !important; } .md\:pr-20 { padding-right: 20px !important; } .md\:mt-20 { margin-top: 20px !important; } .md\:mb-20 { margin-bottom: 20px !important; } .md\:ml-20 { margin-left: 20px !important; } .md\:mr-20 { margin-right: 20px !important; } .md\:py-25 { padding-top: 25px !important; padding-bottom: 25px !important; } .md\:px-25 { padding-left: 25px !important; padding-right: 25px !important; } .md\:pt-25 { padding-top: 25px !important; } .md\:pb-25 { padding-bottom: 25px !important; } .md\:pl-25 { padding-left: 25px !important; } .md\:pr-25 { padding-right: 25px !important; } .md\:mt-25 { margin-top: 25px !important; } .md\:mb-25 { margin-bottom: 25px !important; } .md\:ml-25 { margin-left: 25px !important; } .md\:mr-25 { margin-right: 25px !important; } .md\:py-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .md\:px-30 { padding-left: 30px !important; padding-right: 30px !important; } .md\:pt-30 { padding-top: 30px !important; } .md\:pb-30 { padding-bottom: 30px !important; } .md\:pl-30 { padding-left: 30px !important; } .md\:pr-30 { padding-right: 30px !important; } .md\:mt-30 { margin-top: 30px !important; } .md\:mb-30 { margin-bottom: 30px !important; } .md\:ml-30 { margin-left: 30px !important; } .md\:mr-30 { margin-right: 30px !important; } .md\:py-35 { padding-top: 35px !important; padding-bottom: 35px !important; } .md\:px-35 { padding-left: 35px !important; padding-right: 35px !important; } .md\:pt-35 { padding-top: 35px !important; } .md\:pb-35 { padding-bottom: 35px !important; } .md\:pl-35 { padding-left: 35px !important; } .md\:pr-35 { padding-right: 35px !important; } .md\:mt-35 { margin-top: 35px !important; } .md\:mb-35 { margin-bottom: 35px !important; } .md\:ml-35 { margin-left: 35px !important; } .md\:mr-35 { margin-right: 35px !important; } .md\:py-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .md\:px-40 { padding-left: 40px !important; padding-right: 40px !important; } .md\:pt-40 { padding-top: 40px !important; } .md\:pb-40 { padding-bottom: 40px !important; } .md\:pl-40 { padding-left: 40px !important; } .md\:pr-40 { padding-right: 40px !important; } .md\:mt-40 { margin-top: 40px !important; } .md\:mb-40 { margin-bottom: 40px !important; } .md\:ml-40 { margin-left: 40px !important; } .md\:mr-40 { margin-right: 40px !important; } .md\:py-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .md\:px-50 { padding-left: 50px !important; padding-right: 50px !important; } .md\:pt-50 { padding-top: 50px !important; } .md\:pb-50 { padding-bottom: 50px !important; } .md\:pl-50 { padding-left: 50px !important; } .md\:pr-50 { padding-right: 50px !important; } .md\:mt-50 { margin-top: 50px !important; } .md\:mb-50 { margin-bottom: 50px !important; } .md\:ml-50 { margin-left: 50px !important; } .md\:mr-50 { margin-right: 50px !important; } .md\:py-60 { padding-top: 60px !important; padding-bottom: 60px !important; } .md\:px-60 { padding-left: 60px !important; padding-right: 60px !important; } .md\:pt-60 { padding-top: 60px !important; } .md\:pb-60 { padding-bottom: 60px !important; } .md\:pl-60 { padding-left: 60px !important; } .md\:pr-60 { padding-right: 60px !important; } .md\:mt-60 { margin-top: 60px !important; } .md\:mb-60 { margin-bottom: 60px !important; } .md\:ml-60 { margin-left: 60px !important; } .md\:mr-60 { margin-right: 60px !important; } .md\:py-74 { padding-top: 74px !important; padding-bottom: 74px !important; } .md\:px-74 { padding-left: 74px !important; padding-right: 74px !important; } .md\:pt-74 { padding-top: 74px !important; } .md\:pb-74 { padding-bottom: 74px !important; } .md\:pl-74 { padding-left: 74px !important; } .md\:pr-74 { padding-right: 74px !important; } .md\:mt-74 { margin-top: 74px !important; } .md\:mb-74 { margin-bottom: 74px !important; } .md\:ml-74 { margin-left: 74px !important; } .md\:mr-74 { margin-right: 74px !important; } .md\:py-90 { padding-top: 90px !important; padding-bottom: 90px !important; } .md\:px-90 { padding-left: 90px !important; padding-right: 90px !important; } .md\:pt-90 { padding-top: 90px !important; } .md\:pb-90 { padding-bottom: 90px !important; } .md\:pl-90 { padding-left: 90px !important; } .md\:pr-90 { padding-right: 90px !important; } .md\:mt-90 { margin-top: 90px !important; } .md\:mb-90 { margin-bottom: 90px !important; } .md\:ml-90 { margin-left: 90px !important; } .md\:mr-90 { margin-right: 90px !important; } .md\:py-100 { padding-top: 100px !important; padding-bottom: 100px !important; } .md\:px-100 { padding-left: 100px !important; padding-right: 100px !important; } .md\:pt-100 { padding-top: 100px !important; } .md\:pb-100 { padding-bottom: 100px !important; } .md\:pl-100 { padding-left: 100px !important; } .md\:pr-100 { padding-right: 100px !important; } .md\:mt-100 { margin-top: 100px !important; } .md\:mb-100 { margin-bottom: 100px !important; } .md\:ml-100 { margin-left: 100px !important; } .md\:mr-100 { margin-right: 100px !important; } } @media (max-width: 575px) { .sm\:py-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .sm\:px-0 { padding-left: 0px !important; padding-right: 0px !important; } .sm\:pt-0 { padding-top: 0px !important; } .sm\:pb-0 { padding-bottom: 0px !important; } .sm\:pl-0 { padding-left: 0px !important; } .sm\:pr-0 { padding-right: 0px !important; } .sm\:mt-0 { margin-top: 0px !important; } .sm\:mb-0 { margin-bottom: 0px !important; } .sm\:ml-0 { margin-left: 0px !important; } .sm\:mr-0 { margin-right: 0px !important; } .sm\:py-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .sm\:px-5 { padding-left: 5px !important; padding-right: 5px !important; } .sm\:pt-5 { padding-top: 5px !important; } .sm\:pb-5 { padding-bottom: 5px !important; } .sm\:pl-5 { padding-left: 5px !important; } .sm\:pr-5 { padding-right: 5px !important; } .sm\:mt-5 { margin-top: 5px !important; } .sm\:mb-5 { margin-bottom: 5px !important; } .sm\:ml-5 { margin-left: 5px !important; } .sm\:mr-5 { margin-right: 5px !important; } .sm\:py-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .sm\:px-10 { padding-left: 10px !important; padding-right: 10px !important; } .sm\:pt-10 { padding-top: 10px !important; } .sm\:pb-10 { padding-bottom: 10px !important; } .sm\:pl-10 { padding-left: 10px !important; } .sm\:pr-10 { padding-right: 10px !important; } .sm\:mt-10 { margin-top: 10px !important; } .sm\:mb-10 { margin-bottom: 10px !important; } .sm\:ml-10 { margin-left: 10px !important; } .sm\:mr-10 { margin-right: 10px !important; } .sm\:py-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .sm\:px-15 { padding-left: 15px !important; padding-right: 15px !important; } .sm\:pt-15 { padding-top: 15px !important; } .sm\:pb-15 { padding-bottom: 15px !important; } .sm\:pl-15 { padding-left: 15px !important; } .sm\:pr-15 { padding-right: 15px !important; } .sm\:mt-15 { margin-top: 15px !important; } .sm\:mb-15 { margin-bottom: 15px !important; } .sm\:ml-15 { margin-left: 15px !important; } .sm\:mr-15 { margin-right: 15px !important; } .sm\:py-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .sm\:px-20 { padding-left: 20px !important; padding-right: 20px !important; } .sm\:pt-20 { padding-top: 20px !important; } .sm\:pb-20 { padding-bottom: 20px !important; } .sm\:pl-20 { padding-left: 20px !important; } .sm\:pr-20 { padding-right: 20px !important; } .sm\:mt-20 { margin-top: 20px !important; } .sm\:mb-20 { margin-bottom: 20px !important; } .sm\:ml-20 { margin-left: 20px !important; } .sm\:mr-20 { margin-right: 20px !important; } .sm\:py-25 { padding-top: 25px !important; padding-bottom: 25px !important; } .sm\:px-25 { padding-left: 25px !important; padding-right: 25px !important; } .sm\:pt-25 { padding-top: 25px !important; } .sm\:pb-25 { padding-bottom: 25px !important; } .sm\:pl-25 { padding-left: 25px !important; } .sm\:pr-25 { padding-right: 25px !important; } .sm\:mt-25 { margin-top: 25px !important; } .sm\:mb-25 { margin-bottom: 25px !important; } .sm\:ml-25 { margin-left: 25px !important; } .sm\:mr-25 { margin-right: 25px !important; } .sm\:py-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .sm\:px-30 { padding-left: 30px !important; padding-right: 30px !important; } .sm\:pt-30 { padding-top: 30px !important; } .sm\:pb-30 { padding-bottom: 30px !important; } .sm\:pl-30 { padding-left: 30px !important; } .sm\:pr-30 { padding-right: 30px !important; } .sm\:mt-30 { margin-top: 30px !important; } .sm\:mb-30 { margin-bottom: 30px !important; } .sm\:ml-30 { margin-left: 30px !important; } .sm\:mr-30 { margin-right: 30px !important; } .sm\:py-35 { padding-top: 35px !important; padding-bottom: 35px !important; } .sm\:px-35 { padding-left: 35px !important; padding-right: 35px !important; } .sm\:pt-35 { padding-top: 35px !important; } .sm\:pb-35 { padding-bottom: 35px !important; } .sm\:pl-35 { padding-left: 35px !important; } .sm\:pr-35 { padding-right: 35px !important; } .sm\:mt-35 { margin-top: 35px !important; } .sm\:mb-35 { margin-bottom: 35px !important; } .sm\:ml-35 { margin-left: 35px !important; } .sm\:mr-35 { margin-right: 35px !important; } .sm\:py-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .sm\:px-40 { padding-left: 40px !important; padding-right: 40px !important; } .sm\:pt-40 { padding-top: 40px !important; } .sm\:pb-40 { padding-bottom: 40px !important; } .sm\:pl-40 { padding-left: 40px !important; } .sm\:pr-40 { padding-right: 40px !important; } .sm\:mt-40 { margin-top: 40px !important; } .sm\:mb-40 { margin-bottom: 40px !important; } .sm\:ml-40 { margin-left: 40px !important; } .sm\:mr-40 { margin-right: 40px !important; } .sm\:py-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .sm\:px-50 { padding-left: 50px !important; padding-right: 50px !important; } .sm\:pt-50 { padding-top: 50px !important; } .sm\:pb-50 { padding-bottom: 50px !important; } .sm\:pl-50 { padding-left: 50px !important; } .sm\:pr-50 { padding-right: 50px !important; } .sm\:mt-50 { margin-top: 50px !important; } .sm\:mb-50 { margin-bottom: 50px !important; } .sm\:ml-50 { margin-left: 50px !important; } .sm\:mr-50 { margin-right: 50px !important; } .sm\:py-60 { padding-top: 60px !important; padding-bottom: 60px !important; } .sm\:px-60 { padding-left: 60px !important; padding-right: 60px !important; } .sm\:pt-60 { padding-top: 60px !important; } .sm\:pb-60 { padding-bottom: 60px !important; } .sm\:pl-60 { padding-left: 60px !important; } .sm\:pr-60 { padding-right: 60px !important; } .sm\:mt-60 { margin-top: 60px !important; } .sm\:mb-60 { margin-bottom: 60px !important; } .sm\:ml-60 { margin-left: 60px !important; } .sm\:mr-60 { margin-right: 60px !important; } .sm\:py-74 { padding-top: 74px !important; padding-bottom: 74px !important; } .sm\:px-74 { padding-left: 74px !important; padding-right: 74px !important; } .sm\:pt-74 { padding-top: 74px !important; } .sm\:pb-74 { padding-bottom: 74px !important; } .sm\:pl-74 { padding-left: 74px !important; } .sm\:pr-74 { padding-right: 74px !important; } .sm\:mt-74 { margin-top: 74px !important; } .sm\:mb-74 { margin-bottom: 74px !important; } .sm\:ml-74 { margin-left: 74px !important; } .sm\:mr-74 { margin-right: 74px !important; } .sm\:py-90 { padding-top: 90px !important; padding-bottom: 90px !important; } .sm\:px-90 { padding-left: 90px !important; padding-right: 90px !important; } .sm\:pt-90 { padding-top: 90px !important; } .sm\:pb-90 { padding-bottom: 90px !important; } .sm\:pl-90 { padding-left: 90px !important; } .sm\:pr-90 { padding-right: 90px !important; } .sm\:mt-90 { margin-top: 90px !important; } .sm\:mb-90 { margin-bottom: 90px !important; } .sm\:ml-90 { margin-left: 90px !important; } .sm\:mr-90 { margin-right: 90px !important; } .sm\:py-100 { padding-top: 100px !important; padding-bottom: 100px !important; } .sm\:px-100 { padding-left: 100px !important; padding-right: 100px !important; } .sm\:pt-100 { padding-top: 100px !important; } .sm\:pb-100 { padding-bottom: 100px !important; } .sm\:pl-100 { padding-left: 100px !important; } .sm\:pr-100 { padding-right: 100px !important; } .sm\:mt-100 { margin-top: 100px !important; } .sm\:mb-100 { margin-bottom: 100px !important; } .sm\:ml-100 { margin-left: 100px !important; } .sm\:mr-100 { margin-right: 100px !important; } } .mx-auto { margin-left: auto; margin-right: auto; } .xl\:mx-auto { margin-left: auto; margin-right: auto; } .lg\:mx-auto { margin-left: auto; margin-right: auto; } .md\:mx-auto { margin-left: auto; margin-right: auto; } .sm\:mx-auto { margin-left: auto; margin-right: auto; } .x-gap-0 { margin-left: -0px; margin-right: -0px; } .x-gap-0 > * { padding-left: 0px; padding-right: 0px; } .y-gap-0 { margin-top: -0px; margin-bottom: -0px; } .y-gap-0 > * { padding-top: 0px; padding-bottom: 0px; } .x-gap-5 { margin-left: -2.5px; margin-right: -2.5px; } .x-gap-5 > * { padding-left: 2.5px; padding-right: 2.5px; } .y-gap-5 { margin-top: -2.5px; margin-bottom: -2.5px; } .y-gap-5 > * { padding-top: 2.5px; padding-bottom: 2.5px; } .x-gap-10 { margin-left: -5px; margin-right: -5px; } .x-gap-10 > * { padding-left: 5px; padding-right: 5px; } .y-gap-10 { margin-top: -5px; margin-bottom: -5px; } .y-gap-10 > * { padding-top: 5px; padding-bottom: 5px; } .x-gap-15 { margin-left: -7.5px; margin-right: -7.5px; } .x-gap-15 > * { padding-left: 7.5px; padding-right: 7.5px; } .y-gap-15 { margin-top: -7.5px; margin-bottom: -7.5px; } .y-gap-15 > * { padding-top: 7.5px; padding-bottom: 7.5px; } .x-gap-20 { margin-left: -10px; margin-right: -10px; } .x-gap-20 > * { padding-left: 10px; padding-right: 10px; } .y-gap-20 { margin-top: -10px; margin-bottom: -10px; } .y-gap-20 > * { padding-top: 10px; padding-bottom: 10px; } .x-gap-25 { margin-left: -12.5px; margin-right: -12.5px; } .x-gap-25 > * { padding-left: 12.5px; padding-right: 12.5px; } .y-gap-25 { margin-top: -12.5px; margin-bottom: -12.5px; } .y-gap-25 > * { padding-top: 12.5px; padding-bottom: 12.5px; } .x-gap-30 { margin-left: -15px; margin-right: -15px; } .x-gap-30 > * { padding-left: 15px; padding-right: 15px; } .y-gap-30 { margin-top: -15px; margin-bottom: -15px; } .y-gap-30 > * { padding-top: 15px; padding-bottom: 15px; } .x-gap-40 { margin-left: -20px; margin-right: -20px; } .x-gap-40 > * { padding-left: 20px; padding-right: 20px; } .y-gap-40 { margin-top: -20px; margin-bottom: -20px; } .y-gap-40 > * { padding-top: 20px; padding-bottom: 20px; } .x-gap-50 { margin-left: -25px; margin-right: -25px; } .x-gap-50 > * { padding-left: 25px; padding-right: 25px; } .y-gap-50 { margin-top: -25px; margin-bottom: -25px; } .y-gap-50 > * { padding-top: 25px; padding-bottom: 25px; } .x-gap-60 { margin-left: -30px; margin-right: -30px; } .x-gap-60 > * { padding-left: 30px; padding-right: 30px; } .y-gap-60 { margin-top: -30px; margin-bottom: -30px; } .y-gap-60 > * { padding-top: 30px; padding-bottom: 30px; } .x-gap-85 { margin-left: -42.5px; margin-right: -42.5px; } .x-gap-85 > * { padding-left: 42.5px; padding-right: 42.5px; } .y-gap-85 { margin-top: -42.5px; margin-bottom: -42.5px; } .y-gap-85 > * { padding-top: 42.5px; padding-bottom: 42.5px; } .x-gap-100 { margin-left: -50px; margin-right: -50px; } .x-gap-100 > * { padding-left: 50px; padding-right: 50px; } .y-gap-100 { margin-top: -50px; margin-bottom: -50px; } .y-gap-100 > * { padding-top: 50px; padding-bottom: 50px; } @media (max-width: 767px) { .md\:x-gap-0 { margin-left: -0px; margin-right: -0px; } .md\:x-gap-0 > * { padding-left: 0px; padding-right: 0px; } .md\:y-gap-0 { margin-top: -0px; margin-bottom: -0px; } .md\:y-gap-0 > * { padding-top: 0px; padding-bottom: 0px; } .md\:x-gap-5 { margin-left: -2.5px; margin-right: -2.5px; } .md\:x-gap-5 > * { padding-left: 2.5px; padding-right: 2.5px; } .md\:y-gap-5 { margin-top: -2.5px; margin-bottom: -2.5px; } .md\:y-gap-5 > * { padding-top: 2.5px; padding-bottom: 2.5px; } .md\:x-gap-10 { margin-left: -5px; margin-right: -5px; } .md\:x-gap-10 > * { padding-left: 5px; padding-right: 5px; } .md\:y-gap-10 { margin-top: -5px; margin-bottom: -5px; } .md\:y-gap-10 > * { padding-top: 5px; padding-bottom: 5px; } .md\:x-gap-15 { margin-left: -7.5px; margin-right: -7.5px; } .md\:x-gap-15 > * { padding-left: 7.5px; padding-right: 7.5px; } .md\:y-gap-15 { margin-top: -7.5px; margin-bottom: -7.5px; } .md\:y-gap-15 > * { padding-top: 7.5px; padding-bottom: 7.5px; } .md\:x-gap-20 { margin-left: -10px; margin-right: -10px; } .md\:x-gap-20 > * { padding-left: 10px; padding-right: 10px; } .md\:y-gap-20 { margin-top: -10px; margin-bottom: -10px; } .md\:y-gap-20 > * { padding-top: 10px; padding-bottom: 10px; } .md\:x-gap-25 { margin-left: -12.5px; margin-right: -12.5px; } .md\:x-gap-25 > * { padding-left: 12.5px; padding-right: 12.5px; } .md\:y-gap-25 { margin-top: -12.5px; margin-bottom: -12.5px; } .md\:y-gap-25 > * { padding-top: 12.5px; padding-bottom: 12.5px; } .md\:x-gap-30 { margin-left: -15px; margin-right: -15px; } .md\:x-gap-30 > * { padding-left: 15px; padding-right: 15px; } .md\:y-gap-30 { margin-top: -15px; margin-bottom: -15px; } .md\:y-gap-30 > * { padding-top: 15px; padding-bottom: 15px; } .md\:x-gap-40 { margin-left: -20px; margin-right: -20px; } .md\:x-gap-40 > * { padding-left: 20px; padding-right: 20px; } .md\:y-gap-40 { margin-top: -20px; margin-bottom: -20px; } .md\:y-gap-40 > * { padding-top: 20px; padding-bottom: 20px; } .md\:x-gap-50 { margin-left: -25px; margin-right: -25px; } .md\:x-gap-50 > * { padding-left: 25px; padding-right: 25px; } .md\:y-gap-50 { margin-top: -25px; margin-bottom: -25px; } .md\:y-gap-50 > * { padding-top: 25px; padding-bottom: 25px; } .md\:x-gap-60 { margin-left: -30px; margin-right: -30px; } .md\:x-gap-60 > * { padding-left: 30px; padding-right: 30px; } .md\:y-gap-60 { margin-top: -30px; margin-bottom: -30px; } .md\:y-gap-60 > * { padding-top: 30px; padding-bottom: 30px; } .md\:x-gap-85 { margin-left: -42.5px; margin-right: -42.5px; } .md\:x-gap-85 > * { padding-left: 42.5px; padding-right: 42.5px; } .md\:y-gap-85 { margin-top: -42.5px; margin-bottom: -42.5px; } .md\:y-gap-85 > * { padding-top: 42.5px; padding-bottom: 42.5px; } .md\:x-gap-100 { margin-left: -50px; margin-right: -50px; } .md\:x-gap-100 > * { padding-left: 50px; padding-right: 50px; } .md\:y-gap-100 { margin-top: -50px; margin-bottom: -50px; } .md\:y-gap-100 > * { padding-top: 50px; padding-bottom: 50px; } } @media (max-width: 767px) { .sm\:x-gap-0 { margin-left: -0px; margin-right: -0px; } .sm\:x-gap-0 > * { padding-left: 0px; padding-right: 0px; } .sm\:y-gap-0 { margin-top: -0px; margin-bottom: -0px; } .sm\:y-gap-0 > * { padding-top: 0px; padding-bottom: 0px; } .sm\:x-gap-5 { margin-left: -2.5px; margin-right: -2.5px; } .sm\:x-gap-5 > * { padding-left: 2.5px; padding-right: 2.5px; } .sm\:y-gap-5 { margin-top: -2.5px; margin-bottom: -2.5px; } .sm\:y-gap-5 > * { padding-top: 2.5px; padding-bottom: 2.5px; } .sm\:x-gap-10 { margin-left: -5px; margin-right: -5px; } .sm\:x-gap-10 > * { padding-left: 5px; padding-right: 5px; } .sm\:y-gap-10 { margin-top: -5px; margin-bottom: -5px; } .sm\:y-gap-10 > * { padding-top: 5px; padding-bottom: 5px; } .sm\:x-gap-15 { margin-left: -7.5px; margin-right: -7.5px; } .sm\:x-gap-15 > * { padding-left: 7.5px; padding-right: 7.5px; } .sm\:y-gap-15 { margin-top: -7.5px; margin-bottom: -7.5px; } .sm\:y-gap-15 > * { padding-top: 7.5px; padding-bottom: 7.5px; } .sm\:x-gap-20 { margin-left: -10px; margin-right: -10px; } .sm\:x-gap-20 > * { padding-left: 10px; padding-right: 10px; } .sm\:y-gap-20 { margin-top: -10px; margin-bottom: -10px; } .sm\:y-gap-20 > * { padding-top: 10px; padding-bottom: 10px; } .sm\:x-gap-25 { margin-left: -12.5px; margin-right: -12.5px; } .sm\:x-gap-25 > * { padding-left: 12.5px; padding-right: 12.5px; } .sm\:y-gap-25 { margin-top: -12.5px; margin-bottom: -12.5px; } .sm\:y-gap-25 > * { padding-top: 12.5px; padding-bottom: 12.5px; } .sm\:x-gap-30 { margin-left: -15px; margin-right: -15px; } .sm\:x-gap-30 > * { padding-left: 15px; padding-right: 15px; } .sm\:y-gap-30 { margin-top: -15px; margin-bottom: -15px; } .sm\:y-gap-30 > * { padding-top: 15px; padding-bottom: 15px; } .sm\:x-gap-40 { margin-left: -20px; margin-right: -20px; } .sm\:x-gap-40 > * { padding-left: 20px; padding-right: 20px; } .sm\:y-gap-40 { margin-top: -20px; margin-bottom: -20px; } .sm\:y-gap-40 > * { padding-top: 20px; padding-bottom: 20px; } .sm\:x-gap-50 { margin-left: -25px; margin-right: -25px; } .sm\:x-gap-50 > * { padding-left: 25px; padding-right: 25px; } .sm\:y-gap-50 { margin-top: -25px; margin-bottom: -25px; } .sm\:y-gap-50 > * { padding-top: 25px; padding-bottom: 25px; } .sm\:x-gap-60 { margin-left: -30px; margin-right: -30px; } .sm\:x-gap-60 > * { padding-left: 30px; padding-right: 30px; } .sm\:y-gap-60 { margin-top: -30px; margin-bottom: -30px; } .sm\:y-gap-60 > * { padding-top: 30px; padding-bottom: 30px; } .sm\:x-gap-85 { margin-left: -42.5px; margin-right: -42.5px; } .sm\:x-gap-85 > * { padding-left: 42.5px; padding-right: 42.5px; } .sm\:y-gap-85 { margin-top: -42.5px; margin-bottom: -42.5px; } .sm\:y-gap-85 > * { padding-top: 42.5px; padding-bottom: 42.5px; } .sm\:x-gap-100 { margin-left: -50px; margin-right: -50px; } .sm\:x-gap-100 > * { padding-left: 50px; padding-right: 50px; } .sm\:y-gap-100 { margin-top: -50px; margin-bottom: -50px; } .sm\:y-gap-100 > * { padding-top: 50px; padding-bottom: 50px; } } .layout-pt-md { padding-top: 80px; } .layout-pb-md { padding-bottom: 80px; } .layout-pt-lg { padding-top: 100px; } .layout-pb-lg { padding-bottom: 120px; } @media (max-width: 767px) { .layout-pt-md { padding-top: 75px; } .layout-pb-md { padding-bottom: 75px; } } @media (max-width: 767px) { .layout-pt-lg { padding-top: 80px; } .layout-pb-lg { padding-bottom: 800px; } } @media (max-width: 575px) { .layout-pt-md { padding-top: 50px; } .layout-pb-md { padding-bottom: 50px; } } @media (max-width: 575px) { .layout-pt-lg { padding-top: 80px; } .layout-pb-lg { padding-bottom: 80px; } } .w-1\/5 { width: 20% !important; } .w-1\/4 { width: 25% !important; } .w-1\/3 { width: 33.333333% !important; } .w-1\/2 { width: 50% !important; } .w-1\/1 { width: 100% !important; } @media (max-width: 1199px) { .xl\:w-1\/5 { width: 20% !important; } .xl\:w-1\/4 { width: 25% !important; } .xl\:w-1\/3 { width: 33.333333% !important; } .xl\:w-1\/2 { width: 50% !important; } .xl\:w-1\/1 { width: 100% !important; } } @media (max-width: 991px) { .lg\:w-1\/5 { width: 20% !important; } .lg\:w-1\/4 { width: 25% !important; } .lg\:w-1\/3 { width: 33.333333% !important; } .lg\:w-1\/2 { width: 50% !important; } .lg\:w-1\/1 { width: 100% !important; } } @media (max-width: 767px) { .md\:w-1\/5 { width: 20% !important; } .md\:w-1\/4 { width: 25% !important; } .md\:w-1\/3 { width: 33.333333% !important; } .md\:w-1\/2 { width: 50% !important; } .md\:w-1\/1 { width: 100% !important; } } @media (max-width: 575px) { .sm\:w-1\/5 { width: 20% !important; } .sm\:w-1\/4 { width: 25% !important; } .sm\:w-1\/3 { width: 33.333333% !important; } .sm\:w-1\/2 { width: 50% !important; } .sm\:w-1\/1 { width: 100% !important; } } .flex-column { flex-direction: column; } @media (max-width: 1199px) { .xl\:flex-column { flex-direction: column !important; } } @media (max-width: 991px) { .lg\:flex-column { flex-direction: column !important; } } @media (max-width: 767px) { .md\:flex-column { flex-direction: column !important; } } @media (max-width: 575px) { .sm\:flex-column { flex-direction: column !important; } } .justify-start { justify-content: flex-start !important; } .justify-end { justify-content: flex-end !important; } .justify-center { justify-content: center !important; } .justify-between { justify-content: space-between !important; } .items-start { align-items: flex-start !important; } .items-end { align-items: flex-end !important; } .items-center { align-items: center !important; } @media (max-width: 1199px) { .xl\:justify-start { justify-content: flex-start !important; } .xl\:justify-end { justify-content: flex-end !important; } .xl\:justify-center { justify-content: center !important; } .xl\:justify-between { justify-content: space-between !important; } .xl\:items-start { align-items: flex-start !important; } .xl\:items-end { align-items: flex-end !important; } .xl\:items-center { align-items: center !important; } } @media (max-width: 991px) { .lg\:justify-start { justify-content: flex-start !important; } .lg\:justify-end { justify-content: flex-end !important; } .lg\:justify-center { justify-content: center !important; } .lg\:justify-between { justify-content: space-between !important; } .lg\:items-start { align-items: flex-start !important; } .lg\:items-end { align-items: flex-end !important; } .lg\:items-center { align-items: center !important; } } @media (max-width: 767px) { .md\:justify-start { justify-content: flex-start !important; } .md\:justify-end { justify-content: flex-end !important; } .md\:justify-center { justify-content: center !important; } .md\:justify-between { justify-content: space-between !important; } .md\:items-start { align-items: flex-start !important; } .md\:items-end { align-items: flex-end !important; } .md\:items-center { align-items: center !important; } } @media (max-width: 575px) { .sm\:justify-start { justify-content: flex-start !important; } .sm\:justify-end { justify-content: flex-end !important; } .sm\:justify-center { justify-content: center !important; } .sm\:justify-between { justify-content: space-between !important; } .sm\:items-start { align-items: flex-start !important; } .sm\:items-end { align-items: flex-end !important; } .sm\:items-center { align-items: center !important; } } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } @media (max-width: 1199px) { .xl\:order-1 { order: 1; } .xl\:order-2 { order: 2; } .xl\:order-3 { order: 3; } } @media (max-width: 991px) { .lg\:order-1 { order: 1; } .lg\:order-2 { order: 2; } .lg\:order-3 { order: 3; } } @media (max-width: 767px) { .md\:order-1 { order: 1; } .md\:order-2 { order: 2; } .md\:order-3 { order: 3; } } @media (max-width: 575px) { .sm\:order-1 { order: 1; } .sm\:order-2 { order: 2; } .sm\:order-3 { order: 3; } } .bg-white { background-color: var(--color-white) !important; } .bg-black { background-color: var(--color-black) !important; } .bg-border { background-color: var(--color-border) !important; } .bg-accent-1 { background-color: var(--color-accent-1) !important; } .bg-accent-2 { background-color: var(--color-accent-2) !important; } .bg-light-1 { background-color: var(--color-light-1) !important; } .bg-light-2 { background-color: var(--color-light-2) !important; } .bg-dark-1 { background-color: var(--color-dark-1) !important; } .bg-dark-2 { background-color: var(--color-dark-2) !important; } .bg-dark-3 { background-color: var(--color-dark-3) !important; } .bg-info-1 { background-color: var(--color-info-1) !important; } .bg-info-2 { background-color: var(--color-info-2) !important; } .bg-warning-1 { background-color: var(--color-warning-1) !important; } .bg-warning-2 { background-color: var(--color-warning-2) !important; } .bg-error-1 { background-color: var(--color-error-1) !important; } .bg-error-2 { background-color: var(--color-error-2) !important; } .bg-success-1 { background-color: var(--color-success-1) !important; } .bg-success-2 { background-color: var(--color-success-2) !important; } .bg-transparent { background-color: transparent !important; } .bg-white-10 { background-color: rgba(255, 255, 255, 0.1); } .bg-accent-1-10 { background-color: rgba(18, 34, 35, 0.1); } .bg-accent-1-50 { background-color: #d7ad4b; } .text-white { color: var(--color-white); } .text-black { color: var(--color-black); } .text-border { color: var(--color-border); } .text-accent-1 { color: var(--color-accent-1); } .text-accent-2 { color: var(--color-accent-2); } .text-light-1 { color: var(--color-light-1); } .text-light-2 { color: var(--color-light-2); } .text-dark-1 { color: var(--color-dark-1); } .text-dark-2 { color: var(--color-dark-2); } .text-dark-3 { color: var(--color-dark-3); } .text-info-1 { color: var(--color-info-1); } .text-info-2 { color: var(--color-info-2); } .text-warning-1 { color: var(--color-warning-1); } .text-warning-2 { color: var(--color-warning-2); } .text-error-1 { color: var(--color-error-1); } .text-error-2 { color: var(--color-error-2); } .text-success-1 { color: var(--color-success-1); } .text-success-2 { color: var(--color-success-2); } .text-white-50 { color: rgba(255, 255, 255, 0.5); } .text-white-60 { color: rgba(255, 255, 255, 0.8); } .text-sec { font-family: var(--font-secondary); } .d-none { display: none !important; } .d-flex { display: flex !important; } .d-block { display: block !important; } .d-inline-block { display: inline-block !important; } @media (max-width: 1199px) { .xl\:d-none { display: none !important; } .xl\:d-inline-block { display: inline-block !important; } .xl\:d-block { display: block !important; } .xl\:d-flex { display: flex !important; } } @media (max-width: 991px) { .lg\:d-none { display: none !important; } .lg\:d-inline-block { display: inline-block !important; } .lg\:d-block { display: block !important; } .lg\:d-flex { display: flex !important; } } @media (max-width: 767px) { .md\:d-none { display: none !important; } .md\:d-inline-block { display: inline-block !important; } .md\:d-block { display: block !important; } .md\:d-flex { display: flex !important; } } @media (max-width: 575px) { .sm\:d-none { display: none !important; } .sm\:d-inline-block { display: inline-block !important; } .sm\:d-block { display: block !important; } .sm\:d-flex { display: flex !important; } } .html-overflow-hidden { overflow: hidden !important; } .html-overflow-hidden body { overflow-y: scroll; } .origin-top { transform-origin: top !important; } .origin-left { transform-origin: left !important; } .overflow-scroll { overflow: scroll !important; } .overflow-hidden { overflow: hidden !important; } .overflow-normal { overflow: initial !important; } .overflow-visible { overflow: visible !important; } .pointer-events-auto { pointer-events: auto !important; } .pointer-events-none { pointer-events: none !important; } .bg-image { background-size: cover; background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%; } .object-cover { -o-object-fit: cover; object-fit: cover; } .img-cover { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .img-ratio { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .line-through { text-decoration: line-through; } .underline { text-decoration: underline; } .italic { font-style: italic; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } .normal { text-transform: none; } .rounded-0 { border-radius: 0 !important; } .rounded-4 { border-radius: 4px; } .rounded-8 { border-radius: 8px !important; } .rounded-12 { border-radius: 12px; } .rounded-16 { border-radius: 16px; } .rounded-200 { border-radius: 200px !important; } .rounded-full { border-radius: 100%; } .border-white { border: 1px solid #FFF; } .border-white-10 { border: 1px solid rgba(255, 255, 255, 0.1); } .border-bottom-white-20 { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .border-top-white-20 { border-top: 1px solid rgba(255, 255, 255, 0.2); } .border-accent-1 { border: 1px solid var(--color-accent-1); } .border-1 { border: 1px solid var(--color-border) !important; } .border-light-1-top { border-top: 1px solid var(--color-light-1); } .border-bottom-border { border-bottom: 1px solid var(--color-border); } .border-table-1 > * + * { border-top: 1px solid var(--color-border); } .border-row-1 > * + * { border-left: 1px solid rgba(255, 255, 255, 0.1); } @media (max-width: 767px) { .border-row-1 > * + * { border: none; } } .size-25 { flex-shrink: 0; width: 25px; height: 25px; } .size-30 { flex-shrink: 0; width: 30px; height: 30px; } .size-40 { flex-shrink: 0; width: 40px; height: 40px; } .size-50 { flex-shrink: 0; width: 50px; height: 50px; } .size-60 { flex-shrink: 0; width: 60px; height: 60px; } .size-70 { flex-shrink: 0; width: 70px; height: 70px; } .size-80 { flex-shrink: 0; width: 80px; height: 80px; } .size-90 { flex-shrink: 0; width: 90px; height: 90px; } .size-110 { flex-shrink: 0; width: 110px; height: 110px; } .size-130 { flex-shrink: 0; width: 130px; height: 130px; } @media (max-width: 767px) { .md\:size-60 { width: 60px; height: 60px; } } .shadow-1 { box-shadow: 0px 6px 50px 0px rgba(18, 34, 35, 0.07); } .hover-shadow-1 { transition: .2s; } .hover-shadow-1:hover { box-shadow: 0px 10px 40px 0px #0000000D; } .flex-center { display: flex; justify-content: center; align-items: center; } .flex-wrap { flex-wrap: wrap; } .h-40 { height: 40px; } .h-full { height: 100% !important; } @media (max-width: 767px) { .md\:h-map { height: 300px !important; } } .relative { position: relative; } .absolute { position: absolute; } .z--1 { z-index: -1 !important; } .z-0 { z-index: 0 !important; } .z-1 { z-index: 1 !important; } .z-2 { z-index: 2 !important; } .z-3 { z-index: 3 !important; } .z-4 { z-index: 4 !important; } .z-5 { z-index: 5 !important; } .sectionBg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } .sectionBg.-left { right: unset; } @media (max-width: 767px) { .sectionBg.-left { position: relative; } } .sectionBg.-left-2 { right: unset; } @media (max-width: 991px) { .sectionBg.-left-2 { position: relative; height: 400px; } } @media (max-width: 767px) { .sectionBg.-left-2 { height: 270px; } } .sectionBg.-type-1 { left: 60px; right: 60px; } @media (max-width: 1199px) { .sectionBg.-type-1 { position: relative; left: 0; right: 0; border-radius: 0 !important; } } .sectionBg.-type-1 img { width: 40vw; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1199px) { .sectionBg.-type-1 img { width: 100%; height: 400px; } } .sectionBg.-type-2 { position: unset; display: flex; justify-content: flex-end; } .sectionBg.-type-2 .sectionBg__bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; left: 60px; right: 60px; z-index: -1; } @media (max-width: 1199px) { .sectionBg.-type-2 .sectionBg__bg { left: 0; right: 0; } } .sectionBg.-type-2 img { position: absolute; top: 0; right: 60px; width: 40vw; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1199px) { .sectionBg.-type-2 img { position: relative; right: unset; width: 100%; height: 400px; padding: 0 60px; margin-bottom: 40px; } } @media (max-width: 767px) { .sectionBg.-type-2 img { padding: 0; } } .sectionBg.-mx-60 { margin: 0 60px; } @media (max-width: 1600px) { .sectionBg.-mx-60 { margin: 0; } } @media (max-width: 1199px) { .sectionBg.-mx-60 { margin: 0; } } .-hover-image-scale__image { overflow: hidden; } .-hover-image-scale__image > *:nth-child(1) { transition: 0.6s; } .-hover-image-scale:hover .-hover-image-scale__image > *:nth-child(1) { transform: scale(1.15); } .-hover-button-center__wrap { position: relative; } .-hover-button-center__button { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 1; transition: all 0.2s ease; pointer-events: none; opacity: 0; } .-hover-button-center:hover .-hover-button-center__button { pointer-events: auto; opacity: 1; } .blur-1 { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .line.-vertical { width: 1px; } .line.-horizontal { height: 1px; } .line.-w-140 { width: 140px; } .imageGrid.-type-1 { position: relative; display: flex; align-items: flex-end; justify-content: flex-end; } @media (max-width: 991px) { .imageGrid.-type-1 { display: grid; grid-template-columns: 0.4fr 1fr; gap: 20px; justify-content: flex-start; width: 100%; } } .imageGrid.-type-1 > *:nth-child(1) { position: absolute; right: calc(100% + 40px); width: 280px; } @media (max-width: 991px) { .imageGrid.-type-1 > *:nth-child(1) { position: relative; right: unset; width: 100%; } } .imageGrid.-type-1 > *:nth-child(1) img { width: 100%; } .imageGrid.-type-1 > *:nth-child(2) { position: relative; z-index: 0; } .imageGrid.-type-1 > *:nth-child(2) img { width: 620px; } @media (max-width: 991px) { .imageGrid.-type-1 > *:nth-child(2) img { width: 100%; } } .imageGrid.-type-1 > *:nth-child(2)::before { content: ""; position: absolute; top: 60px; left: 60px; right: -20px; bottom: -20px; border: 1px solid black; z-index: -1; } @media (max-width: 767px) { .imageGrid.-type-1 > *:nth-child(2)::before { top: 20px; left: 20px; right: -10px; bottom: -10px; } } .imageGrid.-type-2 { display: grid; align-items: center; grid-template-columns: 0.75fr 1fr 0.75fr 1fr 0.75fr; gap: 30px; margin: 0 60px; padding-bottom: 100px; } @media (max-width: 1199px) { .imageGrid.-type-2 { grid-template-columns: repeat(5, 1fr); margin: 0 30px; margin-top: 60px; padding-bottom: 0; } } @media (max-width: 991px) { .imageGrid.-type-2 { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 767px) { .imageGrid.-type-2 { grid-template-columns: repeat(2, 1fr); margin: 0 24px; margin-top: 50px; } } .imageGrid.-type-2 > *:nth-child(2) { position: relative; bottom: -100px; } @media (max-width: 1199px) { .imageGrid.-type-2 > *:nth-child(2) { bottom: unset; } } .imageGrid.-type-3 { position: relative; display: flex; justify-content: flex-end; padding-bottom: 145px; } .imageGrid.-type-3 > *:nth-child(1) { position: absolute; top: 322px; left: 0; } @media (max-width: 767px) { .imageGrid.-type-3 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; padding-bottom: 0; } .imageGrid.-type-3 > *:nth-child(1) { position: relative; top: unset; left: unset; } } .imageGrid.-type-4 { display: grid; gap: 20px; grid-template-columns: 0.66fr 0.33fr; grid-template-rows: repeat(2, 240px); } .imageGrid.-type-4 > *:nth-child(1) { grid-row: span 2; } .imageGrid.-type-4 img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .imageGrid.-type-5 { position: relative; left: -30px; width: calc(100% + 60px); display: grid; grid-template-columns: repeat(4, 1fr); gap: 60px; } @media (max-width: 991px) { .imageGrid.-type-5 { left: 0; grid-template-columns: repeat(2, 1fr); width: 100%; padding: 0 20px; } } @media (max-width: 767px) { .imageGrid.-type-5 { grid-template-columns: repeat(1, 1fr); gap: 30px; } } .imageGrid.-type-5 > *:nth-child(2n) { padding-top: 100px; } @media (max-width: 767px) { .imageGrid.-type-5 > *:nth-child(2n) { padding-top: 0; } } .imageGrid.-type-5 img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } .imageGrid__wrap.-type-6 { position: relative; padding-top: 170px; padding-bottom: 90px; } @media (max-width: 991px) { .imageGrid__wrap.-type-6 { padding: 0; } } .imageGrid.-type-6 { position: absolute; top: 0; left: 60px; right: 60px; bottom: 0; z-index: -1; display: grid; grid-template-columns: repeat(2, max-content); justify-content: space-between; grid-template-rows: masonry; } .imageGrid.-type-6 > *:nth-child(1) { width: 18.2vw; } .imageGrid.-type-6 > *:nth-child(2) { width: 18.2vw; } .imageGrid.-type-6 > *:nth-child(3) { width: 18.2vw; } .imageGrid.-type-6 > *:nth-child(4) { width: 18.2vw; } .imageGrid.-type-6 > *:nth-child(2) { margin-left: 12vw; } .imageGrid.-type-6 > *:nth-child(3) { margin-top: -6vw; margin-left: 12vw; } .imageGrid.-type-6 > *:nth-child(4) { align-self: flex-end; } @media (max-width: 1199px) { .imageGrid.-type-6 { left: 20px; right: 20px; } .imageGrid.-type-6 > *:nth-child(1) { width: 27vw; } .imageGrid.-type-6 > *:nth-child(2) { width: 27vw; } .imageGrid.-type-6 > *:nth-child(3) { width: 27vw; } .imageGrid.-type-6 > *:nth-child(4) { width: 27vw; } .imageGrid.-type-6 > *:nth-child(2) { margin-left: 6vw; } .imageGrid.-type-6 > *:nth-child(3) { margin-top: -12vw; margin-left: 6vw; } } @media (max-width: 991px) { .imageGrid.-type-6 { position: relative; left: unset; right: unset; align-items: center; grid-template-columns: repeat(4, 1fr); gap: 30px; padding: 0 30px; margin-bottom: 30px; } .imageGrid.-type-6 > *:nth-child(1) { width: 100%; } .imageGrid.-type-6 > *:nth-child(2) { width: 100%; } .imageGrid.-type-6 > *:nth-child(3) { width: 100%; } .imageGrid.-type-6 > *:nth-child(4) { width: 100%; } .imageGrid.-type-6 > *:nth-child(2) { margin-left: 0; } .imageGrid.-type-6 > *:nth-child(3) { margin-top: 0; margin-left: 0; } .imageGrid.-type-6 > *:nth-child(4) { align-self: unset; } } @media (max-width: 575px) { .imageGrid.-type-6 { grid-template-columns: repeat(2, 1fr); align-items: flex-start; } .imageGrid.-type-6 > *:nth-child(3) { margin-top: -24vw; } } .hoverTitle { display: flex; align-items: center; transition: all 0.2s ease-out; opacity: 0.4; } .hoverTitle i { opacity: 0; transition: all 0.2s ease-out; } .hoverTitle:hover { color: currentColor; opacity: 1; } .hoverTitle:hover i { opacity: 1; } @media (max-width: 991px) { .sideImages.-type-1 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-bottom: 30px; } } @media (max-width: 575px) { .sideImages.-type-1 { gap: 20px; } } .sideImages.-type-1 > * { position: absolute; top: 0; bottom: 0; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: -1; } @media (max-width: 1279px) { .sideImages.-type-1 > * { width: 25.3vw; } } @media (max-width: 991px) { .sideImages.-type-1 > * { position: relative; width: 100%; } } .sideImages.-type-1 > *:nth-child(1) { left: 0; } .sideImages.-type-1 > *:nth-child(2) { right: 0; } .sideImages.-type-2 { position: absolute; top: 50%; left: 60px; right: 60px; display: grid; grid-template-columns: repeat(2, 27vw); justify-content: space-between; transform: translateY(-50%); z-index: -1; } @media (max-width: 1199px) { .sideImages.-type-2 { position: relative; transform: none; top: unset; left: unset; right: unset; grid-template-columns: repeat(2, 1fr); gap: 120px; margin-bottom: 70px; padding: 0 50px; } } @media (max-width: 991px) { .sideImages.-type-2 { gap: 50px; } } @media (max-width: 767px) { .sideImages.-type-2 { gap: 20px; padding: 20px; padding-bottom: 0; margin-bottom: 40px; } } .newsletter.-type-1 { position: relative; } .newsletter.-type-1 input { border-radius: 16px; width: 100%; height: 70px; padding: 0 30px; } @media (max-width: 1199px) { .newsletter.-type-1 input { background-color: var(--color-light-1) !important; } } .newsletter.-type-1 button { position: absolute; top: 0; right: 0; bottom: 0; padding: 0 30px; } .navAbsolute { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); display: flex; align-items: center; justify-content: space-between; z-index: 1; } .navAbsolute.-type-2 { left: -150px; right: -150px; } .navAbsolute.-type-3 { left: 90px; right: 90px; } @media (max-width: 767px) { .navAbsolute.-type-3 { left: 20px; right: 20px; } } .navAbsolute.-type-4 { left: 30px; right: 30px; } .lineGrid.-type-1 { display: grid; grid-template-columns: 1fr min-content 1fr; align-items: center; gap: 105px; } @media (max-width: 991px) { .lineGrid.-type-1 { grid-template-columns: 1fr; gap: 40px; } } .lineGrid.-type-1 .lineGrid__content { padding: 100px 0; } @media (max-width: 991px) { .lineGrid.-type-1 .lineGrid__content { padding: 0; } .lineGrid.-type-1 .lineGrid__content img { width: 100%; } } .lineGrid.-type-1 .lineGrid__content.-no-padding { padding: 0; align-self: flex-start; } .lineGrid.-type-1 .lineGrid__line { width: 1px; height: 100%; background-color: var(--color-accent-1); } @media (max-width: 991px) { .lineGrid.-type-1 .lineGrid__line { display: none; } } .ss-scale .ss-scale__item { height: 100px; transition: all 0.5s ease; } @media (max-width: 767px) { .ss-scale .ss-scale__item { height: 0; } } .ss-scale .swiper-slide-active .ss-scale__item { height: 0; } .ss-scale-2 .swiper-slide { transform: scale(0.85); transition: all 0.5s ease; } .ss-scale-2 .swiper-slide-active { transform: scale(1); } .roomCardGrid { display: grid; grid-template-columns: 0.7fr 1fr; gap: 150px; align-items: center; } @media (max-width: 991px) { .roomCardGrid { grid-template-columns: 1fr; gap: 60px; } .roomCardGrid > *:nth-child(1) { order: 2; } } @media (max-width: 575px) { .roomCardGrid { gap: 30px; } } .roomCardGrid.-reverse { grid-template-columns: 1fr 0.7fr; } .roomCardGrid.-reverse > *:nth-child(1) { order: 2; } .roomCardGrid.-reverse > *:nth-child(2) { order: 1; } @media (max-width: 991px) { .roomCardGrid.-reverse { grid-template-columns: 1fr; gap: 60px; } } @media (max-width: 575px) { .roomCardGrid.-reverse { gap: 30px; } } .ulList.-type-1 li::before { content: ""; display: inline-block; vertical-align: middle; width: 6px; height: 6px; border-radius: 100%; background-color: var(--color-accent-2); margin-right: 10px; } .ulList.-type-1 li + li { margin-top: 15px; } .roomsSingleGrid.-type-1 { position: relative; display: grid; grid-template-columns: 1fr 270px 270px; grid-template-rows: repeat(2, 280px); gap: 10px; } @media (max-width: 991px) { .roomsSingleGrid.-type-1 { grid-template-columns: 1fr 0.5fr 0.5fr; grid-template-rows: repeat(2, 1fr); } } @media (max-width: 767px) { .roomsSingleGrid.-type-1 { grid-template-columns: 1fr 1fr; grid-template-rows: repeat(1, 1fr); } } .roomsSingleGrid.-type-1 > *:nth-child(1) { grid-row: span 2; } .roomsSingleGrid.-type-1 img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .roomsSingleGrid.-type-1 .roomsSingleGrid__button { position: absolute; bottom: 20px; right: 20px; display: flex; align-items: center; background-color: white; border-radius: 8px; height: 42px; padding: 0 20px; z-index: 1; } .w-auto { width: auto !important; } .tableWrap { overflow-x: auto; } .table.-type-1 { overflow-x: auto; display: block; width: -moz-max-content; width: max-content; white-space: nowrap; } .table.-type-1 tr + tr { border-bottom: 1px solid var(--color-border); } .table.-type-1 tr td { padding: 30px 0; } .table.-type-1 tr td:not(:first-child) { text-align: center; } .table.-type-1 .table__header th { height: 60px; font-weight: 500; font-size: 17px; padding: 0 30px; text-align: center; } .cta.-type-1 { position: relative; display: flex; align-items: center; height: 450px; z-index: 0; } @media (max-width: 991px) { .cta.-type-1 { height: 600px; } } @media (max-width: 575px) { .cta.-type-1 { height: 420px; } } .cta.-type-1 .cta__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .cta.-type-1 .cta__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .-circle-1::before { content: ""; display: inline-block; vertical-align: middle; width: 6px; height: 6px; border-radius: 100%; background-color: var(--color-accent-2); margin-right: 10px; } .-circle-2 { width: 6px; height: 6px; border-radius: 100%; } .blockquote { position: relative; padding: 60px 80px; } .blockquote::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 5px; height: 100%; background-color: var(--color-accent-1); z-index: 1; } .blockquote__icon { position: absolute; bottom: 50px; right: 64px; } .blockquote__text { font-size: 24px; font-weight: 500; line-height: 40px; padding-right: 40px; } @media (max-width: 991px) { .blockquote__text { padding-right: 0; } } .table.-type-2 th { padding: 25px 40px; line-height: 1; font-weight: 500; } .table.-type-2 tbody > tr + tr { border-top: 1px solid var(--color-border); } .table.-type-2 td { padding: 20px 40px; } .about.-type-1 { position: relative; } .about.-type-1 .about__images { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; gap: 100px; } .about.-type-1 .about__images img { width: 100%; } @media (max-width: 1199px) { .about.-type-1 .about__images { gap: 30px; } } @media (max-width: 575px) { .about.-type-1 .about__images { gap: 10px; } } .about.-type-1 .about__backTitle { position: absolute; top: 72px; left: 0; width: 100%; font-size: 170px; font-weight: 500; text-align: center; z-index: -1; } @media (max-width: 1199px) { .about.-type-1 .about__backTitle { font-size: 120px; } } @media (max-width: 991px) { .about.-type-1 .about__backTitle { top: 70px; font-size: 90px; } } @media (max-width: 575px) { .about.-type-1 .about__backTitle { top: 40px; font-size: 54px; } } .about.-type-1 .about__content { margin-top: -70px; } @media (max-width: 991px) { .about.-type-1 .about__content { margin-top: -30px; } } @media (max-width: 575px) { .about.-type-1 .about__content { margin-top: 0; } } .about.-type-1 .about__title { font-size: 120px; margin-bottom: 30px; } @media (max-width: 1199px) { .about.-type-1 .about__title { font-size: 90px; } } @media (max-width: 767px) { .about.-type-1 .about__title { font-size: 70px; } } @media (max-width: 575px) { .about.-type-1 .about__title { font-size: 50px; } } .mt--50 { margin-top: -50px; } .cardRow-card { position: relative; } .cardRow-card img { width: 100%; } .cardRow-card__content { position: absolute; bottom: 60px; left: 0; width: 100%; text-align: center; z-index: 1; } .custom-icon-minus { display: flex; align-items: center; justify-content: center; } .custom-icon-minus span { width: 12px; height: 1px; background-color: var(--color-accent-1); } .cursor-pointer { cursor: pointer; } .custom-icon-plus { position: relative; display: flex; align-items: center; justify-content: center; } .custom-icon-plus span { width: 12px; height: 2px; background-color: var(--color-accent-1); } .custom-icon-plus > *:nth-child(2) { position: absolute; width: 2px; height: 12px; } .mapMarker { outline: 10px solid rgba(249, 218, 186, 0.1); } @media (max-width: 767px) { .md\:ratio-1\:1::before { padding-bottom: 100%; } } .cardImage.-type-1 { position: relative; height: 860px; } @media (max-width: 1279px) { .cardImage.-type-1 { height: 600px; } } @media (max-width: 767px) { .cardImage.-type-1 { height: 400px; } } .cardImage.-type-1 .cardImage__image { width: 100%; height: 100%; } .cardImage.-type-1 .cardImage__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .cardImage.-type-1 .cardImage__content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; display: flex; flex-direction: column; justify-content: center; padding: 0 90px; padding-top: 50px; } @media (max-width: 1279px) { .cardImage.-type-1 .cardImage__content { padding: 0 30px; padding-top: 50px; } } @media (max-width: 991px) { .cardImage.-type-1 .cardImage__content { padding: 0 90px; padding-top: 20px; } } @media (max-width: 767px) { .cardImage.-type-1 .cardImage__content { padding: 0 30px; padding-top: 20px; } } @media (max-width: 575px) { .cardImage.-type-1 .cardImage__content { padding: 0 50px; } } .cardImage.-type-1 .cardImage__button { transition: all .2s; opacity: 0; pointer-events: none; } @media (max-width: 991px) { .cardImage.-type-1 .cardImage__button { opacity: 1; pointer-events: auto; } } .cardImage.-type-1:hover .cardImage__button { opacity: 1; pointer-events: auto; } .sectionSlider.-type-1 { position: relative; } .sectionSlider.-type-1 .sectionSlider__content { transition: all 0.2s; opacity: 0; } .sectionSlider.-type-1 .sectionSlider__bgContainer { overflow: hidden; position: absolute; bottom: -50px; left: -120px; right: -120px; } @media (max-width: 767px) { .sectionSlider.-type-1 .sectionSlider__bgContainer { bottom: -30px; } } .sectionSlider.-type-1 .sectionSlider__bg { width: 100%; height: 460px; } @media (max-width: 767px) { .sectionSlider.-type-1 .sectionSlider__bg { height: 250px; } } .sectionSlider.-type-1 .swiper-slide-active .sectionSlider__content { opacity: 1; } .verticalSlider { overflow: hidden; height: 780px; } @media (max-width: 991px) { .verticalSlider { height: auto; } } .verticalSlider__wrap { padding: 100px 0; } @media (max-width: 767px) { .verticalSlider__wrap { padding: 60px 0; } } .verticalSlider__nav { position: absolute; top: 50%; transform: translateY(-50%); right: 40px; display: grid; grid-template-columns: 1fr; gap: 30px; z-index: 1; } @media (max-width: 767px) { .verticalSlider__nav { right: 20px; gap: 20px; } } @media (max-width: 575px) { .verticalSlider__nav { right: 10px; gap: 10px; } } .verticalSlider__nav .pagination__item { display: flex; align-items: center; color: white; font-size: 17px; font-weight: 500; } .verticalSlider__nav .pagination__item::before { content: ""; width: 25px; height: 1px; background-color: white; transform-origin: right; margin-right: 15px; transition: all 0.2s; } .verticalSlider__nav .pagination__item.is-active { opacity: 1; } .verticalSlider__nav .pagination__item.is-active::before { transform: scaleX(2); } .verticalSlider .swiper-slide { opacity: 0.3; transition: all 0.2s; } .verticalSlider .swiper-slide.swiper-slide-active { opacity: 1; } .icon-cross { position: relative; display: flex; align-items: center; justify-content: center; z-index: 0; } .icon-cross > * { width: 15px; height: 1px; background-color: currentColor; } .icon-cross > *:nth-child(1) { transform: rotate(45deg); } .icon-cross > *:nth-child(2) { position: absolute; transform: rotate(-45deg); } .progressBar { position: relative; } .progressBar__bg { width: 100%; height: 10px; border-radius: 20px; } .progressBar__bar { position: absolute; top: 0; left: 0; z-index: 5; height: 100%; border-radius: 4px; } .progressBar__bar span { position: absolute; right: 0; bottom: 100%; } .tooltip { position: relative; display: flex; justify-content: center; align-items: center; color: #615E5E; } .tooltip__content { position: absolute; display: flex; justify-content: center; align-items: center; padding: 9px 12px; font-size: 15px; line-height: 1.2; background-color: var(--color-accent-1); color: white; border-radius: 4px; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; } .tooltip__content::after { content: ''; position: absolute; width: 8px; height: 8px; background-color: black; transform: rotate(45deg); } .tooltip.-top .tooltip__content { bottom: calc(100% + 6px); transform: translateY(8px); } .tooltip.-top .tooltip__content::after { bottom: -4px; } .tooltip.-bottom .tooltip__content { top: calc(100% + 6px); transform: translateY(-8px); } .tooltip.-bottom .tooltip__content::after { top: -4px; } .tooltip.-left .tooltip__content { right: calc(100% + 6px); transform: translateX(8px); } .tooltip.-left .tooltip__content::after { right: -4px; } .tooltip.-right .tooltip__content { left: calc(100% + 6px); transform: translateX(-8px); } .tooltip.-right .tooltip__content::after { left: -4px; } .tooltip:hover .tooltip__content { transform: none; opacity: 1; } .noUi-target { height: 6px; border: none; background-color: var(--color-light-1) !important; } .noUi-connect { background-color: var(--color-accent-1) !important; box-shadow: 0 !important; position: relative; left: 10px; } .noUi-handle { width: 16px !important; height: 16px !important; border-radius: 100%; border: 2px solid var(--color-accent-1); box-shadow: 0 !important; } .noUi-handle::before { display: none; } .noUi-handle::after { display: none; } .circle { display: flex; width: 6px; max-width: 6px; height: 6px; max-height: 6px; border-radius: 100%; } .white-space { white-space: nowrap; } .hoverTitleInteraction__images { position: relative; } .hoverTitleInteraction__images > * { opacity: 0; transition: all 0.3s; } .hoverTitleInteraction__images > * + * { position: absolute; top: 0; right: 0; } .hoverTitleInteraction__images > *.is-active { opacity: 1; } @media (max-width: 767px) { .hoverTitleInteraction__images.-type-2 { height: 100%; } } .verticalSlider-images__button { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 1; transition: all 0.2s; opacity: 0; } .verticalSlider-images__images > * { position: absolute; width: 100%; height: 100%; z-index: 10; transition: all 0.3s; opacity: 0; pointer-events: none; } .verticalSlider-images__images > *:hover .verticalSlider-images__button { opacity: 1; } .verticalSlider-images__images > *.is-active { opacity: 1; pointer-events: auto; } .marquee { --itemWidth: 125vw; --animationTime: 24s; display: flex; align-items: center; width: calc(var(--itemWidth) * 2); animation: marquee var(--animationTime) infinite linear; } @media (max-width: 1199px) { .marquee { --itemWidth: 150vw; } } @media (max-width: 991px) { .marquee { --itemWidth: 175vw; } } @media (max-width: 767px) { .marquee { --itemWidth: 210vw; } } @media (max-width: 575px) { .marquee { --itemWidth: 280vw; } } .marquee__item { display: grid; align-items: center; grid-template-columns: repeat(6, 1fr); gap: 30px; width: var(--itemWidth); } @media (max-width: 767px) { .marquee__item { gap: 15px; } } .marquee > *:nth-child(1) { padding-right: 30px; } .marquee > *:nth-child(2) { padding-right: 30px; } @keyframes marquee { 0% { transform: translateX(0%); } 100% { transform: translateX(-50%); } } .trailer{ position:fixed; top:50%; left:50%; transform: translate(-50% ,-50%); z-index:99999999999!important; background:rgba(0,0,0,0.6); width:100%; height:100%; display:flex; justify-content:center; align-items:center; visibility:hidden; opacity:0; } .trailer.active{ visibility:visible; opacity:1; } .trailer video{ position:relative; max-width:65vw; outline:none; } .close{ position:absolute; top:-24px; right:-40px; cursor:pointer; max-width:32px; } @media (max-width:991px) { .trailer video{ max-width:90%; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.03 |
proxy
|
phpinfo
|
Settings