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: hidden; } .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-hidden{overflow: hidden;} .origin-top-left {transform-origin: top left;} html .display_none {display: none;} input, button {border-width: 0px; outline: none;} input::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;} .pin-spacer > .scroll.flex {transform-origin: center;}