/*! Girl Trek > 20201201 ---------------- */

:root {

 --sx: 30px; 
 --sy: 24px; 
 --sn: 90px; /* Desktop nav height */
 --s1: 40px; 
 --s2: 60px; 
 --s3: 80px; 
 --s4: 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_runda: runda,Helvetica Neue,Arial,sans-serif;
 --ff_1: var(--ff_runda);
 --ff_tandelle: tandelle,Helvetica Neue,Arial,sans-serif;
 --ff_2: var(--ff_tandelle);

 --c_d1: #000000; --c_d1t: var(--c_d1); /* default: black */
 --c_d2: #757575; --c_d2t: var(--c_d2); /* default: gray */
 --c_i1: #ffffff; --c_i1t: var(--c_i1); /* inverted: white */
 --c_i2: #cccccc; --c_i2t: var(--c_i2); /* inverted: light gray */
 --c_a1: #1146BF; --c_a1t: var(--c_a1); /* accent: blue */
 --c_a2: #FFBF00; --c_a2t: var(--c_a2); /* accent: yellow */
 --c_a3: #F58635; --c_a3t: var(--c_a3); /* accent: orange */
 --c_b1: #ffffff; --c_b1t: var(--c_b1); /* background: white */
 --c_b2: #f5f5f5; --c_b2t: var(--c_b2); /* background: light gray */
 --c_o1: #cccccc; --c_o1t: var(--c_o1); /* borders: gray */
 --c_o2: #aaaaaa; --c_o2t: var(--c_o2); /* borders: dark gray */
 --c_e1: #CF001D; --c_e1t: var(--c_e1); /* error: red, error message */
 --c_e2: #FF4B65; --c_e2t: var(--c_e2); /* error: red, error outline */
 --c_e3: rgba(255,75,101,0.2); --c_e3t: var(--c_e3); /* error: red, error field */

 --xw_1: 1800px;
 --xw_2: 1280px;
 --xw_3: 800px;
 --xw_4: 590px;

 --t8n_d1: 0.3s;
 --t8n_p1: border-color, background-color, 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)); --sn: 60px; } }
@media screen and (max-width:  719px) { :root { --sx: 20px; --sn: 50px; --s1: 25px; --s2: 40px; --s3: 55px; --s4: 70px; } }
@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.woff?1607566963') format('woff'), url('../fonts/icomoon/fonts/icomoon.ttf?1607566963') format('truetype'); }

/*   ______  _______ _______ _______
 *   |_____] |_____| |______ |______
 *   |_____] |     | ______| |______
*/

.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; }

.-contain { }
 .-contain > *, .-recontain > * { width: calc(100% - var(--sx) * 2); max-width: var(--xw, var(--xw_2)); margin-left: auto; margin-right: auto; }
 .-decontain, .-recontain { width: 100%; max-width: none; }
 .-restrain { width: calc(100% - var(--sx) * 2); max-width: var(--xw, var(--xw_2)); margin-left: auto; margin-right: auto; }
 .-breakout { margin-left: calc(50% - var(--vw, 1vw) * 50); margin-right: calc(50% - var(--vw, 1vw) * 50); }
 .-breakout[class*="-xw:"] { --_px: calc(var(--vw, 1vw) * 50 - var(--xw) / 2); max-width: none; padding-left: var(--_px); padding-right: var(--_px); }

@media print {
.-contain > *, .-recontain > *, .-restrain { width: 100%; }
}

/* grid */

[g1] { --gc: 24; --gx: var(--sy); --gy: var(--gx); 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: var(--sy); --gy: var(--gx); 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 Accordion
 * @example { }
 */

.accordion1 { border-bottom: 1px solid; }
 .accordion1-title { margin: 0; padding: 20px 0; border-top: 1px solid; cursor: pointer; transition-property: color; }
  .accordion1-title i { float: right; margin: 0 0 0 20px; transform: scale(0.9); }
  .accordion1-title.-open i { float: right; margin: 0 0 0 10px; transform: scale(0.9) rotate(180deg); }
 .accordion1-details { margin: 0; }
  .accordion1-details:after { display: block; content: ''; height: var(--s1); }

@media screen and (max-width: 719px) {
.accordion1 { --a1px: var(--sx); }
}

@media print {
.accordion1 { --a1px: 0; }
}

/**
 * @name .accordion2
 * @description States accordion
 * @example { }
 */

.accordion2 { --p: 20px; columns: 3; column-gap: var(--s2); }
 .accordion2-entry { display: inline-block; width: 100%; margin: 0; vertical-align: top; }
  .accordion2-entry:before { display: block; content: ''; border-top: 1px solid var(--c_o1t); }
  .accordion2-title { display: flex; align-items: baseline; margin-bottom: 0; padding: 10px 0 10px var(--p); cursor: pointer; }
   .accordion2-title span { transition-property: color; }
   .accordion2-title > i:first-child { flex: none; position: relative; top: -2px; min-width: 0; width: var(--p); margin: 0 0 0 calc(var(--p) * -1); font-size: 0.5em; }
    .accordion2-title > i:first-child:before { display: inline-block; position: relative; text-align: left; }
    .accordion2-title .icon-international { font-size: 0.8em; }
    .accordion2-title.-open i:before { transform: rotate(-180deg); }
  .accordion2-details { padding-left: var(--p); }
   .accordion2-details:before { display: block; content: ''; height: 5px; }
   .accordion2-details:after { display: block; content: ''; height: 20px; }
   .accordion2-details ul { padding-left: 20px; }
    .accordion2-details li:before { margin-left: -20px; }
    .accordion2-details li.-external:before { content: '\e914'; color: inherit; }

@media screen and (max-width: 1023px) {
.accordion2 { columns: 2; }
}
@media screen and (max-width: 599px) {
.accordion2 { columns: 1; }
}

/**
 * @name .anim1
 * @description Homepage animation combo
 * @example { }
 */

.anim1 { margin: 0; }

@media screen {
 .anim1 .intro1 { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); transition: all 0.5s var(--t8n_e1); transition-property: var(--t8n_p2); }
 .anim1 .intro1.-out { visibility: hidden; -webkit-clip-path: inset(50% 0 50% 0); clip-path: inset(50% 0 50% 0); pointer-events: none; }
 [js] .anim1 [rv] { opacity: 0; transform: translateY(10px); transition-delay: 0.15s; transition-duration: 0.5s; }
 [js] .anim1 [rv][done] { opacity: 1; transform: translateY(0); }
 [js] .anim1 .title1 [rv] { overflow: hidden; opacity: 1; transform: translateY(0); }
  [js] .anim1 .title1 [rv] > span { transition: transform 0.85s var(--t8n_e1); }
  [js] .anim1 .title1 [rv]:not([done]) > span { transform: translateY(100%); }

html.-locked { position: fixed; left: 0; top: 0; width: 100%; height: 100%; }
}

/**
 * @name .block1
 * @description Timeline entry
 * @example { }
 */

.block1 { display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: "image main"; grid-column-gap: var(--s3); align-items: center; margin-top: var(--s3); margin-bottom: var(--s3); }
.block1.-flip { grid-template-areas: "main image"; }
 .block1-image { grid-area: image; align-self: start; margin: 0; }
 .block1-main { --sy: 20px; grid-area: main; margin: 0 var(--s3) 0 0; }
 .block1.-flip .block1-main { margin: 0 0 0 var(--s3); }
 .block1-cta { gap: 40px; }
 .block1-stat, .block1-cta { display: flex; flex-wrap: wrap; align-items: center; }
 .block1-cta .block1-stat { margin-bottom: 20px; }
 .block1-stat-number { color: var(--c_a1); margin-right: 10px; }
 .block1-stat-description { line-height: 18px; }

@media screen and (max-width: 1023px) {
.block1 { display: block; max-width: var(--xw_3); margin-left: auto; margin-right: auto; }
 .block1-main, .block1.-flip .block1-main { max-width: var(--xw_4); margin: var(--s1) auto 0; }
}

/**
 * @name .block2
 * @description Homepage steps block
 * @example { }
 */

.block2 { margin-bottom: var(--s1); }
 .block2-main { margin-bottom: var(--s1); padding: 0 var(--sx); }
 .block2-title strong { display: block; color: var(--c_a1t); }

@media print, screen and (min-width: 1024px) {
.block2 { --b2x: 320px; display: grid; grid-template-columns: minmax(var(--sx), 1fr) minmax(0, var(--xw_2)) minmax(var(--sx), 1fr); overflow: hidden; max-width: var(--xw_1); margin: 0 auto; }
 .block2-media { grid-area: 1 / 2 / 2 / -1; padding-left: calc(var(--b2x) + var(--s1)); margin: 0; }
 .block2-main { grid-area: 1 / 2 / 2 / 3; align-self: center; position: relative; z-index: 1; max-width: var(--b2x); margin: 0; padding: 0; }
  .block2-title { white-space: nowrap; pointer-events: none; }

 .block2.-flip .block2-media { grid-area: 1 / 1 / 2 / 3; padding-left: 0; padding-right: calc(var(--b2x) + var(--s1)); }
 .block2.-flip .block2-main { margin-left: auto; }
  .block2.-flip .block2-title { margin-left: -600px; text-align: right; }

 .block2.-top .block2-media { padding-top: var(--s1); }
 .block2.-top .block2-main { align-self: start; }

 .block2.-bottom .block2-main { align-self: end; }

.block2.-x1 .block2-title strong { display: inline; }

.block2.-v2 { grid-template-columns: minmax(var(--sx), 1fr) minmax(0, 1010px) minmax(var(--sx), 1fr); }
 .block2.-v2 .card3 { max-width: var(--xw_4); margin-left: var(--s1); }
}

@media screen and (max-width: 1023px) {
.block2.-v2 .block2-media { padding: 0 var(--sx); }
/* .block2-main { overflow: hidden;} */
}

/**
 * @name .box1
 * @description Simple outlined box
 */

.box1 { padding: var(--s3); border: 1px solid; }

@media screen and (max-width: 1023px) {
.box1 { padding: var(--s2); }
}
@media screen and (max-width: 719px) {
.box1 { padding: var(--s1) var(--sx); }
}

/**
 * @name .box2
 * @description Thick outline box
 * @example { }
 */

.box2 { --b2s: 10px; --b2o: 10px; margin-bottom: var(--s3); padding: calc(var(--s3) + var(--b2s)); box-shadow: inset 0 0 0 var(--b2o) var(--c_a1t); }

@media screen and (max-width: 1023px) {
.box2 { padding: calc(var(--s1) + var(--b2s)); }
}
@media screen and (max-width: 719px) {
.box2 { padding: calc(var(--s1) + var(--b2s)) calc(var(--sx) + var(--b2s)); }
}

@media screen {
[m4n] .box2[revealed] { transition-delay: 0.15s; }
[m4n] .box2[reveal]:not([revealed]) { --b2o: 0; }
}

/**
 * @name .box3
 * @description Simple outlined box
 */

 .box3 { padding: var(--s1); }
 .box3.-l { border-left: 1px solid; }
 .box3.-r { border-right: 1px solid; }
 @media screen and (max-width: 719px) {
  .box3 { padding: 0; }
  .box3.-l { border-left-width: 0; }
  .box3.-r { border-right-width: 0; }
 }

/**
 * @name .card1
 * @description Small card
 * @example { }
 */

.card1 {  }
 .card1-wrap { --aown: 0; --atch: var(--c_a1t); display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 10px 0 0; border-top: 1px solid; }
  .card1-image { position: relative; }
   .card1-image:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; box-shadow: inset 0 0 0 var(--ow, 0) var(--c_a2); pointer-events: none; }
   a:hover .card1-image:after { --ow: 4px; }
   .card1-image .img1 { margin-bottom: 0; }
   .card1-image .img1 + .img1 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; opacity: 0; }
   a:hover .card1-image .img1 + .img1 { opacity: 1; }
    .card1-image .img1 + .img1:before { display: none; }
  .card1-title { min-height: 48px; margin-bottom: 10px; font: inherit; letter-spacing: inherit; text-transform: none; }
   .card1-title strong { text-transform: uppercase; }

/**
 * @name .card2
 * @description Revealing card
 * @example { }
 */

.card2 {  }
 .card2-wrap { --aown: 0; display: flex; overflow: hidden; }
  .card2-image { flex: none; position: relative; width: 100%; margin: 0 -100% 0 0; }
   .card2-image .img1 { height: 100%; }
   .card2-image:after { position: absolute; left: 0; right: 0; bottom: 0; content: ''; height: 50%; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.4)); }
  .card2-main { align-self: flex-end; position: relative; flex: none; width: 100%; padding: 20px; background: var(--c_b1); color: var(--c_d1); transform: translateY(100%); }
  a:hover .card2-main { transform: translateY(0); }
   .card2-title { position: absolute; left: 0; bottom: 100%; right: 0; margin: 0; padding: var(--s2) var(--s1) var(--s1); color: var(--c_i1); }

@media print, screen and (max-width: 1024px) and (max-width: 1279px) {
.card2-title { padding: 0 var(--sx) var(--sx); }
}

/**
 * @name .card3
 * @description Card with short title
 * @example { }
 */

.card3 {  }
 .card3-wrap { --aown: 0; display: block; }
  .card3-image { position: relative; margin: 0; }
   .card3-image:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; box-shadow: inset 0 0 0 var(--ow, 0) var(--c_a2); pointer-events: none; }
   a:hover .card3-image:after { --ow: 4px; }
  .card3-title { position: relative; margin: -30px 0 0; text-align: center; }
   .card3-title span { display: inline-block; padding: 10px 20px 0; background: var(--c_b1t); vertical-align: top; }

@media screen and (min-width: 1024px) {
[m4n] .card3-wrap.-rv\:1 { transition-duration: 1s; }
}

/**
 * @name .card4
 * @description Card with duo title below
 * @example { }
 */

.card4 {  }
 .card4-wrap { --aown: 0; display: block; }
  .card4-image { position: relative; margin: 0 0 20px; }
   .card4-image:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; box-shadow: inset 0 0 0 var(--ow, 0) var(--c_a2); pointer-events: none; }
   a:hover .card4-image:after { --ow: 4px; }
  .card4-title { transition-property: var(--t8n_p1), color; }
  a:hover .card4-title { color: var(--c_a1t); }
   .card4-title span { display: block; color: var(--c_a1t); }

@media screen and (min-width: 1024px) {
[m4n] .card4-wrap.-rv\:1 { transition-duration: 1s; }
}

/**
 * @name .carousel1
 * @description Carousel
 * @example { }
 */

