/*! Adjaye Associates > 20200406 ---------------- */ :root { --contain: 1040; --sx: 30px; --sy: 20px; --st: 120px; --s1: 30px; --s2: 40px; --s3: 60px; --s4: 80px; --s5: 120px; --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: freight-sans-pro,Helvetica Neue,Arial,sans-serif; --ff_2: Baskerville,Georgia,serif; --c_d1: #ffffff; --c_d1t: var(--c_d1); /* default: text */ --c_d2: #eeeeee; --c_d2t: var(--c_d2); /* default: text */ --c_d3: #cfcfcf; --c_d3t: var(--c_d3); /* default: text */ --c_i1: #000000; --c_i1t: var(--c_i1); /* inverted: text */ --c_i2: #333333; --c_i2t: var(--c_i2); /* inverted: text */ --c_a1: #0f3b6f; --c_a1t: var(--c_a1); /* accent: navy, header */ --c_b1: #000000; --c_b1t: var(--c_b1); /* background: default */ --c_b2: #333333; --c_b2t: var(--c_b2); /* background: alternative */ --c_o1: #333333; --c_o1t: var(--c_o1); /* borders: fields */ --c_o2: #555555; --c_o2t: var(--c_o2); /* borders: fields:focus */ --c_o3: #848180; --c_o3t: var(--c_o3); /* borders: separators */ --c_e1: #ef4242; --c_e1t: var(--c_e1); /* error: red, fields */ --xw_1: calc(var(--contain) * 1px); --xw_2: 780px; --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 { --sx: 20px; --st: 80px; } } @media screen and (max-width: 719px) { :root { --s1: 20px; --s2: 30px; --s3: 40px; --s4: 60px; --s5: 80px; } } @media screen and (max-width: 319px) { :root { --vws: 0px; } } @media print { :root { --st: 0px; --c_d1t: #000; --c_d2t: #333; --c_i1t: #fff; --c_i2t: #eee; --c_b1t: #fff; --c_b2t: #f3f3f3; --c_o1t: #ddd; --c_o2t: #bbb; color: var(--c_d1t); } } @font-face { font-family: 'Icons'; font-weight: normal; font-style: normal; src: url('../fonts/icomoon/fonts/icomoon.ttf?1590079672') format('truetype'), url('../fonts/icomoon/fonts/icomoon.woff?1590079672') format('woff'), url('../fonts/icomoon/fonts/icomoon.svg?1590079672#icomoon') format('svg'); } @font-face { font-family: 'Baskerville'; font-weight: 400; font-style: normal; src: url('../fonts/baskerville/baskerville-400.woff2') format('woff2'), url('../fonts/baskerville/baskerville-400.woff') format('woff'); } @font-face { font-family: 'Baskerville'; font-weight: 400; font-style: italic; src: url('../fonts/baskerville/baskerville-400i.woff2') format('woff2'), url('../fonts/baskerville/baskerville-400i.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: 24; --gx: 12px; --gy: 24px; display: grid; grid-template-columns: repeat(var(--gc, 24), 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~="middle"] { align-items: center; } [g1]>* { grid-column: var(--c, auto) / span var(--w, var(--gc,24)); 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: 24; --gx: 20px; --gy: 30px; 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"] { justify-content: center; } [g2~="middle"] { align-items: center; } [g2~="baseline"] { align-items: baseline; } [g2]>* { order: var(--o,0); width: calc(100% * (var(--w,0) / var(--gc,24) * 0.9999)); 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^="a/"]{width:auto}[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}[w^="13/"]{--w:13}[w^="14/"]{--w:14}[w^="15/"]{--w:15}[w^="16/"]{--w:16}[w^="17/"]{--w:17}[w^="18/"]{--w:18}[w^="19/"]{--w:19}[w^="20/"]{--w:20}[w^="21/"]{--w:21}[w^="22/"]{--w:22}[w^="23/"]{--w:23}[w^="24/"]{--w:24} [c^="-1/"]{grid-column:span var(--w, var(--gc, 24))/-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}[c^="12/"]{--c:13}[c^="13/"]{--c:14}[c^="14/"]{--c:15}[c^="15/"]{--c:16}[c^="16/"]{--c:17}[c^="17/"]{--c:18}[c^="18/"]{--c:19}[c^="19/"]{--c:20}[c^="20/"]{--c:21}[c^="21/"]{--c:22}[c^="22/"]{--c:23}[c^="23/"]{--c:24} [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 !important}} @media screen and (min-width: 720px) and (max-width: 1023px){[w*="/0//"]{display:none !important}} @media print, screen and (min-width: 1024px) and (max-width: 1279px){[w*="//0/"]{display:none !important}} @media print, screen and (min-width: 720px){[w*="/a//"]{width:auto}[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}[w*="/13//"]{--w:13}[w*="/14//"]{--w:14}[w*="/15//"]{--w:15}[w*="/16//"]{--w:16}[w*="/17//"]{--w:17}[w*="/18//"]{--w:18}[w*="/19//"]{--w:19}[w*="/20//"]{--w:20}[w*="/21//"]{--w:21}[w*="/22//"]{--w:22}[w*="/23//"]{--w:23}[w*="/24//"]{--w:24}[c*="/-1//"]{grid-column:span var(--w, var(--gc, 24))/-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}[c*="/12//"]{--c:13}[c*="/13//"]{--c:14}[c*="/14//"]{--c:15}[c*="/15//"]{--c:16}[c*="/16//"]{--c:17}[c*="/17//"]{--c:18}[c*="/18//"]{--c:19}[c*="/19//"]{--c:20}[c*="/20//"]{--c:21}[c*="/21//"]{--c:22}[c*="/22//"]{--c:23}[c*="/23//"]{--c:24}[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*="//a"]{width:auto}[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}[w*="//13"]{--w:13}[w*="//14"]{--w:14}[w*="//15"]{--w:15}[w*="//16"]{--w:16}[w*="//17"]{--w:17}[w*="//18"]{--w:18}[w*="//19"]{--w:19}[w*="//20"]{--w:20}[w*="//21"]{--w:21}[w*="//22"]{--w:22}[w*="//23"]{--w:23}[w*="//24"]{--w:24}[c*="//-1"]{grid-column:span var(--w, var(--gc, 24))/-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}[c*="//12"]{--c:13}[c*="//13"]{--c:14}[c*="//14"]{--c:15}[c*="//15"]{--c:16}[c*="//16"]{--c:17}[c*="//17"]{--c:18}[c*="//18"]{--c:19}[c*="//19"]{--c:20}[c*="//20"]{--c:21}[c*="//21"]{--c:22}[c*="//22"]{--c:23}[c*="//23"]{--c:24}[o*="//-1"]{--o:-1}[o*="//0"]{--o:0}[o*="//1"]{--o:1}[o*="//2"]{--o:2}[o*="//3"]{--o:3}} @media screen and (min-width: 1280px){[w$="/0"]{display:none !important}[w$="/a"]{width:auto}[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}[w$="/13"]{--w:13}[w$="/14"]{--w:14}[w$="/15"]{--w:15}[w$="/16"]{--w:16}[w$="/17"]{--w:17}[w$="/18"]{--w:18}[w$="/19"]{--w:19}[w$="/20"]{--w:20}[w$="/21"]{--w:21}[w$="/22"]{--w:22}[w$="/23"]{--w:23}[w$="/24"]{--w:24}[c$="/-1"]{grid-column:span var(--w, var(--gc, 24))/-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}[c$="/12"]{--c:13}[c$="/13"]{--c:14}[c$="/14"]{--c:15}[c$="/15"]{--c:16}[c$="/16"]{--c:17}[c$="/17"]{--c:18}[c$="/18"]{--c:19}[c$="/19"]{--c:20}[c$="/20"]{--c:21}[c$="/21"]{--c:22}[c$="/22"]{--c:23}[c$="/23"]{--c:24}[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: ease; } [reveal^="2"] { transition-duration: 1s; } [m4n]:not([ready]) [reveal^="1+/"], [m4n] [reveal^="1/"]:not([revealed]) { opacity: 0; transform: translateY(30px); } [m4n]:not([ready]) [reveal^="2+/"], [m4n] [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 .accordion1 * @description In-page accordion * @example { } */ .accordion1 { --px: 25px } .accordion1 > .wrap { margin-bottom: 0; } .accordion1-title { position: relative; margin-bottom: 0; padding-left: var(--px); } [js] .accordion1-title { position: relative; margin-bottom: 0; padding-left: var(--px); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .accordion1-title:before { position: absolute; left: 0; min-width: 11px; content: '+'; text-align: center; font-family: monospace; transform: translateY(1px); transition-duration: 0s; } .-active .accordion1-title:before { content: '-'; transform: translateY(0); } .accordion1-wrap { padding-left: var(--px); } [js] .accordion1-wrap { visibility: hidden; overflow: hidden; height: 0; margin: 0; transition: all 0.5s var(--t8n_e1); transition-property: height, visibility; } .-active .accordion1-wrap { visibility: visible; height: var(--height, auto); } .accordion1-inner { padding: 10px 0 30px; } /** * @name .card1 * @description Team card * @example { } */ .card1 { } .card1-wrap { --aown: 0; display: grid; } .card1-image { grid-area: 1 / 1 / -1 / -1; margin: 0; } .card1-main { display: flex; justify-content: center; align-items: center; grid-area: 1 / 1 / -1 / -1; position: relative; visibility: hidden; background: rgba(0,0,0,0.7); text-align: center; opacity: 0; transition-property: var(--t8n_p2); } [mouse] .card1-wrap:hover .card1-main, .card1-wrap:focus .card1-main, .card1.-active .card1-main { visibility: visible; opacity: 1; } .card1-inner { --sy: 0; padding: 15px 10px; } .card1.-small .card1-inner { font-size: 16px; } .card1-title { font-size: 26px; } .card1.-small .card1-title { font-size: 20px; } @media screen and (max-width: 350px) { .card1-title { font-size: 18px; } .card1-meta { font-size: 14px; } } /** * @name .carousel1 * @description Hero carousel * @example { } */ .carousel1 { margin-bottom: 0; } .carousel1 .hero1 { height: var(--vhx); margin-bottom: 0; } .carousel1 .hero1 .img1:after { height: 80px; } .carousel1.-captions .hero1 .img1:after { height: 150px; } .carousel1 .hero1 .img1 { height: 100%; } .carousel1 .hero1-caption { padding-bottom: 60px; } [js] .carousel1 .herobox1 { opacity: 0; transform: translateY(10px); transition-duration: 0.6s; } [js] .carousel1 .glide__slide--active .herobox1 { opacity: 1; transform: translateY(0); } @media screen and (max-width: 1279px) { .carousel1 .hero1 { height: auto; } } @media screen and (max-width: 1024px) { .carousel1.-outcap .glide__arrow { display: none !important; } } @media screen and (max-width: 719px) { .carousel1 .glide__arrow { display: none; } .carousel1 .hero1 .img1:after, .carousel1.-captions .hero1 .img1:after { height: 30px; } } /** * @name .content1 * @description Global content */ .content1 { margin-bottom: 0; } .content1:before { display: block; content: attr(data-warning); margin: 0; padding: 25px 40px 150px; 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 .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; text-align: center; } .error1-wrap { margin-left: auto; margin-right: auto; } .error1-code { margin: 0; font-size: 82px; line-height: 1; opacity: 0.2; } .error1-title { margin-bottom: 0; } .error1-info { margin-bottom: calc(var(--sy) / 2); } /** * @name .float1 * @description Floating image * @example { } */ @media print, screen and (min-width: 600px) { .float1 { float: right; width: var(--w, 50%); margin-left: var(--sy); } .float1.-left { float: left; margin-left: 0; margin-right: var(--sy); } .float1 > img { display: block; } } /** * @name .footer1 * @description Global footer */ @media print, screen and (min-width: 1024px) { .footer1 { margin-bottom: 0; padding: var(--s1) 0 var(--s4); clear: both; } .footer1-wrap { } .footer1-wrap:before { display: block; content: ''; margin: 0 0 15px; border-top: 1px solid var(--c_o3t); } .footer1-nav { display: none;} .footer1-blocks { --gy: 20px; font-size: 18px; } .footer1-block { --sy: 10px; --w: 6; } .footer1-block.-copys { grid-column: span var(--w) / -1; } .footer1-title { font: inherit; font-weight: 500; } .footer1-copys { font-size: 16px; } } @media screen and (max-width: 1023px) { .footer1 { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: auto; visibility: hidden; margin: 0; background: var(--c_b1); text-align: center; opacity: 0; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; transition-property: var(--t8n_p2); } .footer1.-active { visibility: visible; opacity: 1; } .footer1::-webkit-scrollbar { display: none; } .footer1-wrap { padding: 120px 0 var(--s3); } .footer1-nav { margin-bottom: var(--s3); font: 28px/1.2 var(--ff_2); } .footer1-nav ul { padding: 0; } .footer1-nav li { margin-bottom: var(--s2); } .footer1-nav li:before { display: none; } .footer1-nav a { --aown: 0; } .footer1-nav li.is-active > a { --aown: 1px; } .footer1-nav i { display: inline-block; margin-right: -17px; padding: 5px; font-size: 0.6em; vertical-align: baseline; } .footer1-nav .-open > i { transform: rotate(180deg); } .footer1-nav li ul { font: 300 24px/1.2 var(--ff_1); } [js] .footer1-nav li ul { overflow: hidden; height: 0; transition-property: height; } [js] .footer1-nav li.-open > ul { height: var(--height, auto); } .footer1-nav li li:first-child { padding-top: 10px; } .footer1-nav li li { margin-bottom: 10px; } .footer1-title { font-size: 22px; margin-bottom: 5px; } .footer1 .socials1-items li ~ li { margin-left: 15px; } .footer1 .socials1-items a { font-size: 32px; } } /** * @name .gallery1 * @description Image gallery * @example { } */ .gallery1 { --height: 330; } .gallery1-item { margin-bottom: 0; padding-right: 20px; } .gallery1-link { --aown: 0; display: block; width: calc(var(--height) / 330 * var(--width)); } .gallery1-link * { cursor: inherit; } .gallery1-item .img1 { height: calc(var(--height) * 1px); } @media screen and (max-width: 719px) { .gallery1-item { --height: 180; } } /** * @name .glide * @description Glide defaults * @example { } */ .glide { position: relative; } .glide__track { margin-bottom: 0; } :root:not([js]) .glide__slides { overflow: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch } :root:not([js]) .glide__slides::-webkit-scrollbar { display: none; } .glide__slide { position: relative; margin-bottom: 0; scroll-snap-align: start; } .glide__arrows { margin: 0; } :root:not([js]) .glide__arrows { display: none; } .glide__arrow { display: flex; align-items: center; position: absolute; left: 0; top: 0; bottom: 0; width: auto; min-width: 0; height: auto; min-height: 0; padding: 15px; border: none; border-radius: 0; background: none; box-shadow: none; font: 30px/1 var(--ff_1); -webkit-tap-highlight-color: rgba(0,0,0,0); } .glide__arrows--big .glide__arrow { width: 40%; } .glide__arrow--right { justify-content: flex-end; left: auto; right: 0; } .glide__arrow[disabled] { opacity: 0; } .glide__bullets { display: flex; justify-content: center; position: absolute; left: 0; bottom: 30px; right: 0; pointer-events: none; } :root:not([js]) .glide__bullets { display: none; } .glide__bullet { position: relative; flex: none; width: 1em; min-width: 0; min-height: 0; height: 1em; padding: 0; border: none; border-radius: 50%; box-shadow: 0 0 0 1.5px; background: none; background-clip: border-box; font: 6px/1 var(--ff_1); pointer-events: auto; } .glide__bullet:after { content:""; padding: 10px; position: absolute; left: -8px; top: -8px; } .glide__bullet ~ .glide__bullet { margin-left: 15px; } .glide__bullet--active { background-color: currentColor; } @media screen and (max-width: 719px) { .glide__bullets { bottom: 10px; font-size: 9px; } } /** * @name .grid1 * @description [g1]+[g2] wrapper * @example { } */ .grid1 { } /** * @name .header1 * @description Works page header * @example { } */ .header1 { align-items: baseline; } .header1-main { --w: 12; } .header1-side { --w: 12; } .header1-side ul { --gx: 20px; --gy: 10px; justify-content: flex-end; padding: 0; } .header1-side li { width: auto; margin-bottom: 0; } .header1-side a { --aocn: transparent; --aoch: currentColor; display: block; } .header1-side .is-active > a { --aocn: currentColor; } /** * @name .hero1 * @description Main image/movie wrapper * @example { } */ .hero1 { position: relative; overflow: hidden; margin: 0 0 -40px; } .hero1 + * { position: relative; } .hero1 .img1:after { position: absolute; left: 0; right: 0; bottom: 0; content: ''; height: 130px; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: none; } .hero1 video { width: 100%; } .hero1.-fit { height: calc(var(--vhx) - 50px); } .hero1.-fit .img1 { height: 100%; } .hero1-caption { --sy: 0; position: absolute; left: calc(50% - var(--xw_1) / 2); right: calc(50% - var(--xw_1) / 2); bottom: 0; z-index: 2; padding: 0 0 var(--s2); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media print, screen and (max-width: 1099px) { .hero1.-fit { height: auto; } .hero1.-fit .img1 { height: auto; } .hero1-caption { left: var(--sx); right: var(--sx); } } @media screen and (max-width: 719px) { .hero1 .img1:after { height: 8vh; } .hero1-caption { position: relative; left: auto; right: auto; bottom: auto; padding: 0 var(--sx); } } @media print { .hero1 { margin-bottom: var(--s2); } .hero1 .img1:after { display: none; } } /** * @name .herobox1 * @description Caption boxes for hero1 * @example { } */ @media print, screen and (min-width: 1024px) { .herobox1 { display: flex; align-items: center; position: absolute; left: calc(50% - var(--xw_1) / 2); top: 0; right: calc(50% - var(--xw_1) / 2); bottom: 0; overflow: auto; padding: 120px 0 80px; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } .herobox1::-webkit-scrollbar { display: none; } .herobox1.-right { justify-content: flex-end; } .herobox1-wrap { --sy: 10px; width: 100%; max-width: 265px; padding: 20px; background: rgba(0,0,0,0.7); transform: translateZ(0); } .herobox1-wrap[class] { margin-top: auto; margin-bottom: auto; } .herobox1-title small { font: 300 0.8em/1.2 var(--ff_1); } .herobox1-meta { margin-bottom: 0; font-size: 18px; } .herobox1-intro { padding-top: var(--sy); font: 500 18px/1.3 var(--ff_1); } } @media print, screen and (min-width: 1024px) and (max-width: 1099px) { .herobox1 { left: var(--sx); right: var(--sx); } } @media screen and (max-width: 1023px) { .herobox1 { padding: 0 var(--sx) var(--s3); --aowh: 0; --aown: 0; --aowp: 0; } .herobox1-wrap { --sy: 10px; padding: 0 var(--sx); } .herobox1-meta { margin-bottom: 0; font-size: 18px; } .herobox1-intro { display: none; } } @media print { .herobox1-wrap { background: rgba(255,255,255,0.8); } } /** * @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, .img1[style*="--r:"] video { 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 { height: 100%; object-fit: contain; } .img1.-grayscale { filter: grayscale(1); } a:hover .img1.-grayscale { filter: grayscale(0); } .img1 .icon-play { display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: 50%; width: 1em; height: 1em; border: 1px solid; border-radius: 50%; font-size: 52px; transform: translate(-50%,-50%); } .img1 .icon-play:before { padding-left: 0.05em; font-size: 0.5em; } @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 .loader1 * @description Loading spinner */ .loader1 { display: block; position: absolute; left: 50%; top: 50%; width: 1em; height: 1em; margin: -0.5em 0 0 -0.5em; color: rgba(255,255,255,0.8); font: 30px/1 var(--ff_1); animation: loader1 1s 1 linear; pointer-events: none; transition-property: var(--t8n_p2); } .img1.-dark .loader1, .loader1.-light { color: rgba(0,0,0,0.3); } .lazyloading ~ .loader1 { animation-iteration-count: infinite; } .lazyloaded ~ .loader1, html:not([js]) .loader1 { visibility: hidden; opacity: 0; } .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.7); 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%; 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_d1t); opacity: 1; } /** * @name .loadmore1 * @description Load more button * @example { } */ .loadmore1 { --aown: 0; --aoph: 0.8; display: inline-block; position: relative; vertical-align: top; } .loadmore1 strong { display: block; font: 30px/1 var(--ff_2); } .loadmore1-arrow { display: block; overflow: hidden; height: 40px; font-size: 40px; } .loadmore1[disabled] .loadmore1-arrow { opacity: 0; } .loadmore1 .loader1 { visibility: hidden; bottom: 0; margin-top: 0; opacity: 0; animation-iteration-count: infinite; transition-property: var(--t8n_p2); } .loadmore1[disabled] .loader1 { visibility: visible; opacity: 1; } @media screen and (max-width: 719px) { .loadmore1 strong { font: 24px/1 var(--ff_2); } .loadmore1-arrow { height: 30px; font-size: 30px; } } /** * @name .logo1 * @description Scallable logo wrapper * @example { } */ .logo1 { font-size: var(--dh, 28px); line-height: 1; } .logo1 a { --aown: 0; --aowh: 0; display: block; } .logo1 img, .logo1 svg { display: block; height: 1em; } .logo1 i { display: block; } @media screen and (max-width: 599px) { .logo1 { font-size: var(--mh, 22px); } } /** * @name .nav1 * @description Primary navigation */ .nav1 { --px: var(--s2); display: flex; align-items: center; position: relative; } .nav1 > ul { display: flex; align-items: center; margin: 0; padding: 0; transition: all 0.5s var(--t8n_e2); transition-property: var(--t8n_p2); } .top1.-search .nav1 > ul { visibility: hidden; opacity: 0; } .nav1 ul ~ ul { margin-left: var(--px); } .nav1 li { position: relative; margin: 0; } .nav1 li ~ li { margin-left: var(--px); } .nav1 li:before { display: none; } .nav1 li a { --aown: 1.5px; --aocn: transparent; --aoch: currentColor; } .nav1 li:hover > a, .nav1 li.is-active > a { box-shadow: 0 1.5px; } /*.nav1 li li > a { box-shadow: none !important; } */ .nav1 li em { position: absolute; left: -10001px; top: -10001px; font-style: normal; } .nav1 li ul { position: absolute; left: 50%; top: 100%; width: 180px; margin: 0px 0 0; padding: 15px 20px; border-radius: 10px; background: rgba(0,0,0,0.7); text-align: center; transform: translate(-50%,var(--x, 0px)); visibility: hidden; opacity: 0; transition-property: var(--t8n_p2); } .nav1 li:hover ul { --x: 20px; visibility: visible; opacity: 1; } .nav1 li ul:before { position: absolute; left: 0; right: 0; bottom: 100%; content: ''; height: 20px; } .nav1 li ul:after { position: absolute; left: 50%; bottom: 100%; content: ''; margin: 0 0 0 -10px; border: 10px solid transparent; border-bottom-color: rgba(0,0,0,0.7); } .nav1 li li ~ li { margin-left: 0; margin-top: 10px; } .nav1-main { display: none; } .nav1-tools { } .nav1-tools li a { box-shadow: none; } .top1.-nav .nav1-tools .-toggler a { display: flex; justify-content: center; align-items: center; width: 1em; text-align: center; } .top1.-nav .nav1-tools .-toggler a:before { content: '\e904'; font-size: 0.7em; } .nav1-search { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); visibility: hidden; transition: all 0.5s var(--t8n_e2); transition-property: var(--t8n_p2); -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); } :root:not([js]) .nav1-search { background: var(--c_b1); } .top1.-search .nav1-search, .nav1-search:target { visibility: visible; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } .nav1-search label[for] { position: absolute; left: -10001px; } .nav1-search input[type] { padding-left: 0; padding-right: 40px; box-shadow: inset 0 -1px currentColor; background: none; color: inherit !important; outline: none; } .nav1-search button { --w: 0px; position: absolute; right: 0; top: 0; height: 100%; padding: 0; box-shadow: none; background: none; color: currentColor !important; font-size: 20px; } @media print, screen and (min-width: 1024px) { .nav1-tools .-toggler { display: none; } } @media screen and (max-width: 1023px) { .nav1-main[class] { display: none; } .nav1 li ~ li { margin-left: 20px; } .top1.-search .nav1 > ul { visibility: visible; opacity: 1; } .top1.-search .nav1-tools .-search a { display: flex; justify-content: center; align-items: center; width: 1em; text-align: center; } .top1.-search .nav1-tools .-search a:before { content: '\e904'; font-size: 0.7em; } .nav1-search { position: fixed; left: 0; top: 0; right: 0; z-index: -1; visibility: hidden; height: 100vh; padding: 100px var(--sx) 40px; background: var(--c_b1); opacity: 0; transform: none; -webkit-clip-path: none; clip-path: none } .top1.-search .nav1-search, .nav1-search:target { visibility: visible; opacity: 1; } .nav1-search p { position: relative; } } /** * @name .news1 * @description News listing */ .news1 { } .news1 p { margin: 0; padding: 10px 0; border-bottom: 1px solid var(--c_o3t); } .news1 a { --aoph: 0.8; display: flex; align-items: baseline; justify-content: space-between; box-shadow: none; } .news1 strong { min-width: 0; font: inherit; font-family: var(--ff_2); font-weight: 400; } .news1 strong small { font-family: var(--ff_1); font-weight: 300; font-size: 20px; } .news1 time { flex: none; min-width: 0; margin: 0 0 0 20px; font: 300 20px/1 var(--ff_1); } @media screen and (max-width: 719px) { .news1 a { display: block; } .news1 strong { display: block; } .news1 time { display: block; margin-left: 0; margin-top: 10px; font-size: 20px; } } /** * @name .news2 * @description News Landing cards */ .news2 { } @media screen and (max-width: 719px) { .news2 figure { margin-right: var(--nx); margin-left: var(--nx); } } /** * @name .readmore1 * @description Read more * @example { } */ .readmore1 { } .readmore1-wrap { margin: 0; } [js] .readmore1-wrap { overflow: hidden; height: 0; transition: height 1s ease-in-out; } .readmore1.-active .readmore1-wrap { height: var(--height, auto); } .readmore1-inner { } .readmore1-toggle { padding-top: var(--s2); text-align: center; cursor: pointer; } :root:not([js]) .readmore1-toggle { display: none; } .readmore1-toggle strong { display: block; font: 25px/1 var(--ff_2); } .readmore1-toggle i { display: block; font-size: 24px; } .readmore1.-active .readmore1-toggle strong { opacity: 0; } .readmore1.-active .readmore1-toggle i { transform: rotate(180deg); } @media screen and (max-width: 719px) { .readmore1-toggle strong { display: block; font: 24px/1 var(--ff_2); } .readmore1-toggle i { display: block; font-size: 30px; } } /** * @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 .slick * @description Slick slider defaults */ .slick-track { transition: none; } .slick-slide { margin-bottom: 0; border-top-width: 0; outline: none; } .slick-slide * { outline: none; } .slick-arrow[class] { display: block; overflow: hidden; position: absolute; left: 0; top: 0; bottom: 0; z-index: 10; width: 100px; min-width: 0; height: auto; margin: 0; min-height: 0; padding: 0; border: 20px solid transparent; border-radius: 0; box-shadow: none; background: none; color: #fff; font: 30px/1 Icons; text-indent: 10001px; text-align: left; } .slick-next[class] { left: auto; right: 0; } .slick-arrow:before { position: absolute; left: 0; top: 50%; margin-top: -0.5em; content: '\e901'; text-indent: 0; text-align: center; } .slick-next:before { left: auto; right: 0; content: '\e902'; } .slick-arrow.slick-disabled { } .slick-dots { position: absolute; left: 0; bottom: 30px; right: 0; padding: 0; font-size: 0; letter-spacing: -1em; text-align: center; } .slick-dots li { display: inline-block; margin: 0 5px; vertical-align: top; } .slick-dots li:before { display: none; } .slick-dots button { overflow: hidden; width: 10px; min-width: 0; min-height: 0; height: 10px; padding: 0; border: 1px solid !important; border-radius: 50%; background: currentColor; color: #ccc; font-size: 0; line-height: 1; text-indent: 321%; white-space: nowrap; } .slick-dots button:hover { background: currentColor; color: #73add3; } .slick-dots .slick-active button { color: #73add3; } /** * @name .socials1 * @description Round social links * @example { } */ .socials1 { display: inline-block; overflow: hidden; vertical-align: top; } .socials1-label { margin-bottom: 10px; } .socials1-items { --gx: 8px; --gy: 8px; } .socials1-items li { width: auto; } .socials1-items a { --aown: 0; --atcn: var(--c_d1t); --atch: var(--atcn); --aoph: 0.7; display: block; font-size: 20px; line-height: 1; } /** * @name .spacer1 * @description Spacing div * @example { } */ .spacer1 { height: 1px; margin-top: -1px; margin-bottom: 0; } /** * @name .sticky1 * @description Sticky container * @example { } */ @media screen { .sticky1 { position: -webkit-sticky; position: sticky; top: var(--s2); } } /** * @name .stream1 * @description News stream * @example { } */ .stream1 { } /** * @name .swipebox * @description Swipebox styling * @example { } */ body #swipebox-bottom-bar[id] { top: 50%; bottom: 0; background: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; pointer-events: none; } body #swipebox-bottom-bar[id].visible-bars { opacity: 1; } body #swipebox-arrows { width: 100%; max-width: 100%; margin: 0; padding: 0 20px; box-sizing: border-box; } body #swipebox-arrows a, body #swipebox-close { --aown: 0; background-size: auto 24px; pointer-events: auto; } body #swipebox-slider .slide { transition: none; } @media screen and (max-width: 719px) { body #swipebox-arrows { padding: 0; } } /** * @name .team1 * @description Team grid */ .team1 { } .team1-entries { --gy: 12px; } .team1-entries > * { --w: 6; } .team1-leader > a { --aowh: 0; --aown: 0; --aowp: 0; } @media screen and (max-width: 1023px) { .team1-leader { margin-left: var(--nx); margin-right: var(--nx); } .team1-entries { margin-left: var(--nx); margin-right: var(--nx); } .team1-entries > * { --w: 8; } } @media screen and (max-width: 599px) { .team1-entries > * { --w: 12; } } /** * @name .teaser1 * @description Card * @example { } */ .teaser1 { } .teaser1-wrap { --sy: 6px; --aown: 0; display: block; } .teaser1-image { margin-bottom: 15px; } .teaser1-title { font: 500 21px/1.14 var(--ff_1); } a:hover .teaser1-title { opacity: 0.9; } .teaser1-title small { font: inherit; font-weight: 300; } .teaser1-meta { font-size: 18px; } /** * @name .technical1 * @description Technical info * @example { } */ .technical1 { display: flex; margin: 0; } .technical1 .hero1 { flex: none; width: 100%; margin: 0 -100% 0 0; } .technical1-wrap { --t: calc(var(--st) + var(--s3)); display: flex; align-items: flex-end; position: relative; width: 100%; min-height: calc(100vh + var(--s1)); padding-top: var(--t); } .technical1-wrap:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background: linear-gradient(rgba(0,0,0,0.30) 0, rgba(0,0,0,1) 70%); opacity: 0; pointer-events: none; } .technical1.-open .technical1-wrap:before { opacity: 1; } .technical1-inner { position: relative; width: 100%; } .technical1-header { --sy: 0; display: inline-block; width: 500px; position: relative; margin-bottom: 0; vertical-align: top; } .technical1-header .icon-close { position: absolute; right: 0px; top: 17px; margin-left: 30px; font-size: 8px; cursor: pointer;} .technical1:not(.-open) .technical1-header .icon-close { opacity: 0; pointer-events: none; } [js] .technical1-details { overflow: hidden; height: 0; margin: 0; transition: height 0.5s var(--t8n_e1); } [js] .technical1.-open .technical1-details { height: var(--height, auto); } .technical1-detailswrap { max-width: 500px; padding-top: var(--s2); } .technical1-details ul { padding: 0; columns: 2; font-size: 18px; } .technical1-details li { margin-bottom: 15px; break-inside: avoid; } .technical1-details li:before { display: none; } .technical1-toggle { margin-top: var(--s2); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .technical1.-open .technical1-toggle { opacity: 0; } @media screen and (max-width: 1099px) { .technical1 .hero1 { align-self: flex-start; } .technical1-wrap { min-height: 0; } .technical1-header { width: 100%; max-width: 500px; } } @media screen and (max-width: 719px) { .technical1 { display: block; } .technical1 .hero1 { margin-right: 0; } .technical1-wrap { padding-top: 0; } .technical1-wrap:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background: linear-gradient(rgba(0,0,0,0.30) 0, rgba(0,0,0,1) 70%); opacity: 0; pointer-events: none; } .technical1.-open .technical1-wrap:before { opacity: 1; } } /** * @name .theme1 * @description Inverted theme * @example { } */ @media screen { .theme1 { --c_d1t: #000; --c_d2t: #333; --c_i1t: #fff; --c_i2t: #eee; --c_b1t: #fff; --c_b2t: #f3f3f3; --c_o1t: #ddd; --c_o2t: #bbb; color: var(--c_d1t); } } /** * @name .top1 * @description Global header */ .top1 { position: -webkit-sticky; position: sticky; top: 0; z-index: 101; margin-bottom: 0; transition-property: var(--t8n_p2); transform: translateZ(0); } .top1:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background: linear-gradient(rgba(0,0,0,1) 35%, rgba(0,0,0,0)); transition-delay: 0s; opacity: 0; } .top1.-active:not(.-hide):before { opacity: 1; } .top1.-hide:not(:hover) { visibility: hidden; opacity: 0; pointer-events: none; } .top1-wrap { display: flex; justify-content: space-between; align-items: center; position: relative; max-width: 100%; height: var(--st); } .top1 .logo1 { margin-bottom: 0; } @media print { .top1 { position: relative; background: none; } .top1-wrap { height: auto; padding-bottom: 40px; } } /** * @name .works1 * @description Works grid * @example { } */ .works1 { } .works1-entries { --gy: var(--gx); grid-auto-flow: row dense; } .works1-entries > * { --w: 6; } .works1-entries > .-large { --w: 12; grid-row: span 2; } .works1-entries > .card1, .works1-entries .card1-wrap, .works1-entries .card1-image, .works1-entries .card1-image .img1 { height: 100%; } @media screen and (max-width: 1023px) { .works1-entries > * { --w: 8; } .works1-entries > .-large { --w: 16; } } @media screen and (max-width: 599px) { .works1-entries { --gx: 0px; --gy: 0px; margin-left: var(--nx); margin-right: var(--nx); } .works1-entries > * { --w: 12; } .works1-entries > .-large { --w: 24; } } /** * @name .works2 * @description Works table * @example { } */ .works2 { } .works2 table { width: 100%; } .works2 th, .works2 td { border: none; border-bottom: 1px solid var(--c_o3t); padding: 7px 0; background: none; text-transform: none; font: inherit; } [js] .works2 th, [js] .works2 td { cursor: pointer; } [js] .works2 th.-nolink, [js] .works2 .-nolink td { cursor: default; } [js] .works2 th { white-space: nowrap; } .works2 th { font-weight: 500; } .works2 td:first-child { font: 1.1em var(--ff_2); } .works2 a { --aown: 0; } .works2-triangle { color: #636466; font-size: 0.5em; } :root:not([js]) .works2-triangle { display: none; } [aria-sort="ascending"] > .works2-triangle { color: #fff; } [aria-sort="descending"] > .works2-triangle { color: #fff; transform: rotate(180deg); } @media print, screen and (min-width: 720px) { .works2-sorter { display: none; } .works2 tr > * { padding-left: 20px; } .works2 tr > :first-child { padding-left: 0; } .works2 tr > :last-child { width: 0; padding-left: 0; } .works2 tr > th:last-child > span { display: none; } .works2 a { display: block; } .works2-toggler { display: none !important; } .works2-photo { display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; opacity: 0; } .-touched .works2-photo { display: block; } .-over .works2-photo { opacity: 1; } .works2-photo .img1 { position: -webkit-sticky; position: sticky; top: 0; height: 100vh; } .works2-photo .img1:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.2) 90%, rgba(0,0,0,1) ); } } @media screen and (max-width: 719px) { .works2-sorter { margin: 30px 0 15px; padding-right: 10px; font-size: 14px; text-align: right; } .works2-sorter i { margin-left: 0.2em; font-size: 0.65em; } .works2-sorter.-open i { transform: rotate(-180deg); } .works2 table { display: block; position: relative; } .works2 thead { visibility: hidden; position: absolute; right: 0; top: 0; padding: 20px; background: var(--c_b2t); opacity: 0; transition-property: var(--t8n_p2); } .works2 thead.-open { visibility: visible; opacity: 1; } .works2 thead th { } .works2 thead th:last-child { display: none; } .works2 tbody { --sy: 12px; display: block; } .works2 tr { display: block; margin-bottom: var(--sy); } [js] .works2 tbody tr { overflow: hidden; height: 34px; transition-property: height; } [js] .works2 tbody tr.-open { height: var(--height, auto); } .works2 td, .works2 th { display: block; padding: 0; background: none; border-width: 0; } .works2 td:first-child { display: flex; justify-content: space-between; align-items: flex-start; padding-top: var(--sy); padding-bottom: var(--sy); border-top: 1px solid var(--c_o3t); font-size: 18px; line-height: 20px; } .works2 td:first-child i { display: flex; justify-content: center; align-items: center; flex: none; width: 30px; height: 30px; margin: -5px 0 0; padding: 0; font-size: 12px; line-height: 1; text-indent: 0; } .works2 td:first-child i:before { display: block; flex: none; margin-left: 30px; } .works2 tr.-open td:first-child i:before { transform: rotate(-180deg); } .works2 td:last-child { padding-top: 20px; } } /** * @name .wrap1 * @description Content wrapper */ .wrap1 { margin-bottom: 0; padding: var(--s4) 0; background: currentColor; color: transparent; } .wrap1-inner { color: var(--c_d1t); } @media print { .wrap1 { background: none; color: inherit; } } /* ______ _ _ _______ _______ _____ __ _ _______ * |_____] | | | | | | | \ | |______ * |_____] |_____| | | |_____| | \_| ______| */ .button1, [type="submit"], [type="button"], [type="reset"] { --w: 120px; --h: 40px; --lh: 20px; --px: 20px; --py: 10px; --bcn: transparent; --bch: var(--bcn); --own: 1px; --orn: 0; --ocn: var(--tcn); --tcn: var(--c_d1t); --tch: var(--tcn); --oph: 0.7; --ow: var(--own); --oc: var(--ocn); --or: var(--orn); --bc: var(--bcn); --tc: var(--tcn); --op: var(--opn, 1); } .button1, [type="submit"], [type="button"], [type="reset"] { display: inline-flex; justify-content: center; align-items: center; min-width: var(--w); height: auto; min-height: var(--h); padding: calc(var(--py) - 2px) var(--px) calc(var(--py) + 2px); border: none; border-radius: var(--or); box-shadow: inset 0 0 0 var(--ow) var(--oc); background: var(--bc); color: var(--tc); font: 20px/var(--lh) var(--ff_1); text-align: center; text-decoration: none !important; opacity: var(--op); transition-property: var(--t8n_p1), color; } input[type="submit"] { --bcf: var(--bcn); } .button1: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) { margin-left: 5px; } .button1 > span:not(:last-child) { margin-right: 5px; } /* _____ ______ ______ __ _ _______ * | | | | | \ | |______ * __|__ |_____ |_____| | \_| ______| */ [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-angle-left-thin:before { content: "\e910"; } .icon-angle-right-thin:before { content: "\e911"; } .icon-play:before { content: "\e90f"; } .icon-menu:before { content: "\e90e"; } .icon-angle-down:before { content: "\e900"; } .icon-angle-left:before { content: "\e901"; } .icon-angle-right:before { content: "\e902"; } .icon-angle-up:before { content: "\e903"; } .icon-close:before { content: "\e904"; } .icon-facebook:before { content: "\e905"; } .icon-instagram:before { content: "\e906"; } .icon-linkedin:before { content: "\e907"; } .icon-logo:before { content: "\e908"; } .icon-plus:before { content: "\e909"; } .icon-search:before { content: "\e90a"; } .icon-triangle-down:before { content: "\e90b"; } .icon-triangle-up:before { content: "\e90c"; } .icon-twitter:before { content: "\e90d"; } .icon-x:before { content: "\e912"; } /* ______ _______ _______ _______ _ _ _ _______ _______ * | \ |______ |______ |_____| | | | | |______ * |_____/ |______ | | | |_____| |_____ | ______| */ *, *: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 { background: var(--c_b1); 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, q, 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: 50px; --lh: 20px; --px: 15px; --py: calc((var(--h) - var(--lh)) / 2); --bcn: transparent; --bcf: rgba(150,150,150,0.1); --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: 1.25rem; --tc: var(--c_d1t); display: inline-block; position: relative; width: var(--s, 20px); height: var(--s, 20px); margin: 0 5px 0 0; padding: 0; text-align: center; vertical-align: middle; } input[type="radio"] { --hb: 98%; --orn: 50%; --bs: '●'; --fm: 1; --tb: none; } input[type]:checked:before { display: flex; justify-content: center; align-items: center; position: absolute; left: 0; content: var(--bs,'L'); width: 100%; height: var(--hb, 90%); color: inherit; font: 700 calc(var(--s, 20px)* var(--fm, 0.8))/1 Helvetica Neue,Helvetica,Arial,sans-serif; transform: var(--tb, scaleX(-1) rotate(-45deg)); } .edge input[type]:checked:before { content: 'L'; } 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 { padding-top: 14px; padding-bottom: 14px; background: var(--c_o1t); 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: bolder; } dd { padding-left: 0; } @media screen and (max-width: 719px) { ul, ol, blockquote { padding-left: 25px; } ol > li:before { margin-left: -25px; } } /* links */ a { --aocn: currentColor; --aoch: transparent; } a { --aow: var(--aown); --aoc: var(--aocn); --abc: var(--abcn); --atc: var(--atcn); --aop: var(--aopn, 1); box-shadow: 0 var(--aow, 0.06em) 0 0 var(--aoc, 'currentColor'); background: var(--abc, transparent); color: var(--atc, 'currentColor'); text-decoration: none; opacity: var(--aop); transition-property: var(--t8n_p1), color; -webkit-tap-highlight-color: rgba(0,0,0,0); } 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, .alignleft, .aligncenter, .alignnone { height: auto; } .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 { box-shadow: inset 5px 0 0 0 var(--c_o1t); } q { display: block; } q:before { display: inline-block; width: 0; text-indent: -1ex; } q > span::after { content: close-quote; } q > cite { display: inline; padding-left: 5px;} q:after { display: none; } cite { display: block; margin-top: 10px; font: inherit; } pre { padding: 10px; border: 1px solid var(--c_o1t); background: var(--c_b2t); font: 14px/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(--s1) 0; border: none; border-top: 1px solid; background: none; color: var(--c_o3t); 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: rgba(255,228,0,0.25); } abbr { border-bottom: 1px dotted; text-decoration: none; } ins { border-bottom: 1px dotted green; text-decoration: none; } /* first/last margins */ body :last-child { margin-bottom: 0; } /* misc */ .notice { border: 1px solid #fff; padding: 30px; } /* _ _ _______ ______ _______ * \ / |_____| |_____/ |______ * \/ | | | \_ ______| */ /* text styling */ html, h1, h2, h3, h4, h5, h6, blockquote, cite, figcaption, [class*="-t:"] { font: 300 20px/1.3 var(--ff_1); letter-spacing: 0; text-transform: none; } .-t\:1, h1 { font: 38px/1.00 var(--ff_2); } .-t\:2, h2 { font: 32px/1.10 var(--ff_2); } .-t\:3, h3 { font: 24px/1.20 var(--ff_2); } .-t\:4, h4 { font: 500 20px/1.30 var(--ff_1); } .-t\:5, h5 { font: 500 16px/1.40 var(--ff_1); text-transform: uppercase; } .-t\:6, h6 { font: 500 12px/1.50 var(--ff_1); text-transform: uppercase; } .-t\:7, blockquote { font: 500 21px/1.3 var(--ff_1); } .-t\:8, cite { } .-t\:9, figcaption { } .-t\:10 { font: 300 24px/1.20 var(--ff_1); } .-t\:11 { font: 500 28px/1.20 var(--ff_1); } @media screen and (max-width: 719px) { .-t\:0, html, figcaption, cite { font: 300 18px/1.33 var(--ff_1); } .-t\:1, h1 { font: 30px/1.10 var(--ff_2); } .-t\:2, h2 { font: 26px/1.20 var(--ff_2); } .-t\:3, h3 { font: 22px/1.30 var(--ff_2); } .-t\:4, h4 { font: 500 18px/1.40 var(--ff_1); } .-t\:7, blockquote { font: 500 19px/1.3 var(--ff_1); } .-t\:10 { font: 300 20px/1.20 var(--ff_1); } .-t\:11 { font: 500 24px/1.20 var(--ff_1); } } /* link styling */ a.-as\:1, .-as\:1 a { --aocn: transparent; --aoch: currentColor; } /* 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 */ .-mt\:-t { margin-top: calc(var(--st) * -1); } .-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)} .-mb\:m1,.-my\:m1{margin-bottom:3px}.-mt\:m1,.-my\:m1{margin-top:3px} .-mb\:m2,.-my\:m2{margin-bottom:6px}.-mt\:m2,.-my\:m2{margin-top:6px} .-mb\:m3,.-my\:m3{margin-bottom:9px}.-mt\:m3,.-my\:m3{margin-top:9px} .-mb\:m4,.-my\:m4{margin-bottom:12px}.-mt\:m4,.-my\:m4{margin-top:12px} .-mb\:m5,.-my\:m5{margin-bottom:15px}.-mt\:m5,.-my\:m5{margin-top:15px} .-mt\:bump { margin-top: 7px; } @media (max-width: 1279px) { .-mb\:0\s{display:none}.-d\:b\>s{display:block}} @media screen and (min-width: 1280px){.-d\:n\>m{display:none}.-d\:b\>m{display:block}} /* overflow */ .-o\:h { overflow: hidden; } .-o\:v { overflow: visible; } /* 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); } /* 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\:d3 { color: var(--c_d3); } .-c\:d3t { color: var(--c_d3t); } .-c\:a1 { color: var(--c_a1); } .-c\:a1t { color: var(--c_a1t); } .-c\:i1 { color: var(--c_i1); } .-c\:i1t { color: var(--c_i1t); } .-c\:i2 { color: var(--c_i2); } .-c\:i2t { color: var(--c_i2t); } .-c\:b1 { color: var(--c_b1); } .-c\:b1t { color: var(--c_b1t); } .-c\:b2 { color: var(--c_b2); } .-c\:b2t { color: var(--c_b2t); } .-c\:o1 { color: var(--c_o1); } .-c\:o1t { color: var(--c_o1t); } .-c\:o2 { color: var(--c_o2); } .-c\:o2t { color: var(--c_o2t); } .-c\:e1 { color: var(--c_e1); } .-c\:e1t { color: var(--c_e1t); } .-c\:ix { color: inherit; } .-c\:ux { color: unset; } /* families */ .-ff\:1 { font-family: var(--ff_1); } .-ff\:2 { font-family: var(--ff_2); } /* weights */ .-fw\:3, .-fw\:l { font-weight: 300; } .-fw\:4, .-fw\:n { font-weight: 400; } .-fw\:5, .-fw\:m { font-weight: 500; } .-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); } [disabled] { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* _ _____ ______ _______ * | | |_____] |______ * |_____ __|__ |_____] ______| /* /* glide */ .glide{position:relative;width:100%;box-sizing:border-box}.glide *{box-sizing:inherit}.glide__track{overflow:hidden}.glide__slides{position:relative;width:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}.glide__slides--dragging{user-select:none}.glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.glide__slide a{user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}.glide__arrows{-webkit-touch-callout:none;user-select:none}.glide__bullets{-webkit-touch-callout:none;user-select:none}.glide--rtl{direction:rtl} /* lazysizes */ .lazyload, .lazyloading { opacity: 0; } [js] .lazyloaded[class] { opacity: 1; transition-duration: 0.5s; } /* slick */ .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /* swipebox */html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(../images/swipebox-loader.gif) center center no-repeat}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(../images/swipebox-icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px #000;background:#000;opacity:.95}#swipebox-top-bar{color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}