/*! Voto Latino > 20191205 ---------------- */

:root {

 --contain: 1090; --sx: 30px; --sy: 20px; --st: 100px; --s1: 40px; --s2: 60px; --s3: 80px; --s4: 100px;
 --nx: calc(var(--sx) * -1); --ny: calc(var(--sy) * -1);
 --vws: 1px; --vwx: calc(var(--vw, 1vw) * 100); --vhx: calc(var(--vh, 1vh) * 100); --vhxs: calc(var(--vhs, 1vh) * 100);

 --ff_1: proxima-nova,Proxima Nova,Helvetica Neue,Arial,sans-serif;
 --ff_2: proxima-nova-extra-condensed,Proxima Nova Extra Condensed,Impact,Helvetica Neue,Arial,sans-serif;
 --ff_3: 'Poppins', sans-serif;

 --c_d1: #06284C; --c_d1t: var(--c_d1); /* default: navy, text */
 --c_d2: #000000; --c_d2t: var(--c_d2); /* default: black, headers */
 --c_i1: #ffffff; --c_i1t: var(--c_i1); /* inverted: white, text */
 --c_a1: #F85352; --c_a1t: var(--c_a1); /* accent: orange, hovers, buttons */
 --c_a2: #B0EFFB; --c_a2t: var(--c_a2); /* accent: teal, backgrounds */
 --c_a3: #FAC9F9; --c_a3t: var(--c_a3); /* accent: pink, backgrounds */
 --c_a4: #FABB52; --c_a4t: var(--c_a4); /* accent: gold, backgrounds */
 --c_s1: #6285EB; --c_s1t: var(--c_s1); /* special: get ready to vote */
 --c_s2: #0089B0; --c_s2t: var(--c_s2); /* special: understand the issues */
 --c_s3: #33CBB8; --c_s3t: var(--c_s3); /* special: get involved */
 --c_s4: #8650BF; --c_s4t: var(--c_s4); /* special: get involved */
 --c_b1: #eeeeee; --c_b1t: var(--c_b1); /* background: gray, separators */
 --c_b2: #E2E5EE; --c_b2t: var(--c_b2); /* background: gray/purple */
 --c_b3: #EF351B; --c_b3t: var(--c_b3); /* background: red */
 --c_o1: #979FA8; --c_o1t: var(--c_o1); /* borders: fields */
 --c_o2: var(--c_d1t); --c_o2t: var(--c_o2); /* borders: fields:focus; */
 --c_e1: #e42625; --c_e1t: var(--c_e1); /* error: red, fields */

 --xw_1: 1090px;
 --xw_2:  880px;
 --xw_3:  710px;
 --xw_4:  590px;

 --t8n_d1: 0.3s;
 --t8n_p1: border-color, background, background-size, box-shadow, transform, opacity, filter, clip-path, -webkit-clip-path;
 --t8n_p2: var(--t8n_p1), visibility;
 --t8n_e1: cubic-bezier(.5,0,0,1);
 --t8n_e2: cubic-bezier(.35,.6,.45,1);

}