.carousel1 { overflow: hidden; padding: 0; }
 .carousel1-title { position: relative; z-index: 1; margin: 0 var(--sx); text-align: center; }
  .visual1 .carousel1-title span { display: inline-block; position: relative; bottom: -16px; background: white; padding: 5px 10px; line-height: 1em;}
 .carousel1 .carousel1-wrap { position: relative; max-width: 1010px;}
  .carousel1 .tns-outer { margin-bottom: 0; }
   .carousel1 .tns-outer > .tns-ovh { overflow: visible; }
    .carousel1-entries { display: flex; align-items: stretch; padding-bottom: 20px; overflow: auto; overflow-y: hidden; margin: 0; white-space: nowrap; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; vertical-align: top; }
    .carousel1-entries.tns-slider { transition-timing-function: var(--t8n_e1); }
    .carousel1-entries::-webkit-scrollbar { display: none; }
     .carousel1-entry { flex: none; align-self: stretch; width: 100%; margin: 0 var(--s1) 0 0; white-space: normal; scroll-snap-align: start; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
     [js] .carousel1-entry { width: auto; margin-right: 0; }
      .carousel1-entry .quote1 { padding-top: 0; }
  .carousel1-controls { pointer-events: none; }
  :root:not([js]) .carousel1-controls { display: none; }
   .carousel1-arrow { --aown: 0; --atch: var(--c_a1); display: block; position: absolute; right: -55px; top: 50%; margin: -10px 0 0; font: 12px/20px Icons; pointer-events: auto; }
   .carousel1-arrow.-prev { left: -55px; right: auto; }
   .carousel1.-first .carousel1-arrow.-prev, .carousel1.-last .carousel1-arrow.-next { opacity: 0; }

@media print, screen and (min-width: 720px) {
.carousel1-entry .quote1-author > figure { width: 180px; }
}
@media print, screen and (max-width: 1023px) {
.carousel1-entry { align-self: flex-start; }
 .carousel1-entry .quote1 { padding-left: var(--sx); padding-right: var(--sx); }
.carousel1-controls { margin-top: var(--sy); text-align: center; }
 .carousel1-arrow { display: inline-block; position: relative; right: auto; top: auto; margin: 0; vertical-align: top; }
 .carousel1-arrow.-prev { left: auto; margin-right: var(--s1); }
}

/**
 * @name .content1
 * @description Global content
 */

.content1 { margin-bottom: 0; }
 .content1:before { display: block; content: attr(data-warning); margin: 0; padding: 100px 40px 20px; background: #b22; color: #fff; text-align: center; }
@supports (display: grid) { .content1:before { display: none; } }

@media screen and (max-width: 599px) {
 .content1:before { padding: 15px 20px; font-size: 14px; }
}

/**
 * @name .ctas1
 * @description Map CTA
 * @example { }
 */

.ctas1 { }
 .ctas1-wrap { max-width: var(--xw_2); margin-left: auto; margin-right: auto; background: var(--c_a1); }
  .ctas1-grid { display: flex; overflow: hidden; padding: 0; }
   .ctas1-grid li { --sy: 10px; display: grid; grid-template-columns: 70px auto; grid-column-gap: 20px; flex: 1 0 0; position: relative; margin: 0; padding: 20px 30px 35px; }
    .ctas1-grid li:before { position: absolute; right: 100%; top: 0; content: ''; width: 1px; height: 100%; margin: 0; border-left: 1px solid; }
     .ctas1-icon { justify-self: center; display: inline-block; grid-row: 1 / 3; position: relative; font: 65px/1 Icons; vertical-align: top; }
       .ctas1-grid i:first-child:before { color: var(--c_i1); }
       .ctas1-grid i:first-child:after { color: var(--c_a1); }
      .ctas1-grid i + i { position: absolute; right: -0.35em; top: 0; color: var(--c_d1); font-size: 0.3em; }
     .ctas1-icon ~ * { grid-column: 2 / 3; }
     .ctas1-grid span { display: block; margin-bottom: 6px; }
     .ctas1-grid a { justify-self: start; display: block; margin-bottom: 6px; }

@media screen and (max-width: 719px) {
.ctas1-wrap { width: 100%; }
 .ctas1-grid { display: block; }
  .ctas1-grid li { width: 100%; padding-left: var(--sx); padding-right: var(--sx); }
  .ctas1-grid li ~ li { border-top: 1px solid var(--c_o1t); }
}

@media print {
.ctas1-wrap { box-shadow: inset 0 0 0 1px var(--c_o1t); background: var(--c_b1t); }
 .ctas1-grid li:before { border-left-color: var(--c_o1t); }
}

/**
 * @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%; max-width: none; height: var(--vhx); margin: 0; background: #f2f2f2; 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: 10px; }
  .error1-info { margin-bottom: calc(var(--sy) / 2); }

/**
 * @name .fieldbox1
 * @description Signup line
 * @example { }
 */

.fieldbox1 { display: flex; justify-content: space-between; flex-wrap: wrap; }
 .fieldbox1 input[type] { --h: 60px; --ocn: currentColor; --pcn: var(--tcn); flex: none; width: calc(100% - 160px); font-size: inherit; }
 .fieldbox1 .button1 { --w: 140px; }
 .fieldbox1 .invalid1 { order: 2; width: 100%; }

@media screen and (max-width: 479px) {
.fieldbox1 { display: block; }
 .fieldbox1 input[type] { --h: 50px; width: 100%; margin-bottom: 10px; }
}

/**
 * @name .fields1
 * @description Form field grid
 * @example { }
 */

.fields1 {  }
 .fields1 > .-pull { margin-top: calc(var(--gy) * -1 + 14px); }
 .fields1 [style*="max-width"] { margin-right: 5px; vertical-align: middle; }

/**
 * @name .filters1
 * @description Map filters
 * @example { }
 */

.filters1 { margin: 0; padding: 20px 0; }
 .filters1-outer { }
  .filters1-toggle { display: none; margin: 0; }
  .filters1-wrap { display: flex; justify-content: space-between; align-items: center; }
   .filters1-main { display: flex; align-items: center; margin-bottom: 0; }
    .filters1-main > * { margin-bottom: 0; }
    .filters1-type { display: flex; align-items: center; margin-left: 20px; padding: 0; }
     .filters1-type li { margin-bottom: 0; }
      .filters1-type li:before { display: none; }
      .filters1-type li a { display: inline-flex; align-items: center; padding: 10px 20px; box-shadow: none; }
      .filters1-type li a:hover { box-shadow: inset 0 0 0 1px; }
       .filters1-type li a > i { margin-right: 10px; font: 40px/50px Icons; }
       .filters1-type li a i[class*="pintracks"] { font-size: 50px; }
   .filters1-location { --gx: 15px; }
    .filters1-location a { margin-left: var(--gx); font-weight: 700; }
    .filters1-location small { display: inline-block; overflow: hidden; width: 1px; height: 24px; margin-left: var(--gx); border-left: 1px solid; vertical-align: middle; }

@media screen and (max-width: 1023px) {
.filters1-wrap { display: block; }
 .filters1-wrap > *  { margin-bottom: var(--sy); }
}
@media screen and (max-width: 719px) {
.filters1 { padding: 0; }
 .filters1-toggle { display: flex; justify-content: space-between; align-items: center; margin: 0; padding: 20px 0; cursor: pointer; }
  .filters1-toggle i { min-width: 20px; }
  .filters1.-open .filters1-toggle i:before { content: '\e912'; }
 .filters1-wrap { overflow: hidden; height: var(--height, auto); transition-property: height; }
 [js] .filters1:not(.-open) .filters1-wrap { height: 0; }
  .filters1-wrap:before, .filters1-wrap:after { display: block; content: ''; height: 30px; }
  .filters1-wrap:before { height: 10px; }
  .filters1-main { display: block; }
   .filters1-label { margin-bottom: 10px; }
   .filters1-type { display: block; margin-left: 0; }
}

/**
 * @name .float1
 * @description Floating image
 * @example { }
 */

@media print, screen and (min-width: 600px) {
.float1 { display: block; float: right; width: var(--w); margin: 0 0 10px var(--sy); }
.float1.-left { float: left; margin-right: var(--sy); margin-left: 0; }
}

/**
 * @name .footer1
 * @description Global footer
 */

.footer1 { overflow: hidden; margin-bottom: 0; }
 .footer1-main { margin: 0; background: var(--c_b2t); }
  .footer1-wrap { display: flex; justify-content: space-between; align-items: flex-end; }
   .footer1-column { flex: 1 1 0; margin: 0; padding: var(--s3) 0; }
   .footer1-column.-left { align-self: center; max-width: 580px; }
   .footer1-column.-right { flex: none; width: 100%; max-width: 580px; }
    .footer1-signup { margin-bottom: var(--s3); }
    .footer1-column .socials1 { float: left; margin: 0 -100% 0 0; }
    .footer1-column .socials1 + * { margin-left: 320px; }
   .footer1-column.-right { padding: 20px 0 0; }
 .footer1-side { display: flex; justify-content: space-between; padding: var(--s1) 0; }
  .footer1-links { --sy: 10px; flex-grow: 1; columns: 3; margin: calc(var(--sy) * -1) 0 0; padding: 0; }
   .footer1-links li { --sy: inherit; display: inline-block; width: 100%; margin-bottom: 0; padding-top: var(--sy); }
    .footer1-links li:before { display: none; }
  .footer1-bottom { flex: none; width: 300px; margin: 0 0 0 var(--s1); text-align: right; }
   .footer1-author i { display: inline-block; margin: 0 3px; font-size: 1.1em; vertical-align: middle; animation: heartbeat 1.5s infinite; }

@keyframes heartbeat { 0%, 30%, 60%, 100% { transform: scale(1); } 15%, 45% { transform: scale(1.15); } }

@media print, screen and (max-width: 1279px) {
 .footer1-signup { margin-bottom: var(--s1); }
.footer1-column.-right { max-width: 520px; }
 .footer1-column .socials1 { float: none; margin: 0 0 var(--s1); }
 .footer1-column .socials1 + * { margin-left: 0; }
}
@media screen and (max-width: 1023px) {
.footer1-wrap { display: block; }
 .footer1-column { padding-bottom: 0; }
 .footer1-column.-left { position: relative; z-index: 1; }
 .footer1-column.-right { margin-left: auto; margin-top: -250px; }
  .footer1-links { columns: 2; }
}
@media screen and (max-width: 719px) {
 .footer1-column.-right { margin-top: -100px; }
 .footer1-links { columns: 1; }
}
@media screen and (max-width: 599px) {
.footer1-column.-right { max-width: 100%; margin-top: var(--sy); }
 .footer1-side { display: block; }
  .footer1-links { margin-bottom: var(--sy); }
  .footer1-bottom { width: auto; margin-left: 0; text-align: left; }
   .footer1-author { margin-top: var(--s1); }
}

@media print {
.footer1 { box-shadow: inset 0 1px var(--c_o1t); }
 .footer1-main { padding-left: var(--sx); padding-right: var(--sx); box-shadow: 0 1px var(--c_o1t); }
}

/**
 * @name .footnote1
 * @description Footnote for tooltip
 */

[js] .footnote1 { display: none; }
 .footnote1 sup:first-child { margin-right: 5px; }

/**
 * @name .gallery1
 * @description Variable width gallery
 * @example { }
 */

.gallery1 {  }
 .gallery1-wrap { }
  .gallery1-main { position: relative; }
   .gallery1-main .gallery1-arrow { display: flex; justify-content: center; align-items: center; position: absolute; left: 100%; top: 50%; z-index: 2; width: 90px; height: 20px; margin: -10px 0 0; text-align: center; pointer-events: auto; }
   .gallery1-main .gallery1-arrow.-prev { right: 100%; left: auto; }
   .gallery1 .tns-outer { margin-bottom: 0; }
    .gallery1 .tns-outer > .tns-ovh { overflow: visible; }
    .gallery1-entries { display: flex; overflow: auto; margin: 0; white-space: nowrap; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; vertical-align: top; }
    .gallery1-entries.tns-slider { transition-timing-function: var(--t8n_e1); }
    .gallery1-entries::-webkit-scrollbar { display: none; }
     .gallery1-entry { flex: none; width: 100%; margin: 0 var(--s1) 0 0; white-space: normal; scroll-snap-align: start; }
     [js] .gallery1-entry { width: auto; margin-right: 0; }
      .gallery1-entry .img1 { border-radius: var(--bra_1); }
      .gallery1-entry figcaption { padding-bottom: 0; border-bottom: none; }
      [js] .gallery1-entry figcaption { display: none; }
  .gallery1-controls { position: relative; height: 0; margin: var(--s1) 0 0; }
  :root:not([js]) .gallery1-controls { display: none; }
   .gallery1-counters { display: flex; justify-content: center; align-items: center; position: absolute; left: 30px; top: 0; margin: 0; pointer-events: none; }
    .gallery1-counters small { display: inline-block; padding: 0 4px; font: inherit; vertical-align: top; }
   .gallery1-arrow { --aown: 0; --atch: var(--c_a1); display: block; position: absolute; right: 0; top: 3px; margin: 0; font: 12px/20px Icons; }
   .gallery1-controls .gallery1-arrow { display: none; }
   .gallery1-arrow.-prev { right: 40px; }
   .gallery1.-first .gallery1-arrow.-prev, .gallery1.-last .gallery1-arrow.-next { opacity: 0.2; }
  .gallery1-details { padding: 0 70px 0 100px; }
  :root:not([js]) .gallery1-details { margin-top: var(--sy); padding: 0; }
   .gallery1-caption { margin: -5px 0 0; }
   :root:not([js]) .gallery1-caption { display: none; }

@media print, screen and (max-width: 1023px) {
.gallery1-main .gallery1-arrow { display: none; }
.gallery1-controls .gallery1-arrow { display: block; }
.gallery1-counters { left: 0; }
.gallery1-details { padding-left: 70px; }
}
@media screen and (max-width: 599px) {
 .gallery1-arrow { display: none !important; }
.gallery1-details { padding-left: 50px; padding-right: 0; }
}

/**
 * @name .iconed1
 * @description Iconed list
 */

.iconed1 { padding: 0; }
 .iconed1 li { position: relative; padding-left: 30px; }
  .iconed1 li:before { display: none; }
  .iconed1 i { position: absolute; left: 0; top: -1px; width: 20px; font-size: 1.2em; text-align: center; }


/**
 * @name .img1
 * @description Image wrapper
 */

.img1 { display: block; position: relative; overflow: hidden; width: 100%; }
.img1.-fill { position: absolute; left: 0; top: 0; height: 100%; margin: 0; }
 .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; }

@media screen {
[m4n] .img1.-lazyzoom img[class], [m4n] .img1.-lazyzoom video[class] { transition: opacity 0.75s, transform 2s ease-out; }
[m4n] .img1.-lazyzoom .lazyload, [m4n] .img1.-lazyzoom .lazyloading { opacity: 0; transform: scale(1.05); }
}

@media screen and (max-width: 1023px) {
.img1[style*="--r2:"]:before { padding-bottom: calc(var(--r2) * 100%); }
}
@media screen and (max-width: 719px) {
.img1[style*="--r3:"]:before { padding-bottom: calc(var(--r3) * 100%); }
}

/**
 * @name .insert1
 * @description Hero insert
 * @example { }
 */

.insert1 { display: grid; grid-template-columns: 1fr 250px; grid-template-rows: 1fr min-content; align-items: end; position: relative; height: 100%; padding-top: var(--s2); }
 .insert1.-line:before { --m: 30px; position: absolute; left: 0; top: 100%; content: ''; height: calc(var(--s3) - var(--m)); width: 1px; margin: var(--m) 0 0 30px; border-left: 1px solid; }
 .insert1-main { margin-bottom: 0; }
  .insert1-main > * { max-width: 700px; }
  .insert1-main h1 small { font-size: .5em; opacity: .8; }
  .insert1-actions { display: flex; align-items: center; }
   .insert1-actions > * { margin-bottom: 0; }
   .insert1-actions > p + p { margin-left: 20px; }
 .insert1-sub { margin: var(--sy) 0 0; }
 .insert1-side { grid-area: 1 / 2 / 3 / -1; margin: 0; text-align: right; }
 .insert1-facts {
   font-size: 16px;
   max-width: 234px;
 }

@media screen and (max-width: 1023px) {
.insert1 { grid-template-columns: 1fr 1fr; }
 .insert1.-line:before { --m: 15px; }
 .insert1-main { grid-area: 1 / 1 / 2 / -1; }
 .insert1-sub { align-self: start; }
  .insert1-sub > * { max-width: calc(100% - var(--sx)); }
 .insert1-side { grid-area: 2 / 2 / 3 / -1; align-self: start; margin-top: var(--sy); }
 .insert1-main + .insert1-side { grid-area: 2 / 1 / 3 / -1; text-align: left; }
}
@media screen and (max-width: 719px) {
.insert1 { padding-bottom: 20px; }
 .insert1.-line:before { --m: 0px; }
}
@media screen and (max-width: 599px) {
.insert1-actions { display: block; }
 .insert1-actions > * { margin-bottom: 14px; }
 .insert1-actions > p + p { margin-left: 0; }
}

/**
 * @name .intro1
 * @description Intro screen
 * @example { }
 */

.intro1 { position: fixed; left: 0; top: 0; z-index: 201; overflow: hidden; width: 100%; height: 100%; margin: 0; background: #000; }
:root:not([js]) .intro1 { display: none; }
 .intro1 .img1 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; }
  .intro1 .img1:before { display: none; }
  .intro1 .img1 img { animation: zoomin 10s forwards ease-out; }
 .intro1 .overlay1 { background: #000; opacity: 0.6; }
 .intro1-wrap { display: flex; align-items: center; justify-content: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; padding: var(--sx); color: var(--c_i1t); text-align: center; }
  .intro1-title span { display: block; animation: fadein 2s 0.5s forwards; opacity: 0; }
  .intro1-title span + span { animation-delay: 1s; }

@keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes zoomin { 0% { transform: scale(1); } 100% { transform: scale(1.1); } }

@media print {
.intro1 { display: none; }
}

/**
 * @name .invalid1
 * @description Validation message
 * @example { }
 */

.invalid1 { display: none; margin-top: 5px; color: var(--c_e1t); font-size: 12px; }
.-validated:invalid ~ .invalid1, .-validated:invalid + label .invalid1, .invalid1.-visible { display: block; }

/**
 * @name .lightbox1
 * @description Lightbox insert
 * @example { }
 */

.lightbox1 { --px: 30px; --py: 30px; }
.lightbox1[class] { align-items: flex-start; }
 .lightbox1 > .basicLightbox__placeholder { display: flex; justify-content: center; align-items: center; position: relative; overflow: auto; overflow-x: hidden; width: 100%; height: var(--vhx); padding: 0 var(--px); scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }
 .lightbox1 > .basicLightbox__placeholder::-webkit-scrollbar { display: none; }
  .lightbox1-video { width: 100%; max-width: calc((100vh - var(--s1) * 2) / 0.5625); }
  .lightbox1-close[class] { display: flex; justify-content: center; align-items: center; position: absolute; right: 0; top: 0; z-index: 2; width: 1em; height: 1em; margin: 15px; color: #fff; font-size: 40px; line-height: 1; cursor: pointer; }
   .lightbox1-close:before { display: block; font-size: 0.35em; text-align: center; }
 .modal1-outer { display: flex; align-items: center; justify-content: center; height: 100%; padding: var(--s3) 0;  }

@media screen and (max-width: 599px) {
.lightbox1 { --px: 0px; }
}

/**
 * @name .line1
 * @description Vertical line
 * @example { }
 */

.line1 { width: 1px; height: var(--s3); margin: 0 auto; border-left: 1px solid; }

@media screen and (max-width: 719px) {
.line1 { height: var(--s2); }
}

@media screen {
[m4n] .line1 { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); transition-duration: 0.4s; }
[m4n] .line1[reveal] { -webkit-clip-path: inset(0 0 100% 0); clip-path: inset(0 0 100% 0); }
}

/**
 * @name .line2
 * @description Duo-tone line
 * @example { }
 */

.line2 { position: absolute; right: 100%; bottom: 0; top: calc(var(--l2y, var(--s3)) * -1); content: ''; margin: 0 110px 0 0; border-left: 1px solid; }
 .line2:before { position: absolute; right: 0; bottom: 100%; content: ''; height: var(--s1); border-left: 1px solid var(--c_i1t); }

@media print, screen and (max-width: 1089px) {
.line2 { display: none; }
}

/**
 * @name .line3
 * @description Curved line
 * @example { }
 */

.line3 { --c: 200px; --h: 120px; --r: calc(var(--h) * 0.8); width: 100%; max-width: 640px; margin: var(--s1) auto; }
.line3.-flip { transform: scaleX(-1); }
.line3.-flip .line3-wrap { transform: scaleX(-1); }
.line3.-half { margin-right: 50%; max-width: 320px; }
 .line3:before, .line3:after { position: relative; z-index: 1; display: block; content: ''; width: 50%; height: var(--h); }
 .line3:before { margin-top: 0 0 0 1px; border: 1px solid; border-width: 0 0 1px 1px; border-radius: 0 0 0 var(--r); }
 .line3:after { margin: -1px 0 0 auto; border: 1px solid; border-width: 1px 1px 0 0; border-radius: 0 var(--r) 0 0; }
 .line3-wrap { position: absolute; width: var(--c); height: var(--c); margin: 0; top: 20px; left: calc(50% - (var(--c) / 2)); }
 .line3-circle { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background: var(--c_b2t); }
 .line3-footsteps { 
  position: absolute; 
  left: 30%; 
  top: 10%; 
  background-image: url('/wp-content/themes/girltrek/assets/images/footsteps.svg');
  background-size: contain;
  width: 160px;
  height: 156px;
 }
 .line3-text { position: absolute; left: 10%; top: 65%; width: 200px; transform: translateY(-50%) translateX(var(--x,0)); }

@media screen and (min-width: 1024px) {
[m4n] .line3 { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); transition-duration: 1s; transition-timing-function: cubic-bezier(.2,.01,.2,1); }
[m4n] .line3[reveal] { -webkit-clip-path: inset(0 99% 0 0); clip-path: inset(0 99% 0 0); }
[m4n] .line3-footsteps { transform: translateX(0); transition: 2s transform cubic-bezier(.2,.01,.2,1); }
[m4n] .line3[reveal] .line3-footsteps { transform: translateX(50%); }
}
@media screen and (max-width: 1023px) {
.line3 { width: 1px; height: 90px; border-left: 1px solid; }
 .line3:before, .line3:after { display: none; }

[m4n] .line3 { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }
/* [m4n] .line3 { margin-bottom: 0; } */
[m4n] .line3[reveal] { -webkit-clip-path: inset(0 0 99% 0); clip-path: inset(0 0 99% 0); }
[m4n] .line3.-haswrap { -webkit-clip-path: none; clip-path: none; height: 250px; }
/* [m4n] .line3.-flip.-half { margin-bottom: 0; } */
}
/**
 * @name .line4
 * @description Line with icon and text
 * @example { }
 */

.line4 { --c: 200px; position: relative; max-width: calc(640px + var(--c)); margin: 0 auto var(--s1); padding: var(--s1) 0; }
 .line4-line { position: absolute; left: calc(var(--c) / 2); top: 0; bottom: 0; margin: 0; border-left: 1px solid; transform-origin: 50% 0; }
 .line4-wrap { position: relative; width: var(--c); height: var(--c); margin: 0; }
  .line4-circle { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background: var(--c_b2t); }
  .line4-icon { position: absolute; right: 50%; top: 50%; margin: 0 20px 0 0; transform: translateY(-50%); font: 80px/1 Icons; text-align: right; }
  .line4-text { position: absolute; left: 50%; top: 50%; width: 200px; margin: 0 0 0 20px; transform: translateY(-50%) translateX(var(--x,0)); }

.line4.-x1 { padding-top: 0; }
 .line4.-x1 .line4-line { top: calc(var(--c) / 2); bottom: -100px; }

@media screen {
[m4n] .line4-line { transition-duration: 0.65s; }
[m4n] .line4[reveal] .line4-line { transform: scaleY(0); }
[m4n] .line4-circle { transition-delay: 0.3s; transition-duration: 0.75s; }
[m4n] .line4[reveal] .line4-circle { transform: scale(0); }
[m4n] .line4-icon { transition-delay: 0.8s; transition-duration: 1s; }
[m4n] .line4[reveal] .line4-icon { opacity: 0; }
[m4n] .line4-text { transition-delay: 0.8s; transition-duration: 1s; }
[m4n] .line4[reveal] .line4-text { opacity: 0; --x: 10px; }

[m4n] .line4.-x1 .line4-line { transition-delay: 0.6s; }
[m4n] .line4.-x1 .line4-circle { transition-delay: 0; }
[m4n] .line4.-x1 .line4-icon { transition-delay: 0.6s; }
[m4n] .line4.-x1 .line4-text { transition-delay: 0.6s; }
}

@media screen and (max-width: 1023px) {
.line4 { max-width: var(--c); }
 .line4-text { width: calc(50vw - var(--sx) - 20px); }

.line4.-x1 { padding-bottom: var(--s3); }
 .line4.-x1 .line4-line { bottom: 0; }
}

/**
 * @name .link1
 * @description Link
 * @example { }
 */

.link1 { display: inline-flex; align-items: center; }
 .link1 i { margin-left: 10px; }

/**
 * @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: 24px; animation: loader1 1s infinite linear; pointer-events: none; transition-property: var(--t8n_p2); }
.img1.-dark .loader1, .loader1.-light { color: rgba(255,255,255,0.65); }
.lazyload ~ .loader1, .lazyloaded ~ .loader1, html:not([js]) .loader1 { visibility: hidden; opacity: 0; animation-iteration-count: 1; }
.lazyloading ~ .loader1 { visibility: visible; opacity: 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-top: 0; margin-bottom: 0; background: rgba(0,0,0,0.35); font-size: 60px; transition-property: opacity, visibility; opacity: 0; }
.loader2.-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.-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:not(.-static) { width: 100%; max-width: 100%; }
.loader2.-static.-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 Scallable logo wrapper
 * @example { }
 */

.logo1 { font-size: var(--dh, 36px); line-height: 1; }
 .logo1 a { --aown: 0; --aowh: 0; display: inline-block; min-width: 4.65em; vertical-align: top; }
  .logo1 img, .logo1 svg { display: block; height: 1em; }
  .logo1 i { display: block; }

@media print, screen and (max-width: 1279px) {
.logo1 { font-size: var(--mh, 30px); }
}

/**
 * @name .map1
 * @description Map components
 * @example { }
 */

.map1 { position: relative; overflow: hidden; margin-bottom: var(--s3); }
 .map1-canvas { position: relative; margin-bottom: 0; }
 .map1 .ctas1 { position: relative; z-index: 2; margin-top: calc(var(--s2) * -1); }

@media screen and (max-width: 719px) {
.map1 .ctas1 { margin-top: 0; }
}

/**
 * @name .map2
 * @description GT map (iframe)
 * @example { }
 */

.map2 { padding: 0; margin: 0; max-width: 100%; width: 100%;}
.map2 iframe { width: 100%; padding: 0; margin: 0; border: none; min-height: 800px; }

/**
 * @name .modal1
 * @description Modal window
 * @example { }
 */

.modal1 { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 201; width: auto; max-width: 100%; margin: 0; padding: 0; background: rgba(0,0,0,0.8); transition-property: var(--t8n_p2); }
.modal1.-from { opacity: 0; }
 .modal1-outer { display: flex; align-items: center; justify-content: center; position: relative; height: 100%; padding: var(--s3) 0; overflow: auto; overflow-x: hidden; overscroll-behavior: none; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }
 .modal1-outer::-webkit-scrollbar { display: none; }
  .modal1-wrap { position: relative; width: 100%; max-width: var(--xw_3); margin: auto !important; padding: var(--s3); background: var(--c_b1); }
  .modal1.-from .modal1-wrap { transform: scale(0.9); }
   .modal1-close[class] { --aown: 0; display: flex; justify-content: center; align-items: center; position: absolute; right: 15px; top: 15px; width: 30px; height: 30px; font-size: 14px; }
  .modal1 iframe { border: none; width: 100%; min-height: 80vh;}

.modal1.-v2 .modal1-wrap { max-width: 1050px; padding: var(--s1) var(--s2); }
.modal1.-v3 .modal1-wrap { max-width: var(--xw_2); }
.modal1.-v4 .modal1-wrap { max-width: var(--xw_3); padding: 0; }

@media screen and (max-width: 719px) {
.modal1-outer { padding: var(--s1) 10px; }
 .modal1-wrap { max-width: 100%; padding: var(--s2) var(--sx) var(--s1); }
 .modal1.-from .modal1-wrap { transform: translateY(30px); }

.modal1.-v2 { background: rgba(0,0,0,0.4); }
.modal1.-v2 .modal1-outer { padding: var(--s1) 0 0; }
 .modal1.-v2 .modal1-wrap { margin-bottom: 0 !important; padding: var(--s2) var(--sx); }
 .modal1.-v2.-from .modal1-wrap { transform: translateY(20px) }
}

@media print {
.modal1 { background: rgba(255,255,255,0.9); }
}


/**
 * @name .modal2
 * @description Lightbox promo
 * @example { }
 */

.modal2 { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 201; width: auto; max-width: 100%; margin: 0; padding: 0; transition-property: var(--t8n_p2); }
.modal2:target { visibility: visible; opacity: 1; pointer-events: auto; }
.modal2.-from { opacity: 0; }
 .modal2-overlay { --aown: 0; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; margin: 0; background: rgba(0,0,0,0.8); }
 .modal2-outer { display: flex; align-items: center; justify-content: center; height: 100%; padding: var(--s3) 0; overflow: auto; overflow-x: hidden; overscroll-behavior: none; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }
 .modal2-outer::-webkit-scrollbar { display: none; }
  .modal2-wrap { position: relative; width: 100%; max-width: var(--xw_3); margin: auto !important; padding: var(--s3); background: var(--c_b1); }
  .modal2.-from .modal2-wrap { transform: scale(0.9); }
   .modal2-close[class] { --aown: 0; display: flex; justify-content: center; align-items: center; position: absolute; right: 15px; top: 15px; width: 30px; height: 30px; font-size: 14px; }

@media screen and (max-width: 719px) {
.modal2-outer { padding: var(--s1) 10px; }
 .modal2-wrap { max-width: 100%; padding: var(--s3) var(--sx) var(--s1); }
}

@media print {
.modal2-overlay { background: rgba(255,255,255,0.9); }
}

/**
 * @name .mosaic1
 * @description Facebook groups mosaic
 * @example { }
 */

.mosaic1 { margin-bottom: var(--s3); }
 .mosaic1-title { position: relative; z-index: 2; margin: 0 var(--sx) var(--s1); text-align: center; }
  .mosaic1-title span { display: block; }
  .mosaic1-title strong { display: block; color: var(--c_a1t); }
 .mosaic1-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-row-gap: 10px; grid-column-gap: 10px; max-width: var(--xw_1); margin-left: auto; margin-right: auto; }
  .mosaic1-entry { margin: 0; }
  .mosaic1-action { font: 700 2.8vw/1.10 var(--ff_1); letter-spacing: -0.3px; }
   .mosaic1-action a { --aown: 0; --abcn: var(--c_a2t); --abch: var(--c_a1t); --atch: var(--c_i1t); display: flex; justify-content: center; align-items: center; height: 100%; padding: 30px; }
    .mosaic1-action i { font-size: 0.8em; }

