.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-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-16\:9::before { padding-bottom: 56.25%; } .ratio-19\:21::before { padding-bottom: 110.52632%; } .ratio-28\:20::before { padding-bottom: 71.42857%; } .ratio-23\:26::before { padding-bottom: 113.04348%; } .ratio-19\:22::before { padding-bottom: 115.78947%; } .ratio-23\:30::before { padding-bottom: 130.43478%; } .ratio-41\:30::before { padding-bottom: 73.17073%; } .ratio-41\:45::before { padding-bottom: 109.7561%; } :root { --font-primary: "DM sans", sans-serif; } :root { --text-8: 8px; --text-10: 10px; --text-13: 13px; --text-14: 14px; --text-15: 15px; --text-16: 16px; --text-18: 18px; --text-20: 20px; --text-24: 24px; --text-26: 26px; --text-30: 30px; --text-40: 40px; --text-50: 50px; --text-70: 70px; } :root { --color-white: #FFFFFF; --color-black: #000000; --color-border: #DDDDDD; --color-accent-1: #EB662B; --color-accent-1-dark: #CE5A25; --color-accent-2: #4A43C4; --color-dark-1: #05073C; --color-blue-1: #1967D2; --color-red-1: #D93025; --color-red-2: #F64E60; --color-red-3: #FF0000; --color-red-4: #FFE5E5; --color-purple-1: #8950FC; --color-yellow-1: #FFA800; --color-yellow-2: #E2AD64; --color-yellow-3: #F9AB00; --color-light-1: #F5F5F5; --color-light-2: #717171; --color-light-3: #FBFBFB; --color-light-4: #DDD3EC; --color-light-5: #F2F1EC; --color-light-6: #E7E6E6; --color-light-7: #C6C6D2; --color-green-1: #EFF7F1; --color-green-2: #63B06F; --color-green-3: #34A853; --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; } @keyframes reveal { 100% { opacity: 1; } } [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-dark-1); font-size: 15px; line-height: 1.875; } 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: disc; padding: 0; margin: 0; } p { font-size: 15px; color: var(--color-dark-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: 28px; border-radius: 12px; border: 1px solid transparent; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } .button.-sm { padding: 7px 20px; } .button.-md { padding: 16px 35px; } .button.-h-50 { height: 50px; } .button.-min-260 { min-width: 260px; } .button.-underline:hover { text-decoration: underline; } .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-1-dark:hover { border-color: var(--color-accent-1-dark); background-color: var(--color-accent-1-dark) !important; color: white !important; } .button.-outline-accent-1-dark { border-color: var(--color-accent-1-dark); } .button.-outline-accent-1-dark:hover { background-color: var(--color-accent-1-dark) !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.-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.-blue-1:hover { border-color: var(--color-blue-1); background-color: var(--color-blue-1) !important; color: white !important; } .button.-outline-blue-1 { border-color: var(--color-blue-1); } .button.-outline-blue-1:hover { background-color: var(--color-blue-1) !important; border-color: transparent; color: white !important; } .button.-red-1:hover { border-color: var(--color-red-1); background-color: var(--color-red-1) !important; color: white !important; } .button.-outline-red-1 { border-color: var(--color-red-1); } .button.-outline-red-1:hover { background-color: var(--color-red-1) !important; border-color: transparent; color: white !important; } .button.-red-2:hover { border-color: var(--color-red-2); background-color: var(--color-red-2) !important; color: white !important; } .button.-outline-red-2 { border-color: var(--color-red-2); } .button.-outline-red-2:hover { background-color: var(--color-red-2) !important; border-color: transparent; color: white !important; } .button.-red-3:hover { border-color: var(--color-red-3); background-color: var(--color-red-3) !important; color: white !important; } .button.-outline-red-3 { border-color: var(--color-red-3); } .button.-outline-red-3:hover { background-color: var(--color-red-3) !important; border-color: transparent; color: white !important; } .button.-red-4:hover { border-color: var(--color-red-4); background-color: var(--color-red-4) !important; color: white !important; } .button.-outline-red-4 { border-color: var(--color-red-4); } .button.-outline-red-4:hover { background-color: var(--color-red-4) !important; border-color: transparent; color: white !important; } .button.-purple-1:hover { border-color: var(--color-purple-1); background-color: var(--color-purple-1) !important; color: white !important; } .button.-outline-purple-1 { border-color: var(--color-purple-1); } .button.-outline-purple-1:hover { background-color: var(--color-purple-1) !important; border-color: transparent; color: white !important; } .button.-yellow-1:hover { border-color: var(--color-yellow-1); background-color: var(--color-yellow-1) !important; color: white !important; } .button.-outline-yellow-1 { border-color: var(--color-yellow-1); } .button.-outline-yellow-1:hover { background-color: var(--color-yellow-1) !important; border-color: transparent; color: white !important; } .button.-yellow-2:hover { border-color: var(--color-yellow-2); background-color: var(--color-yellow-2) !important; color: white !important; } .button.-outline-yellow-2 { border-color: var(--color-yellow-2); } .button.-outline-yellow-2:hover { background-color: var(--color-yellow-2) !important; border-color: transparent; color: white !important; } .button.-yellow-3:hover { border-color: var(--color-yellow-3); background-color: var(--color-yellow-3) !important; color: white !important; } .button.-outline-yellow-3 { border-color: var(--color-yellow-3); } .button.-outline-yellow-3:hover { background-color: var(--color-yellow-3) !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;s 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.-light-3:hover { border-color: var(--color-light-3); background-color: var(--color-light-3) !important; color: white !important; } .button.-outline-light-3 { border-color: var(--color-light-3); } .button.-outline-light-3:hover { background-color: var(--color-light-3) !important; border-color: transparent; color: white !important; } .button.-light-4:hover { border-color: var(--color-light-4); background-color: var(--color-light-4) !important; color: white !important; } .button.-outline-light-4 { border-color: var(--color-light-4); } .button.-outline-light-4:hover { background-color: var(--color-light-4) !important; border-color: transparent; color: white !important; } .button.-light-5:hover { border-color: var(--color-light-5); background-color: var(--color-light-5) !important; color: white !important; } .button.-outline-light-5 { border-color: var(--color-light-5); } .button.-outline-light-5:hover { background-color: var(--color-light-5) !important; border-color: transparent; color: white !important; } .button.-light-6:hover { border-color: var(--color-light-6); background-color: var(--color-light-6) !important; color: white !important; } .button.-outline-light-6 { border-color: var(--color-light-6); } .button.-outline-light-6:hover { background-color: var(--color-light-6) !important; border-color: transparent; color: white !important; } .button.-light-7:hover { border-color: var(--color-light-7); background-color: var(--color-light-7) !important; color: white !important; } .button.-outline-light-7 { border-color: var(--color-light-7); } .button.-outline-light-7:hover { background-color: var(--color-light-7) !important; border-color: transparent; color: white !important; } .button.-green-1:hover { border-color: var(--color-green-1); background-color: var(--color-green-1) !important; color: white !important; } .button.-outline-green-1 { border-color: var(--color-green-1); } .button.-outline-green-1:hover { background-color: var(--color-green-1) !important; border-color: transparent; color: white !important; } .button.-green-2:hover { border-color: var(--color-green-2); background-color: var(--color-green-2) !important; color: white !important; } .button.-outline-green-2 { border-color: var(--color-green-2); } .button.-outline-green-2:hover { background-color: var(--color-green-2) !important; border-color: transparent; color: white !important; } .button.-green-3:hover { border-color: var(--color-green-3); background-color: var(--color-green-3) !important; color: white !important; } .button.-outline-green-3 { border-color: var(--color-green-3); } .button.-outline-green-3:hover { background-color: var(--color-green-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.-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: 15px; line-height: 1.4; height: 55px; border: 1px solid #E7E6E6; border-radius: 12px; padding: 15px; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } .contactForm select:focus, .contactForm input:not([type="range"]):focus, .contactForm textarea:focus { outline: 1px solid #05073C; border: 1px solid #05073C; } .contactForm textarea { height: auto; } .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); } input.text-white::-moz-placeholder { color: white; } input.text-white::placeholder { color: white; } .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: 18px; height: 18px; border: 1px solid #05073C; border-radius: 4px; } .form-checkbox__icon { display: none; position: absolute; font-size: 8px; color: var(--color-dark-1); } .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: 18px; width: 18px; 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: 10px; height: 10px; 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: 55px; border: 1px solid #E7E6E6; border-radius: 12px; padding: 15px; 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-border); border-radius: 12px; 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; font-size: 15px; text-align: left; padding: 6px 0; transition: all 0.15s ease; } .select__options__button:hover { cursor: pointer; color: var(--color-accent-1) !important; } .select__options__button:focus { color: var(--color-accent-1) !important; } .select__search { height: 50px !important; background-color: var(--color-light-1) !important; width: auto !important; color: black; padding: 0 20px !important; margin: 0 20px; margin-top: 20px; } .select.-multiple .select__dropdown { padding: 15px 0; } h1, h2, h3, h4, h5, h6 { line-height: 1.5; font-weight: 700; color: var(--color-dark-1); margin: 0; } .text-8 { font-size: var(--text-8) !important; } .text-10 { font-size: var(--text-10) !important; } .text-13 { font-size: var(--text-13) !important; } .text-14 { font-size: var(--text-14) !important; } .text-15 { font-size: var(--text-15) !important; } .text-16 { font-size: var(--text-16) !important; } .text-18 { font-size: var(--text-18) !important; } .text-20 { font-size: var(--text-20) !important; } .text-24 { font-size: var(--text-24) !important; } .text-26 { font-size: var(--text-26) !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-70 { font-size: var(--text-70) !important; } @media (max-width: 1199px) { .xl\:text-8 { font-size: var(--text-8) !important; } .xl\:text-10 { font-size: var(--text-10) !important; } .xl\:text-13 { font-size: var(--text-13) !important; } .xl\:text-14 { font-size: var(--text-14) !important; } .xl\:text-15 { font-size: var(--text-15) !important; } .xl\:text-16 { font-size: var(--text-16) !important; } .xl\:text-18 { font-size: var(--text-18) !important; } .xl\:text-20 { font-size: var(--text-20) !important; } .xl\:text-24 { font-size: var(--text-24) !important; } .xl\:text-26 { font-size: var(--text-26) !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-70 { font-size: var(--text-70) !important; } } @media (max-width: 991px) { .lg\:text-8 { font-size: var(--text-8) !important; } .lg\:text-10 { font-size: var(--text-10) !important; } .lg\:text-13 { font-size: var(--text-13) !important; } .lg\:text-14 { font-size: var(--text-14) !important; } .lg\:text-15 { font-size: var(--text-15) !important; } .lg\:text-16 { font-size: var(--text-16) !important; } .lg\:text-18 { font-size: var(--text-18) !important; } .lg\:text-20 { font-size: var(--text-20) !important; } .lg\:text-24 { font-size: var(--text-24) !important; } .lg\:text-26 { font-size: var(--text-26) !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-70 { font-size: var(--text-70) !important; } } @media (max-width: 767px) { .md\:text-8 { font-size: var(--text-8) !important; } .md\:text-10 { font-size: var(--text-10) !important; } .md\:text-13 { font-size: var(--text-13) !important; } .md\:text-14 { font-size: var(--text-14) !important; } .md\:text-15 { font-size: var(--text-15) !important; } .md\:text-16 { font-size: var(--text-16) !important; } .md\:text-18 { font-size: var(--text-18) !important; } .md\:text-20 { font-size: var(--text-20) !important; } .md\:text-24 { font-size: var(--text-24) !important; } .md\:text-26 { font-size: var(--text-26) !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-70 { font-size: var(--text-70) !important; } } @media (max-width: 575px) { .sm\:text-8 { font-size: var(--text-8) !important; } .sm\:text-10 { font-size: var(--text-10) !important; } .sm\:text-13 { font-size: var(--text-13) !important; } .sm\:text-14 { font-size: var(--text-14) !important; } .sm\:text-15 { font-size: var(--text-15) !important; } .sm\:text-16 { font-size: var(--text-16) !important; } .sm\:text-18 { font-size: var(--text-18) !important; } .sm\:text-20 { font-size: var(--text-20) !important; } .sm\:text-24 { font-size: var(--text-24) !important; } .sm\:text-26 { font-size: var(--text-26) !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-70 { font-size: var(--text-70) !important; } } @media (max-width: 479px) { .xs\:text-8 { font-size: var(--text-8) !important; } .xs\:text-10 { font-size: var(--text-10) !important; } .xs\:text-13 { font-size: var(--text-13) !important; } .xs\:text-14 { font-size: var(--text-14) !important; } .xs\:text-15 { font-size: var(--text-15) !important; } .xs\:text-16 { font-size: var(--text-16) !important; } .xs\:text-18 { font-size: var(--text-18) !important; } .xs\:text-20 { font-size: var(--text-20) !important; } .xs\:text-24 { font-size: var(--text-24) !important; } .xs\:text-26 { font-size: var(--text-26) !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-70 { font-size: var(--text-70) !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.-type-1 { position: fixed; top: 0; left: 0; right: 0; background-color: white; z-index: 1000; } .header.-type-1 .header__container { display: flex; align-items: center; justify-content: space-between; height: 88px; } @media (max-width: 767px) { .header.-type-1 .header__container { height: 57px; } } .header.-type-1 .header__logo { display: flex; align-items: center; } .header.-type-1 .header__right { display: flex; align-items: center; } @media (max-width: 767px) { .header.-type-1 .header__right { display: none; } } .header.-type-1 .header__menuBtn { display: flex; } .header.-type-1 .header__menuBtn i { font-size: 20px; } .header.-type-1.-page-6 { background-color: transparent; } .header.-type-1.-page-6.-is-sticky { background-color: white; } .header.-type-1.-page-6 .headerDropdown__button:hover { background-color: #F8E9E3; } .header.-type-1.-secondary { border-bottom: 1px solid var(--Border, #E7E6E6); } .header.-type-1.-type-map { border-bottom: 1px solid var(--Border, #E7E6E6); } .header.-type-1.-type-map .header__container { display: flex; align-items: center; justify-content: space-between; height: 88px; border-bottom: 1px solid var(--Border, #E7E6E6); padding: 0 60px; max-width: 100%; } @media (max-width: 767px) { .header.-type-1.-type-map .header__container { height: 57px; padding: 0 24px; } } .headerDropdown { position: relative; } .headerDropdown__button { cursor: pointer; display: flex; align-items: center; padding: 7px 20px; border-radius: 200px; transition: 0.2s; } .headerDropdown__button i { margin-left: 5px; } .headerDropdown__button:hover { background-color: var(--color-light-1); } .headerDropdown__content { transition: 0.2s; opacity: 0; pointer-events: none; } .headerDropdown__content.is-active { opacity: 1; pointer-events: auto; } .headerDropdown .tabsMenu { position: fixed; top: 80px; left: 50%; transform: translateX(-50%); z-index: 20; } .headerDropdown .tabsMenu__container { background: white; border-radius: 12px; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); border: 1px solid var(--Border, #E7E6E6); width: 1290px; max-width: 100vw; } .headerDropdown .tabsMenu__tabs { border-right: 1px solid var(--color-border); } .headerDropdown .tabsMenu__tabs .tabs__controls > button { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0 30px; height: 60px; font-size: 16px; font-weight: 500; line-height: 1; width: 100%; transition: 0.2s; } .headerDropdown .tabsMenu__tabs .tabs__controls > button::after { content: ""; position: absolute; top: 0; bottom: 0; right: -1px; width: 2px; background-color: var(--color-accent-1); opacity: 0; transition: 0.2s; } .headerDropdown .tabsMenu__tabs .tabs__controls > button + button { border-top: 1px solid var(--color-border); } .headerDropdown .tabsMenu__tabs .tabs__controls > button:hover { background-color: rgba(235, 102, 43, 0.05); color: var(--color-accent-1); } .headerDropdown .tabsMenu__tabs .tabs__controls > button:hover::after { opacity: 1; } .headerDropdown .tabsMenu__tabs .tabs__controls > button.is-tab-el-active { background-color: rgba(235, 102, 43, 0.05); color: var(--color-accent-1); } .headerDropdown .tabsMenu__tabs .tabs__controls > button.is-tab-el-active::after { opacity: 1; } .headerDropdown .tabsMenu__content { padding: 45px 0; padding-left: 60px; padding-right: 80px; } .headerDropdown .tabsMenu__lists { display: grid; grid-template-columns: repeat(3, 1fr); gap: 100px; } .headerDropdown .tabsMenu .tabsMenu-list__title { font-size: 16px; font-weight: 500; line-height: 187.5%; } .headerDropdown .tabsMenu .tabsMenu-list__content { margin-top: 10px; } .headerDropdown .tabsMenu .tabsMenu-list__item > a { font-size: 15px; line-height: 233.333%; } .headerDropdown .tabsMenu .tabsMenu-list__item > a:hover { color: var(--color-accent-1); } .headerDropdown .tabsMenu .tabs { display: grid; grid-template-columns: 260px 1fr; } .headerDropdown .headerDropdown { position: absolute; top: 100%; left: 50%; padding-top: 10px; transform: translateX(-50%); z-index: 20; } .headerDropdown .headerDropdown__container { background-color: white; border-radius: 12px; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); border: 1px solid var(--Border, #E7E6E6); padding: 20px 40px; width: 220px; } .headerDropdown .headerDropdown__item { font-size: 15px; font-weight: 500; line-height: 266.667%; } .headerDropdown .headerDropdown__item button:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; color: var(--color-primary, #EB662B); } .headerDropdown.-hover-light .headerDropdown__button:hover { background: rgba(255, 255, 255, 0.1); } .headerMobile__left { display: none; } @media (max-width: 767px) { .headerMobile__left { display: block; } } .headerMobile__right { display: none; } @media (max-width: 767px) { .headerMobile__right { display: flex; } } .header { transition: 0.2s; } .header.-is-sticky { box-shadow: 0px 10px 20px 0px #0000000D; } .header__search { position: relative; display: flex; align-items: center; } .header__search > i { position: absolute; top: 12px; left: 18px; font-size: 18px; margin-right: 10px; } .header__search input { width: 350px; border-radius: 200px; padding: 7px 12px; padding-left: 46px; border: 1px solid transparent; transition: 0.2s; } .header__search .headerSearchRecent { position: absolute; top: 100%; left: 0; padding-top: 14px; transition: 0.2s; opacity: 0; pointer-events: none; } .header__search .headerSearchRecent__container { overflow: hidden; border-radius: 12px; background-color: white; border: 1px solid var(--Border, #E7E6E6); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); width: 490px; max-width: 100%; } .header__search .headerSearchRecent__title { padding: 30px; padding-bottom: 15px; } .header__search .headerSearchRecent__list { overflow-y: scroll; height: 450px; } .header__search .headerSearchRecent__list::-webkit-scrollbar { width: 3px; background-color: rgba(0, 0, 0, 0.1); } .header__search .headerSearchRecent__list::-webkit-scrollbar-thumb { width: 3px; background-color: rgba(0, 0, 0, 0.3); } .header__search .headerSearchRecent__item { display: flex; align-items: center; text-align: left; width: 100%; padding: 0 30px; height: 90px; } .header__search .headerSearchRecent__item:hover { background-color: var(--bg-1, #F5F5F5); } .header__search .headerSearchRecent.is-active { opacity: 1 !important; pointer-events: auto !important; } .header .desktopNav__item a { display: flex; align-items: center; justify-content: space-between; width: 100%; } .header .desktopNav__item a:hover { color: var(--color-accent-1); } .header .desktopNavMega { position: absolute; top: 100%; left: -40px; width: 970px; max-width: 100vw; padding-top: 20px; z-index: 20; transition: 0.2s; pointer-events: none; opacity: 0; } @media (max-width: 1400px) { .header .desktopNavMega { position: fixed; top: 50px; padding-top: 20px; left: 50%; transform: translateX(-50%); } } .header .desktopNavMega__container { display: grid; grid-template-columns: 1fr 410px; gap: 40px; background-color: white; border-radius: 12px; border: 1px solid var(--Border, #E7E6E6); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); padding: 30px; } .header .desktopNavMega__lists { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; } .header .desktopNavMega .desktopNavMega-list__title { color: var(--color-third, #05073C); font-size: 16px; font-weight: 500; line-height: 187.5%; } .header .desktopNavMega .desktopNavMega-list__list { margin-top: 10px; } .header .desktopNavMega .desktopNavMega-list__link { color: var(--color-third, #05073C); font-size: 15px; line-height: 233.333%; } .header.-type-2 { position: fixed; top: 0; left: 0; right: 0; background-color: white; z-index: 1000; } .header.-type-2 .header__container { display: flex; align-items: center; justify-content: space-between; height: 88px; } @media (max-width: 767px) { .header.-type-2 .header__container { height: 57px; } } .header.-type-2 .header__logo { display: flex; align-items: center; } .header.-type-2 .header__right { display: flex; align-items: center; } @media (max-width: 767px) { .header.-type-2 .header__right { display: none; } } .header.-type-2 .header__search { display: flex; align-items: center; } .header.-type-2 .header__search i { font-size: 18px; margin-right: 10px; } .header.-type-2 .header__search input { width: 230px; } .header.-type-2 .header__menuBtn { display: flex; } .header.-type-2 .header__menuBtn i { font-size: 20px; } .header.-type-2 .desktopNav > * { transition: 0.2s; } .header.-type-2 .desktopNav > *:hover { background-color: #FEF7F4; } .header.-type-2 .headerMobile__left { display: none; } @media (max-width: 1199px) { .header.-type-2 .headerMobile__left { display: block; } } .header.-type-2 .headerMobile__right { display: none; } @media (max-width: 1199px) { .header.-type-2 .headerMobile__right { display: flex; } } .header.-type-3 { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; transition: .2s; } .header.-type-3.-is-sticky { background-color: white; } .header.-type-3 .header__container { display: flex; align-items: center; justify-content: space-between; height: 88px; } @media (max-width: 767px) { .header.-type-3 .header__container { height: 57px; } } .header.-type-3 .header__logo { display: flex; align-items: center; } .header.-type-3 .header__right { display: flex; align-items: center; } @media (max-width: 767px) { .header.-type-3 .header__right { display: none; } } .header.-type-3 .header__search { display: flex; align-items: center; } .header.-type-3 .header__search i { font-size: 18px; margin-right: 10px; } .header.-type-3 .header__search input { width: 230px; } .header.-type-3 .header__menuBtn { display: flex; } .header.-type-3 .header__menuBtn i { font-size: 20px; } .header.-type-3 .desktopNav > * { transition: 0.2s; } .header.-type-3 .desktopNav > *:hover { background-color: #F1ECF2; } .header.-type-3 .desktopNav > * a:hover { color: var(--color-dark-1); } @media (max-width: 991px) { .header.-type-3.-page-5 .header__right { display: none; } } @media (max-width: 991px) { .header.-type-3.-page-5 .headerMobile__left { display: flex !important; } } @media (max-width: 991px) { .header.-type-3.-page-5 .headerMobile__right { display: flex !important; } } .header.-type-3.-page-5 .desktopNav > * { transition: 0.2s; } .header.-type-3.-page-5 .desktopNav > *:hover { background-color: #FFFFFF; } .header.-type-3.-page-5 .desktopNav > * a:hover { color: var(--color-dark-1); } .header .desktopNav { display: flex; align-items: center; } .header .desktopNav > * { padding: 8px 20px; } .header .desktopNav__item { position: relative; border-radius: 100px; } .header .desktopNav__item > a { display: flex; align-items: center; } .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; opacity: 0; pointer-events: none; transition: .2s; } .header .desktopNav .desktopNavSubnav__content { border-radius: 12px; background-color: white; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); border: 1px solid var(--border, #E7E6E6); min-width: 260px; padding: 20px 40px; } .header .desktopNav .desktopNavSubnav__content > * + * { 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; } .header .desktopNav.-light > * > a { color: white; } .header .desktopNav > *:hover { background-color: rgba(255, 255, 255, 0.1); } .header .desktopNav.-hover-dark > *:hover { background-color: rgba(255, 255, 255, 0.1); } .header.-type-4 { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; transition: .2s; } .header.-type-4.-is-sticky { background-color: white; } .header.-type-4 .header__container { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 30px 60px; } @media (max-width: 767px) { .header.-type-4 .header__container { padding: 20px 20px; } } .header.-type-4 .header__center { position: absolute; left: 50%; display: flex; transform: translateX(-50%); } @media (max-width: 991px) { .header.-type-4 .header__center { display: none; } } .header.-type-4 .header__center > a + a { margin-left: 30px; } .header.-type-4 .header__right { display: flex; align-items: center; } @media (max-width: 991px) { .header.-type-4 .header__right { display: none; } } .header.-type-4 .header__search { display: flex; align-items: center; } .header.-type-4 .header__search i { font-size: 18px; margin-right: 10px; } .header.-type-4 .header__search input { width: 230px; } .header.-type-4 .header__menuBtn { display: flex; } .header.-type-4 .header__menuBtn i { font-size: 20px; } .header.-type-4 .desktopNav > * { transition: 0.2s; } .header.-type-4 .desktopNav > *:hover { background-color: #FFEEE7; } .header.-type-4 .desktopNav > * a:hover { color: var(--color-dark-1); } .header.-type-4 .headerMobile__left { display: none; } @media (max-width: 991px) { .header.-type-4 .headerMobile__left { display: block; } } .header.-type-4 .headerMobile__right { display: none; } @media (max-width: 991px) { .header.-type-4 .headerMobile__right { display: flex; } } .headerDropdown { position: relative; } .headerDropdown__button { display: flex; align-items: center; } .headerDropdown__button i { margin-left: 5px; } .headerDropdown.-button .headerDropdown__button { padding: 7px 20px; border-radius: 200px; } .headerMobile__left { display: none; } @media (max-width: 991px) { .headerMobile__left { display: block; } } .headerMobile__right { display: none; } @media (max-width: 991px) { .headerMobile__right { display: flex; } } .header.-type-7 { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; } .header.-type-7.-is-sticky { background-color: var(--color-dark-1); } .header.-type-7 .header__container { display: flex; align-items: center; justify-content: space-between; height: 88px; } @media (max-width: 767px) { .header.-type-7 .header__container { height: 57px; } } .header.-type-7 .header__logo { display: flex; align-items: center; } .header.-type-7 .header__right { display: flex; align-items: center; } @media (max-width: 767px) { .header.-type-7 .header__right { display: none; } } .header.-type-7 .header__search input ::-moz-placeholder { color: white; } .header.-type-7 .header__search input ::placeholder { color: white; } .header.-type-7 .header__menuBtn { display: flex; } .header.-type-7 .header__menuBtn i { font-size: 20px; } .headerDropdown { position: relative; } .headerDropdown__button { display: flex; align-items: center; } .headerDropdown__button i { margin-left: 5px; } .headerDropdown.-button .headerDropdown__button { padding: 7px 20px; border-radius: 200px; } .headerMobile__left { display: none; } @media (max-width: 767px) { .headerMobile__left { display: block; } } .headerMobile__right { display: none; } @media (max-width: 767px) { .headerMobile__right { display: flex; } } .header.-type-8 { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; } .header.-type-8.-is-sticky { background-color: var(--color-dark-1); } .header.-type-8 .header__container { display: flex; align-items: center; justify-content: space-between; height: 88px; } @media (max-width: 767px) { .header.-type-8 .header__container { height: 57px; } } .header.-type-8 .header__logo { display: flex; align-items: center; } .header.-type-8 .header__right { display: flex; align-items: center; } @media (max-width: 767px) { .header.-type-8 .header__right { display: none; } } .header.-type-8 .header__search { display: flex; align-items: center; } .header.-type-8 .header__search i { font-size: 18px; margin-right: 10px; } .header.-type-8 .header__search input { width: 230px; } .header.-type-8 .header__menuBtn { display: flex; } .header.-type-8 .header__menuBtn i { font-size: 20px; } .header.-type-9 { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; transform: translateY(30px); border-bottom: 1px solid rgba(255, 255, 255, 0.2); } @media (max-width: 767px) { .header.-type-9 { transform: none; } } .header.-type-9.-is-sticky { transform: none; background-color: #131313; } .header.-type-9 .header__container { display: flex; align-items: center; justify-content: space-between; height: 88px; } @media (max-width: 767px) { .header.-type-9 .header__container { height: 57px; } } .header.-type-9 .header__logo { display: flex; align-items: center; } .header.-type-9 .header__right { display: flex; align-items: center; } @media (max-width: 767px) { .header.-type-9 .header__right { display: none; } } .header.-type-9 .header__search { display: flex; align-items: center; } .header.-type-9 .header__search i { font-size: 18px; margin-right: 10px; } .header.-type-9 .header__search input { width: 230px; } .header.-type-9 .header__menuBtn { display: flex; } .header.-type-9 .header__menuBtn i { font-size: 20px; } .header.-type-10 { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; } .header.-type-10.-is-sticky { background-color: #131313; } .header.-type-10 .header__container { display: flex; align-items: center; justify-content: space-between; height: 88px; padding: 0 60px; } @media (max-width: 767px) { .header.-type-10 .header__container { height: 57px; padding: 0 24px; } } .header.-type-10 .header__logo { display: flex; align-items: center; } .header.-type-10 .header__right { display: flex; align-items: center; } @media (max-width: 767px) { .header.-type-10 .header__right { display: none; } } .header.-type-10 .header__search { display: flex; align-items: center; } .header.-type-10 .header__search i { font-size: 18px; margin-right: 10px; } .header.-type-10 .header__search input { width: 230px; } .header.-type-10 .header__menuBtn { display: flex; } .header.-type-10 .header__menuBtn i { font-size: 20px; } .footer.-type-1 .footer__main { position: relative; z-index: 0; } @media (max-width: 767px) { .footer.-type-1 .footer__main { padding-top: 60px; } } .footer.-type-1 .footer__bg { position: absolute; top: 0; bottom: 0; left: 60px; right: 60px; z-index: -1; } @media (max-width: 991px) { .footer.-type-1 .footer__bg { right: 0; left: 0; } } .footer.-type-1 .footer__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 12px; } @media (max-width: 991px) { .footer.-type-1 .footer__bg img { border-radius: 0; } } .footer.-type-1 .footer__info { padding-top: 80px; padding-bottom: 48px; border-bottom: 1px solid rgba(235, 102, 43, 0.15); } @media (max-width: 767px) { .footer.-type-1 .footer__info { padding-top: 40px; padding-bottom: 40px; } } .footer.-type-1 .footer__content { padding-top: 60px; padding-bottom: 60px; } @media (max-width: 767px) { .footer.-type-1 .footer__content { padding-top: 40px; padding-bottom: 40px; } } .footer.-type-1 .footer__newsletter { position: relative; margin-top: 10px; } .footer.-type-1 .footer__newsletter input { width: 100%; height: 60px; padding: 0 20px; background-color: white; border: 1px solid var(--Border, #E7E6E6); border-radius: 12px; } .footer.-type-1 .footer__newsletter button { position: absolute; top: 0; bottom: 0; right: 0; padding: 0 20px; color: var(--color-dark-1); z-index: 1; } .footer.-type-1 .footer__bottom { padding: 20px 0; } .footer.-type-1 .footerSocials { display: flex; align-items: center; } @media (max-width: 767px) { .footer.-type-1 .footerSocials { align-items: flex-start; flex-direction: column; } } .footer.-type-1 .footerSocials__title { font-size: 17px; font-weight: 500; margin-right: 10px; } .footer.-type-1 .footerSocials__icons { display: flex; } @media (max-width: 767px) { .footer.-type-1 .footerSocials__icons { position: relative; left: -12px; margin-top: 8px; } } .footer.-type-1 .footerSocials__icons > * { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 100%; font-size: 15px; transition: .2s; } .footer.-type-1 .footerSocials__icons > *:hover { background-color: var(--color-accent-1) !important; color: white !important; } .footer.-type-1.-dark .footer__bg { left: -20px; right: -20px; } .footer.-type-1.-dark h4 { color: white; } .footer.-type-1.-dark p { color: white; } .footer.-type-1.-round .footer__bg { left: 30px; right: 30px; } @media (max-width: 991px) { .footer.-type-1.-round .footer__bg { right: 0; left: 0; border-radius: 0 !important; } } .hero.-type-1 { position: relative; padding-top: 220px; padding-bottom: 220px; margin-top: 88px; z-index: 5; } @media (max-width: 767px) { .hero.-type-1 { margin-top: 57px; } } @media (max-width: 767px) { .hero.-type-1 { padding-bottom: 0; } } .hero.-type-1 .hero__bg { overflow: hidden; position: absolute; top: 0; bottom: 0; right: 60px; left: 60px; border-radius: 12px; z-index: -1; } @media (max-width: 991px) { .hero.-type-1 .hero__bg { right: 0; left: 0; border-radius: 0; } } .hero.-type-1 .hero__bg > *:nth-child(1) { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .hero.-type-1 .hero__bg > *:nth-child(2) { position: absolute; bottom: 0; left: 0; -o-object-fit: cover; object-fit: cover; width: 100%; } @media (max-width: 991px) { .hero.-type-1 .hero__bg > *:nth-child(2) { height: 35px; } } .hero.-type-1 .hero__content { text-align: center; } .hero.-type-1 .hero__title { font-size: 70px; font-weight: 600; line-height: 1.2; color: white; } @media (max-width: 991px) { .hero.-type-1 .hero__title { font-size: 60px; } } @media (max-width: 767px) { .hero.-type-1 .hero__title { font-size: 40px; } } .hero.-type-1 .hero__text { color: white; margin-top: 10px; } .hero.-type-1.-min { padding-top: 134px; padding-bottom: 100px; } .hero.-type-1.-min-2 { padding-top: 190px; padding-bottom: 200px; } .hero.-type-2 { position: relative; margin-top: 88px; z-index: 5; } @media (max-width: 767px) { .hero.-type-2 { margin-top: 57px; } } .hero.-type-2 .hero__shape { position: absolute; top: 0; left: 0; right: 0; z-index: -1; } .hero.-type-2 .hero__bg { overflow: hidden; position: absolute; top: 0; bottom: 0; right: 0; left: 0; border-radius: 12px; z-index: -1; } .hero.-type-2 .hero__filter { padding: 30px 0; } .hero.-type-2 .hero__slider { overflow: hidden; position: relative; border-radius: 12px; } .hero.-type-2 .hero__slide { position: relative; display: grid; grid-template-columns: 1fr 630px; } @media (max-width: 1199px) { .hero.-type-2 .hero__slide { grid-template-columns: 1fr 480px; } } @media (max-width: 991px) { .hero.-type-2 .hero__slide { grid-template-columns: 1fr; } } .hero.-type-2 .hero__content { padding: 110px 0; padding-left: 150px; } @media (max-width: 1199px) { .hero.-type-2 .hero__content { padding: 80px 0; padding-left: 100px; } } @media (max-width: 991px) { .hero.-type-2 .hero__content { padding: 60px 0; padding-left: 60px; } } @media (max-width: 767px) { .hero.-type-2 .hero__content { padding: 24px; padding-bottom: 80px; } } .hero.-type-2 .hero__title { position: relative; font-size: 40px; font-weight: 700; line-height: 1.2; color: white; z-index: 0; } @media (max-width: 991px) { .hero.-type-2 .hero__title { font-size: 34px; } } @media (max-width: 767px) { .hero.-type-2 .hero__title { font-size: 30px; } } .hero.-type-2 .hero__title_shape { position: relative; display: inline-block; z-index: 0; } .hero.-type-2 .hero__title_shape span { position: absolute; top: 3px; left: -13px; z-index: -1; width: 231px; } @media (max-width: 767px) { .hero.-type-2 .hero__title_shape span { width: 180px; } } .hero.-type-2 .hero__title_shape span img { width: 100%; height: auto; } .hero.-type-2 .hero__text { color: white; margin-top: 10px; } .hero.-type-2 .hero__image { position: relative; height: 100%; } @media (max-width: 991px) { .hero.-type-2 .hero__image { height: 300px; } } .hero.-type-2 .hero__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .hero.-type-2 .hero__image_shape { position: absolute; top: 0; bottom: 0; left: 0; } @media (max-width: 991px) { .hero.-type-2 .hero__image_shape { display: none; } } .hero.-type-2 .hero__image_mobileShape { position: absolute; top: 0; left: 0; right: 0; display: none; } @media (max-width: 991px) { .hero.-type-2 .hero__image_mobileShape { display: block; } } .hero.-type-2 .navAbsolute { left: 30px; right: 30px; } @media (max-width: 991px) { .hero.-type-2 .navAbsolute { left: 12px; right: 12px; } } .hero.-type-3 { position: relative; padding-top: 185px; padding-bottom: 0; z-index: 5; } @media (max-width: 991px) { .hero.-type-3 { padding-top: 140px; } } @media (max-width: 767px) { .hero.-type-3 { padding-top: 120px; } } @media (max-width: 575px) { .hero.-type-3 { padding-top: 80px; } } .hero.-type-3 .hero__bg { overflow: hidden; position: absolute; top: 0; bottom: 175px; right: 0; left: 0; z-index: -1; } .hero.-type-3 .hero__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .hero.-type-3 .hero__title { position: relative; font-size: 60px; font-weight: 600; line-height: 1.2; z-index: 1; } .hero.-type-3 .hero__title img { position: absolute; bottom: 0; left: 60px; z-index: -1; } @media (max-width: 767px) { .hero.-type-3 .hero__title img { left: 0; } } @media (max-width: 991px) { .hero.-type-3 .hero__title { font-size: 56px; } } @media (max-width: 767px) { .hero.-type-3 .hero__title { font-size: 48px; } } @media (max-width: 575px) { .hero.-type-3 .hero__title { font-size: 40px; } } .hero.-type-3 .hero__filter { position: relative; z-index: 1; } .hero.-type-3 .hero__filter > * { width: 850px; border-radius: 200px; } @media (max-width: 991px) { .hero.-type-3 .hero__filter > * { width: 100%; } } @media (max-width: 767px) { .hero.-type-3 .hero__filter > * { border-radius: 12px; } } .hero.-type-3 .hero__image { display: flex; } @media (max-width: 991px) { .hero.-type-3 .hero__image { margin-top: 60px; } } @media (max-width: 767px) { .hero.-type-3 .hero__image { margin-top: 40px; } } .hero.-type-3 .hero__image img { max-width: 100%; } @media (max-width: 1199px) { .hero.-type-3 .hero__image img { width: 100%; } } .hero.-type-3 .hero__image > div:nth-child(1) { display: flex; flex-direction: column; } @media (max-width: 1199px) { .hero.-type-3 .hero__image > div:nth-child(1) { width: 50%; } } .hero.-type-3 .hero__image > div:nth-child(1) > * + * { margin-top: 20px; } .hero.-type-3 .hero__image > *:nth-child(2) { padding-top: 130px; margin-left: 20px; } @media (max-width: 1199px) { .hero.-type-3 .hero__image > *:nth-child(2) { width: 50%; } } @media (max-width: 991px) { .hero.-type-3 .hero__image > *:nth-child(2) { padding-top: 0; } } .hero.-type-4 { position: relative; padding-top: 134px; padding-bottom: 472px; z-index: 5; } @media (max-width: 991px) { .hero.-type-4 { padding-top: 120px; padding-bottom: 400px; } } @media (max-width: 767px) { .hero.-type-4 { padding-top: 120px; padding-bottom: 200px; } } @media (max-width: 575px) { .hero.-type-4 { padding-top: 120px; padding-bottom: 40px; } } .hero.-type-4 .hero__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .hero.-type-4 .hero__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .hero.-type-4 .hero__title { font-weight: 600; font-size: 60px; line-height: 1.2; background: linear-gradient(97deg, #EE8C61 27.01%, #4C43C4 87.3%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media (max-width: 767px) { .hero.-type-4 .hero__title { font-size: 50px; } } @media (max-width: 575px) { .hero.-type-4 .hero__title { font-size: 36px; } } .hero.-type-5 { position: relative; padding-top: 236px; padding-bottom: 202px; z-index: 5; } @media (max-width: 991px) { .hero.-type-5 { padding-top: 140px; padding-bottom: 380px; } } @media (max-width: 575px) { .hero.-type-5 { padding-top: 100px; padding-bottom: 280px; } } .hero.-type-5 .hero__bg { position: absolute; top: 0; left: 0; right: 200px; bottom: 0; z-index: -1; } @media (max-width: 991px) { .hero.-type-5 .hero__bg { bottom: 250px; right: 0; } } @media (max-width: 575px) { .hero.-type-5 .hero__bg { bottom: 120px; } } .hero.-type-5 .hero__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .hero.-type-5 .hero__image { position: absolute; top: 0; bottom: 0; right: 0; width: 40vw; z-index: 1; } @media (max-width: 991px) { .hero.-type-5 .hero__image { top: unset; width: 100%; height: 40vh; } } @media (max-width: 575px) { .hero.-type-5 .hero__image { height: 250px; } } .hero.-type-5 .hero__image > *:nth-child(1) { position: absolute; top: 0; bottom: 0; left: 0; z-index: 1; height: 100%; } @media (max-width: 991px) { .hero.-type-5 .hero__image > *:nth-child(1) { display: none; } } .hero.-type-5 .hero__image > *:nth-child(2) { border-radius: 0 0 120px 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 991px) { .hero.-type-5 .hero__image > *:nth-child(2) { border-radius: 0 0 120px 120px; } } .hero.-type-5 .hero__image > *:nth-child(3) { position: absolute; top: 0; left: 0; width: 100%; display: none; } @media (max-width: 991px) { .hero.-type-5 .hero__image > *:nth-child(3) { display: block; } } .hero.-type-5 .hero__content { position: relative; z-index: 2; } .hero.-type-5 .hero__title { font-size: 60px; line-height: 1.2; font-weight: 600; } @media (max-width: 767px) { .hero.-type-5 .hero__title { font-size: 50px; } } @media (max-width: 575px) { .hero.-type-5 .hero__title { font-size: 40px; } } .hero.-type-5 .hero__filter > * { width: 100%; } .hero.-type-6 { position: relative; padding-top: 267px; padding-bottom: 140px; z-index: 5; } @media (max-width: 991px) { .hero.-type-6 { padding-top: 200px; padding-bottom: 120px; background-color: rgba(235, 102, 43, 0.05); } } @media (max-width: 767px) { .hero.-type-6 { padding-top: 140px; } } @media (max-width: 575px) { .hero.-type-6 { padding-top: 90px; padding-bottom: 40px; } } .hero.-type-6 .hero__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } @media (max-width: 991px) { .hero.-type-6 .hero__bg { display: none; } } .hero.-type-6 .hero__bg img { width: 100%; height: auto; } .hero.-type-6 .hero__title { font-size: 60px; line-height: 1.2; font-weight: 600; } @media (max-width: 767px) { .hero.-type-6 .hero__title { font-size: 50px; } } @media (max-width: 575px) { .hero.-type-6 .hero__title { font-size: 40px; } } .hero.-type-7 { position: relative; z-index: 20; } .hero.-type-7 .hero__bg { position: absolute; top: 0; left: 0; width: 100%; 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__shape { position: absolute; bottom: 0; left: 0; right: 0; height: 80px; background-color: #FEF7F4; border-radius: 80px 80px 0 0; z-index: 5; } .hero.-type-7 .hero__content { padding-top: 300px; padding-bottom: 440px; } @media (max-width: 1199px) { .hero.-type-7 .hero__content { padding-top: 220px; padding-bottom: 240px; } } @media (max-width: 767px) { .hero.-type-7 .hero__content { padding-top: 120px; padding-bottom: 400px; } } .hero.-type-7 .hero__title { font-size: 70px; font-weight: 600; line-height: 1.2; } @media (max-width: 991px) { .hero.-type-7 .hero__title { font-size: 60px; } } @media (max-width: 767px) { .hero.-type-7 .hero__title { font-size: 50px; } } @media (max-width: 575px) { .hero.-type-7 .hero__title { font-size: 36px; } } .hero.-type-7 .hero__filter { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); width: 850px; max-width: calc(100% - 40px); z-index: 10; } @media (max-width: 767px) { .hero.-type-7 .hero__filter { max-width: unset; width: auto; left: 24px; right: 24px; transform: none; } } .hero.-type-7 .hero__slider { height: 100%; } .hero.-type-7 .hero__slider .swiper-wrapper { height: 100%; } .hero.-type-7 .hero__slider .swiper-slide { height: 100%; } .hero.-type-7 .hero__nav { position: absolute; top: 50%; left: 60px; right: 60px; justify-content: space-between; transform: translateY(-50%); z-index: 10; } .hero.-type-8 { position: relative; padding-top: 192px; padding-bottom: 378px; z-index: 5; } @media (max-width: 991px) { .hero.-type-8 { padding-top: 180px; padding-bottom: 340px; } } @media (max-width: 767px) { .hero.-type-8 { padding-top: 120px; padding-bottom: 140px; } } @media (max-width: 575px) { .hero.-type-8 { padding-bottom: 100px; } } .hero.-type-8 .hero__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .hero.-type-8 .hero__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .hero.-type-8 .hero__content { display: flex; flex-direction: column; } @media (max-width: 767px) { .hero.-type-8 .hero__content > *:nth-child(1) { order: 2; } .hero.-type-8 .hero__content > *:nth-child(2) { order: 1; } } .hero.-type-8 .hero__title { font-size: 70px; font-weight: 600; line-height: 1.2; } @media (max-width: 991px) { .hero.-type-8 .hero__title { font-size: 60px; } } @media (max-width: 767px) { .hero.-type-8 .hero__title { font-size: 50px; } } @media (max-width: 575px) { .hero.-type-8 .hero__title { font-size: 36px; } } .hero.-type-9 { position: relative; z-index: 5; } .hero.-type-9 .container { position: relative; } .hero.-type-9 .hero__bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; padding: 30px; padding-bottom: 0; } @media (max-width: 991px) { .hero.-type-9 .hero__bg { padding: 0; } } .hero.-type-9 .hero__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 12px; } @media (max-width: 991px) { .hero.-type-9 .hero__bg img { border-radius: 0; } } .hero.-type-9 .hero__content { padding-top: 272px; padding-bottom: 272px; } @media (max-width: 991px) { .hero.-type-9 .hero__content { padding-top: 220px; padding-bottom: 220px; } } @media (max-width: 767px) { .hero.-type-9 .hero__content { padding-top: 160px; padding-bottom: 100px; } } @media (max-width: 575px) { .hero.-type-9 .hero__content { padding-top: 100px; padding-bottom: 40px; } } .hero.-type-9 .hero__image { padding-top: 40px; } .hero.-type-9 .hero__image img { width: 100%; height: auto; } .hero.-type-9 .hero__title { font-size: 70px; font-weight: 600; line-height: 1.2; } @media (max-width: 991px) { .hero.-type-9 .hero__title { font-size: 60px; } } @media (max-width: 767px) { .hero.-type-9 .hero__title { font-size: 50px; } } @media (max-width: 575px) { .hero.-type-9 .hero__title { font-size: 36px; } } .hero.-type-9 .hero__pagination { color: white; position: absolute; bottom: 40px; left: 15px; z-index: 1; } @media (max-width: 767px) { .hero.-type-9 .hero__pagination { display: none; } } .hero.-type-9 .hero__pagination .pagination__item { color: #FFF; font-size: 16px; font-weight: 500; line-height: 187.5%; } .hero.-type-9 .hero__pagination .pagination__item::after { content: ""; display: inline-block; vertical-align: middle; width: 136px; height: 1px; margin-left: 24px; background-color: white; margin-bottom: 4px; transition: 0.2s; transform-origin: left; width: 0; } .hero.-type-9 .hero__pagination .pagination__item + * { margin-left: 24px; } .hero.-type-9 .hero__pagination .pagination__item.is-active::after { width: 136px; } .hero.-type-10 { position: relative; padding-top: 250px; padding-bottom: 100px; z-index: 5; } @media (max-width: 767px) { .hero.-type-10 { padding-top: 120px; padding-bottom: 60px; } } .hero.-type-10 .hero__bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } .hero.-type-10 .hero__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .hero.-type-10 .hero__title { font-size: 70px; font-weight: 600; line-height: 1.2; } @media (max-width: 991px) { .hero.-type-10 .hero__title { font-size: 60px; } } @media (max-width: 767px) { .hero.-type-10 .hero__title { font-size: 50px; } } @media (max-width: 575px) { .hero.-type-10 .hero__title { font-size: 36px; } } .hero.-type-10 .hero__search { position: relative; width: 470px; height: 70px; max-width: 100%; margin: 0 auto; margin-top: 30px; z-index: 1; } .hero.-type-10 .hero__search > *:nth-child(1) { position: absolute; top: 50%; transform: translateY(-50%); margin-left: 25px; z-index: 1; } .hero.-type-10 .hero__search > *:nth-child(2) { border-radius: 200px; width: 100%; height: 100%; background-color: white; padding-left: 55px; } .hero.-type-10 .hero__search > *:nth-child(3) { position: absolute; top: 10px; right: 10px; bottom: 10px; width: 50px; height: 50px; border-radius: 100%; font-size: 15px; color: white; background-color: var(--color-accent-1); z-index: 1; } .hero.-type-10 .heroTags { margin-top: 70px; } @media (max-width: 767px) { .hero.-type-10 .heroTags { margin-top: 40px; } } .hero.-type-10 .heroTags__tags { display: flex; flex-wrap: wrap; justify-content: center; margin: -10px; margin-top: 30px; } .hero.-type-10 .heroTags__tags > * { padding: 10px; } .hero.-type-10 .heroTags__tags button { display: flex; align-items: center; padding: 16px 30px; border-radius: 200px; background-color: rgba(255, 255, 255, 0.15); color: white; font-weight: 500; } .hero.-type-10 .heroTags__tags button i { margin-right: 10px; } .searchForm.-type-1 { display: flex; background-color: white; padding: 10px; border-radius: 12px; height: 80px; } @media (max-width: 767px) { .searchForm.-type-1 { flex-direction: column; height: auto; padding: 0; border-radius: 12px !important; } } .searchForm.-type-1 .searchForm__form { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; padding: 5px 10px; } @media (max-width: 767px) { .searchForm.-type-1 .searchForm__form { grid-template-columns: 1fr; padding: 0; } .searchForm.-type-1 .searchForm__form > * + * { border-top: 1px solid #E7E6E6; } } .searchForm.-type-1 .searchForm__button { flex-shrink: 0; } .searchForm.-type-1 .searchForm__button button { height: 100%; padding: 0 30px; } @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; } .searchForm.-type-1 .searchFormItem__button { cursor: pointer; display: flex; align-items: center; text-align: left; width: 100%; } @media (max-width: 767px) { .searchForm.-type-1 .searchFormItem__button { padding: 15px; } } .searchForm.-type-1 .searchFormItem__content { margin-left: 10px; } .searchForm.-type-1 .searchFormItem__content > h5 { font-size: 15px; font-weight: 500; line-height: 1.6; } .searchForm.-type-1 .searchFormItem__content > div { font-size: 14px; line-height: 1.4; color: #717171; } .searchForm.-type-1 .searchFormItemDropdown { position: absolute; left: 0; top: calc(100% + 15px); 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; } .searchForm.-type-1 .searchFormItemDropdown__container { border-radius: 12px; background-color: white; border: 1px solid var(--Border, #E7E6E6); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); } .searchForm.-type-1 .searchFormItemDropdown__item button.-is-button-active { background-color: #F5F5F5; } .searchForm.-type-1 .searchFormItemDropdown.-location { left: -20px; } .searchForm.-type-1 .searchFormItemDropdown.-location .searchFormItemDropdown__container { width: 490px; max-width: calc(100vw - 14px); padding: 20px; } .searchForm.-type-1 .searchFormItemDropdown.-location .searchFormItemDropdown__list { overflow-y: scroll; display: flex; flex-direction: column; height: 302px; } .searchForm.-type-1 .searchFormItemDropdown.-location .searchFormItemDropdown__item button { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 60px; border-radius: 12px; padding: 0 20px; transition: 0.2s; } .searchForm.-type-1 .searchFormItemDropdown.-location .searchFormItemDropdown__item button > span:nth-child(1) { color: var(--color-third, #05073C); font-size: 15px; font-weight: 500; line-height: 186.667%; } .searchForm.-type-1 .searchFormItemDropdown.-location .searchFormItemDropdown__item button > span:nth-child(2) { color: #717171; font-size: 14px; line-height: 185.714%; } .searchForm.-type-1 .searchFormItemDropdown.-location .searchFormItemDropdown__item button:hover { background-color: #F5F5F5; } .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 .searchFormItemDropdown.-tour-type .searchFormItemDropdown__container { width: 347px; max-width: calc(100vw - 14px); padding: 20px; } @media (max-width: 575px) { .searchForm.-type-1 .searchFormItemDropdown.-tour-type .searchFormItemDropdown__container { width: calc(100vw - 14px); } } .searchForm.-type-1 .searchFormItemDropdown.-tour-type .searchFormItemDropdown__list { overflow-y: scroll; display: flex; flex-direction: column; height: 302px; } .searchForm.-type-1 .searchFormItemDropdown.-tour-type .searchFormItemDropdown__item button { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 60px; border-radius: 12px; padding: 0 20px; transition: 0.2s; } .searchForm.-type-1 .searchFormItemDropdown.-tour-type .searchFormItemDropdown__item button > span:nth-child(1) { color: var(--color-third, #05073C); font-size: 15px; font-weight: 500; line-height: 186.667%; } .searchForm.-type-1 .searchFormItemDropdown.-tour-type .searchFormItemDropdown__item button:hover { background-color: #F5F5F5; } .searchForm.-type-1.-col-1 .searchForm__form { grid-template-columns: repeat(1, 1fr) !important; } .searchForm.-type-1.-narrow { height: 50px !important; padding: 0 !important; } .searchForm.-type-1.-narrow .searchForm__form { padding: 0; grid-template-columns: repeat(1, 1fr) !important; } .searchForm.-type-1.-narrow .searchFormItem__button { padding: 0; height: 50px !important; } .searchForm.-type-1.-col-2 .searchForm__form { grid-template-columns: repeat(2, 1fr); } @media (max-width: 767px) { .searchForm.-type-1.-col-2 .searchForm__form { grid-template-columns: 1fr; } } .searchForm.-type-1.-sidebar { height: auto; padding: 0; border: 1px solid var(--color-border); border-radius: 12px; } .searchForm.-type-1.-sidebar .searchForm__form { grid-template-columns: 1fr; padding: 0; } .searchForm.-type-1.-sidebar .searchFormItem { position: relative; } .searchForm.-type-1.-sidebar .searchFormItem + * .searchFormItem__button { border-top: 1px solid var(--color-border); } .searchForm.-type-1.-sidebar .searchFormItem__button { cursor: pointer; display: flex; align-items: center; text-align: left; width: 100%; padding: 10px; padding-right: 15px; } .searchForm.-type-1.-sidebar .searchFormItem__icon_chevron { position: absolute; right: 15px; bottom: 15px; } .searchForm.-type-1.-sidebar .searchFormItem__content { margin-left: 10px; } .searchForm.-type-1.-sidebar .searchFormItem__content > h5 { font-size: 15px; font-weight: 500; line-height: 1.6; } .searchForm.-type-1.-sidebar .searchFormItem__content > div { font-size: 14px; line-height: 1.4; color: #717171; } .searchForm.-type-1.-sidebar .searchFormItemDropdown { position: absolute; left: 50%; top: 100%; transform: translateX(-50%); padding-top: 0; } .searchForm.-type-2 { overflow: hidden; display: flex; background-color: white; padding: 10px; border-radius: 12px; height: 80px; } @media (max-width: 767px) { .searchForm.-type-2 { flex-direction: column; height: auto; padding: 0; } } .searchForm.-type-2 .searchForm__form { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; width: 100%; padding: 5px 10px; padding-right: 60px; } @media (max-width: 767px) { .searchForm.-type-2 .searchForm__form { padding: 0; grid-template-columns: 1fr; gap: 0; } .searchForm.-type-2 .searchForm__form > * + * { border-top: 1px solid #E7E6E6; } } .searchForm.-type-2 .searchForm__button { flex-shrink: 0; } .searchForm.-type-2 .searchForm__button button { height: 100%; padding: 0 30px; } @media (max-width: 767px) { .searchForm.-type-2 .searchForm__button button { height: 60px; width: 100%; border-radius: 0; } } .searchForm.-type-2 .searchFormItem { display: flex; align-items: center; text-align: left; } @media (max-width: 767px) { .searchForm.-type-2 .searchFormItem { padding: 15px; } } .searchForm.-type-2 .searchFormItem__icon { width: 50px; height: 50px; border: 1px solid #E7E6E6; border-radius: 12px; } .searchForm.-type-2 .searchFormItem__content { margin-left: 10px; } .searchForm.-type-2 .searchFormItem__content > h5 { font-size: 15px; font-weight: 500; line-height: 1.6; } .searchForm.-type-2 .searchFormItem__content > div { font-size: 14px; line-height: 1.4; color: #717171; } .featureCard.-type-1 { position: relative; z-index: 0; } .featureCard.-type-1 .featureCard__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .featureCard.-type-1 .featureCard__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .featureCard.-type-1 .featureCard__image::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; background: linear-gradient(180deg, rgba(5, 7, 60, 0) 0%, #05073C 100%); opacity: 0.5; } .featureCard.-type-1 .featureCard__content { display: flex; align-items: flex-end; width: 100%; height: 100%; } .featureCard.-type-1 .featureCard__content h4 { font-size: 20px; font-weight: 500; } .featureCard.-type-1.-hover-1 .featureCard__image { overflow: hidden; } .featureCard.-type-1.-hover-1 .featureCard__image img { transition: .4s; } .featureCard.-type-1.-hover-1:hover .featureCard__image img { transform: scale(1.05); } .featureCard.-type-2 { overflow: hidden; position: relative; z-index: 0; } .featureCard.-type-2 .featureCard__image { position: relative; overflow: hidden; z-index: -1; } .featureCard.-type-2 .featureCard__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .featureCard.-type-2 .featureCard__image::after { content: ""; position: absolute; overflow: hidden; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; border-radius: 12px; background: linear-gradient(180deg, rgba(5, 7, 60, 0) 0%, #05073C 100%); opacity: 0.5; } .featureCard.-type-2 .featureCard__content { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: flex-end; width: 100%; height: 100%; padding-bottom: 20px; } .featureCard.-type-2 .featureCard__content h4 { font-size: 20px; font-weight: 500; } .featureCard.-type-3 { position: relative; height: 100%; z-index: 0; } .featureCard.-type-3 .featureCard__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .featureCard.-type-3 .featureCard__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 12px; } .featureCard.-type-3 .featureCard__image::after { content: ""; position: absolute; overflow: hidden; top: 0; bottom: 0; left: 0; right: 0; border-radius: 12px; background: linear-gradient(180deg, rgba(5, 7, 60, 0) 0%, #05073C 100%); opacity: 0.5; z-index: 1; } .featureCard.-type-3 .featureCard__content { position: relative; width: 100%; height: 100%; padding: 60px; } @media (max-width: 991px) { .featureCard.-type-3 .featureCard__content { padding: 40px; } } @media (max-width: 767px) { .featureCard.-type-3 .featureCard__content { padding: 30px; } } .featureCard.-type-3 .featureCard__content button { margin-top: 90px; } @media (max-width: 991px) { .featureCard.-type-3 .featureCard__content button { margin-top: 50px; } } @media (max-width: 767px) { .featureCard.-type-3 .featureCard__content button { margin-top: 30px; } } .featureCard.-type-3.-style-2 .featureCard__content { position: relative; width: 100%; height: 100%; padding: 40px; } @media (max-width: 767px) { .featureCard.-type-3.-style-2 .featureCard__content { padding: 30px; } } .featureCard.-type-3.-style-2 .featureCard__content button { margin-top: 100px; } @media (max-width: 991px) { .featureCard.-type-3.-style-2 .featureCard__content button { margin-top: 50px; } } @media (max-width: 767px) { .featureCard.-type-3.-style-2 .featureCard__content button { margin-top: 30px; } } .featureCard.-type-4 { position: relative; height: 100%; z-index: 0; } .featureCard.-type-4 .featureCard__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 12px; } .featureCard.-type-4 .featureCard__image::after { content: ""; position: absolute; overflow: hidden; top: 0; bottom: 0; left: 0; right: 0; border-radius: 12px; background: linear-gradient(180deg, rgba(5, 7, 60, 0) 0%, #05073C 100%); opacity: 0.5; z-index: 1; } .featureCard.-type-4 .featureCard__content { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: flex-end; width: 100%; height: 100%; padding: 30px; z-index: 1; } @media (max-width: 767px) { .featureCard.-type-4 .featureCard__content { padding: 22px; } } .featureCard.-type-5 { position: relative; display: flex; flex-direction: column; align-items: center; height: 100%; background-color: #FAF9FD; border-radius: 12px; text-align: center; padding: 30px; z-index: 0; transition: .2s; } .featureCard.-type-5 > * { transition: .2s; } .featureCard.-type-5 .featureCard__icon { display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 100%; width: 80px; height: 80px; } .featureCard.-type-5.-hover-accent-1 { background-color: white; } .featureCard.-type-5.-hover-accent-1 .featureCard__icon { background-color: #FEF7F4; } .featureCard.-type-5.-hover-accent-1:hover { background-color: var(--color-accent-1); } .featureCard.-type-5.-hover-accent-1:hover > * { color: white !important; } .featureCard.-type-5.-hover-accent-2:hover { background-color: var(--color-accent-2); } .featureCard.-type-5.-hover-accent-2:hover > * { color: white !important; } .featureCard.-type-6 { position: relative; display: block; z-index: 0; transition: .2s; } .featureCard.-type-6 .featureCard__image { position: relative; } .featureCard.-type-6 .featureCard__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 12px; } .featureCard.-type-6 .featureCard__image::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); border-radius: 12px; z-index: 1; } .featureCard.-type-6 .featureCard__content { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; text-align: center; z-index: 1; } .featureCard.-type-7 { position: relative; display: block; z-index: 0; } .featureCard.-type-8 { overflow: hidden; position: relative; display: flex; flex-direction: column; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.03); background-color: white; border-radius: 12px; z-index: 0; } .featureCard.-type-8 .featureCard__image { height: 150px; } .featureCard.-type-8 .featureCard__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .featureCard.-type-8 .featureCard__badge { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100px; height: 100px; border-radius: 100%; color: white; text-transform: uppercase; background-color: var(--color-accent-2); } .featureCard.-type-8 .featureCard__badge > *:nth-child(1) { font-size: 14px; font-weight: 500; line-height: 1; } .featureCard.-type-8 .featureCard__badge > *:nth-child(2) { font-size: 25px; font-weight: 500; line-height: 1.4; } .featureCard.-type-8 .featureCard__badge > *:nth-child(3) { font-size: 14px; font-weight: 500; line-height: 1; } .featureCard.-type-8 .featureCard__content { display: flex; flex-direction: column; justify-content: flex-end; text-align: center; height: 150px; padding-bottom: 20px; } @media (max-width: 767px) { .featureCard.-type-8 .featureCard__content { height: 120px; } } .featureCard.-type-9 { position: relative; display: flex; align-items: center; padding: 20px; border-radius: 20px; border: 1px solid var(--border, #E7E6E6); background-color: white; z-index: 0; transition: 0.2s; } .featureCard.-type-9 .featureCard__image img { border-radius: 100%; width: 110px; height: 110px; -o-object-fit: cover; object-fit: cover; } .featureCard.-type-9:hover { box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); } .pageHeader.-type-1 { position: relative; padding-top: 190px; padding-bottom: 200px; margin-top: 88px; } @media (max-width: 767px) { .pageHeader.-type-1 { margin-top: 57px; } } @media (max-width: 767px) { .pageHeader.-type-1 { padding-bottom: 0; } } .pageHeader.-type-1 .pageHeader__bg { overflow: hidden; position: absolute; top: 0; bottom: 0; right: 60px; left: 60px; border-radius: 12px; z-index: -1; } @media (max-width: 991px) { .pageHeader.-type-1 .pageHeader__bg { right: 0; left: 0; border-radius: 0; } } .pageHeader.-type-1 .pageHeader__bg > *:nth-child(1) { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .pageHeader.-type-1 .pageHeader__bg > *:nth-child(2) { position: absolute; bottom: 0; left: 0; -o-object-fit: cover; object-fit: cover; width: 100%; } @media (max-width: 991px) { .pageHeader.-type-1 .pageHeader__bg > *:nth-child(2) { height: 35px; } } .pageHeader.-type-1 .pageHeader__content { position: relative; text-align: center; z-index: 1; } .pageHeader.-type-1 .pageHeader__title { font-size: 70px; font-weight: 600; line-height: 1.2; color: white; } @media (max-width: 991px) { .pageHeader.-type-1 .pageHeader__title { font-size: 60px; } } @media (max-width: 767px) { .pageHeader.-type-1 .pageHeader__title { font-size: 40px; } } .pageHeader.-type-1 .pageHeader__text { color: white; margin-top: 10px; } .pageHeader.-type-2 { position: relative; padding-top: 140px; padding-bottom: 100px; margin-top: 88px; } @media (max-width: 767px) { .pageHeader.-type-2 { margin-top: 57px; padding-top: 50px; padding-bottom: 80px; } } .pageHeader.-type-2 .pageHeader__bg { overflow: hidden; position: absolute; top: 0; bottom: 0; right: 60px; left: 60px; border-radius: 12px; z-index: -1; } @media (max-width: 991px) { .pageHeader.-type-2 .pageHeader__bg { right: 0; left: 0; border-radius: 0; } } .pageHeader.-type-2 .pageHeader__bg > *:nth-child(1) { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .pageHeader.-type-2 .pageHeader__bg > *:nth-child(2) { position: absolute; bottom: 0; left: 0; -o-object-fit: cover; object-fit: cover; width: 100%; } @media (max-width: 991px) { .pageHeader.-type-2 .pageHeader__bg > *:nth-child(2) { height: 35px; } } .pageHeader.-type-2 .pageHeader__content { text-align: center; } .pageHeader.-type-2 .pageHeader__title { font-size: 60px; font-weight: 600; line-height: 1.2; letter-spacing: -0.03em; } @media (max-width: 991px) { .pageHeader.-type-2 .pageHeader__title { font-size: 60px; } } @media (max-width: 767px) { .pageHeader.-type-2 .pageHeader__title { font-size: 40px; } } .pageHeader.-type-2 .pageHeader__text { margin-top: 10px; } .pageHeader.-type-2 .pageHeader__search { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); max-width: 100%; z-index: 1; } @media (max-width: 767px) { .pageHeader.-type-2 .pageHeader__search { position: relative; left: unset; transform: none; margin-top: 30px; } } .pageHeader.-type-2 .pageHeader__search input { width: 550px; max-width: 100%; height: 70px; border-radius: 100px; background-color: white; padding-left: 33px; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); } .pageHeader.-type-2 .pageHeader__search button { position: absolute; top: 10px; right: 10px; border-radius: 100%; width: 50px; height: 50px; background-color: var(--color-accent-1); } .pageHeader.-type-2.-secondary { position: relative; padding-top: 110px; padding-bottom: 30px; z-index: 50; } @media (max-width: 767px) { .pageHeader.-type-2.-secondary { padding-bottom: 60px; } } .pageHeader.-type-2.-secondary .pageHeader__search { position: relative; left: unset; transform: none; width: 100%; bottom: -60px; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); } @media (max-width: 767px) { .pageHeader.-type-2.-secondary .pageHeader__search { bottom: 0; } } .pageHeader.-type-2.-secondary button { position: relative; top: unset; right: unset; border-radius: 12px; width: auto; height: 100%; background-color: transparent; } @media (max-width: 767px) { .pageHeader.-type-2.-secondary button { width: 100%; height: 50px; border-radius: 0 0 12px 12px; } } .pageHeader.-type-3 { position: relative; padding-top: 30px; padding-bottom: 30px; margin-top: 88px; } @media (max-width: 767px) { .pageHeader.-type-3 { margin-top: 57px; } } .sidebar.-type-1 { position: relative; border: 1px solid var(--border, #E7E6E6); z-index: 5; } .sidebar.-type-1 .sidebar__header { border-radius: 12px 12px 0 0; padding: 30px; } .sidebar.-type-1 .sidebar__content { padding: 30px; padding-top: 20px; } .sidebar.-type-1 .sidebar__content > * + * { margin-top: 20px; padding-top: 20px; border-top: 1px solid #E7E6E6; } .sidebar.-type-2 { width: 360px; max-width: 100%; border-radius: 12px; border: 1px solid var(--border, #E7E6E6); padding: 35px 30px; } @media (max-width: 991px) { .sidebar.-type-2 { width: 100%; } } .sidebar.-type-2 .sidebar__item + * { margin-top: 30px; padding-top: 30px; border-top: 1px solid #E7E6E6; } .sidebar.-type-2 .sidebar__search { position: relative; width: 100%; margin-bottom: 30px; } .sidebar.-type-2 .sidebar__search > i { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); } .sidebar.-type-2 .sidebar__search > input { border-radius: 12px; width: 100%; padding: 14px 20px; padding-left: 46px; background-color: var(--bg-1, #F5F5F5); } .sidebar.-type-2 .sidebar__tags { flex-wrap: wrap; } .sidebar.-type-2 .sidebar__tags > * a { display: block; font-size: 14px; line-height: 28px; font-weight: 500; padding: 6px 17px; border-radius: 200px; border: 1px solid var(--border, #E7E6E6); } .tourCard.-type-1 { display: block; } .tourCard.-type-1 .tourCard__image { position: relative; z-index: 0; } .tourCard.-type-1 .tourCard__shape { position: absolute; bottom: 0; left: 0; right: 0; height: 24px; background-color: white; border-radius: 20px 20px 0 0; z-index: 1; } .tourCard.-type-1 .tourCard__header { position: relative; } .tourCard.-type-1 .tourCard__favorite { position: absolute; bottom: -17px; right: 10px; display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; border-radius: 100%; background-color: white; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); z-index: 1; transition: .15s; } .tourCard.-type-1 .tourCard__favorite:hover { color: white; background-color: var(--color-accent-1); } .tourCard.-type-1.-hover-shadow { transition: .15s; } .tourCard.-type-1.-hover-shadow:hover { box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); } .tourCard.-type-1.-rounded .tourCard__image { position: relative; z-index: 0; } .tourCard.-type-1.-rounded .tourCard__shape { position: absolute; bottom: 0; left: 0; right: 0; height: 24px; background-color: white; border-radius: 20px 20px 0 0; z-index: 1; pointer-events: none; } .tourCard.-type-1.-rounded .tourCard__header { position: relative; } .tourCard.-type-1.-rounded .tourCard__favorite { top: 20px; bottom: unset; right: 20px; } .tourCard.-type-1.-rounded .tourCard__favorite:hover { color: white; background-color: var(--color-accent-1); } .tourCard__title span { background-repeat: no-repeat; background-image: linear-gradient(to right, black 0%, black 100%); background-position: 0px 95%; background-size: 0px 1px; transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; padding: 0.1% 0px; } .tourCard:hover .tourCard__title span { background-size: 100% 1px; } .tourCard.-type-2 { display: grid; grid-template-columns: max-content 1fr min-content; gap: 30px; height: 100%; border-radius: 12px; border: 1px solid var(--border, #E7E6E6); padding: 20px; transition: 0.2s; } @media (max-width: 1199px) { .tourCard.-type-2 { grid-template-columns: 1fr 1fr; } .tourCard.-type-2 > *:nth-child(1) { grid-column: 2 span; width: 100% !important; } } @media (max-width: 767px) { .tourCard.-type-2 { grid-template-columns: 1fr; gap: 16px; } .tourCard.-type-2 > *:nth-child(1) { grid-column: 1 span; } .tourCard.-type-2 > *:nth-child(3) { border-left: none !important; padding: 0 !important; width: 100% !important; } } .tourCard.-type-2 .tourCard__image { position: relative; flex-shrink: 0; width: 280px; min-height: 260px; z-index: 0; } .tourCard.-type-2 .tourCard__image img { width: 100%; height: 100%; border-radius: 12px; -o-object-fit: cover; object-fit: cover; } .tourCard.-type-2 .tourCard__badge { position: absolute; top: 20px; left: 20px; z-index: 1; } .tourCard.-type-2 .tourCard__favorite { position: absolute; top: 20px; right: 20px; z-index: 1; } .tourCard.-type-2 .tourCard__content { padding-top: 10px; padding-bottom: 10px; } .tourCard.-type-2 .tourCard__title { overflow: hidden; text-overflow: ellipsis; font-size: 18px; font-weight: 500; line-height: 30px; } .tourCard.-type-2 .tourCard__info { display: flex; flex-direction: column; flex-shrink: 0; height: 100%; width: 225px; border-left: 1px solid #E7E6E6; padding: 10px 10px 10px 30px; } @media (max-width: 991px) { .tourCard.-type-2 .tourCard__info > *:nth-child(1) { align-items: flex-start !important; text-align: left !important; } } .tourCard.-type-2 .tourCard__info > *:nth-child(1) { display: flex; flex-direction: column; align-items: center; justify-content: space-between; text-align: center; height: 100%; } .tourCard.-type-2 .tourCard__info > *:nth-child(2) { width: 100%; padding: 15px 0; margin-top: 20px; } .tourCard.-type-2 .tourCard__price > *:nth-child(1) { font-size: 15px; line-height: 1.4; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; color: var(--icon, #C6C6D2); } .tourCard.-type-2 .tourCard__price > *:nth-child(2) { line-height: 1.4; } .tourCard.-type-2:hover { box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); } .tourCard.-type-3 { position: relative; display: flex; flex-direction: column; justify-content: space-between; z-index: 0; } .tourCard.-type-3 .tourCard__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .tourCard.-type-3 .tourCard__image::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 12px; background: linear-gradient(180deg, rgba(5, 7, 60, 0) 0%, rgba(5, 7, 60, 0.8) 100%); z-index: 1; } .tourCard.-type-3 .tourCard__header { position: relative; } .tourCard.-type-3 .tourCard__favorite { display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; border-radius: 100%; background-color: rgba(255, 255, 255, 0.2); color: white; z-index: 1; transition: .15s; } .tourCard.-type-3 .tourCard__favorite:hover { background-color: var(--color-accent-1); } .tourCard.-type-3 .tourCard__content { display: flex; align-items: flex-end; z-index: 1; } .tourCard.-type-3 .tourCard__wrap { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; padding: 30px; } .blogCard.-type-1 { display: block; } .blogCard.-type-1 .blogCard__image { position: relative; } .blogCard.-type-1 .blogCard__badge { position: absolute; top: 20px; left: 20px; font-size: 14px; font-weight: 500; padding: 5px 15px; background-color: white; border-radius: 200px; } .blogCard.-type-1 .blogCard__info { display: flex; align-items: center; } .blogCard.-type-1 .blogCard__line { width: 1px; height: 26px; background-color: #E7E6E6; margin: 0 10px; } .cta.-type-1 { position: relative; z-index: 0; } .cta.-type-1 .cta__bg { position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); z-index: -1; max-width: 100%; width: 1530px; } .cta.-type-1 .cta__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 12px; } @media (max-width: 991px) { .cta.-type-1 .cta__bg img { border-radius: 0; } } .cta.-type-1 .cta__content { padding: 100px 0; } @media (max-width: 991px) { .cta.-type-1 .cta__content { padding-bottom: 0; } } @media (max-width: 767px) { .cta.-type-1 .cta__content { padding-top: 60px; } } .cta.-type-1 .cta__image { position: absolute; bottom: 0; } @media (max-width: 991px) { .cta.-type-1 .cta__image { position: relative; } } .cta.-type-2 { position: relative; padding-top: 160px; padding-bottom: 160px; z-index: 0; } @media (max-width: 991px) { .cta.-type-2 { padding-top: 120px; padding-bottom: 120px; } } @media (max-width: 767px) { .cta.-type-2 { padding-top: 40px; padding-bottom: 360px; } } .cta.-type-2 .cta__bg { overflow: hidden; position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); z-index: -1; max-width: 100%; width: 1530px; border-radius: 12px; } @media (max-width: 767px) { .cta.-type-2 .cta__bg { left: 20px; right: 20px; transform: none; width: auto; } } .cta.-type-2 .cta__bg > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .cta.-type-2 .cta__image { position: absolute; top: 0; right: 0; bottom: 0; } @media (max-width: 1199px) { .cta.-type-2 .cta__image { width: 55%; } } @media (max-width: 991px) { .cta.-type-2 .cta__image { width: 45%; } } @media (max-width: 767px) { .cta.-type-2 .cta__image { top: unset; height: 312px; width: 100%; } } .cta.-type-2 .cta__image > *:nth-child(1) { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .cta.-type-2 .cta__image > *:nth-child(2) { position: absolute; left: -1px; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 1; } @media (max-width: 767px) { .cta.-type-2 .cta__image > *:nth-child(2) { display: none; } } .cta.-type-2 .cta__image > *:nth-child(3) { display: none; } @media (max-width: 767px) { .cta.-type-2 .cta__image > *:nth-child(3) { display: block; position: absolute; top: 0; left: 0; right: 0; z-index: 1; width: 100%; -o-object-fit: cover; object-fit: cover; } } @media (max-width: 767px) { .cta.-type-2 .cta__content { padding: 0 40px; } } .cta.-type-3 { position: relative; z-index: 0; } .cta.-type-3 .cta__bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } .cta.-type-3 .cta__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .cta.-type-3 .cta__content { padding: 100px 0; } @media (max-width: 991px) { .cta.-type-3 .cta__content { padding-bottom: 0; } } @media (max-width: 767px) { .cta.-type-3 .cta__content { padding-top: 60px; } } .cta.-type-3 .cta__image { position: absolute; bottom: 0; } @media (max-width: 991px) { .cta.-type-3 .cta__image { position: relative; } } .cta.-type-4 { position: relative; z-index: 0; } .cta.-type-4 .cta__content { position: relative; overflow: hidden; border-radius: 12px; background-color: var(--color-light-4); padding: 60px; z-index: 2; } @media (max-width: 991px) { .cta.-type-4 .cta__content { padding-right: 340px; } } @media (max-width: 767px) { .cta.-type-4 .cta__content { padding: 48px; padding-bottom: 300px; } } @media (max-width: 575px) { .cta.-type-4 .cta__content { padding: 34px; padding-bottom: 210px; } } .cta.-type-4 .cta__image { position: absolute; top: 0; right: 0; bottom: 0; z-index: -1; } .cta.-type-4 .cta__image > *:nth-child(1) { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .cta.-type-4 .cta__image > *:nth-child(2) { position: absolute; top: 0; bottom: 0; left: 0; height: 100%; z-index: 1; } .cta.-type-4 .cta__image > *:nth-child(3) { position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 1; -o-object-fit: cover; object-fit: cover; display: none; } @media (max-width: 1199px) { .cta.-type-4 .cta__image { width: 340px; } } @media (max-width: 767px) { .cta.-type-4 .cta__image { top: unset; left: 0; width: 100%; padding-right: 0; } .cta.-type-4 .cta__image > *:nth-child(2) { display: none; } .cta.-type-4 .cta__image > *:nth-child(3) { display: block; top: -2px; } } .cta.-type-4.-style-2 .cta__content { background-color: var(--color-light-5); } .pagination { display: flex; align-items: center; } .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); } .pagination__count { display: flex; align-items: center; } .pagination__count > * { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: 100%; font-weight: 500; } .pagination__count > *.is-active { color: white !important; background-color: var(--color-accent-1) !important; } .pagination__count > *:hover { background-color: #F5F5F5; color: var(--color-dark-1); } .pagination__count > * + * { margin-left: 15px; } .pagination.-type-1 { display: flex; align-items: center; } .pagination.-type-1 > * + * { margin-left: 10px; } .pagination.-type-1 .pagination__item { width: 6px; height: 6px; border-radius: 20px; background-color: var(--color-dark-1); transition: .3s; } .pagination.-type-1 .pagination__item.is-active { width: 18px; } .navAbsolute { position: absolute; top: 50%; left: -70px; right: -70px; transform: translateY(-50%); display: flex; align-items: center; justify-content: space-between; z-index: 1; } .navAbsolute__button { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 100%; border: 1px solid var(--border, #E7E6E6); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); } .navAbsolute.-type-2 { left: 60px; right: 60px; } @media (max-width: 767px) { .navAbsolute.-type-2 { left: 30px; right: 30px; } } .navRegular { display: flex; align-items: center; z-index: 1; } .navRegular > * + * { margin-left: 10px; } .navRegular__button { display: flex; justify-content: center; align-items: center; width: 72px; height: 72px; border-radius: 100%; border: 1px solid var(--border, #E7E6E6); } .sidebar.-dashboard { margin-top: 60px; padding: 0 30px; } .sidebar.-dashboard .sidebar__item a { display: flex; align-items: center; border-radius: 12px; height: 55px; padding: 0 20px; transition: .2s; } .sidebar.-dashboard .sidebar__item a i { display: flex; } .sidebar.-dashboard .sidebar__item a:hover { background-color: rgba(255, 255, 255, 0.15); color: white; } .sidebar.-dashboard .sidebar__item.-is-active a { background-color: rgba(255, 255, 255, 0.15); } .dashboard { display: flex; width: 100%; } .dashboard__sidebar { position: fixed; top: 0; bottom: 0; left: 0; width: 300px; max-width: calc(100vw - 80px); color: white; background-color: var(--color-dark-1); z-index: 100; transform: translateX(-100%); transition: .2s; } .dashboard__sidebar_header { display: flex; align-items: center; justify-content: center; height: 88px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .dashboard__sidebar_header_search { display: flex; align-items: center; } .dashboard__sidebar_header_search i { font-size: 18px; margin-right: 10px; } .dashboard__sidebar_header_search input { width: 230px; } .dashboard__sidebar_content { padding: 60px 30px; } .dashboard__content { position: relative; width: 100%; background-color: #F5F5F5; transition: .2s; } @media (max-width: 767px) { .dashboard__content { padding-left: 0; } } .dashboard__content_header { display: flex; align-items: center; justify-content: space-between; background-color: #FFF; height: 88px; padding-left: 75px; padding-right: 30px; } @media (max-width: 767px) { .dashboard__content_header { height: 72px; padding: 0 24px; } } .dashboard__content_header > *:nth-child(1) { display: flex; align-items: center; } .dashboard__content_header > *:nth-child(2) { display: flex; align-items: center; } .dashboard__content_header > *:nth-child(2) > * + * { margin-left: 30px; } .dashboard__content_content { padding: 0 75px; padding-top: 60px; padding-bottom: 30px; } @media (max-width: 767px) { .dashboard__content_content { padding: 0 24px; padding-top: 30px; padding-bottom: 30px; } } .dashboard.-is-sidebar-visible .dashboard__sidebar { transform: none; } .dashboard.-is-sidebar-visible .dashboard__content { overflow-x: hidden; padding-left: 300px; } @media (max-width: 767px) { .dashboard.-is-sidebar-visible .dashboard__content { padding-left: 0; transform: translateX(300px); } } .testimonials.-type-1 .testimonials__image { position: relative; margin: 0 auto; } .testimonials.-type-1 .testimonials__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .testimonials.-type-1 .testimonials__icon { position: absolute; top: -8px; left: -17px; display: flex; justify-content: center; align-items: center; width: 46px; height: 46px; border-radius: 100%; color: white; background-color: var(--color-accent-1); } .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.-simple .accordion__item { transition: all 0.2s ease-out; } .accordion.-simple .accordion__button { cursor: pointer; transition: 0.4s; } .accordion.-simple .accordion__button button { color: var(--text-dark-1); } .accordion.-simple .accordion__icon { background-color: rgba(235, 102, 43, 0.05) !important; color: var(--color-accent-1) !important; transition: all 0.2s ease-out; } .accordion.-simple .accordion__icon > *:nth-child(1) { position: absolute; transition: all 0.2s ease-out; } .accordion.-simple .accordion__icon > *:nth-child(2) { position: relative; transform: rotate(-90deg); opacity: 0; transition: all 0.2s ease-out; } .accordion.-simple .accordion__item.is-active { box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); } .accordion.-simple .accordion__item.is-active .accordion__icon { background-color: var(--color-accent-1) !important; color: white !important; } .accordion.-simple .accordion__item.is-active .accordion__icon > *:nth-child(1) { transform: rotate(90deg); opacity: 0; } .accordion.-simple .accordion__item.is-active .accordion__icon > *:nth-child(2) { transform: none; opacity: 1; } .accordion.-simple-2 .accordion__item { transition: all 0.2s ease-out; } .accordion.-simple-2 .accordion__button { cursor: pointer; transition: 0.4s; } .accordion.-simple-2 .accordion__icon { transition: all 0.2s ease-out; } .accordion.-simple-2 .accordion__icon > *:nth-child(1) { position: absolute; transition: all 0.2s ease-out; } .accordion.-simple-2 .accordion__icon > *:nth-child(2) { position: relative; transform: rotate(-90deg); opacity: 0; transition: all 0.2s ease-out; } .accordion.-simple-2 .accordion__item.is-active .accordion__icon > *:nth-child(1) { transform: rotate(90deg); opacity: 0; } .accordion.-simple-2 .accordion__item.is-active .accordion__icon > *:nth-child(2) { transform: none; opacity: 1; } .accordion.-tour-single .accordion__item { transition: all 0.2s ease-out; } .accordion.-tour-single .accordion__icon { background-color: transparent; } .accordion.-tour-single .accordion__icon > *:nth-child(1) { position: absolute; transition: all 0.2s ease-out; } .accordion.-tour-single .accordion__icon > *:nth-child(2) { position: relative; transform: rotate(-90deg); opacity: 0; transition: all 0.2s ease-out; } .accordion.-tour-single .accordion__item.is-active .accordion__icon > *:nth-child(1) { transform: rotate(90deg); opacity: 0; } .accordion.-tour-single .accordion__item.is-active .accordion__icon > *:nth-child(2) { transform: none; opacity: 1; } .nopage { padding-top: 138px; padding-bottom: 120px; } @media (max-width: 767px) { .nopage { padding-top: 80px; padding-bottom: 80ex; } } @media (max-width: 575px) { .nopage { padding-top: 60px; padding-bottom: 40px; } } .nopage__content h1 { font-size: 200px; font-weight: 700; line-height: 1.2; } @media (max-width: 767px) { .nopage__content h1 { font-size: 100px; } } .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.-terms .tabs__controls .tabs__button { transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); } .tabs.-terms .tabs__controls .tabs__button::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background-color: #E7E6E6; } .tabs.-terms .tabs__controls .tabs__button::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 2px; background-color: var(--color-accent-1); z-index: 2; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; } .tabs.-terms .tabs__controls .tabs__button.is-tab-el-active { color: var(--color-accent-1) !important; } .tabs.-terms .tabs__controls .tabs__button.is-tab-el-active::after { opacity: 1; } .tabs.-tourSingle .tabs__controls .tabs__button { position: relative; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0.2; } .tabs.-tourSingle .tabs__controls .tabs__button::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background-color: var(--color-dark-1); z-index: 2; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; } .tabs.-tourSingle .tabs__controls .tabs__button.is-tab-el-active { opacity: 1; } .tabs.-tourSingle .tabs__controls .tabs__button.is-tab-el-active::after { opacity: 1; } .tabs.-pills .tabs__controls .tabs__button { transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); } .tabs.-pills .tabs__controls .tabs__button:hover { color: var(--color-blue-1) !important; } .tabs.-pills .tabs__controls .tabs__button.is-tab-el-active { color: var(--color-blue-1) !important; background-color: rgba(235, 102, 43, 0.05); } .tabs.-pills-2 .tabs__controls .tabs__button { transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); } .tabs.-pills-2 .tabs__controls .tabs__button:hover { color: var(--color-blue-1) !important; } .tabs.-pills-2 .tabs__controls .tabs__button.is-tab-el-active { color: var(--color-white) !important; background-color: var(--color-blue-1) !important; } .tabs.-pills-3 .tabs__controls .tabs__button { border: 1px solid #E7E6E6; padding: 8px 20px; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); } .tabs.-pills-3 .tabs__controls .tabs__button.is-tab-el-active { border: 1px solid var(--color-dark-1); } .tabs.-pills-4 .tabs__controls .tabs__button { transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); } .tabs.-pills-4 .tabs__controls .tabs__button.is-tab-el-active { background-color: white; color: var(--color-accent-1); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); } .tabs.-underline-2 .tabs__controls .tabs__button { position: relative; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0.5; } .tabs.-underline-2 .tabs__controls .tabs__button::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: var(--color-dark-1); transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; } .tabs.-underline-2 .tabs__controls .tabs__button:hover { color: var(--color-dark-1) !important; } .tabs.-underline-2 .tabs__controls .tabs__button.is-tab-el-active { color: var(--color-dark-1) !important; opacity: 1; } .tabs.-underline-2 .tabs__controls .tabs__button.is-tab-el-active::after { opacity: 1; } .menu { position: fixed; top: 0; right: 0; bottom: 0; width: 470px; max-width: 100%; z-index: 1000; pointer-events: none; opacity: 0; } .menu__overlay { cursor: pointer; position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: -1; background-color: rgba(0, 0, 0, 0.5); } .menu__container { position: relative; display: flex; flex-direction: column; height: 100%; padding: 40px; background-color: white; z-index: 1; } .menu__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; } .menu__header h4 { font-size: 30px; font-weight: 700; line-height: 1.2; } .menu__header button { width: 38px; height: 38px; border-radius: 100%; display: flex; justify-content: center; align-items: center; background-color: var(--color-light-1); } .menu__content { position: relative; height: 100%; margin-bottom: 30px; } .menu.-is-active { pointer-events: auto !important; } .menu .-is-active { pointer-events: auto !important; } .menuNav > li a { border-bottom: 1px solid #E7E6E6; } .menuNav > li:last-child a { border-bottom: 0px solid #E7E6E6 !important; } .menuNav ul > li a { border-bottom: 1px solid #E7E6E6; } .menuNav ul > li:last-child a { border-bottom: 0px solid #E7E6E6 !important; } .menuNav__item { overflow: hidden; width: 100%; } .menuNav__item a { cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 20px; font-weight: 500; line-height: 1.2; padding: 16px 0; } .menuNav__item a:hover { color: var(--color-accent-1); } .submenu { overflow-y: scroll; position: absolute; top: 0; width: 100%; height: 100%; pointer-events: none; } .submenu::-webkit-scrollbar { display: none; } .submenu::-webkit-scrollbar-thumb { display: none; } .submenu__item { overflow: hidden; } .submenu a { transform: translateY(100%); } .preloader { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 5000; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: white; transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .preloader__wrap { overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; width: 72px; height: 72px; border-radius: 30px; background-color: white; box-shadow: 0px 2px 24px 0px #00000014; animation-name: preloaderWraper; animation-iteration-count: infinite; animation-duration: 1.8s; animation-timing-function: ease; } .preloader__icon { position: absolute; animation-name: preloader; animation-iteration-count: infinite; animation-duration: 1.8s; animation-timing-function: ease; } .preloader__title { font-size: 47px; font-weight: 600; line-height: 68px; letter-spacing: 0em; margin-top: 16px; } .preloader.-is-hidden { opacity: 0; pointer-events: none; } @keyframes preloaderWraper { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: none; } } @keyframes preloader { 0% { transform: translateY(180%) scale(1); } 50% { transform: translateY(0%) scale(1.2); } 100% { transform: translateY(-180%); } } .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-2 { padding-top: 2px !important; padding-bottom: 2px !important; } .px-2 { padding-left: 2px !important; padding-right: 2px !important; } .pt-2 { padding-top: 2px !important; } .pb-2 { padding-bottom: 2px !important; } .pl-2 { padding-left: 2px !important; } .pr-2 { padding-right: 2px !important; } .mt-2 { margin-top: 2px !important; } .mb-2 { margin-bottom: 2px !important; } .ml-2 { margin-left: 2px !important; } .mr-2 { margin-right: 2px !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-45 { padding-top: 45px !important; padding-bottom: 45px !important; } .px-45 { padding-left: 45px !important; padding-right: 45px !important; } .pt-45 { padding-top: 45px !important; } .pb-45 { padding-bottom: 45px !important; } .pl-45 { padding-left: 45px !important; } .pr-45 { padding-right: 45px !important; } .mt-45 { margin-top: 45px !important; } .mb-45 { margin-bottom: 45px !important; } .ml-45 { margin-left: 45px !important; } .mr-45 { margin-right: 45px !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-60 { margin-top: 60px !important; } .mb-60 { margin-bottom: 60px !important; } .ml-60 { margin-left: 60px !important; } .mr-60 { margin-right: 60px !important; } .py-80 { padding-top: 80px !important; padding-bottom: 80px !important; } .px-80 { padding-left: 80px !important; padding-right: 80px !important; } .pt-80 { padding-top: 80px !important; } .pb-80 { padding-bottom: 80px !important; } .pl-80 { padding-left: 80px !important; } .pr-80 { padding-right: 80px !important; } .mt-80 { margin-top: 80px !important; } .mb-80 { margin-bottom: 80px !important; } .ml-80 { margin-left: 80px !important; } .mr-80 { margin-right: 80px !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-2 { padding-top: 2px !important; padding-bottom: 2px !important; } .xl\:px-2 { padding-left: 2px !important; padding-right: 2px !important; } .xl\:pt-2 { padding-top: 2px !important; } .xl\:pb-2 { padding-bottom: 2px !important; } .xl\:pl-2 { padding-left: 2px !important; } .xl\:pr-2 { padding-right: 2px !important; } .xl\:mt-2 { margin-top: 2px !important; } .xl\:mb-2 { margin-bottom: 2px !important; } .xl\:ml-2 { margin-left: 2px !important; } .xl\:mr-2 { margin-right: 2px !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-45 { padding-top: 45px !important; padding-bottom: 45px !important; } .xl\:px-45 { padding-left: 45px !important; padding-right: 45px !important; } .xl\:pt-45 { padding-top: 45px !important; } .xl\:pb-45 { padding-bottom: 45px !important; } .xl\:pl-45 { padding-left: 45px !important; } .xl\:pr-45 { padding-right: 45px !important; } .xl\:mt-45 { margin-top: 45px !important; } .xl\:mb-45 { margin-bottom: 45px !important; } .xl\:ml-45 { margin-left: 45px !important; } .xl\:mr-45 { margin-right: 45px !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-80 { padding-top: 80px !important; padding-bottom: 80px !important; } .xl\:px-80 { padding-left: 80px !important; padding-right: 80px !important; } .xl\:pt-80 { padding-top: 80px !important; } .xl\:pb-80 { padding-bottom: 80px !important; } .xl\:pl-80 { padding-left: 80px !important; } .xl\:pr-80 { padding-right: 80px !important; } .xl\:mt-80 { margin-top: 80px !important; } .xl\:mb-80 { margin-bottom: 80px !important; } .xl\:ml-80 { margin-left: 80px !important; } .xl\:mr-80 { margin-right: 80px !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-2 { padding-top: 2px !important; padding-bottom: 2px !important; } .lg\:px-2 { padding-left: 2px !important; padding-right: 2px !important; } .lg\:pt-2 { padding-top: 2px !important; } .lg\:pb-2 { padding-bottom: 2px !important; } .lg\:pl-2 { padding-left: 2px !important; } .lg\:pr-2 { padding-right: 2px !important; } .lg\:mt-2 { margin-top: 2px !important; } .lg\:mb-2 { margin-bottom: 2px !important; } .lg\:ml-2 { margin-left: 2px !important; } .lg\:mr-2 { margin-right: 2px !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-45 { padding-top: 45px !important; padding-bottom: 45px !important; } .lg\:px-45 { padding-left: 45px !important; padding-right: 45px !important; } .lg\:pt-45 { padding-top: 45px !important; } .lg\:pb-45 { padding-bottom: 45px !important; } .lg\:pl-45 { padding-left: 45px !important; } .lg\:pr-45 { padding-right: 45px !important; } .lg\:mt-45 { margin-top: 45px !important; } .lg\:mb-45 { margin-bottom: 45px !important; } .lg\:ml-45 { margin-left: 45px !important; } .lg\:mr-45 { margin-right: 45px !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-80 { padding-top: 80px !important; padding-bottom: 80px !important; } .lg\:px-80 { padding-left: 80px !important; padding-right: 80px !important; } .lg\:pt-80 { padding-top: 80px !important; } .lg\:pb-80 { padding-bottom: 80px !important; } .lg\:pl-80 { padding-left: 80px !important; } .lg\:pr-80 { padding-right: 80px !important; } .lg\:mt-80 { margin-top: 80px !important; } .lg\:mb-80 { margin-bottom: 80px !important; } .lg\:ml-80 { margin-left: 80px !important; } .lg\:mr-80 { margin-right: 80px !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-2 { padding-top: 2px !important; padding-bottom: 2px !important; } .md\:px-2 { padding-left: 2px !important; padding-right: 2px !important; } .md\:pt-2 { padding-top: 2px !important; } .md\:pb-2 { padding-bottom: 2px !important; } .md\:pl-2 { padding-left: 2px !important; } .md\:pr-2 { padding-right: 2px !important; } .md\:mt-2 { margin-top: 2px !important; } .md\:mb-2 { margin-bottom: 2px !important; } .md\:ml-2 { margin-left: 2px !important; } .md\:mr-2 { margin-right: 2px !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-45 { padding-top: 45px !important; padding-bottom: 45px !important; } .md\:px-45 { padding-left: 45px !important; padding-right: 45px !important; } .md\:pt-45 { padding-top: 45px !important; } .md\:pb-45 { padding-bottom: 45px !important; } .md\:pl-45 { padding-left: 45px !important; } .md\:pr-45 { padding-right: 45px !important; } .md\:mt-45 { margin-top: 45px !important; } .md\:mb-45 { margin-bottom: 45px !important; } .md\:ml-45 { margin-left: 45px !important; } .md\:mr-45 { margin-right: 45px !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-80 { padding-top: 80px !important; padding-bottom: 80px !important; } .md\:px-80 { padding-left: 80px !important; padding-right: 80px !important; } .md\:pt-80 { padding-top: 80px !important; } .md\:pb-80 { padding-bottom: 80px !important; } .md\:pl-80 { padding-left: 80px !important; } .md\:pr-80 { padding-right: 80px !important; } .md\:mt-80 { margin-top: 80px !important; } .md\:mb-80 { margin-bottom: 80px !important; } .md\:ml-80 { margin-left: 80px !important; } .md\:mr-80 { margin-right: 80px !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-2 { padding-top: 2px !important; padding-bottom: 2px !important; } .sm\:px-2 { padding-left: 2px !important; padding-right: 2px !important; } .sm\:pt-2 { padding-top: 2px !important; } .sm\:pb-2 { padding-bottom: 2px !important; } .sm\:pl-2 { padding-left: 2px !important; } .sm\:pr-2 { padding-right: 2px !important; } .sm\:mt-2 { margin-top: 2px !important; } .sm\:mb-2 { margin-bottom: 2px !important; } .sm\:ml-2 { margin-left: 2px !important; } .sm\:mr-2 { margin-right: 2px !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-45 { padding-top: 45px !important; padding-bottom: 45px !important; } .sm\:px-45 { padding-left: 45px !important; padding-right: 45px !important; } .sm\:pt-45 { padding-top: 45px !important; } .sm\:pb-45 { padding-bottom: 45px !important; } .sm\:pl-45 { padding-left: 45px !important; } .sm\:pr-45 { padding-right: 45px !important; } .sm\:mt-45 { margin-top: 45px !important; } .sm\:mb-45 { margin-bottom: 45px !important; } .sm\:ml-45 { margin-left: 45px !important; } .sm\:mr-45 { margin-right: 45px !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-80 { padding-top: 80px !important; padding-bottom: 80px !important; } .sm\:px-80 { padding-left: 80px !important; padding-right: 80px !important; } .sm\:pt-80 { padding-top: 80px !important; } .sm\:pb-80 { padding-bottom: 80px !important; } .sm\:pl-80 { padding-left: 80px !important; } .sm\:pr-80 { padding-right: 80px !important; } .sm\:mt-80 { margin-top: 80px !important; } .sm\:mb-80 { margin-bottom: 80px !important; } .sm\:ml-80 { margin-left: 80px !important; } .sm\:mr-80 { margin-right: 80px !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-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-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-130 { margin-left: -65px; margin-right: -65px; } .x-gap-130 > * { padding-left: 65px; padding-right: 65px; } .y-gap-130 { margin-top: -65px; margin-bottom: -65px; } .y-gap-130 > * { padding-top: 65px; padding-bottom: 65px; } @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-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-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-130 { margin-left: -65px; margin-right: -65px; } .md\:x-gap-130 > * { padding-left: 65px; padding-right: 65px; } .md\:y-gap-130 { margin-top: -65px; margin-bottom: -65px; } .md\:y-gap-130 > * { padding-top: 65px; padding-bottom: 65px; } } @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-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-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-130 { margin-left: -65px; margin-right: -65px; } .sm\:x-gap-130 > * { padding-left: 65px; padding-right: 65px; } .sm\:y-gap-130 { margin-top: -65px; margin-bottom: -65px; } .sm\:y-gap-130 > * { padding-top: 65px; padding-bottom: 65px; } } .layout-pt-sm { padding-top: 30px; } .layout-pb-sm { padding-bottom: 30px; } .layout-pt-md { padding-top: 60px; } .layout-pb-md { padding-bottom: 60px; } .layout-pt-lg { padding-top: 90px; } .layout-pb-lg { padding-bottom: 90px; } .layout-pt-xl { padding-top: 120px; } .layout-pb-xl { padding-bottom: 120px; } .layout-pt-xxl { padding-top: 270px; } .layout-pb-xxl { padding-bottom: 270px; } @media (max-width: 767px) { .layout-pt-sm { padding-top: 30px; } .layout-pb-sm { padding-bottom: 30px; } } @media (max-width: 767px) { .layout-pt-md { padding-top: 60px; } .layout-pb-md { padding-bottom: 60px; } } @media (max-width: 767px) { .layout-pt-lg { padding-top: 100px; } .layout-pb-lg { padding-bottom: 100px; } } @media (max-width: 767px) { .layout-pt-xl { padding-top: 120px; } .layout-pb-xl { padding-bottom: 120px; } } @media (max-width: 767px) { .layout-pt-xxl { padding-top: 120px; } .layout-pb-xxl { padding-bottom: 120px; } } @media (max-width: 575px) { .layout-pt-sm { padding-top: 30px; } .layout-pb-sm { padding-bottom: 30px; } } @media (max-width: 575px) { .layout-pt-md { padding-top: 30px; } .layout-pb-md { padding-bottom: 30px; } } @media (max-width: 575px) { .layout-pt-lg { padding-top: 30px; } .layout-pb-lg { padding-bottom: 30px; } } @media (max-width: 575px) { .layout-pt-xl { padding-top: 50px; } .layout-pb-xl { padding-bottom: 50px; } } @media (max-width: 575px) { .layout-pt-xxl { padding-top: 70px; } .layout-pb-xxl { padding-bottom: 70px; } } .w-1\/7 { width: 14.285714% !important; } .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-1-dark { background-color: var(--color-accent-1-dark) !important; } .bg-accent-2 { background-color: var(--color-accent-2) !important; } .bg-dark-1 { background-color: var(--color-dark-1) !important; } .bg-blue-1 { background-color: var(--color-blue-1) !important; } .bg-red-1 { background-color: var(--color-red-1) !important; } .bg-red-2 { background-color: var(--color-red-2) !important; } .bg-red-3 { background-color: var(--color-red-3) !important; } .bg-red-4 { background-color: var(--color-red-4) !important; } .bg-purple-1 { background-color: var(--color-purple-1) !important; } .bg-yellow-1 { background-color: var(--color-yellow-1) !important; } .bg-yellow-2 { background-color: var(--color-yellow-2) !important; } .bg-yellow-3 { background-color: var(--color-yellow-3) !important; } .bg-light-1 { background-color: var(--color-light-1) !important; } .bg-light-2 { background-color: var(--color-light-2) !important; } .bg-light-3 { background-color: var(--color-light-3) !important; } .bg-light-4 { background-color: var(--color-light-4) !important; } .bg-light-5 { background-color: var(--color-light-5) !important; } .bg-light-6 { background-color: var(--color-light-6) !important; } .bg-light-7 { background-color: var(--color-light-7) !important; } .bg-green-1 { background-color: var(--color-green-1) !important; } .bg-green-2 { background-color: var(--color-green-2) !important; } .bg-green-3 { background-color: var(--color-green-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-white-10 { background-color: rgba(255, 255, 255, 0.1); } .bg-accent-1-05 { background-color: rgba(235, 102, 43, 0.05); } .bg-accent-2-05 { background-color: rgba(74, 67, 196, 0.05); } .bg-accent-2-03 { background-color: rgba(74, 67, 196, 0.03); } .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-1-dark { color: var(--color-accent-1-dark); } .text-accent-2 { color: var(--color-accent-2); } .text-dark-1 { color: var(--color-dark-1); } .text-blue-1 { color: var(--color-blue-1); } .text-red-1 { color: var(--color-red-1); } .text-red-2 { color: var(--color-red-2); } .text-red-3 { color: var(--color-red-3); } .text-red-4 { color: var(--color-red-4); } .text-purple-1 { color: var(--color-purple-1); } .text-yellow-1 { color: var(--color-yellow-1); } .text-yellow-2 { color: var(--color-yellow-2); } .text-yellow-3 { color: var(--color-yellow-3); } .text-light-1 { color: var(--color-light-1); } .text-light-2 { color: var(--color-light-2); } .text-light-3 { color: var(--color-light-3); } .text-light-4 { color: var(--color-light-4); } .text-light-5 { color: var(--color-light-5); } .text-light-6 { color: var(--color-light-6); } .text-light-7 { color: var(--color-light-7); } .text-green-1 { color: var(--color-green-1); } .text-green-2 { color: var(--color-green-2); } .text-green-3 { color: var(--color-green-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); } @media (max-width: 1199px) { .xl\:text-dark-1 { color: var(--color-dark-1); } } @media (max-width: 991px) { .lg\:text-dark-1 { color: var(--color-dark-1); } } .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; } .rounded-4 { border-radius: 4px; } .rounded-8 { border-radius: 8px; } .rounded-12 { border-radius: 12px; } .rounded-20 { border-radius: 20px; } .rounded-24 { border-radius: 24px; } .rounded-200 { border-radius: 200px !important; } .rounded-full { border-radius: 100%; } @media (max-width: 767px) { .md\:rounded-0 { border-radius: 0; } } .border-1 { border: 1px solid #E7E6E6; } .border-dark-1 { border: 1px solid var(--color-dark-1); } .border-1-top { border-top: 1px solid #E7E6E6; } .border-1-bottom { border-bottom: 1px solid #E7E6E6; } .border-white-15-top { border-top: 1px solid rgba(255, 255, 255, 0.15); } .border-dashed-1 { border: 1px dashed var(--color-primary, #EB662B); } .border-accent-1 { border: 1px solid var(--color-primary, #EB662B); } .size-16 { flex-shrink: 0; width: 16px; height: 16px; } .size-24 { flex-shrink: 0; width: 24px; height: 24px; } .size-30 { flex-shrink: 0; width: 30px; height: 30px; } .size-35 { flex-shrink: 0; width: 35px; height: 35px; } .size-40 { flex-shrink: 0; width: 40px; height: 40px; } .size-42 { flex-shrink: 0; width: 42px; height: 42px; } .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-72 { flex-shrink: 0; width: 72px; height: 72px; } .size-80 { flex-shrink: 0; width: 80px; height: 80px; } .size-100 { flex-shrink: 0; width: 100px; height: 100px; } .size-130 { flex-shrink: 0; width: 130px; height: 130px; } .size-200 { flex-shrink: 0; width: 200px; height: 200px; } .shadow-1 { box-shadow: 0px 10px 40px 0px #0000000D; } .shadow-2 { box-shadow: 0px 0px 20px 0px rgba(56, 71, 109, 0.03); } .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-full { height: 100% !important; } .h-50 { height: 50px !important; } .min-w-auto { min-width: auto !important; } .relative { position: relative; } @media (max-width: 1199px) { .xl\:unset { position: unset !important; } } .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: 991px) { .sectionBg.-left { position: relative; width: 100% !important; height: 100%; } } .sectionBg.-left img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .sectionBg.-w-1530 { left: 50%; transform: translateX(-50%); max-width: 100%; width: 1530px; } @media (max-width: 1550px) { .sectionBg.-w-1530 { border-radius: 0 !important; } } .sectionBg.-mx-60 { margin: 0 60px; } @media (max-width: 1600px) { .sectionBg.-mx-60 { margin: 0; } } @media (max-width: 1199px) { .sectionBg.-mx-60 { margin: 0; } } .sectionBg.-mx-30 { margin: 0 30px; } @media (max-width: 1600px) { .sectionBg.-mx-30 { margin: 0; border-radius: 0 !important; } } .sectionBg.-overlay-1::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; background-color: rgba(0, 0, 0, 0.5); } @media (max-width: 991px) { .sectionBg.-type-1 { position: relative; } } .sectionBg.-type-1 > *:nth-child(1) { position: absolute; top: 0; bottom: 0; right: 30px; z-index: 0; width: 1270px; max-width: 100%; } @media (max-width: 1199px) { .sectionBg.-type-1 > *:nth-child(1) { left: 30px; width: unset; } } .sectionBg.-type-1 > *:nth-child(2) { position: absolute; top: 50%; bottom: 0; left: 30px; transform: translateY(-50%); width: 37vw; aspect-ratio: 1/1; -o-object-fit: cover; object-fit: cover; z-index: 0; } @media (max-width: 1199px) { .sectionBg.-type-1 > *:nth-child(2) { aspect-ratio: 3/4; left: 0; } } @media (max-width: 991px) { .sectionBg.-type-1 > *:nth-child(2) { position: relative; aspect-ratio: unset; transform: unset; top: unset; left: unset; width: 100%; border-radius: 0; } } @media (max-width: 991px) { .sectionBg.-type-2 { position: unset; } } .sectionBg.-type-2 > *:nth-child(1) { position: absolute; top: 0; bottom: 0; left: 10vw; width: 1250px; max-width: 100%; z-index: 0; } @media (max-width: 1199px) { .sectionBg.-type-2 > *:nth-child(1) { width: 100%; left: 0; border-radius: 0 !important; } } .sectionBg.-type-2 > *:nth-child(2) { position: absolute; top: 50px; bottom: 50px; right: 188px; width: 610px; height: calc(100% - 100px); -o-object-fit: cover; object-fit: cover; z-index: 0; } @media (max-width: 1199px) { .sectionBg.-type-2 > *:nth-child(2) { width: 37vw; right: 100px; } } @media (max-width: 991px) { .sectionBg.-type-2 > *:nth-child(2) { position: relative; top: unset; bottom: unset; right: unset; width: 100%; height: auto; border-radius: 0 !important; margin-bottom: 40px; } } .aboutSection.-type-1 { padding: 210px 0; } @media (max-width: 1199px) { .aboutSection.-type-1 { padding: 100px 0; } } @media (max-width: 767px) { .aboutSection.-type-1 { padding: 60px 0; } } .aboutSection.-type-1 .aboutSection__text { padding-left: 40px; margin-bottom: 60px; } @media (max-width: 1199px) { .aboutSection.-type-1 .aboutSection__text { padding-left: 0; } } .imageSlider.-type-1 { overflow: hidden; position: relative; margin: 0 20px; height: 960px; color: white; z-index: 0; } @media (max-width: 1199px) { .imageSlider.-type-1 { height: 800px; } } @media (max-width: 991px) { .imageSlider.-type-1 { height: 600px; } } @media (max-width: 767px) { .imageSlider.-type-1 { height: 500px; } } @media (max-width: 575px) { .imageSlider.-type-1 { height: 480px; } } .imageSlider.-type-1 .imageSlider__slider { overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; border-radius: 12px; z-index: -1; } .imageSlider.-type-1 .imageSlider__image { position: relative; height: 100%; } .imageSlider.-type-1 .imageSlider__image::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, rgba(25, 29, 35, 0) 23.13%, rgba(25, 29, 35, 0.7) 100%); } .imageSlider.-type-1 .imageSlider__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .imageSlider.-type-1 .imageSlider__title { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); font-weight: 400; font-size: 18px; text-transform: uppercase; letter-spacing: 0.5px; } .imageSlider.-type-1 .imageSlider__content { padding-top: 120px; } @media (max-width: 767px) { .imageSlider.-type-1 .imageSlider__content { padding-top: 60px; } } .imageSlider.-type-1 .imageSlider__nav { display: flex; } .imageSlider.-type-1.-center .imageSlider__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 5; } .imageSlider.-type-1.-center .imageSlider__nav > * { display: flex; justify-content: space-between; } .testimonialsSection { position: relative; height: 960px; z-index: 0; } @media (max-width: 1199px) { .testimonialsSection { height: 720px; } } @media (max-width: 991px) { .testimonialsSection { height: 640px; } } @media (max-width: 767px) { .testimonialsSection { height: auto; } } .testimonialsSection .container { height: 100%; } .testimonialsSection .row { height: 100%; } .testimonialsSection__bg { position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 100%; z-index: -1; } .testimonialsSection__bg > *:nth-child(2) { width: 50%; height: 100%; } @media (max-width: 1199px) { .testimonialsSection__bg > *:nth-child(2) { width: 60%; } } @media (max-width: 991px) { .testimonialsSection__bg > *:nth-child(2) { width: 65%; } } @media (max-width: 767px) { .testimonialsSection__bg > *:nth-child(2) { width: 100%; } } .testimonialsSection__images { position: relative; display: flex; width: 50%; height: 100%; z-index: -1; transition: .5s; } @media (max-width: 1199px) { .testimonialsSection__images { width: 40%; } } @media (max-width: 991px) { .testimonialsSection__images { width: 35%; } } @media (max-width: 767px) { .testimonialsSection__images { display: none; } } .testimonialsSection__images img { flex-shrink: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .testimonialsSection__content { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .grid.-type-1 { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(2, 240px); gap: 30px; } .grid.-type-1 > *:nth-child(1) { grid-column: span 3; } .grid.-type-1 > *:nth-child(2) { grid-column: span 4; grid-row: span 2; } .grid.-type-1 > *:nth-child(3) { grid-column: span 5; } .grid.-type-1 > *:nth-child(4) { grid-column: span 3; } .grid.-type-1 > *:nth-child(5) { grid-column: span 2; } .grid.-type-1 > *:nth-child(6) { grid-column: span 3; } @media (max-width: 991px) { .grid.-type-1 { grid-template-columns: repeat(5, 1fr); gap: 20px; } .grid.-type-1 > *:nth-child(1) { grid-column: span 2; } .grid.-type-1 > *:nth-child(2) { grid-column: span 3; grid-row: span 2; } .grid.-type-1 > *:nth-child(3) { grid-column: span 2; } .grid.-type-1 > *:nth-child(4) { grid-column: span 5; aspect-ratio: 12/6; } .grid.-type-1 > *:nth-child(5) { grid-column: span 2; height: 100%; } .grid.-type-1 > *:nth-child(6) { grid-column: span 3; aspect-ratio: 30/24; } } @media (max-width: 575px) { .grid.-type-1 { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; gap: 10px; } .grid.-type-1 > *:nth-child(1) { grid-column: span 1; aspect-ratio: 19/15; order: 1; } .grid.-type-1 > *:nth-child(2) { grid-column: span 2; aspect-ratio: 39/45; order: 3; } .grid.-type-1 > *:nth-child(3) { grid-column: span 1; aspect-ratio: 19/15; order: 2; } .grid.-type-1 > *:nth-child(4) { grid-column: span 2; aspect-ratio: 39/24; order: 4; } .grid.-type-1 > *:nth-child(5) { grid-column: span 1; aspect-ratio: 19/24; order: 5; } .grid.-type-1 > *:nth-child(6) { grid-column: span 1; aspect-ratio: 19/24; order: 6; } } .grid.-type-2 { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(2, 240px); gap: 30px; } .grid.-type-2 > *:nth-child(1) { grid-column: span 3; } .grid.-type-2 > *:nth-child(2) { grid-column: span 5; } .grid.-type-2 > *:nth-child(3) { grid-column: span 4; grid-row: span 2; } .grid.-type-2 > *:nth-child(4) { grid-column: span 3; } .grid.-type-2 > *:nth-child(5) { grid-column: span 2; } .grid.-type-2 > *:nth-child(6) { grid-column: span 3; } @media (max-width: 991px) { .grid.-type-2 { grid-template-columns: repeat(5, 1fr); gap: 20px; } .grid.-type-2 > * { height: 100%; } .grid.-type-2 > *:nth-child(1) { grid-column: span 2; } .grid.-type-2 > *:nth-child(2) { grid-column: span 3; } .grid.-type-2 > *:nth-child(3) { grid-column: span 5; grid-row: span 2; } .grid.-type-2 > *:nth-child(4) { grid-column: span 3; height: 240px; } .grid.-type-2 > *:nth-child(5) { grid-column: span 2; height: 240px; } .grid.-type-2 > *:nth-child(6) { grid-column: span 5; height: 240px; } } @media (max-width: 575px) { .grid.-type-2 { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; gap: 10px; } .grid.-type-2 > * { height: 200px; max-height: 200px; } .grid.-type-2 > *:nth-child(1) { grid-column: span 1; } .grid.-type-2 > *:nth-child(2) { grid-column: span 1; } .grid.-type-2 > *:nth-child(3) { grid-column: span 2; } .grid.-type-2 > *:nth-child(4) { grid-column: span 2; } .grid.-type-2 > *:nth-child(5) { grid-column: span 1; } .grid.-type-2 > *:nth-child(6) { grid-column: span 1; } } .grid.-type-3 { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(2, 240px); gap: 30px; } .grid.-type-3 > *:nth-child(1) { grid-column: span 4; grid-row: span 2; } .grid.-type-3 > *:nth-child(2) { grid-column: span 3; } .grid.-type-3 > *:nth-child(3) { grid-column: span 5; } .grid.-type-3 > *:nth-child(4) { grid-column: span 3; } .grid.-type-3 > *:nth-child(5) { grid-column: span 2; } .grid.-type-3 > *:nth-child(6) { grid-column: span 3; } @media (max-width: 991px) { .grid.-type-3 { grid-template-columns: repeat(5, 1fr); gap: 20px; } .grid.-type-3 > * { height: 100%; } .grid.-type-3 > *:nth-child(1) { grid-column: span 3; } .grid.-type-3 > *:nth-child(2) { grid-column: span 2; } .grid.-type-3 > *:nth-child(3) { grid-column: span 2; } .grid.-type-3 > *:nth-child(4) { grid-column: span 3; height: 240px; } .grid.-type-3 > *:nth-child(5) { grid-column: span 2; height: 240px; } .grid.-type-3 > *:nth-child(6) { grid-column: span 5; height: 240px; } } @media (max-width: 575px) { .grid.-type-3 { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; gap: 10px; } .grid.-type-3 > * { height: 200px; max-height: 200px; } .grid.-type-3 > *:nth-child(1) { grid-column: span 1; } .grid.-type-3 > *:nth-child(2) { grid-column: span 1; } .grid.-type-3 > *:nth-child(3) { grid-column: span 2; } .grid.-type-3 > *:nth-child(4) { grid-column: span 2; } .grid.-type-3 > *:nth-child(5) { grid-column: span 1; } .grid.-type-3 > *:nth-child(6) { grid-column: span 1; } } @media (max-width: 575px) { .mobile-css-slider { flex-wrap: nowrap; overflow-x: scroll; scroll-snap-type: x mandatory; } .mobile-css-slider > * { scroll-snap-align: start; } .mobile-css-slider.-w-280 > * { max-width: 280px; } .mobile-css-slider.-w-160 > * { max-width: 160px; } .mobile-css-slider.-w-300 > * { max-width: 300px; } } .mobile-css-slider-2 { flex-wrap: nowrap; overflow-x: scroll; scroll-snap-type: x mandatory; } .mobile-css-slider-2::-webkit-scrollbar { display: none; } .mobile-css-slider-2::-webkit-scrollbar-thumb { display: none; } .mobile-css-slider-2 > * { scroll-snap-align: start; } .pl-calendar { display: flex; align-items: center; padding: 0 20px; border-radius: 12px; background-color: white; font-size: 15px; font-weight: 500; } .pl-tag { display: flex; align-items: center; border-radius: 200px; border: 1px solid var(--border, #E7E6E6); padding: 10px; padding-right: 30px; transition: 0.2s; } .pl-tag__grid { display: flex; justify-content: space-between; } .pl-tag__grid > * + * { margin-left: 10px; } .pl-tag__icon { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 50px; height: 50px; border-radius: 100%; background-color: #FEF7F4; transition: 0.2s; } .pl-tag__title { font-size: 16px; line-height: 30px; font-weight: 500; margin-left: 10px; white-space: nowrap; } .pl-tag:hover { box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); } .pl-tag:hover .pl-tag__icon { background-color: var(--color-accent-1); } .pl-tag:hover .pl-tag__icon > * { color: white; } .shrink-0 { flex-shrink: 0; } .pl-blog-list { display: flex; align-items: center; } @media (max-width: 767px) { .pl-blog-list { flex-direction: column; } } .pl-blog-list__image { margin-right: 30px; } @media (max-width: 767px) { .pl-blog-list__image { margin-bottom: 20px; margin-right: 0; } } .pl-blog-list__image img { aspect-ratio: 35/30; -o-object-fit: cover; object-fit: cover; border-radius: 12px; } .tableTest { overflow: scroll; width: 100%; margin-top: 30px; } .tableTest thead { height: 60px; border-radius: 12px; } .tableTest tbody tr { border-bottom: 1px solid var(--color-light-1); } .tableTest th { padding: 0 30px; } @media (max-width: 767px) { .tableTest th { padding: 0 20px; } } .tableTest td { padding: 30px; } @media (max-width: 767px) { .tableTest td { padding: 20px; } } .tableTest td { min-width: 120px; } @media (max-width: 575px) { .tableTest td { min-width: 100px; } } .tableTest .min-w-300 { min-width: 400px; } @media (max-width: 575px) { .tableTest .min-w-300 { min-width: 350px; } } .featuresGrid { display: grid; align-items: center; grid-template-columns: repeat(2, 280px); gap: 30px; padding-left: 40px; } @media (max-width: 1199px) { .featuresGrid { grid-template-columns: repeat(1, 1fr); padding-left: 0; } } .featuresGrid > *:nth-child(2) { grid-row: span 2; } .featuresGrid__item { height: 240px; } .singleInput.type-1 { position: relative; width: 450px; max-width: 100%; height: 80px; } .singleInput.type-1 input { background-color: rgba(255, 255, 255, 0.1); width: 100%; height: 100%; border-radius: 12px; padding: 0 25px; color: white; } .singleInput.type-1 input::-moz-placeholder { color: white; } .singleInput.type-1 input::placeholder { color: white; } .singleInput.type-1 button { position: absolute; top: 10px; right: 10px; bottom: 10px; } .singleInput.type-1.-light input::-moz-placeholder { color: black; } .singleInput.type-1.-light input::placeholder { color: black; } .singleInput.-type-2 { position: relative; display: flex; flex-wrap: wrap; } .singleInput.-type-2 input { background-color: white; width: 100%; height: 60px; border-radius: 12px; padding: 0 20px; color: var(--color-dark-1); width: 350px; } @media (max-width: 767px) { .singleInput.-type-2 input { width: 100%; } } .singleInput.-type-2 input ::-moz-placeholder { color: var(--color-dark-1); } .singleInput.-type-2 input ::placeholder { color: var(--color-dark-1); } .singleInput.-type-2 button { height: 60px; } .halfMap.-type-1 { display: flex; height: 100vh; width: 100%; padding-top: 88px; } @media (max-width: 991px) { .halfMap.-type-1 { flex-direction: column; height: auto; } } @media (max-width: 767px) { .halfMap.-type-1 { padding-top: 57px; } } .halfMap.-type-1 .halfMap__content { overflow-y: scroll; overflow-x: hidden; display: flex; flex-direction: column; height: 100%; max-width: 750px; padding: 30px 60px; } .halfMap.-type-1 .halfMap__content::-webkit-scrollbar { width: 3px; background-color: rgba(0, 0, 0, 0.1); } .halfMap.-type-1 .halfMap__content::-webkit-scrollbar-thumb { width: 3px; background-color: rgba(0, 0, 0, 0.3); } @media (max-width: 991px) { .halfMap.-type-1 .halfMap__content { overflow: visible; order: 2; max-width: 100%; } } @media (max-width: 767px) { .halfMap.-type-1 .halfMap__content { padding: 30px 24px; width: 100vw; } } .halfMap.-type-1 .halfMap__map { width: 100%; height: 100%; } .halfMap.-type-1 .halfMap__map .map { height: 100%; width: 100%; } @media (max-width: 991px) { .halfMap.-type-1 .halfMap__map .map { min-height: 450px; } } .halfMap.-type-1.-wide .halfMap__content { max-width: 1080px; } .gm-style-iw-t { right: unset !important; left: 25px; bottom: 20px !important; } .mapMarker { position: relative; z-index: 100; } .gm-style .gm-style-iw-c { border-radius: 4px; } .mapItem__img { width: 100px !important; height: 100px !important; -o-object-fit: cover; object-fit: cover; } .mapItem__content { height: 100px; } .mt-header { margin-top: 88px; } @media (max-width: 767px) { .mt-header { margin-top: 57px; } } .map { height: 500px; } @media (max-width: 767px) { .map { height: 300px; } } .map__content { width: 100%; height: 100%; background-color: #a3a3a3; } .map__shape { position: absolute; bottom: 0; left: 0; right: 0; } .mapTourSingle { height: 550px; } @media (max-width: 767px) { .mapTourSingle { height: 300px; } } .mapTourSingle__content { width: 100%; height: 100%; background-color: #a3a3a3; } .mapTourSingle2 { position: relative; height: 250px; z-index: 0; } .mapTourSingle2__button { position: absolute; left: 15px; right: 15px; bottom: 15px; } .tourSingleGrid.-type-1 { overflow: hidden; position: relative; } .tourSingleGrid.-type-1 .tourSingleGrid__grid { display: grid; gap: 10px; grid-template-columns: 770px 250px 250px; grid-template-rows: 250px 250px; border-radius: 12px; } .tourSingleGrid.-type-1 .tourSingleGrid__grid > *:nth-child(1) { grid-row: 2 span; } .tourSingleGrid.-type-1 .tourSingleGrid__grid > *:nth-child(2) { grid-column: 2 span; } @media (max-width: 767px) { .tourSingleGrid.-type-1 .tourSingleGrid__grid { overflow-x: scroll; display: flex; } } .tourSingleGrid.-type-1 img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 767px) { .tourSingleGrid.-type-1 img { width: calc(100% - 40px); height: auto; border-radius: 12px; } } .tourSingleGrid.-type-1 .tourSingleGrid__button { position: absolute; bottom: 20px; right: 20px; z-index: 1; } .tourSingleGrid.-type-2 { overflow: hidden; position: relative; } .tourSingleGrid.-type-2 .tourSingleGrid__grid { display: grid; gap: 10px; grid-template-columns: 770px 510px; grid-template-rows: 250px 250px; border-radius: 12px; } .tourSingleGrid.-type-2 .tourSingleGrid__grid > *:nth-child(1) { grid-row: 2 span; } @media (max-width: 767px) { .tourSingleGrid.-type-2 .tourSingleGrid__grid { overflow-x: scroll; display: flex; } } .tourSingleGrid.-type-2 img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 767px) { .tourSingleGrid.-type-2 img { width: calc(100% - 40px); height: auto; border-radius: 12px; } } .tourSingleGrid.-type-2 .tourSingleGrid__button { position: absolute; bottom: 20px; right: 20px; z-index: 1; } table.table th { padding: 25px 40px; line-height: 1; font-weight: 500; } table.table th:first-child { border-radius: 8px 0 0 8px; } table.table th:last-child { border-radius: 0 8px 8px 0; } table.table tbody > tr + tr { border-top: 1px solid var(--color-light-6); } table.table td { padding: 20px 40px; font-size: 15px; } table.table-4 th { font-weight: 500; padding: 20px 30px; line-height: 1.2; min-width: 130px; } @media (max-width: 1199px) { table.table-4 th { padding: 15px 15px; min-width: 100px; } } table.table-4 th:first-child { border-radius: 8px 0 0 8px; } table.table-4 th:last-child { border-radius: 0 8px 8px 0; } table.table-4 tbody tr { vertical-align: top; } table.table-4 tbody > tr + tr { border-top: 1px dashed var(--color-border); } table.table-4 td { padding: 20px 30px; font-size: 15px; line-height: 1.2; min-width: 130px; } @media (max-width: 1199px) { table.table-4 td { padding: 15px 15px; } } table.table-4.-border-bottom tbody > tr { border-top: none; border-bottom: 1px dashed var(--color-border); } .line { width: 100%; height: 1px; background-color: #E7E6E6; } .line__word { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background-color: white; z-index: 1; } .tourSingleSidebar { position: relative; width: 360px; padding: 30px; border-radius: 12px; border: 1px solid var(--border, #E7E6E6); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); background-color: white; } @media (max-width: 767px) { .tourSingleSidebar { width: 100%; } } .tourSingleSidebar.-top-320 { margin-top: -320px; } @media (max-width: 991px) { .tourSingleSidebar.-top-320 { margin-top: 0; } } .tourSingleHero5 { position: relative; padding-top: 440px; padding-bottom: 80px; z-index: 0; } @media (max-width: 991px) { .tourSingleHero5 { padding-top: 140px; padding-bottom: 80px; } } @media (max-width: 575px) { .tourSingleHero5 { padding-top: 60px; padding-bottom: 60px; } } .tourSingleHero5__image { overflow: hidden; position: absolute; top: 0; bottom: 0; left: 60px; right: 60px; border-radius: 12px 12px 0 0; z-index: -1; } @media (max-width: 991px) { .tourSingleHero5__image { left: 0; right: 0; border-radius: 0; } } .tourSingleHero5__image > *:nth-child(1) { height: 100%; } .tourSingleHero5__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .tourSingleHero5__image .icon { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; } .navTourSingle { position: absolute; top: 50%; left: 60px; right: 60px; display: flex; justify-content: space-between; transform: translateY(-50%); z-index: 10; } @media (max-width: 991px) { .navTourSingle { display: none; } } .navTourSingle__button { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100%; } .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; border-radius: 12px; min-width: 220px; height: 60px; padding: 0 20px; border: 1px solid #E7E6E6; outline: 1px solid transparent; transition: .1s; } .dropdown.-type-1 .dropdown__button:hover { outline: 2px solid #E7E6E6; } .dropdown.-type-1 .dropdown__menu { position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%); background-color: white; padding: 10px 0; min-width: 220px; border-radius: 12px; box-shadow: 0px 10px 40px 0px #0000000D; 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.-base .dropdown__button { display: flex; align-items: center; justify-content: space-between; border-radius: 12px; min-width: 220px; height: 60px; padding: 0 20px; border: 1px solid #E7E6E6; outline: 1px solid transparent; transition: .1s; } .dropdown.-base .dropdown__button:hover { outline: 2px solid #E7E6E6; } .dropdown.-base .dropdown__menu { position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%); background-color: white; padding: 10px 0; min-width: 220px; border-radius: 12px; box-shadow: 0px 10px 40px 0px #0000000D; opacity: 0; pointer-events: none; transition: .15s; z-index: 100; } @media (max-width: 767px) { .dropdown.-base .dropdown__menu { top: unset; } } .dropdown.-base-w .dropdown__menu { max-width: calc(100vw - 32px); width: 300px; } @media (max-width: 575px) { .dropdown.-base-w .dropdown__menu { width: calc(100vw - 32px); } } .dropdown.-date .dropdown__menu { max-width: calc(100vw - 32px); width: 460px; } @media (max-width: 575px) { .dropdown.-date .dropdown__menu { width: calc(100vw - 32px); } } .dropdown.-price .dropdown__menu { max-width: calc(100vw - 32px); width: 300px; } @media (max-width: 575px) { .dropdown.-price .dropdown__menu { width: calc(100vw - 32px); } } .dropdown.is-active { z-index: 20; } .dropdown.is-active .dropdown__menu { opacity: 1; pointer-events: auto; } .dropdown { cursor: pointer; position: relative; display: inline-block; z-index: 10; } .dropdown.-type-list .dropdown__button { display: inline-block; transition: .1s; } .dropdown.-type-list .dropdown__menu { position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%); background-color: white; padding: 10px 0; min-width: 220px; border-radius: 12px; box-shadow: 0px 10px 40px 0px #0000000D; opacity: 0; pointer-events: none; transition: .15s; } .dropdown.-type-list .dropdown__item { cursor: pointer; padding: 12px 30px; transition: .1s; } .dropdown.-type-list .dropdown__item:hover { background-color: var(--color-border); } .dropdown.is-active .dropdown__menu { opacity: 1; pointer-events: auto; } .dropdown { cursor: pointer; position: relative; z-index: 10; } .dropdown.-type-2 .dropdown__button { display: flex; align-items: center; justify-content: space-between; transition: .1s; } .dropdown.-type-2 .dropdown__button span:nth-child(1) { margin-right: 4px; } .dropdown.-type-2 .dropdown__button i { margin-left: 10px; } .dropdown.-type-2 .dropdown__menu { position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%); background-color: white; padding: 10px 0; min-width: 220px; border-radius: 12px; box-shadow: 0px 10px 40px 0px #0000000D; opacity: 0; pointer-events: none; transition: .15s; } .dropdown.-type-2 .dropdown__item { cursor: pointer; padding: 12px 30px; transition: .1s; } .dropdown.-type-2 .dropdown__item:hover { background-color: var(--color-border); } .dropdown.is-active .dropdown__menu { opacity: 1; pointer-events: auto; } .testimonialsPagination.-type-1 { display: grid; justify-content: center; gap: 30px; grid-template-columns: repeat(3, min-content); } @media (max-width: 1199px) { .testimonialsPagination.-type-1 { gap: 20px; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .testimonialsPagination.-type-1 { gap: 12px; grid-template-columns: repeat(1, 1fr); } } .testimonialsPagination.-type-1 .testimonialsPagination__item { display: flex; align-items: center; width: 370px; max-width: 100%; padding: 12px; border-radius: 200px; background-color: white; border: 1px solid #E7E6E6; } @media (max-width: 1199px) { .testimonialsPagination.-type-1 .testimonialsPagination__item { width: 100%; } } .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-2 { display: flex; justify-content: center; flex-wrap: wrap; margin: -18px; } .testimonialsPagination.-type-2 > * { padding: 18px; } .testimonialsPagination.-type-2 .testimonialsPagination__item > * { position: relative; } .testimonialsPagination.-type-2 .testimonialsPagination__item img { width: 70px; height: 70px; border-radius: 100%; -o-object-fit: cover; object-fit: cover; flex-shrink: 0; } .testimonialsPagination.-type-2 .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-2.-blue .testimonialsPagination__item.is-active > *::after { border: 2px solid var(--color-accent-2); } .specialCardGrid > *:nth-child(1) .specialCard { color: white; } .specialCardGrid > *:nth-child(2) .specialCard { color: white; } .specialCardGrid > *:nth-child(2) .specialCard__content { padding-top: 70px; } .specialCardGrid > *:nth-child(3) .specialCard__content { justify-content: flex-start; padding-top: 43px; } .specialCardGrid > *:nth-child(3) .specialCard__title { color: black; } .specialCard { position: relative; width: 100%; height: 200px; z-index: 0; } .specialCard__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .specialCard__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 12px; } .specialCard__content { display: flex; flex-direction: column; justify-content: center; padding: 30px; height: 100%; } .specialCard__subtitle { font-size: 16px; font-weight: 700; line-height: 1.3; margin-bottom: 5px; } .specialCard__title { font-size: 24px; font-weight: 700; color: white; line-height: 1.3; text-transform: capitalize; } .specialCard__text { font-size: 16px; font-weight: 700; line-height: 1.3; margin-top: 5px; } .-hover-bg-white { transition: .15s; } .-hover-bg-white:hover { background-color: white; } .video { position: relative; padding-top: 250px; padding-bottom: 200px; z-index: 0; } @media (max-width: 991px) { .video { padding-top: 140px; padding-bottom: 140px; } } @media (max-width: 767px) { .video { padding-top: 100px; padding-bottom: 100px; } } @media (max-width: 575px) { .video { padding-top: 80px; padding-bottom: 80px; } } .video__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .video__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .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: 7px 11px; font-size: 14px; line-height: 1.2; background-color: var(--color-dark-1); color: white; border-radius: 8px; 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; } .progressBar { position: relative; } .progressBar__bg { width: 100%; height: 4px; border-radius: 4px; } .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%; } .noUi-target { height: 3px; border: none; } .noUi-base { background-color: var(--color-border); } .noUi-connect { background-color: var(--color-accent-1) !important; box-shadow: 0 !important; } .noUi-handle { border-radius: 100%; width: 30px !important; height: 30px !important; top: 50% !important; transform: translateY(-50%); border: 2px solid var(--color-accent-1); box-shadow: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .noUi-handle::after { content: "|||"; position: absolute; left: unset !important; top: unset !important; width: auto !important; height: auto !important; background-color: transparent !important; font-size: 13px; color: var(--color-accent-1); } .noUi-handle.noUi-handle-lower { right: -25px !important; } .noUi-handle.noUi-handle-upper { right: -5px !important; } .list-disc li { list-style-type: disc; list-style-position: inside; } .circle { display: flex; align-items: center; } .circle::before { content: ""; width: 5px; height: 5px; border-radius: 100%; background-color: currentColor; margin-right: 5px; } .border-dash-1 { border: 1px dashed var(--color-primary, #EB662B); } .absoluteIcon1 { position: absolute; top: 10px; right: 10px; border-radius: 12px; display: flex; justify-content: center; align-items: center; background-color: white; width: 37px; height: 37px; } .iconList { border: 1px solid var(--Border, #E7E6E6); border-radius: 12px; } .iconList__item { padding: 10px; } .iconList__item + * { border-top: 1px solid var(--Border, #E7E6E6); } .iconList__content { width: 100%; } .ulList { padding-left: 8px; } .ulList li::before { content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 100%; background-color: black; vertical-align: middle; margin-right: 10px; margin-bottom: 3px; } .ulList2 { padding-left: 8px; } .ulList2 li::before { content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 100%; background-color: var(--color-accent-1); vertical-align: middle; margin-right: 10px; margin-bottom: 3px; } .roadmap { position: relative; } .roadmap::before { content: ""; position: absolute; top: 10px; bottom: 10px; left: 13px; border-left: 1px dashed var(--color-primary, #EB662B); z-index: -1; } .roadmap__item { display: flex; } .roadmap__item + * { margin-top: 30px; } .roadmap__wrap { margin-left: 15px; } .roadmap__iconBig { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 30px; height: 30px; border-radius: 100%; background-color: var(--color-accent-1); color: white; font-size: 16px; } .roadmap__icon { flex-shrink: 0; width: 18px; height: 18px; border-radius: 100%; border: 3px solid var(--color-accent-1); background-color: white; margin-top: 6px; margin-left: 5px; } .roadmap__title { font-size: 16px; font-weight: 500; } .roadmap__content { width: 580px; margin-top: 15px; } @media (max-width: 767px) { .roadmap__content { width: 100%; } } .overallRating { overflow: hidden; border-radius: 12px; } .overallRating__list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; } @media (max-width: 767px) { .overallRating__list { grid-template-columns: 1fr; } } .overallRating__list > *:nth-child(1) { grid-column: 2 span; } @media (max-width: 767px) { .overallRating__list > *:nth-child(1) { grid-column: 1 span; } } .overallRating__item { display: flex; justify-content: space-between; align-items: center; background-color: rgba(235, 102, 43, 0.04); padding: 16px 30px; } .overallRating__item:nth-child(1) { background-color: rgba(235, 102, 43, 0.1); } .overallRating__content { display: flex; align-items: center; } .overallRating__icon { display: flex; margin-right: 30px; } .reviewsGrid { display: grid; grid-template-columns: repeat(3, min-content); gap: 30px 50px; } @media (max-width: 767px) { .reviewsGrid { grid-template-columns: repeat(1, 1fr); } } .reviewsGrid__item { display: flex; justify-content: space-between; align-items: center; white-space: nowrap; } @media (max-width: 767px) { .reviewsGrid__item { width: 100%; } } .overflowAuto { overflow: auto; } .dbSearch { position: relative; display: flex; align-items: center; } .dbSearch i { position: absolute; left: 18px; } .dbSearch input { background-color: var(--color-light-1); border-radius: 12px; height: 50px; padding: 0 48px; } .blockquote { display: flex; } .blockquote__icon { margin-right: 20px; } .blockquote__text { font-size: 16px; font-style: italic; font-weight: 500; line-height: 28px; padding-right: 40px; } @media (max-width: 991px) { .blockquote__text { padding-right: 0; } } .testimonialsSlider_1-pagination > * { cursor: pointer; transition: 0.2s; } .testimonialsSlider_1-pagination .is-active { box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.05); } .testimonialsSlider_2-pagination > * { cursor: pointer; } .input-white::-moz-placeholder { color: white; } .input-white::placeholder { color: white; } .toTopButton { position: fixed; right: 30px; bottom: 100px; z-index: 100; width: 60px; height: 60px; border-radius: 100%; background-color: white; box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05); transition: 0.2s; } @media (max-width: 767px) { .toTopButton { bottom: 20px; right: 20px; width: 54px; height: 54px; } } .toTopButton svg { fill: var(--color-accent-1); transition: 0.2s; } .toTopButton:hover { background-color: var(--color-accent-1); } .toTopButton:hover svg { fill: white !important; } .toTopButton.is-hidden { opacity: 0; pointer-events: none; } .text-overflow { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .-hover-image-scale__image { overflow: hidden; } .-hover-image-scale__image img { transition: 0.6s; } .-hover-image-scale:hover .-hover-image-scale__image img { transform: scale(1.15); } .gallery__item { position: relative; display: block; } .gallery__item:hover .gallery__button { opacity: 1; } .gallery__button { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); background-color: black; border-radius: 100%; width: rem(52px); height: rem(52px); display: flex; justify-content: center; align-items: center; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; } .gallery__button .icon { color: white; stroke-width: 1; width: rem(28px); height: rem(28px); } .gallery__button.-bottom-right { top: unset; left: unset; transform: unset; bottom: rem(30px); right: rem(30px); } .tourPagesSidebar { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 5000; overflow: hidden; transition: 0.2s; opacity: 0; pointer-events: none; } .tourPagesSidebar__overlay { cursor: pointer; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); z-index: -1; } .tourPagesSidebar__header { margin-bottom: 20px; } .tourPagesSidebar__content { overflow-y: scroll; height: 100%; width: 360px; max-width: 100vw; background-color: white; padding: 20px 30px; } .tourPagesSidebar__content::-webkit-scrollbar { width: 3px; background-color: rgba(0, 0, 0, 0.1); } .tourPagesSidebar__content::-webkit-scrollbar-thumb { width: 3px; background-color: rgba(0, 0, 0, 0.3); } .tourPagesSidebar.-is-active { opacity: 1; pointer-events: auto; } .-hover-opacity { transition: 0.2s; opacity: 0.3; } .-hover-opacity:hover { opacity: 1; } button.gm-ui-hover-effect { position: absolute !important; top: 20px !important; right: 20px !important; display: flex !important; justify-content: center !important; align-items: center !important; width: 35px !important; height: 35px !important; z-index: 0; } button.gm-ui-hover-effect > span { background-color: white !important; width: 20px !important; height: 20px !important; } button.gm-ui-hover-effect::after { content: ""; position: absolute; background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; border-radius: 100%; z-index: -1; } .gm-style-iw-d { overflow: visible !important; } .gm-style-iw.gm-style-iw-c { padding: 0 !important; border-radius: 12px !important; max-width: 300px !important; } .searchMenu-date { position: relative; } .searchMenu-date__field { transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); } .searchMenu-date__field.-is-active { pointer-events: auto; opacity: 1; } @media (max-width: 991px) { .searchMenu-date__field { transform: none; width: auto; left: -20px; right: -20px; } } @media (max-width: 575px) { .searchMenu-date__field { left: -35px; right: -35px; } } .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; } .sroll-bar-1::-webkit-scrollbar { width: 3px; background-color: rgba(0, 0, 0, 0.1); } .sroll-bar-1::-webkit-scrollbar-thumb { width: 3px; background-color: rgba(0, 0, 0, 0.3); } .h-500 { height: 500px; } .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.041); } .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: #F5F5F5; z-index: -2; }