@media screen and (max-width: 1279px) { :root { --st: 60px; } }
@media screen and (max-width: 1149px) { :root { --vws: calc((100vw - 320px) / (1150 - 320)); } }
@media screen and (max-width:  719px) { :root { --sx: 20px; --s1: 30px; --s2: 50px; --s3: 60px; --s4: 80px; } }
@media screen and (max-width:  319px) { :root { --vws: 0px; } }
@media print { :root { --st: 80px; --c_b1: #ccc; } }

@font-face { font-family: 'Icons'; font-weight: normal; font-style: normal; src: url('../fonts/icomoon/fonts/icomoon.ttf?whe8fq') format('truetype'), url('../fonts/icomoon/fonts/icomoon.woff?whe8fq') format('woff'), url('../fonts/icomoon/fonts/icomoon.svg?whe8fq#icomoon') format('svg'); }

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

.root1 { position: relative; width: 100%; min-width: 320px; margin: 0; padding: 0; }
 .root1, .root1 *, .root1 *:before, .root1 *:after { box-sizing: border-box; }
 .root1-wrap { margin: 0; }

@media screen {
 .-contain { max-width: 1210px; max-width: calc(var(--contain) * 1px + 2 * var(--sx)); margin-left: auto; margin-right: auto; border-left: 20px solid transparent; border-right: 20px solid transparent; border-left-width: var(--sx); border-right-width: var(--sx); }
 .-decontain { margin-left: calc(50% - var(--vw, 1vw) * 50); margin-right: calc(50% - var(--vw, 1vw) * 50); }
 .-recontain { margin-left: calc(50% - var(--vw, 1vw) * 50); margin-right: calc(50% - var(--vw, 1vw) * 50); padding-left: calc(var(--vw, 1vw) * 50 - 50%); padding-right: calc(var(--vw, 1vw) * 50 - 50%); }
}
@media print {
.-contain { margin-left: auto; margin-right: auto; }
}

/* grid */

[g1] { --gc: 12; --gy: 20px; --gx: 20px; display: grid; grid-template-columns: repeat(var(--gc, 12), 1fr); grid-row-gap: var(--gy); margin-left: calc(var(--gx) / -2); margin-right: calc(var(--gx) / -2); padding: 0; }
[g1~="end"] { align-items: end; }[g1~="center"] { align-items: center; }
 [g1]>* { grid-column: var(--c, auto) / span var(--w, var(--gc, 12)); order: var(--o,0); margin-bottom: 0; margin-left: calc(var(--gx) / 2); margin-right: calc(var(--gx) / 2); }
  [g1]>*:before { display: none; }

[g2] { --gc: 12; --gx: 20px; --gy: 20px; display: flex; flex-wrap: wrap; margin-top: calc(var(--gy,var(--gx)) * -1); margin-left: calc(var(--gx) / -2); margin-right: calc(var(--gx) / -2); padding: 0; pointer-events: none; }
[g2~="inline"] { display: inline-flex; }[g2~="between"] { justify-content: space-between; }[g2~="end"] { align-items: flex-end; }[g2~="center"] { align-items: center; }
 [g2]>* { order: var(--o,0); width: calc(100% * (var(--w,0) / var(--gc, 12) * 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^="1/"]{--w:1}[w^="2/"]{--w:2}[w^="3/"]{--w:3}[w^="4/"]{--w:4}[w^="5/"]{--w:5}[w^="6/"]{--w:6}[w^="7/"]{--w:7}[w^="8/"]{--w:8}[w^="9/"]{--w:9}[w^="10/"]{--w:10}[w^="11/"]{--w:11}[w^="12/"]{--w:12}
[c^="-1/"]{grid-column:span var(--w, var(--gc, 12))/-1}[c^="0/"]{--c:1}[c^="1/"]{--c:2}[c^="2/"]{--c:3}[c^="3/"]{--c:4}[c^="4/"]{--c:5}[c^="5/"]{--c:6}[c^="6/"]{--c:7}[c^="7/"]{--c:8}[c^="8/"]{--c:9}[c^="9/"]{--c:10}[c^="10/"]{--c:11}[c^="11/"]{--c:12}
[o^="-1/"]{--o:-1}[o^="0/"]{--o:0}[o^="1/"]{--o:1}[o^="2/"]{--o:2}[o^="3/"]{--o:3}
@media screen and (max-width: 719px) { [w^="a/"]{width: auto}[w^="0/"]{display:none}}
@media screen and (min-width: 720px) and (max-width: 1023px) {[w*="/a/"]{width: auto}[w*="/0/"]{display:none}}
@media print, screen and (min-width: 720px){[w*="/1/"]{--w:1}[w*="/2/"]{--w:2}[w*="/3/"]{--w:3}[w*="/4/"]{--w:4}[w*="/5/"]{--w:5}[w*="/6/"]{--w:6}[w*="/7/"]{--w:7}[w*="/8/"]{--w:8}[w*="/9/"]{--w:9}[w*="/10/"]{--w:10}[w*="/11/"]{--w:11}[w*="/12/"]{--w:12}[c*="/-1/"]{grid-column:span var(--w, var(--gc, 12))/-1}[c*="/0/"]{--c:1}[c*="/1/"]{--c:2}[c*="/2/"]{--c:3}[c*="/3/"]{--c:4}[c*="/4/"]{--c:5}[c*="/5/"]{--c:6}[c*="/6/"]{--c:7}[c*="/7/"]{--c:8}[c*="/8/"]{--c:9}[c*="/9/"]{--c:10}[c*="/10/"]{--c:11}[c*="/11/"]{--c:12}[o*="/-1/"]{--o:-1}[o*="/0/"]{--o:0}[o*="/1/"]{--o:1}[o*="/2/"]{--o:2}[o*="/3/"]{--o:3}}
@media print, screen and (min-width: 1024px){[w$="/a"]{width: auto}[w$="/0"]{display:none}[w$="/1"]{--w:1}[w$="/2"]{--w:2}[w$="/3"]{--w:3}[w$="/4"]{--w:4}[w$="/5"]{--w:5}[w$="/6"]{--w:6}[w$="/7"]{--w:7}[w$="/8"]{--w:8}[w$="/9"]{--w:9}[w$="/10"]{--w:10}[w$="/11"]{--w:11}[w$="/12"]{--w:12}[c$="/-1"]{grid-column:span var(--w, var(--gc, 12))/-1}[c$="/0"]{--c:1}[c$="/1"]{--c:2}[c$="/2"]{--c:3}[c$="/3"]{--c:4}[c$="/4"]{--c:5}[c$="/5"]{--c:6}[c$="/6"]{--c:7}[c$="/7"]{--c:8}[c$="/8"]{--c:9}[c$="/9"]{--c:10}[c$="/10"]{--c:11}[c$="/11"]{--c:12}[o$="/-1"]{--o:-1}[o$="/0"]{--o:0}[o$="/1"]{--o:1}[o$="/2"]{--o:2}[o$="/3"]{--o:3}}

/* reveal */

@media screen {
[reveal^="1"] { transition-duration: 0.5s; transition-timing-function: ease; }
[reveal^="2"] { transition-duration: 1s; }
[reveal^="3"] { transform: translateY(0); -webkit-clip-path: polygon(-10px -10px, calc(100% + 10px) -10px, calc(100% + 10px) calc(100% + 10px), -10px calc(100% + 10px)); clip-path: polygon(-10px -10px, calc(100% + 10px) -10px, calc(100% + 10px) calc(100% + 10px), -10px calc(100% + 10px)); transition-duration: 1s; }
[r5s]:not([ready]) [reveal^="1+/"], [r5s] [reveal^="1/"]:not([revealed]) { opacity: 0; transform: translateY(30px); }
[r5s]:not([ready]) [reveal^="2+/"], [r5s] [reveal^="2/"]:not([revealed]) { opacity: 0; }
[r5s]:not([ready]) [reveal^="3+/"], [r5s] [reveal^="3/"]:not([revealed]) { opacity: 0; transform: translateY(40px); -webkit-clip-path: polygon(-10px -10px, calc(100% + 10px) -10px, calc(100% + 10px) -10px, -10px -10px); clip-path: polygon(-10px -10px, calc(100% + 10px) -10px, calc(100% + 10px) -10px, -10px -10px); }
[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 Content accordion
 * @example { }
 */

.accordion1 {  }
 .accordion1-entry { margin-bottom: 0; border: 2px solid; border-width: 2px 0; }
 .accordion1-entry + .accordion1-entry { margin-top: -2px; }
  .accordion1-header { display: flex; align-items: center; min-height: 120px; margin: 0; padding: var(--sy) 0; }
   .accordion1-title { display: flex; justify-content: space-between; align-items: center; width: 100%; }
    .accordion1-title:after { content: '\e900'; font: 30px/1 Icons; margin-left: var(--s1); transform: rotate(calc(90deg * var(--yd,1))); }
    [js] .accordion1-header.is-active .accordion1-title:after { --yd: -1; }
  .accordion1-content { overflow: hidden; height: var(--height, auto); transition-property: height; }
  [js] .accordion1-header:not(.is-active) + .accordion1-content { height: 0; }
   .accordion1-inner { padding-bottom: var(--s2); }

@media screen and (max-width: 599px) {
.accordion1-header { min-height: 80px; }
 .accordion1-title:after { font-size: 20px; }
}

/**
 * @name .body1
 * @description Article content
 * @example { }
 */

.body1 { max-width: var(--xw_4); margin-left: auto; margin-right: auto; }
 .body1 h2:not(:first-child) { margin-top: 40px; }
 .body1 .wysiwyg > p { margin-bottom: var(--sx); }

/**
 * @name .box1
 * @description Form box
 * @example { }
 */

.box1 { margin-bottom: 0; padding: var(--s1); background: currentColor; color: var(--c_i1); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.2); }
 .box1-inner { color: var(--c_d1t); }

/**
 * @name .bubble1
 * @description Speech bubble
 * @example { }
 */

.bubble1 { max-width: 320px; }
 .bubble1-main { --sy: 10px; position: relative; z-index: 2; margin-bottom: 0; color: var(--c_i1); }
  .bubble1-main svg { position: absolute; left: -50px; right: -40px; top: -40px; bottom: -60px; margin: 0; width: calc(100% + 90px); height: calc(100% + 100px); }
   .bubble1-main path { fill: var(--c_d1); }
  .bubble1-text { position: relative; }
  .bubble1-action { position: relative; }
   .bubble1-action .go1 { --atcn: var(--c_a1); --atch: var(--c_i1); }
 .bubble1-author { display: flex; position: relative; margin: -10px 0 0 50px; }
  .bubble1-photo { width: 205px; margin: 0 -205px 0 0; transform: translateX(-100%); }
  .bubble1-name { width: 100%; padding: 60px 0 0 15px; font: 700 14px/1.2 var(--ff_1) }

@media print, screen and (max-width: 1279px) {
.bubble1-photo { transform: translateX(-150px); }
.bubble1-name { padding-left: 75px; }
}
@media screen and (max-width: 1023px) {
.bubble1 { margin-left: auto; margin-right: auto; }
 .bubble1-main { --sy: 4px; }
  .bubble1-main svg { left: -30px; right: -20px; top: -30px; bottom: -40px; width: calc(100% + 50px); height: calc(100% + 70px); }
 .bubble1-author { display: block; margin: 0; text-align: center; }
  .bubble1-photo { margin: 0 auto 10px; transform: none; }
  .bubble1-name { padding: 0; }
}
@media screen and (max-width: 599px) {
.bubble1 { max-width: none; margin-left: 20px; margin-right: 10px; }
 .bubble1-photo { width: 175px; }
}

@media print {
.bubble1 { max-width: 360px; padding-left: 30px; }
}

/**
 * @name .carousel1
 * @description Bio carousel
 * @example { }
 */

.carousel1 { }
 .carousel1-entries { display: flex; padding: 0; }
 :root:not([js]) .carousel1-entries { overflow: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }
 :root:not([js]) .carousel1-entries::-webkit-scrollbar { display: none; }
  .carousel1-entries .slick-arrow[class] { --m: -80px; margin-left: var(--m); margin-right: var(--m); }
  .carousel1-entries .slick-dots { display: none !important; }
  .carousel1-entry { flex: none; width: 100%; scroll-snap-align: start; }

@media screen and (max-width: 719px) {
.carousel1-entries { padding: 0 0 30px; }
 .carousel1-entries .slick-arrow { display: none !important; }
 .carousel1-entries .slick-dots { display: block !important; top: auto; bottom: 0; }
}

@media print {
.carousel1-entries { display: block; padding: 0; }
 .carousel1-entries .slick-arrow { display: none !important; }
 .carousel1-entries .slick-dots { display: none !important; }
 .carousel1-entries .slick-track { display: flex; flex-wrap: wrap; }
  .carousel1-entries .slick-slide { left: auto !important; float: none; width: 100% !important; margin-bottom: var(--s2); padding: 0; opacity: 1 !important; }
}

/**
 * @name .carousel2
 * @description Logo reel carousel
 * @example { }
 */
.logo-reel .-t\:2 {
  margin-top: 64px;
}
:root:not([js]) .carousel2-entries {
  overflow: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
:root:not([js]) .carousel2-entries::-webkit-scrollbar {
  display: none;
}
.carousel2-entry {
  flex: none;
  width: 100%;
  scroll-snap-align: start;
  padding: 0 30px 30px;
}
.carousel2-entries {
  margin-bottom: 30px;
}
.carousel2-entries .slick-dots {
  top: auto;
  bottom: 0;
}

@media screen and (min-width: 640px) {
  .carousel2-entries {
    margin: 0;
  }
  .carousel2-entries .slick-arrow[class] {
    --m: -20px;
    margin-left: var(--m);
    margin-right: var(--m);
  }
  .carousel2-entry {
    padding: 0 50px 50px;
  }
}

@media screen and (min-width: 1280px) {
  .carousel2-entries .slick-arrow[class] {
    --m: -70px;
  }
  .carousel2-entry {
    padding: 0 35px 50px;
  }
  .carousel2-entries {
    margin: 0 -35px;
  }
}

@media print {
  .carousel2-entries {
    display: block;
    padding: 0;
  }
  .carousel2-entries .slick-arrow {
    display: none !important;
  }
  .carousel2-entries .slick-dots {
    display: none !important;
  }
  .carousel2-entries .slick-track {
    display: flex;
    flex-wrap: wrap;
  }
  .carousel2-entries .slick-slide {
    left: auto !important;
    float: none;
    width: 100% !important;
    margin-bottom: var(--s2);
    padding: 0;
    opacity: 1 !important;
  }
}

/**
 * @name .carousel3
 * @description Logo reel carousel
 * @example { }
 */
:root:not([js]) .carousel3-entries {
  overflow: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
:root:not([js]) .carousel3-entries::-webkit-scrollbar {
  display: none;
}
.carousel3 {
  padding-bottom: 50px;
}
.carousel3 .slick-track {
  display: flex;
  align-items: stretch;
}
.carousel3 .slick-arrow[class] {
  font-size: 28px;
  background-color: var(--c_d1);
  padding: 14px;
  color: var(--c_i1);
  width: 56px;
  height: 56px;
}
.carousel3 .slick-arrow:hover {
  background-color: var(--c_a1);
}
.carousel3 .slick-arrow::before {
  top: 50%;
  transform: translateY(-50%);
  content: "\e911";
}
.carousel3 .slick-prev::before {
  transform: translateY(-50%) scaleX(-1);
}
.carousel3-entry {
  scroll-snap-align: start;
  margin: 0 10px;
  background-color: var(--c_i1);
  height: auto !important;
  display: flex;
  flex-direction: column;
}
.carousel3-entries {
  margin-bottom: 40px;
}
.carousel3-entries .slick-dots {
  top: auto;
  bottom: 0;
}


@media screen and (min-width: 720px) {
  .carousel3 {
    padding-bottom: 90px;
  }
}

@media screen and (min-width: 1024px) {
  .carousel3 {
    padding-bottom: 80px;
  }
  .carousel3-wrap {
    margin-top: -90px;
  }

}

@media print {
  .carousel3-entries {
    display: block;
    padding: 0;
  }
  .carousel3-entries .slick-arrow {
    display: none !important;
  }
  .carousel3-entries .slick-dots {
    display: none !important;
  }
  .carousel3-entries .slick-track {
    display: flex;
    flex-wrap: wrap;
  }
  .carousel3-entries .slick-slide {
    left: auto !important;
    float: none;
    width: 100% !important;
    margin-bottom: var(--s2);
    padding: 0;
    opacity: 1 !important;
  }
}

/**
 * @name .circular1
 * @description Circular icon
 * @example { }
 */

.circular1[class] { display: inline-flex; justify-content: center; align-items: center; width: 1em; height: 1em; border-radius: 50%; box-shadow: inset 0 0 0 2px; font-size: 40px; line-height: 1; vertical-align: top; }
 .circular1:before { font-size: 0.5em; }

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

.content1 { min-height: calc(var(--vhx) - var(--st,0)); margin-bottom: 0; }
 .content1:before { display: block; content: attr(data-warning); margin: 0; padding: 20px 40px; background: #b22; color: #fff; text-align: center; }
 .top1.-over ~ .content1:before { padding-top: var(--st); }
@supports(--css: variables) { .content1:before { display: none; } }

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

/**
 * @name .cta1
 * @description Orange CTA
 * @example { }
 */

.cta1 { margin-bottom: 0; background: currentColor; color: var(c_b1t); }

@media print, screen and (min-width: 720px) {
.cta1-wrap { display: flex; justify-content: space-between; align-items: center; color: var(--c_d1t); }
 .cta1-image { order: -1; align-self: stretch; width: 37.5%; min-width: 0; margin-bottom: 0; }
  .cta1-shift { height: 100%; margin-left: -50vh; }
   .cta1-shift > figure { height: 100%; margin-left: auto; }
   .cta1-image .img1 { height: 100%; margin-left: auto; }
    .cta1-image .img1[class] img { object-position: 100% 100%; }
 .cta1-main { width: 62.5%; max-width: calc(620px + var(--s2)); min-width: 0; margin-bottom: 0; padding: var(--s3) 0 var(--s3) var(--s2); }
}
@media screen and (max-width: 719px) {
.cta1-main { margin-bottom: 0; padding: var(--s2) 0; }
.cta1-image { margin-left: var(--nx); margin-right: var(--nx); }
}

@media print {
.cta1 { background: none; }
}

/**
 * @name .cta2
 * @description Big pic CTA
 * @example { }
 */

.cta2 { display: flex; justify-content: space-between; position: relative; overflow: hidden; margin-bottom: 0; pointer-events: none; }
 .cta2-image { width: 100%; min-width: 0; margin: 0 -100% 0 0; }
  .cta2-image:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; margin: 0; background: linear-gradient(to right, rgba(0,0,0,0.3), rgba(0,0,0,0) 50%), rgba(0,0,0,0.3); }
  .cta2-image .img1 { min-height: 100%; height: 650px; }
 .cta2-main { align-self: center; position: relative; width: 100%; min-width: 0; margin: 0; padding: var(--s3) 0; }
  .cta2-inner { --sy: 16px; }
   .cta2-inner > * { max-width: 420px; }
   .cta2-inner a { pointer-events: auto; }

@media print {
.cta2-image { display: none; }
}

/**
 * @name .cta3
 * @description Big action with line CTA
 * @example { }
 */

.cta3 { --sy: 2px; }
 .cta3-action { margin-top: 15px; padding-left: 100px; }
  .cta3-wrap { --aown: 0; --atch: unset; display: block; }
  a.cta3-wrap:hover { transform: translateX(20px); }
   a.cta3-wrap:after { position: relative; top: -0.05em; content: '\e900'; margin: 0 0 0 0.35em; font: 0.5em/1 Icons; vertical-align: baseline; }
    .cta3-wrap .line2 { top: -0.32em; height: 0.35ex; }

@media screen and (max-width: 719px) {
.cta3-action { padding-left: 40px; }
.cta3-wrap .line2 { top: -0.02em; height: 1ex; }
}

/**
 * @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 component
 */

.error1-main { margin-bottom: var(--s1); }
 .error1-title { margin-bottom: 5px; }

@media print, screen and (min-width: 1024px) {
.error1 { display: flex; align-items: center; justify-content: space-between; max-width: 1040px; margin: 0 auto var(--s3); }
 .error1-image { order: 2; min-width: 0; width: 100%; max-width: 570px; margin: 0 0 0 var(--s1); }
 .error1-main { max-width: 420px; min-width: 0; margin: 0; }
}

/**
 * @name .facts1
 * @description Tweetable facts
 * @example { }
 */

.facts1 { margin: 0; }
 .facts1-entries { display: flex; overflow: auto; overflow-y: hidden; padding: 0; border-top: 2px solid; background: var(--c_i1); white-space: nowrap; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }
 .facts1-entries::-webkit-scrollbar { display: none; }
 .facts1-entries.-drag { scroll-behavior: auto; cursor: grab; }
  .facts1-entries li { flex: none; width: 420px; margin: 0; box-shadow: -2px 0; white-space: normal; }
   .facts1-entries li:before { display: none; }
   .facts1-entries a { --aown: 0; --atch: 'inherit'; display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: var(--sx); }
   .facts1-entries.-drag a { pointer-events: none; }
    .facts1-entries span { display: block; margin-bottom: var(--s1); }
    .facts1-entries .circular1 { transition-property: color; }
     .facts1-entries .circular1:before { transition: none; }
    .facts1-entries a:hover .circular1 { color: var(--c_a1t); }

@media screen and (max-width: 599px) {
.facts1-entries li { width: 320px; }
}

@media print {
.facts1-entries { border: 2px solid; }
}

/**
 * @name .flatnav1
 * @description Simple flat nav
 */

.flatnav1 { padding: 0; }
 .flatnav1 li { --sy: 15px; margin-bottom: var(--sy); font-weight: 700; }
  .flatnav1 li:before { display: none; }
  .flatnav1 ul { margin-top: 5px; padding: 0; }
   .flatnav1 ul li { margin-bottom: 0; font-weight: normal; }

/**
 * @name .flyout1
 * @description Form flyout
 * @example { }
 */

.flyout1 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; margin: 0; pointer-events: none; }
 .flyout1-wrap { position: absolute; right: 0; top: 50%; width: 400px; height: 0; pointer-events: auto; transition-duration: 0.75s; }
 .flyout1:not(.is-active) .flyout1-wrap { transform: translateX(calc(100% + 50px)); }
  .flyout1-wrap .box1 { padding: var(--sx); transform: translateY(-50%); }
 .flyout1 p.-small { margin-top: calc((var(--sy) * -1) + 5px); }

@media screen and (max-width: 1023px){
.flyout1 { position: relative; overflow: visible; margin-bottom: var(--s3); pointer-events: auto; }
.flyout1.-sub-hero2-4a { margin-top: calc(var(--s4) * -1 - var(--s1) + 100px); }
.flyout1.-sub-hero2-0a { margin-top: calc(var(--s1) * -1); }
 .flyout1-wrap { position: relative; top: auto; width: auto; height: auto; }
  .flyout1-wrap .box1 { transform: none; }
}
@media screen and (max-width: 719px) {
.hero2.-killimg + .flyout1.-sub-hero2-4a { margin-top: -40px; }
}

@media print {
.flyout1 { position: relative; overflow: visible; margin-bottom: var(--s4); }
 .flyout1-wrap { position: relative; top: auto; margin-left: auto; margin-right: auto; }
 .flyout1:not(.is-active) .flyout1-wrap { transform: translateX(0); }
}

/**
 * @name .flyout2
 * @description Form flyout
 * @example { }
 */
.flyout2 {
  position: sticky;
  top: 0;
  margin: 0;
  pointer-events: none;
  z-index: 100;
}
.flyout2-wrap {
  position: absolute;
  right: 0;
  top: 40px;
  width: 45%;
  height: 0;
  pointer-events: auto;
  max-width: 555px;
  transition-duration: 0.75s;
}
.flyout2:not(.is-active) {
  opacity: 0;
  animation: remove 0.25s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
.flyout2[revealed]:not(.is-active) {
  transition-delay: 0s;
}
@keyframes remove {
  from {
    position: sticky;
  }
  to {
    position: absolute;
  }
}
.flyout2-wrap .box1 {
  padding: 50px 92px 50px 50px;
}
.flyout2 .button1 {
  float: right;
}
.flyout2-close[class] {
  --aown: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  margin: 0;
  width: 50px;
  height: 50px;
  color: var(--c_d1);
  font-size: 22px;
  line-height: 1;
}
.flyout2-close.icon-close:before {
  content: '';
  background: url('../images/icon-close.png') no-repeat;
  background-size: cover;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 1279px) {
  .flyout2-wrap .box1 {
    padding: 50px 50px 30px 30px;
  }
}
@media screen and (max-width: 1023px) {
  .flyout2 {
    position: relative;
    overflow: visible;
    margin-bottom: 0;
    pointer-events: auto;
    padding: 30px;
  }
  .flyout2-wrap {
    position: relative;
    top: auto;
    width: auto;
    height: auto;
    max-width: none;
  }
  .flyout2-wrap .box1 {
    transform: none;
    padding: 50px 30px;
  }
  .flyout2-close[class] {
    display: none;
  }
}
@media screen and (max-width: 719px) {
  .flyout2 {
    padding: 20px;
  }
  .flyout2-wrap .box1 {
    padding: 50px 20px;
  }

}

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

.footer1 {  }

@media print, screen and (min-width: 1280px) {
.footer1 { margin-bottom: 0; border-top: 2px solid; }
 .footer1-overlay { display: none; margin: 0; }
 .footer1-outer { }
  .footer1 .nav3 { display: none; }
  .footer1-wrap { display: flex; overflow: hidden; max-width: 1440px; margin: 0 auto; }
   .footer1-slot { min-width: 0; margin: 0; padding: var(--s2) 40px; box-shadow: -2px 0; }
   .footer1-slot:nth-child(1) { min-width: 250px; }
   .footer1-slot:nth-child(2) { padding-left: var(--s2); padding-right: var(--s2); }
   .footer1-slot:nth-child(3) { min-width: 300px; }
    .footer1 .socials1 { margin-bottom: 30px; }
    .footer1-main { --sy: 15px; max-width: 220px; font-size: 14px; }
     .footer1-main .-sep { padding: 0 6px; font: inherit; }
     .footer1-main address { --sy: 5px; margin-top: var(--s1); font: inherit; }
     .footer1-main.-wide { max-width: 590px; margin: 0 auto; padding: var(--s3) 0; text-align: center; }
}
@media screen and (max-width: 1279px) {
.footer1 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 111; overflow: hidden; margin: 0; pointer-events: none; }
 .footer1-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; visibility: hidden; margin: 0; background: rgba(0,0,0,0.1); opacity: 0; transition-property: var(--t8n_p2); pointer-events: none; }
 .is-nav-active .footer1-overlay { visibility: visible; opacity: 1; pointer-events: auto; }
 .footer1-outer { --sx: 20px; overflow: auto; overflow-x: hidden; width: 302px; height: 100%; margin: 0 0 0 auto; border-left: 2px solid; background: var(--c_i1); transform: translateX(100%); scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; pointer-events: auto; }
 .is-nav-active .footer1-outer { transform: translateX(0); }
 .footer1-outer::-webkit-scrollbar { display: none; }
  .footer1 .nav3 { margin: 0; }
  .footer1-wrap { display: flex; flex-direction: column; width: 100%; }
   .footer1-slot { margin-bottom: 0; padding: 30px var(--sx); border-top: 2px solid; }
   .footer1-slot:nth-child(2) { order: -1; border-top-width: 0; }
    .footer1-slot .signup1-title { margin-bottom: 20px; font-size: 30px; }
    .footer1-slot .signup1-fields > p:nth-child(1) { --w: 12; }
    .footer1-slot .signup1-fields > p:nth-child(2) { --w: 4; }
    .footer1-slot .signup1-fields > p:nth-child(3) { --w: 8; }
    .footer1-main { --sy: 15px; font-size: 14px; }
     .footer1-main address { --sy: 5px; font: inherit; }

.is-nav-active .root1-wrap > *:not(.footer1) { transform: translateX(-302px); }
}
@media screen and (max-width: 359px) {
.footer1-outer { width: 262px; }
.is-nav-active .root1-wrap > *:not(.footer1) { transform: translateX(-262px); }
}

@media print {
.footer1 { border-top-color: var(--c_b1); }
 .footer1-slot { padding-bottom: 0; box-shadow: -2px 0 var(--c_b1); }
 .footer1-slot:first-child { min-width: 200px; padding-left: 0; box-shadow: none; }
 .footer1-slot:last-child { min-width: 250px; padding-right: 0; }
}

/**
 * @name .go1
 * @description Back/forward link
 * @example { }
 */

.go1 { --aown: 0; display: inline-flex; align-items: baseline; font-weight: bold; }
 .go1 > span:not(:first-child) { margin-left: 0.5em; }
 .go1 > span:not(:last-child) { margin-right: 0.5em; }
 .go1 > [class*="icon-arrow-"] { font-size: 0.8em; }

 /**
 * @name .google-map
 * @description Google Map
 * @example { }
 */
.google-map { position: relative; height: calc(var(--vhx) - var(--s4,0));  max-height: calc(var(--vhx) - var(--s4,0)); }
.-form .google-map { margin-bottom: var(--st); }
.google-map * { transition: none; }
.google-map_infowindow-wrapper .si-shadow-wrapper-top, .google-map_infowindow-wrapper .si-pointer-border-top, .google-map_infowindow-wrapper .si-content-wrapper {
  margin-bottom: 0;
}
.gm-style img { width: 100%; }
.google-map_deets { padding: 32px 16px; }
.si-close-button, .google-map-location-btn { background: var(--bc) !important; font: 700 18px/var(--lh) var(--ff_1) !important; opacity: var(--op) !important; }
.google-map_cta { font-size: 16px !important; }

@media screen and (min-width: 960px) {
  .-form .google-map { height: 100%; width: calc(50% - 20px);  position: absolute !important; max-height: none; }
}

/**
 * @name .hero1
 * @description Vote hero
 * @example { }
 */

@media screen {
.hero1 { display: flex; align-items: flex-end; margin: 0; background: var(--c_d1t); }
 .hero1-image { position: relative; width: 100%; min-width: 0; margin: 0 -100% 0 0; }
  .hero1-image:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; margin: 0; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.3)); }
  .hero1-image .img1 { height: var(--vhxs); }
   .hero1-image .img1:before { display: none; }
 .hero1-main { position: relative; width: 100%; min-width: 0; margin: 0; }
  .hero1-wrap { --sy: 10px; padding: var(--s3) 0 var(--s4); }
}
@media screen and (max-width: 1279px) {
.hero1-image .img1 { height: calc(var(--vhxs) - 60px); }
}
@media screen and (max-width: 599px) {
.hero1-wrap { padding: var(--st) 0 var(--s1); }
}

@media print {
.hero1 { margin: 0; padding-top: var(--st); }
 .hero1-image { margin-bottom: var(--s2); }
}

/**
 * @name .hero2
 * @description Homepage hero
 * @example { }
 */

.hero2 { position: relative; overflow: hidden; margin-bottom: 0; }
 .hero2-wrap { display: flex; align-items: center; }
 .hero2.-fullscreen .hero2-wrap { height: calc(var(--vhx) - var(--st)); max-height: calc(750px + var(--s3)); }
  .hero2-image { align-self: flex-start; flex: none; width: 100%; margin: 0 -100% 0 0; }
   .hero2-inner { margin-right: -50vw; padding-left: 380px; }
    .hero2-inner .img1 { width: 750px; }
  .hero2-main { --sy: 15px; flex: none; position: relative; width: 100%; margin: 0; }
   .hero2-title { max-width: 460px; }
   .hero2-lead { max-width: 360px; transition-delay: 0.2s; }

@media screen and (max-width: 1023px) {
.hero2.-fullscreen .hero2-wrap { height: auto; max-height: none; }
 .hero2-inner .img1 { width: 500px; }
}
@media screen and (max-width: 719px) {
.hero2-inner { padding-left: 160px; }
 .hero2-inner .img1 { width: 400px; }
 .hero2-title { max-width: calc(100% - 80px); }
 .hero2-lead { max-width: calc(100% - 80px); }
.hero2.-killimg .hero2-image { display: none; }
.hero2.-killimg .hero2-main { padding: var(--s1) 0 0; }
}

@media print {
.hero2-title[class] { color: inherit; }
}

/**
 * @name .hero3
 * @description Landing Page Hero
 * @example { }
 */

.hero3 { position: relative; overflow: hidden; margin-bottom: 0; }
 .hero3-wrap { display: flex; align-items: center; }
 .hero3.-fullscreen .hero3-wrap { height: var(--vhx); }
 .hero3-image { position: absolute; width: 100%; min-width: 0; }
  .hero3-image .img1 { height: var(--vhxs); }
   .hero3-inner { margin-right: -50vw; padding-left: 380px; }
    .hero3-inner .img1 { width: 750px; }
  .hero3-main { --sy: 15px; flex: none; position: relative; width: 100%; margin: 0; }
   .hero3-title { max-width: 460px; }
   .hero3-lead { max-width: 360px; transition-delay: 0.2s; }
 .hero3-logoset { display: flex; flex-wrap: wrap; }
 .hero3 .hero3-logo { min-width: 120px; margin-right: var(--sx);}
  .hero3 .hero3-logo:last-of-type { margin-right: 0; }

@media screen and (max-width: 1023px) {
.hero3 + .flyout1.-sub-hero2-4a { margin-top: calc(var(--s4) * -1 - var(--s1))}
}
@media screen and (max-width: 719px) {
.hero3-inner { padding-left: 160px; }
 .hero3-inner .img1 { width: 400px; }
 .hero3-title { max-width: calc(100% - 80px); }
 .hero3-lead { max-width: calc(100% - 80px); }
.hero3.-killimg .hero3-image { display: none; }
.hero3.-killimg .hero3-main { padding: var(--s1) 0 0; }
.hero3 + .flyout1.-sub-hero2-4a { margin-top: -var(--s4)}
}

@media print {
.hero3-title[class] { color: inherit; }
}

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

.img1 { display: block; position: relative; overflow: hidden; width: 100%; }
 .img1[style*="--r:"]:before { display: block; content: ''; width: 100%; padding-bottom: calc(var(--r) * 100%); }
 .img1 img, .img1 video { display: block; width: 100%; }
 .img1[style*="--r:"] img { position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; object-position: var(--x, 50%) var(--y, 50%); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
 .img1.-round img, .img1.-round video { border-radius: 50%; }
 .img1.-left { --x: 0; } .img1.-right { --x: 100%; } .img1.-top { --y: 0; } .img1.-bottom { --y: 100%; }
 .img1.-fit img, .img1.-fit video { object-fit: contain; }
.img1.-zoom { transform: translateZ(0); }
 a:hover .img1.-zoom img, [data-img1zoom]:hover .img1.-zoom img { transform: scale(1.1); }

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

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

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

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

.line1 { height: 20px; margin-bottom: 15px; background: currentColor; }

@media screen {
[r5s] .line1[reveal] { transform-origin: 0 50%; transition-duration: 0.75s; }
[r5s] .line1[reveal]:not([revealed]) { transform: scaleX(0); }
}
@media print {
.line1 { box-shadow: inset 0 0 0 100px; background: none; }
}

/**
 * @name .line2
 * @description Edge-to-text line
 * @example { }
 */

.line2 { display: inline-block; position: relative; width: 0; height: 1ex; vertical-align: baseline; }
 .line2:before { position: absolute; right: var(--sx); top: 0; bottom: 0; content: ''; width: var(--offset-left, 50vw); background: currentColor; }

@media screen {
[r5s] .line2[reveal]:before { transform-origin: 0 50%; transition-duration: 0.75s; }
[r5s] .line2[reveal]:not([revealed]):before { transform: scaleX(0); }
}
@media screen and (max-width: 719px) {
.line2:before { right: 10px; }
}
@media print {
.line2:before { box-shadow: inset 0 0 0 100px; background: none; }
}

/**
 * @name .linkbar1
 * @description Scrolled link bar
 * @example { }
 */

.linkbar1 { margin: 0; border: 2px solid var(--c_d1t); border-width: 2px 0; background: currentColor; color: var(--c_a3t); font-weight: bold; }
 .linkbar1-entries { display: flex; overflow: auto; overflow-y: hidden; padding: 0; color: var(--c_d1t); white-space: nowrap; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }
 .linkbar1-entries.-drag { scroll-behavior: auto; cursor: grab; }
 .linkbar1-entries::-webkit-scrollbar { display: none; }
  .linkbar1-entries li { flex: 1 0 auto; width: 300px; margin: 0; box-shadow: -2px 0; white-space: normal; }
   .linkbar1-entries li:before { display: none; }
   .linkbar1-entries a { --aown: 0; --abch: var(--c_i1t); --atch: var(--c_a1t); display: block; height: 100%; padding: var(--sx); }
   .linkbar1-entries.-drag a { pointer-events: none; }

@media screen and (max-width: 599px) {
.linkbar1-entries li { width: 160px; }
 .linkbar1-entries a { padding: 10px; }
}

@media print {
.linkbar1 { border-width: 2px; background: none; }
}

/**
 * @name .loader1
 * @description Loading spinner
 */

.loader1 { display: block; position: absolute; left: 50%; top: 50%; margin: -0.5em 0 0 -0.5em; color: rgba(0,0,0,0.25); font-size: 30px; animation: loader1 1s 1 linear; pointer-events: none; transition-property: var(--t8n_p2); }
.img1.-dark .loader1, .loader1.-light { color: rgba(255,255,255,0.65); }
.lazyloading ~ .loader1 { animation-iteration-count: infinite; }
.lazyloaded ~ .loader1, html:not([js]) .loader1 { visibility: hidden; opacity: 0; animation-iteration-count: 1; }
 .loader1:before { display: block; content: ''; width: 1em; height: 1em; border: 0.1em solid; border-top-color: transparent; border-radius: 50%; }

@media screen and (max-width: 599px) {
.loader1 { font-size: 20px; }
}

@keyframes loader1 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/**
 * @name .loader2
 * @description Full screen loader
 */

.loader2 { visibility: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; margin: 0; background: rgba(0,0,0,0.35); font-size: 60px; transition-property: opacity, visibility; opacity: 0; }
.loader2.is-active { visibility: visible; opacity: 1; }
 .loader2:after { position: absolute; left: 50%; top: 50%; content: ''; width: 1em; height: 1em; margin: -0.5em 0 0 -0.5em; border: 0.1em solid; border-top-color: transparent; border-radius: 50%; color: var(--c_i1t); animation: loader1 1s infinite paused linear; }
 .loader2.is-active:after { animation-play-state: running; }
.loader2.-small { font-size: 32px; }
.loader2.-static { display: none; position: relative; z-index: unset; margin-bottom: var(--sy); background: none; }
.loader2.-static.is-active { display: block; }
 .loader2.-static:after { display: block; position: relative; left: 0; top: 0; margin: 0; color: var(--c_d1); opacity: 0.75; }

/**
 * @name .logos1
 * @description Logo grid
 * @example { }
 */

.logos1 { overflow: hidden; margin-bottom: var(--s3); }
 .logos1-items { --gx: 70px; --gy: 50px; }
  .logos1-items figure { width: 25%; }
    .logos1-items figure > * { display: flex!important; height: 100%; flex-direction: column; justify-content: center; }
   .logos1-items a { display: block; --aown: 0; }

@media screen and (max-width: 1279px) {
.logos1-items { --gx: 40px; --gy: var(--gx); }
}
@media screen and (max-width: 1023px) {
.logos1-items figure { width: 33.33%; }
}
@media screen and (max-width: 599px) {
.logos1-items { --gx: 30px; }
 .logos1-items figure { width: 50%; }
}


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

.modal1 { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 201; visibility: hidden; margin: 0; background: rgba(6,40,76,0.5); opacity: 0; transition-property: var(--t8n_p2); pointer-events: none; }
[js] .modal1.is-active, .modal1:target { visibility: visible; opacity: 1; pointer-events: auto; }
 .modal1-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; margin: 0; }
 .modal1-outer { display: flex; align-items: center; justify-content: center; height: 100%; padding: var(--s3) 0; overflow: auto; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }
  .modal1-outer::-webkit-scrollbar { display: none; }
   .modal1-wrap { position: relative; width: 820px; margin: auto !important; background: #fff; transform: scale(0.9); }
   [js] .modal1.is-active .modal1-wrap, .modal1:target .modal1-wrap { transform: translateY(0) scale(1); }
    .modal1-close[class] { --aown: 0; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 0; z-index: 2; margin: 0; width: 50px; height: 50px; background: var(--c_d1); color: var(--c_i1); font-size: 22px; line-height: 1; }

@media screen and (max-width: 719px) {
.modal1-outer { padding-bottom: 0; }
 .modal1-wrap { width: 100%; margin: auto auto 0 !important; transform: translateY(100%) scale(1); }
  .modal1-close[class] { position: relative; float: right; margin: 0 0 10px 20px; }
}

@media print {
.modal1 { background: transparent; }
}

/**
 * @name .mosaic1
 * @description 3-col stats mosaic
 * @example { }
 */

.mosaic1 {  }
 .mosaic1-main { --s: var(--sx); --h: 240px; --w: calc(var(--h) - var(--s) * 2); display: flex; flex-wrap: wrap; padding: 0; }
  .mosaic1-main li { position: relative; width: 33.33%; min-width: 0; min-height: var(--h); margin: 0; padding: var(--s); color: var(--c_i1t); }
   .mosaic1-main li:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; width: auto; height: auto; margin: 0; background: var(--c_d1t); opacity: 0.6; }
   .mosaic1-main li:nth-child(4n+2):before { opacity: 0.7; }
   .mosaic1-main li:nth-child(4n+3):before { opacity: 0.8; }
   .mosaic1-main li:nth-child(4n+4):before { opacity: 0.9; }
   .mosaic1-wrap { --aown: 0; --atch: 'inherit'; display: block; position: relative; }
    .mosaic1-wrap .img1 { position: absolute; right: 0; top: 0; width: var(--w); height: var(--w); }
    .mosaic1-wrap big { display: block; position: relative; margin-right: var(--w); }
    .mosaic1-wrap strong { display: block; position: relative; margin-right: var(--w); }

@media screen and (max-width: 1279px) {
.mosaic1-main li { width: 50%; }
}
@media screen and (max-width: 1023px) {
.mosaic1-main { display: block; }
 .mosaic1-main li { width: 100%; }
}
@media screen and (max-width: 599px) {
.mosaic1-main { --h: 140px; }
}

@media print {
.mosaic1-main { --w: 0; }
 .mosaic1-main li { min-height: 0; border: 1px solid var(--c_b1); color: var(--c_d1); }
 .mosaic1-main li ~ li { margin-left: -1px; }
  .mosaic1-main .img1 { display: none; }
 .mosaic1-main li:before { display: none; }
}

/**
 * @name .mosaic2
 * @description 6-col mosaic
 * @example { }
 */

.mosaic2 {  }
 .mosaic2-main { --s: 20px; --w: 180px; display: flex; flex-wrap: wrap; padding: 0; }
  .mosaic2-main li { position: relative; width: 16.66%; min-width: 0; margin: 0; color: var(--c_i1t); }
   .mosaic2-main li:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; width: auto; height: auto; margin: 0; background: var(--c_d1t); opacity: 0.5; }
   .mosaic2-main li:nth-child(4n+2):before { opacity: 0.6; }
   .mosaic2-main li:nth-child(4n+3):before { opacity: 0.7; }
   .mosaic2-main li:nth-child(4n+4):before { opacity: 0.8; }
   .mosaic2-wrap { --aown: 0; --abch: var(--c_a1t); --atch: 'inherit'; display: flex; flex-direction: column; justify-content: space-between; position: relative; width: 100%; height: 100%; border: var(--s) solid transparent; }
    .mosaic2-main strong { display: block; position: relative; min-height: 60px; margin-bottom: 30px; }
    .mosaic2-main .img1 { display: block; position: relative; }

@media print, screen and (max-width: 1279px) {
 .mosaic2-main li { width: 25%; }
.mosaic2.-scroll .mosaic2-main { flex-wrap: nowrap; overflow: auto; overflow-y: hidden; white-space: nowrap; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }
.mosaic2.-scroll .mosaic2-main::-webkit-scrollbar { display: none; }
 .mosaic2.-scroll li { flex: none; width: 240px; white-space: normal; }
}
@media screen and (max-width: 719px) {
.mosaic2-main li { width: 33.33%; }
 .mosaic2-main strong { min-height: 42px; }
}
@media screen and (max-width: 599px) {
.mosaic2-main li { width: 50%; }
}

@media print {
.mosaic2-main li { margin-top: -1px; margin-right: -1px; border: 1px solid var(--c_b1); color: inherit; }
 .mosaic2-main li:before { display: none; }
 .mosaic2-main .img1 { display: none; }
}




/**
 * @name .mosaic3
 * @description 6-col stats mosaic
 * @example { }
 */

 .mosaic3 {  }
 .mosaic3-main { --s: var(--sx); --h: 240px; --w: calc(var(--h) - var(--s) * 2); display: flex; flex-wrap: wrap; padding: 0; }
  .mosaic3-main li { position: relative; display:flex; width: 50%; min-width: 0; min-height: var(--h); margin: 0; padding: var(--s); color: var(--c_i1t); }
   .mosaic3-main li:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; width: auto; height: auto; margin: 0; background: var(--c_d1t); opacity: 0.2; }
   .mosaic3-main li:nth-child(4n+2):before { opacity: 0.3; }
   .mosaic3-main li:nth-child(4n+3):before { opacity: 0.4; }
   .mosaic3-main li:nth-child(4n+4):before { opacity: 0.5; }
   .mosaic3-wrap { --aown: 0; --atch: 'inherit'; display: flex; align-items: center; position: relative; }
    .mosaic3-wrap .img1 { position: absolute; left: 0; top: 0; width: var(--w); height: var(--w); }
    .mosaic3-wrap big { display: block; position: relative; margin-left: var(--w); }
    .mosaic3-wrap strong { display: block; position: relative; margin-left: var(--w); }