@media print, screen and (min-width: 720px) {
.mosaic1-entry:nth-child(2) { order: -1; }
.mosaic1-entry:nth-child(2n+3), .mosaic1-entry:nth-child(2) { margin-top: -70px; }
}
@media screen and (max-width: 1023px) {
.mosaic1-action a { padding: 20px; }
}
@media screen and (max-width: 719px) {
.mosaic1-grid { grid-template-columns: repeat(2, 1fr); grid-row-gap: 0; grid-column-gap: 0; }
 .mosaic1-action { grid-column: 1 / -1; font-size: 6vw; }
 .mosaic1-entry:nth-child(even):last-child { display: none; }
}

/**
 * @name .mosaic2
 * @description Hashtag grid
 * @example { }
 */

.mosaic2 { margin-bottom: var(--s3); }
 .mosaic2-header { margin-bottom: var(--s3); text-align: center; }
  .mosaic2-title { margin: 0; font: 900 17vw/0.8 var(--ff_1); letter-spacing: -0.05em; }
  .mosaic2-header .socials1 { margin-top: 10px; }
 .mosaic2-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 10px; grid-column-gap: 10px; max-width: var(--xw_1); margin-left: auto; margin-right: auto; margin-top: 80px; padding-left:30px; padding-right:30px;}
  .mosaic2-entry { margin: 0; }

@media screen and (min-width: 1680px) {
.mosaic2-title {font-size: 300px; }
}
@media print, screen and (min-width: 1024px) {
.mosaic2-header { display: flex; justify-content: center; align-items: flex-end; margin-bottom: var(--s1); }
 .mosaic2-header .socials1 { margin: 0 0 0 30px; }
  .mosaic2-header .socials1-items { display: block; }
   .mosaic2-header .socials1-items li ~ li { border-top: 1px solid; }
    .mosaic2-header .socials1-items li:before { display: none; }
}
@media print, screen and (min-width: 720px) {
/* .mosaic2-entry:nth-child(2n+1) { margin-top: -60px; } */
}
@media screen and (max-width: 719px) {
.mosaic2-header { margin-bottom: var(--s1); }
 .mosaic2-title { font-size: 20vw; text-indent: -0.1em; }
.mosaic2-grid { grid-row-gap: 4px; grid-column-gap: 4px; }
}
@media screen and (max-width: 599px) {
.mosaic2-grid { grid-template-columns: repeat(2, 1fr); }
}

