/*! Ultraviolet 2019 Styles - Teal Media ---------------- */ :root { --contain: 1170; --sx: 30px; --sy: 16px; --st: 80px; --s1: 20px; --s2: 40px; --s3: 60px; --s4: 80px; --s5: 100px; --nx: calc(var(--sx) * -1); --ny: calc(var(--sy) * -1); --vws: 1px; --vwx: calc(var(--vw, 1vw) * 100); --vhx: calc(var(--vh, 1vh) * 100); --ff_1: DIN Next LT Pro,Helvetica Neue,Arial,sans-serif; --ff_2: Bebas Neue,Helvetica Neue,Arial,sans-serif; --c_d1: #000000; --c_d1t: var(--c_d1); /* default: black, text */ --c_d2: #444444; --c_d2t: var(--c_d2); /* default: gray, text */ --c_i1: #ffffff; --c_i1t: var(--c_i1); /* inverted: white, text */ --c_a1: #9638C1; --c_a1t: var(--c_a1); /* accent: violet, brand */ --c_a2: #66EFDE; --c_a2t: var(--c_a2); /* accent: teal, headers */ --c_a3: #FCE794; --c_a3t: var(--c_a3); /* accent: yellow, button */ --c_b1: #eeeeee; --c_b1t: var(--c_b1); /* background: gray, separators */ --c_o1: #dddddd; --c_o1t: var(--c_o1); /* borders: gray, fields */ --c_o2: #aaaaaa; --c_o2t: var(--c_o2); /* borders: dark gray, fields */ --c_e1: #ef4242; --c_e1t: var(--c_e1); /* error: red, fields */ --xw_1: 1250px; --xw_2: 600px; --xw_3: 440px; --t8n_d1: 0.3s; --t8n_p1: border-color, background, background-size, box-shadow, transform, opacity, filter, clip-path, -webkit-clip-path; --t8n_p2: var(--t8n_p1), visibility; --t8n_e1: cubic-bezier(.5,0,0,1); --t8n_e2: cubic-bezier(.35,.6,.45,1); } @media screen and (max-width: 1279px) { :root { --vws: calc((100vw - 320px) / (1280 - 320)); } } @media screen and (max-width: 1023px) { :root { --s1: 20px; --s2: 30px; --s3: 40px; --s4: 50px; --s5: 60px; } } @media screen and (max-width: 719px) { :root { --sx: 20px; } } @media screen and (max-width: 319px) { :root { --vws: 0px; } } @font-face { font-family: 'Icons'; font-weight: normal; font-style: normal; src: url('../fonts/icomoon/fonts/icomoon.ttf?z8888v') format('truetype'), url('../fonts/icomoon/fonts/icomoon.woff?z8888v') format('woff'), url('../fonts/icomoon/fonts/icomoon.svg?z8888v#icomoon') format('svg'); } @font-face { font-family: 'Bebas Neue'; font-weight: 700; font-style: normal; src: url('../fonts/bebasneue/bebasneue-700.woff2') format('woff2'), url('../fonts/bebasneue/bebasneue-700.woff') format('woff'); } @font-face { font-family: 'DIN Next LT Pro'; font-weight: 400; font-style: normal; src:url('../fonts/dinnextltpro/dinnextltpro-400.woff2') format('woff2'), url('../fonts/dinnextltpro/dinnextltpro-400.woff') format('woff'); } @font-face { font-family: 'DIN Next LT Pro'; font-weight: 400; font-style: italic; src:url('../fonts/dinnextltpro/dinnextltpro-400i.woff2') format('woff2'), url('../fonts/dinnextltpro/dinnextltpro-400i.woff') format('woff'); } @font-face { font-family: 'DIN Next LT Pro'; font-weight: 700; font-style: normal; src:url('../fonts/dinnextltpro/dinnextltpro-700.woff2') format('woff2'), url('../fonts/dinnextltpro/dinnextltpro-700.woff') format('woff'); } /* ______ _______ _______ _______ * |_____] |_____| |______ |______ * |_____] | | ______| |______ */ .root1 { position: relative; width: 100%; min-width: 320px; margin: 0; padding: 0; } .root1, .root1 *, .root1 *:before, .root1 *:after { box-sizing: border-box; } .root1-wrap { margin: 0; } @media screen { .-contain { max-width: 1210px; max-width: calc(var(--contain) * 1px + 2 * var(--sx)); margin-left: auto; margin-right: auto; border-left: 20px solid transparent; border-right: 20px solid transparent; border-left-width: var(--sx); border-right-width: var(--sx); } .-decontain { margin-left: calc(50% - var(--vw, 1vw) * 50); margin-right: calc(50% - var(--vw, 1vw) * 50); } .-recontain { margin-left: calc(50% - var(--vw, 1vw) * 50); margin-right: calc(50% - var(--vw, 1vw) * 50); padding-left: calc(var(--vw, 1vw) * 50 - 50%); padding-right: calc(var(--vw, 1vw) * 50 - 50%); } } @media print { .-contain { margin-left: auto; margin-right: auto; } } /* grid */ [g1] { --gc: 12; --gy: 20px; --gx: 20px; display: grid; grid-template-columns: repeat(var(--gc, 12), 1fr); grid-row-gap: var(--gy); margin-left: calc(var(--gx) / -2); margin-right: calc(var(--gx) / -2); padding: 0; } [g1~="end"] { align-items: end; }[g1~="center"] { align-items: center; } [g1]>* { grid-column: var(--c, auto) / span var(--w, var(--gc, 12)); order: var(--o,0); margin-bottom: 0; margin-left: calc(var(--gx) / 2); margin-right: calc(var(--gx) / 2); } [g1]>*:before { display: none; } [g2] { --gc: 12; --gx: 20px; --gy: 20px; display: flex; flex-wrap: wrap; margin-top: calc(var(--gy,var(--gx)) * -1); margin-left: calc(var(--gx) / -2); margin-right: calc(var(--gx) / -2); padding: 0; pointer-events: none; } [g2~="inline"] { display: inline-flex; }[g2~="between"] { justify-content: space-between; }[g2~="end"] { align-items: flex-end; }[g2~="center"] { align-items: center; } [g2]>* { order: var(--o,0); width: calc(100% * (var(--w,0) / var(--gc, 12))); min-width: 0; margin-bottom: 0; border: 1px solid transparent; border-width: var(--gy,var(--gx)) calc(var(--gx) / 2) 0; background-clip: padding-box; pointer-events: auto; } [g2]>*:before { display: none; } [w^="1/"]{--w:1}[w^="2/"]{--w:2}[w^="3/"]{--w:3}[w^="4/"]{--w:4}[w^="5/"]{--w:5}[w^="6/"]{--w:6}[w^="7/"]{--w:7}[w^="8/"]{--w:8}[w^="9/"]{--w:9}[w^="10/"]{--w:10}[w^="11/"]{--w:11}[w^="12/"]{--w:12} [c^="-1/"]{grid-column:span var(--w, var(--gc, 12))/-1}[c^="0/"]{--c:1}[c^="1/"]{--c:2}[c^="2/"]{--c:3}[c^="3/"]{--c:4}[c^="4/"]{--c:5}[c^="5/"]{--c:6}[c^="6/"]{--c:7}[c^="7/"]{--c:8}[c^="8/"]{--c:9}[c^="9/"]{--c:10}[c^="10/"]{--c:11}[c^="11/"]{--c:12} [o^="-1/"]{--o:-1}[o^="0/"]{--o:0}[o^="1/"]{--o:1}[o^="2/"]{--o:2}[o^="3/"]{--o:3} @media screen and (max-width: 719px) {[w^="0/"] { display: none; }} @media screen and (min-width: 720px) and (max-width: 1023px) {[w*="/0/"] { display: none; }} @media screen and (min-width: 720px){[w*="/1/"]{--w:1}[w*="/2/"]{--w:2}[w*="/3/"]{--w:3}[w*="/4/"]{--w:4}[w*="/5/"]{--w:5}[w*="/6/"]{--w:6}[w*="/7/"]{--w:7}[w*="/8/"]{--w:8}[w*="/9/"]{--w:9}[w*="/10/"]{--w:10}[w*="/11/"]{--w:11}[w*="/12/"]{--w:12}[c*="/-1/"]{grid-column:span var(--w, var(--gc, 12))/-1}[c*="/0/"]{--c:1}[c*="/1/"]{--c:2}[c*="/2/"]{--c:3}[c*="/3/"]{--c:4}[c*="/4/"]{--c:5}[c*="/5/"]{--c:6}[c*="/6/"]{--c:7}[c*="/7/"]{--c:8}[c*="/8/"]{--c:9}[c*="/9/"]{--c:10}[c*="/10/"]{--c:11}[c*="/11/"]{--c:12}[o*="/-1/"]{--o:-1}[o*="/0/"]{--o:0}[o*="/1/"]{--o:1}[o*="/2/"]{--o:2}[o*="/3/"]{--o:3}} @media print, screen and (min-width: 1024px){[w$="/0"] { display: none; }[w$="/1"]{--w:1}[w$="/2"]{--w:2}[w$="/3"]{--w:3}[w$="/4"]{--w:4}[w$="/5"]{--w:5}[w$="/6"]{--w:6}[w$="/7"]{--w:7}[w$="/8"]{--w:8}[w$="/9"]{--w:9}[w$="/10"]{--w:10}[w$="/11"]{--w:11}[w$="/12"]{--w:12}[c$="/-1"]{grid-column:span var(--w, var(--gc, 12))/-1}[c$="/0"]{--c:1}[c$="/1"]{--c:2}[c$="/2"]{--c:3}[c$="/3"]{--c:4}[c$="/4"]{--c:5}[c$="/5"]{--c:6}[c$="/6"]{--c:7}[c$="/7"]{--c:8}[c$="/8"]{--c:9}[c$="/9"]{--c:10}[c$="/10"]{--c:11}[c$="/11"]{--c:12}[o$="/-1"]{--o:-1}[o$="/0"]{--o:0}[o$="/1"]{--o:1}[o$="/2"]{--o:2}[o$="/3"]{--o:3}} /* reveal */ @media screen { [reveal^="1"] { transition-duration: 0.5s; transition-timing-function: var(--t8n_e2); } [reveal^="2"] { transition-duration: 1s; } [r5s]:not([ready]) [reveal^="1+/"], [r5s] [reveal^="1/"]:not([revealed]) { opacity: 0; transform: translateY(30px); } [r5s]:not([ready]) [reveal^="2+/"], [r5s] [reveal^="2/"]:not([revealed]) { opacity: 0; } [reveal]{--rd:0;transition-delay:calc(var(--rd,0) * var(--rs, 0.1s))}[reveal$="/0"]{--rd:0}[reveal$="/1"]{--rd:1}[reveal$="/2"]{--rd:2}[reveal$="/3"]{--rd:3}[reveal$="/4"]{--rd:4}[reveal$="/5"]{--rd:5}[reveal$="/6"]{--rd:6}[reveal$="/7"]{--rd:7}[reveal$="/8"]{--rd:8}[reveal$="/9"]{--rd:9}[reveal$="/10"]{--rd:10} [aligned]{transition-delay:calc(var(--rd,0) * var(--rs, 0.1s) + var(--rq) * 0.1s)} } /* _______ _____ ______ _ _ _ _______ _______ * | | | | | | \ | | | |______ |______ * | | | |_____| |_____/ |_____| |_____ |______ ______| */ /** * @name .actions1 * @description Extra nav buttons * @example { } */ .actions1 { display: inline-flex; justify-content: center; padding: 0; } .actions1 li { margin-bottom: 0; } .actions1 li ~ li { margin-left: 5px; } .actions1 li:before { display: none; } .actions1 .button1 { --h: 35px; min-width: 150px; } .actions1 .button1.-donate { --bcn: var(--c_a3t); --tcn: var(--c_d1t); } @media screen and (max-width: 1023px) { .actions1 .button1 { min-width: 130px; } } /** * @name .backdrop1 * @description Colored backgrounds * @example { } */ .backdrop1 { position: relative; margin-bottom: 0; padding-top: var(--s3); padding-bottom: var(--s3); color: var(--c, #f3f3f3); } .backdrop1:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; margin: 0; background: currentColor; } .backdrop1-wrap { position: relative; color: var(--c_d1t); } /** * @name .cards1 * @description Cards grid * @example { } */ .cards1 { } .cards1 .teaser2 { height: 100%; } .cards1 .teaser2-wrap { height: 100%; } /** * @name .content1 * @description Global content */ .content1 { margin-bottom: 0; } .content1:before { display: block; content: attr(data-warning); margin: 0; padding: 20px 40px; background: #b22; color: #fff; text-align: center; } @supports(--css: variables) { .content1:before { display: none; } } @media screen and (max-width: 599px) { .content1:before { padding: 15px 20px; font-size: 14px; } } /** * @name .cta1 * @description Signup block * @example { } */ .cta1 { padding: var(--s3) var(--sx); background: var(--c_d1); color: var(--c_a2t); } .cta1-wrap { display: flex; justify-content: space-between; align-items: center; max-width: 1000px; margin-left: auto; margin-right: auto; } .cta1-title { display: flex; color: var(--c_i1t); } .cta1-title span span { display: block; } .cta1-title i { flex: none; margin-right: var(--s1); color: var(--c_a2t); font-size: 60px; line-height: 1; } .cta1-action { flex: none; margin-left: var(--s4); } @media screen and (max-width: 719px) { .cta1-wrap { display: block; } .cta1-title { display: block; } .cta1-title i { display: block; margin-bottom: var(--sy); font-size: 42px; } .cta1-action { margin-left: 0; } } @media print { .cta1 { box-shadow: 0 0 0 1px var(--c_d1t); background-color: transparent; } .cta1-title { color: var(--c_d1t); } } /** * @name .cta2 * @description Above the footer CTA * @example { } */ .cta2 { position: relative; background: #000; } .cta2-image { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; margin: 0; } .cta2-image .img1 { height: 100%; } .cta2-image .img1[class]:before { display: none; } .cta2-main { position: relative; padding: var(--s4) 0; text-align: center; } .cta2-title { } .cta2-title span { display: block; } @media screen and (max-width: 1023px) { .cta2-image { display: none; } } @media print { .cta2 { background: transparent; } .cta2-image { display: none; } .cta2-main { border: 1px solid var(--c_d1t); border-width: 1px 0; } } /** * @name .cta3 * @description Mobile donate bar * @example { } */ .cta3 { position: fixed; left: 0; bottom: 0; right: 0; z-index: 99; margin: 0; background: var(--c_a1t); } .cta3 .button1 { --bcn: var(--c_a3t); --tcn: var(--c_d1t); display: flex; width: 100%; } @media screen and (max-width: 1023px) { .cta3 ~ .footer1 .footer1-wrap { padding-bottom: 40px; } } @media print { .cta3 { display: none; } } /** * @name .embed1 * @description Responsive embeds */ .embed1 { display: block; position: relative; overflow: hidden; height: 0; padding-bottom: 56.25%; } .embed1 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /** * @name .error1 * @description Error page overlay */ .error1 { display: flex; align-items: center; position: fixed; left: 0; top: 0; z-index: 201; width: 100%; height: var(--vhx); margin: 0; background: #f2f2f2; text-align: center; } .error1-wrap { margin-left: auto; margin-right: auto; } .error1-code { margin: 0; font-size: 120px; line-height: 0.7; letter-spacing: -0.05em; opacity: 0.2; } .error1-title { margin-bottom: 10px; font-size: 60px; line-height: 0.85; } .error1-info { margin-bottom: calc(var(--sy) / 2); } /** * @name .featured1 * @description Featured news box * @example { } */ .featured1 { padding: var(--s2); background: #5C0080; } .featured1-grid { flex-wrap: nowrap; } .featured1-grid .teaser1 { flex-grow: 1; } .featured1-action { flex: none; width: 200px; } @media screen and (max-width: 1023px) { .featured1-grid { flex-wrap: wrap; } .featured1-grid .teaser1 { width: 50%; } .featured1-action { width: 100%; } } @media screen and (max-width: 719px) { .featured1 { padding: var(--sx); } .featured1-grid { display: block; } .featured1-grid .teaser1 { width: 100%; } } @media print { .featured1 { box-shadow: inset 0 0 0 1px var(--c_d1t); background: transparent; } } /** * @name .footer1 * @description Global footer */ .footer1 { margin-bottom: 0; padding: 30px 0; background: var(--c_a1t); color: var(--c_i1t); text-align: center; } .footer1-wrap { --sy: 30px; } .footer1-nav { padding: 0; } .footer1-nav li { margin-bottom: 10px; font-size: 18px; font-weight: 700; } .footer1-nav li:before { display: none; } .footer1-nav a { --aown: 0; } .footer1 .socials1-items { justify-content: center; } .footer1-copys { font-size: 13px; opacity: 0.75; } .footer1-copys a { --aocn: transparent; --aoch: currentColor; --aoph: 1; } .footer1-copys small { padding: 0 4px; font: inherit; } @media print { .footer1 { background-color: transparent; color: var(--c_d1t); } } /** * @name .hero1 * @description Big stat hero * @example { } */ .hero1 { position: relative; padding: var(--s3) 0; background: #000; } .hero1-image { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; } .hero1-image .img1 { height: 100%; } .hero1-main { position: relative; } .hero1-header { margin-bottom: var(--s5); } .hero1-header > * { max-width: var(--xw_2); } .hero1-title { display: flex; align-items: center; max-width: 100%; margin-bottom: 0; font-size: 70px; line-height: 0.85; } .hero1-title > big { flex: none; margin-right: 10px; font-size: 3.5em; line-height: 1; } .hero1-title > span { } .hero1-title > span span { display: block; } @media screen and (max-width: 1023px) { .hero1-image { display: none; } } @media screen and (max-width: 719px) { .hero1-title { font-size: 10vw; } } @media screen and (max-width: 599px) { .hero1-title { display: block; margin-bottom: var(--sy); font-size: 10vw; } .hero1-title > big { display: block; font-size: 5em; line-height: 0.9; } .hero1-title > span span { display: inline; } } @media print { .hero1 { padding: 0; background: transparent; } .hero1-image { display: none; } } /** * @name .img1 * @description Image wrapper */ .img1 { display: block; position: relative; overflow: hidden; width: 100%; } .img1[style*="--r:"]:before { display: block; content: ''; width: 100%; padding-bottom: calc(var(--r) * 100%); } .img1 img, .img1 video { display: block; width: 100%; } .img1[style*="--r:"] img { position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; object-position: var(--x, 50%) var(--y, 50%); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .img1.-round img, .img1.-round video { border-radius: 50%; } .img1.-left { --x: 0; } .img1.-right { --x: 100%; } .img1.-top { --y: 0; } .img1.-bottom { --y: 100%; } .img1.-fit img, .img1.-fit video { object-fit: contain; } .img1 .play1 { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } @media screen and (max-width: 599px) { .img1[style*="--r2:"]:before { padding-bottom: calc(var(--r2, var(--r)) * 100%); } } /** * @name .invalid1 * @description Validation message * @example { } */ .invalid1 { display: none; margin-top: 5px; color: var(--c_e1t); } .-validated:invalid ~ .invalid1, .-validated:invalid + label .invalid1, .invalid1.-visible { display: block; } /** * @name .lity * @description Lity styling */ [data-lity] { outline: none; } /** * @name .loader1 * @description Loading spinner */ .loader1 { display: block; position: absolute; left: 50%; top: 50%; margin: -0.5em 0 0 -0.5em; color: rgba(0,0,0,0.25); font-size: 30px; animation: loader1 1s 1 linear; pointer-events: none; transition-property: var(--t8n_p2); } .img1.-dark .loader1, .loader1.-light { color: rgba(255,255,255,0.65); } .lazyloading ~ .loader1 { animation-iteration-count: infinite; } .lazyloaded ~ .loader1, html:not([js]) .loader1 { visibility: hidden; opacity: 0; animation-iteration-count: 1; } .loader1:before { display: block; content: ''; width: 1em; height: 1em; border: 0.1em solid; border-top-color: transparent; border-radius: 50%; } @media screen and (max-width: 599px) { .loader1 { font-size: 20px; } } @keyframes loader1 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /** * @name .loader2 * @description Full screen loader */ .loader2 { visibility: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; margin: 0; background: rgba(0,0,0,0.35); font-size: 60px; transition-property: opacity, visibility; opacity: 0; } .loader2.is-active { visibility: visible; opacity: 1; } .loader2:after { position: absolute; left: 50%; top: 50%; content: ''; width: 1em; height: 1em; margin: -0.5em 0 0 -0.5em; border: 0.1em solid; border-top-color: transparent; border-radius: 50%; color: var(--c_i1t); animation: loader1 1s infinite paused linear; } .loader2.is-active:after { animation-play-state: running; } .loader2.-small { font-size: 32px; } .loader2.-static { display: none; position: relative; z-index: unset; margin-bottom: var(--sy); background: none; } .loader2.-static.is-active { display: block; } .loader2.-static:after { display: block; position: relative; left: 0; top: 0; margin: 0; color: var(--c_d1); opacity: 0.75; } /** * @name .logo1 * @description Site logo * @example { } */ .logo1 { } .logo1 a { --aown: 0; display: block; vertical-align: top; } .logo1 i { display: block; margin: 0 0 9px; font-size: 36px; line-height: 1; } .logo1 .icon-title { font-size: 12px; } .logo1.-big .icon-title { font-size: 20px; } @media screen and (max-width: 719px) { .logo1.-big .icon-title { font-size: 14px; } } /** * @name .modal1 * @description Modal box * @example { } */ .modal1 { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 201; visibility: hidden; margin: 0; background: rgba(0,0,0,0.9); opacity: 0; transition-property: var(--t8n_p2); pointer-events: none; } [js] .modal1.is-active, .modal1:target { visibility: visible; opacity: 1; pointer-events: auto; } .modal1-outer { height: 100%; padding: 40px 0 100px; overflow: auto; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } .modal1-outer::-webkit-scrollbar { display: none; } .modal1-close { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; margin: 0; } .modal1-wrap { position: relative; pointer-events: none; } .modal1-wrap > * { pointer-events: auto; } .modal1-skip { color: var(--c_i1); font-size: 15px; line-height: 1.1; text-align: center; } @media screen and (max-width: 719px) { .modal1-outer { padding: 30px 0 100px; } .modal1 .logo1 { margin-bottom: var(--sx); } } @media print { .modal1 { display: none; } } /** * @name .nav1 * @description Primary navigation */ .nav1 { --sy: 30px; --gx: 30px; --gy: 0; --ly: 0; display: flex; align-items: center; margin: 0; text-align: center; } .nav1-close[class] { display: none; } .nav1 .logo1 { display: none; } .nav1-main { display: flex; justify-content: center; margin-bottom: var(--gy); padding: 0; } .nav1-main li { margin-bottom: var(--ly); font-size: 18px; font-weight: 700; } .nav1-main li ~ li { margin-left: var(--gx); } .nav1-main li:before { display: none; } .nav1-main a { --aown: 0; } .nav1-main em { position: absolute; left: -10001px; top: -10001px; font-style: normal; } .nav1 .actions1 { margin: 0 0 var(--gy) var(--gx); } .nav1 .socials1 { display: none; } .nav1 .socials1-items { justify-content: center; } @media screen and (max-width: 1023px) { .nav1 { --gx: 0; --gy: 30px; --ly: 15px; display: flex; flex-direction: column; position: fixed; left: 0; top: 0; z-index: 201; overflow: auto; overflow-x: hidden; visibility: hidden; width: 100%; height: calc(var(--vha, var(--vh, 1vh)) * 100); margin: 0; padding: var(--s3) var(--sx); box-shadow: 0 120px var(--c_a1t); background: var(--c_a1t); opacity: 0; transition-property: var(--t8n_p2); scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } .nav1::-webkit-scrollbar { display: none; } .is-nav-active .nav1, .nav1:target { visibility: visible; opacity: 1; } .nav1 > * { width: 100%; } body:not(.is-nav-active) .nav1 > * { transform: translateX(50%); } .nav1-close[class] { --aown: 0; display: block; position: absolute; right: var(--sx); top: var(--sx); width: auto; } .nav1 .logo1 { display: block; margin-bottom: calc(var(--gy) * 1.5); } .nav1-main { display: block; } .nav1 .actions1 { flex: none; margin-top: auto; } .nav1 .socials1 { flex: none; display: block; min-height: 0; margin-top: 0; } } /** * @name .play1 * @description Play button * @example { } */ .play1 { display: inline-flex; justify-content: center; align-items: center; width: 1em; font-size: 120px; } a:hover .play1 { opacity: 0.6; } .play1:before { content: ''; width: 100%; height: 1em; margin: 0 -100% 0 0; border-radius: 50%; background: var(--c_a2t); } .play1:after { display: block; content: '\e900'; width: 100%; padding-left: 0.1em; font: 0.4em/1 Icons; text-align: center; } @media screen and (max-width: 719px) { .play1 { font-size: 60px; } } /** * @name .scrolled1 * @description Horizontally scrolled container */ @media screen and (max-width: 1023px) { .scrolled1 { position: relative; margin-right: var(--nx); margin-left: var(--nx); } .scrolled1:after { position: absolute; right: var(--sx); bottom: -16px; content: ''; width: 18px; height: 24px; background: url(../images/table1-icon1.png) no-repeat; background-size: contain; opacity: 0.75; pointer-events: none; animation: scrolled1 2s infinite; } .scrolled1-outer { overflow: auto; overflow-y: hidden; padding: 0; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } .scrolled1-outer::-webkit-scrollbar { display: none; } .scrolled1-inner { min-width: 984px; } .scrolled1-inner table { width: 100%; } .scrolled1-inner tr > :first-child { border-left-width: 0; padding-left: var(--sx); } .scrolled1-inner tr > :last-child { border-right-width: 0; padding-right: var(--sx); } @keyframes scrolled1 { 0% { opacity: 0; transform: translate3d(0,0,0); } 60% { transform: translate3d(-20px,0,0); opacity: 0.75; } 80% { opacity: 0.75; } 100% { opacity: 0; transform: translate3d(-20px,0,0); } } } /** * @name .skips1 * @description Skip links */ .skips1 { position: absolute; top: 100%; left: 0; z-index: 9999; list-style: none; width: 100%; height: 0; margin: -30px 0 0; padding: 0; text-align: center; } .skips1 li { position: absolute; left: 0; top: 0; width: 100%; height: 0; font: bold 50px/1 Calibri,Myriad Pro,Arial,Helvetica Neue,Helvetica,sans-serif; } .skips1 li:before { display: none; } .skips1 li a { display: inline-block; position: absolute; left: -10001px; margin: 0 auto; padding: 20px 30px; border: 1px dotted #fff; border-color: rgba(255,255,255,0.7); border-radius: 20px; background: #333; background: rgba(0,0,0,0.6); color: #fff; text-align: center; text-decoration: none; outline: none; } .skips1 li a:focus, .skips1 li a:active { position: relative; left: 0; } @media print, screen and (max-width: 1279px) { .skips1 { display: none; } } /** * @name .socials1 * @description Social buttons * @example { } */ .socials1 { } .socials1-label { } .socials1-items { display: flex; padding: 0; font-size: 28px; vertical-align: top; } .socials1-items li { flex: none; margin-bottom: 0; } .socials1-items li + li { margin-left: 25px; } .socials1-items li:before { display: none; } .socials1-items a { --aown: 0; display: block; } /** * @name .subline1 * @description Header short underscore * @example { } */ .subline1 { --rd: 2; width: 50px; height: 7px; margin: calc(var(--sy) / -3) 0 var(--s2); background: currentColor; border: none; color: var(--c_a1t); transform-origin: 0 50%; } [r5s] .subline1[reveal]:not([revealed]) { transform: scaleX(0); } /** * @name .teaser1 * @description Horizontal card teaser * @example { } */ .teaser1 { } .teaser1-wrap { display: flex; --aown: 0; --aoph: 1; --aoph: 0.6; } .teaser1-image { flex: none; width: 50%; margin: 0; } .teaser1-main { flex: none; width: 50%; margin: 0; padding-left: 20px; } @media screen and (max-width: 719px) { .teaser1-image { width: 40%; } .teaser1-main { width: 60%; } } /** * @name .teaser2 * @description Card teaser * @example { } */ .teaser2 { } .teaser2-wrap { display: flex; --aown: 0; --aoph: 1; } .teaser2-image { width: 100%; margin: 0 -100% 0 0; } .teaser2-image .img1 { height: 100%; } .teaser2-main { position: relative; align-self: flex-end; width: 100%; padding: var(--sx); } .teaser2-title { font-size: 32px; line-height: 1.2; } a:hover .teaser2-title { opacity: 0.6; } .teaser2-title span { padding: 0 5px; background: var(--c_d1); color: var(--c_i1); -webkit-box-decoration-break: clone; box-decoration-break: clone; } /** * @name .teaser3 * @description Regular teaser * @example { } */ .teaser3 { } .teaser3-wrap { display: block; --aown: 0; --aoph: 1; } a:hover .teaser3-title { opacity: 0.6; } /** * @name .teaser4 * @description Homepage intro * @example { } */ .teaser4 { display: flex; align-items: center; margin-bottom: var(--s2); } .teaser4-image { flex: none; width: 60%; margin: 0; } .teaser4-main { flex: none; position: relative; width: 40%; padding-left: 30px; } .teaser4-title { margin-left: -160px; line-height: 1.2; } .teaser4-title span { padding: 0 15px; background: var(--c_d1); color: var(--c_a2); -webkit-box-decoration-break: clone; box-decoration-break: clone; } @media print, screen and (min-width: 1024px) and (max-width: 1199px) { .teaser4-title { font-size: 68px; } } @media screen and (max-width: 1023px) { .teaser4 { display: block; } .teaser4-image { width: 100%; } .teaser4-main { width: 100%; padding-left: 0; } .teaser4-title { margin: -30px 20px var(--sy); } } @media screen and (max-width: 719px) { .teaser4-title span { padding: 0 5px; } } /** * @name .teaser5 * @description Modal teaser * @example { } */ .teaser5 { background: var(--c_i1t); } .teaser5-wrap { } .teaser5-image { margin: 0; } .teaser5-main { --sy: 10px; margin: 0; padding: 20px 30px; } .teaser5-action { } .teaser5-action a { --aown: 0; --abcn: var(--c_a2t); --abch: var(--c_d1t); --atcn: var(--c_d1t); --atch: var(--c_a2t); --aoph: 1; display: block; padding: 10px 15px; font: 700 59px/0.8 var(--ff_2); text-align: center; } @media screen and (max-width: 719px) { .teaser5-main { padding: var(--sx); } } /** * @name .theme1 * @description Inverted theme */ @media screen { .theme1 { --c_d1t: var(--c_i1); --c_i1t: var(--c_d1); color: var(--c_d1t); } .theme1 .loader1 { color: rgba(255,255,255,0.75); } } /** * @name .top1 * @description Global header */ .top1 { position: relative; margin-bottom: 0; background: var(--c_a1t); color: var(--c_i1t); } .top1-wrap { display: flex; justify-content: space-between; align-items: center; min-height: var(--st); } .top1-logo { margin: 0; } .top1-logo a { --aown: 0; display: inline-flex; align-items: center; vertical-align: top; } .top1-logo i { flex: none; font-size: 44px; line-height: 1; } .top1-logo span { max-width: 180px; margin-left: 15px; font-size: 14px; font-weight: bold; line-height: 1.3; } .top1-toggler { display: none; } .top1-wrap > .actions1 { display: none; } @media screen and (max-width: 1023px) { .top1-toggler { order: 2; display: block; margin: -4px 0 0 0; font-size: 20px; } .top1-toggler a { --aown: 0; display: block; } .top1-toggler span { display: block; margin-bottom: 3px; font-size: 0.8em; letter-spacing: 0.1em; text-align: center; } .top1-toggler i { display: block; } .top1-wrap > .actions1 { display: flex; margin: 0 30px 0 auto; } } @media screen and (max-width: 719px) { .top1 { padding-top: 35px; } .top1-wrap > .actions1 { display: flex; position: absolute; left: 0; right: 0; top: 0; margin: 0; background: var(--c_d1t); } .top1-wrap > .actions1 li { flex-grow: 1; } .top1-wrap > .actions1 li ~ li { margin-left: 0; } .top1-wrap > .actions1 .button1 { width: 100%; } } @media print { .top1 { background: transparent; border-bottom: 1px solid var(--c_d1t); color: var(--c_d1t); } } /** * @name .work1 * @description Work grid * @example { } */ .work1 { --gy: 30px; } /** * @name .wrap1 * @description Generic wrapper * @example { } */ .wrap1 { margin-bottom: 0; } /* ______ _ _ _______ _______ _____ __ _ _______ * |_____] | | | | | | | \ | |______ * |_____] |_____| | | |_____| | \_| ______| */ .button1, .button2, .button3, [type="submit"], [type="button"], [type="reset"] { --h: 40px; --lh: 22px; --px: 20px; --py: 4px; --bcn: var(--c_d1t); --own: 1px; --orn: 0; --oph: 0.6; --ocn: var(--bc); --tcn: var(--c_i1t); --ow: var(--own); --oc: var(--ocn); --or: var(--orn); --bc: var(--bcn); --tc: var(--tcn); --op: var(--opn, 1); } .button1, .button2, .button3, [type="submit"], [type="button"], [type="reset"] { display: inline-flex; justify-content: center; align-items: center; height: auto; min-height: var(--h); padding: var(--py) var(--px); border: none; border-radius: var(--or); box-shadow: inset 0 0 0 var(--ow) var(--oc); background: var(--bc); color: var(--tc); font: 22px/var(--lh) var(--ff_2); text-align: center; text-decoration: none !important; opacity: var(--op); transition-property: var(--t8n_p1), color; } input[type="submit"] { --bcf: var(--bcn); } .button1:hover, .button2:hover, .button3:hover, [type="submit"]:hover, [type="button"]:hover, [type="reset"]:hover { --oc: var(--och, var(--ocn)); --bc: var(--bch, var(--bcn)); --tc: var(--tch, var(--tcn)); --op: var(--oph, var(--opn, 1)); color: var(--tc); } .button1 > span:not(:first-child), .button2 > span:not(:first-child) { margin-left: 5px; } .button1 > span:not(:last-child), .button2 > span:not(:last-child) { margin-right: 5px; } @media screen and (max-width: 1023px) { .button1, .button2 [type="submit"], [type="button"], [type="reset"] { font-size: 20px; } } .button2 { --ocn: var(--bch); --bcn: transparent; --bch: var(--tcn); --tcn: var(--c_a1t); --tch: var(--c_i1t); --oph: 1; font: 20px/var(--lh) var(--ff_1); letter-spacing: 0.3px; text-transform: uppercase; } @media screen { .button2.-white { --tcn: var(--c_i1); --tch: var(--c_d1); } } .button3 { --py: 15px; --own: 0; --bcn: var(--c_a2); --tcn: var(--c_d1); font: 700 59px/0.8 var(--ff_2); text-align: left; } .button3 > span { } .button3 > span > span { display: block; } .button3 .icon-arrow-right { font-size: 0.7em; transform: translateY(-0.075em); } /* _____ ______ ______ __ _ _______ * | | | | | \ | |______ * __|__ |_____ |_____| | \_| ______| */ [class^="icon-"],[class*=" icon-"] { display: inline-block; font-family: 'Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; } [class^="icon-"]:before, [class^="icon-"]:after, [class*=" icon-"]:before, [class*=" icon-"]:after { transition-property: var(--t8n_p1); } [class^="icon-"] i, [class*=" icon-"] i { font: inherit; } [class^="icon-"] span, [class*=" icon-"] span { display: none; } .icon-play:before { content: "\e900"; } .icon-check:before { content: "\e901"; } .icon-arrow-right:before { content: "\e902"; } .icon-bigmail:before { content: "\e903"; } .icon-close:before { content: "\e904"; } .icon-facebook:before { content: "\e905"; } .icon-heart:before { content: "\e906"; } .icon-instagram:before { content: "\e907"; } .icon-logo:before { content: "\e908"; } .icon-menu:before { content: "\e909"; } .icon-title:before { content: "\e90a"; } .icon-twitter:before { content: "\e90b"; } .icon-youtube:before { content: "\e90c"; } /* ______ _______ _______ _______ _ _ _ _______ _______ * | \ |______ |______ |_____| | | | | |______ * |_____/ |______ | | | |_____| |_____ | ______| */ *, *:before, *:after { margin: 0; padding: 0; color: inherit; transition: none var(--t8n_d1) ease; transition-property: var(--t8n_p1); } :root:not([ready]) *, :root:not([ready]) *:before, :root:not([ready]) *:after { transition: none !important; } html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { font: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } div, form, fieldset, blockquote, article, aside, details, figcaption, figure, footer, header, menu, nav, main, section, address, ul, ol, dl, dd, dt, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin-bottom: 1rem; margin-bottom: var(--sy); } body > :not(.root1), body > :not(.root1) div, body > :not(.root1) form { margin-bottom: 0; } @page { margin: 40px; } @media print { body { width: 1024px; margin: 0 auto; background: #fff; } } /* forms */ fieldset { min-width: 0; padding: 0; border: none; } label { cursor: pointer; vertical-align: middle; } label:first-child { display: block; margin: 0 0 5px; } label em { color: #f00; font-style: inherit; } input, textarea, select { --h: 40px; --lh: 20px; --px: 15px; --py: calc((var(--h) - var(--lh)) / 2); --bcn: transparent; --bcf: #f8f8f8; --ocn: var(--c_o1t); --ocf: var(--c_o2t); --tcn: var(--c_d1t); --pcn: #aaa; --oc: var(--ocn); --or: var(--orn); --ow: var(--own); --bc: var(--bcn); --tc: var(--tcn); --pc: var(--pcn); } input:hover, textarea:hover, select:hover { --oc: var(--och, var(--ocn)); --bc: var(--bch, var(--bcn)); --tc: var(--tch, var(--tcn)); } input:focus, textarea:focus, select:focus { --oc: var(--ocf, var(--ocn)); --bc: var(--bcf, var(--bcn)); --tc: var(--tcf, var(--tcn)); } input[type=text], input[type=password], input[type=search], input[type=email], input[type=tel], input[type="checkbox"], input[type="radio"], textarea, select { width: 100%; height: var(--h); padding: var(--py) var(--px); border: none; border-radius: var(--or, 0); box-shadow: inset 0 0 0 var(--ow, 1px) var(--oc); background: var(--bc); color: var(--tc); font: 16px/var(--lh) var(--ff_1); vertical-align: top; -webkit-appearance: none; -moz-appearance: none; } input::-ms-clear { display: none; } textarea { overflow: auto; height: auto; resize: vertical; } textarea[data-autoresize] { min-height: var(--h); max-height: calc(var(--h) * 3); } select { padding: calc(var(--py) - 1px) calc(var(--px) - 1px); padding-right: 60px; background: url(../images/select1.svg) right 20px center no-repeat; background-color: var(--bc); background-size: 14px 8px; line-height: normal; text-indent: 1px; text-overflow: ''; } select::-ms-expand { display: none; } .firefox select { padding-left: calc(var(--px) - 6px); } button, input[type="submit"], input[type="button"], input[type="reset"] { overflow: visible; cursor: pointer; -webkit-appearance: button; } button::-moz-focus-inner { padding: 0; border: none; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { --s: 20px; --tc: var(--c_i1t); display: inline-block; position: relative; width: var(--s, 20px); height: var(--s, 20px); margin: -1px 5px 0 0; padding: 0; text-align: center; vertical-align: middle; } input[type="radio"] { border-radius: 50%; } input[type="checkbox"]:checked, input[type="radio"]:checked { --bc: var(--c_d1t); --oc: var(--bc); } input[type="radio"]:checked { background: radial-gradient(circle, var(--tc) 3px, var(--bc) 3px), var(--bc); } input[type="checkbox"]:checked:before { position: absolute; left: 0; content: '\e901'; width: 100%; color: inherit; font: calc(var(--s, 20px)* 0.7)/var(--s, 20px) Icons; transition-duration: 0s; } input::-ms-check { border: none; background: transparent; color: var(--tc); } ::-webkit-input-placeholder { color: var(--pc); font-style: normal; line-height: normal; opacity: 1; } :-ms-input-placeholder { color: var(--pc); font-style: normal; opacity: 1; } ::-moz-placeholder { color: var(--pc); font-style: normal; opacity: 1; } select:invalid, select.is-placeholder { color: var(--pc); } .-validated:invalid, .-validated:invalid + label, .-validated:invalid + label:before { --oc: var(--c_e1t); color: var(--c_e1t); } /* tables */ table { display: table; border-collapse: collapse; border-spacing: 0; } th, td { padding: 9px 19px; border: 1px solid var(--c_o1t); text-align: left; vertical-align: top; } thead th { font-size: 0.86rem; text-transform: uppercase; } /* lists */ ul, ol, dd, blockquote { padding-left: 40px; } ol, ul { list-style: none; counter-reset: ordered; } li { counter-increment: ordered; } ol > li:before { position: absolute; content: counter(ordered) '.'; width: 15px; margin: 0 0 0 -30px; text-align: right; } ul > li:before { float: left; overflow: hidden; content: '\2022'; margin: 0 0 0 -25px; } dt { margin-bottom: 5px; font-weight: bold; } dd { padding-left: 0; } /* links */ a { --atcn: 'inherit'; --aown: 1px; --aocn: currentColor; --aoph: 0.6; } a { --aow: var(--aown); --aoc: var(--aocn); --abc: var(--abcn); --atc: var(--atcn); --aop: var(--aopn, 1); box-shadow: 0 var(--aow, 0) 0 0 var(--aoc, currentColor); background: var(--abc, transparent); color: var(--atc, #09f); text-decoration: none; opacity: var(--aop); transition-property: var(--t8n_p1), color; } a:hover { --aow: var(--aowh, var(--aown)); --aoc: var(--aoch, var(--aocn)); --abc: var(--abch, var(--abcn)); --atc: var(--atch, var(--atcn)); --aop: var(--aoph, var(--aopn, 1)); } a * { cursor: pointer; } /* images */ figure { } img { max-width: 100%; border-width: 0; box-sizing: content-box; } figure img { display: inline-block; vertical-align: top; } figcaption { margin-top: 10px; } .alignright { float: right; margin-left: 1.5rem; } .alignleft { float: left; margin-right: 1.5rem; } .alignright img, .alignleft img { display: block; max-width: none; } /* other */ blockquote { padding: 0; } blockquote q { display: block; } cite { display: block; margin-top: 10px; font: inherit; } pre { padding: 10px; border: 1px solid #ccc; background: #f3f3f3; font: 12px/1.2 Consolas,Monaco,Courier New,monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code { padding: 2px 4px; background-color: #f9f2f4; color: #c7254e; font-size: 80%; white-space: nowrap; } hr { overflow: hidden; width: auto; height: 1px; margin: var(--sy) 0; border: none; border-top: 1px solid; background: none; color: var(--c_b1t); font-size: 0; } sup, sub { font-size: 0.6875em; vertical-align: top; } sub { vertical-align: bottom; } b, strong { font-weight: bolder; } mark { padding: 0 2px; background-color: #f3f3f3; } /* first/last margins */ body :last-child { margin-bottom: 0; } /* _ _ _______ ______ _______ * \ / |_____| |_____/ |______ * \/ | | | \_ ______| */ /* text styling */ html, h1, h2, h3, h4, h5, h6, blockquote, cite, figcaption, [class*="-t:"] { font: 16px/1.375 var(--ff_1); letter-spacing: 0; text-transform: none; } .-t\:1, h1 { font: 700 91px/1 var(--ff_2); } .-t\:2, h2 { font: 700 54px/1 var(--ff_2); } .-t\:3, h3 { font: 700 35px/1 var(--ff_2); } .-t\:4, h4 { font: 700 27px/1 var(--ff_2); } .-t\:5, h5 { font: 700 20px/1 var(--ff_2); } .-t\:6, h6 { font: 700 16px/1 var(--ff_2); } .-t\:7, blockquote { font: italic 400 28px/1.2 var(--ff_1); } .-t\:8, cite { } .-t\:9, figcaption { } .-t\:10 { font: 20px/1.2 var(--ff_1); } @media screen and (max-width: 1023px) { .-t\:1, h1 { font: 700 42px/1 var(--ff_2); } .-t\:2, h2 { font: 700 38px/1 var(--ff_2); } } /* link styling */ a.-as\:1, .-as\:1 a { box-shadow: 0 0 rgba(0,0,0,0); } a.-as\:1:hover, .-as\:1 a:hover { box-shadow: 0 6px rgba(0,0,0,0.2); } /* list styling */ ul.-ls\:1, ol.-ls\:1, .-ls\:1 ul, .-ls\:1 ol { padding: 0; } .-ls\:1 li { margin-bottom: 0; } .-ls\:1 li:before { display: none; } /* spacing */ .-mb\:a,.-my\:a{margin-bottom:auto}.-mt\:a,.-my\:a {margin-top:auto}.-ml\:a,.-mx\:a{margin-left:auto}.-mr\:a,.-mx\:a{margin-right:auto} .-mb\:0,.-my\:0,.-ma\:0{margin-bottom:0}.-mt\:0,.-my\:0,.-ma\:0{margin-top:0}.-ml\:0,.-mx\:0,.-ma\:0{margin-left:0}.-mr\:0,.-mx\:0,.-ma\:0{margin-right:0}.-pb\:0,.-py\:0,.-pa\:0{padding-bottom:0}.-pt\:0,.-py\:0,.-pa\:0{padding-top:0}.-pl\:0,.-px\:0,.-pa\:0{padding-left:0}.-pr\:0,.-px\:0,.-pa\:0{padding-right:0} .-mb\:x,.-my\:x,.-ma\:x{margin-bottom:var(--sx)}.-mt\:x,.-my\:x,.-ma\:x{margin-top:var(--sx)}.-ml\:x,.-mx\:x,.-ma\:x{margin-left:var(--sx)}.-mr\:x,.-mx\:x,.-ma\:x{margin-right:var(--sx)}.-mb\:-x,.-my\:-x,.-ma\:-x{margin-bottom: var(--nx)}.-mt\:-x,.-my\:-x,.-ma\:-x{margin-top: var(--nx)}.-ml\:-x,.-mx\:-x,.-ma\:-x{margin-left: var(--nx)}.-mr\:-x,.-mx\:-x,.-ma\:-x{margin-right: var(--nx)}.-pb\:x,.-py\:x,.-pa\:x{padding-bottom:var(--sx)}.-pt\:x,.-py\:x,.-pa\:x{padding-top:var(--sx)}.-pl\:x,.-px\:x,.-pa\:x{padding-left:var(--sx)}.-pr\:x,.-px\:x,.-pa\:x{padding-right:var(--sx)} .-mb\:y,.-my\:y,.-ma\:y{margin-bottom:var(--sy)}.-mt\:y,.-my\:y,.-ma\:y{margin-top:var(--sy)}.-ml\:y,.-mx\:y,.-ma\:y{margin-left:var(--sy)}.-mr\:y,.-mx\:y,.-ma\:y{margin-right:var(--sy)}.-mb\:-y,.-my\:-y,.-ma\:-y{margin-bottom: var(--nx)}.-mt\:-y,.-my\:-y,.-ma\:-y{margin-top: var(--nx)}.-ml\:-y,.-mx\:-y,.-ma\:-y{margin-left: var(--nx)}.-mr\:-y,.-mx\:-y,.-ma\:-y{margin-right: var(--nx)}.-pb\:y,.-py\:y,.-pa\:y{padding-bottom:var(--sy)}.-pt\:y,.-py\:y,.-pa\:y{padding-top:var(--sy)}.-pl\:y,.-px\:y,.-pa\:y{padding-left:var(--sy)}.-pr\:y,.-px\:y,.-pa\:y{padding-right:var(--sy)} .-mb\:1,.-my\:1{margin-bottom:var(--s1)}.-mt\:1,.-my\:1{margin-top:var(--s1)}.-mb\:-1,.-my\:-1,.-ma\:-1{margin-bottom: calc(var(--s1) * -1)}.-mt\:-1,.-my\:-1,.-ma\:-1{margin-top: calc(var(--s1) * -1)}.-ml\:-1,.-mx\:-1,.-ma\:-1{margin-left: calc(var(--s1) * -1)}.-mr\:-1,.-mx\:-1,.-ma\:-1{margin-right: calc(var(--s1) * -1)}.-pb\:1,.-py\:1,.-pa\:1{padding-bottom:var(--s1)}.-pt\:1,.-py\:1,.-pa\:1{padding-top:var(--s1)}.-pl\:1,.-px\:1,.-pa\:1{padding-left:var(--s1)}.-pr\:1,.-px\:1,.-pa\:1{padding-right:var(--s1)} .-mb\:2,.-my\:2{margin-bottom:var(--s2)}.-mt\:2,.-my\:2{margin-top:var(--s2)}.-mb\:-2,.-my\:-2,.-ma\:-2{margin-bottom: calc(var(--s2) * -1)}.-mt\:-2,.-my\:-2,.-ma\:-2{margin-top: calc(var(--s2) * -1)}.-ml\:-2,.-mx\:-2,.-ma\:-2{margin-left: calc(var(--s2) * -1)}.-mr\:-2,.-mx\:-2,.-ma\:-2{margin-right: calc(var(--s2) * -1)}.-pb\:2,.-py\:2,.-pa\:2{padding-bottom:var(--s2)}.-pt\:2,.-py\:2,.-pa\:2{padding-top:var(--s2)}.-pl\:2,.-px\:2,.-pa\:2{padding-left:var(--s2)}.-pr\:2,.-px\:2,.-pa\:2{padding-right:var(--s2)} .-mb\:3,.-my\:3{margin-bottom:var(--s3)}.-mt\:3,.-my\:3{margin-top:var(--s3)}.-mb\:-3,.-my\:-3,.-ma\:-3{margin-bottom: calc(var(--s3) * -1)}.-mt\:-3,.-my\:-3,.-ma\:-3{margin-top: calc(var(--s3) * -1)}.-ml\:-3,.-mx\:-3,.-ma\:-3{margin-left: calc(var(--s3) * -1)}.-mr\:-3,.-mx\:-3,.-ma\:-3{margin-right: calc(var(--s3) * -1)}.-pb\:3,.-py\:3,.-pa\:3{padding-bottom:var(--s3)}.-pt\:3,.-py\:3,.-pa\:3{padding-top:var(--s3)}.-pl\:3,.-px\:3,.-pa\:3{padding-left:var(--s3)}.-pr\:3,.-px\:3,.-pa\:3{padding-right:var(--s3)} .-mb\:4,.-my\:4{margin-bottom:var(--s4)}.-mt\:4,.-my\:4{margin-top:var(--s4)}.-mb\:-4,.-my\:-4,.-ma\:-4{margin-bottom: calc(var(--s4) * -1)}.-mt\:-4,.-my\:-4,.-ma\:-4{margin-top: calc(var(--s4) * -1)}.-ml\:-4,.-mx\:-4,.-ma\:-4{margin-left: calc(var(--s4) * -1)}.-mr\:-4,.-mx\:-4,.-ma\:-4{margin-right: calc(var(--s4) * -1)}.-pb\:4,.-py\:4,.-pa\:4{padding-bottom:var(--s4)}.-pt\:4,.-py\:4,.-pa\:4{padding-top:var(--s4)}.-pl\:4,.-px\:4,.-pa\:4{padding-left:var(--s4)}.-pr\:4,.-px\:4,.-pa\:4{padding-right:var(--s4)} .-mb\:5,.-my\:5{margin-bottom:var(--s5)}.-mt\:5,.-my\:5{margin-top:var(--s5)}.-mb\:-5,.-my\:-5,.-ma\:-5{margin-bottom: calc(var(--s5) * -1)}.-mt\:-5,.-my\:-5,.-ma\:-5{margin-top: calc(var(--s5) * -1)}.-ml\:-5,.-mx\:-5,.-ma\:-5{margin-left: calc(var(--s5) * -1)}.-mr\:-5,.-mx\:-5,.-ma\:-5{margin-right: calc(var(--s5) * -1)}.-pb\:5,.-py\:5,.-pa\:5{padding-bottom:var(--s5)}.-pt\:5,.-py\:5,.-pa\:5{padding-top:var(--s5)}.-pl\:5,.-px\:5,.-pa\:5{padding-left:var(--s5)}.-pr\:5,.-px\:5,.-pa\:5{padding-right:var(--s5)} @media screen and (max-width: 1023px) { .-mb\:0\s{display:none}.-d\:b\>s{display:block}} @media screen and (min-width: 1024px){.-d\:n\>m{display:none}.-d\:b\>m{display:block}} /* max widths */ .-xw\:n { max-width: none; } .-xw\:1 { max-width: var(--xw_1); } .-xw\:1.-contain { max-width: calc(var(--xw_1) + var(--sx) * 2); } .-xw\:2 { max-width: var(--xw_2); } .-xw\:2.-contain { max-width: calc(var(--xw_2) + var(--sx) * 2); } .-xw\:3 { max-width: var(--xw_3); } .-xw\:3.-contain { max-width: calc(var(--xw_3) + var(--sx) * 2); } /* colors */ .-c\:d1 { color: var(--c_d1); } .-c\:d1t, html { color: var(--c_d1t); } .-c\:d2 { color: var(--c_d2); } .-c\:d2t { color: var(--c_d2t); } .-c\:a1 { color: var(--c_a1); } .-c\:a1t { color: var(--c_a1t); } .-c\:a2 { color: var(--c_a2); } .-c\:a2t { color: var(--c_a2t); } .-c\:a3 { color: var(--c_a3); } .-c\:a3t { color: var(--c_a3t); } .-c\:ix { color: inherit; } .-c\:ux { color: unset; } /* families */ .-ff\:1, html { font-family: var(--ff_1); } .-ff\:2 { font-family: var(--ff_2); } /* weights */ .-fw\:4, .-fw\:n { font-weight: 400; } .-fw\:7, .-fw\:b { font-weight: 700; } .-fw\:ix, .-fw\:i { font-weight: inherit; } /* basic css */ .-ta\:l { text-align: left; }.-ta\:c { text-align: center; }.-ta\:r { text-align: right; } .-tt\:n { text-transform: none; }.-tt\:l { text-transform: lowercase; }.-tt\:u { text-transform: uppercase; } .-us\:n, [toggle], [data-toggle] { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* other */ [mouse] *:focus { outline: none; } [toggle],[data-toggle] { cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); } /* _ _____ ______ _______ * | | |_____] |______ * |_____ __|__ |_____] ______| /* /* lity */ .lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none} /* lazysizes */ .lazyload, .lazyloading { opacity: 0; } [js] .lazyloaded[class] { opacity: 1; transition-duration: 0.5s; }