@media screen and (max-width: 1279px) {
.mosaic3-main li { width: 50%; }
}
@media screen and (max-width: 1023px) {
.mosaic3-main { display: block; }
 .mosaic3-main li { width: 100%; }
}
@media screen and (max-width: 599px) {
.mosaic3-main { --h: 140px; }
}

@media print {
.mosaic3-main { --w: 0; }
 .mosaic3-main li { min-height: 0; border: 1px solid var(--c_b1); color: var(--c_d1); }
 .mosaic3-main li ~ li { margin-left: -1px; }
  .mosaic3-main .img1 { display: none; }
 .mosaic3-main li:before { display: none; }
}


/**
 * @name .names1
 * @description List of names in columns
 * @example { }
 */

.names1 { columns: 3; column-gap: var(--s2); margin-top: -10px; padding: 0; }
 .names1 li { display: block; width: 100%; margin-bottom: 0; padding-top: 10px; }
  .names1 li:before { display: none; }

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

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

.nav1 {  }
 .nav1-main { display: flex; padding: 0; font: 700 15px/1.2 var(--ff_1); text-transform: uppercase; }
  .nav1-main li { position: relative; margin: 0 0 12px; }
  .nav1-main > li { margin-bottom: 0; }
  .nav1-main > li ~ li { margin-left: 40px; }
   .nav1-main li:before { display: none; }
   .nav1-main > li > a { --aown: 2px; --aocn: transparent; --aoch: currentColor; --atch: currentColor; display: block; }
   .nav1-main > li.is-active > a { --aown: 2px; --aocn: currentColor; }
   .nav1-main em { position: absolute; left: -10001px; top: -10001px; font-style: normal; }
   .nav1-main ul { --s: 20px; position: absolute; left: 50%; top: 100%; visibility: hidden; width: 300px; margin: var(--s) 0 0 -150px; padding: var(--s1); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.2); background: var(--c_i1); color: var(--c_d1); font: 17px/1.29 var(--ff_1); text-transform: none; opacity: 0; pointer-events: none; transform: translateY(10px); transition-property: var(--t8n_p2); }
   .nav1-main li:hover > ul,
   .nav1-main li > a:focus ~ ul { visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0); }
   .nav1-main ul:focus-within { visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0); }
    .nav1-main ul:before { position: absolute; left: 0; right: 0; bottom: 100%; content: ''; height: var(--s); }
    .nav1-main ul:after { position: absolute; left: 50%; bottom: 100%; content: ''; border: 10px solid transparent; border-bottom-color: var(--c_i1); transform: translateX(-50%); }
     .nav1-main ul a { --aown: 0; display: inline-block; vertical-align: top; }
     .nav1-main ul .is-active > a { --aown: 1px; }