/**
 * @name .nav1
 * @description Primary navigation
 */

.nav1 { display: flex; align-items: center; min-height: var(--sn); }
 .nav1 > * { min-width: 0; margin-bottom: 0; }
 .nav1 > ul { display: flex; padding: 0; }
  .nav1 > ul > li { margin-bottom: 0; }
  .nav1 > ul > li:before { display: none; }
 .nav1-main { margin: 0 auto; padding: 0; font: 14px/1.43 var(--ff_1); letter-spacing: 0.2px; pointer-events: none; }
  .nav1-main li {  }
  .nav1-main li ~ li { margin-left: var(--s1); }
   .nav1-main li:before { display: none; }
   .nav1-main a { --aown: 0; --aowh: 8px; --aocn: currentColor; --aoch: var(--aocn); position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding-block-start: 10px; min-height: var(--sn); box-shadow: none; pointer-events: auto; }
   .nav1-main [aria-current] > a:not(:hover) { transition-delay: 0.5s; }
   .nav1-main:hover [aria-current] > a:not(:hover) { --aown: 0; transition-delay: 0s; }
    .nav1-main strong { display: block; font-size: 20px; line-height: 1.1; text-transform: uppercase; }
   .nav1-main em { position: absolute; left: -10001px; top: -10001px; font-style: normal; }
   .nav1-main a span { white-space: nowrap; }
 .nav1-side { display: flex; align-items: center; margin-left: var(--s1); font: 14px/26px var(--ff_1); }
  .nav1-side li { margin: 0; }
  .nav1-side li ~ li { margin-left: 15px; padding-left: 15px; }
  .nav1-side .-socials { display: none; }
 .nav1-actions { margin-left: 20px; }
  .nav1-actions li { position: relative; }
  .nav1-actions li:nth-child(1) { z-index: 10; }
  .nav1-actions li + li { margin-left: -11px; }
   .nav1-actions li:last-child .button1 { --pr: -5px; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
   .nav1-actions a { white-space: nowrap; }
 .nav1-main .progress {
  --bottom-offset: 14px;
 }
 .nav1-main .progress svg {
  /* position: absolute; */
  bottom: var(--bottom-offset);
  left: calc(50% - 4px);
  z-index: 1;
 }
 .nav1-main .progress circle {
  stroke: var(--c_a2);
  fill: var(--c_a2);
 }
 .nav1-main .progress::before,
 .nav1-main .progress::after { 
  content: ''; 
  border-bottom: 1px solid var(--c_a2); 
  position: absolute; 
  bottom: calc(var(--bottom-offset) + 3px);
  left: 0; 
  right: calc(50% + 4px);
 }
 .nav1-main .progress::after {
  left: calc(50% + 4px); 
  right: calc(-1 * var(--s1));
 }
 .nav1-main li:first-child .progress::before,
 .nav1-main li:last-child .progress::after {
  display: none;
 }
 .nav1-main [aria-current] .progress svg {
  transform: scale(2, 2);
 }
 .nav1-main [aria-current] ~ li .progress circle,
 .nav1-main.none-active .progress circle {
  stroke: white;
  fill: transparent;
 }
 .nav1-main [aria-current] .progress::after,
 .nav1-main [aria-current] ~ li .progress::before,
 .nav1-main [aria-current] ~ li .progress::after,
 .nav1-main.none-active .progress::before,
 .nav1-main.none-active .progress::after {
  border-bottom: 1px dashed rgba(255,255,255,.4);
 }
 .nav1-main [aria-current] ~ li .progress::before, 
 .nav1-main.none-active .progress::before {
  left: 2px; 
 }
 .nav1-main [aria-current] .progress::after {
   left: calc(50% + 8px); 
 }

@media print, screen and (max-width: 1279px) {
.nav1 { display: flex; flex-direction: column; position: fixed; left: 0; top: 0; visibility: hidden; overflow: auto; overflow-x: hidden; width: 100%; height: 100%; margin: 0; padding: calc(var(--sn) + 10px) 0 0; background: var(--c_a1); transition: all 0.5s var(--t8n_e1); transition-property: var(--t8n_p2); -webkit-clip-path: inset(0 0 100% 0); clip-path: inset(0 0 100% 0); scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }
.nav1::-webkit-scrollbar { display: none; }
.top1.-open .nav1, .nav1:target { visibility: visible; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }
 .nav1-main[class] { display: block; margin: auto 0; padding: 0 var(--sx); text-align: center; transform: translateY(20px); transition: all 0.5s var(--t8n_e1); transition-property: var(--t8n_p2); }
 .top1.-open .nav1-main { transform: translateY(0); }
  .nav1-main li { --sy: 10px; }
  .nav1-main li ~ li { margin-left: 0; margin-top: var(--sy); }
   .nav1-main[class] li:before { display: block; float: none; width: 1px; height: 20px; margin: 0 auto var(--sy); border-left: 1px solid var(--c_d1t); }
   .nav1-main[class] li:first-child:before { display: none; }
   .nav1-main a { display: block; min-height: 0; box-shadow: none; }
    .nav1-main strong { font-size: 24px; }
 .nav1-side[class] { flex: none; width: 100%; margin: var(--s1) 0 0; padding: 0 var(--sx); }
  .nav1-side .-socials { display: block; }
  .nav1-side .-links + .-socials { margin-left: auto; padding-left: 0; border-left-width: 0; }
 .nav1-actions { width: 100%; margin: var(--sy) 0 0; }
  .nav1-actions li { flex-grow: 1; }
   .nav1-actions li a { display: flex; }
 .nav1-main .progress { display: none; }
}
@media screen and (max-width: 1279px) and (max-height: 624px) {
.nav1-main[class] li:before { height: 10px; }
 .nav1-main strong { font-size: 20px; }
}

@media print {
.nav1 { display: none; }
}

/**
 * @name .overlay1
 * @description Gradient overlay
 * @example { }
 */

.overlay1 { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; margin: 0; background: linear-gradient(rgba(0,0,0,0.30), rgba(0,0,0,0) 100px), linear-gradient(90deg, rgba(0,0,0,0.20) 25%, rgba(0,0,0,0.00) 75%), linear-gradient(rgba(0,0,0,0.00) 50%, rgba(0,0,0,0.30) 100%), rgba(0,0,0,0.3); pointer-events: none; }

@media print {
.overlay1 { display: none; }
}

/**
 * @name .poi1
 * @description Map box
 * @example { }
 */

.poi1 { display: inline-block; padding: 20px; background: var(--c_b1t); box-shadow: 0 10px 20px rgba(0,0,0,0.2); vertical-align: top; }
 .poi1 > * { --sy: 12px; }

/**
 * @name .promo1
 * @description Shop promo
 * @example { }
 */

.promo1 {  }
 .promo1-wrap { display: block; position: relative; }
  .promo1-image { margin: 0; padding-right: 40px; }
   .promo1-image .img1 { min-height: 520px; }
  .promo1-title { position: absolute; left: 100%; top: 50%; margin: 0 0 0 -0.35em; font: 700 100px/0.775 var(--ff_2); letter-spacing: 1.5px; transform: rotate(90deg) translateY(-50%) translateX(-50%); transform-origin: 0% 0%; text-transform: uppercase; white-space: nowrap; }
   .promo1-title span { -webkit-clip-path: inset(0 0 0 0%); clip-path: inset(0 0 0 0%); }
   a:hover .promo1-title span { -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); }
   .promo1-title:before { position: absolute; left: 0; top: 0; content: attr(data-text); color: var(--c_a1t); -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); }
   a:hover .promo1-title:before { -webkit-clip-path: inset(0 0 0 0%); clip-path: inset(0 0 0 0%); }
   .promo1-title:after { display: inline-block; content: ''; height: 0.775em; margin: 0 0 0 0.4em; border-left: 0.15em solid; color: var(--c_a2t); vertical-align: top; transition-property: color; }
   a:hover .promo1-title:after { color: var(--c_a3t); transition-delay: 0.25s; }

@media screen and (max-width: 599px) {
 .promo1-image { padding-right: 15vw; }
  .promo1-image .img1 { min-height: 0; }
 .promo1-title { margin-left: -0.75em; font-size: 14vw; }
}

/**
 * @name .promo2
 * @description Wide promo
 * @example { }
 */

.promo2 { --p2y: var(--s3); --p2g: var(--s2); display: flex; margin-bottom: var(--s3); }
 .promo2-background { flex: none; width: 100%; margin: 0 -100% 0 0; padding-bottom: var(--p2y); }
  .promo2-background .img1 { height: 100%; }
   .promo2-background .img1[class]:before { display: none; }
 .promo2-outer { position: relative; flex: none; width: 100%; margin-bottom: 0; }
  .promo2-inner { display: flex; justify-content: space-between; }
   .promo2-inner > * { flex: none; width: 100%; max-width: calc(50% - var(--p2g)); margin: 0; }
   .promo2-left { align-self: center; padding: var(--p2y) 0 calc(var(--p2y) * 2); }
   .promo2-right { padding-top: var(--s3); }

@media print, screen and (max-width: 1279px) {
.promo2 { --p2g: var(--s1); }
}
@media screen and (max-width: 719px) {
.promo2 { align-items: flex-start; }
 .promo2-background { padding-bottom: 0; }
  .promo2-background .img1 { height: auto; }
   .promo2-background .img1[class]:before { display: block; }
 .promo2-outer { padding: var(--p2y) 0 0; }
  .promo2-inner { display: block; }
   .promo2-inner > * { max-width: 100%; margin-bottom: var(--p2y); }
   .promo2-left { padding: 0; }
   .promo2-right { padding-top: 0; }
}

@media print {
.promo2-background .img1 { box-shadow: inset 0 1px var(--c_o1t), 0 1px var(--c_o1t); }
 .promo2-background .img1 img { visibility: hidden; }
}

/**
 * @name .promo3
 * @description Lightbox promo
 * @example { }
 */

.promo3 { display: flex; align-items: center; justify-content: space-between; }
 .promo3 > * { width: 100%; max-width: calc(50% - var(--s1)); margin: 0; }
 .promo3-image { align-self: stretch; margin-bottom:100px;}
  .promo3-image figure { --p3y: 80px; height: calc(100% + var(--p3y)); margin-bottom: calc(var(--p3y) * -1) !important; }
   .promo3-image .img1 { height: 100%; }
    .promo3-image[class] img[class] { opacity: 1; transition-duration: 1s; transform: translateY(0); -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }
    .promo3-image[class] img[class].lazyload, .promo3-image[class] img[class].lazyloading { transform: translateY(20px); -webkit-clip-path: inset(0 0 100% 0); clip-path: inset(0 0 100% 0); }
 .promo3-main { padding: var(--s1) 0; transition-delay: 0.35s; transition-duration: 0.75s; }
 .modal1.-from .promo3-main { opacity: 0; transform: translateY(20px); }

@media screen and (max-width: 1023px) {
.promo3-image { display: none; }
.promo3-main { max-width: 100%; transition-delay: 0s; transition-duration: 0.35s; }
.modal1.-from .promo3-main { opacity: 1; transform: translateY(0); }
}
@media screen and (max-width: 599px) {
.modal1 .promo3-main { padding: 0; }
 .modal1 .promo3-lead { display: none; }
 .modal1 .promo3-actions { --gy:  10px; }
}

@media screen {
[m4n] .modal1.-from .promo3-image img { opacity: 0; transform: translateY(20px); -webkit-clip-path: inset(0 0 100% 0); clip-path: inset(0 0 100% 0); }
}

/**
 * @name .promo4
 * @description Gray, call promo
 * @example { }
 */

.promo4 { --xw: 1020px; position: relative; margin-bottom: var(--s3); padding-top: var(--s3); }
 .promo4:before { position: absolute; left: 0; top: 0; bottom: var(--s3); content: ''; width: 100%; background: var(--c_b2t); }
 .promo4-wrap { display: grid; grid-template-columns: 35% auto; grid-template-rows: auto var(--s3); grid-column-gap: var(--s3); grid-row-gap: var(--sy); position: relative; }
  .promo4-image { grid-row: 1 / -1; margin: 0; }
  .promo4-main { margin: 0; }
   .promo4-title { margin-bottom: var(--s3); }
  .promo4-footer { display: flex; align-items: center; margin: 0; }

@media screen and (max-width: 1023px) and (min-width: 720px) {
.promo4-wrap { grid-column-gap: var(--s2); }
 .promo4-title { margin-bottom: var(--sy); }
 .promo4-phone[class] { font-size: 42px; }
}
@media screen and (max-width: 719px) {
.promo4:before { bottom: auto; height: 320px; }
.promo4-wrap { display: block; }
 .promo4-image { margin-bottom: var(--sy); }
 .promo4-main { margin-bottom: var(--sy); }
  .promo4-title { margin-bottom: var(--sy); }
}

@media print {
.promo4:before { background: none; box-shadow: inset 0 1px var(--c_o1t), 0 1px var(--c_o1t); }
}

/**
 * @name .promo5
 * @description Founders promo
 * @example { }
 */

.promo5 {
  display: grid; 
  grid-template-columns: 1fr ; 
  grid-template-rows: repeat(1fr);
  margin: 95px auto 0;
  max-width: 600px;
  grid-template-areas: 
   "upsell"
   "cards"
   "video";
}
 .promo5__cards { grid-area: cards; margin-bottom: 60px;}
 .promo5__upsell { grid-area: upsell;  margin-bottom: 40px;}
 .promo5__video-cta-wrapper { grid-area: video; background: var(--c_a1); position: relative; padding-top: 40px;}
 .promo5-wrap { --aown: 0; display: block; position: relative; }
  .promo5-text { display: flex; max-width: 700px; align-items: flex-end; margin-bottom: -25px; }
   .promo5-text i { flex: none; font-size: 55px; color: black; position: absolute; bottom: 59px; z-index: 5; left: 243px; }
    .promo5-text i:before { display: inline-block; }
    .promo5-text i:after { position: relative; }
    a:hover .promo5-text i:before { transform: scale(1.1); }
   .promo5-text span { align-self: center; font-size: 12px;}
  .promo5-image { width: 270px; }

@media print, screen and (min-width: 1111px) {
 .promo5 {
   grid-template-columns: 1fr 450px; 
   grid-template-rows: repeat(2, 1fr);
   max-width: 1200px;
   grid-template-areas: 
    "cards upsell"
    "cards video";
 }
  .promo5-wrap { display: flex; align-items: flex-end; }
  .promo5-text { position: relative; z-index: 1; margin: 0; padding-bottom: 47px; margin-bottom: 0; }
  .promo5-image { flex: none; order: -1; margin: 0 -30px 0 0; position:relative; bottom: -0.5em;}
  .promo5__upsell { align-self: center; margin: 0 0 0 10px;}
  .promo5__video-cta-wrapper { padding-top: 0; }
  .promo5__cards { margin-bottom: 0; }
  .promo5__upsell { margin-bottom: 0; }
  .promo5-text i { position: static; margin: 0 20px 15px 0; color: var(--c_d1); font: 55px/1 Icons; }
}


