html { scroll-behavior: smooth; } div[islink] { margin: 0 !important; } * { box-sizing: border-box; transform-origin: top left; text-decoration: none; } .flex:not(.section)>*:not(.abs) { transform-origin: center; flex-shrink: 0; } h1, h2, h3, h4, h5, h6, a, p, span, ol, ul, li { margin: 0; padding: 0; } ul, ol { list-style-position: inside; } .main_container {} .main_container, .page { width: 100%; display: grid; grid-template-columns: 100%; padding: 0px; margin: auto; } .grid_item_auto_fill { grid-area: 1 / 1 / 2 / 2; } .start_auto_fill, .const_y_top { align-self: start; } .center_y_auto_fill, .const_y_center { align-self: center; } .end_auto_fill, .const_y_bottom { align-self: end; } .right_auto_fill, .const_x_right { justify-self: right; } .center_x_auto_fill, .const_x_center { justify-self: center; } .left_auto_fill, .const_x_left { justify-self: left; } .fixed { position: fixed; } html .flex { display: flex; } .inner_grid { display: grid; grid-template-columns: 100% 1fr; grid-template-rows: 100% 1fr; } img { object-fit: contain; object-position: center; } @media only screen and (max-width: 640px) { .hide_on_mobile, .mobile_hide { display: none !important; } } @media only screen and (max-width: 1023px) and (min-width: 641px) { .hide_on_tablet, .tablet_hide { display: none !important; } } @media only screen and (min-width: 1024px) { .hide_on_desktop, .desktop_hide { display: none !important; } } .scrollfade { opacity: 0; transition: all 1.5s cubic-bezier(0.04, 0.7, 0.25, 1); } .fadein_up { transform: translate(0%, 50%); } .fadein_down { transform: translate(0%, -50%); } .fadein_left { transform: translate(-50%, 0%); } .fadein_right { transform: translate(50%, 0%); } .scrollfade.active { opacity: 1; transform: translate(0%, 0%); } .parallax-bg { background-repeat: no-repeat; background-attachment: fixed; } .hover_scale { transition: all .5s; cursor: pointer; } .hover_scale.active { transform: scale(1.1); } .scrollparallax { transition: all 1.5s cubic-bezier(0.04, 0.5, 0.3, 1); } [add_link_url] { cursor: pointer; } body { margin: 0; background-color: white; } div.cover { background-size: cover; } div.contain { background-size: contain; } div.contain { background-size: 100% 100%; } img.cover { object-fit: cover; } img.contain { object-fit: contain; } .embed_elem { position: relative; width: 100%; height: 100%; } .frame { align-content: start; position: relative; max-width: 100%; display: none; grid-template-rows: minmax(20px, auto) 1fr; display: grid; grid-template-columns: 100%; padding: 0px; margin: auto; overflow: clip; } .frame.has_sections { display: flex; flex-direction: column; } .has_sections>*:not(.section) { position: absolute; } .section:not(.fixed) { position: relative; } section { grid-template-columns: minmax(20px, auto) 1fr; grid-template-columns: 100% 1fr; grid-template-rows: 100% 1fr; } .rel { position: relative; } svg { position: relative; } svg>g { transform: translate(50%, 50%); } .lottie svg>g { transform: translate(0%, 0%); } .will-change { will-change: auto; } .overflow-scroll { overflow: scroll; } .overflow-scroll .embed_elem { overflow: scroll; } .overflow-hidden { overflow: clip; } .origin-top-left { transform-origin: top left; } html .display_none { display: none; } input, button { border-width: 0px; outline: none; background: transparent } textarea { outline: none; border: 0px; resize: none; } input::placeholder, textarea::placeholder { opacity: 0.5; } .abs { position: absolute; } .top0 { top: 0; } .left0 { left: 0; } .rtl { direction: rtl; } .pe-none { pointer-events: none; } .pointer { cursor: pointer } .repeat { background-repeat: repeat; } .no-repeat { background-repeat: no-repeat; } .transform-origin-center { transform-origin: center; } .preserve-3d { transform-style: preserve-3d; } .height-auto { height: auto; } .min-height-100vh { min-height: 100vh; } .height-100vh { height: 100vh; } .height-max-content { height: max-content; } .wrap { flex-wrap: wrap; } .nowrap { flex-wrap: nowrap; } .dir-col { flex-direction: column; } .dir-col-rev { flex-direction: column-reverse; } .dir-row { flex-direction: row; } .dir-row-rev { flex-direction: row-reverse; } .align-start { align-items: flex-start; } .align-end { align-items: flex-end; } .align-center { align-items: center; } .align-space-around { align-items: space-around; } .align-space-between { align-items: space-between; } .align-space-evenly { align-items: space-evenly; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-space-around { justify-content: space-around; } .justify-space-between { justify-content: space-between; } .justify-space-evenly { justify-content: space-evenly; } .z-index-9 { z-index: 9 } .lottie canvas { object-fit: cover; } .pin-spacer>.scroll { max-width: 9999px !important; max-height: 9999px !important; transform-origin: center; } .swiper-marquee .swiper-wrapper { transition-timing-function: linear; }