@media screen and (max-width: 1365px) {
.nav1-main > li ~ li { margin-left: 25px; }
}

/**
 * @name .nav2
 * @description Tab navigation
 * @example { }
 */

.nav2 { overflow: hidden; margin-bottom: var(--s2); }
 .nav2-main { --gx: 100px; padding: 0; font: 700 24px/1.25 var(--ff_1); text-transform: uppercase; }
  .nav2-main li { width: auto; }
   .nav2-main li:before { display: none; }
   .nav2-main a { --aown: 0; display: block; }
   .nav2-main .is-active a { --atcn: var(--c_a1t); border-bottom: 10px solid; }

@media screen and (max-width: 1279px) {
.nav2-main { --gx: 60px; }
}
@media screen and (max-width: 719px) {
.nav2-main { --gx: 30px; font: 700 17px/1.25 var(--ff_1); }
 .nav2-main .is-active a { border-bottom-width: 6px; }
}

/**
 * @name .nav3
 * @description Mobile nav
 * @example { }
 */

.nav3 {  }
 .nav3-main { padding: 0; }
  .nav3-main > li { margin: 0; background: currentColor; }
   .nav3-main > li:before { display: none; }
   .nav3-item { overflow: hidden; color: var(--c_d1t); }
    .nav3-item > a { --aown: 0; --atch: 'inherit'; display: block; padding: 18px var(--sx); line-height: 24px; font-weight: bold; }
    .nav3-item > i { float: right; margin-left: 10px; padding: 18px var(--sx); transform: rotate(90deg); }
     .nav3-item > i:before { display: block; }
     .nav3-item.is-active > i:before { transform: rotate(-180deg); }
    .nav3-item > ul { overflow: hidden; padding: 0; }
    [js] .nav3-item > ul { height: 0; transition-property: height; }
    [js] .nav3-item.is-active > ul { height: var(--height, auto); }
     .nav3-item li { margin-bottom: 5px; padding: 0 var(--sx); }
     .nav3-item li:last-child { padding-bottom: var(--sx); }
      .nav3-item li:before { display: none; }
      .nav3-item li a { --aown: 0; }
      .nav3-item li.is-active a { --aown: 1px; --aocn: currentColor; }
    .nav3-item.-border { border-bottom: 1px solid var(--c_d1); }

/**
 * @name .nav4
 * @description Bottom sticky nav
 * @example { }
 */

.nav4 { display: none; }

@media screen and (max-width: 1279px) {
.nav4 { display: block; position: -webkit-sticky; position: sticky; bottom: 0; z-index: 100; overflow: hidden; margin: 0; background: var(--c_d1); color: var(--c_i1); text-align: center; }
 .nav4-main { display: flex; min-height: 60px; margin: 0 0 0 -1px; padding: 0; font: 700 11px/1.36 var(--ff_1); text-transform: uppercase; }
  .nav4-main li { flex: 1 0 0; min-width: 0; margin: 0; border-left: 1px solid; border-width: 0 1px; }
   .nav4-main li:before { display: none; }
   .nav4-main a { --aown: 0; display: flex; justify-content: center; align-items: center; height: 100%; padding: 5px 10px; }
   .nav4-main .is-active > a { box-shadow: inset 0 4px var(--c_a1); }
}

/**
 * @name .phases1
 * @description Phases timeline
 * @example { }
 */

.phases1 { --gx: 100px; position: relative; z-index: 1; height: 0; }
 .phases1-outer { position: relative; margin: 0; }
  .phases1-outer:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; margin: 0; background: currentColor; opacity: 0.2; }
  .phases1-inner { padding: 5px 0; color: var(--c_d1t); }
   .phases1-main { display: flex; overflow: auto; overflow-y: hidden; padding: 0; white-space: nowrap; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }
   .phases1-main::-webkit-scrollbar { display: none; }
    .phases1-main li { flex: 0 0 auto; position: relative; min-width: 0px; margin: 0; padding-left: 20px; white-space: normal; }
    .phases1-main li:last-child { padding-right: 20px; }
    .phases1-main li ~ li { margin-left: var(--gx); }
     .phases1-main li:before { float: left; top: 3px; width: 20px; height: auto; content: '\e90a'; margin: 0 0 0 -20px; padding-left: 2px; background: none; color: currentColor; font: 12px/1 Icons; opacity: 0.4; }
     .phases1-main li.is-active:before, .phases1-main li.is-active ~ li:before { top: 5px; width: 8px; height: 8px; content: ''; margin-right: 12px; border-radius: 50%; background: var(--c_i1t); opacity: 1; }
     .phases1-main li:after { position: absolute; right: 100%; top: 8px; content: ''; width: calc(var(--gx) - 20px); height: 2px; margin: 0 5px 0 0; border-top: 2px dashed var(--c_i1t); }
     .phases1-main li:first-child:after { display: none; }
     .phases1-main li.is-active:before { background-color: var(--c_a1t); }
     .phases1-main span { display: block; font-size: 14px; text-transform: uppercase; opacity: 0.4; }
     .phases1-main strong { opacity: 0.4; }
     .phases1-main .is-active > * { opacity: 1; }

@media screen and (max-width: 1023px) {
.phases1 { --gx: 80px; height: auto; }
}
@media screen and (max-width: 719px) {
.phases1-inner { border-left-width: 0; border-right-width: 0; }
 .phases1-main { padding-left: var(--sx); }
}

@media print {
.phases1 { height: auto; margin: var(--s1) 0; box-shadow: inset 0 0 0 1px var(--c_b1); }
 .phases1-outer:before { display: none; }
 .phases1-inner { padding: 10px 20px; }
  .phases1-main li:before { background-color: var(--c_b1); }
  .phases1-main li:after { border-top-color: var(--c_b1); }
}

/**
 * @name .play1
 * @description Play icon
 * @example { }
 */

.play1 { display: flex; justify-content: center; align-items: center; position: absolute; left: 50%; top: 50%; width: 1em; height: 1em; font-size: 120px; line-height: 1; transform: translate(-50%,-50%); }
 .play1:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; margin: 0; border-radius: 50%; background: var(--c_a1); }
 [data-play1hover]:hover .play1:before { transform: scale(0.9); }
 .play1:after { display: block; position: relative; content: '\e90c'; padding-left: 0.1em; color: var(--c_i1); font: 0.4em/1 Icons; }

@media screen and (max-width: 1279px) {
.play1 { font-size: 80px; }
}
@media screen and (max-width: 719px) {
.play1 { font-size: 60px; }
}

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

.promo1 { display: flex; align-items: center; position: relative; min-height: 480px; margin: 0; background: var(--c_i1); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.2); }
 .promo1-image { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; }
  .promo1-image .img1 { height: 100%; }
   .promo1-image .img1:before { display: none; }
 .promo1-main { position: relative; max-width: 500px; padding: var(--s2) var(--s3); }
  .promo1-main.-opaque { background: var(--c_i1); }

@media screen and (max-width: 1023px) {
.promo1-main { padding-left: var(--s1); padding-right: var(--s1); }
}
@media screen and (max-width: 719px) {
.promo1 { display: block; min-height: 0px; }
 .promo1-image { display: none; }
 .promo1-main { max-width: 100%; padding: var(--s1) var(--sx); }
}

/**
 * @name .promo2
 * @description Testimonial
 * @example { }
 */

.promo2 { position: relative; overflow: hidden; margin-bottom: 0; padding-top: var(--s3); background: currentColor; color: transparent; }
 .promo2-wrap { display: flex; justify-content: space-between; align-items: flex-end; width: 100%; color: var(--c_d1t); }
  .promo2-wrap > * { width: calc(50% - 20px); min-width: 0; margin-bottom: 0; }
  .promo2-main { align-self: center; padding: var(--s2) 0; }
   .promo2-image .img1 { width: auto; height: 520px; margin-right: -50vw; }

@media screen and (max-width: 1023px) {
.promo2 { padding-top: var(--s2); }
 .promo2-wrap { display: block; }
  .promo2-wrap > * { width: auto; }
  .promo2-main { margin-bottom: var(--s1); padding: 0; }
   .promo2-image .img1 { height: auto; margin-right: var(--nx); }
}

@media print {
.promo2 { background: transparent; }
}

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

.quote1 { --s: 45px; padding: 0; box-shadow: none; }
 .quote1 q { padding-left: var(--s); }
  .quote1 q:before { float: left; content: '\e905'; width: var(--s); margin: 6px 0 0 calc(var(--s) * -1); color: var(--c_a1t); font: 0.75em/1 Icons; }
  .quote1 q:after { display: none; }
 .quote1 q ~ * { padding-left: var(--s); }
.-c\:b2 .quote1 q:before { color: inherit; }

@media screen and (max-width: 599px) {
.quote1 { --s: 35px; }
}

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

@media screen and (max-width: 1023px) {
.scrolled1 { position: relative; margin-right: var(--nx); margin-left: var(--nx); }
 .scrolled1:after { position: absolute; right: var(--sx); bottom: -16px; content: ''; width: 18px; height: 24px; background: url(../images/table1-icon1.png) no-repeat; background-size: contain; opacity: 0.75; pointer-events: none; animation: scrolled1 2s infinite; }
 .scrolled1-outer { overflow: auto; overflow-y: hidden; padding: 0; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }
 .scrolled1-outer::-webkit-scrollbar { display: none; }
  .scrolled1-inner { min-width: 984px; }
   .scrolled1-inner table { width: 100%; }
    .scrolled1-inner tr > :first-child { border-left-width: 0; padding-left: var(--sx); }
    .scrolled1-inner tr > :last-child { border-right-width: 0; padding-right: var(--sx); }

@keyframes scrolled1 { 0% { opacity: 0; transform: translate3d(0,0,0); } 60% { transform: translate3d(-20px,0,0); opacity: 0.75; } 80% { opacity: 0.75; } 100% { opacity: 0; transform: translate3d(-20px,0,0); } }
}

/**
 * @name .signup1
 * @description Signup form
 * @example { }
 */

.signup1 {  }
 .signup1-title { margin-bottom: 30px; }
 .signup1-fields { --gx: 10px; --gy: 20px; }
  .signup1-fields p { position: relative; }
   .signup1-fields label:first-child { font-weight: bold; }
   .signup1-tick input[type="checkbox"] { float: left; margin: -1px -100% 0 0; }
   .signup1-tick input[type="checkbox"] + label { display: block; margin-left: 30px; font-size: 14px; }

@media screen and (min-width: 1280px) {
.signup1-title span { white-space: nowrap; }
}

/**
 * @name .skips1
 * @description Skip links
 */