/**
 * @name .promo6
 * @description - A section of an introduction followed by split content with 
 *                and image on the left and text with a CTA on the right.
 * @example { }
 */
 .promo6 { margin-top: 100px; margin-bottom: 100px; }
 /* .promo6__title h2 { -webkit-hyphens: auto; hyphens: auto; } */
 .promo6__title p { --xw: 640px; }
 .promo6__title--overlap { margin-bottom: -48px; position: relative; z-index: 1; }
 .promo6__body { display: flex; align-items: center;}
 .promo6 figure { flex: 0 0 min(560px, 40vw); margin-bottom: 0;}
 .promo6__content { padding: 0 min(100px, 8vw) 10px; }

 @media print, screen and (max-width: 1279px) {
  .promo6__content { padding-right: 0; }
 }
 @media print, screen and (max-width: 719px) {
  .promo6__body { display: block; }
  .promo6 figure { margin: 0 auto 60px; max-width: 560px;}
  .promo6__content { padding-left: 0; }
 }
 
 @media print, screen and (max-width: 375px) {
  .promo6 .-t\:21,
  .block2-title .-t\:21 { font-size: 50px; }
 }


/**
 * @name .quote1
 * @description Large quote
 * @example { }
 */

.quote1 { position: relative; margin-bottom: var(--s3); }
 .quote1-wrap { --aown: 0; display: block; border-bottom: 1px solid; }
  .quote1-icon[class] { display: flex; align-items: flex-end; margin-bottom: var(--sy); font: 40px/1 var(--ff_1); }
   .quote1-icon:before { flex: none; margin-right: 15px; }
   .quote1-icon:after { flex-grow: 1; position: relative; top: -1px; content: ''; min-width: 0; margin-top: -1px; border-bottom: 1px solid; }
  .quote1-main { padding-left: 0; height: calc(100% - 25px); box-shadow: none; display: flex; flex-direction: column; max-width: 840px; }
   .quote1-main > :last-child:not(.quote1-author) { padding-bottom: var(--sy); }
   .quote1 .quote1-author { display: flex; align-items: flex-end; margin-top: auto; }
    .quote1-author > figure { flex: none; width: 240px; margin: 0 20px 0 0; }
    .quote1-author > span { padding-bottom: var(--sy); }

.quote1.-l1 { padding-top: 32px; min-height: 100%; display: flex;} /* level with visual1 in carousel1 */
 .quote1.-nobottombar .quote1-wrap { border-bottom: none; }
  .quote1.-nobottombar .quote1-author > span { padding-bottom: 0; }
  .quote1.-notopbar .quote1-icon { display: none; }
 .quote1.-noicon .quote1-icon:before { display: none; }
 .quote1.-noicon .quote1-icon:after { top: 0; margin-top: 0; }

@media screen and (max-width: 719px) {
.quote1-icon[class] { font-size: 30px; }
.quote1-author > figure { width: 100px; }
}
@media screen and (max-width: 599px) {
.quote1.-l1 { padding-top: 0; } /* level with visual1 in carousel1 */
}

/**
 * @name .quote2
 * @description Large quote with yellow quote symbol and no bounding box
 * @example { }
 */

 .quote2 { position: relative; margin-bottom: var(--s3); }
 .quote2-wrap { --aown: 0; display: block; position: relative;}
  .quote2-icon[class] { display: flex; align-items: flex-end; margin-bottom: var(--sy); font: 40px/1 var(--ff_1); }
   .quote2-icon:before { 
    flex: none; 
    margin-right: 15px; 
    background-image: url("data:image/svg+xml,%3Csvg width='99' height='57' viewBox='0 0 99 57' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M48 0L36.3243 57H0L19.8919 0H48ZM99 0L87.3243 57H51L70.8919 0H99Z' fill='%23FFBF00'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    display: block;
    width: 99px;
    height: 57px;
    position: absolute;
    top: -15px;
    left: -62px;
   }
  .quote2-main { padding-left: 0; box-shadow: none; position: relative;}
   .quote2-main p { letter-spacing: -1px; font-weight: 900; }
   .quote2-main > :last-child:not(.quote2-author) { padding-bottom: var(--sy); }
   .quote2-author { display: flex; align-items: flex-end; }

@media screen and (max-width: 719px) {
.quote2-icon[class] { font-size: 30px; }
}

/**
 * @name .scrolled1
 * @description Horizontally scrolled container
 */

@media screen and (max-width: 1023px) {
.scrolled1 { position: relative; width: auto; max-width: 100vw; margin-left: var(--nx); margin-right: 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 .signup1
 * @description Signup box
 * @example { }
 */

.signup1 { overflow: hidden; }

/**
 * @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 24px/1 var(--ff_1); }
  .skips1 li:before { display: none;  }
  .skips1 li a { --aown: 0; display: inline-block; position: absolute; left: -10001px; margin: 0 auto; padding: 20px 30px; border-radius: 4px; 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 Round social links
 * @example { }
 */

.socials1 { display: inline-block; overflow: hidden; vertical-align: top; }
 .socials1-label { margin-bottom: 15px; }
 .socials1-items { --gx: 40px; --gy: 10px; }
  .socials1-items li { position: relative; width: auto; }
   .socials1-items li:before { display: block; position: absolute; left: calc(var(--gx) / -2); top: 0; bottom: 0; content: ''; margin: 0; border-left: 1px solid; color: inherit; }
   .socials1-items a { --aown: 0; --atch: var(--c_a1t); display: block; padding: 10px; font-size: 30px; line-height: 1; }

/**
 * @name .socials2
 * @description Following socials
 * @example { }
 */

.socials2 { position: absolute; right: 0; top: 0; bottom: 0; width: 30px; margin: 0; text-align: center; }
 .socials2-wrap { --sy: 14px; position: -webkit-sticky; position: sticky; top: calc(var(--sn) + var(--s1)); }
 .socials2.-static .socials2-wrap { position: relative; top: auto; }
  .socials2-label { position: relative; min-height: 47px; margin: 0; font: 700 20px/1 var(--ff_2); letter-spacing: 0.4px; text-transform: uppercase; }
   .socials2-label span { display: block; position: absolute; left: 50%; top: -0.5em; transform: rotate(90deg); transform-origin: 0 50%; transition-duration: 0s; }
  .socials2-items { padding: 0; font: 20px/1 var(--ff_1); }
   .socials2-items:before { display: block; content: ''; width: 1px; height: 20px; margin: 0 auto var(--sy); border: 1px solid; border-width: 0 0 0 1px; }
   .socials2-items li { --sy: inherit; }
    .socials2-items li:before { display: none; }
    .socials2-items a { --aown: 0; --atch: var(--c_a3t); display: block; }

@media screen and (max-width: 1023px) {
.socials2 { position: relative; max-width: var(--xw_3); width: auto; margin: 0 auto var(--s1); text-align: left; }
 .socials2-wrap { display: flex; align-items: center; position: relative; top: auto; }
  .socials2-label { min-height: 0px; }
   .socials2-label span { position: static; left: auto; top: auto; transform: none; }
  .socials2-items { display: flex; align-items: center; }
   .socials2-items:before { overflow: hidden; width: 20px; height: 1px; margin: 0 10px; border-width: 1px 0 0; }
   .socials2-items li { margin-bottom: 0; }
   .socials2-items li ~ li { margin-left: 15px; margin-bottom: 0; }
}

@media print {
.socials2-wrap { position: relative; top: 0; }
}

/**
 * @name .socials3
 * @description Horizontal socials
 * @example { }
 */

.socials3 {}
 .socials3-items { --sx: 15px; display: flex; justify-content: flex-end; align-items: center; padding: 0; font: 24px/1 var(--ff_1); }
  .socials3-items:before { display: block; flex-grow: 1; content: ''; height: 1px; margin: 0 var(--sx) 0 0; border-top: 1px solid; }
  .socials3-items li { --sx: inherit; margin: 0; }
  .socials3-items li ~ li { margin-left: var(--sx); }
   .socials3-items li:before { display: none; }
   .socials3-items a { --aown: 0; --atch: var(--c_a3t); display: block; }

/**
 * @name .spacer1
 * @description Spacing div
 * @example { }
 */

.spacer1 { height: 1px; margin-top: -1px; margin-bottom: 0; pointer-events: none;  }
.spacer1[style*="--h1:"] { height: var(--h1); }

@media screen and (max-width: 1023px) {
.spacer1[style*="--h2:"] { height: var(--h2); }
}
@media screen and (max-width: 719px) {
.spacer1[style*="--h3:"] { height: var(--h3); }
}

/**
 * @name .stat1
 * @description Hero stat
 * @example { }
 */

.stat1 {  }
 .stat1 strong { display: block; }

/**
 * @name .stats1
 * @description Stat list
 */

.stats1 { display: table; width: 100%; padding: 0; border-top: 1px solid; }
 .stats1 li { display: table-row; }
  .stats1 li:before { display: none; }
  .stats1 li > * { display: table-cell; padding: 15px 0; border-bottom: 1px solid; vertical-align: top; }
  .stats1 strong { padding-right: 20px;  }
  .stats1 span {  }

/**
 * @name .subnav1
 * @description Blue subnav
 * @example { }
 */

.subnav1 { --gx: var(--s3); display: flex; justify-content: center; align-items: center; overflow: auto; overflow-y: hidden; min-height: 80px; margin: 0; background: #0c3490; text-align: center; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }
.subnav1::-webkit-scrollbar { display: none; }
 .subnav1-main { display: inline-flex; padding: 0; vertical-align: top; }
  .subnav1-main li { margin-bottom: 0; padding: 15px calc(var(--gx) / 2); white-space: nowrap; }
   .subnav1-main li:before { display: none; }
   .subnav1-main a { --aown: 0; display: block; position: relative; }
    .subnav1-main a:before { --y: 6px; position: absolute; left: -1px; top: 100%; right: -1px; content: ''; height: 1px; margin: -2px 0 0; border-top: 1px solid; opacity: 0; transform: translateY(var(--y)); }
    .subnav1-main a:hover:before,
    .subnav1-main [aria-current] > a:before { --y: 0; opacity: 1; }

@media screen and (max-width: 1023px) {
.subnav1 { --gx: calc(var(--sx) * 2); justify-content: flex-start; min-height: 60px; text-align: left; }
}

@media print {
.subnav1 { --gx: var(--s1); background: none; box-shadow: 0 1px var(--c_o1t); }
}

/**
 * @name .title1
 * @description Animated title
 */

.title1 { margin-bottom: 20px; }
 .title1 > span { display: inline-block; overflow: hidden; padding-right: 0.1em; vertical-align: top; }
  .title1 > span > span { display: block; }

@media screen and (max-width: 719px) {
.title1 { margin-bottom: 15px; }
}

/**
 * @name .tooltip1
 * @description Tooltips styling
 * @example { }
 */

.tooltip1 { --sy: 8px; padding: 15px 20px; background: currentColor; color: var(--c_b2t); font: 500 14px/1.43 var(--ff_1); letter-spacing: 0.2px; }
 .tooltip1>div { color: var(--c_d1t); }

.tippy-box[data-theme="site"] { width: 100%; border-radius: 0; box-shadow: none; background: none; }
[data-theme="site"] .tippy-content { --sy: 8px; padding: 0; }

/**
 * @name .top1
 * @description Global header
 */

.top1 { position: -webkit-sticky; position: sticky; top: 0; z-index: 101; margin-bottom: 0; background: var(--c_a1t); }
:root:not([js]) .top1 { background: var(--c_a1t); }
.top1.-ghost { position: fixed; width: 100%; background: none; }
.top1.-scrolled { background: var(--c_a1t); }
 .top1-wrap { display: flex; align-items: center; min-height: var(--sn); padding-left: var(--sx); }
  .top1 .logo1 { margin: -2px 0 0; padding: 10px 0; }
  .top1-toggler { display: none; }
  .top1 .nav1 { flex-grow: 1; margin: 0 0 0 var(--s1); }
  .top1-mobile-persistent { display: none; }

@media print, screen and (max-width: 1279px) {
.top1-wrap { padding-right: var(--sx); margin-bottom: 0; }
 .top1 .logo1 { position: relative; z-index: 2; }
 .top1-toggler { display: block; position: relative; z-index: 2; margin: 0 0 0 auto; font: 20px/1 var(--ff_1); letter-spacing: 0; }
  .top1-toggler a { --aown: 0; --atcn: var(--c_i1t); --atch: var(--c_a2t); display: block; position: relative; }
  .top1.-open .top1-toggler a { transform: rotate(-45deg); }
   .top1-toggler a:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; content: '\e912'; text-align: center; transform: rotate(45deg); opacity: 0; }
   .top1.-open .top1-toggler a:before { opacity: 0; }
   .top1.-open .top1-toggler a:after { opacity: 1; }
 .top1 .nav1 { margin-left: 0; }
 .top1-mobile-persistent {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   gap: 3vw;
   margin: 0 0 0 auto; 
   padding: 0;
 }
 .top1-mobile-persistent li { margin: 0; }
 .top1-mobile-persistent li::before { display: none; }
 .top1-mobile-persistent a:not(.button1) {
   color: white;
   font-size: 14px;
   letter-spacing: .2px;
   box-shadow: none;
 }
 .top1-mobile-persistent a:not(.button1):hover { box-shadow: rgb(255, 255, 255) 0px 1px 0px 0px; }
 .top1-mobile-persistent .button1 { 
   padding: 0 10px 0 5px;
   min-height: 25px;
 }
 .top1-mobile-persistent ~ .top1-toggler { margin-left: 3vw; overflow: hidden; }
}

@media print, screen and (max-width: 374px) {
  .top1-wrap { padding: 0 4px; }
  .top1-mobile-persistent li a:not(.button1) { display: none; }
}

@media print {
.top1[class] { position: relative; background: none; box-shadow: 0 1px var(--c_o1t); }
 .top1-wrap { padding: 0; }
  .top1-toggler a { color: var(--c_d1t); }
}

/**
 * @name .unfold1
 * @description General unfold styling
 * @example { }
 */

[js] .unfold1 { position: relative; overflow: hidden; height: 0; transition-property: height; }
[js] .unfold1.-open { height: var(--height, auto); }
[js] .unfold1.-opened { height: auto; transition-duration: 0s; }

/**
 * @name .visual1
 * @description Media block
 * @example { }
 */

.visual1 {  }
 .visual1-wrap { --aown: 0; display: block; }
  .visual1-title { position: relative; z-index: 1; max-width: 383px; color: white; }
   .visual1-title span { display: block; }
  .visual1 figcaption { position: absolute; margin: 0 20px; bottom: -50px; }
   .visual1 figcaption.-ml\:0 { margin-left: var(--sx) }
   .visual1 figcaption i { font: 100px/1 Icons; }
    .visual1 figcaption i:before { display: inline-block; color: var(--c_b1t); vertical-align: top; }
    .visual1 a:hover figcaption i:before { transform: scale(1.1); }
    .visual1 figcaption i:after { display: inline-block; position: relative; color: var(--c_d1t); vertical-align: top; }
   .visual1 figcaption > span { display: block; color: white; }

@media screen and (max-width: 599px) {
.visual1 figcaption { margin: 0 var(--sx); }
 .visual1 figcaption i + span { position: relative; margin-left: 40px; padding-top: 25px; }
}

/**
 * @name .wrap1
 * @description Content wrapper
 */

.wrap1 { position: relative; margin-bottom: 0; padding: var(--s3) 0; background: currentColor; color: transparent; }
 .wrap1-inner { position: relative; color: var(--c_d1t); }

@media print {
.wrap1 { background: none; color: inherit; }
}

/**
 * @name .wrap2
 * @description Hero wrapper
 * @example { }
 */

.wrap2 { display: flex; position: relative; margin-bottom: 0; background: currentColor; color: transparent; }
 .wrap2-image { flex: none; width: 100%; margin: 0 -100% 0 0; }
 .wrap2 > .socials2 { top: auto; right: 20px; bottom: 25px; z-index: 2; color: var(--c_d1t); }
  .wrap2 > .socials2 > .socials2-wrap { position: relative; top: auto; }
 .wrap2-main { position: relative; flex: none; width: 100%; margin: 0; }
  .wrap2-inner { position: relative; height: 100%; padding: var(--s3) 0; color: var(--c_d1t); }
  .wrap2.-tight .wrap2-inner { padding-bottom: var(--s1); }
  .wrap2-inner h1 { font-size: 80px; }

.wrap2.-x1 { min-height: var(--vhx); }
 .wrap2.-x1 .wrap2-image { position: absolute; left: 0; top: 0; height: 100%; margin: 0; }
  .wrap2.-x1 .wrap2-image[class]:before { display: none; }

@media screen and (orientation: landscape) {
.wrap2-image video.-portrait { display: none; }
}
@media screen and (orientation: portrait) {
.wrap2-image video.-landscape { display: none; }
}

@media screen and (max-width: 1023px) {
.wrap2-inner { padding: var(--s1) 0; }
.wrap2-inner h1 { font-size: 60px; }
}

@media print {
.wrap2 { box-shadow: 0 1px var(--c_o1t); background: none; color: inherit; }
.wrap2.-x1 { min-height: 0; }
 .wrap2-image { display: none; }
}

 .wysiwyg { }
  .wysiwyg img { height: auto; display: block; }
  .wysiwyg .alignright { float: right; margin-left: var(--sy); }
  .wysiwyg .alignleft { float: left; margin-right: var(--sy); }
  .wysiwyg .aligncenter, .wysiwyg .alignnone { margin: 0 auto; }
  .wysiwyg .alignright, .wysiwyg .alignleft, .wysiwyg .aligncenter, .wysiwyg .alignnone { margin-bottom: 10px; }
  .wysiwyg .wp-caption { max-width: 100%; padding-bottom: 10px; margin-bottom: var(--s1); }
    .wysiwyg .wp-caption img { margin-bottom: 10px; width: 100%; }
    .wysiwyg .wp-caption p:empty { display: none; }

@media screen and (max-width: 680px) {
  .wysiwyg .alignright, .wysiwyg .alignleft, .wysiwyg .aligncenter, .wysiwyg .alignnone { width: 100%!important; }
}

/**
 * @name .home-data
 * @description First Section after the hero of the homepage
 * @example { }
 */
.home-data {
 overflow: hidden;
}
 .home-data__intro {
   max-width: 800px;
   margin: 0 auto;
 }
 .home-data__hgroup {
   text-align: center;
 }
 .home-data__hgroup h3 {
  margin-bottom: 15px;
 }
 .home-data__hgroup h2 {
  font-family: var(--ff_runda);
  font-size: 80px;
  font-weight: 800;
  letter-spacing: -2.6px;
  color: var(--c_a2);
 }
 .home-data__intro__left,
 .home-data__intro__right {
   transition-duration: .5s;
   transition-delay: .5s;
   transition-timing-function: ease-out;
   display: block;
   text-transform: uppercase;
   opacity: 0;
   margin-top: -.3em;
 }
 .home-data__intro__left[revealed],
 .home-data__intro__right[revealed] {
   opacity: 1;
   transform: translateX(0);
 }
 .home-data__intro__left {
   margin-left: -85px;
   transform: translateX(-85px);
 }
 .home-data__intro__right {
  margin-right: -85px;
  transform: translateX(85px);
 }

 
 @media print, screen and (max-width: 580px) {
  .home-data__hgroup h2 {
    font-size: 50px;
  }
  .home-data__intro__left {
    margin-left: 0;
  }
  .home-data__intro__right {
    margin-right: 0;
  }
 }

/**
 * @name .cards
 * @description Flippable cards in the first section of the homepage after the hero 
 * @example { }
 */
.cards {
 position: relative;
 width: 600px;
 height: 560px;
 margin-bottom: -15px;
}
.cards * {
    -webkit-backface-visibility: hidden;
    transform-style: preserve-3d; 
}
 .cards__card {
  background: white;
  color: black;
  padding: 40px;
  width: 100%;
  max-width: 540px;
  position: relative;
  top: 0;
  margin-bottom: 0;
  cursor: pointer;
  transition: unset;
 }
 .cards__card--benefits {
  background: var(--c_a2);
  position: absolute;
  left: 60px;
 }
 .cards__card h2 {
  font-size: 40px;
  margin-bottom: 40px;
 }
 .cards__btn-flip {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
 }
 .cards__facts {
  padding: 0;
  border-top: 1px solid black;
 }
 .cards__facts li {
  border-bottom: 1px solid black;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 10px;
 }
 .cards__facts li::before {
  display: none;
 }
 .cards__facts h3 {
  font-family: var(--ff_tandelle);
  font-size: 50px;
  letter-spacing: 1px;
  text-align: left;
  margin: 0;
  line-height: 1em;
 }
 .cards__facts p {
  width: 260px;
  font-size: 14px;
 }
 @media print, screen and (max-width: 1110px) {
  .cards {
   width: 100%;
   max-width: 540px;
   height: auto;
  }
  .cards__card {
   padding: 20px;
  }
  .cards__card--benefits {
   left: 0;
  }
  .cards__card h2 {
   font-size: 24px;
   margin-bottom: 10px;
  }
  .cards__facts h3 {
   font-size: 30px;
   margin-right: 10px;
   width: 80px;
  }
  .cards__facts p {
    width: 100%;
  }
 }


/**
 * @name .stats
 * @description Stats on a yellow background 
 * @example { }
 */
.stats {
  background: var(--c_a2);
  margin: 0 0 0;
  max-width: 100%;
  width: 100%;
  padding-bottom: 80px;
}
 .stats__icon img {
   margin-top: -50px;
 }
 .stats__grid-wrapper {
   max-width: 1200px;
   margin: 64px auto 0;
   overflow: hidden;
 }
 .stats__grid {
  display: grid;
  row-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(186px, 1fr));
  justify-content: center;
  position: relative;
  right: -1px;
 }
 .stats__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px 10px;
  margin-bottom: 0;
  border-right: 1px solid black;
  transition: .5s transform ease-out, .4s opacity;
 }
 .stats__item[reveal] {
   transform: translateY(25px);
   opacity: 0;
 }
 .stats__item:last-child {
  border-right: none;
 }

 .stats__down::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='56' viewBox='0 0 16 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='48' fill='%231146BF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 56L16 45H0L8 56Z' fill='%231146BF'/%3E%3C/svg%3E%0A");
  content: '';
  background-size: contain;
  height: 56px;
  width: 16px;
  display: inline-block;
  margin-right: 8px;
 }