.skips1 { position: absolute; top: 100%; left: 0; z-index: 9999; list-style: none; width: 100%; height: 0; margin: -30px 0 0; padding: 0; text-align: center; }
 .skips1 li { position: absolute; left: 0; top: 0; width: 100%; height: 0; font: bold 50px/1 Calibri,Myriad Pro,Arial,Helvetica Neue,Helvetica,sans-serif; }
  .skips1 li:before { display: none;  }
  .skips1 li a { display: inline-block; position: absolute; left: -10001px; margin: 0 auto; padding: 20px 30px; border: 1px dotted #fff; border-color: rgba(255,255,255,0.7); border-radius: 20px;  background: #333; background: rgba(0,0,0,0.6); color: #fff; text-align: center; text-decoration: none; outline: none; }
  .skips1 li a:focus, .skips1 li a:active { position: relative; left: 0; }

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

/**
 * @name .slick
 * @description Slick slider defaults
 */

@media screen {
.slick-track { transition: none; }
 .slick-slide { margin-bottom: 0; border-top-width: 0; outline: none; }
  .slick-slide * { outline: none; }
.slick-arrow[class] { --own: 0; --tcn: var(--c_d1t); --tch: var(--c_a1t); overflow: hidden; position: absolute; left: 0; top: 50%; z-index: 10; width: 1em; min-width: 0; height: 1em; margin: -0.5em 0 0; min-height: 0; padding: 0; border: none; border-radius: 0; background: transparent; font: 60px/1 Icons; text-align: center; text-indent: 10001px; text-align: left; display: block; }
.slick-next[class] { left: auto; right: 0; }
 .slick-arrow:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: '\e900'; text-indent: 0; text-align: center; }
 .slick-prev:before { transform: scaleX(-1); }
.slick-arrow.slick-disabled { opacity: 0.2; pointer-events: none; }
.slick-dots { position: absolute; left: 0; bottom: 30px; right: 0; padding: 0; font-size: 0; letter-spacing: -1em; text-align: center; }
 .slick-dots li { display: inline-block; margin: 0 4px; vertical-align: top; }
  .slick-dots li:before { display: none; }
  .slick-dots button { --own: 0; overflow: hidden; width: 8px; min-width: 0; min-height: 0; height: 8px; padding: 0; border: 1px solid !important; border-radius: 50%; background: currentColor; color: #ccc; font-size: 0; line-height: 1; text-indent: 321%; white-space: nowrap; }
  .slick-dots button:hover { background: currentColor; color: #333; }
  .slick-dots .slick-active button { color: #555; }
}
@media print {
 .slick-track { width: auto !important; max-width: 100%; transform: none !important; }
  .slick-track > * { width: auto !important; }
  .slick-cloned { display: none; }
 .slick-arrow, .slick-dots { display: none !important; }
}

/**
 * @name .socials1
 * @description Round social links
 * @example { }
 */

.socials1 {  }
 .socials1-items { --gx: 7px; --gy: 7px; display: flex; padding: 0; }
  .socials1-items li { min-width: 0; width: auto; }
   .socials1-items li:before { display: none; }
   .socials1-items li a { display: flex; justify-content: center; align-items: center; width: 1em; height: 1em; border-radius: 50%; box-shadow: inset 0 0 0 2px; font-size: 40px; line-height: 1; }
    .socials1-items li a:before { font-size: 0.5em; }

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

.spacer1 { margin-bottom: 0; }
.spacer1.-top { padding-top: var(--st); }

/**
 * @name .split1
 * @description Two-column content
 * @example { }
 */

@media screen and (min-width: 1024px) {
.split1 { display: flex; justify-content: space-between; }
 .split1-header { width: 37.5%; min-width: 0; margin-bottom: 0; }
 .split1-header-desc { margin-top: 8px; }
 .split1.-short .split1-header { max-width: 320px; }
 .split1-content { width: 62.5%; max-width: calc(620px + var(--s2)); min-width: 0; margin-bottom: 0; padding-left: var(--s2); }
}
@media screen and (max-width: 1023px) {
.split1-header { margin-bottom: var(--s2); }
}
@media screen and (max-width: 599px) {
.split1-header { margin-bottom: var(--s1); }
}

/**
 * @name .split2
 * @description Two-column content
 * @example { }
 */

@media screen and (min-width: 1024px) {
.split2 { display: flex; justify-content: space-between; margin-left: calc(var(--s3) * -1); }
 .split2-content { width: 50%; max-width: calc(620px + var(--s2)); min-width: 0; margin-bottom: 0; padding-left: var(--s3); }
  .split2-header { margin-bottom: var(--s1); }
}
@media screen and (max-width: 1023px) {
.split2-content { margin-bottom: var(--s3); }
 .split2-header { margin: 0 0 var(--s2); }
}
@media screen and (max-width: 599px) {
.split2-header { margin: 0 0 var(--s1); }
}

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

.stat1 { text-align: center; padding-top: 2px; }
 .stat1 big { display: block; margin: -0.1em; }
 .stat1 span { display: block; max-width: 420px; margin: 0 auto; }

/**
 * @name .state1
 * @description State post type
 * @example { }
 */
.state1-figure {
  width: 100%;
  margin: 0 -100% 0 0;
}
.state1-figure figure {
  max-width: 250px;
}
.state1-header {
  width: 100%;
  position: relative;
  padding-left: 220px;
}
.state1-header h1 {
  color: var(--c_i1);
  padding: var(--s1) 0;
}

/**
 * @name .stream1
 * @description Load more stream
 * @example { }
 */

.stream1 {  }

/**
 * @name .tabs1
 * @description Tabs
 * @example { }
 */

.tabs1 {  }
 .tabs1-tab { margin-bottom: var(--s1); }
 [js] .tabs1-tab { display: none; margin-bottom: 0; }
 [js] .tabs1-tab.is-active { display: block; }
  [js] .tabs1-tabtitle { display: none; }

/**
 * @name .team1
 * @description Team grid
 * @example { }
 */

.team1 { position: relative; overflow: hidden; }
 .team1-entries { --gx: 70px; --gy: var(--s3); margin-top: calc(var(--gy) * -1); }
  .team1-entry { width: 25%; }
   [data-entry] .team1-header { position: relative; z-index: 2; margin: 0; cursor: pointer; }
    .team1-arrow { display: block; position: absolute; left: 50%; top: 100%; z-index: 2; overflow: hidden; width: 1em; height: 1em; margin: 10px 0 0 -0.5em; font-size: 32px; line-height: 1; pointer-events: none; }
     .team1-arrow:before { position: absolute; left: 50%; top: 50%; content: ''; width: 1em; height: 1em; margin: 2em 0 0; border: 2px solid; background: #fff; font-size: 0.7em; transform: rotate(45deg) translate(-50%,-50%); transform-origin: 0 0; transition-property: margin; }
     .team1-entry.is-active .team1-arrow:before { margin-top: 0.7em; }
    .team1-image { margin: 0 0 15px; }
     .team1-image .img1 { overflow: hidden; }
    .team1-name { margin-bottom: 5px; }
   .team1-details { position: absolute; left: 0; right: 0; top: auto; z-index: 1; overflow: hidden; height: 0; margin: 0; height: 0; }
    .team1-details:before { display: block; content: ''; height: var(--s1); }
    .team1-wrap { position: relative; padding: var(--s2) var(--sx); border: 2px solid; }
     .team1-inner { position: relative; }
   .team1 [expander] { height: 0; margin: 0; }

@media screen and (max-width: 1279px) {
.team1-entries { --gx: 40px; --gy: var(--gx); }
}
@media screen and (max-width: 1023px) {
.team1-entry { width: 33.33%; }
}
@media screen and (max-width: 719px) {
.team1-arrow { margin-top: 0; }
.team1-wrap { padding-top: var(--s1); padding-bottom: var(--s1); }
}
@media screen and (max-width: 599px) {
.team1-entries { --gx: 30px; }
.team1-entry { width: 50%; }
}

/**
 * @name .teaser1
 * @description News teaser
 * @example { }
 */

.teaser1 { margin-bottom: var(--s1); }
 .teaser1-wrap { --sy: 3px; --aown: 0; --atch: inherit; display: block; }
  .teaser1-brow { }
   .teaser1-brow time:not(:last-child) { margin-right: 15px; }
   .teaser1-title { transition-property: color; }
   a:hover .teaser1-title { color: var(--c_a1t); }

/**
 * @name .teaser2
 * @description Outlined download box
 * @example { }
 */

.teaser2 {  }
 .teaser2-wrap { --sy: 3px; --aown: 3px; --abch: var(--c_i1t); --atch: var(--c_a1t); display: flex; justify-content: space-between; align-items: center; padding: 20px var(--sx); box-shadow: inset 0 0 0 2px var(--c_d1t); }
  .teaser2-wrap:after { flex: none; content: '\e900'; margin-left: var(--sx); font: 30px/1 Icons; }
  .teaser2.-download .teaser2-wrap:after { padding-right: 4px; border-right: 4px solid; transform: rotate(90deg); }

/**
 * @name .teaser3
 * @description White background box
 * @example { }
 */

.teaser3 { }
 .teaser3-wrap { --sy: 3px; --aown: 0; --abcn: var(--c_i1t); --atch: var(--c_a1t); display: flex; justify-content: space-between; align-items: center; min-height: 120px; padding: 20px var(--sx); }
  .teaser3-wrap:after, .teaser3-img-wrap:after { flex: none; content: '\e900'; margin-left: var(--sx); font: 30px/1 Icons; }
  .teaser3-wrap:hover:after, .teaser3-img-wrap:hover:after { transform: translateX(0.1em); }
  .teaser3.-download .teaser3-wrap:after { padding-right: 4px; border-right: 4px solid; transform: rotate(90deg); }
  .teaser3-img-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 var(--sx) 0 0;
    --abcn: var(--c_i1t);
    --aown: 0;
  }
  .teaser3-figure {
    width: 75%;
    margin-bottom: 0;
    margin-right: var(--sx);
  }
  .teaser3-img-wrap .teaser3-title {
    flex: 1 100%;
    padding: var(--sy) 0;
  }
  .teaser3-figure.-small {
    width: 25%;
    margin: var(--sx) calc(var(--sx) * 0.6666) var(--sx) var(--sx);
  }

@media screen and (max-width: 599px) {
.teaser3-wrap { min-height: 70px; }
 .teaser3-wrap:after { font-size: 20px; }
}

@media print {
.teaser3-wrap { box-shadow: inset 0 0 0 1px var(--c_b1); }
}

/**
 * @name .teaser4
 * @description White box teaser with button
 * @example { }
 */

.teaser4 {  }
 .teaser4-wrap { padding: var(--sx); background: #fff; }
  .teaser4-title { min-height: 120px; }

@media print {
.teaser4-wrap { box-shadow: inset 0 0 0 1px var(--c_b1); background: transparent; }
}

/**
 * @name .teaser5
 * @description Resources teaser
 * @example { }
 */

.teaser5 {
  margin-bottom: 40px;
}
.teaser5:last-child:not(.wysiwyg) {
  padding-bottom: 80px;
}
.teaser5-url {
  --tcn: var(--c_d1t);
  --tch: var(--c_a1t);
  --sy: 3px;
  --aown: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  margin-bottom: 10px;
}
.teaser5-url:after {
  flex: none;
  content: "\e900";
  margin-left: var(--sx);
  font: 30px/1 Icons;
}
.teaser5-url:hover {
  --tc: var(--tch, var(--tcn));
}
.teaser5-title {
  transition-property: color;
}
a:hover .teaser5-title {
  color: var(--c_a1t);
}
@media screen and (min-width: 720px) {
  .teaser5-summary {
    width: 90%;
  }
}
@media screen and (min-width: 1150px) {
  .teaser5-summary {
    width: auto;
    padding-right: 145px;
  }
}

/**
 * @name .teaser6
 * @description White box teaser with optional image
 * @example { }
 */

.teaser6 {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: var(--c_d1t);
}
.teaser6-wrap {
  padding: var(--s1);
  background: #fff;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
.teaser6-action {
  margin-top: auto;
}
@media screen and (max-width: 599px) {
  .teaser6-wrap {
    font-size: 16px;
  }
  .teaser6-title {
    font-size: 28px;
  }
}

@media print {
.teaser6-wrap { box-shadow: inset 0 0 0 1px var(--c_b1); background: transparent; }
}

/**
 * @name .theme1
 * @description Inverted theme
 * @example { }
 */

@media screen {
.theme1 { --c_d1t: var(--c_i1); --c_i1t: var(--c_d1); color: var(--c_d1t); }
 .theme1 .quote1 q:before,
 .theme1 .quote1 cite { color: var(--c_d1); }
 .theme1 .icon-logo:before,
 .theme1 .icon-logo:after { color: inherit; }
}

/**
 * @name .title1
 * @description Oversized title with brow
 * @example { }
 */

.title1 { margin-bottom: var(--s1); }
 .title1-brow { position: relative; margin-bottom: 10px; }
 .title1-logo { min-width: 150px; }
 .title1.-flex { display: flex; justify-content: space-between; align-items: center; }

@media screen and (max-width: 719px) {
.title1-brow { margin-bottom: 4px; }
.title1.-flex { display: block; }
  .title1-logo { max-width: 125px; margin: 0 auto; }
}

/**
 * @name .title2
 * @description Basic article title
 * @example { }
 */

.title2 { margin-bottom: var(--s3); }
 .title2-brow { margin-bottom: 10px; }

/**
 * @name .title3
 * @description Oversized title
 * @example { }
 */

@media (min-width: 1280px) {
.title3 { display: flex; justify-content: space-between; padding: 160px 0 140px; }
 .title3-main { min-width: 0; margin: 0; }
 .title3-lead { flex: none; min-width: 0; width: 275px; margin: 0 0 0 var(--sx); }
}
@media (max-width: 1279px) {
.title3 { padding: 80px 0; }
}

/**
 * @name .title4
 * @description Elections title
 */

.title4 { margin-bottom: var(--s3); }
 .title4-main { margin-bottom: 0; }
 .title4-side { padding-left: 20px; border-left: 2px solid var(--c_d1t); }
  .title4-subtitle { --sy: 6px; }
  .title4-partner { margin-bottom: 6px; }
  .title4-logo { max-width: 200px; }

@media screen and (min-width: 1024px) {
.title4 { display: grid; grid-template-columns: auto 300px; grid-column-gap: var(--s3); }
 .title4-main { margin-bottom: 20px; }
 .title4-side { padding-left: var(--s1); }
}

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

.top1 { position: relative; z-index: 101; margin-bottom: 0; background: var(--c_a2t); }
.top1.-over { position: absolute; left: 0; top: 0; width: 100%; background-color: transparent; }
.top1.-state { background-color: var(--c_d1); }
.top1.-white { background-color: var(--c_b1); }
 .top1-wrap { display: flex; justify-content: space-between; align-items: center; min-height: var(--st); }
  .top1-logo { margin-bottom: 0; min-width: 7.87em; font-size: 34px; line-height: 1; }
   .top1-logo a { --atch: 'inherit'; }
   .top1.-stripcolor .icon-logo:before,
   .top1.-stripcolor .icon-logo:after { color: inherit; }
  .top1-logoset { display: flex; justify-content: flex-end; padding: 35px 0; width: 100%; }
    .top1-logoset .top1-logo { min-width: 100px; }
  .top1-toggler { display: none; margin-bottom: 0; }
  .top1 .nav1 { margin: 0 var(--s1); text-align: center;}
  .top1-action { margin-bottom: 0; white-space: nowrap; }
   .top1.theme1 .top1-action .button1 { --bch: var(--c_i1); --tch: var(--c_d1); }
   .top1-action .button2 { margin-right: calc(var(--sx) / 2); }

@media print, screen and (max-width: 1279px) {
.top1-logo { font-size: 28px; }
.top1-toggler { order: 2; display: block; margin: 0 0 0 20px; font-size: 22px; line-height: 1; }
 .top1-toggler a { --aown: 0; --atch: 'inherit'; display: block; min-width: 1.2em; text-align: center; }
 .is-nav-active .top1-toggler a:before { content: '\e901'; }
.top1-action { margin-left: auto; }
 .top1-action .button1 { --h: 34px; --py: 7px; --px: 14px; font-size: 14px; }
.top1 .nav1 { display: none; }
.top1-action .-shop { display: none; }
}
@media screen and (max-width: 599px) {
.top1-logo { font-size: 22px; }
}
@media screen and (max-width: 359px) {
.top1-logo { font-size: 18px; }
}

@media print {
.top1 { background: none; border-bottom: 2px solid var(--c_b1); }
}

/**
 * @name .search1
 * @description Main search field
 * @example { }
 */

 .search1 [toggle] { position: absolute; right: 0; top: 0; padding: 30px; }
 .search1 p { position: relative; }
 .search1.-drawer p { max-width: 480px; margin: 0 auto; }
  .search1 input[type] { padding: 0 50px 0 0; background: none; box-shadow: 0 2px 0 0; --pcn: currentColor; font-weight: 700; }
  .search1 button[type] { --w: 0; position: absolute; right: 0; top: 0; padding: 0; box-shadow: none; background: none; color: inherit; font: 30px/1 Icons; }

.search-wrap { background: var(--c_a3); }

@media screen and (min-width: 1280px) {
  .search1.-drawer { z-index: 110; position: fixed; left: 0; top: 0; right: 0; padding: var(--s2) var(--sx); background: var(--c_a3); transition: all 0.5s var(--t8n_e1); transition-property: var(--t8n_p2); }
   .search1.-drawer:not(.is-active) { visibility: hidden; transform: translateY(-120%); pointer-events: none; }
   .search1 input[type] { font-size: 24px; line-height: 30px; }
}
@media screen and (max-width: 1279px) {
  .top1 .search1 { display: none; }
  .search1 input[type] { font-size: 18px; line-height: 1; }
  .search1 { padding: 8px var(--sx) 16px; }
  .search1 i { font-size: 15px; }
}

/**
 * @name .uwrap1
 * @description Flyout centering wrapper
 * @example { }
 */

.uwrap1 { position: relative; margin-bottom: 0; }

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

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

@media print {
.wrap1 { background: none; }
.wrap1:not(:last-child) { border-bottom: 2px solid var(--c_b1); }
.wrap1.pb\:0:not(:last-child) { padding-bottom: var(--s3); }
}

/**
 * @name .video1
 * @description Video section
 * @example { }
 */

.video1 { position: relative; min-height: 56.25vw; margin-bottom: 0; background: var(--c_b1); }
 .video1-video { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 3; overflow: hidden; margin: 0; background: var(--c_d1); opacity: 0; transition: opacity 0.75s ease; pointer-events: none; }
 .video1.is-playing .video1-video { opacity: 1; pointer-events: auto; }
  .video1-video video { display: block; width: 100%; height: 100%; object-fit: cover; }
  .video1-video iframe { display: block; width: 100%; height: 100%; }
 .video1-image { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; overflow: hidden; margin: 0; cursor: pointer; }
  .video1-image .img1 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

@media print {
.video1 { min-height: 0; }
 .video1-video { display: none; }
  .video1-image { position: relative; }
   .video1-image .img1 { position: relative; }
}

.events1 { position: relative; display: inline-block; margin: 0; font-size: 14px; }
 .events1 > p { display: none; }
  .events1 .add { --atch: var(--c_a1t); --aown: 1px; --aocn: var(--c_o1t); --aow: var(--aown); --aoc: var(--aocn); --abc: var(--abcn); --atc: var(--atcn); --aop: var(--aopn, 1); box-shadow: 0 var(--aow, 0) 0 0 var(--aoc, 'currentColor'); background: var(--abc, transparent); color: var(--atc, 'currentColor'); text-decoration: none; opacity: var(--aop); transition-property: var(--t8n_p1), color; }
 .events1 ul { visibility: hidden; position: absolute; top: calc(100% - 1px); background: #fff; left: 0; margin: 0; border: 1px solid blue; padding: 0 10px; margin: 0;  border: 1px solid var(--c_o1t); z-index: 1; min-width: 120px;}
  .events1:hover ul { visibility: visible;  }
  .events1 ul li { padding: 5px 0; margin: 0; font-size: 16px; }
   .events1 ul li:before { display: none; }

/**
* @name .landing1
* @description Landing page overrides
* @example { }
*/
.landing1 {  }
 .landing1 .accordion1:last-child { margin-bottom: calc(-1 * var(--sy)) }
 .landing1 .-form-title { max-width: 590px; margin: 0 auto; }
 .landing1 .-form-title + .wrap1 { padding-top: 0; }
 .landing1 .ngp-form { max-width: 624px;  }
 .landing1 .at {font-family: var(--ff_1); }
  .landing1 .at fieldset legend { font-family: var(--ff_2); }
  .landing1 .at .btn-at { font-family: inherit; font-size: 1em; }
  .landing1 .at-form-submit .at-submit { float: none; border-radius: 0; background-color: var(--c_e1); font-weight: 800;}
  .landing1 .at-form-submit .at-submit:hover { background-color: var(--c_d1); }
  .landing1 .body1 > :last-child { background: var(--c_i1); padding: var(--s3) 0; margin-top: 0;}

/**
* @name .translate1
* @description Google Translate
* @example { }
*/
.translate1 { }
  .translate1 a { box-shadow: none; }
    .translate1 a[data-report] { display: none; }
    html[class*="translated-"] .translate1 a[data-report] { display: inline-block; }
    html[class*="translated-"] .translate1 a[data-translate] { display: none; }
@media screen and (min-width: 1280px) {
  .translate1 { font-size: 12px; position: absolute; right: 30px; top: 5px; }
}

@media screen and (max-width: 1279px) {
  .top1 .translate1 { display: none; }
}


/* Turn off drop-down and hovers */
#google_translate { display: none; }
.goog-tooltip { display: none !important; }
.goog-tooltip:hover { display: none !important; }
.goog-text-highlight { background-color: transparent !important; border: none !important;  box-shadow: none !important; }


/**
 * @name .card4
 * @description Map card
 * @example { }
 */

.card4 {
  margin: 0 auto var(--s2);
  cursor: pointer;
}

.card4-wrap {
  display: block;
  position: relative;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  background: var(--c_b1);
}
.card4-close{
  font-size:24px;
  line-height:24px;
  position:absolute;
  top:10px;
  right:10px;
}
.card4-title{
  font-size:24px;

}
ul.card4-list{
  list-style: none;
  padding-left:0px;
  text-transform: none;
  font-size:16px;
}

ul.card4-list li:before{
  display: none;
}
ul.card4-list a {
  --aown: 1px;
}


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

.map1,
.map1-update {
  position: relative;
}
.map1-svg path:not(.-line),
.map1-svg circle:not(.-line),
.map1-svg polygon:not(.-line) {
  fill: var(--c_i1);
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 0.75px;
  transition-property: fill;
}
.map1-update-svg path:not(.-line),
.map1-update-svg circle:not(.-line),
.map1-update-svg polygon:not(.-line) {
  fill: var(--c_i1);
  stroke: var(--c_a3);
  stroke-width: 0.75px;
  transition-property: fill;
}
.map1-svg path.-line,
.map1-update-svg path.-line {
  display: none;
  fill: none;
  stroke: #000;
  stroke-width: 1px;
  stroke-linecap: square;
}

.map1-svg a,
.map1-update-svg a {
  transition:0.3s ease all;
}

.map1-svg a:hover path.white:not(.-line),
.map1-svg a:hover g.white path:not(.-line),
.map1-svg a:hover circle.white:not(.-line),
.map1-svg a:hover polygon.white:not(.-line),
.map1-update-svg a:hover path.white:not(.-line),
.map1-update-svg a:hover g.white path:not(.-line),
.map1-update-svg a:hover circle.white:not(.-line),
.map1-update-svg a:hover polygon.white:not(.-line)  {
  stroke: rgba(0, 0, 0, 0.5);
  stroke-width: 1px;
  fill: #f2f2f2;
}

.map1-svg a.-blue:hover path.white:not(.-line),
.map1-svg a.-blue:hover g.white path:not(.-line),
.map1-svg a.-blue:hover circle.white:not(.-line),
.map1-svg a.-blue:hover polygon.white:not(.-line),
.map1-update-svg a.-blue:hover path.white:not(.-line),
.map1-update-svg a.-blue:hover g.white path:not(.-line),
.map1-update-svg a.-blue:hover circle.white:not(.-line),
.map1-update-svg a.-blue:hover polygon.white:not(.-line)  {
  stroke: #2b4d8c;
}

.map1-svg a.-red:hover path.white:not(.-line),
.map1-svg a.-red:hover g.white path:not(.-line),
.map1-svg a.-red:hover circle.white:not(.-line),
.map1-svg a.-red:hover polygon.white:not(.-line),
.map1-update-svg a.-red:hover path.white:not(.-line),
.map1-update-svg a.-red:hover g.white path:not(.-line),
.map1-update-svg a.-red:hover circle.white:not(.-line),
.map1-update-svg a.-red:hover polygon.white:not(.-line)  {
  stroke: #F85655;
}

.map1-svg .-blue path.overlay:not(.-line, .white),
.map1-svg .-blue g.overlay path:not(.-line, .white),
.map1-svg .-blue circle.overlay:not(.-line, .white),
.map1-svg .-blue polygon.overlay:not(.-line, .white) {
  fill: #2b4d8c;
}
.map1-update-svg .-blue path.overlay:not(.-line, .white),
.map1-update-svg .-blue g.overlay path:not(.-line, .white),
.map1-update-svg .-blue circle.overlay:not(.-line, .white),
.map1-update-svg .-blue polygon.overlay:not(.-line, .white) {
  fill: #6078B1;
}

.map1-svg .-red path.overlay:not(.-line, .white),
.map1-svg .-red g.overlay path:not(.-line, .white),
.map1-svg .-red circle.overlay:not(.-line, .white),
.map1-svg .-red polygon.overlay:not(.-line, .white),
.map1-update-svg .-red path.overlay:not(.-line, .white),
.map1-update-svg .-red g.overlay path:not(.-line, .white),
.map1-update-svg .-red circle.overlay:not(.-line, .white),
.map1-update-svg .-red polygon.overlay:not(.-line, .white) {
  fill: #F85655;
}


.map1-svg text,
.map1-update-svg text {
  display: none;
  font: inherit;
  transition-property: fill;
}

.map1-legend,
.map1-update-legend {
  display: block;
  width:100%;
}

.map1-legend .scale,
.map1-update-legend .scale {
  width:100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.map1-legend .scale > div,
.map1-update-legend .scale > div{
  margin-bottom:0px;
}

.map1-legend .scale .neg,
.map1-update-legend .scale .neg{
  display:none;
}

.map1-legend .bar,
.map1-update-legend .bar{
  width:100%;
  height:10px;
  background: rgb(0,0,0);
  background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(219,226,248,1) 0%, rgba(43,77,140,1) 100%);
}
.map1-legend.-negative .bar,
.map1-update-legend.-negative .bar {
  background: rgb(248,85,84);
  background: linear-gradient(90deg, rgba(248,85,84,1) 0%, rgba(255,255,255,1) 50%, rgba(43,77,140,1) 100%);
}

.map1-legend.-negative .scale .neg,
.map1-update-legend.-negative .scale .neg {
  display:block;
}


@media print, (min-width: 720px), (orientation: landscape) {

  .map1-select,
  .map1-update-select {
    display: none;
  }
  .map1-cards,
  .map1-update-cards {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    pointer-events: none;
  }
  .map1-cards .card4 {
    position: absolute;
    left: var(--m1x, 50%);
    top: var(--m1y, 50%);
    width: 240px;
    transform: translate(-50%, -50%);
    pointer-events: auto;
    cursor: pointer;
  }
  .map1-update-cards .card4 {
    position: absolute;
    left: var(--m1x, 50%);
    top: var(--m1y, 50%);
    width: 313px;
    transform: translate(-50%, -50%);
    pointer-events: auto;
    cursor: pointer;
  }
  .map1-cards .card4.-from,
  .map1-update-cards .card4.-from {
    transform: translate(-50%, -50%) scale(0.9);
    opacity: 0;
  }
  .map1-cards .card4.-to,
  .map1-update-cards .card4.-to {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
@media screen and (max-width: 719px) and (orientation: portrait) {
  .map1-select,
  .map1-update-select {
    margin: 10px 0 0;
  }
  .map1-cards,
  .map1-update-cards {
    display: flex;
  }
  .map1-cards .card4,
  .map1-update-cards .card4 {
    flex: none;
    width: 100%;
    margin: 20px -100% 0 0;
    transition-duration: 0s;
  }
  .card4-close{
    display: none;
  }
}

/**
 * @name .map2
 * @description Map layout
 * @example { }
 */
.map2 { position: relative; }

@media screen and (min-width: 960px) {
  .map2-columns { display: flex; justify-content: space-between; }
  .map2-column { width: calc(50% - 20px); }
  .map2 .box1 { min-height: 600px; }
}

/**
 * @name .logos1
 * @description Logos grid
 * @example { }
 */

 .logos1 { --gc: 25%; --gx: 30px; --gy: var(--gx); position: relative; overflow: hidden; }
 .logos1-wrap { display: flex; flex-wrap: wrap; justify-content: center; margin: calc(var(--gy) * -1) calc(var(--gx) / -2) 0; }
  .logos1-wrap figure { display: flex; align-items: center; width: var(--gc); margin: 0; border: 0 solid transparent; border-width: var(--gy) calc(var(--gx) / 2) 0; padding: 20px; background-clip: padding-box }
   .logos1-wrap.white figure { background:#ffffff; }
   .logos1-wrap figure:before { flex: none; content: ''; width: 100%; margin: 0 -100% 0 0; padding-top: 68%; }
   .logos1-wrap a { display: block; flex: none; width: 100%; max-width: calc(100% * (var(--w) / 250)); margin: 0 auto; box-shadow: none; }

@media screen and (max-width: 1023px) {
.logos1 { --gx: 20px; }
}
@media screen and (max-width: 719px) {
.logos1 { --gc: 33.33%; }
}
@media screen and (max-width: 599px) {
.logos1 { --gc: 50%; }
}



/**
* @name .eventtabs
* @description Power Summit Events
* @example { }
*/
.schedule{transition:0.3s ease all;}
.schedule .nav2-main {justify-content: center; align-items:flex-start; margin:40px auto;}
.schedule .nav2-main li.is-active a{color:var(--c_d2); border-bottom: 6px solid;}
.schedule .nav2-main li a:hover{color:var(--c_d1); border-bottom: 6px solid;}
.schedule p a{ --aoc: var(--c_d2); }
.schedule p a:hover{ color: var(--c_d2); --aoc: var(--c_a1); }


ul.events {font-family:var(--ff_3); margin-top:var(--s3); padding:0px;}
ul.events li:before{ display:none;}
ul.events li{ border-top:2px solid var(--c_d2); margin:0px;}
ul.events li a{padding: 20px; display:flex; align-items:flex-start; justify-content: space-between; flex-direction:row; width:100%; box-shadow:none; color:var(--c_d2);}
ul.events li a:hover{background:var(--c_i1); color:var(--c_d2)}
ul.events li a .time {width:160px; font-size:15px; }
ul.events li a .details {width:calc(100% - 400px)}
ul.events li a .details h4 { margin-bottom:5px;}
ul.events li a .details small {font-size:12px; letter-spacing: 1px;}
ul.events li a .details p {font-size:13px; line-height:21px; margin-bottom:0px;}
ul.events li a .location {width: 160px; font-size:15px; text-decoration: underline;}


@media screen and (max-width: 768px) {
  ul.events li a{flex-direction:column;}
  ul.events li a .time {width:100%;}
  ul.events li a .details {width:100%;}
  ul.events li a .location {width: 100%; text-align:left;}

}

body.page-template-template-power-summit .top1.-stripcolor{
  background:var(--c_i1);
}

body.page-template-template-power-summit .content1 h1,
body.page-template-template-power-summit .content1 h2,
body.page-template-template-power-summit .content1 h3,
body.page-template-template-power-summit .content1 h4,
body.page-template-template-power-summit .content1 h5,
body.page-template-template-power-summit .content1 h6,
body.page-template-template-power-summit .content1 p,
body.page-template-template-power-summit .content1 small,
body.page-template-template-power-summit .content1 li,
body.page-template-template-power-summit .content1 div,
body.page-template-template-power-summit .content1 .button1{
  font-family:var(--ff_3);
}

body.page-template-template-power-summit .actions-stacked{
  background:var(--c_a1);
}

body.page-template-template-power-summit .actions-stacked .teaser4-action .button1{
  --bc: var(--c_a2);
  --oc: var(--c_a2);
  --tc: var(--c_d1);
}

body.page-template-template-power-summit .hero1-wrap .button1{
  --tc: var(--c_d2);
}

body.page-template-template-power-summit .hero1-wrap .button1:hover,
body.page-template-template-power-summit .actions-stacked .teaser4-action .button1:hover{
  --bc: var(--c_d1);
  --oc: var(--c_d1);
  --tc: var(--c_i1);
}


body.page-template-template-power-summit .welcome figure.icon{
  max-width: 200px;
  margin:0px auto 30px auto;
}
body.page-template-template-power-summit .hero1{
  background:var(--c_d2);
}
body.page-template-template-power-summit .hero1-image {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  overflow: hidden;
  margin: 0;
}
body.page-template-template-power-summit .hero1-image:after{
  display: none;
}

body.page-template-template-power-summit .hero1-image a{
  box-shadow: none;
}


body.page-template-template-power-summit .team1-wrap {
  background:var(--c_i1);
}

body.page-template-template-power-summit .wysiwyg a.underline {
  box-shadow: 0 var(--aow, 0) 0 0 var(--c_a2, 'currentColor');
}
svg#power-summit-hero{
  height:auto;
}
svg#power-summit-hero-2022 {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
svg#power-summit-hero g#register-btn,
svg#power-summit-hero g#register-btn #register-bg,
svg#power-summit-hero g#register-btn #register-text{
  transition:0.3s ease all;
}
svg#power-summit-hero-2022 g#register-btn,
svg#power-summit-hero-2022 g#register-btn #register-bg,
svg#power-summit-hero-2022 g#register-btn .st4 {
  transition:0.3s ease all;
}

svg#power-summit-hero g#register-btn {
  cursor: pointer;
}

svg#power-summit-hero g#register-btn:hover #register-bg{
  fill: var(--c_d1);
}
svg#power-summit-hero-2022 g#register-btn #register-bg {
  fill:#35a7d4;
  stroke:#020202;
  stroke-miterlimit:10;
}
svg#power-summit-hero-2022 g#register-btn:hover #register-bg{
  fill: var(--c_d1);
}

svg#power-summit-hero g#register-btn:hover #register-text{
  fill: var(--c_i1);
}
svg#power-summit-hero-2022 g#register-btn #register-text{
  fill: #1b180a;
  stroke: #1b180a;
  stroke-width: .836;
  stroke-miterlimit: 10;
}
svg#power-summit-hero-2022 g#register-btn:hover .st4{
  fill: var(--c_i1);
  stroke: var(--c_i1);
}

@media screen and (max-width: 768px) {
  .hero1-image {
      width: 200%;
      margin: 0 -50% 0 -50%;
  }
}

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

.button1, [type="submit"], [type="button"], [type="reset"] { --h: 40px; --lh: 20px; --px: 20px; --py: 10px; --bcn: var(--c_a1); --bch: var(--c_d1); --own: 2px; --orn: 2px; --ocn: var(--bc); --tcn: var(--c_i1); --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; position: relative; height: auto; min-height: var(--h); padding: var(--py) var(--px); border: none; border-radius: var(--or); box-shadow: inset 0 0 0 var(--ow) var(--oc); background: var(--bc); color: var(--tc); font: 700 18px/var(--lh) var(--ff_1); text-transform: uppercase; text-align: center; text-decoration: none !important; opacity: var(--op); transition-property: var(--t8n_p1), color; }
input[type="submit"] { --bcf: var(--bcn); }
.button1:hover, [type="submit"]:hover, [type="button"]:hover, [type="reset"]:hover { --oc: var(--och, var(--ocn)); --bc: var(--bch, var(--bcn)); --tc: var(--tch, var(--tcn)); --op: var(--oph, var(--opn, 1)); color: var(--tc); }
 .button1 > span { transition-duration: 0s; }
 .button1 > span:not(:first-child) { margin-left: 5px; }
 .button1 > span:not(:last-child) { margin-right: 5px; }