/**
 * @name .where-to
 * @description "You are here" guide at the bottom of the steps pages
 * @example { }
 */
.where-to {}
.where-to__items {
  display: grid;
  grid-template-columns: repeat(4, 275px);
  justify-content: space-around;
  row-gap: 50px;
  column-gap: 10px;
  margin-top: 90px;
  position: relative;
}
.where-to__item {
  box-shadow: none;
}
.where-to__item--active {
 cursor: normal;
 pointer-events: none;
}
.where-to__item-content {
 position: relative;
}
.where-to__item--active  .where-to__item-content > * {
 filter: grayscale(100%);
 opacity: .4;
}
.where-to__item--active .where-to__item-content::before,
.where-to__item--active .where-to__item-content::after {
 position: absolute;
 z-index: 1;
}
.where-to__item--active .where-to__item-content::before {
 --w: 135px;
 content: '';
 background: var(--c_a2);
 border-radius: 50%;
 top: 15px;
 left: calc(50% - (var(--w) / 2));
 height: var(--w);
 width: var(--w);
}
.where-to__item--active .where-to__item-content::after {
 content: 'YOU ARE HERE';
 font-size: 15px;
 line-height: 19px;
 font-weight: 700;
 width: 70px;
 top: 65px;
 left: calc(50% - 35px);
 text-align: center;
}
.where-to__item img, 
.where-to__item figure {
  max-width: 100%;
  height: auto;
  transition: .3s transform ease-out;
}
.where-to__item:hover figure {
  transform: scale(1.05, 1.05);
}
.where-to__item h3 {
  margin-bottom: 10px;
}
.where-to__item::before {
 position: absolute;
 top: -110px;
 content: '';
 background-size: contain;
 background-repeat: no-repeat;
 background-position: 50% 50%;
 background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 174 121' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M168 34.9999C168 34.9999 164 54.9999 140 62.9999C116 70.9999 74 31.9999 29 60.9999C8.2895 74.3467 10 91.9999 10 91.9999' stroke='black'/%3E%3Cpath d='M0.571533 82L10.0001 93L19.4287 82' stroke='black'/%3E%3C/svg%3E%0A");
 height: 121px;
 width: 174px;
 -webkit-clip-path: inset(0 0 0 100%); 
 clip-path: inset(0 0 0 100%); 
}
.where-to__item:nth-child(1)::before {
 left: 200px;
}
.where-to__item:nth-child(2)::before {
 left: calc(50% - 170px);
}
.where-to__item:nth-child(3)::before,
.where-to__item:nth-child(4)::before {
 transform: scaleX(-1);
}
.where-to__item:nth-child(3)::before {
 right: calc(50% - 170px);
}
.where-to__item:nth-child(4)::before {
 right: 200px;
}
.where-to__item:hover::before {
 -webkit-clip-path: inset(0 0 0 0); 
 clip-path: inset(0 0 0 0); 
}
@media print, screen and (max-width: 1155px) {
 .where-to__items {
  grid-template-columns: repeat(2, 275px);
 }
}
@media print, screen and (max-width: 575px) {
  
.where-to { overflow: hidden; }
 .where-to__items {
  grid-template-columns: 275px;
 }
}

/**
 * @name .marqee
 * @description scrolling images
 * @example { }
 */
.marquee {
 display: block;
 overflow: hidden;
 margin: 10px 0;
 width: 100%;
 max-width: 100%;
 transition: none;
 white-space: nowrap;
}
.marquee__content {
 display: inline-block;
 transition: none;
 white-space: nowrap;
 width: max-content;
 transition: unset;
}
.marquee figure {
 margin-right: 10px;
 margin-bottom: 0;
 display: inline-block;
}
.marquee .img1 {
 height: 360px;
 width: calc(360px / var(--r));
}

/**
 * @name .history
 * @description interactive gallery for showing historical material
 * @example { }
 */
.history {
 background: var(--c_b2);
 display: block;
 padding: 40px 0;
 margin-right: 0;
 margin-left: 0;
 width: 100%;
 max-width: 100%;
 overflow: hidden;
 white-space: nowrap;
}
.history .-restrain {
 position: relative;
}
.history .-restrain::before {
 /* Hide content to the left of the intro */
 background: var(--c_b2);
 content: '';
 position: absolute;
 top: 0;
 bottom: 0;
 left: calc((100vw - 100%) / 2 * -1);
 width: calc((100vw - 100%) / 2);
 z-index: 1;
}
.history__intro {
 display: inline-flex;
 flex-direction: column;
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 padding: 0 40px;
 margin: 0;
 width: calc(250px + 80px);
 min-height: 481px;
 border-right: 1px solid black;
 white-space: normal;
 background: var(--c_b2);
 z-index: 1;
}
.history__stats {
 display: flex;
 gap: 40px;
 margin-bottom: 0;
}
.history__stat {
 margin-bottom: 15px;
}
.history__controls {
 margin-top: auto;
 justify-self: flex-end;
 margin-bottom: 0;
 user-select: none;
}
.history__prev,
.history__next {
 position: relative;
 background: rgba(0,0,0,0.04);
 border-radius: 50%;
 height: 60px;
 width: 60px;
 margin-bottom: 0;
 display: inline-flex;
 justify-content: center;
 align-items: center;
 margin-right: 20px;
 cursor: pointer;
 transition: .3s background-color, .3s opacity;
}
.history__prev:hover,
.history__next:hover {
 background: rgba(0,0,0,0.1);
}
.history__prev.disabled,
.history__next.disabled {
 opacity: .3;
 pointer-events: none;
}
.history__prev::after,
.history__next::after {
 background-image: url("data:image/svg+xml,%3Csvg width='22' height='8' viewBox='0 0 22 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='21' height='1' transform='matrix(-1 0 0 1 22 3)' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 0L0 4L5 8L5 0Z' fill='black'/%3E%3C/svg%3E%0A");
 background-size:contain;
 height: 8px;
 width: 22px;
 content: '';
 display: block;
}
.history__next::after {
 transform: scaleX(-1);
}

.history__list {
 display: inline-flex;
 margin-left: calc(250px + 80px);
 transition: unset;
}
.history__item {
 display: inline-flex;
 flex-direction: column;
 padding: 0 8px;
 border-right: 1px solid black;
 box-shadow: none;
 width: calc(298px + 16px);
 min-height: 481px;
}
.history__item strong {
 display: block;
 margin-bottom: 20px;
}
.history__item h4 {
 margin: 0 0 10px; 
}
.history__item h4,
.history__item p {
 white-space: normal;
 flex: 0 0;
}

@media print, screen and (max-width: 666px) {
 .history {
  margin-left: 0;
  white-space: normal;
  display: block;
 }
 .history .-restrain::before,
 .history__controls {
  display: none;
 }
 .history__intro {
  height: auto;
  min-height: auto;
  position: relative;
  border-right: none;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 40px;
  display: block;
 }
 .history__list {
  margin-left: calc(var(--sx) * -1);
  width: 100vw;
  overflow-y: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  scrollbar-width: none;
 }
 .history__list::-webkit-scrollbar {
  display: none;
 }
 .history__item {
  scroll-snap-align: start;
  min-width: calc(298px + 16px);
 }
}

/**
 * @name .bar
 * @description thin blue bar w/ a CTA
 * @example { }
 */
.bar {
 background: var(--c_a1);
 padding: 20px;
 color: white;
}

/**
 * @name .take-action
 * @description mobile-only fixed component that links to another section
 * @example { }
 */
 .take-action {
  background-color: var(--c_a2);
  padding: 20px;
  color: black;
  font-weight: 700;
  cursor: pointer;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: 0;
  z-index: 99;
  transition: .3s background-color, .3s opacity;
 }
 .take-action:hover { background-color: var(--c_a3); }
 .take-action::after {
   content: '';
   background-image: url("data:image/svg+xml,%3Csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_0_1553)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.5 12.3L7 8.3H4L4 0L3 0L3 8.3L0 8.3L3.5 12.3Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_0_1553'%3E%3Crect width='12.3' height='7' fill='white' transform='translate(7) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
   background-size: contain;
   background-repeat: no-repeat;
   height: 13px;
   width: 7px;
   display: inline-block;
   margin-left: 6px;
 }
 .take-action.hidden { opacity: 0; pointer-events: none; }

 @media screen and (min-width: 720px) {
  .take-action { display: none; }
 }

/*   ______  _     _ _______ _______  _____  __   _ _______
 *   |_____] |     |    |       |    |     | | \  | |______
 *   |_____] |_____|    |       |    |_____| |  \_| ______|
*/

.button1, [type="submit"], [type="button"], [type="reset"] { --w: 120px; --h: 60px; --lh: 20px; --px: 30px; --py: 15px; --bcn: var(--c_a2t); --bch: var(--c_a3t); --own: 1px; --orn: 0; --ocn: var(--bc); --tcn: var(--c_i1t); --tcn: var(--c_d1); --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: var(--py) calc(var(--px) + var(--pr, 10px)) 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: 700 16px/var(--lh) var(--ff_1); text-transform: uppercase; text-align: center; text-decoration: none !important; opacity: var(--op); transition-property: var(--t8n_p1), color; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 100%, 0 100%); }
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:before, .button1:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; content: ''; overflow: hidden; border-radius: inherit; background: var(--bch); font-size: 60px; transition: inherit; transform-origin: 0 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
 .button1:before { background: var(--bcn); transform-origin: 50% 50%; }
 .button1:after { box-shadow: 0 0 0 2px var(--bch); transform: scaleX(0); transform-origin: 100% 50%; transition-property: transform; }
 .button1:hover:after, a:hover .button1:after { transform: scaleX(1); transform-origin: 0% 50%; }
 .button1 > span:not(:first-child) { margin-left: 5px; }
 .button1 > span:not(:last-child) { margin-right: 5px; }

.button1.-small { --w: 90px; --h: 40px; --py: 10px; font-size: 14px; }
.button1.-orange { --bcn: var(--c_a3); }
.button1.-to-white { --bch: var(--c_b1); }

/*   _____ ______  ______  __   _ _______
 *     |   |       |     | | \  | |______
 *   __|__ |_____  |_____| |  \_| ______|
*/