.button1.-navy { --bcn: var(--c_d1); --bch: var(--c_a1); }
.button1.-to-white { --bch: var(--c_i1); --tch: var(--c_a1); }
.button1.-ghost { --ocn: var(--tcn); --bcn: transparent; --bch: var(--tcn); --tcn: var(--c_a1t); --tch: var(--c_i1); }
.button1.-ghost.-navy { --tcn: var(--c_d1t); }

.button1[data-more] > span { transition-property: color; }
.button1[data-more][disabled] > span { color: transparent; }
.button1[data-more] .loader1 { color: inherit; font-size: 20px; opacity: 0; animation-iteration-count: infinite; animation-play-state: paused; transition-property: opacity, animation; }
.button1[data-more][disabled] .loader1 { animation-play-state: running; opacity: 1; }

@media print {
.button1, [type="submit"], [type="button"], [type="reset"] { --ocn: var(--bcn); --tcn: var(--bcn); background-color: transparent; }
}

.button2 { font: 700 15px/1.2 var(--ff_1); --aown: 2px; --aocn: transparent; --aoch: currentColor; --atch: currentColor; display: inline-block; text-transform: uppercase; }

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

[class^="icon-"],[class*=" icon-"] { display: inline-block; font-family: 'Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; }
 [class^="icon-"]:before, [class^="icon-"]:after, [class*=" icon-"]:before, [class*=" icon-"]:after { transition-property: var(--t8n_p1); }
 [class^="icon-"] i, [class*=" icon-"] i { font: inherit; }
 [class^="icon-"] span, [class*=" icon-"] span { display: none; }

.icon-search-light:before { content: "\e90e"; }
.icon-search:before { content: "\e90f"; }
.icon-logo:before { content: "\e902"; color: rgb(0, 182, 244); }
.icon-logo:after { content: "\e903"; margin-left: -7.8671875em; color: rgb(240, 85, 84); }
.icon-play:before { content: "\e90c"; }
.icon-dash:before { content: "\e90b"; }
.icon-check:before { content: "\e90a"; }
.icon-instagram:before { content: "\e906"; }
.icon-twitter:before { content: "\e907"; }
.icon-spotify:before { content: "\e908"; }
.icon-facebook:before { content: "\e909"; }
.icon-arrow-right:before { content: "\e900"; }
.icon-arrow-left:before { display: inline-block; content: "\e900"; transform: scaleX(-1); }
.icon-close:before { content: "\e901"; }
.icon-menu:before { content: "\e904"; }
.icon-quote:before { content: "\e905"; }
.icon-circle-solid:before { content: "\e90d"; }
.icon-right:before { content: "\e911"; }
.icon-left:before { content: "\e912"; }

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

*, *:before, *:after { margin: 0; padding: 0; color: inherit; transition: none var(--t8n_d1) ease; transition-property: var(--t8n_p1); }
:root:not([ready]) *, :root:not([ready]) *:before, :root:not([ready]) *:after { transition: none !important; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; scroll-behavior: smooth; }
body { font: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

div, form, fieldset, blockquote, article, aside, details, figcaption, figure, footer, header, menu, nav, main, section, address, ul, ol, dl, dd, dt, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin-bottom: 1rem; margin-bottom: var(--sy); }
body > :not(.root1), body > :not(.root1) div, body > :not(.root1) form { margin-bottom: 0; }

@page { size: A4 portrait; margin: 0 0.5cm; }
@media print { body { width: 1100px; margin: 0 auto; background: #fff; } }

/* forms */

fieldset { min-width: 0; padding: 0; border: none; }
label { cursor: pointer; vertical-align: middle; }
label:first-child { display: block; margin: 0 0 5px; }
 label em { color: #f00; font-style: inherit; }
input, textarea, select { --h: 40px; --lh: 20px; --px: 15px; --py: calc((var(--h) - var(--lh)) / 2); --bcn: transparent; --bcf: #f8f8f8; --ocn: var(--c_o1t); --ocf: var(--c_o2t); --orn: 2px; --tcn: var(--c_d1t); --pcn: #9ba9b7; --oc: var(--ocn); --or: var(--orn); --ow: var(--own); --bc: var(--bcn); --tc: var(--tcn); --pc: var(--pcn); }
input:hover, textarea:hover, select:hover { --oc: var(--och, var(--ocn)); --bc: var(--bch, var(--bcn)); --tc: var(--tch, var(--tcn)); }
input:focus, textarea:focus, select:focus { --oc: var(--ocf, var(--ocn)); --bc: var(--bcf, var(--bcn)); --tc: var(--tcf, var(--tcn)); }
input[type=text], input[type=password], input[type=search], input[type=email], input[type=tel], input[type="checkbox"], input[type="radio"], textarea, select { width: 100%; height: var(--h); padding: var(--py) var(--px); border: none; border-radius: var(--or, 0); box-shadow: inset 0 0 0 var(--ow, 1px) var(--oc); background: var(--bc); color: var(--tc); font: 16px/var(--lh) var(--ff_1); vertical-align: top; -webkit-appearance: none; -moz-appearance: none; }
input::-ms-clear { display: none; }
textarea { overflow: auto; height: auto; resize: vertical; }
textarea[data-autoresize] { min-height: var(--h); max-height: calc(var(--h) * 3); }
select { padding: calc(var(--py) - 1px) calc(var(--px) - 1px); padding-right: 30px; background: var(--bc) url(../images/select1.svg) right 15px center no-repeat; background-size: 8px 11px; line-height: normal; text-indent: 1px; text-overflow: ''; }
select::-ms-expand { display: none; }
.firefox select { padding-left: calc(var(--px) - 6px); }
button, input[type="submit"], input[type="button"], input[type="reset"] { overflow: visible; cursor: pointer; -webkit-appearance: button; } button::-moz-focus-inner { padding: 0; border: none; }
button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { --s: 20px; --tc: var(--c_i1t); display: inline-block; position: relative; width: var(--s, 20px); height: var(--s, 20px); margin: -1px 5px 0 0; padding: 0; text-align: center; vertical-align: middle; } input[type="radio"] { border-radius: 50%; }
input[type="checkbox"]:checked, input[type="radio"]:checked { --bc: var(--c_d1t); --oc: var(--bc); } input[type="radio"]:checked { background: radial-gradient(circle, var(--tc) 3px, var(--bc) 3px), var(--bc); } input[type="checkbox"]:checked:before { position: absolute; left: 0; content: '\e90a'; width: 100%; color: inherit; font: calc(var(--s, 20px)* 0.7)/var(--s, 20px) Icons; transition-duration: 0s; }
input::-ms-check { border: none; background: transparent; color: var(--tc); }

::-webkit-input-placeholder { color: var(--pc); font-style: normal; line-height: normal; opacity: 1; }
:-ms-input-placeholder { color: var(--pc); font-style: normal; opacity: 1; }
::-moz-placeholder { color: var(--pc); font-style: normal; opacity: 1; }
select:invalid, select.is-placeholder { color: var(--pc); }

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

/* tables */

table { display: table; border-collapse: collapse; border-spacing: 0; }
 th, td { padding: 9px 19px; border: 1px solid var(--c_o1t); text-align: left; vertical-align: top; }
 thead th { font-size: 0.86rem; text-transform: uppercase; }

/* lists */

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

ol, ul { list-style: none; counter-reset: ordered; }
 li { margin-bottom: calc(var(--sy) / 2); counter-increment: ordered; }
  li:before { color: var(--c_a1t); }
  ol > li:before { position: absolute; content: counter(ordered); width: 15px; margin: 0.2ex 0 0 -30px; font: 900 1em var(--ff_2); }
  ul > li:before { display: inline-block; position: relative; top: -0.5ex; content: ''; width: 20px; height: 4px; background: var(--c_a1t); margin: 0 20px 0 -40px; vertical-align: baseline; }
  .single-issue .body1 ul > li:before { background: var(--c_i1);}
   ul > li ul { margin-top: 6px; }
   ul > li li:before { content: '\e90d'; background: none; font: 17px/1em Icons; width: auto; height: auto; top: 0.2ex; margin-right: 10px; color: inherit;}

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

/* links */

a { --atch: var(--c_a1t); --aown: 1px; --aocn: var(--c_o1t); }
a { --aow: var(--aown); --aoc: var(--aocn); --abc: var(--abcn); --atc: var(--atcn); --aop: var(--aopn, 1); box-shadow: 0 var(--aow, 0) 0 0 var(--aoc, 'currentColor'); background: var(--abc, transparent); color: var(--atc, 'currentColor'); text-decoration: none; opacity: var(--aop); transition-property: var(--t8n_p1), color; }
a:hover { --aow: var(--aowh, var(--aown)); --aoc: var(--aoch, var(--aocn)); --abc: var(--abch, var(--abcn)); --atc: var(--atch, var(--atcn)); --aop: var(--aoph, var(--aopn, 1)); }
 a * { cursor: pointer; }
.single-issue .body1 a { --aocn: var(--c_b1t); --aoc: var(--c_i1); }
.single-issue .body1 a:hover { color: rgba(255,255,255,0.65); --aoc: rgba(255,255,255,0.65); }


/* images */

figure { }
 img { max-width: 100%; border-width: 0; box-sizing: content-box; }
 figure img { display: inline-block; vertical-align: top; }
 figcaption { margin-top: 10px; }

.alignright { float: right; margin-left: 1.5rem; }
.alignleft { float: left; margin-right: 1.5rem; }
 .alignright img, .alignleft img { display: block; max-width: none; }

/* other */

blockquote { box-shadow: inset 8px 0 0 -4px; }
 blockquote q { display: block; }
 cite { display: block; margin-top: 10px; font: inherit; }
pre { padding: 10px; border: 1px solid #ccc; background: #f3f3f3; font: 12px/1.2 Consolas,Monaco,Courier New,monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code { padding: 2px 4px; background-color: #f9f2f4; color: #c7254e; font-size: 80%; }
hr { overflow: hidden; width: auto; height: 1px; margin: var(--s1) 0; border: none; border-top: 1px solid; background: none; color: currentColor; font-size: 0; }
sup, sub { font-size: 0.6875em; vertical-align: top; } sub { vertical-align: bottom; }
b, strong { font-weight: bolder; }
mark { padding: 0 2px; background-color: #f3f3f3; }
p.-small { font-size: 14px; }

@media screen and (max-width: 599px) {
blockquote { padding-left: 20px; }
}

/* first/last margins */

body :last-child:not(.wysiwyg)  { margin-bottom: 0; }

/* WYSIWYG Images */
.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:after { content: ""; visibility: hidden; display: block; height: 0; clear: both; }

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

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

/* text styling */

html, h1, h2, h3, h4, h5, h6, blockquote, cite, figcaption, [class*="-t:"] { font: 17px/1.41 var(--ff_1); letter-spacing: 0; text-transform: none; }
.-t\:1, h1 { font: 900 80px/0.75 var(--ff_2); text-transform: uppercase; }
.-t\:2, h2 { font: 900 40px/1.00 var(--ff_2); }
.-t\:3, h3 { font: 900 30px/1.07 var(--ff_2); }
.-t\:4, h4 { font: 700 24px/1.25 var(--ff_1); }
.-t\:5, h5 { font: 700 17px/1.29 var(--ff_1); }
.-t\:6, h6 { font: 700 17px/1.10 var(--ff_1); text-transform: uppercase; }
.-t\:7, blockquote { font: 700 21px/1.52 var(--ff_1); }
.-t\:8, cite { font: 400 17px/1.33 var(--ff_1); }
.-t\:9, figcaption { font: 400 14px/1.29 var(--ff_1); }
.-t\:10 { font: 400  21px/1.52 var(--ff_1); } /* paragraph large */
.-t\:11 { font: 700  30px/1.27 var(--ff_1); } /* hero intro */
.-t\:12 { font: 700  30px/1.20 var(--ff_1); } /* action card */
.-t\:13 { font: 900 150px/0.75 var(--ff_2); letter-spacing: -0.01em; text-transform: uppercase; } /* oversized page title */
.-t\:14 { font: 900  80px/0.75 var(--ff_2); } /* basic interior title */
.-t\:15 { font: 900 130px/1.00 var(--ff_2); letter-spacing: -0.01em; } /* stat */
.-t\:16 { font: 900  17px/1.00 var(--ff_2); text-transform: uppercase; } /* breadcrumb */
.-t\:17 { font: 900 130px/0.80 var(--ff_2); letter-spacing: -0.01em; } /* large promo text */
.-t\:18 { font: 400 30px/1.26 var(--ff_1); } /* quote */

@media screen and (max-width: 1023px) {
.-t\:13 { font: 900 120px/0.76 var(--ff_2); }
.-t\:17 { font: 900 100px/0.80 var(--ff_2); }
}
@media screen and (max-width: 719px) {
.-t\:1, h1 { font: 900 42px/0.80 var(--ff_2); }
.-t\:2, h2 { font: 900 36px/0.94 var(--ff_2); }
.-t\:4, h4 { font: 700 17px/1.24 var(--ff_1); }
.-t\:4b { font: 700 24px/1.24 var(--ff_1); }
.-t\:7, blockquote { font: 900 21px/1.33 var(--ff_2); }
.-t\:10 { font: 400 17px/1.41 var(--ff_1); }
.-t\:11 { font: 700 21px/1.29 var(--ff_1); }
.-t\:12 { font: 700 17px/1.24 var(--ff_1); }
.-t\:13 { font: 900 58px/0.76 var(--ff_2); }
.-t\:13b { font: 900 80px/0.80 var(--ff_2); }
.-t\:14 { font: 900 42px/0.90 var(--ff_2); }
.-t\:15 { font: 900 50px/1.00 var(--ff_2); letter-spacing: 0; }
.-t\:17 { font: 900 40px/1.00 var(--ff_2); letter-spacing: 0; }
}
@media screen and (max-width: 599px) {
.-t\:18 { font: 400 21px/1.26 var(--ff_1); }
}

/* link styling */

a.-as\:1, .-as\:1 a { --aown: 0; }
a.-as\:2, .-as\:2 a { --aocn: currentColor; }

/* list styling */

ul.-ls\:1, ol.-ls\:1, .-ls\:1 ul, .-ls\:1 ol { padding: 0; }
 .-ls\:1 li { margin-bottom: 0; }
  .-ls\:1 li:before { display: none; }

/* spacing */

.-mb\:a,.-my\:a{margin-bottom:auto}.-mt\:a,.-my\:a {margin-top:auto}.-ml\:a,.-mx\:a{margin-left:auto}.-mr\:a,.-mx\:a{margin-right:auto}
.-mb\:0,.-my\:0,.-ma\:0{margin-bottom:0}.-mt\:0,.-my\:0,.-ma\:0{margin-top:0}.-ml\:0,.-mx\:0,.-ma\:0{margin-left:0}.-mr\:0,.-mx\:0,.-ma\:0{margin-right:0}.-pb\:0,.-py\:0,.-pa\:0{padding-bottom:0}.-pt\:0,.-py\:0,.-pa\:0{padding-top:0}.-pl\:0,.-px\:0,.-pa\:0{padding-left:0}.-pr\:0,.-px\:0,.-pa\:0{padding-right:0}
.-mb\:x,.-my\:x,.-ma\:x{margin-bottom:var(--sx)}.-mt\:x,.-my\:x,.-ma\:x{margin-top:var(--sx)}.-ml\:x,.-mx\:x,.-ma\:x{margin-left:var(--sx)}.-mr\:x,.-mx\:x,.-ma\:x{margin-right:var(--sx)}.-mb\:-x,.-my\:-x,.-ma\:-x{margin-bottom: var(--nx)}.-mt\:-x,.-my\:-x,.-ma\:-x{margin-top: var(--nx)}.-ml\:-x,.-mx\:-x,.-ma\:-x{margin-left: var(--nx)}.-mr\:-x,.-mx\:-x,.-ma\:-x{margin-right: var(--nx)}.-pb\:x,.-py\:x,.-pa\:x{padding-bottom:var(--sx)}.-pt\:x,.-py\:x,.-pa\:x{padding-top:var(--sx)}.-pl\:x,.-px\:x,.-pa\:x{padding-left:var(--sx)}.-pr\:x,.-px\:x,.-pa\:x{padding-right:var(--sx)}
.-mb\:y,.-my\:y,.-ma\:y{margin-bottom:var(--sy)}.-mt\:y,.-my\:y,.-ma\:y{margin-top:var(--sy)}.-ml\:y,.-mx\:y,.-ma\:y{margin-left:var(--sy)}.-mr\:y,.-mx\:y,.-ma\:y{margin-right:var(--sy)}.-mb\:-y,.-my\:-y,.-ma\:-y{margin-bottom: var(--nx)}.-mt\:-y,.-my\:-y,.-ma\:-y{margin-top: var(--nx)}.-ml\:-y,.-mx\:-y,.-ma\:-y{margin-left: var(--nx)}.-mr\:-y,.-mx\:-y,.-ma\:-y{margin-right: var(--nx)}.-pb\:y,.-py\:y,.-pa\:y{padding-bottom:var(--sy)}.-pt\:y,.-py\:y,.-pa\:y{padding-top:var(--sy)}.-pl\:y,.-px\:y,.-pa\:y{padding-left:var(--sy)}.-pr\:y,.-px\:y,.-pa\:y{padding-right:var(--sy)}
.-mb\:t,.-my\:t,.-ma\:t{margin-bottom:var(--st)}.-mt\:t,.-my\:t,.-ma\:t{margin-top:var(--st)}.-ml\:t,.-mx\:t,.-ma\:t{margin-left:var(--st)}.-mr\:t,.-mx\:t,.-ma\:t{margin-right:var(--st)}.-mb\:-y,.-my\:-y,.-ma\:-y{margin-bottom: var(--nx)}.-mt\:-y,.-my\:-y,.-ma\:-y{margin-top: var(--nx)}.-ml\:-y,.-mx\:-y,.-ma\:-y{margin-left: var(--nx)}.-mr\:-y,.-mx\:-y,.-ma\:-y{margin-right: var(--nx)}.-pb\:t,.-py\:t,.-pa\:t{padding-bottom:var(--st)}.-pt\:t,.-py\:t,.-pa\:t{padding-top:var(--st)}.-pl\:t,.-px\:t,.-pa\:t{padding-left:var(--st)}.-pr\:t,.-px\:t,.-pa\:t{padding-right:var(--st)}
.-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)}

@media screen and (min-width: 1024px) {
.-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}
}
@media screen and (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 screen and (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)}
}

/* visibility */

.-d\:b { display: block; }
.-d\:n { display: none; }
@media print { .-d\:n\=p, .-d\:n\@p { display: none !important; } }
@media screen and (max-width: 1149px){.-d\:n\<l{display:none}.-d\:b\<l{display:block}}
@media screen and (max-width:  719px){.-d\:n\<m{display:none}.-d\:b\<m{display:block}}
@media screen and (min-width:  720px){.-d\:n\>s{display:none}.-d\:b\>s{display:block}}
@media screen and (min-width: 1150px){.-d\:n\>m{display:none}.-d\:b\>m{display:block}}

/* max widths */

.-xw\:n { max-width: none; }
.-xw\:1 { max-width: var(--xw_1); } .-xw\:1.-contain { max-width: calc(var(--xw_1) + var(--sx) * 2); }
.-xw\:2 { max-width: var(--xw_2); } .-xw\:2.-contain { max-width: calc(var(--xw_2) + var(--sx) * 2); }
.-xw\:3 { max-width: var(--xw_3); } .-xw\:3.-contain { max-width: calc(var(--xw_3) + var(--sx) * 2); }
.-xw\:4 { max-width: var(--xw_4); } .-xw\:4.-contain { max-width: calc(var(--xw_4) + var(--sx) * 2); }

/* colors */

.-c\:d1 { color: var(--c_d1); } .-c\:d1t, html { color: var(--c_d1t); } /* default: navy, text */
.-c\:d2 { color: var(--c_d2); } .-c\:d2t { color: var(--c_d2t); } /* default: black, headers */
.-c\:i1 { color: var(--c_i1); } .-c\:i1t { color: var(--c_i1t); } /* inverted: white, text */
.-c\:a1 { color: var(--c_a1); } .-c\:a1t { color: var(--c_a1t); } /* accent: orange, hovers, buttons */
.-c\:a2 { color: var(--c_a2); } .-c\:a2t { color: var(--c_a2t); } /* accent: teal, backgrounds */
.-c\:a3 { color: var(--c_a3); } .-c\:a3t { color: var(--c_a3t); } /* accent: pink, backgrounds */
.-c\:a4 { color: var(--c_a4); } .-c\:a4t { color: var(--c_a4t); } /* accent: gold, backgrounds */
.-c\:b2t { color: var(--c_b2); }
.-c\:s1 { color: var(--c_s1); } .-c\:s1t { color: var(--c_s1t); } /* special: get ready to vote */
.-c\:s2 { color: var(--c_s2); } .-c\:s2t { color: var(--c_s2t); } /* special: understand the issues */
.-c\:s3 { color: var(--c_s3); } .-c\:s3t { color: var(--c_s3t); } /* special: get involved */
.-c\:s4 { color: var(--c_s4); } .-c\:s4t { color: var(--c_s4t); } /* special: elections center */
.-c\:ix { color: inherit; }
.-c\:ux { color: unset; }
.-c\:b0 { background: var(--c_i1); } /* background: white */
.-c\:b2 { background: var(--c_b2); } /* background: gray/purple */
.-c\:b3 { background: var(--c_b3); } /* background: red */
.-c\:b4 { background: var(--c_d1); } /* background: navy */
/* families */

.-ff\:1, html { font-family: var(--ff_1); }
.-ff\:2, h1, h2, h3 { font-family: var(--ff_2); }
.-ff\:3 { font-family: var(--ff_3); }

/* weights */

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

/* basic css */

.-ta\:l { text-align: left; }.-ta\:c { text-align: center; }.-ta\:r { text-align: right; }
.-tt\:n { text-transform: none; }.-tt\:l { text-transform: lowercase; }.-tt\:u { text-transform: uppercase; }
.-us\:n, [toggle], [data-toggle] { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* other */

[mouse] *:focus { outline: none; }
[toggle],[data-toggle] { cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.notice { border: 1px solid var(--c_e1); padding: 30px; }
img.alignnone { height: auto; }

@media screen {
[equalize] { min-height: var(--equalize, 0); }
}

/* EveryAction overrides/adjustments */
.-ea-hide-title { }
 .-ea-hide-title .at .at-title, .-ea-hide-title .at .HeaderHtml, .-ea-hide-title .at.page-content > h1:first-child { display: none; }

.at div { margin-bottom: inherit; }
.at .SmsLegalDisclaimer.at-indented { margin-top: 0; margin-bottom: var(--sy); }

/* CivicEngine */
.ce-pledge-container { margin: 0 auto; max-width: 590px; height: 100%; }

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

/* slick */ .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/* lazysizes */ .lazyload, .lazyloading { opacity: 0; } [js] .lazyloaded[class] { opacity: 1; transition-duration: 0.5s; }


.page-id-2226 .wrap1:first-of-type{padding-top:0px;}
.page-id-2226 .wrap1 .title2{display:none;}

.page-template-template-understand-vote .mosaic1{
  margin-bottom:0px;
}

.chart-section .wysiwyg{
  margin:auto;
  padding:var(--s2) 0px calc(var(--s2) * 2) 0px;
}

.chart{
  border:1px solid #ECEEF1;
  padding:20px 0px;
}


@media print, (min-width: 720px), (orientation: landscape) {
  .chart{
    border:1px solid #ECEEF1;
    padding:20px 50px;
  }
}


.tablescroll{
  width:100%;
  overflow:auto;
}

.tablewrap table,
.tablewrap table th,
.tablewrap table td {
  border: 1px solid #DADFE4;
}

.tablewrap table tr td{
  text-align:center;
  background:#DADFE4;
  border: 1px solid #DADFE4;
}

.tablewrap thead tr td,
.tablewrap table tr td:first-child{
  background:white;
  border: 1px solid #DADFE4;
}

.tablewrap table tr td.gray{background:#DDE4FA;}
.tablewrap table tr td.light{background:#B4C3F5;}
.tablewrap table tr td.mid{background:#8BA5F0; }
.tablewrap table tr td.dark{background:#6285EB;}

.tablewrap table tr th{
  font-weight:400;
}
.tablewrap table tbody,
.tablewrap table tr td:first-child{
  font-weight:600;
}

.page-template-template-understand-vote .nav2-main{
  text-transform: none;
  justify-content: center;
}
.page-template-template-understand-vote .nav2-main .is-active a{
  --atc: var(--c_d1);
  --atcn: var(--c_d1);
}

.page-template-template-understand-vote .nav2-main a:hover{
  --atc: var(--c_s1);
  --atcn: var(--c_s1);
}

@media screen and (max-width:  719px){
  .tablewrap table{
    font-size:14px;
  }
  .tablewrap table thead td{
    padding:5px;
  }

}
.si-float-wrapper{position:absolute;width:100%}.si-float-wrapper,.si-float-wrapper *{box-sizing:border-box}[class*='si-wrapper']{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;cursor:default}.si-wrapper-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:-40px;margin-left:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.si-wrapper-bottom{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin-top:0;margin-left:0;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.si-wrapper-left{margin-top:-20px;margin-left:-11px;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.si-wrapper-right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-top:-20px;margin-left:11px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}[class*='si-shadow-wrapper']{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.29804;z-index:1}.si-shadow-wrapper-top,.si-shadow-wrapper-bottom{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.si-shadow-pointer-bottom,.si-shadow-pointer-right{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.si-shadow-frame{box-shadow:0 1px 3px 0 #000}[class*='si-shadow-pointer']{position:relative;width:15px;height:15px;margin:auto}[class*='si-shadow-inner-pointer']{position:absolute;width:141%;height:141%;box-shadow:-0.70711px .70711px 3px 0 #000}.si-shadow-inner-pointer-top{left:50%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.si-shadow-inner-pointer-bottom{bottom:0;left:50%;-webkit-transform:translate(-50%,50%) rotate(-45deg);transform:translate(-50%,50%) rotate(-45deg)}.si-shadow-inner-pointer-left{top:50%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.si-shadow-inner-pointer-right{top:50%;right:0;-webkit-transform:translate(50%,-50%) rotate(-45deg);transform:translate(50%,-50%) rotate(-45deg)}.si-frame{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;border-radius:3px;overflow:hidden;z-index:2}.si-content-wrapper{width:100%;max-width:100%;max-height:100%;padding:30px;background-color:#fff}.si-has-border .si-content-wrapper{border:1px solid #bbb}.si-content{overflow:auto}.si-close-button{position:absolute;top:0;right:0;border:0;outline:0;background-color:transparent;color:inherit;font-family:Arial,Baskerville,monospace;font-size:24px;cursor:pointer;opacity:.5;-webkit-appearance:none;-moz-appearance:none;appearance:none}.si-close-button:hover,.si-close-button:focus{opacity:.7}[class*='si-pointer-border']{position:absolute;border:15px solid transparent;z-index:3}[class*='si-pointer-bg']{position:relative;border:15px solid transparent;z-index:4}.si-has-border [class*='si-pointer-bg']{border-width:15px}.si-pointer-border-top,.si-pointer-border-bottom{left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.si-pointer-border-left,.si-pointer-border-right{top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.si-pointer-top{border-bottom:0}.si-pointer-border-top{bottom:0;border-top-color:#bbb}.si-pointer-bg-top{border-top-color:#fff}.si-has-border .si-pointer-bg-top{top:-1px;margin-bottom:0}.si-pointer-bottom{border-top:0}.si-pointer-border-bottom{top:0;border-bottom-color:#bbb}.si-pointer-bg-bottom{border-bottom-color:#fff}.si-has-border .si-pointer-bg-bottom{bottom:-1px;margin-top:0}.si-pointer-left{border-right:0}.si-pointer-border-left{right:0;border-left-color:#bbb}.si-pointer-bg-left{border-left-color:#fff}.si-has-border .si-pointer-bg-left{left:-1px;margin-right:0}.si-pointer-right{border-left:0}.si-pointer-border-right{left:0;border-right-color:#bbb}.si-pointer-bg-right{border-right-color:#fff}.si-has-border .si-pointer-bg-right{right:-1px;margin-left:0}