[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 { display: inline-block; font: inherit; vertical-align: top; }
 [class^="icon-"] span, [class*=" icon-"] span { display: none; }

.icon-instagram:before { content: "\e900"; }
.icon-twitter:before { content: "\e901"; }
.icon-facebook:before { content: "\e902"; }
.icon-angle-circle-down:before { content: "\e903"; }
.icon-angle-circle-left:before { content: "\e904"; }
.icon-angle-circle-right:before { content: "\e905"; }
.icon-angle-circle-up:before { content: "\e906"; }
.icon-angle-down:before { content: "\e907"; }
.icon-angle-left:before { content: "\e908"; }
.icon-angle-right:before { content: "\e909"; }
.icon-angle-thick-down:before { content: "\e90a"; }
.icon-angle-thick-left:before { content: "\e90b"; }
.icon-angle-thick-right:before { content: "\e90c"; }
.icon-angle-thick-up:before { content: "\e90d"; }
.icon-angle-up:before { content: "\e90e"; }
.icon-arrow-left:before { content: "\e90f"; }
.icon-arrow-right:before { content: "\e910"; }
.icon-calendar:before { content: "\e911"; }
.icon-close:before { content: "\e912"; }
.icon-distance:before { content: "\e913"; }
.icon-external:before { content: "\e914"; }
.icon-filters:before { content: "\e915"; }
.icon-heart:before { content: "\e918"; }
.icon-help:before { content: "\e919"; }
.icon-international:before { content: "\e91a"; }
.icon-menu:before { content: "\e91b"; }
.icon-open:before { content: "\e91e"; }
.icon-phone:before { content: "\e91f"; }
.icon-pin:before { content: "\e920"; }
.icon-play:before { content: "\e923"; }
.icon-quote:before { content: "\e926"; }
.icon-time:before { content: "\e934"; }
.icon-trainer:before { content: "\e935"; }
.icon-dot:before { content: "\e936"; }
.icon-email:before { content: "\e937"; }

.icon-girltrek:before { content: "\e916"; color: var(--c_a3t); }
.icon-girltrek:after { content: "\e917"; margin-left: -4.638671875em; color: var(--c_a2t); }
.icon-play-circle:before { content: "\e921"; color: var(--c_a2t); }
.icon-play-circle:after { content: "\e922"; margin-left: -1em; }
.icon-minus-circle:before { content: "\e91c"; color: var(--c_a2t); }
.icon-minus-circle:after { content: "\e91d"; margin-left: -1em; }
.icon-plus-circle:before { content: "\e924"; color: var(--c_a2t); }
.icon-plus-circle:after { content: "\e925"; margin-left: -1em; }

.icon-s1-hydrate:before { content: "\e927"; }
.icon-s1-tracks:before { content: "\e928"; }

.icon-s2-open:before { content: "\e929"; }
.icon-s2-open:after { content: "\e92a"; margin-left: -1em; color: var(--c_i1t); }
.icon-s2-pintracks:before { content: "\e92b"; color: var(--c_a2t); }
.icon-s2-pintracks:after { content: "\e92c"; margin-left: -0.654296875em; }
.icon-s2-trainer:before { content: "\e92d"; color: var(--c_i1t); }
.icon-s2-trainer>:before { content: "\e92e"; margin-left: -1em; }
.icon-s2-trainer:after { content: "\e92f"; margin-left: -1em; color: var(--c_a1t); }

.icon-s3-open:before { content: "\e930"; color: var(--c_i1t); }
.icon-s3-open:after { content: "\e931"; margin-left: -1em; color: var(--c_a1t); }
.icon-s3-pintracks:before { content: "\e932"; color: var(--c_i1t); }
.icon-s3-pintracks:after { content: "\e933"; margin-left: -0.650390625em; color: var(--c_a1t); }

/*   ______  _______ _______ _______ _     _ _      _______ _______
 *   |     \ |______ |______ |_____| |     | |         |    |______
 *   |_____/ |______ |       |     | |_____| |_____    |    ______|
*/

*, *: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, noscript { display: block; 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; } }
@media screen and (max-width: 782px) {
  html, html[lang] { margin-top: 0 !important; }
}

/* forms */

fieldset { min-width: 0; padding: 0; border: none; }
label { cursor: pointer; vertical-align: middle; }
label:first-child { display: block; margin: 0 0 10px; }
 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="number"], 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: 17px/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: 22px; --tc: var(--c_d1t); display: inline-block; position: relative; width: var(--s, 20px); height: var(--s, 20px); margin: 0.2em 9px 0 0; padding: 0; font: inherit; text-align: center; vertical-align: -0.25em; }
input[type="radio"] { --orn: 50%; }
 input[type="checkbox"]:before { display: flex; justify-content: center; align-items: center; position: absolute; left: 0; content: 'L'; width: 100%; height: 90%; color: inherit; font: 700 calc(var(--s, 20px) * 0.8)/1 Helvetica Neue,Helvetica,Arial,sans-serif; transform: scale(calc(var(--ch,0) * -1),var(--ch,0)) rotate(-45deg); }
 input[type="radio"]:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; margin: 0; border-radius: 50%; box-shadow: inset 0 0 0 20px var(--tc); transform: scale(calc(var(--ch, 0) * 0.4)); }
 input[type]:checked:before { --ch: 1; }
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, [js] select[placeholder] { color: var(--pc); }

.-validated:invalid, .-validated:invalid + label, .-validated:invalid + label:before { --oc: var(--c_e2t); --bc: var(--c_e3t); color: var(--c_e2t); }

@media not screen and (pointer: coarse) {
select[multiple] { height: 70px; padding-right: var(--px); background-image: none; }
}

.-t\:11 input[type="checkbox"], .-t\:11 input[type="radio"] { vertical-align: -0.35em; }

/* tables */

table { display: table; border-collapse: collapse; border-spacing: 0; }
 th, td { padding: 10px 0 10px 30px; border-bottom: 1px solid var(--c_o1t); text-align: left; vertical-align: top; }
 tr > :first-child { padding-left: 0; }
 thead th { padding-top: 0; padding-bottom: 10px; font-size: 0.75rem; text-transform: uppercase; }

/* lists */

ul, ol, dd, blockquote { padding-left: 30px; }

ol, ul { list-style: none; counter-reset: ordered; }
 li { --sy: 10px; margin-bottom: var(--sy); 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: '\e936'; margin: 0 0 0 -30px; color: var(--c_a1t); font-family: Icons; }

dt { margin-bottom: 5px; font-weight: bolder; }
dd { padding-left: 0; }

/* 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, 1px) 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; }

/* other */

blockquote { padding-left: 24px; box-shadow: inset 4px 0 0 0 var(--c_a1t); }
 blockquote q { display: block; }
 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_o1t); 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; }
address { font: inherit; }

@media screen and (max-width: 719px) {
blockquote { padding-left: calc(var(--sx) - 3px); box-shadow: -3px 0 0 0 var(--c_a1t); }
}

/* first/last margins */

body :last-child { margin-bottom: 0; }


/*   _    _ _______  ______ _______
 *    \  /  |_____| |_____/ |______
 *     \/   |     | |    \_ ______|
*/

/* text styling */
html, h1, h2, h3, h4, h5, h6, blockquote, cite, figcaption, [class*="-t:"] { font: 19px/1.58 var(--ff_1); letter-spacing: 0; text-transform: none; }
.-t\:1, h1 { font: 700 60px/1.00 var(--ff_1); }
.-t\:2, h2 { font: 700 44px/1.10 var(--ff_1); }
.-t\:3, h3 { font: 700 24px/1.33 var(--ff_1); }
.-t\:4, h4,
.-t\:5, h5,
.-t\:6, h6 { font: 700 15px/1.26 var(--ff_1); text-transform: uppercase; }
.-t\:7, blockquote { }
.-t\:8, cite,
.-t\:9, figcaption,
.-t\:10 { font: 14px/1.29 var(--ff_1); letter-spacing: -0.2px; } /* paragraph small */
.-t\:11 { font: 17px/1.41 var(--ff_1); } /* paragraph medium */
.-t\:12 { font: 40px/1.25 var(--ff_1); } /* paragraph intro */
.-t\:13 { font: 900 80px/0.75 var(--ff_1); letter-spacing: -2.6px; } /* oversized title */
.-t\:14 { font: 700 90px/1.00 var(--ff_1); letter-spacing: -1px; } /* oversized quote */
.-t\:15 { font: 700 70px/1.00 var(--ff_2); letter-spacing: 1px; text-transform: uppercase; } /* special large */
.-t\:16 { font: 700 50px/1.00 var(--ff_2); letter-spacing: 1px; text-transform: uppercase; } /* special medium */
.-t\:17 { font: 900 30px/1.00 var(--ff_2); letter-spacing: 0.6px; text-transform: uppercase; } /* explore the resources */
.-t\:18, label:first-child { font: 700 17px/1.41 var(--ff_1); } /* label */
.-t\:19 { font: 700 16px/1.5 var(--ff_1); text-transform: uppercase; } /* thick outline link */
.-t\:20 { font: 700 70px/1.00 var(--ff_2); letter-spacing: 1px; text-transform: uppercase; } /* like 15, but no mobile style */
.-t\:21 { font: 900 140px/.75 var(--ff_1); letter-spacing: -6px; text-transform: uppercase; } /* super large */

@media screen and (max-width:  719px) {
.-t\:1, h1 { font: 700 34px/1.18 var(--ff_1); }
.-t\:2, h2 { font: 700 28px/1.41 var(--ff_1); }
.-t\:3, h3 { font: 700 18px/1.44 var(--ff_1); }
.-t\:12 { font: 24px/1.42 var(--ff_1); } /* paragraph intro */
.-t\:13 { font: 900 60px/0.9 var(--ff_1); letter-spacing: -2.5px; } /* oversized title */
.-t\:14 { font: 700 42px/1.00 var(--ff_1); letter-spacing: -0.5px; } /* oversized quote */
.-t\:15 { font: 700 36px/1.00 var(--ff_2); letter-spacing: 0.5px; } /* special large */
.-t\:16 { font: 700 30px/1.00 var(--ff_2); letter-spacing: 0.6px; } /* special medium */
.-t\:21 { font: 900 80px/.75 var(--ff_1); letter-spacing: -6px; text-transform: uppercase; } /* super large */
}

/* link styling */

a.-as\:0, .-as\:0 a { --aown: 0; --atch: var(--atcn); }
a.-as\:1, .-as\:1 a { --aocn: transparent; --aoch: currentColor; }
a.-as\:2, .-as\:2 a { --aown: 10px; --aocn: var(--c_a2t); --aoch: currentColor; --atch: var(--c_a1t); display: inline-block; line-height: 1.75; }

/* hover movement */

a:hover .-hm\:1 img, a.-hm\:1:hover img { transform: scale(1.05); }
a:hover .-hm\:2, a.-hm\:2:hover { transform: translateX(3px); }

/* hover style */

a:hover .-hs\:1, a.-hs\:1:hover { box-shadow: 0 1px; }

/* special reveals */

@media screen {
[m4n] .-rv\:1 { transition-duration: 0.75s; transition-delay: calc(var(--rq) * 0.075s + 0.1s); transition-timing-function: var(--t8n_e2); }
[m4n] .-rv\:2 { transition-duration: 0.95s; transition-delay: 0s; transition-timing-function: var(--t8n_e1); }
[m4n] .-rv\:1 { transition-duration: 0.75s; transition-delay: calc(var(--rq) * 0.075s + 0.1s); transition-timing-function: var(--t8n_e2); }
[m4n] .-rv\:1[reveal] { -webkit-clip-path: inset(0 0 99.99% 0); clip-path: inset(0 0 99.99% 0); }
[m4n] .-rv\:2[reveal] { -webkit-clip-path: inset(0 99.99% 0 0); clip-path: inset(0 99.99% 0 0); }
[m4n] .-rv\:1[revealed], [m4n] .-rv\:2[revealed] { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }
}
@media screen and (max-width: 719px) {
[m4n] .-rv\:1,
[m4n] .-rv\:2 { transition-duration: 0.75s; }
}

/* 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; }

/* input styling */

@media screen {
.-is\:1 input, .-is\:1 select, .-is\:1 textarea { --px: 0; background: transparent; box-shadow: inset 0 calc(var(--ow, 1px) * -1) var(--oc); }

}

/* 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(--ny)}.-mt\:-y,.-my\:-y,.-ma\:-y{margin-top: var(--ny)}.-ml\:-y,.-mx\:-y,.-ma\:-y{margin-left: var(--ny)}.-mr\:-y,.-mx\:-y,.-ma\:-y{margin-right: var(--ny)}.-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\:m1,.-my\:m1{margin-bottom:3px}.-mt\:m1,.-my\:m1{margin-top:3px}.-sy\:1>*{--sy:3px}
.-mb\:m2,.-my\:m2{margin-bottom:6px}.-mt\:m2,.-my\:m2{margin-top:6px}.-sy\:2>*{--sy:6px}
.-mb\:m3,.-my\:m3{margin-bottom:9px}.-mt\:m3,.-my\:m3{margin-top:9px}.-sy\:3>*{--sy:9px}
.-mb\:m4,.-my\:m4{margin-bottom:12px}.-mt\:m4,.-my\:m4{margin-top:12px}.-sy\:4>*{--sy:12px}
.-mb\:m5,.-my\:m5{margin-bottom:15px}.-mt\:m5,.-my\:m5{margin-top:15px}.-sy\:5>*{--sy:15px}

@media (max-width: 1279px) {
.-mb\:0\<h,.-my\:0\<h,.-ma\:0\<h{margin-bottom:0}.-mt\:0\<h,.-my\:0\<h,.-ma\:0\<h{margin-top:0}.-ml\:0\<h,.-mx\:0\<h,.-ma\:0\<h{margin-left:0}.-mr\:0\<h,.-mx\:0\<h,.-ma\:0\<h{margin-right:0}.-pb\:0\<h,.-py\:0\<h,.-pa\:0\<h{padding-bottom:0}.-pt\:0\<h,.-py\:0\<h,.-pa\:0\<h{padding-top:0}.-pl\:0\<h,.-px\:0\<h,.-pa\:0\<h{padding-left:0}.-pr\:0\<h,.-px\:0\<h,.-pa\:0\<h{padding-right:0}
.-mb\:x\<h,.-my\:x\<h,.-ma\:x\<h{margin-bottom:var(--sx)}.-mt\:x\<h,.-my\:x\<h,.-ma\:x\<h{margin-top:var(--sx)}.-ml\:x\<h,.-mx\:x\<h,.-ma\:x\<h{margin-left:var(--sx)}.-mr\:x\<h,.-mx\:x\<h,.-ma\:x\<h{margin-right:var(--sx)}.-mb\:-x\<h,.-my\:-x\<h,.-ma\:-x\<h{margin-bottom: var(--nx)}.-mt\:-x\<h,.-my\:-x\<h,.-ma\:-x\<h{margin-top: var(--nx)}.-ml\:-x\<h,.-mx\:-x\<h,.-ma\:-x\<h{margin-left: var(--nx)}.-mr\:-x\<h,.-mx\:-x\<h,.-ma\:-x\<h{margin-right: var(--nx)}.-pb\:x\<h,.-py\:x\<h,.-pa\:x\<h{padding-bottom:var(--sx)}.-pt\:x\<h,.-py\:x\<h,.-pa\:x\<h{padding-top:var(--sx)}.-pl\:x\<h,.-px\:x\<h,.-pa\:x\<h{padding-left:var(--sx)}.-pr\:x\<h,.-px\:x\<h,.-pa\:x\<h{padding-right:var(--sx)}
.-mb\:y\<h,.-my\:y\<h,.-ma\:y\<h{margin-bottom:var(--sy)}.-mt\:y\<h,.-my\:y\<h,.-ma\:y\<h{margin-top:var(--sy)}.-ml\:y\<h,.-mx\:y\<h,.-ma\:y\<h{margin-left:var(--sy)}.-mr\:y\<h,.-mx\:y\<h,.-ma\:y\<h{margin-right:var(--sy)}.-mb\:-y\<h,.-my\:-y\<h,.-ma\:-y\<h{margin-bottom: var(--ny)}.-mt\:-y\<h,.-my\:-y\<h,.-ma\:-y\<h{margin-top: var(--ny)}.-ml\:-y\<h,.-mx\:-y\<h,.-ma\:-y\<h{margin-left: var(--ny)}.-mr\:-y\<h,.-mx\:-y\<h,.-ma\:-y\<h{margin-right: var(--ny)}.-pb\:y\<h,.-py\:y\<h,.-pa\:y\<h{padding-bottom:var(--sy)}.-pt\:y\<h,.-py\:y\<h,.-pa\:y\<h{padding-top:var(--sy)}.-pl\:y\<h,.-px\:y\<h,.-pa\:y\<h{padding-left:var(--sy)}.-pr\:y\<h,.-px\:y\<h,.-pa\:y\<h{padding-right:var(--sy)}
}
@media (max-width: 1023px) {
.-mb\:0\<l,.-my\:0\<l,.-ma\:0\<l{margin-bottom:0}.-mt\:0\<l,.-my\:0\<l,.-ma\:0\<l{margin-top:0}.-ml\:0\<l,.-mx\:0\<l,.-ma\:0\<l{margin-left:0}.-mr\:0\<l,.-mx\:0\<l,.-ma\:0\<l{margin-right:0}.-pb\:0\<l,.-py\:0\<l,.-pa\:0\<l{padding-bottom:0}.-pt\:0\<l,.-py\:0\<l,.-pa\:0\<l{padding-top:0}.-pl\:0\<l,.-px\:0\<l,.-pa\:0\<l{padding-left:0}.-pr\:0\<l,.-px\:0\<l,.-pa\:0\<l{padding-right:0}
.-mb\:x\<l,.-my\:x\<l,.-ma\:x\<l{margin-bottom:var(--sx)}.-mt\:x\<l,.-my\:x\<l,.-ma\:x\<l{margin-top:var(--sx)}.-ml\:x\<l,.-mx\:x\<l,.-ma\:x\<l{margin-left:var(--sx)}.-mr\:x\<l,.-mx\:x\<l,.-ma\:x\<l{margin-right:var(--sx)}.-mb\:-x\<l,.-my\:-x\<l,.-ma\:-x\<l{margin-bottom: var(--nx)}.-mt\:-x\<l,.-my\:-x\<l,.-ma\:-x\<l{margin-top: var(--nx)}.-ml\:-x\<l,.-mx\:-x\<l,.-ma\:-x\<l{margin-left: var(--nx)}.-mr\:-x\<l,.-mx\:-x\<l,.-ma\:-x\<l{margin-right: var(--nx)}.-pb\:x\<l,.-py\:x\<l,.-pa\:x\<l{padding-bottom:var(--sx)}.-pt\:x\<l,.-py\:x\<l,.-pa\:x\<l{padding-top:var(--sx)}.-pl\:x\<l,.-px\:x\<l,.-pa\:x\<l{padding-left:var(--sx)}.-pr\:x\<l,.-px\:x\<l,.-pa\:x\<l{padding-right:var(--sx)}
.-mb\:y\<l,.-my\:y\<l,.-ma\:y\<l{margin-bottom:var(--sy)}.-mt\:y\<l,.-my\:y\<l,.-ma\:y\<l{margin-top:var(--sy)}.-ml\:y\<l,.-mx\:y\<l,.-ma\:y\<l{margin-left:var(--sy)}.-mr\:y\<l,.-mx\:y\<l,.-ma\:y\<l{margin-right:var(--sy)}.-mb\:-y\<l,.-my\:-y\<l,.-ma\:-y\<l{margin-bottom: var(--ny)}.-mt\:-y\<l,.-my\:-y\<l,.-ma\:-y\<l{margin-top: var(--ny)}.-ml\:-y\<l,.-mx\:-y\<l,.-ma\:-y\<l{margin-left: var(--ny)}.-mr\:-y\<l,.-mx\:-y\<l,.-ma\:-y\<l{margin-right: var(--ny)}.-pb\:y\<l,.-py\:y\<l,.-pa\:y\<l{padding-bottom:var(--sy)}.-pt\:y\<l,.-py\:y\<l,.-pa\:y\<l{padding-top:var(--sy)}.-pl\:y\<l,.-px\:y\<l,.-pa\:y\<l{padding-left:var(--sy)}.-pr\:y\<l,.-px\:y\<l,.-pa\:y\<l{padding-right:var(--sy)}
}
@media (max-width:  719px) {
.-mb\:0\<m,.-my\:0\<m,.-ma\:0\<m{margin-bottom:0}.-mt\:0\<m,.-my\:0\<m,.-ma\:0\<m{margin-top:0}.-ml\:0\<m,.-mx\:0\<m,.-ma\:0\<m{margin-left:0}.-mr\:0\<m,.-mx\:0\<m,.-ma\:0\<m{margin-right:0}.-pb\:0\<m,.-py\:0\<m,.-pa\:0\<m{padding-bottom:0}.-pt\:0\<m,.-py\:0\<m,.-pa\:0\<m{padding-top:0}.-pl\:0\<m,.-px\:0\<m,.-pa\:0\<m{padding-left:0}.-pr\:0\<m,.-px\:0\<m,.-pa\:0\<m{padding-right:0}
.-mb\:x\<m,.-my\:x\<m,.-ma\:x\<m{margin-bottom:var(--sx)}.-mt\:x\<m,.-my\:x\<m,.-ma\:x\<m{margin-top:var(--sx)}.-ml\:x\<m,.-mx\:x\<m,.-ma\:x\<m{margin-left:var(--sx)}.-mr\:x\<m,.-mx\:x\<m,.-ma\:x\<m{margin-right:var(--sx)}.-mb\:-x\<m,.-my\:-x\<m,.-ma\:-x\<m{margin-bottom: var(--nx)}.-mt\:-x\<m,.-my\:-x\<m,.-ma\:-x\<m{margin-top: var(--nx)}.-ml\:-x\<m,.-mx\:-x\<m,.-ma\:-x\<m{margin-left: var(--nx)}.-mr\:-x\<m,.-mx\:-x\<m,.-ma\:-x\<m{margin-right: var(--nx)}.-pb\:x\<m,.-py\:x\<m,.-pa\:x\<m{padding-bottom:var(--sx)}.-pt\:x\<m,.-py\:x\<m,.-pa\:x\<m{padding-top:var(--sx)}.-pl\:x\<m,.-px\:x\<m,.-pa\:x\<m{padding-left:var(--sx)}.-pr\:x\<m,.-px\:x\<m,.-pa\:x\<m{padding-right:var(--sx)}
.-mb\:y\<m,.-my\:y\<m,.-ma\:y\<m{margin-bottom:var(--sy)}.-mt\:y\<m,.-my\:y\<m,.-ma\:y\<m{margin-top:var(--sy)}.-ml\:y\<m,.-mx\:y\<m,.-ma\:y\<m{margin-left:var(--sy)}.-mr\:y\<m,.-mx\:y\<m,.-ma\:y\<m{margin-right:var(--sy)}.-mb\:-y\<m,.-my\:-y\<m,.-ma\:-y\<m{margin-bottom: var(--ny)}.-mt\:-y\<m,.-my\:-y\<m,.-ma\:-y\<m{margin-top: var(--ny)}.-ml\:-y\<m,.-mx\:-y\<m,.-ma\:-y\<m{margin-left: var(--ny)}.-mr\:-y\<m,.-mx\:-y\<m,.-ma\:-y\<m{margin-right: var(--ny)}.-pb\:y\<m,.-py\:y\<m,.-pa\:y\<m{padding-bottom:var(--sy)}.-pt\:y\<m,.-py\:y\<m,.-pa\:y\<m{padding-top:var(--sy)}.-pl\:y\<m,.-px\:y\<m,.-pa\:y\<m{padding-left:var(--sy)}.-pr\:y\<m,.-px\:y\<m,.-pa\:y\<m{padding-right:var(--sy)}
}

@media print, screen and (min-width: 1024px) {
.-mb\:0\>m { margin-bottom: 0; }
}

/* grid gutters */

.-gg\:1 { --gx: 20px; --gy: var(--s1); } /* form fields grid */
.-gg\:2 { --gx: 10px; --gy: var(--s3); } /* card1 grid */
.-gg\:3 { --gx: var(--s1); --gy: var(--s2); } /* stats grid */
.-gg\:4 { --gx: 10px; --gy: var(--s1); } /* card2 grid */
.-gg\:5 { --gx: var(--s3); --gy: var(--s2); } /* content split */

/* visibility */

.-d\:b { display: block; }
.-d\:n { display: none; }
@media print { .-d\:n\@p { display: none !important; } }

/* position */

.-p\:r { position: relative; }

/* visibility */

.-v\:h { visibility: hidden; }

/* overflow */

.-o\:h { overflow: hidden; }
.-o\:v { overflow: visible; }

/* max widths */

.-xw\:n { --xw: none; max-width: var(--xw); }
.-xw\:1 { --xw: var(--xw_1); max-width: var(--xw); }
.-xw\:2 { --xw: var(--xw_2); max-width: var(--xw); }
.-xw\:3 { --xw: var(--xw_3); max-width: var(--xw); }
.-xw\:4 { --xw: var(--xw_4); max-width: var(--xw); }
.-contain, .-decontain, .-recontain { max-width: none; }

/* colors */

.-c\:d1, a.-c\:d1h:hover, a:hover .-c\:d1h { color: var(--c_d1); } .-c\:d1t, a.-c\:d1th:hover, a:hover .-c\:d1th, html { color: var(--c_d1t); }
.-c\:d2, a.-c\:d2h:hover, a:hover .-c\:d2h { color: var(--c_d2); } .-c\:d2t, a.-c\:d2th:hover, a:hover .-c\:d2th { color: var(--c_d2t); }
.-c\:a1, a.-c\:a1h:hover, a:hover .-c\:a1h { color: var(--c_a1); } .-c\:a1t, a.-c\:a1th:hover, a:hover .-c\:a1th { color: var(--c_a1t); }
.-c\:a2, a.-c\:a2h:hover, a:hover .-c\:a2h { color: var(--c_a2); } .-c\:a2t, a.-c\:a2th:hover, a:hover .-c\:a2th { color: var(--c_a2t); }
.-c\:a3, a.-c\:a3h:hover, a:hover .-c\:a3h { color: var(--c_a3); } .-c\:a3t, a.-c\:a3th:hover, a:hover .-c\:a3th { color: var(--c_a3t); }
.-c\:i1, a.-c\:i1h:hover, a:hover .-c\:i1h { color: var(--c_i1); } .-c\:i1t, a.-c\:i1th:hover, a:hover .-c\:i1th { color: var(--c_i1t); }
.-c\:i2, a.-c\:i2h:hover, a:hover .-c\:i2h { color: var(--c_i2); } .-c\:i2t, a.-c\:i2th:hover, a:hover .-c\:i2th { color: var(--c_i2t); }
.-c\:b1, a.-c\:b1h:hover, a:hover .-c\:b1h { color: var(--c_b1); } .-c\:b1t, a.-c\:b1th:hover, a:hover .-c\:b1th { color: var(--c_b1t); }
.-c\:b2, a.-c\:b2h:hover, a:hover .-c\:b2h { color: var(--c_b2); } .-c\:b2t, a.-c\:b2th:hover, a:hover .-c\:b2th { color: var(--c_b2t); }
.-c\:o1, a.-c\:o1h:hover, a:hover .-c\:o1h { color: var(--c_o1); } .-c\:o1t, a.-c\:o1th:hover, a:hover .-c\:o1th { color: var(--c_o1t); }
.-c\:o2, a.-c\:o2h:hover, a:hover .-c\:o2h { color: var(--c_o2); } .-c\:o2t, a.-c\:o2th:hover, a:hover .-c\:o2th { color: var(--c_o2t); }
.-c\:e1, a.-c\:e1h:hover, a:hover .-c\:e1h { color: var(--c_e1); } .-c\:e1t, a.-c\:e1th:hover, a:hover .-c\:e1th { color: var(--c_e1t); }
.-c\:ix { color: inherit; }
.-c\:ux { color: unset; }

/* color schemes */

@media screen {
.-cs\:1, a.-cs\:1h:hover, a:hover .-cs\:1h { --c_d1t: var(--c_i1); --c_d2t: var(--c_i2); --c_i1t: var(--c_d1); --c_i2t: var(--c_d2); --c_b1t: #111; --c_b2t: #333; --c_o1t: rgba(255,255,255,0.3); --c_o2t: rgba(255,255,255,0.5); }
.-cs\:a1, a.-cs\:a1h:hover, a:hover .-cs\:a1h { --c_d1t: var(--c_i1); --c_d2t: var(--c_i2); --c_i1t: var(--c_d1); --c_i2t: var(--c_d2); --c_a1t: var(--c_i1); --c_b1t: var(--c_a1); --c_b2t: var(--c_a1); --c_o1t: rgba(255,255,255,0.3); --c_o2t: rgba(255,255,255,0.5); }
}

/* opacity */

.-op\:0 { opacity: 0.0; }
.-op\:1 { opacity: 0.1; }
.-op\:2 { opacity: 0.2; }
.-op\:3 { opacity: 0.3; }
.-op\:4 { opacity: 0.4; }
.-op\:5 { opacity: 0.5; }
.-op\:6 { opacity: 0.6; }
.-op\:7 { opacity: 0.7; }
.-op\:8 { opacity: 0.8; }
.-op\:9 { opacity: 0.9; }
.-op\:n { opacity: 1; }

/* families */

.-ff\:1 { font-family: var(--ff_1); }
.-ff\:2 { font-family: var(--ff_1); }

/* weights */

.-fw\:4, .-fw\:n { font-weight: 400; }
.-fw\:7, .-fw\:b { font-weight: 700; }
.-fw\:9, .-fw\:k { font-weight: 900; }
.-fw\:ix, .-fw\:i { font-weight: inherit; }

/* text-transform */

.-tt\:0 { text-transform: none; }
.-tt\:u { text-transform: uppercase; }

/* line-heights */

.-lh\:0 { line-height: 1.0; }
.-lh\:1 { line-height: 1.1; }
.-lh\:2 { line-height: 1.2; }
.-lh\:3 { line-height: 1.3; }
.-lh\:4 { line-height: 1.4; }
.-lh\:5 { line-height: 1.5; }

/* 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],[clickable] { -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],[clickable] { cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.-default *, .-default:hover * { cursor: default; }
[hidden], [js] [noscript], [x-cloak]:not(:target) { display: none !important; }
[invisible] { position: absolute; overflow: hidden; width: 1px;  height: 1px; white-space: nowrap; clip: rect(0 0 0 0); clip-path: inset(50%); }

.notice { border: 1px solid var(--c_d2); background: var(--c_i2); padding: 20px; }

@media screen and (max-width: 599px) {
 #wpadminbar { border:10px solid red; display: none; }
}
@media screen and (min-width: 600px) {
 .admin-bar .top1 { top: 32px; }
}


/*   _      _____ ______  _______
 *   |        |   |_____] |______
 *   |_____ __|__ |_____] ______|
/*

/* tinyslider */ .tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}
/* lazysizes */ [js] .lazyload, [js] .lazyloading { opacity: 0; } [js] .lazyloaded[class] { opacity: 1; transition-duration: 0.5s; }
/* tippy */ .tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
/* basiclightbox */ .basicLightbox{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.8);opacity:.01;transition:opacity .4s ease;z-index:1000;will-change:opacity}.basicLightbox--visible{opacity:1}.basicLightbox__placeholder{max-width:100%;transform:scale(.9);transition:transform .4s ease;z-index:1;will-change:transform}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:95%;max-height:95%}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{pointer-events:auto}.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{width:auto;height:auto}.basicLightbox--iframe .basicLightbox__placeholder,.basicLightbox--img .basicLightbox__placeholder,.basicLightbox--video .basicLightbox__placeholder{width:100%;height:100%;pointer-events:none}.basicLightbox--visible .basicLightbox__placeholder{transform:scale(1)}