/*! ArcGIS API for JavaScript 4.14 | Copyright (c) 2020 Esri. All rights reserved. | http://www.esri.com/legal/privacy | https://developers.arcgis.com/terms/faq/ */
html { overflow-y: auto; min-height: 100%; font-size: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { min-height: 100vh; margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

svg:not(:root) { overflow: hidden; }

video, img { max-width: 100%; height: auto; }

.ie main { display: block; }

.ie select { padding-right: 8px; }

.clearfix:after { content: ''; display: table; clear: both; }

.overflow-auto { overflow: auto; }

.overflow-hidden { overflow: hidden; }

.overflow-scroll { overflow: scroll; }

.inline-block { display: inline-block; }

.column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12, .column-13, .column-14, .column-15, .column-16, .column-17, .column-18, .column-19, .column-20, .column-21, .column-22, .column-23, .column-24 { box-sizing: border-box; width: 1440px; max-width: 100%; padding-left: 0.5rem; padding-right: 0.5rem; float: left; }

html[dir="rtl"] .column-1, html[dir="rtl"] .column-2, html[dir="rtl"] .column-3, html[dir="rtl"] .column-4, html[dir="rtl"] .column-5, html[dir="rtl"] .column-6, html[dir="rtl"] .column-7, html[dir="rtl"] .column-8, html[dir="rtl"] .column-9, html[dir="rtl"] .column-10, html[dir="rtl"] .column-11, html[dir="rtl"] .column-12, html[dir="rtl"] .column-13, html[dir="rtl"] .column-14, html[dir="rtl"] .column-15, html[dir="rtl"] .column-16, html[dir="rtl"] .column-17, html[dir="rtl"] .column-18, html[dir="rtl"] .column-19, html[dir="rtl"] .column-20, html[dir="rtl"] .column-21, html[dir="rtl"] .column-22, html[dir="rtl"] .column-23, html[dir="rtl"] .column-24 { float: right; }

html:not([dir="rtl"]) [class*="column-"] [class*="column-"]:first-of-type { margin-left: -0.5rem; }

html[dir="rtl"] [class*="column-"] [class*="column-"]:first-of-type { margin-right: -0.5rem; }

html:not([dir="rtl"]) [class*="column-"] [class*="column-"]:last-of-type { margin-right: -0.5rem; }

html[dir="rtl"] [class*="column-"] [class*="column-"]:last-of-type { margin-left: -0.5rem; }

[class*="column-"]:last-of-type:after { content: ''; display: table; clear: both; }

@media screen { .grid-container { width: 1440px; max-width: 96vw; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; box-sizing: border-box; }
  .grid-container:after { content: ''; display: table; clear: both; } }

@media screen { html:not([dir="rtl"]) .first-column { margin-left: -0.5rem; }
  html[dir="rtl"] .first-column { margin-right: -0.5rem; }
  html:not([dir="rtl"]) .last-column { margin-right: -0.5rem; }
  html[dir="rtl"] .last-column { margin-left: -0.5rem; } }

.column-1 { width: 60px; max-width: 4vw; }

.column-1 > .column-1 { margin-left: -0.5rem; margin-right: -0.5rem; }

.column-2 { width: 120px; max-width: 8vw; }

.column-2 > .column-2 { margin-left: -0.5rem; margin-right: -0.5rem; }

.column-3 { width: 180px; max-width: 12vw; }

.column-3 > .column-3 { margin-left: -0.5rem; margin-right: -0.5rem; }

.column-4 { width: 240px; max-width: 16vw; }

.column-4 > .column-4 { margin-left: -0.5rem; margin-right: -0.5rem; }

.column-5 { width: 300px; max-width: 20vw; }

.column-5 > .column-5 { margin-left: -0.5rem; margin-right: -0.5rem; }

.column-6 { width: 360px; max-width: 24vw; }

.column-6 > .column-6 { margin-left: -0.5rem; margin-right: -0.5rem; }

.column-7 { width: 420px; max-width: 28vw; }

.column-7 > .column-7 { margin-left: -0.5rem; margin-right: -0.5rem; }

.column-8 { width: 480px; max-width: 32vw; }

.column-8 > .column-8 { margin-left: -0.5rem; margin-right: -0.5rem; }

.column-9 { width: 540px; max-width: 36vw; }

.column-9 > .column-9 { margin-left: -0.5rem; margin-right: -0.5rem; }

.column-10 { width: 600px; max-width: 40vw; }

.column-10 > .column-10 { margin-left: -0.5rem; margin-right: -0.5rem; }

.column-11 { width: 660px; max-width: 44vw; }

.column-11 > .column-11 { margin-left: -0.5rem; margin-right: -0.5rem; }

.column-12 { width: 720px; max-width: 48vw; }

.column-12 > .column-12 { margin-left: -0.5rem; margin-right: -0.5rem; }

.column-13 { width: 780px; max-width: 52vw; }

.column-13 > .column-13 { margin-left: -0.5rem; margin-right: -0.5rem; }

.column-14 { width: 840px; max-width: 56vw; }

.column-14 > .column-14 { margin-left: -0.5rem; margin-right: -0.5rem; }

.column-15 { width: 900px; max-width: 60vw; }

.column-15 > .column-15 { margin-left: -0.5rem; margin-right: -0.5rem; }

.column-16 { width: 960px; max-width: 64vw; }

.column-16 > .column-16 { margin-left: -0.5rem; margin-right: -0.5rem; }

.column-17 { width: 1020px; max-width: 68vw; }

.column-17 > .column-17 { margin-left: -0.5rem; margin-right: -0.5rem; }

.column-18 { width: 1080px; max-width: 72vw; }

.column-18 > .column-18 { margin-left: -0.5rem; margin-right: -0.5rem; }

.column-19 { width: 1140px; max-width: 76vw; }

.column-19 > .column-19 { margin-left: -0.5rem; margin-right: -0.5rem; }

.column-20 { width: 1200px; max-width: 80vw; }

.column-20 > .column-20 { margin-left: -0.5rem; margin-right: -0.5rem; }

.column-21 { width: 1260px; max-width: 84vw; }

.column-21 > .column-21 { margin-left: -0.5rem; margin-right: -0.5rem; }

.column-22 { width: 1320px; max-width: 88vw; }

.column-22 > .column-22 { margin-left: -0.5rem; margin-right: -0.5rem; }

.column-23 { width: 1380px; max-width: 92vw; }

.column-23 > .column-23 { margin-left: -0.5rem; margin-right: -0.5rem; }

.column-24 { width: 1440px; max-width: 96vw; }

.column-24 > .column-24 { margin-left: -0.5rem; margin-right: -0.5rem; }

@media screen and (max-width: 1023px) { .column-1 { width: 120px; max-width: 8vw; }
  .column-2 { width: 240px; max-width: 16vw; }
  .column-3 { width: 360px; max-width: 24vw; }
  .column-4 { width: 480px; max-width: 32vw; }
  .column-5 { width: 600px; max-width: 40vw; }
  .column-6 { width: 720px; max-width: 48vw; }
  .column-7 { width: 840px; max-width: 56vw; }
  .column-8 { width: 960px; max-width: 64vw; }
  .column-9 { width: 1080px; max-width: 72vw; }
  .column-10 { width: 1200px; max-width: 80vw; }
  .column-11 { width: 1320px; max-width: 88vw; }
  .column-12 { width: 1440px; max-width: 96vw; }
  .column-12 { width: 1440px; max-width: 96vw; }
  .column-13 { width: 1440px; max-width: 96vw; }
  .column-14 { width: 1440px; max-width: 96vw; }
  .column-15 { width: 1440px; max-width: 96vw; }
  .column-16 { width: 1440px; max-width: 96vw; }
  .column-17 { width: 1440px; max-width: 96vw; }
  .column-18 { width: 1440px; max-width: 96vw; }
  .column-19 { width: 1440px; max-width: 96vw; }
  .column-20 { width: 1440px; max-width: 96vw; }
  .column-21 { width: 1440px; max-width: 96vw; }
  .column-22 { width: 1440px; max-width: 96vw; }
  .column-23 { width: 1440px; max-width: 96vw; }
  .column-24 { width: 1440px; max-width: 96vw; }
  .tablet-column-1 { width: 120px; max-width: 8vw; }
  .tablet-column-2 { width: 240px; max-width: 16vw; }
  .tablet-column-3 { width: 360px; max-width: 24vw; }
  .tablet-column-4 { width: 480px; max-width: 32vw; }
  .tablet-column-5 { width: 600px; max-width: 40vw; }
  .tablet-column-6 { width: 720px; max-width: 48vw; }
  .tablet-column-7 { width: 840px; max-width: 56vw; }
  .tablet-column-8 { width: 960px; max-width: 64vw; }
  .tablet-column-9 { width: 1080px; max-width: 72vw; }
  .tablet-column-10 { width: 1200px; max-width: 80vw; }
  .tablet-column-11 { width: 1320px; max-width: 88vw; }
  .tablet-column-12 { width: 1440px; max-width: 96vw; }
  html:not([dir="rtl"]) .tablet-first-column { margin-left: -0.5rem; }
  html[dir="rtl"] .tablet-first-column { margin-right: -0.5rem; }
  html:not([dir="rtl"]) .tablet-last-column { margin-right: -0.5rem; }
  html[dir="rtl"] .tablet-last-column { margin-left: -0.5rem; } }

@media screen and (max-width: 599px) { .column-1 { width: 240px; max-width: 16vw; }
  .column-2 { width: 480px; max-width: 32vw; }
  .column-3 { width: 720px; max-width: 48vw; }
  .column-4 { width: 960px; max-width: 64vw; }
  .column-5 { width: 1200px; max-width: 80vw; }
  .column-6 { width: 1440px; max-width: 96vw; }
  .column-6 { width: 1440px; max-width: 96vw; }
  .column-7 { width: 1440px; max-width: 96vw; }
  .column-8 { width: 1440px; max-width: 96vw; }
  .column-9 { width: 1440px; max-width: 96vw; }
  .column-10 { width: 1440px; max-width: 96vw; }
  .column-11 { width: 1440px; max-width: 96vw; }
  .column-12 { width: 1440px; max-width: 96vw; }
  .column-13 { width: 1440px; max-width: 96vw; }
  .column-14 { width: 1440px; max-width: 96vw; }
  .column-15 { width: 1440px; max-width: 96vw; }
  .column-16 { width: 1440px; max-width: 96vw; }
  .column-17 { width: 1440px; max-width: 96vw; }
  .column-18 { width: 1440px; max-width: 96vw; }
  .column-19 { width: 1440px; max-width: 96vw; }
  .column-20 { width: 1440px; max-width: 96vw; }
  .column-21 { width: 1440px; max-width: 96vw; }
  .column-22 { width: 1440px; max-width: 96vw; }
  .column-23 { width: 1440px; max-width: 96vw; }
  .column-24 { width: 1440px; max-width: 96vw; }
  .tablet-column-1 { width: 240px; max-width: 16vw; }
  .tablet-column-2 { width: 480px; max-width: 32vw; }
  .tablet-column-3 { width: 720px; max-width: 48vw; }
  .tablet-column-4 { width: 960px; max-width: 64vw; }
  .tablet-column-5 { width: 1200px; max-width: 80vw; }
  .tablet-column-6 { width: 1440px; max-width: 96vw; }
  .tablet-column-6 { width: 1440px; max-width: 96vw; }
  .tablet-column-7 { width: 1440px; max-width: 96vw; }
  .tablet-column-8 { width: 1440px; max-width: 96vw; }
  .tablet-column-9 { width: 1440px; max-width: 96vw; }
  .tablet-column-10 { width: 1440px; max-width: 96vw; }
  .tablet-column-11 { width: 1440px; max-width: 96vw; }
  .tablet-column-12 { width: 1440px; max-width: 96vw; }
  .tablet-column-13 { width: 1440px; max-width: 96vw; }
  .tablet-column-14 { width: 1440px; max-width: 96vw; }
  .tablet-column-15 { width: 1440px; max-width: 96vw; }
  .tablet-column-16 { width: 1440px; max-width: 96vw; }
  .tablet-column-17 { width: 1440px; max-width: 96vw; }
  .tablet-column-18 { width: 1440px; max-width: 96vw; }
  .tablet-column-19 { width: 1440px; max-width: 96vw; }
  .tablet-column-20 { width: 1440px; max-width: 96vw; }
  .tablet-column-21 { width: 1440px; max-width: 96vw; }
  .tablet-column-22 { width: 1440px; max-width: 96vw; }
  .tablet-column-23 { width: 1440px; max-width: 96vw; }
  .tablet-column-24 { width: 1440px; max-width: 96vw; }
  .phone-column-1 { width: 240px; max-width: 16vw; }
  .phone-column-2 { width: 480px; max-width: 32vw; }
  .phone-column-3 { width: 720px; max-width: 48vw; }
  .phone-column-4 { width: 960px; max-width: 64vw; }
  .phone-column-5 { width: 1200px; max-width: 80vw; }
  .phone-column-6 { width: 1440px; max-width: 96vw; }
  .phone-first-column { margin-left: -0.5rem; }
  html[dir="rtl"] .phone-first-column { margin-left: 0; margin-right: -0.5rem; }
  .phone-last-column { margin-right: -0.5rem; }
  html[dir="rtl"] .phone-last-column { margin-right: 0; margin-left: -0.5rem; } }

.center-column { margin-left: auto !important; margin-right: auto !important; float: none; }

@media screen and (min-width: 1024px) and (max-width: 1500px) { html:not([dir="rtl"]) .pre-0 { margin-left: 0vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-0[class*="column-"]:first-of-type { margin-left: 0vw; }
  html[dir="rtl"] [class*="column-"] .pre-0[class*="column-"]:first-of-type { margin-right: 0vw; }
  html[dir="rtl"] .pre-0 { margin-right: 0vw; }
  html:not([dir="rtl"]) .first-column.pre-0 { margin-left: calc(0vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-0[class*="column-"]:first-of-type { margin-left: calc(0vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-0[class*="column-"]:first-of-type { margin-right: calc(0vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-0 { margin-right: calc(0vw - 0.5rem); }
  html:not([dir="rtl"]) .post-0 { margin-right: 0vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-0[class*="column-"]:first-of-type { margin-right: 0vw; }
  html[dir="rtl"] [class*="column-"] .post-0[class*="column-"]:first-of-type { margin-right: 0vw; }
  html[dir="rtl"] .post-0 { margin-left: 0vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-0:first-of-type { margin-left: calc(0vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-0:first-of-type[class*="column-"]:first-of-type { margin-left: calc(0vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-0:first-of-type[class*="column-"]:first-of-type { margin-right: calc(0vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-0:first-of-type { margin-right: calc(0vw - 0.5rem); }
  html:not([dir="rtl"]) .pre-1 { margin-left: 4vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-1[class*="column-"]:first-of-type { margin-left: 4vw; }
  html[dir="rtl"] [class*="column-"] .pre-1[class*="column-"]:first-of-type { margin-right: 4vw; }
  html[dir="rtl"] .pre-1 { margin-right: 4vw; }
  html:not([dir="rtl"]) .first-column.pre-1 { margin-left: calc(4vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-1[class*="column-"]:first-of-type { margin-left: calc(4vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-1[class*="column-"]:first-of-type { margin-right: calc(4vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-1 { margin-right: calc(4vw - 0.5rem); }
  html:not([dir="rtl"]) .post-1 { margin-right: 4vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-1[class*="column-"]:first-of-type { margin-right: 4vw; }
  html[dir="rtl"] [class*="column-"] .post-1[class*="column-"]:first-of-type { margin-right: 4vw; }
  html[dir="rtl"] .post-1 { margin-left: 4vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-1:first-of-type { margin-left: calc(4vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-1:first-of-type[class*="column-"]:first-of-type { margin-left: calc(4vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-1:first-of-type[class*="column-"]:first-of-type { margin-right: calc(4vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-1:first-of-type { margin-right: calc(4vw - 0.5rem); }
  html:not([dir="rtl"]) .pre-2 { margin-left: 8vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-2[class*="column-"]:first-of-type { margin-left: 8vw; }
  html[dir="rtl"] [class*="column-"] .pre-2[class*="column-"]:first-of-type { margin-right: 8vw; }
  html[dir="rtl"] .pre-2 { margin-right: 8vw; }
  html:not([dir="rtl"]) .first-column.pre-2 { margin-left: calc(8vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-2[class*="column-"]:first-of-type { margin-left: calc(8vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-2[class*="column-"]:first-of-type { margin-right: calc(8vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-2 { margin-right: calc(8vw - 0.5rem); }
  html:not([dir="rtl"]) .post-2 { margin-right: 8vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-2[class*="column-"]:first-of-type { margin-right: 8vw; }
  html[dir="rtl"] [class*="column-"] .post-2[class*="column-"]:first-of-type { margin-right: 8vw; }
  html[dir="rtl"] .post-2 { margin-left: 8vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-2:first-of-type { margin-left: calc(8vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-2:first-of-type[class*="column-"]:first-of-type { margin-left: calc(8vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-2:first-of-type[class*="column-"]:first-of-type { margin-right: calc(8vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-2:first-of-type { margin-right: calc(8vw - 0.5rem); }
  html:not([dir="rtl"]) .pre-3 { margin-left: 12vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-3[class*="column-"]:first-of-type { margin-left: 12vw; }
  html[dir="rtl"] [class*="column-"] .pre-3[class*="column-"]:first-of-type { margin-right: 12vw; }
  html[dir="rtl"] .pre-3 { margin-right: 12vw; }
  html:not([dir="rtl"]) .first-column.pre-3 { margin-left: calc(12vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-3[class*="column-"]:first-of-type { margin-left: calc(12vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-3[class*="column-"]:first-of-type { margin-right: calc(12vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-3 { margin-right: calc(12vw - 0.5rem); }
  html:not([dir="rtl"]) .post-3 { margin-right: 12vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-3[class*="column-"]:first-of-type { margin-right: 12vw; }
  html[dir="rtl"] [class*="column-"] .post-3[class*="column-"]:first-of-type { margin-right: 12vw; }
  html[dir="rtl"] .post-3 { margin-left: 12vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-3:first-of-type { margin-left: calc(12vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-3:first-of-type[class*="column-"]:first-of-type { margin-left: calc(12vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-3:first-of-type[class*="column-"]:first-of-type { margin-right: calc(12vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-3:first-of-type { margin-right: calc(12vw - 0.5rem); }
  html:not([dir="rtl"]) .pre-4 { margin-left: 16vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-4[class*="column-"]:first-of-type { margin-left: 16vw; }
  html[dir="rtl"] [class*="column-"] .pre-4[class*="column-"]:first-of-type { margin-right: 16vw; }
  html[dir="rtl"] .pre-4 { margin-right: 16vw; }
  html:not([dir="rtl"]) .first-column.pre-4 { margin-left: calc(16vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-4[class*="column-"]:first-of-type { margin-left: calc(16vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-4[class*="column-"]:first-of-type { margin-right: calc(16vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-4 { margin-right: calc(16vw - 0.5rem); }
  html:not([dir="rtl"]) .post-4 { margin-right: 16vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-4[class*="column-"]:first-of-type { margin-right: 16vw; }
  html[dir="rtl"] [class*="column-"] .post-4[class*="column-"]:first-of-type { margin-right: 16vw; }
  html[dir="rtl"] .post-4 { margin-left: 16vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-4:first-of-type { margin-left: calc(16vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-4:first-of-type[class*="column-"]:first-of-type { margin-left: calc(16vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-4:first-of-type[class*="column-"]:first-of-type { margin-right: calc(16vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-4:first-of-type { margin-right: calc(16vw - 0.5rem); }
  html:not([dir="rtl"]) .pre-5 { margin-left: 20vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-5[class*="column-"]:first-of-type { margin-left: 20vw; }
  html[dir="rtl"] [class*="column-"] .pre-5[class*="column-"]:first-of-type { margin-right: 20vw; }
  html[dir="rtl"] .pre-5 { margin-right: 20vw; }
  html:not([dir="rtl"]) .first-column.pre-5 { margin-left: calc(20vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-5[class*="column-"]:first-of-type { margin-left: calc(20vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-5[class*="column-"]:first-of-type { margin-right: calc(20vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-5 { margin-right: calc(20vw - 0.5rem); }
  html:not([dir="rtl"]) .post-5 { margin-right: 20vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-5[class*="column-"]:first-of-type { margin-right: 20vw; }
  html[dir="rtl"] [class*="column-"] .post-5[class*="column-"]:first-of-type { margin-right: 20vw; }
  html[dir="rtl"] .post-5 { margin-left: 20vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-5:first-of-type { margin-left: calc(20vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-5:first-of-type[class*="column-"]:first-of-type { margin-left: calc(20vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-5:first-of-type[class*="column-"]:first-of-type { margin-right: calc(20vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-5:first-of-type { margin-right: calc(20vw - 0.5rem); }
  html:not([dir="rtl"]) .pre-6 { margin-left: 24vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-6[class*="column-"]:first-of-type { margin-left: 24vw; }
  html[dir="rtl"] [class*="column-"] .pre-6[class*="column-"]:first-of-type { margin-right: 24vw; }
  html[dir="rtl"] .pre-6 { margin-right: 24vw; }
  html:not([dir="rtl"]) .first-column.pre-6 { margin-left: calc(24vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-6[class*="column-"]:first-of-type { margin-left: calc(24vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-6[class*="column-"]:first-of-type { margin-right: calc(24vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-6 { margin-right: calc(24vw - 0.5rem); }
  html:not([dir="rtl"]) .post-6 { margin-right: 24vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-6[class*="column-"]:first-of-type { margin-right: 24vw; }
  html[dir="rtl"] [class*="column-"] .post-6[class*="column-"]:first-of-type { margin-right: 24vw; }
  html[dir="rtl"] .post-6 { margin-left: 24vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-6:first-of-type { margin-left: calc(24vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-6:first-of-type[class*="column-"]:first-of-type { margin-left: calc(24vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-6:first-of-type[class*="column-"]:first-of-type { margin-right: calc(24vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-6:first-of-type { margin-right: calc(24vw - 0.5rem); }
  html:not([dir="rtl"]) .pre-7 { margin-left: 28vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-7[class*="column-"]:first-of-type { margin-left: 28vw; }
  html[dir="rtl"] [class*="column-"] .pre-7[class*="column-"]:first-of-type { margin-right: 28vw; }
  html[dir="rtl"] .pre-7 { margin-right: 28vw; }
  html:not([dir="rtl"]) .first-column.pre-7 { margin-left: calc(28vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-7[class*="column-"]:first-of-type { margin-left: calc(28vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-7[class*="column-"]:first-of-type { margin-right: calc(28vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-7 { margin-right: calc(28vw - 0.5rem); }
  html:not([dir="rtl"]) .post-7 { margin-right: 28vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-7[class*="column-"]:first-of-type { margin-right: 28vw; }
  html[dir="rtl"] [class*="column-"] .post-7[class*="column-"]:first-of-type { margin-right: 28vw; }
  html[dir="rtl"] .post-7 { margin-left: 28vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-7:first-of-type { margin-left: calc(28vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-7:first-of-type[class*="column-"]:first-of-type { margin-left: calc(28vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-7:first-of-type[class*="column-"]:first-of-type { margin-right: calc(28vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-7:first-of-type { margin-right: calc(28vw - 0.5rem); }
  html:not([dir="rtl"]) .pre-8 { margin-left: 32vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-8[class*="column-"]:first-of-type { margin-left: 32vw; }
  html[dir="rtl"] [class*="column-"] .pre-8[class*="column-"]:first-of-type { margin-right: 32vw; }
  html[dir="rtl"] .pre-8 { margin-right: 32vw; }
  html:not([dir="rtl"]) .first-column.pre-8 { margin-left: calc(32vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-8[class*="column-"]:first-of-type { margin-left: calc(32vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-8[class*="column-"]:first-of-type { margin-right: calc(32vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-8 { margin-right: calc(32vw - 0.5rem); }
  html:not([dir="rtl"]) .post-8 { margin-right: 32vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-8[class*="column-"]:first-of-type { margin-right: 32vw; }
  html[dir="rtl"] [class*="column-"] .post-8[class*="column-"]:first-of-type { margin-right: 32vw; }
  html[dir="rtl"] .post-8 { margin-left: 32vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-8:first-of-type { margin-left: calc(32vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-8:first-of-type[class*="column-"]:first-of-type { margin-left: calc(32vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-8:first-of-type[class*="column-"]:first-of-type { margin-right: calc(32vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-8:first-of-type { margin-right: calc(32vw - 0.5rem); }
  html:not([dir="rtl"]) .pre-9 { margin-left: 36vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-9[class*="column-"]:first-of-type { margin-left: 36vw; }
  html[dir="rtl"] [class*="column-"] .pre-9[class*="column-"]:first-of-type { margin-right: 36vw; }
  html[dir="rtl"] .pre-9 { margin-right: 36vw; }
  html:not([dir="rtl"]) .first-column.pre-9 { margin-left: calc(36vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-9[class*="column-"]:first-of-type { margin-left: calc(36vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-9[class*="column-"]:first-of-type { margin-right: calc(36vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-9 { margin-right: calc(36vw - 0.5rem); }
  html:not([dir="rtl"]) .post-9 { margin-right: 36vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-9[class*="column-"]:first-of-type { margin-right: 36vw; }
  html[dir="rtl"] [class*="column-"] .post-9[class*="column-"]:first-of-type { margin-right: 36vw; }
  html[dir="rtl"] .post-9 { margin-left: 36vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-9:first-of-type { margin-left: calc(36vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-9:first-of-type[class*="column-"]:first-of-type { margin-left: calc(36vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-9:first-of-type[class*="column-"]:first-of-type { margin-right: calc(36vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-9:first-of-type { margin-right: calc(36vw - 0.5rem); }
  html:not([dir="rtl"]) .pre-10 { margin-left: 40vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-10[class*="column-"]:first-of-type { margin-left: 40vw; }
  html[dir="rtl"] [class*="column-"] .pre-10[class*="column-"]:first-of-type { margin-right: 40vw; }
  html[dir="rtl"] .pre-10 { margin-right: 40vw; }
  html:not([dir="rtl"]) .first-column.pre-10 { margin-left: calc(40vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-10[class*="column-"]:first-of-type { margin-left: calc(40vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-10[class*="column-"]:first-of-type { margin-right: calc(40vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-10 { margin-right: calc(40vw - 0.5rem); }
  html:not([dir="rtl"]) .post-10 { margin-right: 40vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-10[class*="column-"]:first-of-type { margin-right: 40vw; }
  html[dir="rtl"] [class*="column-"] .post-10[class*="column-"]:first-of-type { margin-right: 40vw; }
  html[dir="rtl"] .post-10 { margin-left: 40vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-10:first-of-type { margin-left: calc(40vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-10:first-of-type[class*="column-"]:first-of-type { margin-left: calc(40vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-10:first-of-type[class*="column-"]:first-of-type { margin-right: calc(40vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-10:first-of-type { margin-right: calc(40vw - 0.5rem); }
  html:not([dir="rtl"]) .pre-11 { margin-left: 44vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-11[class*="column-"]:first-of-type { margin-left: 44vw; }
  html[dir="rtl"] [class*="column-"] .pre-11[class*="column-"]:first-of-type { margin-right: 44vw; }
  html[dir="rtl"] .pre-11 { margin-right: 44vw; }
  html:not([dir="rtl"]) .first-column.pre-11 { margin-left: calc(44vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-11[class*="column-"]:first-of-type { margin-left: calc(44vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-11[class*="column-"]:first-of-type { margin-right: calc(44vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-11 { margin-right: calc(44vw - 0.5rem); }
  html:not([dir="rtl"]) .post-11 { margin-right: 44vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-11[class*="column-"]:first-of-type { margin-right: 44vw; }
  html[dir="rtl"] [class*="column-"] .post-11[class*="column-"]:first-of-type { margin-right: 44vw; }
  html[dir="rtl"] .post-11 { margin-left: 44vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-11:first-of-type { margin-left: calc(44vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-11:first-of-type[class*="column-"]:first-of-type { margin-left: calc(44vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-11:first-of-type[class*="column-"]:first-of-type { margin-right: calc(44vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-11:first-of-type { margin-right: calc(44vw - 0.5rem); }
  html:not([dir="rtl"]) .pre-12 { margin-left: 48vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-12[class*="column-"]:first-of-type { margin-left: 48vw; }
  html[dir="rtl"] [class*="column-"] .pre-12[class*="column-"]:first-of-type { margin-right: 48vw; }
  html[dir="rtl"] .pre-12 { margin-right: 48vw; }
  html:not([dir="rtl"]) .first-column.pre-12 { margin-left: calc(48vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-12[class*="column-"]:first-of-type { margin-left: calc(48vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-12[class*="column-"]:first-of-type { margin-right: calc(48vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-12 { margin-right: calc(48vw - 0.5rem); }
  html:not([dir="rtl"]) .post-12 { margin-right: 48vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-12[class*="column-"]:first-of-type { margin-right: 48vw; }
  html[dir="rtl"] [class*="column-"] .post-12[class*="column-"]:first-of-type { margin-right: 48vw; }
  html[dir="rtl"] .post-12 { margin-left: 48vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-12:first-of-type { margin-left: calc(48vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-12:first-of-type[class*="column-"]:first-of-type { margin-left: calc(48vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-12:first-of-type[class*="column-"]:first-of-type { margin-right: calc(48vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-12:first-of-type { margin-right: calc(48vw - 0.5rem); }
  html:not([dir="rtl"]) .pre-13 { margin-left: 52vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-13[class*="column-"]:first-of-type { margin-left: 52vw; }
  html[dir="rtl"] [class*="column-"] .pre-13[class*="column-"]:first-of-type { margin-right: 52vw; }
  html[dir="rtl"] .pre-13 { margin-right: 52vw; }
  html:not([dir="rtl"]) .first-column.pre-13 { margin-left: calc(52vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-13[class*="column-"]:first-of-type { margin-left: calc(52vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-13[class*="column-"]:first-of-type { margin-right: calc(52vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-13 { margin-right: calc(52vw - 0.5rem); }
  html:not([dir="rtl"]) .post-13 { margin-right: 52vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-13[class*="column-"]:first-of-type { margin-right: 52vw; }
  html[dir="rtl"] [class*="column-"] .post-13[class*="column-"]:first-of-type { margin-right: 52vw; }
  html[dir="rtl"] .post-13 { margin-left: 52vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-13:first-of-type { margin-left: calc(52vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-13:first-of-type[class*="column-"]:first-of-type { margin-left: calc(52vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-13:first-of-type[class*="column-"]:first-of-type { margin-right: calc(52vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-13:first-of-type { margin-right: calc(52vw - 0.5rem); }
  html:not([dir="rtl"]) .pre-14 { margin-left: 56vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-14[class*="column-"]:first-of-type { margin-left: 56vw; }
  html[dir="rtl"] [class*="column-"] .pre-14[class*="column-"]:first-of-type { margin-right: 56vw; }
  html[dir="rtl"] .pre-14 { margin-right: 56vw; }
  html:not([dir="rtl"]) .first-column.pre-14 { margin-left: calc(56vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-14[class*="column-"]:first-of-type { margin-left: calc(56vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-14[class*="column-"]:first-of-type { margin-right: calc(56vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-14 { margin-right: calc(56vw - 0.5rem); }
  html:not([dir="rtl"]) .post-14 { margin-right: 56vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-14[class*="column-"]:first-of-type { margin-right: 56vw; }
  html[dir="rtl"] [class*="column-"] .post-14[class*="column-"]:first-of-type { margin-right: 56vw; }
  html[dir="rtl"] .post-14 { margin-left: 56vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-14:first-of-type { margin-left: calc(56vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-14:first-of-type[class*="column-"]:first-of-type { margin-left: calc(56vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-14:first-of-type[class*="column-"]:first-of-type { margin-right: calc(56vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-14:first-of-type { margin-right: calc(56vw - 0.5rem); }
  html:not([dir="rtl"]) .pre-15 { margin-left: 60vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-15[class*="column-"]:first-of-type { margin-left: 60vw; }
  html[dir="rtl"] [class*="column-"] .pre-15[class*="column-"]:first-of-type { margin-right: 60vw; }
  html[dir="rtl"] .pre-15 { margin-right: 60vw; }
  html:not([dir="rtl"]) .first-column.pre-15 { margin-left: calc(60vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-15[class*="column-"]:first-of-type { margin-left: calc(60vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-15[class*="column-"]:first-of-type { margin-right: calc(60vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-15 { margin-right: calc(60vw - 0.5rem); }
  html:not([dir="rtl"]) .post-15 { margin-right: 60vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-15[class*="column-"]:first-of-type { margin-right: 60vw; }
  html[dir="rtl"] [class*="column-"] .post-15[class*="column-"]:first-of-type { margin-right: 60vw; }
  html[dir="rtl"] .post-15 { margin-left: 60vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-15:first-of-type { margin-left: calc(60vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-15:first-of-type[class*="column-"]:first-of-type { margin-left: calc(60vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-15:first-of-type[class*="column-"]:first-of-type { margin-right: calc(60vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-15:first-of-type { margin-right: calc(60vw - 0.5rem); }
  html:not([dir="rtl"]) .pre-16 { margin-left: 64vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-16[class*="column-"]:first-of-type { margin-left: 64vw; }
  html[dir="rtl"] [class*="column-"] .pre-16[class*="column-"]:first-of-type { margin-right: 64vw; }
  html[dir="rtl"] .pre-16 { margin-right: 64vw; }
  html:not([dir="rtl"]) .first-column.pre-16 { margin-left: calc(64vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-16[class*="column-"]:first-of-type { margin-left: calc(64vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-16[class*="column-"]:first-of-type { margin-right: calc(64vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-16 { margin-right: calc(64vw - 0.5rem); }
  html:not([dir="rtl"]) .post-16 { margin-right: 64vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-16[class*="column-"]:first-of-type { margin-right: 64vw; }
  html[dir="rtl"] [class*="column-"] .post-16[class*="column-"]:first-of-type { margin-right: 64vw; }
  html[dir="rtl"] .post-16 { margin-left: 64vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-16:first-of-type { margin-left: calc(64vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-16:first-of-type[class*="column-"]:first-of-type { margin-left: calc(64vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-16:first-of-type[class*="column-"]:first-of-type { margin-right: calc(64vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-16:first-of-type { margin-right: calc(64vw - 0.5rem); }
  html:not([dir="rtl"]) .pre-17 { margin-left: 68vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-17[class*="column-"]:first-of-type { margin-left: 68vw; }
  html[dir="rtl"] [class*="column-"] .pre-17[class*="column-"]:first-of-type { margin-right: 68vw; }
  html[dir="rtl"] .pre-17 { margin-right: 68vw; }
  html:not([dir="rtl"]) .first-column.pre-17 { margin-left: calc(68vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-17[class*="column-"]:first-of-type { margin-left: calc(68vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-17[class*="column-"]:first-of-type { margin-right: calc(68vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-17 { margin-right: calc(68vw - 0.5rem); }
  html:not([dir="rtl"]) .post-17 { margin-right: 68vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-17[class*="column-"]:first-of-type { margin-right: 68vw; }
  html[dir="rtl"] [class*="column-"] .post-17[class*="column-"]:first-of-type { margin-right: 68vw; }
  html[dir="rtl"] .post-17 { margin-left: 68vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-17:first-of-type { margin-left: calc(68vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-17:first-of-type[class*="column-"]:first-of-type { margin-left: calc(68vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-17:first-of-type[class*="column-"]:first-of-type { margin-right: calc(68vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-17:first-of-type { margin-right: calc(68vw - 0.5rem); }
  html:not([dir="rtl"]) .pre-18 { margin-left: 72vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-18[class*="column-"]:first-of-type { margin-left: 72vw; }
  html[dir="rtl"] [class*="column-"] .pre-18[class*="column-"]:first-of-type { margin-right: 72vw; }
  html[dir="rtl"] .pre-18 { margin-right: 72vw; }
  html:not([dir="rtl"]) .first-column.pre-18 { margin-left: calc(72vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-18[class*="column-"]:first-of-type { margin-left: calc(72vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-18[class*="column-"]:first-of-type { margin-right: calc(72vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-18 { margin-right: calc(72vw - 0.5rem); }
  html:not([dir="rtl"]) .post-18 { margin-right: 72vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-18[class*="column-"]:first-of-type { margin-right: 72vw; }
  html[dir="rtl"] [class*="column-"] .post-18[class*="column-"]:first-of-type { margin-right: 72vw; }
  html[dir="rtl"] .post-18 { margin-left: 72vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-18:first-of-type { margin-left: calc(72vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-18:first-of-type[class*="column-"]:first-of-type { margin-left: calc(72vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-18:first-of-type[class*="column-"]:first-of-type { margin-right: calc(72vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-18:first-of-type { margin-right: calc(72vw - 0.5rem); }
  html:not([dir="rtl"]) .pre-19 { margin-left: 76vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-19[class*="column-"]:first-of-type { margin-left: 76vw; }
  html[dir="rtl"] [class*="column-"] .pre-19[class*="column-"]:first-of-type { margin-right: 76vw; }
  html[dir="rtl"] .pre-19 { margin-right: 76vw; }
  html:not([dir="rtl"]) .first-column.pre-19 { margin-left: calc(76vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-19[class*="column-"]:first-of-type { margin-left: calc(76vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-19[class*="column-"]:first-of-type { margin-right: calc(76vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-19 { margin-right: calc(76vw - 0.5rem); }
  html:not([dir="rtl"]) .post-19 { margin-right: 76vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-19[class*="column-"]:first-of-type { margin-right: 76vw; }
  html[dir="rtl"] [class*="column-"] .post-19[class*="column-"]:first-of-type { margin-right: 76vw; }
  html[dir="rtl"] .post-19 { margin-left: 76vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-19:first-of-type { margin-left: calc(76vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-19:first-of-type[class*="column-"]:first-of-type { margin-left: calc(76vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-19:first-of-type[class*="column-"]:first-of-type { margin-right: calc(76vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-19:first-of-type { margin-right: calc(76vw - 0.5rem); }
  html:not([dir="rtl"]) .pre-20 { margin-left: 80vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-20[class*="column-"]:first-of-type { margin-left: 80vw; }
  html[dir="rtl"] [class*="column-"] .pre-20[class*="column-"]:first-of-type { margin-right: 80vw; }
  html[dir="rtl"] .pre-20 { margin-right: 80vw; }
  html:not([dir="rtl"]) .first-column.pre-20 { margin-left: calc(80vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-20[class*="column-"]:first-of-type { margin-left: calc(80vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-20[class*="column-"]:first-of-type { margin-right: calc(80vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-20 { margin-right: calc(80vw - 0.5rem); }
  html:not([dir="rtl"]) .post-20 { margin-right: 80vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-20[class*="column-"]:first-of-type { margin-right: 80vw; }
  html[dir="rtl"] [class*="column-"] .post-20[class*="column-"]:first-of-type { margin-right: 80vw; }
  html[dir="rtl"] .post-20 { margin-left: 80vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-20:first-of-type { margin-left: calc(80vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-20:first-of-type[class*="column-"]:first-of-type { margin-left: calc(80vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-20:first-of-type[class*="column-"]:first-of-type { margin-right: calc(80vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-20:first-of-type { margin-right: calc(80vw - 0.5rem); }
  html:not([dir="rtl"]) .pre-21 { margin-left: 84vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-21[class*="column-"]:first-of-type { margin-left: 84vw; }
  html[dir="rtl"] [class*="column-"] .pre-21[class*="column-"]:first-of-type { margin-right: 84vw; }
  html[dir="rtl"] .pre-21 { margin-right: 84vw; }
  html:not([dir="rtl"]) .first-column.pre-21 { margin-left: calc(84vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-21[class*="column-"]:first-of-type { margin-left: calc(84vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-21[class*="column-"]:first-of-type { margin-right: calc(84vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-21 { margin-right: calc(84vw - 0.5rem); }
  html:not([dir="rtl"]) .post-21 { margin-right: 84vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-21[class*="column-"]:first-of-type { margin-right: 84vw; }
  html[dir="rtl"] [class*="column-"] .post-21[class*="column-"]:first-of-type { margin-right: 84vw; }
  html[dir="rtl"] .post-21 { margin-left: 84vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-21:first-of-type { margin-left: calc(84vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-21:first-of-type[class*="column-"]:first-of-type { margin-left: calc(84vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-21:first-of-type[class*="column-"]:first-of-type { margin-right: calc(84vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-21:first-of-type { margin-right: calc(84vw - 0.5rem); }
  html:not([dir="rtl"]) .pre-22 { margin-left: 88vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-22[class*="column-"]:first-of-type { margin-left: 88vw; }
  html[dir="rtl"] [class*="column-"] .pre-22[class*="column-"]:first-of-type { margin-right: 88vw; }
  html[dir="rtl"] .pre-22 { margin-right: 88vw; }
  html:not([dir="rtl"]) .first-column.pre-22 { margin-left: calc(88vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-22[class*="column-"]:first-of-type { margin-left: calc(88vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-22[class*="column-"]:first-of-type { margin-right: calc(88vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-22 { margin-right: calc(88vw - 0.5rem); }
  html:not([dir="rtl"]) .post-22 { margin-right: 88vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-22[class*="column-"]:first-of-type { margin-right: 88vw; }
  html[dir="rtl"] [class*="column-"] .post-22[class*="column-"]:first-of-type { margin-right: 88vw; }
  html[dir="rtl"] .post-22 { margin-left: 88vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-22:first-of-type { margin-left: calc(88vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-22:first-of-type[class*="column-"]:first-of-type { margin-left: calc(88vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-22:first-of-type[class*="column-"]:first-of-type { margin-right: calc(88vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-22:first-of-type { margin-right: calc(88vw - 0.5rem); }
  html:not([dir="rtl"]) .pre-23 { margin-left: 92vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-23[class*="column-"]:first-of-type { margin-left: 92vw; }
  html[dir="rtl"] [class*="column-"] .pre-23[class*="column-"]:first-of-type { margin-right: 92vw; }
  html[dir="rtl"] .pre-23 { margin-right: 92vw; }
  html:not([dir="rtl"]) .first-column.pre-23 { margin-left: calc(92vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-23[class*="column-"]:first-of-type { margin-left: calc(92vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-23[class*="column-"]:first-of-type { margin-right: calc(92vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-23 { margin-right: calc(92vw - 0.5rem); }
  html:not([dir="rtl"]) .post-23 { margin-right: 92vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-23[class*="column-"]:first-of-type { margin-right: 92vw; }
  html[dir="rtl"] [class*="column-"] .post-23[class*="column-"]:first-of-type { margin-right: 92vw; }
  html[dir="rtl"] .post-23 { margin-left: 92vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-23:first-of-type { margin-left: calc(92vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-23:first-of-type[class*="column-"]:first-of-type { margin-left: calc(92vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-23:first-of-type[class*="column-"]:first-of-type { margin-right: calc(92vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-23:first-of-type { margin-right: calc(92vw - 0.5rem); }
  html:not([dir="rtl"]) .pre-24 { margin-left: 96vw; }
  html:not([dir="rtl"]) [class*="column-"] .pre-24[class*="column-"]:first-of-type { margin-left: 96vw; }
  html[dir="rtl"] [class*="column-"] .pre-24[class*="column-"]:first-of-type { margin-right: 96vw; }
  html[dir="rtl"] .pre-24 { margin-right: 96vw; }
  html:not([dir="rtl"]) .first-column.pre-24 { margin-left: calc(96vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .first-column.pre-24[class*="column-"]:first-of-type { margin-left: calc(96vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .first-column.pre-24[class*="column-"]:first-of-type { margin-right: calc(96vw - 0.5rem); }
  html[dir="rtl"] .first-column.pre-24 { margin-right: calc(96vw - 0.5rem); }
  html:not([dir="rtl"]) .post-24 { margin-right: 96vw; }
  html:not([dir="rtl"]) [class*="column-"] .post-24[class*="column-"]:first-of-type { margin-right: 96vw; }
  html[dir="rtl"] [class*="column-"] .post-24[class*="column-"]:first-of-type { margin-right: 96vw; }
  html[dir="rtl"] .post-24 { margin-left: 96vw; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-24:first-of-type { margin-left: calc(96vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"] [class*="column-"].pre-24:first-of-type[class*="column-"]:first-of-type { margin-left: calc(96vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"] [class*="column-"].pre-24:first-of-type[class*="column-"]:first-of-type { margin-right: calc(96vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-24:first-of-type { margin-right: calc(96vw - 0.5rem); } }

@media screen and (max-width: 1023px) { html:not([dir="rtl"]) .tablet-pre-0 { margin-left: 0vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-pre-0[class*="column-"]:first-of-type { margin-left: 0vw; }
  html[dir="rtl"] [class*="column-"] .tablet-pre-0[class*="column-"]:first-of-type { margin-right: 0vw; }
  html[dir="rtl"] .tablet-pre-0 { margin-right: 0vw; }
  html:not([dir="rtl"]) .tablet-first-column.tablet-pre-0 { margin-left: calc(0vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .tablet-first-column.tablet-pre-0[class*="column-"]:first-of-type { margin-left: calc(0vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .tablet-first-column.tablet-pre-0[class*="column-"]:first-of-type { margin-right: calc(0vw - 0.5rem); }
  html[dir="rtl"] .tablet-first-column.tablet-pre-0 { margin-right: calc(0vw - 0.5rem); }
  html:not([dir="rtl"]) .tablet-post-0 { margin-right: 0vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-post-0[class*="column-"]:first-of-type { margin-right: 0vw; }
  html[dir="rtl"] [class*="column-"] .tablet-post-0[class*="column-"]:first-of-type { margin-right: 0vw; }
  html[dir="rtl"] .tablet-post-0 { margin-left: 0vw; }
  html:not([dir="rtl"]) .tablet-pre-1 { margin-left: 8vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-pre-1[class*="column-"]:first-of-type { margin-left: 8vw; }
  html[dir="rtl"] [class*="column-"] .tablet-pre-1[class*="column-"]:first-of-type { margin-right: 8vw; }
  html[dir="rtl"] .tablet-pre-1 { margin-right: 8vw; }
  html:not([dir="rtl"]) .tablet-first-column.tablet-pre-1 { margin-left: calc(8vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .tablet-first-column.tablet-pre-1[class*="column-"]:first-of-type { margin-left: calc(8vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .tablet-first-column.tablet-pre-1[class*="column-"]:first-of-type { margin-right: calc(8vw - 0.5rem); }
  html[dir="rtl"] .tablet-first-column.tablet-pre-1 { margin-right: calc(8vw - 0.5rem); }
  html:not([dir="rtl"]) .tablet-post-1 { margin-right: 8vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-post-1[class*="column-"]:first-of-type { margin-right: 8vw; }
  html[dir="rtl"] [class*="column-"] .tablet-post-1[class*="column-"]:first-of-type { margin-right: 8vw; }
  html[dir="rtl"] .tablet-post-1 { margin-left: 8vw; }
  html:not([dir="rtl"]) .tablet-pre-2 { margin-left: 16vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-pre-2[class*="column-"]:first-of-type { margin-left: 16vw; }
  html[dir="rtl"] [class*="column-"] .tablet-pre-2[class*="column-"]:first-of-type { margin-right: 16vw; }
  html[dir="rtl"] .tablet-pre-2 { margin-right: 16vw; }
  html:not([dir="rtl"]) .tablet-first-column.tablet-pre-2 { margin-left: calc(16vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .tablet-first-column.tablet-pre-2[class*="column-"]:first-of-type { margin-left: calc(16vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .tablet-first-column.tablet-pre-2[class*="column-"]:first-of-type { margin-right: calc(16vw - 0.5rem); }
  html[dir="rtl"] .tablet-first-column.tablet-pre-2 { margin-right: calc(16vw - 0.5rem); }
  html:not([dir="rtl"]) .tablet-post-2 { margin-right: 16vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-post-2[class*="column-"]:first-of-type { margin-right: 16vw; }
  html[dir="rtl"] [class*="column-"] .tablet-post-2[class*="column-"]:first-of-type { margin-right: 16vw; }
  html[dir="rtl"] .tablet-post-2 { margin-left: 16vw; }
  html:not([dir="rtl"]) .tablet-pre-3 { margin-left: 24vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-pre-3[class*="column-"]:first-of-type { margin-left: 24vw; }
  html[dir="rtl"] [class*="column-"] .tablet-pre-3[class*="column-"]:first-of-type { margin-right: 24vw; }
  html[dir="rtl"] .tablet-pre-3 { margin-right: 24vw; }
  html:not([dir="rtl"]) .tablet-first-column.tablet-pre-3 { margin-left: calc(24vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .tablet-first-column.tablet-pre-3[class*="column-"]:first-of-type { margin-left: calc(24vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .tablet-first-column.tablet-pre-3[class*="column-"]:first-of-type { margin-right: calc(24vw - 0.5rem); }
  html[dir="rtl"] .tablet-first-column.tablet-pre-3 { margin-right: calc(24vw - 0.5rem); }
  html:not([dir="rtl"]) .tablet-post-3 { margin-right: 24vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-post-3[class*="column-"]:first-of-type { margin-right: 24vw; }
  html[dir="rtl"] [class*="column-"] .tablet-post-3[class*="column-"]:first-of-type { margin-right: 24vw; }
  html[dir="rtl"] .tablet-post-3 { margin-left: 24vw; }
  html:not([dir="rtl"]) .tablet-pre-4 { margin-left: 32vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-pre-4[class*="column-"]:first-of-type { margin-left: 32vw; }
  html[dir="rtl"] [class*="column-"] .tablet-pre-4[class*="column-"]:first-of-type { margin-right: 32vw; }
  html[dir="rtl"] .tablet-pre-4 { margin-right: 32vw; }
  html:not([dir="rtl"]) .tablet-first-column.tablet-pre-4 { margin-left: calc(32vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .tablet-first-column.tablet-pre-4[class*="column-"]:first-of-type { margin-left: calc(32vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .tablet-first-column.tablet-pre-4[class*="column-"]:first-of-type { margin-right: calc(32vw - 0.5rem); }
  html[dir="rtl"] .tablet-first-column.tablet-pre-4 { margin-right: calc(32vw - 0.5rem); }
  html:not([dir="rtl"]) .tablet-post-4 { margin-right: 32vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-post-4[class*="column-"]:first-of-type { margin-right: 32vw; }
  html[dir="rtl"] [class*="column-"] .tablet-post-4[class*="column-"]:first-of-type { margin-right: 32vw; }
  html[dir="rtl"] .tablet-post-4 { margin-left: 32vw; }
  html:not([dir="rtl"]) .tablet-pre-5 { margin-left: 40vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-pre-5[class*="column-"]:first-of-type { margin-left: 40vw; }
  html[dir="rtl"] [class*="column-"] .tablet-pre-5[class*="column-"]:first-of-type { margin-right: 40vw; }
  html[dir="rtl"] .tablet-pre-5 { margin-right: 40vw; }
  html:not([dir="rtl"]) .tablet-first-column.tablet-pre-5 { margin-left: calc(40vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .tablet-first-column.tablet-pre-5[class*="column-"]:first-of-type { margin-left: calc(40vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .tablet-first-column.tablet-pre-5[class*="column-"]:first-of-type { margin-right: calc(40vw - 0.5rem); }
  html[dir="rtl"] .tablet-first-column.tablet-pre-5 { margin-right: calc(40vw - 0.5rem); }
  html:not([dir="rtl"]) .tablet-post-5 { margin-right: 40vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-post-5[class*="column-"]:first-of-type { margin-right: 40vw; }
  html[dir="rtl"] [class*="column-"] .tablet-post-5[class*="column-"]:first-of-type { margin-right: 40vw; }
  html[dir="rtl"] .tablet-post-5 { margin-left: 40vw; }
  html:not([dir="rtl"]) .tablet-pre-6 { margin-left: 48vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-pre-6[class*="column-"]:first-of-type { margin-left: 48vw; }
  html[dir="rtl"] [class*="column-"] .tablet-pre-6[class*="column-"]:first-of-type { margin-right: 48vw; }
  html[dir="rtl"] .tablet-pre-6 { margin-right: 48vw; }
  html:not([dir="rtl"]) .tablet-first-column.tablet-pre-6 { margin-left: calc(48vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .tablet-first-column.tablet-pre-6[class*="column-"]:first-of-type { margin-left: calc(48vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .tablet-first-column.tablet-pre-6[class*="column-"]:first-of-type { margin-right: calc(48vw - 0.5rem); }
  html[dir="rtl"] .tablet-first-column.tablet-pre-6 { margin-right: calc(48vw - 0.5rem); }
  html:not([dir="rtl"]) .tablet-post-6 { margin-right: 48vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-post-6[class*="column-"]:first-of-type { margin-right: 48vw; }
  html[dir="rtl"] [class*="column-"] .tablet-post-6[class*="column-"]:first-of-type { margin-right: 48vw; }
  html[dir="rtl"] .tablet-post-6 { margin-left: 48vw; }
  html:not([dir="rtl"]) .tablet-pre-7 { margin-left: 56vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-pre-7[class*="column-"]:first-of-type { margin-left: 56vw; }
  html[dir="rtl"] [class*="column-"] .tablet-pre-7[class*="column-"]:first-of-type { margin-right: 56vw; }
  html[dir="rtl"] .tablet-pre-7 { margin-right: 56vw; }
  html:not([dir="rtl"]) .tablet-first-column.tablet-pre-7 { margin-left: calc(56vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .tablet-first-column.tablet-pre-7[class*="column-"]:first-of-type { margin-left: calc(56vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .tablet-first-column.tablet-pre-7[class*="column-"]:first-of-type { margin-right: calc(56vw - 0.5rem); }
  html[dir="rtl"] .tablet-first-column.tablet-pre-7 { margin-right: calc(56vw - 0.5rem); }
  html:not([dir="rtl"]) .tablet-post-7 { margin-right: 56vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-post-7[class*="column-"]:first-of-type { margin-right: 56vw; }
  html[dir="rtl"] [class*="column-"] .tablet-post-7[class*="column-"]:first-of-type { margin-right: 56vw; }
  html[dir="rtl"] .tablet-post-7 { margin-left: 56vw; }
  html:not([dir="rtl"]) .tablet-pre-8 { margin-left: 64vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-pre-8[class*="column-"]:first-of-type { margin-left: 64vw; }
  html[dir="rtl"] [class*="column-"] .tablet-pre-8[class*="column-"]:first-of-type { margin-right: 64vw; }
  html[dir="rtl"] .tablet-pre-8 { margin-right: 64vw; }
  html:not([dir="rtl"]) .tablet-first-column.tablet-pre-8 { margin-left: calc(64vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .tablet-first-column.tablet-pre-8[class*="column-"]:first-of-type { margin-left: calc(64vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .tablet-first-column.tablet-pre-8[class*="column-"]:first-of-type { margin-right: calc(64vw - 0.5rem); }
  html[dir="rtl"] .tablet-first-column.tablet-pre-8 { margin-right: calc(64vw - 0.5rem); }
  html:not([dir="rtl"]) .tablet-post-8 { margin-right: 64vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-post-8[class*="column-"]:first-of-type { margin-right: 64vw; }
  html[dir="rtl"] [class*="column-"] .tablet-post-8[class*="column-"]:first-of-type { margin-right: 64vw; }
  html[dir="rtl"] .tablet-post-8 { margin-left: 64vw; }
  html:not([dir="rtl"]) .tablet-pre-9 { margin-left: 72vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-pre-9[class*="column-"]:first-of-type { margin-left: 72vw; }
  html[dir="rtl"] [class*="column-"] .tablet-pre-9[class*="column-"]:first-of-type { margin-right: 72vw; }
  html[dir="rtl"] .tablet-pre-9 { margin-right: 72vw; }
  html:not([dir="rtl"]) .tablet-first-column.tablet-pre-9 { margin-left: calc(72vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .tablet-first-column.tablet-pre-9[class*="column-"]:first-of-type { margin-left: calc(72vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .tablet-first-column.tablet-pre-9[class*="column-"]:first-of-type { margin-right: calc(72vw - 0.5rem); }
  html[dir="rtl"] .tablet-first-column.tablet-pre-9 { margin-right: calc(72vw - 0.5rem); }
  html:not([dir="rtl"]) .tablet-post-9 { margin-right: 72vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-post-9[class*="column-"]:first-of-type { margin-right: 72vw; }
  html[dir="rtl"] [class*="column-"] .tablet-post-9[class*="column-"]:first-of-type { margin-right: 72vw; }
  html[dir="rtl"] .tablet-post-9 { margin-left: 72vw; }
  html:not([dir="rtl"]) .tablet-pre-10 { margin-left: 80vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-pre-10[class*="column-"]:first-of-type { margin-left: 80vw; }
  html[dir="rtl"] [class*="column-"] .tablet-pre-10[class*="column-"]:first-of-type { margin-right: 80vw; }
  html[dir="rtl"] .tablet-pre-10 { margin-right: 80vw; }
  html:not([dir="rtl"]) .tablet-first-column.tablet-pre-10 { margin-left: calc(80vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .tablet-first-column.tablet-pre-10[class*="column-"]:first-of-type { margin-left: calc(80vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .tablet-first-column.tablet-pre-10[class*="column-"]:first-of-type { margin-right: calc(80vw - 0.5rem); }
  html[dir="rtl"] .tablet-first-column.tablet-pre-10 { margin-right: calc(80vw - 0.5rem); }
  html:not([dir="rtl"]) .tablet-post-10 { margin-right: 80vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-post-10[class*="column-"]:first-of-type { margin-right: 80vw; }
  html[dir="rtl"] [class*="column-"] .tablet-post-10[class*="column-"]:first-of-type { margin-right: 80vw; }
  html[dir="rtl"] .tablet-post-10 { margin-left: 80vw; }
  html:not([dir="rtl"]) .tablet-pre-11 { margin-left: 88vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-pre-11[class*="column-"]:first-of-type { margin-left: 88vw; }
  html[dir="rtl"] [class*="column-"] .tablet-pre-11[class*="column-"]:first-of-type { margin-right: 88vw; }
  html[dir="rtl"] .tablet-pre-11 { margin-right: 88vw; }
  html:not([dir="rtl"]) .tablet-first-column.tablet-pre-11 { margin-left: calc(88vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .tablet-first-column.tablet-pre-11[class*="column-"]:first-of-type { margin-left: calc(88vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .tablet-first-column.tablet-pre-11[class*="column-"]:first-of-type { margin-right: calc(88vw - 0.5rem); }
  html[dir="rtl"] .tablet-first-column.tablet-pre-11 { margin-right: calc(88vw - 0.5rem); }
  html:not([dir="rtl"]) .tablet-post-11 { margin-right: 88vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-post-11[class*="column-"]:first-of-type { margin-right: 88vw; }
  html[dir="rtl"] [class*="column-"] .tablet-post-11[class*="column-"]:first-of-type { margin-right: 88vw; }
  html[dir="rtl"] .tablet-post-11 { margin-left: 88vw; }
  html:not([dir="rtl"]) .tablet-pre-12 { margin-left: 96vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-pre-12[class*="column-"]:first-of-type { margin-left: 96vw; }
  html[dir="rtl"] [class*="column-"] .tablet-pre-12[class*="column-"]:first-of-type { margin-right: 96vw; }
  html[dir="rtl"] .tablet-pre-12 { margin-right: 96vw; }
  html:not([dir="rtl"]) .tablet-first-column.tablet-pre-12 { margin-left: calc(96vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .tablet-first-column.tablet-pre-12[class*="column-"]:first-of-type { margin-left: calc(96vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .tablet-first-column.tablet-pre-12[class*="column-"]:first-of-type { margin-right: calc(96vw - 0.5rem); }
  html[dir="rtl"] .tablet-first-column.tablet-pre-12 { margin-right: calc(96vw - 0.5rem); }
  html:not([dir="rtl"]) .tablet-post-12 { margin-right: 96vw; }
  html:not([dir="rtl"]) [class*="column-"] .tablet-post-12[class*="column-"]:first-of-type { margin-right: 96vw; }
  html[dir="rtl"] [class*="column-"] .tablet-post-12[class*="column-"]:first-of-type { margin-right: 96vw; }
  html[dir="rtl"] .tablet-post-12 { margin-left: 96vw; } }

@media screen and (max-width: 599px) { html:not([dir="rtl"]) .phone-pre-0 { margin-left: 0vw; }
  html:not([dir="rtl"]) [class*="column-"] .phone-pre-0[class*="column-"]:first-of-type { margin-left: 0vw; }
  html[dir="rtl"] [class*="column-"] .phone-pre-0[class*="column-"]:first-of-type { margin-right: 0vw; }
  html[dir="rtl"] .phone-pre-0 { margin-right: 0vw; }
  html:not([dir="rtl"]) .phone-first-column.phone-pre-0 { margin-left: calc(0vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .phone-first-column.phone-pre-0[class*="column-"]:first-of-type { margin-left: calc(0vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .phone-first-column.phone-pre-0[class*="column-"]:first-of-type { margin-right: calc(0vw - 0.5rem); }
  html[dir="rtl"] .phone-first-column.phone-pre-0 { margin-right: calc(0vw - 0.5rem); }
  html:not([dir="rtl"]) .phone-post-0 { margin-right: 0vw; }
  html:not([dir="rtl"]) [class*="column-"] .phone-post-0[class*="column-"]:first-of-type { margin-right: 0vw; }
  html[dir="rtl"] [class*="column-"] .phone-post-0[class*="column-"]:first-of-type { margin-right: 0vw; }
  html[dir="rtl"] .phone-post-0 { margin-left: 0vw; }
  html:not([dir="rtl"]) .phone-pre-1 { margin-left: 16vw; }
  html:not([dir="rtl"]) [class*="column-"] .phone-pre-1[class*="column-"]:first-of-type { margin-left: 16vw; }
  html[dir="rtl"] [class*="column-"] .phone-pre-1[class*="column-"]:first-of-type { margin-right: 16vw; }
  html[dir="rtl"] .phone-pre-1 { margin-right: 16vw; }
  html:not([dir="rtl"]) .phone-first-column.phone-pre-1 { margin-left: calc(16vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .phone-first-column.phone-pre-1[class*="column-"]:first-of-type { margin-left: calc(16vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .phone-first-column.phone-pre-1[class*="column-"]:first-of-type { margin-right: calc(16vw - 0.5rem); }
  html[dir="rtl"] .phone-first-column.phone-pre-1 { margin-right: calc(16vw - 0.5rem); }
  html:not([dir="rtl"]) .phone-post-1 { margin-right: 16vw; }
  html:not([dir="rtl"]) [class*="column-"] .phone-post-1[class*="column-"]:first-of-type { margin-right: 16vw; }
  html[dir="rtl"] [class*="column-"] .phone-post-1[class*="column-"]:first-of-type { margin-right: 16vw; }
  html[dir="rtl"] .phone-post-1 { margin-left: 16vw; }
  html:not([dir="rtl"]) .phone-pre-2 { margin-left: 32vw; }
  html:not([dir="rtl"]) [class*="column-"] .phone-pre-2[class*="column-"]:first-of-type { margin-left: 32vw; }
  html[dir="rtl"] [class*="column-"] .phone-pre-2[class*="column-"]:first-of-type { margin-right: 32vw; }
  html[dir="rtl"] .phone-pre-2 { margin-right: 32vw; }
  html:not([dir="rtl"]) .phone-first-column.phone-pre-2 { margin-left: calc(32vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .phone-first-column.phone-pre-2[class*="column-"]:first-of-type { margin-left: calc(32vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .phone-first-column.phone-pre-2[class*="column-"]:first-of-type { margin-right: calc(32vw - 0.5rem); }
  html[dir="rtl"] .phone-first-column.phone-pre-2 { margin-right: calc(32vw - 0.5rem); }
  html:not([dir="rtl"]) .phone-post-2 { margin-right: 32vw; }
  html:not([dir="rtl"]) [class*="column-"] .phone-post-2[class*="column-"]:first-of-type { margin-right: 32vw; }
  html[dir="rtl"] [class*="column-"] .phone-post-2[class*="column-"]:first-of-type { margin-right: 32vw; }
  html[dir="rtl"] .phone-post-2 { margin-left: 32vw; }
  html:not([dir="rtl"]) .phone-pre-3 { margin-left: 48vw; }
  html:not([dir="rtl"]) [class*="column-"] .phone-pre-3[class*="column-"]:first-of-type { margin-left: 48vw; }
  html[dir="rtl"] [class*="column-"] .phone-pre-3[class*="column-"]:first-of-type { margin-right: 48vw; }
  html[dir="rtl"] .phone-pre-3 { margin-right: 48vw; }
  html:not([dir="rtl"]) .phone-first-column.phone-pre-3 { margin-left: calc(48vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .phone-first-column.phone-pre-3[class*="column-"]:first-of-type { margin-left: calc(48vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .phone-first-column.phone-pre-3[class*="column-"]:first-of-type { margin-right: calc(48vw - 0.5rem); }
  html[dir="rtl"] .phone-first-column.phone-pre-3 { margin-right: calc(48vw - 0.5rem); }
  html:not([dir="rtl"]) .phone-post-3 { margin-right: 48vw; }
  html:not([dir="rtl"]) [class*="column-"] .phone-post-3[class*="column-"]:first-of-type { margin-right: 48vw; }
  html[dir="rtl"] [class*="column-"] .phone-post-3[class*="column-"]:first-of-type { margin-right: 48vw; }
  html[dir="rtl"] .phone-post-3 { margin-left: 48vw; }
  html:not([dir="rtl"]) .phone-pre-4 { margin-left: 64vw; }
  html:not([dir="rtl"]) [class*="column-"] .phone-pre-4[class*="column-"]:first-of-type { margin-left: 64vw; }
  html[dir="rtl"] [class*="column-"] .phone-pre-4[class*="column-"]:first-of-type { margin-right: 64vw; }
  html[dir="rtl"] .phone-pre-4 { margin-right: 64vw; }
  html:not([dir="rtl"]) .phone-first-column.phone-pre-4 { margin-left: calc(64vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .phone-first-column.phone-pre-4[class*="column-"]:first-of-type { margin-left: calc(64vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .phone-first-column.phone-pre-4[class*="column-"]:first-of-type { margin-right: calc(64vw - 0.5rem); }
  html[dir="rtl"] .phone-first-column.phone-pre-4 { margin-right: calc(64vw - 0.5rem); }
  html:not([dir="rtl"]) .phone-post-4 { margin-right: 64vw; }
  html:not([dir="rtl"]) [class*="column-"] .phone-post-4[class*="column-"]:first-of-type { margin-right: 64vw; }
  html[dir="rtl"] [class*="column-"] .phone-post-4[class*="column-"]:first-of-type { margin-right: 64vw; }
  html[dir="rtl"] .phone-post-4 { margin-left: 64vw; }
  html:not([dir="rtl"]) .phone-pre-5 { margin-left: 80vw; }
  html:not([dir="rtl"]) [class*="column-"] .phone-pre-5[class*="column-"]:first-of-type { margin-left: 80vw; }
  html[dir="rtl"] [class*="column-"] .phone-pre-5[class*="column-"]:first-of-type { margin-right: 80vw; }
  html[dir="rtl"] .phone-pre-5 { margin-right: 80vw; }
  html:not([dir="rtl"]) .phone-first-column.phone-pre-5 { margin-left: calc(80vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .phone-first-column.phone-pre-5[class*="column-"]:first-of-type { margin-left: calc(80vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .phone-first-column.phone-pre-5[class*="column-"]:first-of-type { margin-right: calc(80vw - 0.5rem); }
  html[dir="rtl"] .phone-first-column.phone-pre-5 { margin-right: calc(80vw - 0.5rem); }
  html:not([dir="rtl"]) .phone-post-5 { margin-right: 80vw; }
  html:not([dir="rtl"]) [class*="column-"] .phone-post-5[class*="column-"]:first-of-type { margin-right: 80vw; }
  html[dir="rtl"] [class*="column-"] .phone-post-5[class*="column-"]:first-of-type { margin-right: 80vw; }
  html[dir="rtl"] .phone-post-5 { margin-left: 80vw; }
  html:not([dir="rtl"]) .phone-pre-6 { margin-left: 96vw; }
  html:not([dir="rtl"]) [class*="column-"] .phone-pre-6[class*="column-"]:first-of-type { margin-left: 96vw; }
  html[dir="rtl"] [class*="column-"] .phone-pre-6[class*="column-"]:first-of-type { margin-right: 96vw; }
  html[dir="rtl"] .phone-pre-6 { margin-right: 96vw; }
  html:not([dir="rtl"]) .phone-first-column.phone-pre-6 { margin-left: calc(96vw - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] .phone-first-column.phone-pre-6[class*="column-"]:first-of-type { margin-left: calc(96vw - 0.5rem); }
  html[dir="rtl"] [class*="column-"] .phone-first-column.phone-pre-6[class*="column-"]:first-of-type { margin-right: calc(96vw - 0.5rem); }
  html[dir="rtl"] .phone-first-column.phone-pre-6 { margin-right: calc(96vw - 0.5rem); }
  html:not([dir="rtl"]) .phone-post-6 { margin-right: 96vw; }
  html:not([dir="rtl"]) [class*="column-"] .phone-post-6[class*="column-"]:first-of-type { margin-right: 96vw; }
  html[dir="rtl"] [class*="column-"] .phone-post-6[class*="column-"]:first-of-type { margin-right: 96vw; }
  html[dir="rtl"] .phone-post-6 { margin-left: 96vw; } }

@media screen and (min-width: 1501px) { html:not([dir="rtl"]) .pre-0 { margin-left: -1px; }
  html[dir="rtl"] .pre-0 { margin-right: -1px; }
  html:not([dir="rtl"]) .post-0 { margin-right: -1px; }
  html[dir="rtl"] .post-0 { margin-left: -1px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-0:first-of-type { margin-left: calc(-1px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-0:first-of-type { margin-right: calc(-1px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-0:last-of-type { margin-right: calc(-1px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-0:last-of-type { margin-left: calc(-1px - 0.5rem); }
  html:not([dir="rtl"]) .pre-1 { margin-left: 59px; }
  html[dir="rtl"] .pre-1 { margin-right: 59px; }
  html:not([dir="rtl"]) .post-1 { margin-right: 59px; }
  html[dir="rtl"] .post-1 { margin-left: 59px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-1:first-of-type { margin-left: calc(59px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-1:first-of-type { margin-right: calc(59px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-1:last-of-type { margin-right: calc(59px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-1:last-of-type { margin-left: calc(59px - 0.5rem); }
  html:not([dir="rtl"]) .pre-2 { margin-left: 119px; }
  html[dir="rtl"] .pre-2 { margin-right: 119px; }
  html:not([dir="rtl"]) .post-2 { margin-right: 119px; }
  html[dir="rtl"] .post-2 { margin-left: 119px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-2:first-of-type { margin-left: calc(119px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-2:first-of-type { margin-right: calc(119px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-2:last-of-type { margin-right: calc(119px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-2:last-of-type { margin-left: calc(119px - 0.5rem); }
  html:not([dir="rtl"]) .pre-3 { margin-left: 179px; }
  html[dir="rtl"] .pre-3 { margin-right: 179px; }
  html:not([dir="rtl"]) .post-3 { margin-right: 179px; }
  html[dir="rtl"] .post-3 { margin-left: 179px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-3:first-of-type { margin-left: calc(179px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-3:first-of-type { margin-right: calc(179px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-3:last-of-type { margin-right: calc(179px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-3:last-of-type { margin-left: calc(179px - 0.5rem); }
  html:not([dir="rtl"]) .pre-4 { margin-left: 239px; }
  html[dir="rtl"] .pre-4 { margin-right: 239px; }
  html:not([dir="rtl"]) .post-4 { margin-right: 239px; }
  html[dir="rtl"] .post-4 { margin-left: 239px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-4:first-of-type { margin-left: calc(239px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-4:first-of-type { margin-right: calc(239px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-4:last-of-type { margin-right: calc(239px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-4:last-of-type { margin-left: calc(239px - 0.5rem); }
  html:not([dir="rtl"]) .pre-5 { margin-left: 299px; }
  html[dir="rtl"] .pre-5 { margin-right: 299px; }
  html:not([dir="rtl"]) .post-5 { margin-right: 299px; }
  html[dir="rtl"] .post-5 { margin-left: 299px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-5:first-of-type { margin-left: calc(299px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-5:first-of-type { margin-right: calc(299px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-5:last-of-type { margin-right: calc(299px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-5:last-of-type { margin-left: calc(299px - 0.5rem); }
  html:not([dir="rtl"]) .pre-6 { margin-left: 359px; }
  html[dir="rtl"] .pre-6 { margin-right: 359px; }
  html:not([dir="rtl"]) .post-6 { margin-right: 359px; }
  html[dir="rtl"] .post-6 { margin-left: 359px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-6:first-of-type { margin-left: calc(359px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-6:first-of-type { margin-right: calc(359px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-6:last-of-type { margin-right: calc(359px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-6:last-of-type { margin-left: calc(359px - 0.5rem); }
  html:not([dir="rtl"]) .pre-7 { margin-left: 419px; }
  html[dir="rtl"] .pre-7 { margin-right: 419px; }
  html:not([dir="rtl"]) .post-7 { margin-right: 419px; }
  html[dir="rtl"] .post-7 { margin-left: 419px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-7:first-of-type { margin-left: calc(419px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-7:first-of-type { margin-right: calc(419px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-7:last-of-type { margin-right: calc(419px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-7:last-of-type { margin-left: calc(419px - 0.5rem); }
  html:not([dir="rtl"]) .pre-8 { margin-left: 479px; }
  html[dir="rtl"] .pre-8 { margin-right: 479px; }
  html:not([dir="rtl"]) .post-8 { margin-right: 479px; }
  html[dir="rtl"] .post-8 { margin-left: 479px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-8:first-of-type { margin-left: calc(479px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-8:first-of-type { margin-right: calc(479px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-8:last-of-type { margin-right: calc(479px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-8:last-of-type { margin-left: calc(479px - 0.5rem); }
  html:not([dir="rtl"]) .pre-9 { margin-left: 539px; }
  html[dir="rtl"] .pre-9 { margin-right: 539px; }
  html:not([dir="rtl"]) .post-9 { margin-right: 539px; }
  html[dir="rtl"] .post-9 { margin-left: 539px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-9:first-of-type { margin-left: calc(539px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-9:first-of-type { margin-right: calc(539px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-9:last-of-type { margin-right: calc(539px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-9:last-of-type { margin-left: calc(539px - 0.5rem); }
  html:not([dir="rtl"]) .pre-10 { margin-left: 599px; }
  html[dir="rtl"] .pre-10 { margin-right: 599px; }
  html:not([dir="rtl"]) .post-10 { margin-right: 599px; }
  html[dir="rtl"] .post-10 { margin-left: 599px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-10:first-of-type { margin-left: calc(599px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-10:first-of-type { margin-right: calc(599px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-10:last-of-type { margin-right: calc(599px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-10:last-of-type { margin-left: calc(599px - 0.5rem); }
  html:not([dir="rtl"]) .pre-11 { margin-left: 659px; }
  html[dir="rtl"] .pre-11 { margin-right: 659px; }
  html:not([dir="rtl"]) .post-11 { margin-right: 659px; }
  html[dir="rtl"] .post-11 { margin-left: 659px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-11:first-of-type { margin-left: calc(659px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-11:first-of-type { margin-right: calc(659px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-11:last-of-type { margin-right: calc(659px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-11:last-of-type { margin-left: calc(659px - 0.5rem); }
  html:not([dir="rtl"]) .pre-12 { margin-left: 719px; }
  html[dir="rtl"] .pre-12 { margin-right: 719px; }
  html:not([dir="rtl"]) .post-12 { margin-right: 719px; }
  html[dir="rtl"] .post-12 { margin-left: 719px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-12:first-of-type { margin-left: calc(719px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-12:first-of-type { margin-right: calc(719px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-12:last-of-type { margin-right: calc(719px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-12:last-of-type { margin-left: calc(719px - 0.5rem); }
  html:not([dir="rtl"]) .pre-13 { margin-left: 779px; }
  html[dir="rtl"] .pre-13 { margin-right: 779px; }
  html:not([dir="rtl"]) .post-13 { margin-right: 779px; }
  html[dir="rtl"] .post-13 { margin-left: 779px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-13:first-of-type { margin-left: calc(779px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-13:first-of-type { margin-right: calc(779px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-13:last-of-type { margin-right: calc(779px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-13:last-of-type { margin-left: calc(779px - 0.5rem); }
  html:not([dir="rtl"]) .pre-14 { margin-left: 839px; }
  html[dir="rtl"] .pre-14 { margin-right: 839px; }
  html:not([dir="rtl"]) .post-14 { margin-right: 839px; }
  html[dir="rtl"] .post-14 { margin-left: 839px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-14:first-of-type { margin-left: calc(839px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-14:first-of-type { margin-right: calc(839px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-14:last-of-type { margin-right: calc(839px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-14:last-of-type { margin-left: calc(839px - 0.5rem); }
  html:not([dir="rtl"]) .pre-15 { margin-left: 899px; }
  html[dir="rtl"] .pre-15 { margin-right: 899px; }
  html:not([dir="rtl"]) .post-15 { margin-right: 899px; }
  html[dir="rtl"] .post-15 { margin-left: 899px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-15:first-of-type { margin-left: calc(899px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-15:first-of-type { margin-right: calc(899px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-15:last-of-type { margin-right: calc(899px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-15:last-of-type { margin-left: calc(899px - 0.5rem); }
  html:not([dir="rtl"]) .pre-16 { margin-left: 959px; }
  html[dir="rtl"] .pre-16 { margin-right: 959px; }
  html:not([dir="rtl"]) .post-16 { margin-right: 959px; }
  html[dir="rtl"] .post-16 { margin-left: 959px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-16:first-of-type { margin-left: calc(959px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-16:first-of-type { margin-right: calc(959px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-16:last-of-type { margin-right: calc(959px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-16:last-of-type { margin-left: calc(959px - 0.5rem); }
  html:not([dir="rtl"]) .pre-17 { margin-left: 1019px; }
  html[dir="rtl"] .pre-17 { margin-right: 1019px; }
  html:not([dir="rtl"]) .post-17 { margin-right: 1019px; }
  html[dir="rtl"] .post-17 { margin-left: 1019px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-17:first-of-type { margin-left: calc(1019px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-17:first-of-type { margin-right: calc(1019px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-17:last-of-type { margin-right: calc(1019px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-17:last-of-type { margin-left: calc(1019px - 0.5rem); }
  html:not([dir="rtl"]) .pre-18 { margin-left: 1079px; }
  html[dir="rtl"] .pre-18 { margin-right: 1079px; }
  html:not([dir="rtl"]) .post-18 { margin-right: 1079px; }
  html[dir="rtl"] .post-18 { margin-left: 1079px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-18:first-of-type { margin-left: calc(1079px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-18:first-of-type { margin-right: calc(1079px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-18:last-of-type { margin-right: calc(1079px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-18:last-of-type { margin-left: calc(1079px - 0.5rem); }
  html:not([dir="rtl"]) .pre-19 { margin-left: 1139px; }
  html[dir="rtl"] .pre-19 { margin-right: 1139px; }
  html:not([dir="rtl"]) .post-19 { margin-right: 1139px; }
  html[dir="rtl"] .post-19 { margin-left: 1139px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-19:first-of-type { margin-left: calc(1139px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-19:first-of-type { margin-right: calc(1139px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-19:last-of-type { margin-right: calc(1139px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-19:last-of-type { margin-left: calc(1139px - 0.5rem); }
  html:not([dir="rtl"]) .pre-20 { margin-left: 1199px; }
  html[dir="rtl"] .pre-20 { margin-right: 1199px; }
  html:not([dir="rtl"]) .post-20 { margin-right: 1199px; }
  html[dir="rtl"] .post-20 { margin-left: 1199px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-20:first-of-type { margin-left: calc(1199px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-20:first-of-type { margin-right: calc(1199px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-20:last-of-type { margin-right: calc(1199px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-20:last-of-type { margin-left: calc(1199px - 0.5rem); }
  html:not([dir="rtl"]) .pre-21 { margin-left: 1259px; }
  html[dir="rtl"] .pre-21 { margin-right: 1259px; }
  html:not([dir="rtl"]) .post-21 { margin-right: 1259px; }
  html[dir="rtl"] .post-21 { margin-left: 1259px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-21:first-of-type { margin-left: calc(1259px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-21:first-of-type { margin-right: calc(1259px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-21:last-of-type { margin-right: calc(1259px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-21:last-of-type { margin-left: calc(1259px - 0.5rem); }
  html:not([dir="rtl"]) .pre-22 { margin-left: 1319px; }
  html[dir="rtl"] .pre-22 { margin-right: 1319px; }
  html:not([dir="rtl"]) .post-22 { margin-right: 1319px; }
  html[dir="rtl"] .post-22 { margin-left: 1319px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-22:first-of-type { margin-left: calc(1319px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-22:first-of-type { margin-right: calc(1319px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-22:last-of-type { margin-right: calc(1319px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-22:last-of-type { margin-left: calc(1319px - 0.5rem); }
  html:not([dir="rtl"]) .pre-23 { margin-left: 1379px; }
  html[dir="rtl"] .pre-23 { margin-right: 1379px; }
  html:not([dir="rtl"]) .post-23 { margin-right: 1379px; }
  html[dir="rtl"] .post-23 { margin-left: 1379px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-23:first-of-type { margin-left: calc(1379px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-23:first-of-type { margin-right: calc(1379px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-23:last-of-type { margin-right: calc(1379px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-23:last-of-type { margin-left: calc(1379px - 0.5rem); }
  html:not([dir="rtl"]) .pre-24 { margin-left: 1439px; }
  html[dir="rtl"] .pre-24 { margin-right: 1439px; }
  html:not([dir="rtl"]) .post-24 { margin-right: 1439px; }
  html[dir="rtl"] .post-24 { margin-left: 1439px; }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].pre-24:first-of-type { margin-left: calc(1439px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].pre-24:first-of-type { margin-right: calc(1439px - 0.5rem); }
  html:not([dir="rtl"]) [class*="column-"] [class*="column-"].post-24:last-of-type { margin-right: calc(1439px - 0.5rem); }
  html[dir="rtl"] [class*="column-"] [class*="column-"].post-24:last-of-type { margin-left: calc(1439px - 0.5rem); } }

@media screen and (min-width: 1440px) { .phone-show { display: none !important; }
  .tablet-show { display: none !important; }
  .tablet-only { display: none !important; }
  .large-hide { display: none !important; } }

@media screen and (max-width: 1439px) and (min-width: 1024px) { .phone-show { display: none !important; }
  .tablet-show { display: none !important; }
  .tablet-only { display: none !important; }
  .large-only { display: none !important; }
  .large-show { display: none !important; } }

@media screen and (max-width: 1023px) and (min-width: 600px) { .tablet-hide { display: none !important; }
  .phone-show { display: none !important; }
  .large-only { display: none !important; }
  .large-show { display: none !important; } }

@media screen and (max-width: 599px) { .phone-hide { display: none !important; }
  .tablet-hide { display: none !important; }
  .tablet-only { display: none !important; }
  .large-only { display: none !important; }
  .large-show { display: none !important; } }

.invisible { visibility: hidden; }

.visible { visibility: visible; }

.hide { display: none !important; }

.visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visually-hidden-focusable { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visually-hidden-focusable:active, .visually-hidden-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.left { float: left; }

html[dir="rtl"] .left { float: right; }

.right { float: right; }

html[dir="rtl"] .right { float: left; }

@media screen and (min-width: 1440px) { .large-left { float: left; }
  html[dir="rtl"] .large-left { float: right; }
  .large-right { float: right; }
  html[dir="rtl"] .large-right { float: left; } }

@media screen and (max-width: 1023px) and (min-width: 600px) { .tablet-left { float: left; }
  html[dir="rtl"] .tablet-left { float: right; }
  .tablet-right { float: right; }
  html[dir="rtl"] .tablet-right { float: left; } }

@media screen and (max-width: 599px) { .phone-left { float: left; }
  html[dir="rtl"] .phone-left { float: right; }
  .phone-right { float: right; }
  html[dir="rtl"] .phone-right { float: left; } }

.block-group { margin-left: -0.75rem; margin-right: -0.75rem; display: flex; flex-wrap: wrap; }

.block { box-sizing: border-box; margin-left: 0.75rem; margin-right: 0.75rem; min-width: 0; flex-grow: 0; flex-shrink: 1; }

.block-group-1-up > .block { flex-basis: calc(100% - 1.5rem); width: calc(100% - 1.5rem); }

.block-group-2-up > .block { flex-basis: calc(50% - 1.5rem); width: calc(50% - 1.5rem); }

.block-group-3-up > .block { flex-basis: calc(33.33333% - 1.5rem); width: calc(33.33333% - 1.5rem); }

.block-group-4-up > .block { flex-basis: calc(25% - 1.5rem); width: calc(25% - 1.5rem); }

.block-group-5-up > .block { flex-basis: calc(20% - 1.5rem); width: calc(20% - 1.5rem); }

.block-group-6-up > .block { flex-basis: calc(16.66666% - 1.5rem); width: calc(16.66666% - 1.5rem); }

.block-group-7-up > .block { flex-basis: calc(14.28570% - 1.5rem); width: calc(14.28570% - 1.5rem); }

.block-group-8-up > .block { flex-basis: calc(12.5% - 1.5rem); width: calc(12.5% - 1.5rem); }

@media screen and (max-width: 1024px) { .tablet-block-group-1-up > .block { flex-basis: calc(100% - 1.5rem); width: calc(100% - 1.5rem); }
  .tablet-block-group-2-up > .block { flex-basis: calc(50% - 1.5rem); width: calc(50% - 1.5rem); }
  .tablet-block-group-3-up > .block { flex-basis: calc(33.33333% - 1.5rem); width: calc(33.33333% - 1.5rem); }
  .tablet-block-group-4-up > .block { flex-basis: calc(25% - 1.5rem); width: calc(25% - 1.5rem); }
  .tablet-block-group-5-up > .block { flex-basis: calc(20% - 1.5rem); width: calc(20% - 1.5rem); }
  .tablet-block-group-6-up > .block { flex-basis: calc(16.66666% - 1.5rem); width: calc(16.66666% - 1.5rem); }
  .tablet-block-group-7-up > .block { flex-basis: calc(14.28570% - 1.5rem); width: calc(14.28570% - 1.5rem); }
  .tablet-block-group-8-up > .block { flex-basis: calc(12.5% - 1.5rem); width: calc(12.5% - 1.5rem); } }

@media screen and (max-width: 600px) { .phone-block-group-1-up > .block { flex-basis: calc(100% - 1.5rem); width: calc(100% - 1.5rem); }
  .phone-block-group-2-up > .block { flex-basis: calc(50% - 1.5rem); width: calc(50% - 1.5rem); }
  .phone-block-group-3-up > .block { flex-basis: calc(33.33333% - 1.5rem); width: calc(33.33333% - 1.5rem); }
  .phone-block-group-4-up > .block { flex-basis: calc(25% - 1.5rem); width: calc(25% - 1.5rem); }
  .phone-block-group-5-up > .block { flex-basis: calc(20% - 1.5rem); width: calc(20% - 1.5rem); }
  .phone-block-group-6-up > .block { flex-basis: calc(16.66666% - 1.5rem); width: calc(16.66666% - 1.5rem); }
  .phone-block-group-7-up > .block { flex-basis: calc(14.28570% - 1.5rem); width: calc(14.28570% - 1.5rem); }
  .phone-block-group-8-up > .block { flex-basis: calc(12.5% - 1.5rem); width: calc(12.5% - 1.5rem); } }

.is-sticky { position: fixed; z-index: 10; }

.is-sticky.scroll-show, .is-sticky .scroll-show { visibility: visible; }

.scroll-show { visibility: hidden; }

.avenir-light { font-weight: 300; font-style: normal; }

.avenir-light-italic { font-weight: 300; font-style: italic; }

.avenir-regular { font-weight: 400; font-style: normal; }

.avenir-italic { font-weight: 400; font-style: italic; }

.avenir-demi { font-weight: 700; font-style: normal; }

.avenir-demi-italic { font-weight: 700; font-style: italic; }

.avenir-bold { font-weight: 700; font-style: normal; }

.avenir-bold-italic { font-weight: 700; font-style: italic; }

.code-face, .code-face .block { letter-spacing: 0em; font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", monospace; font-weight: 400; font-style: normal; }

.code-face b, .code-face strong, .code-face .block b, .code-face .block strong { font-weight: 400; }

.code-italic, .code-italic .block { letter-spacing: 0em; font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", monospace; font-weight: 400; font-style: italic; }

.code-italic b, .code-italic strong, .code-italic .block b, .code-italic .block strong { font-weight: 400; }

html { font-size: 16px; }

body { font-weight: 400; font-style: normal; letter-spacing: 0em; font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next", "Avenir", "Helvetica Neue", sans-serif; line-height: 1.5; color: #4c4c4c; background-color: #ffffff; -webkit-font-smoothing: subpixel-antialiased; font-feature-settings: "kern"; -webkit-font-kerning: normal; font-kerning: normal; text-rendering: optimizeLegibility; -ms-font-feature-settings: 'liga= 1','calt=0'; -o-font-feature-settings: "liga" 1,"calt" 0; font-feature-settings: "liga" 1,"calt" 0; }

form, select, button, input { letter-spacing: 0em; font-family: inherit; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; margin: 0 0 0.75rem 0; }

h1 { font-size: 2.40307rem; line-height: 1.35; }

@media screen and (max-width: 1023px) { h1 { font-size: 1.99974rem; } }

@media screen and (max-width: 599px) { h1 { font-size: 1.66016rem; } }

h2 { font-size: 1.9994rem; line-height: 1.35; }

@media screen and (max-width: 1023px) { h2 { font-size: 1.7689rem; } }

@media screen and (max-width: 599px) { h2 { font-size: 1.5625rem; } }

h3 { font-size: 1.69949rem; line-height: 1.3875; }

@media screen and (max-width: 1023px) { h3 { font-size: 1.50357rem; } }

@media screen and (max-width: 599px) { h3 { font-size: 1.32813rem; } }

h4 { font-size: 1.414rem; line-height: 1.5; }

@media screen and (max-width: 1023px) { h4 { font-size: 1.33rem; } }

@media screen and (max-width: 599px) { h4 { font-size: 1.25rem; } }

h5 { font-size: 1.2019rem; line-height: 1.5; }

@media screen and (max-width: 1023px) { h5 { font-size: 1.1305rem; } }

@media screen and (max-width: 599px) { h5 { font-size: 1.0625rem; } }

h6 { font-size: 1rem; line-height: 1.5; }

code, kbd, pre, samp { font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", monospace; }

code { padding: .25em; border-radius: 3px; border: 1px solid #efefef; color: #595959; background-color: #f8f8f8; white-space: normal; word-break: break-word; font-size: 0.875em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; max-width: 100%; margin-bottom: 1.5rem; }

pre code { padding: 1.25rem 1rem 1rem 1rem; display: block; overflow: auto; word-wrap: normal; white-space: pre; position: relative; }

p, dl, blockquote { margin-top: 0; margin-bottom: 1.5rem; }

p:empty { margin: 0; }

blockquote { margin: 1.5rem 0; font-weight: 400; font-style: normal; color: #6e6e6e; border-left: 3px solid #cccccc; }

html:not([dir="rtl"]) blockquote { padding-left: 1rem; }

html[dir="rtl"] blockquote { padding-right: 1rem; }

html[dir="rtl"] blockquote { border-left: none; border-right: 3px solid #cccccc; }

blockquote, blockquote p { font-size: 1.2019rem; line-height: 1.5; }

@media screen and (max-width: 1023px) { blockquote, blockquote p { font-size: 1.1305rem; } }

@media screen and (max-width: 599px) { blockquote, blockquote p { font-size: 1.0625rem; } }

a { color: #0079c1; text-decoration: none; }

a:hover { color: #005e95; text-decoration: underline; }

ul, ol { font-size: 0.9375rem; line-height: 1.5; }

li { margin-top: .25em; }

dl { padding: 0; margin-bottom: 1.5rem; }

dt { font-weight: 700; font-style: normal; margin-top: 0.75rem; }

dt:first-child { margin-top: 0; }

dd { margin-left: 0.75rem; }

html[dir="rtl"] dd { margin-right: 0.75rem; }

small, sup, sub { font-size: 0.70721em; }

sub, sup { line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

mark { padding: 0 0.1em 0.1em; }

hr { margin: 2.25rem 0; border: none; border-top: 1px solid #cccccc; }

figure { margin: 0 0 1.5rem 0; }

figure img { max-width: 100%; }

figcaption { margin: 0.375rem 0; font-size: 0.875rem; line-height: 1.5; font-style: italic; color: #828282; }

table { margin-bottom: 1.5rem; }

html[lang="vi"] body, html.vi body { font-family: "SST Vietnamese", 'Lucida Grande', Arial, Verdana, Geneva, sans-serif; }

[lang="vi"] { font-family: "SST Vietnamese", 'Lucida Grande', Arial, Verdana, Geneva, sans-serif; }

.dropdown-btn:after, .accordion-title:before { font-family: 'calcite-ui'; padding-right: 0.5rem; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-decoration: none; }

html[dir="rtl"] .dropdown-btn:after, html[dir="rtl"] .accordion-title:before { padding-left: 0.75rem; padding-right: 0; }

.dropdown-btn:after { padding-right: 0; padding-left: 0.5rem; }

.icon-ui-flush:before, .icon-ui-flush:after { padding-right: 0 !important; padding-left: 0 !important; }

@font-face { font-family: 'calcite-ui'; src: url("../fonts/calcite-ui.eot?#iefix") format("embedded-opentype"), url("../fonts/calcite-ui.woff") format("woff"), url("../fonts/calcite-ui.ttf") format("truetype"); font-weight: normal; font-style: normal; }

[class^="icon-ui-"]:before, [class*=" icon-ui-"]:before { font-family: 'calcite-ui'; padding-right: 0.5rem; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-decoration: none; }

html[dir="rtl"] [class^="icon-ui-"]:before, html[dir="rtl"] [class*=" icon-ui-"]:before { padding-left: 0.75rem; padding-right: 0; }

.icon-ui-small:before { font-size: 0.75rem; line-height: 1.5; }

.icon-ui-add-attachment:before { content: "\f101"; }

.icon-ui-announcement:before { content: "\f102"; }

.icon-ui-applications:before { content: "\f103"; }

.icon-ui-arrow-down-circled:before { content: "\f104"; }

.icon-ui-arrow-left-circled:before { content: "\f105"; }

.icon-ui-arrow-right-circled:before { content: "\f106"; }

.icon-ui-arrow-up-circled:before { content: "\f107"; }

.icon-ui-attachment:before { content: "\f108"; }

.icon-ui-authorize:before { content: "\f109"; }

.icon-ui-basemap:before { content: "\f10a"; }

.icon-ui-beginning:before { content: "\f10b"; }

.icon-ui-blank-map-pin:before { content: "\f10c"; }

.icon-ui-browser:before { content: "\f10d"; }

.icon-ui-calendar:before { content: "\f10e"; }

.icon-ui-chart:before { content: "\f10f"; }

.icon-ui-chat:before { content: "\f110"; }

.icon-ui-check-mark:before { content: "\f111"; }

.icon-ui-checkbox-checked:before { content: "\f112"; }

.icon-ui-checkbox-unchecked:before { content: "\f113"; }

.icon-ui-close-circled:before { content: "\f114"; }

.icon-ui-close:before { content: "\f115"; }

.icon-ui-collapse:before { content: "\f116"; }

.icon-ui-collection:before { content: "\f117"; }

.icon-ui-comment:before { content: "\f118"; }

.icon-ui-compass:before { content: "\f119"; }

.icon-ui-configure-popup:before { content: "\f11a"; }

.icon-ui-contact:before { content: "\f11b"; }

.icon-ui-dashboard:before { content: "\f11c"; }

.icon-ui-deny:before { content: "\f11d"; }

.icon-ui-description:before { content: "\f11e"; }

.icon-ui-directions:before { content: "\f11f"; }

.icon-ui-directions2:before { content: "\f120"; }

.icon-ui-dock-bottom:before { content: "\f121"; }

.icon-ui-dock-left:before { content: "\f122"; }

.icon-ui-dock-right:before { content: "\f123"; }

.icon-ui-documentation:before { content: "\f124"; }

.icon-ui-down-arrow-circled:before { content: "\f125"; }

.icon-ui-down-arrow:before { content: "\f126"; }

.icon-ui-down:before, .dropdown-btn:after, .accordion-section.is-active .accordion-title:before { content: "\f127"; }

.icon-ui-download:before { content: "\f128"; }

.icon-ui-drag-horizontal:before { content: "\f129"; }

.icon-ui-drag-vertical:before { content: "\f12a"; }

.icon-ui-duplicate:before { content: "\f12b"; }

.icon-ui-edit:before { content: "\f12c"; }

.icon-ui-end:before { content: "\f12d"; }

.icon-ui-environment-settings:before { content: "\f12e"; }

.icon-ui-erase:before { content: "\f12f"; }

.icon-ui-error:before { content: "\f130"; }

.icon-ui-error2:before { content: "\f131"; }

.icon-ui-expand:before { content: "\f132"; }

.icon-ui-experimental:before { content: "\f133"; }

.icon-ui-favorites:before { content: "\f134"; }

.icon-ui-feature-layer:before { content: "\f135"; }

.icon-ui-filter:before { content: "\f136"; }

.icon-ui-forward:before { content: "\f137"; }

.icon-ui-globe:before { content: "\f138"; }

.icon-ui-grant:before { content: "\f139"; }

.icon-ui-group:before { content: "\f13a"; }

.icon-ui-handle-horizontal:before { content: "\f13b"; }

.icon-ui-handle-vertical:before { content: "\f13c"; }

.icon-ui-home:before { content: "\f13d"; }

.icon-ui-key:before { content: "\f13e"; }

.icon-ui-labels:before { content: "\f13f"; }

.icon-ui-layer-list:before { content: "\f140"; }

.icon-ui-layers:before { content: "\f141"; }

.icon-ui-left-arrow-circled:before { content: "\f142"; }

.icon-ui-left-arrow:before { content: "\f143"; }

.icon-ui-left-triangle-arrow:before { content: "\f144"; }

.icon-ui-left:before { content: "\f145"; }

.icon-ui-line-chart:before { content: "\f146"; }

.icon-ui-link-external:before { content: "\f147"; }

.icon-ui-link:before { content: "\f148"; }

.icon-ui-loading-indicator:before { content: "\f149"; }

.icon-ui-locate:before { content: "\f14a"; }

.icon-ui-locked:before { content: "\f14b"; }

.icon-ui-map-pin:before { content: "\f14c"; }

.icon-ui-maps:before { content: "\f14d"; }

.icon-ui-marketplace:before { content: "\f14e"; }

.icon-ui-maximize:before { content: "\f14f"; }

.icon-ui-media:before { content: "\f150"; }

.icon-ui-media2:before { content: "\f151"; }

.icon-ui-menu:before { content: "\f152"; }

.icon-ui-minimize:before { content: "\f153"; }

.icon-ui-minus-circled:before { content: "\f154"; }

.icon-ui-minus:before { content: "\f155"; }

.icon-ui-mobile:before { content: "\f156"; }

.icon-ui-navigation:before { content: "\f157"; }

.icon-ui-notice-round:before { content: "\f158"; }

.icon-ui-notice-triangle:before { content: "\f159"; }

.icon-ui-organization:before { content: "\f15a"; }

.icon-ui-overview-arrow-bottom-left:before { content: "\f15b"; }

.icon-ui-overview-arrow-bottom-right:before { content: "\f15c"; }

.icon-ui-overview-arrow-top-left:before { content: "\f15d"; }

.icon-ui-overview-arrow-top-right:before { content: "\f15e"; }

.icon-ui-pan:before { content: "\f15f"; }

.icon-ui-pause:before { content: "\f160"; }

.icon-ui-phone:before { content: "\f161"; }

.icon-ui-pie-chart:before { content: "\f162"; }

.icon-ui-play:before { content: "\f163"; }

.icon-ui-plus-circled:before { content: "\f164"; }

.icon-ui-plus:before { content: "\f165"; }

.icon-ui-printer:before { content: "\f166"; }

.icon-ui-question:before { content: "\f167"; }

.icon-ui-radio-checked:before { content: "\f168"; }

.icon-ui-radio-unchecked:before { content: "\f169"; }

.icon-ui-refresh:before { content: "\f16a"; }

.icon-ui-resend-invitation:before { content: "\f16b"; }

.icon-ui-reverse:before { content: "\f16c"; }

.icon-ui-review:before { content: "\f16d"; }

.icon-ui-right-arrow-circled:before { content: "\f16e"; }

.icon-ui-right-arrow:before { content: "\f16f"; }

.icon-ui-right-triangle-arrow:before { content: "\f170"; }

.icon-ui-right:before, .accordion-title:before { content: "\f171"; }

.icon-ui-rotate:before { content: "\f172"; }

.icon-ui-save:before { content: "\f173"; }

.icon-ui-search:before { content: "\f174"; }

.icon-ui-settings:before { content: "\f175"; }

.icon-ui-settings2:before { content: "\f176"; }

.icon-ui-share:before { content: "\f177"; }

.icon-ui-sign-out:before { content: "\f178"; }

.icon-ui-support:before { content: "\f179"; }

.icon-ui-table:before { content: "\f17a"; }

.icon-ui-tag:before { content: "\f17b"; }

.icon-ui-time-clock:before { content: "\f17c"; }

.icon-ui-trash:before { content: "\f17d"; }

.icon-ui-unlocked:before { content: "\f17e"; }

.icon-ui-up-arrow-circled:before { content: "\f17f"; }

.icon-ui-up-arrow:before { content: "\f180"; }

.icon-ui-up-down-arrows:before { content: "\f181"; }

.icon-ui-up:before { content: "\f182"; }

.icon-ui-upload:before { content: "\f183"; }

.icon-ui-user:before { content: "\f184"; }

.icon-ui-zoom-in-fixed:before { content: "\f185"; }

.icon-ui-zoom-in-magnifying-glass:before { content: "\f186"; }

.icon-ui-zoom-out-fixed:before { content: "\f187"; }

.icon-ui-zoom-out-magnifying-glass:before { content: "\f188"; }

.esri-icon-yellow:before, .icon-ui-yellow:before { color: #fad817; }

.esri-icon-green:before, .icon-ui-green:before { color: #5a9359; }

.esri-icon-blue:before, .icon-ui-blue:before { color: #0079c1; }

.esri-icon-light-blue:before, .icon-ui-light-blue:before { color: #56a5d8; }

.esri-icon-dark-blue:before, .icon-ui-dark-blue:before { color: #005e95; }

.esri-icon-purple:before, .icon-ui-purple:before { color: #9081bc; }

.esri-icon-orange:before, .icon-ui-orange:before { color: #d17e21; }

.esri-icon-gray:before, .icon-ui-gray:before { color: #959595; }

.esri-icon-red:before, .icon-ui-red:before { color: #de2900; }

[class*="icon-social-"] { background-color: rgba(0, 0, 0, 0.45); width: 30px; height: 30px; display: inline-block; background-repeat: no-repeat; vertical-align: middle; transition: background-color 200ms linear; }

[class*="icon-social-"]:hover { transition: background-color 200ms linear; }

.icon-social-contact { background-image: url("../img/icons/social/contact.svg"); }

.icon-social-contact:hover { background-color: #8EC449; }

.icon-social-facebook { background-image: url("../img/icons/social/facebook.svg"); }

.icon-social-facebook:hover { background-color: #3D5A96; }

.icon-social-geonet { background-image: url("../img/icons/social/geonet.svg"); }

.icon-social-geonet:hover { background-color: #127BC0; }

.icon-social-github { background-image: url("../img/icons/social/github.svg"); }

.icon-social-github:hover { background-color: #171515; }

.icon-social-google-plus { background-image: url("../img/icons/social/google-plus.svg"); }

.icon-social-google-plus:hover { background-color: #DD4C3C; }

.icon-social-instagram { background-image: url("../img/icons/social/instagram.svg"); }

.icon-social-instagram:hover { background-color: #DA3075; }

.icon-social-linkedin { background-image: url("../img/icons/social/linkedin.svg"); }

.icon-social-linkedin:hover { background-color: #127CB3; }

.icon-social-pinterest { background-image: url("../img/icons/social/pinterest.svg"); }

.icon-social-pinterest:hover { background-color: #BB0F23; }

.icon-social-rss { background-image: url("../img/icons/social/rss.svg"); }

.icon-social-rss:hover { background-color: #FD8023; }

.icon-social-share { background-image: url("../img/icons/social/share.svg"); }

.icon-social-share:hover { background-color: #1EBD21; }

.icon-social-twitter { background-image: url("../img/icons/social/twitter.svg"); }

.icon-social-twitter:hover { background-color: #59ADEB; }

.icon-social-youtube { background-image: url("../img/icons/social/youtube.svg"); }

.icon-social-youtube:hover { background-color: #CF2529; }

.esri-logo { margin: 0.375rem; content: ""; display: inline-block; background-repeat: no-repeat; background-position: center; background-color: transparent; min-height: 30px; min-width: 70px; line-height: 0; background-size: 100% 100%; background-image: url("../img/logo/esri-logo.svg"); }

.esri-logo-reverse { margin: 0.375rem; content: ""; display: inline-block; background-repeat: no-repeat; background-position: center; background-color: transparent; min-height: 30px; min-width: 70px; line-height: 0; background-size: 100% 100%; background-image: url("../img/logo/esri-logo.svg"); background-image: url("../img/logo/esri-logo-reversed.svg"); }

.esri-logo-condensed { margin-left: 0; margin-right: 0; margin-bottom: -0.125rem; margin-top: -0.135rem; }

.btn { position: relative; display: inline-block; padding: 0.375rem 1rem; width: auto; color: #ffffff; border: 1px solid #0079c1; border-radius: 0; background-color: #0079c1; box-sizing: border-box; transition: all 0.05s linear; cursor: pointer; font-size: 0.9375rem; line-height: 1.5; }

.btn:hover { text-decoration: none; color: #ffffff; background-color: #005e95; border-color: #005e95; }

.btn-transparent { background: none; color: #0079c1; border: none; }

.btn-transparent:hover { color: #005e95; background: none; text-decoration: underline; }

.btn-clear { color: #0079c1; background: #ffffff; border-color: #0079c1; }

.btn-clear:hover { color: #ffffff; background: #005e95; border-color: #005e95; }

.btn-clear-white { background: none; color: #ffffff; border: 1px solid #ffffff; }

.btn-clear-white:hover { color: #959595; background: #ffffff; border-color: #ffffff; }

.btn-small { font-size: 0.875rem; line-height: 1.5; padding: 0.28125rem 0.75rem; }

.btn-large { font-size: 1rem; line-height: 1.5; padding: 0.5rem 1rem; }

.btn-fill { width: 100%; text-align: center; }

.btn-half { width: 50%; text-align: center; }

.btn-grouped { float: left; }

html[dir="rtl"] .btn-grouped { float: right; }

.btn-grouped + .btn-grouped { margin-left: 1px; }

html[dir="rtl"] .btn-grouped + .btn-grouped { margin-left: 0; margin-right: 1px; }

.btn-grouped:last-of-type { float: none; }

.btn-grouped.btn-half { margin-left: 0; }

.btn-white { background: #ffffff; color: #4c4c4c; border: 1px solid #ffffff; }

.btn-white:hover { color: #4c4c4c; background: #efefef; border-color: #efefef; }

.btn-red { color: #de2900; background: transparent; border-color: #de2900; }

.btn-red:hover { color: #ffffff; background: #ab3c16; border-color: #ab3c16; }

.btn-green { background-color: #5a9359; border-color: #5a9359; }

.btn-green:hover { background-color: #338033; border-color: #338033; }

.btn-link { -webkit-appearance: none; font-size: 1rem; line-height: 1.5; cursor: pointer; padding: 0; border: none; color: #0079c1; background: transparent; }

.btn-link:hover { text-decoration: underline; }

.btn:disabled, .btn-disabled, button[disabled] { cursor: not-allowed; pointer-events: none; opacity: 0.3; }

input[type="file"]::-webkit-file-upload-button, ::-ms-browse { webkit-appearance: none; position: relative; display: inline-block; padding: 0.375rem 1rem; width: auto; color: #ffffff; border: 1px solid #0079c1; border-radius: 0; background-color: #0079c1; box-sizing: border-box; -webkit-transition: all 0.05s linear; -ms-transition: all 0.05s linear; transition: all 0.05s linear; cursor: pointer; font-size: 0.9375rem; line-height: 1.5; }

input[type="file"]::-webkit-file-upload-button:hover, ::-ms-browse:hover { text-decoration: none; color: #ffffff; background-color: #005e95; border-color: #005e95; }

.label { background-color: #efefef; padding: .25em .5em; border-radius: 3px; font-size: .875em; white-space: nowrap; }

.label-red { background-color: #de2900; color: #ffffff; }

.label-yellow { background-color: #efe397; color: #4c4c4c; }

.label-green { background-color: #338033; color: #ffffff; }

.label-blue { background-color: #0079c1; color: #ffffff; }

.dropdown { position: relative; display: inline-block; }

.dropdown.is-active .dropdown-menu { display: block; }

.dropdown-btn { padding-right: 1.5rem; cursor: pointer; position: relative; }

.dropdown-btn:after { font-size: 0.875rem; line-height: 1.5; position: absolute; right: 0.35rem; left: auto; }

html[dir="rtl"] .dropdown-btn:after { right: auto; left: 0.35rem; }

html[dir="rtl"] .dropdown-btn:after { padding-left: 0; }

html[dir="rtl"] .dropdown-btn { padding-left: 1.5rem; padding-right: 0.9rem; }

.dropdown-btn else { cursor: pointer; position: relative; }

.dropdown-menu { position: absolute; min-width: 200px; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05); z-index: 1000; display: none; overflow: auto; }

.dropdown-menu.dropdown-right { right: 0; left: auto; }

html[dir="rtl"] .dropdown-menu.dropdown-right { right: auto; left: 0; }

.dropdown-title { position: relative; display: block; box-sizing: border-box; padding: 0.5rem; font-size: 0.875rem; line-height: 1.5; color: #6e6e6e; background-color: #ffffff; border-bottom: none; text-align: left; border-left: none; border-right: none; border-top: 1px solid #efefef; white-space: nowrap; cursor: pointer; width: 100%; background-color: #f8f8f8; cursor: auto; }

html[dir="rtl"] .dropdown-title { text-align: right; }

.dropdown-title:hover { background-color: #f8f8f8; text-decoration: none; color: #6e6e6e; }

.dropdown-title.is-active, .dropdown-title:focus { text-indent: -3px; border-left: 3px solid #0079c1; }

html[dir="rtl"] .dropdown-title.is-active, html[dir="rtl"] .dropdown-title:focus { border-left: none; border-right: 3px solid #0079c1; }

.dropdown-link { position: relative; display: block; box-sizing: border-box; padding: 0.5rem; font-size: 0.875rem; line-height: 1.5; color: #6e6e6e; background-color: #ffffff; border-bottom: none; text-align: left; border-left: none; border-right: none; border-top: 1px solid #efefef; white-space: nowrap; cursor: pointer; width: 100%; }

html[dir="rtl"] .dropdown-link { text-align: right; }

.dropdown-link:hover { background-color: #f8f8f8; text-decoration: none; color: #6e6e6e; }

.dropdown-link.is-active, .dropdown-link:focus { text-indent: -3px; border-left: 3px solid #0079c1; }

html[dir="rtl"] .dropdown-link.is-active, html[dir="rtl"] .dropdown-link:focus { border-left: none; border-right: 3px solid #0079c1; }

.breadcrumbs { font-size: 0.875rem; line-height: 1.5; color: #6e6e6e; }

.crumb { color: #6e6e6e; float: left; }

html[dir="rtl"] .crumb { float: right; }

.crumb:before { content: "/"; color: #6e6e6e; font-weight: 400; display: inline-block; padding: 0 .5rem; }

.crumb.is-active { font-weight: 700; }

.breadcrumbs-white .crumb { color: #ffffff; color: #ffffff; }

.breadcrumbs-white .crumb:hover { color: #efefef; }

.breadcrumbs-white .crumb:before { color: #ffffff; }

.crumb:first-child:before { display: none; }

.tooltip { position: relative; cursor: pointer; }

.tooltip:after { content: attr(aria-label); position: absolute; z-index: 1000000; display: none; padding: 0.375rem 0.75rem; font-size: 0.875rem; line-height: 1.5; color: #ffffff; text-align: center; word-wrap: break-word; white-space: pre; pointer-events: none; background: rgba(0, 0, 0, 0.75); border-radius: 3px; }

.tooltip:before { content: ""; position: absolute; z-index: 1000001; display: none; width: 0; height: 0; color: rgba(0, 0, 0, 0.75); pointer-events: none; border: 5px solid transparent; }

.tooltip:hover, .tooltip:active, .tooltip:focus { text-decoration: none; }

.tooltip:hover:before, .tooltip:hover:after, .tooltip:active:before, .tooltip:active:after, .tooltip:focus:before, .tooltip:focus:after { display: inline-block; }

.tooltip-multiline:hover:after, .tooltip-multiline:active:after, .tooltip-multiline:focus:after { display: table-cell; }

.tooltip:after { top: 100%; right: 50%; margin-top: 5px; line-height: 1.5; }

.tooltip:before { top: auto; right: 50%; bottom: -5px; margin-right: -5px; border-bottom-color: rgba(0, 0, 0, 0.75); }

.tooltip-top:after { top: auto; right: 50%; bottom: 100%; margin-bottom: 5px; }

.tooltip-top:before { top: -5px; right: 50%; bottom: auto; margin-right: -5px; border-top-color: rgba(0, 0, 0, 0.75); border-bottom: 5px solid transparent; }

.tooltip:after, .tooltip-bottom:after { transform: translateX(50%); }

.tooltip-left:after { top: auto; right: 100%; left: auto; margin-right: 5px; bottom: 50%; margin-bottom: inherit; transform: translateY(50%); }

html[dir="rtl"] .tooltip-left:after { right: auto; left: 100%; }

html[dir="rtl"] .tooltip-left:after { margin-right: 0; margin-left: 5px; }

.tooltip-left:before { top: 50%; bottom: 50%; left: -5px; right: auto; margin-top: -5px; border-left-color: rgba(0, 0, 0, 0.75); border-bottom: 5px solid transparent; }

html[dir="rtl"] .tooltip-left:before { left: auto; right: -5px; }

html[dir="rtl"] .tooltip-left:before { border-left-color: transparent; border-right-color: rgba(0, 0, 0, 0.75); }

html[dir="rtl"] .tooltip-left:before { margin-right: 0; }

.tooltip-right:after { top: auto; bottom: 50%; left: 100%; right: auto; margin-left: 5px; transform: translateY(50%); }

html[dir="rtl"] .tooltip-right:after { left: auto; right: 100%; }

html[dir="rtl"] .tooltip-right:after { margin-left: 0; margin-right: 5px; }

.tooltip-right:before { top: 50%; right: -5px; left: auto; bottom: 50%; margin-top: -5px; margin-right: 0; border-right-color: rgba(0, 0, 0, 0.75); border-bottom: 5px solid transparent; }

html[dir="rtl"] .tooltip-right:before { right: auto; left: -5px; }

html[dir="rtl"] .tooltip-right:before { border-right-color: transparent; border-left-color: rgba(0, 0, 0, 0.75); }

.tooltip-multiline:after { width: 22em; width: -webkit-max-content; max-width: 250px; word-break: break-word; word-wrap: normal; white-space: pre-line; border-collapse: separate; }

.tooltip-multiline.tooltip-bottom:after, .tooltip-multiline.tooltip-top:after { right: auto; left: 50%; transform: translateX(-50%); }

.tooltip-multiline.tooltip-left:after, .tooltip-multiline.tooltip-right:after { right: 100%; }

@media screen and (min-width: 0\0) { .tooltip-multiline:after { width: 250px; } }

.alert { font-size: 0.9375rem; line-height: 1.5; padding: 0.75rem 0.75rem; color: rgba(0, 0, 0, 0.75); background-color: #d2e9f9; position: relative; display: none; z-index: 100; max-width: 40em; border: 1px solid #0079c1; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05); color: #4c4c4c; }

.alert:hover { color: #323232; }

.alert.is-active { display: block; }

.alert a:hover { color: rgba(0, 0, 0, 0.75); }

.alert-red { background-color: #f3ded7; border-color: #e4a793; }

.alert-yellow { background-color: #f3edc7; border-color: #e4d154; }

.alert-green { background-color: #ddeedb; border-color: #9bc19c; }

.alert-close { -webkit-appearance: none; font-size: 1rem; line-height: 1.5; cursor: pointer; padding: 0; border: none; color: #0079c1; background: transparent; color: currentColor; position: absolute; right: 0.75rem; left: auto; }

.alert-close:hover { text-decoration: underline; }

html[dir="rtl"] .alert-close { right: auto; left: 0.75rem; }

.alert-full { max-width: none; }

.panel { background-color: #f8f8f8; border: 1px solid #efefef; padding: 0.99rem; }

.panel:after { content: ''; display: table; clear: both; }

.panel code { background-color: #ffffff; }

.panel-black { background-color: #323232; color: #ffffff; border: 1px solid #4c4c4c; }

.panel-dark { background-color: #595959; color: #ffffff; border: 1px solid #4c4c4c; }

.panel-white { background-color: #ffffff; border: 1px solid #efefef; }

.panel-white code { background-color: #f8f8f8; }

.panel-dark-blue { background-color: #004575; color: #ffffff; border: 1px solid #052942; }

.panel-blue { background-color: #0079c1; color: #ffffff; border: 1px solid #005e95; }

.panel-light-blue { color: #323232; background-color: #56a5d8; border: 1px solid #0079c1; }

.panel-no-border { border: none; }

.panel-no-padding { padding: 0; }

.table { width: 100%; background-color: #ffffff; border-collapse: collapse; border-spacing: 0; border: 1px solid #cccccc; text-align: left; overflow: auto; font-size: 0.875rem; line-height: 1.5; }

html[dir="rtl"] .table { text-align: right; }

.table > thead { background-color: #efefef; border-bottom: 1px solid #cccccc; font-weight: 400; font-style: normal; font-size: 1rem; line-height: 1.5; }

.table > tbody { overflow: auto; width: 100%; }

.table > tfoot { background-color: #efefef; border-top: 1px solid #cccccc; }

.table th, .table td { font-weight: 300; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; padding: 0.5rem; text-align: left; }

html[dir="rtl"] .table th, html[dir="rtl"] .table td { text-align: right; }

.table tr { border-bottom: 1px solid #cccccc; text-align: left; }

.table tr:last-child { border-bottom: none; }

.table caption { color: #959595; caption-side: bottom; line-height: 1.5rem; padding: 0.375rem 0.75rem; }

.table-blue { border: 1px solid #0079c1; }

.table-blue > thead { background-color: #0079c1; border: none; border-bottom: 1px solid #0079c1; color: #ffffff; }

.table-blue > thead tr:nth-child(even) { background-color: #bcdaed; color: #4c4c4c; }

.table-blue > tfoot { border-top: 1px solid #0079c1; }

.table-blue th, .table-blue td { border-left: 1px solid #0079c1; border-right: 1px solid #0079c1; }

.table-blue tr { border-bottom: 1px solid #0079c1; }

.table-plain { border: none; }

.table-plain > thead, .table-plain > tfoot, .table-plain th, .table-plain td { background-color: transparent; border: none; }

.table-plain tr { border: none; }

.table-plain tr:nth-child(even) { background-color: transparent; }

.table-plain tr:nth-child(even) td { background-color: transparent; }

.table-striped tr:nth-child(even) { background-color: #f8f8f8; }

.table-striped tr:nth-child(even) a { color: #005e95; }

.table-striped tr:nth-child(even) td { background-color: #f8f8f8; }

.table-striped.table-blue tr:nth-child(even) { background-color: #d2e9f9; }

.table-striped.table-blue tr:nth-child(even) td { background-color: #d2e9f9; }

.table-no-table { width: auto; background-color: transparent; border-spacing: 0; border: none; text-align: left; overflow: auto; margin-bottom: 0; }

.table-no-table thead, .table-no-table tbody { font-size: 1rem; line-height: 1.5; border: none; background-color: transparent; overflow: auto; width: 100%; }

.table-no-table th, .table-no-table td { background-color: transparent; border: none; }

.table-no-table tr { border: none; text-align: left; }

.input-search, .search-input { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzZlNmU2ZSI+PHBhdGggZD0iTTE0LjY1IDEzLjc0TDkuNzMyIDguODIzQTUuMzg3IDUuMzg3IDAgMSAwIDUuNSAxMC45MDRhNS4zNTggNS4zNTggMCAwIDAgMy4yODgtMS4xNDJsNC45MiA0Ljkyek01LjUgOS4yNWEzLjc1IDMuNzUgMCAxIDEgMy43NS0zLjc1MSAzLjc1MiAzLjc1MiAwIDAgMS0zLjc1IDMuNzV6Ii8+PC9zdmc+Cg=="); background-size: 1.06667em; background-position: .25em center; background-repeat: no-repeat; padding-left: 1.5em; }

html[dir="rtl"] .input-search, html[dir="rtl"] .search-input { background-position: right .25em center; padding-right: 1.5em; padding-left: 0.3rem; }

form { margin: 0; padding: 0; }

fieldset { margin: 0 0 1.5rem 0; padding: 0; border: none; display: block; }

label { position: relative; display: block; margin: 0 0 1.5rem 0; }

legend { position: relative; display: block; margin-bottom: .25rem; }

input, select, textarea { position: relative; display: block; height: 2.25rem; width: 100%; max-width: 100%; margin: .25rem 0 0 0; padding: 0 0.3rem; box-sizing: border-box; font-family: inherit; font-size: 0.9375rem; line-height: 1.25rem; color: #4c4c4c; vertical-align: baseline; outline: none; outline-offset: 0; background-color: #ffffff; border: 1px solid #a9a9a9; border-radius: 0; transition: border-color 150ms linear; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); }

input:disabled, select:disabled, textarea:disabled { opacity: .3; cursor: default; }

input:focus, select:focus, textarea:focus { border-color: #0079c1; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); }

input { -webkit-appearance: none; }

textarea { height: auto; padding-top: 0.3rem; }

:placeholder { color: #767676; }

:input-placeholder { color: #767676; }

::-webkit-input-placeholder { color: #767676; }

::-moz-placeholder { color: #767676; }

:-ms-input-placeholder { color: #767676; }

.input-minimal { background-color: transparent; border-top: none; border-right: none; border-left: none; border-bottom-color: #cccccc; box-shadow: none; }

.input-minimal:focus { border-bottom-color: #999; box-shadow: none; }

.input-error { border-color: #c86a4a; padding-right: 24px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeD0iMiIgeT0iMCI+PHBhdGggZmlsbD0iI2M4NmE0YSIgZD0iTTExLjIyNSwwSDQuNjQ4TDAsNC42NXY2LjU3Nmw0LjY0OCw0LjY0OWg2LjU3Nmw0LjY1LTQuNjQ5VjQuNjVMMTEuMjI1LDB6IE05LjA3MSwxMy42MDdINi44MDR2LTIuMjY5aDIuMjY4VjEzLjYwN3ogTTkuMDcxLDkuMDcxSDYuODA0VjMuNDAyaDIuMjY4VjkuMDcxeiIvPjwvc3ZnPg=="); background-position: right center; background-repeat: no-repeat; }

.input-error:focus { border-color: #c86a4a; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(200, 106, 75, 0.5); }

.input-success { padding-right: 24px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjQgMTYiPjxwb2x5Z29uIGZpbGw9IiM1QTkzNTkiIHBvaW50cz0iOC4xODgsMTEuMDgyIDQuMDU5LDYuOTUyIDIuMjU4LDguNzUyIDguMTg4LDE0LjY4MyAxOS43NTQsMy4xMTkgMTcuOTU0LDEuMzE3ICIvPjwvc3ZnPg=="); background-position: right center; background-repeat: no-repeat; }

html[dir="rtl"] .input-error, html[dir="rtl"] .input-success { padding-left: 24px; padding-right: 0.3rem; background-position: left center; }

.input-error-message { font-size: 0.875rem; line-height: 1.5; padding: 0.375rem 0.375rem; color: rgba(0, 0, 0, 0.75); background-color: #f3ded7; border: 1px solid #e4a793; position: relative; display: none; margin-top: .5rem; }

.input-error-message:after { content: ""; position: absolute; top: -15px; width: 0; height: 0; pointer-events: none; border: 8px solid transparent; border-bottom-color: #f3ded7; }

.input-error-message:before { content: ""; position: absolute; top: -16px; width: 0; height: 0; pointer-events: none; border: 8px solid transparent; border-bottom-color: #e4a793; }

.input-error-message:after, .input-error-message:before { left: 11px; right: auto; }

html[dir="rtl"] .input-error-message:after, html[dir="rtl"] .input-error-message:before { left: auto; right: 11px; }

.input-error-message.is-active, .input-error-message.is-active:before, .input-error-message.is-active:after { display: inline-block; }

input[type="file"] { height: auto; }

input[type="file"]:active { border-color: #0079c1; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); }

@supports (-moz-appearance: none) { input[type="file"] { padding: 0.75rem 0.375rem; } }

input[type="file"]::-webkit-file-upload-button { position: relative; display: inline-block; padding: 0.375rem 1rem; width: auto; color: #ffffff; border: 1px solid #0079c1; border-radius: 0; background-color: #0079c1; box-sizing: border-box; -webkit-transition: all 0.05s linear; transition: all 0.05s linear; cursor: pointer; font-size: 0.9375rem; line-height: 1.5; color: #0079c1; background: #ffffff; border-color: #0079c1; font-size: 0.875rem; line-height: 1.5; padding: 0.28125rem 0.75rem; font-family: inherit; margin: .5em 0; -webkit-appearance: none; }

input[type="file"]::-webkit-file-upload-button:hover { text-decoration: none; color: #ffffff; background-color: #005e95; border-color: #005e95; }

input[type="file"]::-webkit-file-upload-button:hover { color: #ffffff; background: #005e95; border-color: #005e95; }

::-ms-value { border: none; background-color: transparent; }

::-ms-browse { position: relative; display: inline-block; padding: 0.375rem 1rem; width: auto; color: #ffffff; border: 1px solid #0079c1; border-radius: 0; background-color: #0079c1; box-sizing: border-box; -ms-transition: all 0.05s linear; transition: all 0.05s linear; cursor: pointer; font-size: 0.9375rem; line-height: 1.5; color: #0079c1; background: #ffffff; border-color: #0079c1; font-size: 0.875rem; line-height: 1.5; padding: 0.28125rem 0.75rem; font-family: inherit; margin: .5em 0; }

::-ms-browse:hover { text-decoration: none; color: #ffffff; background-color: #005e95; border-color: #005e95; }

::-ms-browse:hover { color: #ffffff; background: #005e95; border-color: #005e95; }

input[type='radio'], input[type='checkbox'] { float: left; width: 1rem; height: 1rem; margin-top: .12rem; margin-right: .5rem; margin-left: .125rem; line-height: 1.25rem; box-shadow: none; box-sizing: content-box; }

html[dir="rtl"] input[type='radio'], html[dir="rtl"] input[type='checkbox'] { float: right; }

input[type='radio']:focus, input[type='checkbox']:focus { box-shadow: none; border: none; outline: 1px dotted; outline: auto -webkit-focus-ring-color; }

input[type='checkbox'] { -webkit-appearance: checkbox; }

input[type='radio'] { -webkit-appearance: radio; border-radius: 50%; }

@supports (-ms-ime-align: auto) { input[type='radio'], input[type='checkbox'] { margin-top: .125rem; margin-right: .5rem; } }

@supports (-moz-appearance: none) { input[type='radio'], input[type='checkbox'] { margin-top: .05rem; } }

@supports (-webkit-overflow-scrolling: touch) { input[type='radio'], input[type='checkbox'] { margin-top: .1rem; margin-right: 0; }
  input[type='radio']:checked, input[type='checkbox']:checked { background-color: #56a5d8; border-color: #196fa6; } }

html[dir="rtl"] input[type='radio'], html[dir="rtl"] input[type='checkbox'] { margin-right: .125rem; margin-left: .5rem; }

@supports (-ms-ime-align: auto) { html[dir="rtl"] input[type='radio'], html[dir="rtl"] input[type='checkbox'] { margin-left: .5rem; } }

@supports (-webkit-overflow-scrolling: touch) { html[dir="rtl"] input[type='radio'], html[dir="rtl"] input[type='checkbox'] { margin-left: 0; } }

.fieldset-radio label, .fieldset-checkbox label { margin-bottom: .25rem; font-size: 0.9375rem; line-height: 1.25rem; color: #595959; width: auto; }

select { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiM1OTU5NTkiIGQ9Ik03NS43NDksMzcuNDY2YzAuNDI1LDAuNDI1LDAuNTUyLDEuMDYzLDAuMzIyLDEuNjE4Qzc1Ljg0MSwzOS42MzksNzUuMzAxLDQwLDc0LjY5OSw0MGgtNDkuNA0KCQljLTAuNiwwLTEuMTQzLTAuMzYyLTEuMzcyLTAuOTE3Yy0wLjIzLTAuNTU1LTAuMTAzLTEuMTkzLDAuMzIyLTEuNjE4bDIzLjQ0LTIzLjQ0YzEuMjc2LTEuMjc2LDMuMzQzLTEuMjc2LDQuNjIsMEw3NS43NDksMzcuNDY2DQoJCUw3NS43NDksMzcuNDY2eiBNMjQuMjUsNjIuNTM0Yy0wLjQyNi0wLjQyNS0wLjU1My0xLjA2My0wLjMyMy0xLjYxOGMwLjIzLTAuNTU1LDAuNzctMC45MTYsMS4zNy0wLjkxNkg3NC43DQoJCWMwLjYwMiwwLDEuMTQzLDAuMzU5LDEuMzczLDAuOTE2YzAuMjMsMC41NTUsMC4xMDMsMS4xOTMtMC4zMjIsMS42MThMNTIuMzEsODUuOTc3Yy0xLjI3NSwxLjI3NS0zLjM0NCwxLjI3NC00LjYyLDBMMjQuMjUsNjIuNTM0eg0KCQkiLz4NCjwvZz4NCjwvc3ZnPg0K"); background-position: center right; background-repeat: no-repeat; background-size: .9rem; width: auto; padding-right: 1.5rem; -webkit-appearance: none; -moz-appearance: none; }

html[dir="rtl"] select { background-position: center left; padding-left: 1.5rem; padding-right: 0.3rem; }

select[multiple] { height: auto; background-image: none; padding: 0; }

select[multiple] option { padding: 0.3rem; }

.select-full { width: 100%; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { select::-ms-expand { display: none; }
  select:focus::-ms-value { background: transparent; color: #595959; } }

.input-group { display: table; margin-top: 0.375rem; }

.input-group-button { width: 1%; vertical-align: middle; display: table-cell; }

.input-group-button .btn, .input-group-button button { height: 2.25rem; margin-left: -1px; }

input.input-group-input, .input-group-input { display: table-cell; position: relative; margin-top: 0; width: 100%; vertical-align: middle; }

.radio-group { border: none; padding: 0; margin-bottom: 1.5rem; font-size: 0.9375rem; line-height: 1.5; }

.radio-group:after { content: ''; display: table; clear: both; }

.radio-group-title { font-size: 1rem; line-height: 1.5; margin-bottom: 0; }

.radio-group-input { opacity: 0; position: absolute; }

.radio-group-input:checked + .radio-group-label { background-color: #d2e9f9; border: 1px solid #0079c1; margin-right: 0; margin-left: 0; }

.radio-group-input:checked + .radio-group-label + .radio-group-input + .radio-group-label { border-left: none; border-right: 1px solid #cccccc; }

html[dir="rtl"] .radio-group-input:checked + .radio-group-label + .radio-group-input + .radio-group-label { border-right: none; border-left: 1px solid #cccccc; }

.radio-group-label { display: inline-block; float: left; background-color: #ffffff; color: #323232; cursor: pointer; text-align: center; text-shadow: none; padding: 0.5rem 1rem; line-height: 1.25; margin-top: .25rem; margin-right: -1px; margin-bottom: 0; border: 1px solid #cccccc; box-sizing: border-box; height: 2.25rem; transition: background 0.1s ease-in-out, border-color 0.1s ease-in-out; }

html[dir="rtl"] .radio-group-label { float: right; margin-left: -1px; margin-right: 0; }

.loader-bars:before, .loader-bars:after, .loader-bars { background: #0079c1; animation: load 0.8s infinite ease-in-out; width: 0.85rem; height: 2rem; }

.loader-bars:before, .loader-bars:after { position: absolute; top: 0; content: ''; }

@keyframes load { 0%, 80%, 100% { opacity: .75;
    box-shadow: 0 0 #0079c1;
    height: 2rem; }
  40% { opacity: 1;
    box-shadow: 0 -0.5rem #0079c1;
    height: 2.5rem; } }

.loader { display: none; position: relative; }

.loader.is-active { display: block; }

.loader-bars { text-indent: -9999em; margin: auto; position: absolute; right: calc(50% - 0.425rem); font-size: 11px; animation-delay: 0.16s; }

.loader-bars:before { left: -1.25rem; }

.loader-bars:after { left: 1.25rem; animation-delay: 0.32s; }

.loader-text { text-align: center; padding-top: 4rem; }

.skip-to-content { opacity: 0; float: left; pointer-events: none; margin: 4px; padding: 1rem; position: absolute; background-color: rgba(0, 0, 0, 0.75); color: #ffffff; transition: 150ms linear; }

.skip-to-content:focus { opacity: 1; z-index: 999; }

.card { display: flex; flex-direction: column; position: relative; background: #ffffff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 16px 0 rgba(0, 0, 0, 0.05); }

.card-image-wrap { width: 100%; position: relative; margin-bottom: 0; flex: 0 0 auto; }

.card-image { width: 100%; display: block; }

.card-image-caption { background: rgba(255, 255, 255, 0.8); color: #4c4c4c; font-style: normal; margin: 0; width: 100%; box-sizing: border-box; position: absolute; bottom: 0; font-size: 0.875rem; line-height: 1.5; padding: .35rem 1.25rem .35rem 1.25rem; }

.card-last { margin-bottom: auto; }

.card-content { padding: 1rem; display: flex; flex-direction: column; flex: 1 1 auto; word-wrap: break-word; }

.card-shaped { box-shadow: none; background: transparent; }

.card-shaped .card-content { border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05); padding-top: 4rem; }

.card-shaped .card-image-wrap { margin-bottom: -3rem; padding: 0 1.25rem; box-sizing: border-box; }

.card-bar-lightest-blue { border-top: 3px solid #d2e9f9; }

.card-bar-lighter-blue { border-top: 3px solid #bcdaed; }

.card-bar-light-blue { border-top: 3px solid #56a5d8; }

.card-bar-blue { border-top: 3px solid #0079c1; }

.card-bar-dark-blue { border-top: 3px solid #005e95; }

.card-bar-light-green { border-top: 3px solid #9bc19c; }

.card-bar-green { border-top: 3px solid #5a9359; }

.card-bar-dark-green { border-top: 3px solid #338033; }

.card-bar-light-red { border-top: 3px solid #e4a793; }

.card-bar-red { border-top: 3px solid #de2900; }

.card-bar-dark-red { border-top: 3px solid #ab3c16; }

.card-bar-light-orange { border-top: 3px solid #e8912e; }

.card-bar-orange { border-top: 3px solid #d17e21; }

.card-bar-dark-orange { border-top: 3px solid #ad6511; }

.card-bar-light-yellow { border-top: 3px solid #efe397; }

.card-bar-yellow { border-top: 3px solid #e4d154; }

.card-bar-dark-yellow { border-top: 3px solid #d9bf2b; }

.card-bar-light-purple { border-top: 3px solid #c4bcdc; }

.card-bar-purple { border-top: 3px solid #9081bc; }

.card-bar-dark-purple { border-top: 3px solid #7461a8; }

.card-bar-light-brown { border-top: 3px solid #d2b38f; }

.card-bar-brown { border-top: 3px solid #a57946; }

.card-bar-dark-brown { border-top: 3px solid #8c5e2a; }

.card-wide { flex-direction: row; }

.card-wide .card-content { display: block; flex: 1 1 75%; }

.card-wide-image-wrap { position: relative; top: 0; left: 0; bottom: 0; width: 25%; overflow: hidden; margin-bottom: 0; }

.card-wide-image { width: auto; min-width: 100%; max-width: none; height: 100%; margin: 0; display: block; position: absolute; }

@keyframes fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fade-out { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes in-up { 0% { transform: translate3d(0, 100%, 0); }
  100% { transform: translate3d(0, 0, 0); } }

@keyframes in-down { 0% { transform: translate3d(0, -100%, 0); }
  100% { transform: translate3d(0, 0, 0); } }

@keyframes out-up { 0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(0, 100%, 0); } }

@keyframes out-down { 0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(0, -100%, 0); } }

.fade-in, .animate-fade-in { opacity: 0; animation: fade-in ease-in 1; animation-fill-mode: forwards; animation-duration: 0.75s; }

.animate-fade-out { animation: fade-out ease-out 1; animation-fill-mode: both; animation-duration: 0.75s; }

.animate-in-down { animation: in-down ease-out 1; animation-fill-mode: both; animation-duration: 0.5s; }

.animate-in-up { animation: in-up ease-out 1; animation-fill-mode: both; animation-duration: 0.5s; }

.animate-out-down { animation: out-down ease-in 1; animation-fill-mode: both; animation-duration: 0.5s; }

.animate-out-up { animation: out-up ease-in 1; animation-fill-mode: both; animation-duration: 0.5s; }

input[type="range"] { transition: all 0.25s ease; border: 1px solid transparent; background-color: transparent; box-shadow: none; margin-top: 0; padding: 0; z-index: 1; cursor: pointer; transition: all 0.25s ease; }

input[type="range"]:hover::-webkit-slider-runnable-track { background-color: #a9a9a9; }

input[type="range"]:hover::-webkit-slider-thumb { background-color: #ffffff; border-color: #007ac2; box-shadow: 0 0 4px 1px rgba(204, 204, 204, 0.9); }

input[type="range"]:hover::-moz-range-track { background-color: #a9a9a9; }

input[type="range"]:hover::-moz-range-thumb { background-color: #ffffff; border-color: #007ac2; box-shadow: 0 0 4px 1px rgba(204, 204, 204, 0.9); }

input[type="range"]:hover::-ms-fill-upper { background-color: #a9a9a9; }

input[type="range"]:hover::-ms-fill-lower { background-color: #a9a9a9; }

input[type="range"]:hover::-ms-thumb { background-color: #ffffff; border-color: #007ac2; box-shadow: 0 0 4px 1px rgba(204, 204, 204, 0.9); }

input[type="range"]:focus::-webkit-slider-runnable-track, input[type="range"]:active::-webkit-slider-runnable-track { background-color: #a9a9a9; }

input[type="range"]:focus::-webkit-slider-thumb, input[type="range"]:active::-webkit-slider-thumb { background-color: #007ac2; border-color: #007ac2; outline: none; box-shadow: 0 0 4px 1px rgba(86, 165, 216, 0.9); }

input[type="range"]:focus::-webkit-slider-thumb:hover, input[type="range"]:active::-webkit-slider-thumb:hover { background-color: #196fa6; border-color: #007ac2; }

input[type="range"]:focus::-moz-range-track, input[type="range"]:active::-moz-range-track { background-color: #a9a9a9; }

input[type="range"]:focus::-moz-range-thumb, input[type="range"]:active::-moz-range-thumb { background-color: #007ac2; border-color: #007ac2; outline: none; box-shadow: 0 0 4px 1px rgba(86, 165, 216, 0.9); }

input[type="range"]:focus::-moz-range-thumb:hover, input[type="range"]:active::-moz-range-thumb:hover { background-color: #196fa6; border-color: #007ac2; }

input[type="range"]:focus::-ms-fill-upper, input[type="range"]:active::-ms-fill-upper { background-color: #a9a9a9; }

input[type="range"]:focus::-ms-fill-lower, input[type="range"]:active::-ms-fill-lower { background-color: #a9a9a9; }

input[type="range"]:focus::-ms-thumb, input[type="range"]:active::-ms-thumb { background-color: #007ac2; border-color: #007ac2; outline: none; box-shadow: 0 0 4px 1px rgba(86, 165, 216, 0.9); }

input[type="range"]:focus::-ms-thumb:hover, input[type="range"]:active::-ms-thumb:hover { background-color: #196fa6; border-color: #007ac2; }

input[type="range"]::-webkit-slider-runnable-track { width: 100%; height: 2px; border-radius: 0; z-index: 2; background-color: #cccccc; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }

input[type="range"]::-webkit-slider-thumb { height: 18px; width: 18px; border-radius: 50px; margin-top: -8px; cursor: pointer; background-color: #ffffff; border: 2px solid; border-color: #959595; z-index: 3; -webkit-appearance: none; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }

input[type="range"]::-webkit-slider-thumb:hover { background-color: #007ac2; border-color: #007ac2; box-shadow: 0 0 4px 1px rgba(204, 204, 204, 0.9); }

input[type="range"]::-webkit-slider-thumb:focus, input[type="range"]::-webkit-slider-thumb:active { background-color: #196fa6; border-color: #007ac2; box-shadow: 0 0 4px 1px rgba(86, 165, 216, 0.9); }

input[type="range"]::-webkit-slider-thumb:focus:hover, input[type="range"]::-webkit-slider-thumb:active:hover { background-color: #196fa6; border-color: #007ac2; box-shadow: 0 0 4px 1px rgba(86, 165, 216, 0.9); }

@supports (-webkit-overflow-scrolling: touch) { input[type="range"]::-webkit-slider-thumb { height: 20px; width: 20px; margin-top: -9px; } }

input[type="range"]::-moz-range-track { width: 100%; height: 2px; border-radius: 0; z-index: 2; background-color: #cccccc; -moz-transition: all 0.25s ease; transition: all 0.25s ease; }

input[type="range"]::-moz-range-thumb { height: 18px; width: 18px; border-radius: 50px; margin-top: -8px; cursor: pointer; background-color: #ffffff; border: 2px solid; border-color: #959595; z-index: 3; -webkit-appearance: none; -moz-transition: all 0.25s ease; transition: all 0.25s ease; height: 14px; width: 14px; }

input[type="range"]::-moz-range-thumb:hover { background-color: #007ac2; border-color: #007ac2; box-shadow: 0 0 4px 1px rgba(204, 204, 204, 0.9); }

input[type="range"]::-moz-range-thumb:focus, input[type="range"]::-moz-range-thumb:active { background-color: #196fa6; border-color: #007ac2; box-shadow: 0 0 4px 1px rgba(86, 165, 216, 0.9); }

input[type="range"]::-moz-range-thumb:focus:hover, input[type="range"]::-moz-range-thumb:active:hover { background-color: #196fa6; border-color: #007ac2; box-shadow: 0 0 4px 1px rgba(86, 165, 216, 0.9); }

input[type="range"]::-ms-fill-upper { background-color: #cccccc; }

input[type="range"]::-ms-fill-lower { background-color: #cccccc; }

input[type="range"]::-ms-track { width: 100%; height: 2px; border-radius: 0; z-index: 2; background-color: #cccccc; -ms-transition: all 0.25s ease; transition: all 0.25s ease; height: 2px; border: 0px solid transparent; color: transparent; }

input[type="range"]::-ms-thumb { height: 18px; width: 18px; border-radius: 50px; margin-top: -8px; cursor: pointer; background-color: #ffffff; border: 2px solid; border-color: #959595; z-index: 3; -webkit-appearance: none; -ms-transition: all 0.25s ease; transition: all 0.25s ease; height: 14px; width: 14px; margin-top: 0px; }

input[type="range"]::-ms-thumb:hover { background-color: #007ac2; border-color: #007ac2; box-shadow: 0 0 4px 1px rgba(204, 204, 204, 0.9); }

input[type="range"]::-ms-thumb:focus, input[type="range"]::-ms-thumb:active { background-color: #196fa6; border-color: #007ac2; box-shadow: 0 0 4px 1px rgba(86, 165, 216, 0.9); }

input[type="range"]::-ms-thumb:focus:hover, input[type="range"]::-ms-thumb:active:hover { background-color: #196fa6; border-color: #007ac2; box-shadow: 0 0 4px 1px rgba(86, 165, 216, 0.9); }

.toggle-switch { display: block; position: relative; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; }

.toggle-switch-input[type] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.toggle-switch-input[type]:hover + .toggle-switch-track { border-color: #cccccc; background-color: #e7e7e7; }

.toggle-switch-input[type]:hover + .toggle-switch-track:after { border-color: #3b8fc4; box-shadow: 0 1px 2px 0px rgba(89, 89, 89, 0.2); }

.toggle-switch-input[type]:active + .toggle-switch-track { box-shadow: 0 0 4px 2px rgba(204, 204, 204, 0.9); }

.toggle-switch-input[type]:active + .toggle-switch-track:after { left: 1px; right: auto; border-color: #005e95; box-shadow: 0 3px 1px 0px rgba(89, 89, 89, 0.2); }

html[dir="rtl"] .toggle-switch-input[type]:active + .toggle-switch-track:after { left: auto; right: 1px; }

.toggle-switch-input[type]:checked + .toggle-switch-track { border-color: #005e95; background-color: #0079c1; }

.toggle-switch-input[type]:checked + .toggle-switch-track:after { right: -1px; left: auto; border-color: #005e95; box-shadow: 0 2px 1px 0px rgba(89, 89, 89, 0.2); }

html[dir="rtl"] .toggle-switch-input[type]:checked + .toggle-switch-track:after { right: auto; left: -1px; }

.toggle-switch-input[type]:checked:active + .toggle-switch-track { box-shadow: 0 0 4px 2px rgba(108, 180, 226, 0.9); }

.toggle-switch-input[type]:checked:active + .toggle-switch-track:after { right: 1px; left: auto; border-color: #005e95; box-shadow: 0 3px 1px 0px rgba(89, 89, 89, 0.2); }

html[dir="rtl"] .toggle-switch-input[type]:checked:active + .toggle-switch-track:after { right: auto; left: 1px; }

.toggle-switch-input[type]:focus + .toggle-switch-track { box-shadow: 0 0 4px 2px rgba(204, 204, 204, 0.9); }

.toggle-switch-input[type]:focus + .toggle-switch-track:after { border-color: #3b8fc4; }

.toggle-switch-input[type]:checked:focus + .toggle-switch-track { box-shadow: 0 0 4px 2px rgba(108, 180, 226, 0.9); }

.toggle-switch-input[type]:checked:focus + .toggle-switch-track:after { border-color: #005e95; }

.toggle-switch-label { width: calc((100% - 3em) - .5em); padding: 0 .1em; vertical-align: top; }

.toggle-switch-track { position: relative; display: inline-block; vertical-align: top; width: 36px; height: 20px; top: .05em; background-color: #f4f4f4; border-radius: 30px; border: 1px solid #cccccc; transition: all 0.25s ease; }

.toggle-switch-track:after { position: absolute; display: block; content: ''; width: 18px; height: 18px; top: -1px; left: -1px; right: auto; background-color: #ffffff; border-radius: 30px; border: 2px solid #959595; box-shadow: 0 1px 1px 0px rgba(89, 89, 89, 0.2); transition: all 0.25s ease; }

html[dir="rtl"] .toggle-switch-track:after { left: auto; right: -1px; }

@supports (-ms-ime-align: auto) { .toggle-switch-track { top: .1em; } }

@supports (-moz-appearance: none) { .toggle-switch-track { top: .1em; } }

@supports (-webkit-overflow-scrolling: touch) { .toggle-switch-track { top: .15em; } }

.toggle-switch-destructive .toggle-switch-input:hover + .toggle-switch-track:after { border-color: #ab3c16; }

.toggle-switch-destructive .toggle-switch-input:active + .toggle-switch-track:after { border-color: #8c2907; }

.toggle-switch-destructive .toggle-switch-input:checked:active + .toggle-switch-track { box-shadow: 0 0 4px 2px rgba(200, 106, 74, 0.9); }

.toggle-switch-destructive .toggle-switch-input:checked:active + .toggle-switch-track:after { border-color: #8c2907; }

.toggle-switch-destructive .toggle-switch-input:checked + .toggle-switch-track { background-color: #ab3c16; border-color: #8c2907; }

.toggle-switch-destructive .toggle-switch-input:checked + .toggle-switch-track:after { border-color: #8c2907; }

.toggle-switch-destructive .toggle-switch-input:focus + .toggle-switch-track:after { border-color: #ab3c16; }

.toggle-switch-destructive .toggle-switch-input:checked:focus + .toggle-switch-track { box-shadow: 0 0 4px 2px rgba(200, 106, 74, 0.9); }

.toggle-switch-destructive .toggle-switch-input:checked:focus + .toggle-switch-track:after { border-color: #8c2907; }

.top-nav { position: relative; font-weight: 400; font-style: normal; border-bottom: 1px solid #efefef; background-color: #ffffff; z-index: 100; }

.top-nav .esri-logo { margin-top: 1rem; }

.top-nav .sign-in { padding-top: 1.5rem; }

.top-nav-title { font-weight: 400; font-style: normal; font-size: 1.2019rem; line-height: 1.5; float: left; margin-right: 1.5rem; padding-top: 1.125rem; padding-bottom: 1.25rem; line-height: 1.5rem; color: #4c4c4c; }

@media screen and (max-width: 1023px) { .top-nav-title { font-size: 1.1305rem; } }

@media screen and (max-width: 599px) { .top-nav-title { font-size: 1.0625rem; } }

html[dir="rtl"] .top-nav-title { float: right; }

html[dir="rtl"] .top-nav-title { white-space: nowrap; margin-right: 0; margin-left: 1.5rem; }

.top-nav-title:hover { text-decoration: none; }

.top-nav-list { float: left; padding: 0; }

html[dir="rtl"] .top-nav-list { float: right; }

.top-nav-list .top-nav-link + .top-nav-link { margin-left: .75em; }

html[dir="rtl"] .top-nav-list .top-nav-link + .top-nav-link { margin-left: 0; margin-right: .75em; }

.top-nav-list.right { float: right; }

html[dir="rtl"] .top-nav-list.right { float: left; }

.top-nav-link { font-size: 0.9375rem; line-height: 1.5; color: #4c4c4c; padding: 1.1625rem 0 calc(1.1625rem - 4px) 0; border: none; border-bottom: 4px solid transparent; line-height: 1.5rem; display: inline-block; vertical-align: top; cursor: pointer; }

.top-nav-link:hover, .top-nav-link:focus { color: #0079c1; border-bottom-color: #0079c1; text-decoration: none; }

.top-nav-link:focus { outline: none; }

.top-nav-link.is-active { border-bottom-color: #0079c1; }

.top-nav-flex { display: flex; }

.top-nav-flex-list { flex-grow: 1; flex-basis: 30%; }

.top-nav-flex-title { flex-grow: 2; text-align: center; }

.sign-in { float: right; padding-left: 0.375rem; margin-top: -0.7rem; }

html[dir="rtl"] .sign-in { float: left; }

html[dir="rtl"] .sign-in { padding-left: 0; padding-right: 0.375rem; }

.user-nav-name { padding-right: 1.5em; color: #4c4c4c; }

.user-nav-name:hover { text-decoration: none; }

.user-nav-image { width: 1.2rem; height: 1.2rem; vertical-align: -0.25rem; }

.sub-nav { background-color: #efefef; }

.sub-nav-title { font-size: 1.9994rem; line-height: 1.35; margin-top: 0.75rem; margin-bottom: 0.75rem; display: inline-block; line-height: 1.25; }

@media screen and (max-width: 1023px) { .sub-nav-title { font-size: 1.7689rem; } }

@media screen and (max-width: 599px) { .sub-nav-title { font-size: 1.5625rem; } }

.sub-nav-list { width: 100%; float: left; }

html[dir="rtl"] .sub-nav-list { float: right; }

.sub-nav-link { padding: .25em .75em; margin: 0 .25em 0 0; float: left; font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next", "Avenir", "Helvetica Neue", sans-serif; color: #f8f8f8; font-size: 0.9375rem; line-height: 1.5; background-color: rgba(0, 0, 0, 0.45); box-sizing: border-box; transition: background-color 150ms linear, color 150ms 150ms linear; }

html[dir="rtl"] .sub-nav-link { float: right; }

.sub-nav-link:hover, .sub-nav-link:focus { background-color: rgba(0, 0, 0, 0.3); color: #ffffff; text-decoration: none; -webkit-background-image: linear-gradient(to top, transparent 94%, #ffffff 96%, #ffffff 100%); -moz-background-image: linear-gradient(to top, transparent 94%, #ffffff 96%, #ffffff 100%); -o-background-image: linear-gradient(to top, transparent 94%, #ffffff 96%, #ffffff 100%); background-image: linear-gradient(to top, transparent 94%, #ffffff 96%, #ffffff 100%); }

.sub-nav-link.is-active { background-color: #ffffff; color: #4c4c4c; }

.third-nav { font-weight: 400; font-style: normal; border-bottom: 1px solid #efefef; background-color: #ffffff; padding: 0.375rem 0; width: 100%; }

.third-nav-container { position: relative; overflow-x: auto; white-space: nowrap; padding-bottom: 15px; margin-bottom: -15px; }

.third-nav-link { color: #595959; font-size: 0.875rem; line-height: 1.5; margin-right: 1.125rem; }

html[dir="rtl"] .third-nav-link { white-space: nowrap; }

.third-nav-link:last-child { margin-right: 2.25rem; }

.third-nav-link.is-active { font-weight: 700; font-style: normal; }

.side-nav, .dropdown-menu, .filter-dropdown-list { box-sizing: border-box; padding: 0; border: 1px solid #efefef; border-top: none; font-weight: 400; font-style: normal; background-color: #ffffff; }

.side-nav-title { margin: 0; padding: 0.5rem; font-weight: 400; font-style: normal; font-size: 0.9375rem; line-height: 1.5; background-color: #f8f8f8; border-top: 1px solid #efefef; }

.side-nav-link { position: relative; display: block; box-sizing: border-box; padding: 0.5rem; font-size: 0.875rem; line-height: 1.5; color: #595959; background-color: #ffffff; border-top: 1px solid #efefef; cursor: pointer; }

.side-nav-link:hover { background-color: #f8f8f8; text-decoration: none; color: #4c4c4c; }

.side-nav-link.is-active { text-indent: -3px; border-left: 3px solid #0079c1; }

html[dir="rtl"] .side-nav-link.is-active { border-left: none; border-right: 3px solid #0079c1; }

body { display: flex; height: 100%; flex-direction: column; }

.wrapper { flex: 1 0 auto; }

.footer { background-color: #f8f8f8; padding-top: 3rem; flex: none; }

.tab-nav:after { content: ''; display: table; clear: both; }

.tab-title { box-sizing: border-box; font-size: 0.875rem; line-height: 1.5; transition: background, 150ms linear; padding: 0.375rem 0.75rem; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #f8f8f8; border: 1px solid #cccccc; margin-right: -1px; cursor: pointer; }

.tab-title:focus { outline: none; }

.tab-title:hover, .tab-title:focus { background-color: #fcfcfc; text-decoration: none; -webkit-background-image: linear-gradient(to top, transparent 94%, #0079c1 96%, #0079c1 100%); -moz-background-image: linear-gradient(to top, transparent 94%, #0079c1 96%, #0079c1 100%); -o-background-image: linear-gradient(to top, transparent 94%, #0079c1 96%, #0079c1 100%); background-image: linear-gradient(to top, transparent 94%, #0079c1 96%, #0079c1 100%); }

.tab-title.is-active { border-bottom: 1px solid #ffffff; background-color: #ffffff; }

.tab-title.is-active:hover { background-color: #ffffff; }

html[dir="rtl"] .tab-title { float: right; margin-right: 0; margin-left: -1px; }

.tab-contents { box-sizing: border-box; border: 1px solid #cccccc; margin-top: -1px; }

.tab-section { box-sizing: border-box; background-color: #ffffff; display: none; padding: 0.75rem; }

.tab-section.is-active { display: block; }

.tab-section pre { margin: 0; }

.tabs-gray .tab-title { background-color: #ffffff; }

.tabs-gray .tab-title.is-active { background-color: #f8f8f8; border-bottom: 1px solid #f8f8f8; }

.tabs-gray .tab-section { background-color: #f8f8f8; }

.tabs-gray pre code { padding: 0; border: none; background-color: transparent; }

.tabs-transparent .tab-title { background-color: transparent; border: 1px solid transparent; border-bottom: 1px solid #cccccc; }

.tabs-transparent .tab-title:hover { border-bottom: 1px solid #cccccc; }

.tabs-transparent .tab-title.is-active { transition: backround, 150ms linear; background-color: transparent; border: 1px solid #cccccc; border-bottom: 1px solid #ffffff; }

.tabs-transparent .tab-contents { border-bottom: none; border-left: none; border-right: none; }

.tabs-transparent .tab-section { background-color: transparent; padding-left: 0; padding-right: 0; }

.tabs-translucent .tab-title { background-color: rgba(255, 255, 255, 0.7); background-image: none; border: none; border-top: 2px solid rgba(255, 255, 255, 0.7); color: #4c4c4c; margin-right: 2px; margin-bottom: 3px; transition: none; }

.tabs-translucent .tab-title:hover, .tabs-translucent .tab-title:focus { background-color: rgba(255, 255, 255, 0.8); border-top-color: #0079c1; background-image: none; }

.tabs-translucent .tab-title.is-active { background-image: none; background-color: rgba(255, 255, 255, 0.8); border-top-color: #0079c1; border-bottom: 2px solid rgba(255, 255, 255, 0.8); margin-bottom: 0; }

.tabs-translucent .tab-contents { border: none; }

.tabs-translucent .tab-section { background-color: rgba(255, 255, 255, 0.8); }

.tabs-dark .tab-title { background-color: rgba(255, 255, 255, 0.7); background-image: none; border: none; border-top: 2px solid rgba(255, 255, 255, 0.7); color: #4c4c4c; margin-right: 2px; margin-bottom: 3px; transition: none; }

.tabs-dark .tab-title:hover, .tabs-dark .tab-title:focus { background-color: rgba(255, 255, 255, 0.8); border-top-color: #0079c1; background-image: none; }

.tabs-dark .tab-title.is-active { background-image: none; background-color: rgba(255, 255, 255, 0.8); border-top-color: #0079c1; border-bottom: 2px solid rgba(255, 255, 255, 0.8); margin-bottom: 0; }

.tabs-dark .tab-contents { border: none; }

.tabs-dark .tab-section { background-color: rgba(255, 255, 255, 0.8); }

.tabs-dark .tab-title { background-color: rgba(0, 0, 0, 0.75); color: #ffffff; border-top: 2px solid rgba(0, 0, 0, 0.75); }

.tabs-dark .tab-title:hover, .tabs-dark .tab-title:focus { background-color: rgba(0, 0, 0, 0.85); border-top-color: #ffffff; }

.tabs-dark .tab-title.is-active { background-color: rgba(0, 0, 0, 0.85); border-top-color: #ffffff; border-bottom: 2px solid transparent; }

.tabs-dark .tab-section { background-color: rgba(0, 0, 0, 0.85); color: #ffffff; }

.modal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; overflow-y: hidden; text-align: center; opacity: 0; visibility: hidden; background: rgba(0, 0, 0, 0.75); transition: visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88); z-index: 101; }

.modal-overlay.is-active { visibility: visible; opacity: 1; transition-delay: 0ms; }

.modal-overlay.is-active .modal-content { visibility: visible; opacity: 1; transition-delay: 0ms; transform: translate3d(0, 0, 0); }

.modal-content { box-sizing: border-box; max-height: 80vh; z-index: 102; float: none; text-align: left; background: #ffffff; padding: 1.5rem; overflow-y: auto; -webkit-overflow-scrolling: touch; display: inline-block; flex: 0 1 auto; opacity: 0; visibility: hidden; transition: transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88); transform: translate3d(0, 20px, 0); }

html[dir="rtl"] .modal-content { text-align: right; }

html[dir="rtl"] .modal-content { float: none; }

.search-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; overflow-y: hidden; text-align: center; opacity: 0; visibility: hidden; background: rgba(0, 0, 0, 0.75); transition: visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88); z-index: 101; z-index: 99; background: #ffffff; padding: 4.5rem 0 1.5rem 0; overflow: auto; }

.search-overlay.is-active { visibility: visible; opacity: 1; transition-delay: 0ms; }

.search-overlay.is-active .modal-content { visibility: visible; opacity: 1; transition-delay: 0ms; transform: translate3d(0, 0, 0); }

.search-overlay.is-active { opacity: 0.98; }

.search-overlay.is-active .search-content { visibility: visible; opacity: 1; transition-delay: 0ms; transform: translate3d(0, 0, 0); }

.search-content { text-align: left; width: 1440px; max-width: 96vw; box-sizing: border-box; padding: 0 0.5rem; transform: translate3d(0, -20px, 0); display: inline-block; margin-bottom: 3rem; opacity: 0; visibility: hidden; transition: transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88); transform: translate3d(0, 20px, 0); }

.search-top-nav { font-size: 0.9375rem; line-height: 1.5; color: #4c4c4c; padding: 1.1625rem 0 calc(1.1625rem - 4px) 0; border: none; border-bottom: 4px solid transparent; line-height: 1.5rem; display: inline-block; vertical-align: top; cursor: pointer; font-size: 1rem; line-height: 1.5; background-color: transparent; border: none; }

.search-top-nav:hover, .search-top-nav:focus { color: #0079c1; border-bottom-color: #0079c1; text-decoration: none; }

.search-top-nav:focus { outline: none; }

.search-top-nav.is-active { border-bottom-color: #0079c1; }

.search-top-nav:hover { background-color: transparent; }

.search-icon-open, .search-icon-close { display: none; }

.search-icon-open .is-active, .search-icon-close .is-active { display: block; }

.search-input { background-color: transparent; border-top: none; border-right: none; border-left: none; border-bottom-color: #cccccc; box-shadow: none; margin-top: .25em; height: auto; padding-left: 1em; background-size: .45em; font-size: 2.82715rem; line-height: 1.25; }

.search-input:focus { border-bottom-color: #999; box-shadow: none; }

.accordion { box-sizing: border-box; padding: 0; border: 1px solid #efefef; border-top: none; font-weight: 400; font-style: normal; background-color: #ffffff; }

.accordion-section.is-active .accordion-content { display: block; }

.accordion-title { margin: 0; padding: 0.5rem; font-weight: 400; font-style: normal; font-size: 0.9375rem; line-height: 1.5; background-color: #f8f8f8; border-top: 1px solid #efefef; cursor: pointer; }

.accordion-title:before { font-size: 0.8125rem; }

.accordion-title:focus, .accordion-title:hover { transition: all, 150ms linear; background-color: #f4f4f4; outline: none; }

.accordion-content { display: none; }

.accordion-icon .svg-icon { transform: rotate(-90deg); }

html[dir="rtl"] .accordion-icon .svg-icon { transform: rotate(90deg); }

.drawer { position: fixed; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; overflow: hidden; opacity: 0; background: rgba(0, 0, 0, 0.75); transition: visibility 0ms linear 200ms, opacity 200ms linear; z-index: 1001; }

.drawer.is-active { visibility: visible; opacity: 1; background-color: rgba(0, 0, 0, 0.75); transition-delay: 0ms; }

.drawer.is-active.drawer-left .drawer-nav { transform: translate3d(280px, 0, 0); }

html[dir="rtl"] .drawer.is-active.drawer-left .drawer-nav { transform: translate3d(-280px, 0, 0); }

.drawer.is-active.drawer-right .drawer-nav { transform: translate3d(-280px, 0, 0); }

html[dir="rtl"] .drawer.is-active.drawer-right .drawer-nav { transform: translate3d(280px, 0, 0); }

.drawer-nav { position: absolute; top: 0; height: 100%; width: 280px; margin: 0; padding: 0; list-style: none; background: #ffffff; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transform: translate3d(0, 0, 0); transition: transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88); }

.drawer-left .drawer-nav { left: -280px; }

html[dir="rtl"] .drawer-left .drawer-nav { left: 100%; }

.drawer-right .drawer-nav { left: 100%; }

html[dir="rtl"] .drawer-right .drawer-nav { left: -280px; }

.drawer-no-overflow { overflow: hidden; }

input.filter-dropdown-input { margin: 1%; width: 98%; }

.filter-dropdown-title { display: inline; padding-bottom: 0; }

.filter-dropdown-action { font-size: 0.8125rem; line-height: 1.5; float: right; color: #959595; display: none; }

html[dir="rtl"] .filter-dropdown-action { float: left; }

.filter-dropdown-action.is-active { display: inline-block; }

.filter-dropdown-container:after { content: ''; display: table; clear: both; }

.filter-dropdown-list { position: absolute; min-width: 200px; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05); z-index: 1000; display: none; overflow: auto; background-color: #f8f8f8; border-top: 1px solid #efefef; max-width: 100%; width: 100%; }

.filter-dropdown-list.dropdown-right { right: 0; left: auto; }

html[dir="rtl"] .filter-dropdown-list.dropdown-right { right: auto; left: 0; }

.filter-dropdown-list.is-active { display: block; }

.filter-dropdown-inner-list { max-height: 13.5rem; overflow: auto; border-top: 1px solid #efefef; background-color: #ffffff; }

.filter-dropdown-link { position: relative; display: block; box-sizing: border-box; padding: 0.5rem 2.25rem; font-size: 0.875rem; line-height: 1.5; color: #6e6e6e; border-top: 1px solid #efefef; }

.filter-dropdown-link:first-child { border-top: none; }

.filter-dropdown-link:hover { text-decoration: none; color: #828282; }

.filter-dropdown-link:hover .filter-link-check { opacity: 1; visibility: visible; }

.filter-dropdown-link.is-active { color: #4c4c4c; }

.filter-dropdown-link.is-active .filter-link-close { opacity: 1; visibility: visible; }

.filter-dropdown-link.is-active .filter-link-check { fill: #5a9359; opacity: 1; visibility: visible; }

.filter-dropdown-link.is-active:hover .filter-link-close { fill: #de2900; }

.filter-link-close { opacity: 0; visibility: hidden; margin-top: 4px; position: absolute; right: 10px; left: auto; }

html[dir="rtl"] .filter-link-close { right: auto; left: 10px; }

.filter-link-check { opacity: 0; visibility: hidden; margin-top: 3px; position: absolute; left: 10px; right: auto; }

html[dir="rtl"] .filter-link-check { left: auto; right: 10px; }

.filter-dropdown-active { background-color: #efefef; padding: .25em .5em; border-radius: 3px; font-size: .875em; white-space: nowrap; font-size: 0.875rem; line-height: 1.5; box-sizing: border-box; position: relative; display: inline-block; padding: 0.5rem 0.3rem 0.33333rem 0.75rem; margin-right: 0.25rem; margin-top: 0.25rem; color: #6e6e6e; }

html[dir="rtl"] .filter-dropdown-active { padding: 0.5rem 0.75rem 0.33333rem 0.3rem; }

.filter-dropdown-remove { display: inline-block; vertical-align: middle; position: relative; top: -1px; }

.filter-dropdown-remove .svg-icon { display: block; padding: 0.3rem 0.375rem; cursor: pointer; position: relative; color: #6e6e6e; }

.filter-dropdown-remove:hover { text-decoration: none; }

.filter-dropdown-remove:hover .svg-icon { color: #de2900; }

.is-hidden { display: none !important; }

.link-red { color: #de2900; }

.link-red:hover { color: #ab3c16; }

.link-green { color: #5a9359; }

.link-green:hover { color: #338033; }

.link-light-blue { color: #bcdaed; }

.link-light-blue:hover { color: #56a5d8; }

.link-blue { color: #0079c1; }

.link-blue:hover { color: #005e95; }

.link-dark-blue { color: #005e95; }

.link-dark-blue:hover { color: #052942; }

.link-white { color: #ffffff; }

.link-white:hover { color: #efefef; }

.link-light-gray { color: #a9a9a9; }

.link-light-gray:hover { color: #959595; }

.link-dark-gray { color: #828282; }

.link-dark-gray:hover { color: #6e6e6e; }

.link-darker-gray { color: #6e6e6e; }

.link-darker-gray:hover { color: #595959; }

.link-darkest-gray, .third-nav-link.is-active:hover { color: #595959; }

.link-darkest-gray:hover, .third-nav-link.is-active:hover { color: #4c4c4c; }

.link-off-black { color: #4c4c4c; }

.link-off-black:hover { color: #323232; }

.text-red { color: #de2900; }

.text-green { color: #5a9359; }

.text-blue { color: #0079c1; }

.text-white { color: #ffffff; }

.text-light-gray { color: #a9a9a9; }

.text-dark-gray { color: #828282; }

.text-darker-gray { color: #6e6e6e; }

.text-darkest-gray { color: #595959; }

.text-off-black { color: #4c4c4c; }

.text-rule { border-bottom: 1px solid #cccccc; }

.text-inline { display: inline; }

.text-center { text-align: center; }

.text-left { text-align: left; }

html[dir="rtl"] .text-left { text-align: right; }

.text-right { text-align: right; }

html[dir="rtl"] .text-right { text-align: left; }

.text-light { opacity: 0.66; }

.text-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.list-numbered { counter-reset: li; list-style: none; position: relative; margin-left: 0; margin-right: 0; padding: 0 0 1em 0; }

.list-numbered > li { padding: 0.3em .25em .25em 2.5em; position: relative; margin-top: 0.75em; margin-left: 0; }

html[dir="rtl"] .list-numbered > li { padding: 0.3em 2.5em .25em .25em; }

.list-numbered > li:before { font-weight: 300; font-style: normal; content: counter(li); counter-increment: li; position: absolute; top: 0; left: 0; right: auto; height: 100%; height: calc(100% - .3em); width: 0.75em; padding: .3em .5em 0 0; color: #959595; font-size: 1.2019rem; line-height: 1.5; line-height: 1; text-align: right; border-right: 2px solid #cccccc; }

html[dir="rtl"] .list-numbered > li:before { left: auto; right: 0; }

@media screen and (max-width: 1023px) { .list-numbered > li:before { font-size: 1.1305rem; } }

@media screen and (max-width: 599px) { .list-numbered > li:before { font-size: 1.0625rem; } }

html[dir="rtl"] .list-numbered > li:before { border-right: none; border-left: 2px solid #cccccc; }

html[dir="rtl"] .list-numbered > li:before { padding: 0 0 0 .5em; text-align: left; }

.list-numbered > li:after { content: "."; display: block; clear: left; visibility: hidden; line-height: 0; height: 0; }

.list-numbered .list-numbered { margin-bottom: 0; padding-bottom: 0; }

.list-numbered .list-numbered > li:before { content: counter(li, lower-alpha); }

.list-plain { padding: 0; margin: 0.375rem 0; }

.list-plain li { list-style-type: none; margin-left: 0; }

.font-size--3 { font-size: 0.8125rem; line-height: 1.5; }

.font-size--2 { font-size: 0.875rem; line-height: 1.5; }

.font-size--1 { font-size: 0.9375rem; line-height: 1.5; }

.font-size-0 { font-size: 1rem; line-height: 1.5; }

.font-size-1 { font-size: 1.2019rem; line-height: 1.5; }

@media screen and (max-width: 1023px) { .font-size-1 { font-size: 1.1305rem; } }

@media screen and (max-width: 599px) { .font-size-1 { font-size: 1.0625rem; } }

.font-size-2 { font-size: 1.414rem; line-height: 1.5; }

@media screen and (max-width: 1023px) { .font-size-2 { font-size: 1.33rem; } }

@media screen and (max-width: 599px) { .font-size-2 { font-size: 1.25rem; } }

.font-size-3 { font-size: 1.69949rem; line-height: 1.3875; }

@media screen and (max-width: 1023px) { .font-size-3 { font-size: 1.50357rem; } }

@media screen and (max-width: 599px) { .font-size-3 { font-size: 1.32813rem; } }

.font-size-4 { font-size: 1.9994rem; line-height: 1.35; }

@media screen and (max-width: 1023px) { .font-size-4 { font-size: 1.7689rem; } }

@media screen and (max-width: 599px) { .font-size-4 { font-size: 1.5625rem; } }

.font-size-5 { font-size: 2.40307rem; line-height: 1.35; }

@media screen and (max-width: 1023px) { .font-size-5 { font-size: 1.99974rem; } }

@media screen and (max-width: 599px) { .font-size-5 { font-size: 1.66016rem; } }

.font-size-6 { font-size: 2.82715rem; line-height: 1.3125; }

@media screen and (max-width: 1023px) { .font-size-6 { font-size: 2.35264rem; } }

@media screen and (max-width: 599px) { .font-size-6 { font-size: 1.95313rem; } }

.font-size-7 { font-size: 3.39795rem; line-height: 1.3125; }

@media screen and (max-width: 1023px) { .font-size-7 { font-size: 2.65966rem; } }

@media screen and (max-width: 599px) { .font-size-7 { font-size: 2.0752rem; } }

.font-size-8 { font-size: 3.99758rem; line-height: 1.275; }

@media screen and (max-width: 1023px) { .font-size-8 { font-size: 3.12901rem; } }

@media screen and (max-width: 599px) { .font-size-8 { font-size: 2.44141rem; } }

.leader-half { margin-top: 0.75rem; }

.leader-quarter { margin-top: 0.375rem; }

.trailer-half { margin-bottom: 0.75rem; }

.trailer-quarter { margin-bottom: 0.375rem; }

.padding-leader-half { padding-top: 0.75rem; }

.padding-leader-quarter { padding-top: 0.375rem; }

.padding-trailer-half { padding-bottom: 0.75rem; }

.padding-trailer-quarter { padding-bottom: 0.375rem; }

.leader-0 { margin-top: 0rem; }

.trailer-0 { margin-bottom: 0rem; }

.padding-leader-0 { padding-top: 0rem; }

.padding-trailer-0 { padding-bottom: 0rem; }

.leader-1 { margin-top: 1.5rem; }

.trailer-1 { margin-bottom: 1.5rem; }

.padding-leader-1 { padding-top: 1.5rem; }

.padding-trailer-1 { padding-bottom: 1.5rem; }

.leader-2 { margin-top: 3rem; }

.trailer-2 { margin-bottom: 3rem; }

.padding-leader-2 { padding-top: 3rem; }

.padding-trailer-2 { padding-bottom: 3rem; }

.leader-3 { margin-top: 4.5rem; }

.trailer-3 { margin-bottom: 4.5rem; }

.padding-leader-3 { padding-top: 4.5rem; }

.padding-trailer-3 { padding-bottom: 4.5rem; }

.leader-4 { margin-top: 6rem; }

.trailer-4 { margin-bottom: 6rem; }

.padding-leader-4 { padding-top: 6rem; }

.padding-trailer-4 { padding-bottom: 6rem; }

.leader-5 { margin-top: 7.5rem; }

.trailer-5 { margin-bottom: 7.5rem; }

.padding-leader-5 { padding-top: 7.5rem; }

.padding-trailer-5 { padding-bottom: 7.5rem; }

.leader-6 { margin-top: 9rem; }

.trailer-6 { margin-bottom: 9rem; }

.padding-leader-6 { padding-top: 9rem; }

.padding-trailer-6 { padding-bottom: 9rem; }

@media screen and (min-width: 1440px) { .large-leader-half { margin-top: 0.75rem; }
  .large-leader-quarter { margin-top: 0.375rem; }
  .large-trailer-half { margin-bottom: 0.75rem; }
  .large-trailer-quarter { margin-bottom: 0.375rem; }
  .large-padding-leader-half { padding-top: 0.75rem; }
  .large-padding-leader-quarter { padding-top: 0.375rem; }
  .large-padding-trailer-half { padding-bottom: 0.75rem; }
  .large-padding-trailer-quarter { padding-bottom: 0.375rem; }
  .large-leader-0 { margin-top: 0rem; }
  .large-trailer-0 { margin-bottom: 0rem; }
  .large-padding-leader-0 { padding-top: 0rem; }
  .large-padding-trailer-0 { padding-bottom: 0rem; }
  .large-leader-1 { margin-top: 1.5rem; }
  .large-trailer-1 { margin-bottom: 1.5rem; }
  .large-padding-leader-1 { padding-top: 1.5rem; }
  .large-padding-trailer-1 { padding-bottom: 1.5rem; }
  .large-leader-2 { margin-top: 3rem; }
  .large-trailer-2 { margin-bottom: 3rem; }
  .large-padding-leader-2 { padding-top: 3rem; }
  .large-padding-trailer-2 { padding-bottom: 3rem; }
  .large-leader-3 { margin-top: 4.5rem; }
  .large-trailer-3 { margin-bottom: 4.5rem; }
  .large-padding-leader-3 { padding-top: 4.5rem; }
  .large-padding-trailer-3 { padding-bottom: 4.5rem; }
  .large-leader-4 { margin-top: 6rem; }
  .large-trailer-4 { margin-bottom: 6rem; }
  .large-padding-leader-4 { padding-top: 6rem; }
  .large-padding-trailer-4 { padding-bottom: 6rem; }
  .large-leader-5 { margin-top: 7.5rem; }
  .large-trailer-5 { margin-bottom: 7.5rem; }
  .large-padding-leader-5 { padding-top: 7.5rem; }
  .large-padding-trailer-5 { padding-bottom: 7.5rem; }
  .large-leader-6 { margin-top: 9rem; }
  .large-trailer-6 { margin-bottom: 9rem; }
  .large-padding-leader-6 { padding-top: 9rem; }
  .large-padding-trailer-6 { padding-bottom: 9rem; } }

@media screen and (max-width: 1023px) { .tablet-leader-half { margin-top: 0.75rem; }
  .tablet-leader-quarter { margin-top: 0.375rem; }
  .tablet-trailer-half { margin-bottom: 0.75rem; }
  .tablet-trailer-quarter { margin-bottom: 0.375rem; }
  .tablet-padding-leader-half { padding-top: 0.75rem; }
  .tablet-padding-leader-quarter { padding-top: 0.375rem; }
  .tablet-padding-trailer-half { padding-bottom: 0.75rem; }
  .tablet-padding-trailer-quarter { padding-bottom: 0.375rem; }
  .tablet-leader-0 { margin-top: 0rem; }
  .tablet-trailer-0 { margin-bottom: 0rem; }
  .tablet-padding-leader-0 { padding-top: 0rem; }
  .tablet-padding-trailer-0 { padding-bottom: 0rem; }
  .tablet-leader-1 { margin-top: 1.5rem; }
  .tablet-trailer-1 { margin-bottom: 1.5rem; }
  .tablet-padding-leader-1 { padding-top: 1.5rem; }
  .tablet-padding-trailer-1 { padding-bottom: 1.5rem; }
  .tablet-leader-2 { margin-top: 3rem; }
  .tablet-trailer-2 { margin-bottom: 3rem; }
  .tablet-padding-leader-2 { padding-top: 3rem; }
  .tablet-padding-trailer-2 { padding-bottom: 3rem; }
  .tablet-leader-3 { margin-top: 4.5rem; }
  .tablet-trailer-3 { margin-bottom: 4.5rem; }
  .tablet-padding-leader-3 { padding-top: 4.5rem; }
  .tablet-padding-trailer-3 { padding-bottom: 4.5rem; }
  .tablet-leader-4 { margin-top: 6rem; }
  .tablet-trailer-4 { margin-bottom: 6rem; }
  .tablet-padding-leader-4 { padding-top: 6rem; }
  .tablet-padding-trailer-4 { padding-bottom: 6rem; }
  .tablet-leader-5 { margin-top: 7.5rem; }
  .tablet-trailer-5 { margin-bottom: 7.5rem; }
  .tablet-padding-leader-5 { padding-top: 7.5rem; }
  .tablet-padding-trailer-5 { padding-bottom: 7.5rem; }
  .tablet-leader-6 { margin-top: 9rem; }
  .tablet-trailer-6 { margin-bottom: 9rem; }
  .tablet-padding-leader-6 { padding-top: 9rem; }
  .tablet-padding-trailer-6 { padding-bottom: 9rem; } }

@media screen and (max-width: 599px) { .phone-leader-half { margin-top: 0.75rem; }
  .phone-leader-quarter { margin-top: 0.375rem; }
  .phone-trailer-half { margin-bottom: 0.75rem; }
  .phone-trailer-quarter { margin-bottom: 0.375rem; }
  .phone-padding-leader-half { padding-top: 0.75rem; }
  .phone-padding-leader-quarter { padding-top: 0.375rem; }
  .phone-padding-trailer-half { padding-bottom: 0.75rem; }
  .phone-padding-trailer-quarter { padding-bottom: 0.375rem; }
  .phone-leader-0 { margin-top: 0rem; }
  .phone-trailer-0 { margin-bottom: 0rem; }
  .phone-padding-leader-0 { padding-top: 0rem; }
  .phone-padding-trailer-0 { padding-bottom: 0rem; }
  .phone-leader-1 { margin-top: 1.5rem; }
  .phone-trailer-1 { margin-bottom: 1.5rem; }
  .phone-padding-leader-1 { padding-top: 1.5rem; }
  .phone-padding-trailer-1 { padding-bottom: 1.5rem; }
  .phone-leader-2 { margin-top: 3rem; }
  .phone-trailer-2 { margin-bottom: 3rem; }
  .phone-padding-leader-2 { padding-top: 3rem; }
  .phone-padding-trailer-2 { padding-bottom: 3rem; }
  .phone-leader-3 { margin-top: 4.5rem; }
  .phone-trailer-3 { margin-bottom: 4.5rem; }
  .phone-padding-leader-3 { padding-top: 4.5rem; }
  .phone-padding-trailer-3 { padding-bottom: 4.5rem; }
  .phone-leader-4 { margin-top: 6rem; }
  .phone-trailer-4 { margin-bottom: 6rem; }
  .phone-padding-leader-4 { padding-top: 6rem; }
  .phone-padding-trailer-4 { padding-bottom: 6rem; }
  .phone-leader-5 { margin-top: 7.5rem; }
  .phone-trailer-5 { margin-bottom: 7.5rem; }
  .phone-padding-leader-5 { padding-top: 7.5rem; }
  .phone-padding-trailer-5 { padding-bottom: 7.5rem; }
  .phone-leader-6 { margin-top: 9rem; }
  .phone-trailer-6 { margin-bottom: 9rem; }
  .phone-padding-leader-6 { padding-top: 9rem; }
  .phone-padding-trailer-6 { padding-bottom: 9rem; } }

html:not([dir="rtl"]) .padding-left-quarter { padding-left: 0.25rem; }

html[dir="rtl"] .padding-left-quarter { padding-right: 0.25rem; }

html:not([dir="rtl"]) .padding-right-quarter { padding-right: 0.25rem; }

html[dir="rtl"] .padding-right-quarter { padding-left: 0.25rem; }

html:not([dir="rtl"]) .padding-left-third { padding-left: 0.33333rem; }

html[dir="rtl"] .padding-left-third { padding-right: 0.33333rem; }

html:not([dir="rtl"]) .padding-right-third { padding-right: 0.33333rem; }

html[dir="rtl"] .padding-right-third { padding-left: 0.33333rem; }

html:not([dir="rtl"]) .padding-left-half { padding-left: 0.5rem; }

html[dir="rtl"] .padding-left-half { padding-right: 0.5rem; }

html:not([dir="rtl"]) .padding-right-half { padding-right: 0.5rem; }

html[dir="rtl"] .padding-right-half { padding-left: 0.5rem; }

html:not([dir="rtl"]) .padding-left-0 { padding-left: 0rem; }

html[dir="rtl"] .padding-left-0 { padding-right: 0rem; }

html:not([dir="rtl"]) .padding-right-0 { padding-right: 0rem; }

html[dir="rtl"] .padding-right-0 { padding-left: 0rem; }

html:not([dir="rtl"]) .padding-left-1 { padding-left: 1rem; }

html[dir="rtl"] .padding-left-1 { padding-right: 1rem; }

html:not([dir="rtl"]) .padding-right-1 { padding-right: 1rem; }

html[dir="rtl"] .padding-right-1 { padding-left: 1rem; }

html:not([dir="rtl"]) .padding-left-2 { padding-left: 2rem; }

html[dir="rtl"] .padding-left-2 { padding-right: 2rem; }

html:not([dir="rtl"]) .padding-right-2 { padding-right: 2rem; }

html[dir="rtl"] .padding-right-2 { padding-left: 2rem; }

html:not([dir="rtl"]) .padding-left-3 { padding-left: 3rem; }

html[dir="rtl"] .padding-left-3 { padding-right: 3rem; }

html:not([dir="rtl"]) .padding-right-3 { padding-right: 3rem; }

html[dir="rtl"] .padding-right-3 { padding-left: 3rem; }

html:not([dir="rtl"]) .padding-left-4 { padding-left: 4rem; }

html[dir="rtl"] .padding-left-4 { padding-right: 4rem; }

html:not([dir="rtl"]) .padding-right-4 { padding-right: 4rem; }

html[dir="rtl"] .padding-right-4 { padding-left: 4rem; }

html:not([dir="rtl"]) .margin-left-quarter { margin-left: 0.25rem; }

html[dir="rtl"] .margin-left-quarter { margin-right: 0.25rem; }

html:not([dir="rtl"]) .margin-right-quarter { margin-right: 0.25rem; }

html[dir="rtl"] .margin-right-quarter { margin-left: 0.25rem; }

html:not([dir="rtl"]) .margin-left-third { margin-left: 0.33333rem; }

html[dir="rtl"] .margin-left-third { margin-right: 0.33333rem; }

html:not([dir="rtl"]) .margin-right-third { margin-right: 0.33333rem; }

html[dir="rtl"] .margin-right-third { margin-left: 0.33333rem; }

html:not([dir="rtl"]) .margin-left-half { margin-left: 0.5rem; }

html[dir="rtl"] .margin-left-half { margin-right: 0.5rem; }

html:not([dir="rtl"]) .margin-right-half { margin-right: 0.5rem; }

html[dir="rtl"] .margin-right-half { margin-left: 0.5rem; }

html:not([dir="rtl"]) .margin-left-0 { margin-left: 0rem; }

html[dir="rtl"] .margin-left-0 { margin-right: 0rem; }

html:not([dir="rtl"]) .margin-right-0 { margin-right: 0rem; }

html[dir="rtl"] .margin-right-0 { margin-left: 0rem; }

html:not([dir="rtl"]) .margin-left-1 { margin-left: 1rem; }

html[dir="rtl"] .margin-left-1 { margin-right: 1rem; }

html:not([dir="rtl"]) .margin-right-1 { margin-right: 1rem; }

html[dir="rtl"] .margin-right-1 { margin-left: 1rem; }

html:not([dir="rtl"]) .margin-left-2 { margin-left: 2rem; }

html[dir="rtl"] .margin-left-2 { margin-right: 2rem; }

html:not([dir="rtl"]) .margin-right-2 { margin-right: 2rem; }

html[dir="rtl"] .margin-right-2 { margin-left: 2rem; }

html:not([dir="rtl"]) .margin-left-3 { margin-left: 3rem; }

html[dir="rtl"] .margin-left-3 { margin-right: 3rem; }

html:not([dir="rtl"]) .margin-right-3 { margin-right: 3rem; }

html[dir="rtl"] .margin-right-3 { margin-left: 3rem; }

html:not([dir="rtl"]) .margin-left-4 { margin-left: 4rem; }

html[dir="rtl"] .margin-left-4 { margin-right: 4rem; }

html:not([dir="rtl"]) .margin-right-4 { margin-right: 4rem; }

html[dir="rtl"] .margin-right-4 { margin-left: 4rem; }

@media screen and (max-width: 1023px) { html:not([dir="rtl"]) .tablet-gutter-left-0 { padding-left: 0rem; }
  html[dir="rtl"] .tablet-gutter-left-0 { padding-right: 0rem; }
  html:not([dir="rtl"]) .tablet-gutter-right-0 { padding-right: 0rem; }
  html[dir="rtl"] .tablet-gutter-right-0 { padding-left: 0rem; }
  html:not([dir="rtl"]) .tablet-gutter-left-1 { padding-left: 1rem; }
  html[dir="rtl"] .tablet-gutter-left-1 { padding-right: 1rem; }
  html:not([dir="rtl"]) .tablet-gutter-right-1 { padding-right: 1rem; }
  html[dir="rtl"] .tablet-gutter-right-1 { padding-left: 1rem; }
  html:not([dir="rtl"]) .tablet-gutter-left-2 { padding-left: 2rem; }
  html[dir="rtl"] .tablet-gutter-left-2 { padding-right: 2rem; }
  html:not([dir="rtl"]) .tablet-gutter-right-2 { padding-right: 2rem; }
  html[dir="rtl"] .tablet-gutter-right-2 { padding-left: 2rem; }
  html:not([dir="rtl"]) .tablet-gutter-left-3 { padding-left: 3rem; }
  html[dir="rtl"] .tablet-gutter-left-3 { padding-right: 3rem; }
  html:not([dir="rtl"]) .tablet-gutter-right-3 { padding-right: 3rem; }
  html[dir="rtl"] .tablet-gutter-right-3 { padding-left: 3rem; }
  html:not([dir="rtl"]) .tablet-gutter-left-4 { padding-left: 4rem; }
  html[dir="rtl"] .tablet-gutter-left-4 { padding-right: 4rem; }
  html:not([dir="rtl"]) .tablet-gutter-right-4 { padding-right: 4rem; }
  html[dir="rtl"] .tablet-gutter-right-4 { padding-left: 4rem; } }

@media screen and (max-width: 599px) { html:not([dir="rtl"]) .phone-gutter-left-0 { padding-left: 0rem; }
  html[dir="rtl"] .phone-gutter-left-0 { padding-right: 0rem; }
  html:not([dir="rtl"]) .phone-gutter-right-0 { padding-right: 0rem; }
  html[dir="rtl"] .phone-gutter-right-0 { padding-left: 0rem; }
  html:not([dir="rtl"]) .phone-gutter-left-1 { padding-left: 1rem; }
  html[dir="rtl"] .phone-gutter-left-1 { padding-right: 1rem; }
  html:not([dir="rtl"]) .phone-gutter-right-1 { padding-right: 1rem; }
  html[dir="rtl"] .phone-gutter-right-1 { padding-left: 1rem; }
  html:not([dir="rtl"]) .phone-gutter-left-2 { padding-left: 2rem; }
  html[dir="rtl"] .phone-gutter-left-2 { padding-right: 2rem; }
  html:not([dir="rtl"]) .phone-gutter-right-2 { padding-right: 2rem; }
  html[dir="rtl"] .phone-gutter-right-2 { padding-left: 2rem; }
  html:not([dir="rtl"]) .phone-gutter-left-3 { padding-left: 3rem; }
  html[dir="rtl"] .phone-gutter-left-3 { padding-right: 3rem; }
  html:not([dir="rtl"]) .phone-gutter-right-3 { padding-right: 3rem; }
  html[dir="rtl"] .phone-gutter-right-3 { padding-left: 3rem; }
  html:not([dir="rtl"]) .phone-gutter-left-4 { padding-left: 4rem; }
  html[dir="rtl"] .phone-gutter-left-4 { padding-right: 4rem; }
  html:not([dir="rtl"]) .phone-gutter-right-4 { padding-right: 4rem; }
  html[dir="rtl"] .phone-gutter-right-4 { padding-left: 4rem; } }

.table-striped tr:nth-child(even) { /* - - - - Appearance  - - - - */ background-color: #f8f8f8; }

.table-striped tr:nth-child(even) .btn-sandbox { /* - - - - Appearance  - - - - */ color: #ffffff; }

.table-striped tr:nth-child(even) .btn-disabled.js-btn-jsshare, .table-striped tr:nth-child(even) .js-btn-jsshare { /* - - - - Appearance  - - - - */ color: #005e95; }

.table-striped tr:nth-child(even) .btn-disabled { /* - - - - Appearance  - - - - */ color: #ffffff; }

.table-striped tr:nth-child(even) .btn-clear:hover { /* - - - - Appearance  - - - - */ color: #ffffff; }

.iframe-sample-code-loader { /* - - - - Positioning - - - - */ display: none; height: 0; }

@media screen and (max-width: 1024px) { .iframe-sample-code-loader { /* - - - - Box-model   - - - - */ height: 0; } }

@media screen and (max-width: 600px) { .iframe-sample-code-loader { /* - - - - Box-model   - - - - */ height: 0; } }

.iframe-sample-code-loader.is-active { /* - - - - Box-model   - - - - */ display: block; }

.iframe-sample-code-loader .loader-content { /* - - - - Positioning - - - - */ position: relative; /* - - - - Box-model   - - - - */ height: 550px; /* - - - - Appearance  - - - - */ background: rgba(255, 255, 255, 0.6); /* - - - - Positioning - - - - */ top: -557px; }

@media screen and (max-width: 1024px) { .iframe-sample-code-loader .loader-content { /* - - - - Positioning - - - - */ top: -456px; /* - - - - Box-model   - - - - */ height: 450px; } }

@media screen and (max-width: 600px) { .iframe-sample-code-loader .loader-content { /* - - - - Positioning - - - - */ top: -307px; /* - - - - Box-model   - - - - */ height: 300px; } }

.iframe-sample-code-loader .loader-content .loader-bars { /* - - - - Positioning - - - - */ top: 50%; }

.iframe-sample-code-loader .loader-content .loader-text { /* - - - - Positioning - - - - */ position: absolute; top: 50%; left: calc(50% - (16.8px * 2)); }

.esri-read-more .accordion-title { /* - - - - Box-model   - - - - */ border: 2px solid #cccccc; /* - - - - Typography  - - - - */ font-size: 1rem; line-height: 1.5; }

.esri-read-more .accordion-content { /* - - - - Box-model   - - - - */ padding: 20px; border-left: 2px solid #cccccc; border-right: 2px solid #cccccc; border-bottom: 2px solid #cccccc; }

.expand { /* - - - - Positioning - - - - */ display: none; }

.expand.is-active { /* - - - - Positioning - - - - */ display: inherit; }

.keyboard-mappings th { padding-top: 0; font-size: 14px; font-weight: bold; line-height: 1.5; color: #333; text-align: left; }

.keyboard-mappings td { padding-top: 3px; padding-bottom: 3px; line-height: 20px; vertical-align: top; }

.keyboard-mappings .keys { padding-right: 10px; color: #767676; text-align: right; white-space: nowrap; }

.keyboard-mappings .platform-mac { display: none; }

.macintosh .keyboard-mappings .platform-mac { display: inline; }

.macintosh .keyboard-mappings .platform-other { display: none; }

kbd { display: inline-block; padding: 3px 5px; font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; line-height: 10px; color: #555; vertical-align: middle; background-color: #fcfcfc; border: solid 1px #ccc; border-bottom-color: #bbb; border-radius: 3px; box-shadow: inset 0 -1px 0 #bbb; }

.search-sdk { /* - - - - Box-model   - - - - */ box-sizing: border-box; /* - - - - Appearance  - - - - */ background-color: #ffffff; border: 1px solid #efefef; padding: 0; }

.search-sdk-section { /* - - - - Positioning - - - - */ display: block; /* - - - - Appearance  - - - - */ background-color: #f8f8f8; padding: 5px 5px 5px 5px; }

.input-search-sdk[type="text"] { /* - - - - Appearance  - - - - */ margin: 0; border: 1px solid #efefef; }

.search-sdk-section input[type=search], .search-sdk-section input[type=text], .input-group input[type=search], .input-group input[type=text] { /* - - - - Appearance  - - - - */ -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.search-sdk-section input[type=search], .input-group input[type=search] { /* - - - - Appearance  - - - - */ border-radius: 0; }

.add-opacity { /* - - - - Appearance  - - - - */ filter: opacity(0.2); }

@media screen and (max-width: 1024px) { .search-sdk-results { overflow-x: auto; } }

@media screen and (max-width: 1120px) and (min-width: 1024px) { .search-sdk-results tr td:last-child { /* - - - - Appearance  - - - - */ width: 45%; } }

@media screen and (max-width: 790px) and (min-width: 537px) { .search-sdk-results tr td:last-child { /* - - - - Appearance  - - - - */ width: 58%; } }

.search-sdk-results img { /* - - - - Box-model   - - - - */ max-height: 100%; }

.search-sdk-results img[alt]:after { /* - - - - Positioning - - - - */ display: block; position: absolute; top: 0; left: 0; /* - - - - Box-model   - - - - */ width: 100%; height: 100%; /* - - - - Typography  - - - - */ line-height: 2; text-align: center; /* - - - - Appearance  - - - - */ background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.1); content: attr(alt); }

.sub-nav-orange, .sub-nav-beta { background: #da4d1e; background: url("../img/background-banners/orange-purple.png") no-repeat top center, #da4d1e; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: url("../img/background-banners/orange-purple.png") no-repeat top center, linear-gradient(to right, #da4d1e 0%, #812366 100%); /* W3C */ }

.sub-nav-purple, .sub-nav-blue, .sub-nav-current { background: #502070; /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: url("../img/background-banners/purple-blue.png") no-repeat top center, linear-gradient(to right, #502070 0%, #2f3c90 100%); /* W3C */ }

.sub-nav-green { background: #70be49; /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: url("../img/background-banners/green-blue.png") no-repeat top center, linear-gradient(to right, #70be49 0%, #1688aa 100%); /* W3C */ }

.sub-nav-phone { background-image: url("/assets/img/features/mobile-phone.jpg"); background-size: cover; }

.sub-nav-link-external:before { /* - - - - Appearance  - - - - */ line-height: 0; }

.search-sdk-results-container-tags { /* - - - - Positioning - - - - */ display: flex; flex-wrap: wrap; /* - - - - Box-model   - - - - */ margin-top: 0; }

.search-sdk-results-container-tags .btn, .search-sdk-results-container-tags .btn-search-sdk-results-tag { /* - - - - Box-model   - - - - */ margin: 0 0 10px 5px; }

.search-sdk-results-tag { /* - - - - Positioning - - - - */ display: inline-block; margin: 0 0 0 5px; }

.search-sdk-results-tag-count { /* - - - - Box-model   - - - - */ margin: 0 0 0 5px; /* - - - - Typography  - - - - */ font-size: 0.6425rem; }

.search-sdk-results-tags-header { font-weight: 400; margin: 0 0 0.75rem 0; font-size: 1.2019rem; line-height: 1.5; }

@media screen and (max-width: 1023px) { .search-sdk-results-tags-header { font-size: 1.1305rem; } }

@media screen and (max-width: 599px) { .search-sdk-results-tags-header { font-size: 1.0625rem; } }

.code-area { letter-spacing: 0em; font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", monospace; font-weight: 400; font-style: normal; padding: 0.25rem; border-radius: 3px; border: 1px solid #efefef; color: #595959; background-color: #f8f8f8; white-space: pre; font-size: 0.85em; line-height: 1.4rem; padding: 1rem; display: block; overflow: auto; max-width: 100%; }

.code-area b, .code-area strong { font-weight: 400; }

.icon-preview-link { background-color: white; color: #4c4c4c; border: 1px solid #ffffff; cursor: pointer; text-align: center; white-space: normal; }

.icon-preview-link:hover, .icon-preview-link:focus { background-color: #f8f8f8; border: 1px solid #efefef; outline: none; color: #4c4c4c; }

.icon-preview { pointer-events: none; }

.icon-preview p { margin-bottom: 0; }

.icon-wrap { pointer-events: none; display: block; }

.esri-web-style-symbol { max-height: 64px; }

.li-release-notes-api { list-style-type: none; }

.release-notes-api-expand ul li { list-style-type: circle; list-style-position: inherit; }

.card-content-dark { /* - - - - Appearance  - - - - */ background: #323232; color: #ffffff; }

.card-disabled { /* - - - - Appearance  - - - - */ opacity: 0.4; pointer-events: none; }

.btn-grouped-label { border: none; padding: 0; margin-bottom: 1.5rem; font-size: 0.9375rem; line-height: 1.5; display: inline-block; float: left; background-color: #ffffff; color: #323232; cursor: pointer; text-align: center; text-shadow: none; padding: 0.5rem 1rem; line-height: 1.25; margin-top: .25rem; margin-right: -1px; margin-bottom: 0; border: 1px solid #cccccc; box-sizing: border-box; height: 2.25rem; transition: background 0.1s ease-in-out, border-color 0.1s ease-in-out; }

.btn-grouped-label:after { content: ''; display: table; clear: both; }

html[dir="rtl"] .btn-grouped-label { float: right; margin-left: -1px; margin-right: 0; }

.btn-grouped-label:hover { /* - - - - Appearance  - - - - */ background-color: #efefef; }

.radio-group-label:hover { /* - - - - Appearance  - - - - */ background-color: #efefef; }

.btn-grouped-label-selected { border: none; padding: 0; margin-bottom: 1.5rem; font-size: 0.9375rem; line-height: 1.5; display: inline-block; float: left; background-color: #ffffff; color: #323232; cursor: pointer; text-align: center; text-shadow: none; padding: 0.5rem 1rem; line-height: 1.25; margin-top: .25rem; margin-right: -1px; margin-bottom: 0; border: 1px solid #cccccc; box-sizing: border-box; height: 2.25rem; transition: background 0.1s ease-in-out, border-color 0.1s ease-in-out; /* - - - - Box-model   - - - - */ margin-right: 0; margin-left: 0; /* - - - - Appearance  - - - - */ background-color: #d2e9f9; border: 1px solid #0079c1; }

.btn-grouped-label-selected:after { content: ''; display: table; clear: both; }

html[dir="rtl"] .btn-grouped-label-selected { float: right; margin-left: -1px; margin-right: 0; }

.btn-grouped-reset-label { position: relative; display: inline-block; padding: 0.375rem 1rem; width: auto; color: #ffffff; border: 1px solid #0079c1; border-radius: 0; background-color: #0079c1; box-sizing: border-box; transition: all 0.05s linear; cursor: pointer; font-size: 0.9375rem; line-height: 1.5; }

.btn-grouped-reset-label:hover { text-decoration: none; color: #ffffff; background-color: #005e95; border-color: #005e95; }

.radio-group-reset-label { display: inline-block; float: left; background-color: #ffffff; color: #323232; cursor: pointer; text-align: center; text-shadow: none; padding: 0.5rem 1rem; line-height: 1.25; margin-top: .25rem; margin-right: -1px; margin-bottom: 0; border: 1px solid #cccccc; box-sizing: border-box; height: 2.25rem; transition: background 0.1s ease-in-out, border-color 0.1s ease-in-out; position: relative; display: inline-block; padding: 0.375rem 1rem; width: auto; color: #ffffff; border: 1px solid #0079c1; border-radius: 0; background-color: #0079c1; box-sizing: border-box; transition: all 0.05s linear; cursor: pointer; font-size: 0.9375rem; line-height: 1.5; }

html[dir="rtl"] .radio-group-reset-label { float: right; margin-left: -1px; margin-right: 0; }

.radio-group-reset-label:hover { text-decoration: none; color: #ffffff; background-color: #005e95; border-color: #005e95; }

.radio-group-input:checked + .radio-group-reset-label { position: relative; display: inline-block; padding: 0.375rem 1rem; width: auto; color: #ffffff; border: 1px solid #0079c1; border-radius: 0; background-color: #0079c1; box-sizing: border-box; transition: all 0.05s linear; cursor: pointer; font-size: 0.9375rem; line-height: 1.5; }

.radio-group-input:checked + .radio-group-reset-label:hover { text-decoration: none; color: #ffffff; background-color: #005e95; border-color: #005e95; }

.card-is-duplicate, .block-is-duplicate { /* - - - - Appearance  - - - - */ border: 5px solid red; }

.card-block-color-ramp { border: #ffffff 1px solid; }

.card-block-color-ramp:hover { /* - - - - Appearance  - - - - */ border: #0079c1 1px solid; /* - - - - Typography  - - - - */ text-decoration: none; }

.card-content-dark .card-block-color-ramp-more-info { /* - - - - Appearance  - - - - */ color: #ffffff; }

.card-content-dark .card-block-color-ramp-more-info:hover { color: #0079c1; }

.card-block-color-ramp-more-info:hover { /* - - - - Appearance  - - - - */ cursor: pointer; z-index: 1; /* - - - - Typography  - - - - */ text-decoration: none; }

.color-ramp-container { /* - - - - Positioning - - - - */ display: flex; /* - - - - Box-model   - - - - */ height: 100%; }

.canvas-gradient { /* - - - - Box-model   - - - - */ padding-right: 1px; }

.a-color-ramp-hex-label { /* - - - - Box-model   - - - - */ padding-left: 20px; margin-top: auto; }

.text-area-color-ramp-container { /* - - - - Box-model   - - - - */ width: 100%; }

.color-ramp-hex-label { /* - - - - Positioning - - - - */ display: flex; /* - - - - Box-model   - - - - */ height: 32px; width: 100%; }

.detail-name span.array, .detail-name span.autocast, .detail-name span.boolean, .detail-name span.event-object, .detail-name span.inherited, .detail-name span.number, .detail-name span.object, .detail-name span.param-type, .detail-name span.return-type, .detail-name span.string, .detail-name span.static, .detail-name span.type-name, .detail-name span.type-signature { /* - - - - Box-model   - - - - */ padding: 4px 4px 2px 4px; margin-left: 0.3125em; /* - - - - Typography  - - - - */ font-size: 1rem; /* - - - - Appearance  - - - - */ background-color: #f8f8f8; border: 1px solid #cccccc; border-radius: 3px; }

span.array, span.autocast, span.boolean, span.event-object, span.inherited, span.number, span.object, span.param-type, span.return-type, span.string, span.static, span.type-name, span.type-signature { /* - - - - Box-model   - - - - */ display: inline-block; padding: 0 5px; /* - - - - Typography  - - - - */ font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", monospace; font-size: 0.9296875em; }

span.autocast { /* - - - - Box-model   - - - - */ margin-left: 0.3125em; margin-top: 0.3125em; /* - - - - Typography  - - - - */ font-size: inherit; /* - - - - Appearance  - - - - */ background-color: #f8f8f8; border: 1px solid #cccccc; border-radius: 3px; }

span.beta { /* - - - - Box-model   - - - - */ margin: 0.5rem 0; padding: 2px 4px; /* - - - - Appearance  - - - - */ background-color: #de2900; border: 1px solid #c7461a; border-radius: 4px; color: white; }

span.repeatable:before { content: "..."; }

span.event-object { /* - - - - Box-model   - - - - */ display: block; padding-left: 0.625rem; /* - - - - Typography  - - - - */ font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", monospace; }

span.return-type-separator { /* - - - - Box-model   - - - - */ padding-left: 5px; padding-right: 5px; }

span.static { /* - - - - Appearance  - - - - */ color: #ffffff; }

span.return-type-separator + span.type-signature.type-name { margin-left: 0; }

.return-type { /* - - - - Typography  - - - - */ font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", monospace; font-size: 0.9296875em; }

.signature .optional { /* - - - - Appearance  - - - - */ }

.signature .optional:after { content: "?"; }

.autocast-name { /* - - - - Typography  - - - - */ font-weight: 300; font-style: normal; font-size: 1rem; }

.autocast-label { /* - - - - Box-model   - - - - */ padding-right: 0.3125rem; /* - - - - Typography  - - - - */ font-size: 1rem; font-weight: 500; line-height: 1.55rem; }

.detail-name + .autocast-signature { /* - - - - Box-model   - - - - */ margin-left: 0.775rem; }

.autocast-signature { /* - - - - Box-model   - - - - */ margin: 0.625rem 0 0.625rem 0; }

.autocast-type-separator { /* - - - - Box-model   - - - - */ padding: 0 0.3125rem 0 0.3125rem; /* - - - - Typography  - - - - */ font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next", "Avenir", "Helvetica Neue", sans-serif; }

table th.type-name { /* - - - - Typography  - - - - */ font-family: inherit; }

table tr:nth-child(even) { /* - - - - Appearance  - - - - */ background-color: #f8f8f8; }

table .type-name { /* - - - - Typography  - - - - */ letter-spacing: 0em; font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", monospace; font-weight: 400; font-style: normal; }

table .type-name b, table .type-name strong { font-weight: 400; }

table .attributes { /* - - - - Box-model   - - - - */ width: 80px; }

table .description p { /* - - - - Box-model   - - - - */ margin: 0; }

table .optional, table .required { /* - - - - Positioning - - - - */ display: inline-block; /* - - - - Box-model   - - - - */ float: none; margin-bottom: 0.625rem; padding: 2px 4px; /* - - - - Appearance  - - - - */ background-color: #efefef; border-radius: 3px; border: 1px solid #cccccc; }

table .required { /* - - - - Appearance  - - - - */ border: 1px solid #de2900; background-color: #ffffff; color: #de2900; }

.table-esri-basemap-container td + td a { word-break: break-word; }

.table-esri-basemap-container tr td:first-of-type code { white-space: nowrap; }

.table-properties, .table-methods, .table-events { /* - - - - Box-model   - - - - */ margin-left: 0.775rem; }

.table-properties p, .table-methods p, .table-events p { /* - - - - Box-model   - - - - */ margin-bottom: 0; }

.table-properties span.summary-more, .table-methods span.summary-more, .table-events span.summary-more { /* - - - - Positioning - - - - */ display: inline-block; /* - - - - Box-model   - - - - */ float: right; width: 20%; padding-right: 8px; /* - - - - Appearance  - - - - */ vertical-align: top; }

.table-properties span.optional, .table-methods span.optional, .table-events span.optional { /* - - - - Box-model   - - - - */ padding: 0; margin-right: 0; /* - - - - Appearance  - - - - */ background-color: inherit; }

.table-properties .return-type-separator, .table-methods .return-type-separator, .table-events .return-type-separator { /* - - - - Box-model   - - - - */ display: inline-block; padding-left: 2.5px; padding-right: 2.5px; }

.table-properties tr:nth-child(1n + 0) td:nth-child(3) > *:first-child { /* - - - - Positioning - - - - */ display: inline-block; /* - - - - Box-model   - - - - */ max-width: 75%; }

.table-methods tr:nth-child(1n + 0) td:nth-child(3) > *:first-child { /* - - - - Positioning - - - - */ display: inline-block; /* - - - - Box-model   - - - - */ max-width: 75%; }

.table-events tr:nth-child(1n + 0) td:nth-child(3) > *:first-child { /* - - - - Positioning - - - - */ display: inline-block; /* - - - - Box-model   - - - - */ max-width: 75%; }

.removed-renamed-api-reference td:nth-child(3), .added-api-reference td:nth-child(3) { /* - - - - Appearance   - - - - */ word-break: break-all; }

header h2 { /* - - - - Positioning - - - - */ display: none; }

@media screen and (max-width: 1024px) { dt { /* - - - - Box-model   - - - - */ padding: 0 0 0 0.625rem; } }

.module-description p { /* - - - - Box-model   - - - - */ margin: 0.625rem 0 0.625rem 0; }

.properties-description { font-weight: 400; font-style: italic; /* - - - - Box-model   - - - - */ margin-left: 0.775rem; }

.tag-beta { /* - - - - Positioning - - - - */ display: inline-block; /* - - - - Box-model   - - - - */ margin-left: 0; padding: 0 5px 0 5px; /* - - - - Appearance  - - - - */ background-color: #ffffff; color: #de2900; border: solid 1px #de2900; border-radius: 5px; /* - - - - Typography  - - - - */ font-weight: 500; }

.description { /* - - - - Box-model   - - - - */ margin-bottom: 0.625rem; }

.description .description-label { /* - - - - Box-model   - - - - */ padding-right: 0.3125rem; /* - - - - Typography  - - - - */ font-weight: 500; }

.description ul, .description ol { /* - - - - Box-model   - - - - */ margin-bottom: 15px; }

.description h2 { /* - - - - Box-model   - - - - */ margin-top: 30px; margin-bottom: 10px; padding-bottom: 10px; }

.description tr:nth-child(even) { /* - - - - Appearance  - - - - */ background-color: #f8f8f8; }

.description.tag-since { /* - - - - Box-model   - - - - */ margin: 0 0 0.625rem 0.775rem; /* - - - - Typography  - - - - */ font-weight: 400; font-style: normal; font-size: 1rem; }

.description.tag-since-module { /* - - - - Box-model   - - - - */ margin-left: 0; }

.description.tag-beta { /* - - - - Box-model   - - - - */ margin-left: 0.775rem; }

.detail-overview .tag-see li p { /* - - - - Box-model   - - - - */ margin: 0; }

.detail-overview-header { /* - - - - Box-model   - - - - */ padding-left: 0.51667rem; /* - - - - Appearance  - - - - */ background: #9081bc; color: #ffffff; }

.detail-header, .detail-header-purple, .detail-header-current { /* - - - - Box-model   - - - - */ padding-left: 0.51667rem; /* - - - - Appearance  - - - - */ color: #ffffff; background: #502070; background: linear-gradient(to right, #502070 0%, #2f3c90 100%); /* W3C */ }

.detail-header-orange, .detail-header-beta { /* - - - - Box-model   - - - - */ padding-left: 0.51667rem; /* - - - - Appearance  - - - - */ color: #ffffff; background: linear-gradient(to right, #d74c1e, #ffffff); }

.detail-name-header { /* - - - - Positioning - - - - */ display: inline-block; /* - - - - Box-model   - - - - */ margin: 0.2rem 0 0.4rem 0; /* - - - - Typography  - - - - */ font-weight: 300; font-style: normal; font-size: 1.414rem; /* - - - - Appearance  - - - - */ line-height: 1.1; }

.detail-name-header .signature { /* - - - - Typography  - - - - */ font-size: 1.25rem; font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", monospace; }

.detail-name-header .icon { /* - - - - Box-model   - - - - */ margin-right: -0.31875rem; }

.detail-name-header .icon-ui-right-arrow-circled { /* - - - - Box-model   - - - - */ margin-left: 0.31875rem; /* - - - - Typography  - - - - */ font-size: 1.25rem; /* - - - - Appearance  - - - - */ vertical-align: middle; }

.detail-name:hover .icon-anchor .icon-ui-link { /* - - - - Positioning - - - - */ display: inline-block; /* - - - - Box-model   - - - - */ margin-left: -30px; }

.detail-name:hover .icon-anchor .icon-ui-link:before { padding-right: 0.5625rem; }

.detail-name .icon-anchor { /* - - - - Positioning - - - - */ position: absolute; /* - - - - Box-model   - - - - */ padding-left: 30px; margin-left: -30px; }

.detail-name .icon-anchor .icon-ui-link { /* - - - - Positioning - - - - */ display: none; /* - - - - Appearance  - - - - */ vertical-align: middle; }

html[data-browser*="Mobile"] .detail-name .icon-anchor .icon-ui-link { /* - - - - Positioning - - - - */ display: inline-block; /* - - - - Box-model   - - - - */ margin-left: -30px; }

html[data-browser*="Mobile"] .detail-name .icon-anchor .icon-ui-link:before { /* - - - - Box-model   - - - - */ padding-right: 0.5625rem; }

.detail-name { /* - - - - Positioning - - - - */ position: relative; /* - - - - Box-model   - - - - */ margin-bottom: 0.625rem; padding-left: 10px; /* - - - - Appearance  - - - - */ border-top: 1px solid #dddddd; background: linear-gradient(to bottom, #e1e1e1, #fafafa); }

.detail-name .tag-source { /* - - - - Positioning - - - - */ top: 17px; position: absolute; right: 0; /* - - - - Typography  - - - - */ font-size: 0.625rem; }

.detail-name .tag-source a { /* - - - - Appearance  - - - - */ color: #959595; }

.detail-table-parameters .description p, .detail-table-properties .description p { /* - - - - Box-model   - - - - */ margin: 0.5rem 0; }

.detail-table-parameters .description td:first-child, .detail-table-properties .description td:first-child { /* - - - - Box-model   - - - - */ width: 20%; }

.detail-table-parameters .repeatable, .detail-table-properties .repeatable { display: none; }

.detail-table-parameters .parameter-container, .detail-table-parameters .property-container, .detail-table-properties .parameter-container, .detail-table-properties .property-container { /* - - - - Box-model   - - - - */ margin-bottom: 0.625rem; padding: 0.5rem; /* - - - - Typography  - - - - */ font-size: 1rem; /* - - - - Appearance  - - - - */ background: linear-gradient(to bottom, #efefef, #f8f8f8, #efefef, #cccccc); border: solid 1px #cccccc; border-radius: 4px; /* - - - - Typography  - - - - */ line-height: 1.6; }

.detail-table-parameters .parameter-container.specification-heading, .detail-table-properties .parameter-container.specification-heading { /* - - - - Box-model   - - - - */ display: block; padding-left: 0; /* - - - - Typography  - - - - */ font-size: inherit; /* - - - - Appearance  - - - - */ background: none; border: none; }

.detail-table-parameters .parameter-container.parameter-heading, .detail-table-properties .parameter-container.parameter-heading { /* - - - - Box-model   - - - - */ display: none; }

.detail-table-parameters .parameter-container .name, .detail-table-parameters .property-container .name, .detail-table-properties .parameter-container .name, .detail-table-properties .property-container .name { font-weight: 700; font-style: normal; /* - - - - Appearance  - - - - */ color: #323232; }

.detail-table-parameters .name code, .detail-table-properties .name code { /* - - - - Positioning - - - - */ display: inline-block; /* - - - - Typography  - - - - */ font-size: inherit; /* - - - - Appearance  - - - - */ background: none; border: none; white-space: inherit; }

.specification-heading { /* - - - - Positioning - - - - */ display: none; }

.description thead + tbody td:first-of-type { /* - - - - Typography  - - - - */ letter-spacing: 0em; font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", monospace; font-weight: 400; font-style: normal; }

.description thead + tbody td:first-of-type b, .description thead + tbody td:first-of-type strong { font-weight: 400; }

.parameter-type-name, .property-type-name { /* - - - - Box-model   - - - - */ padding: 0.5rem; margin-bottom: 0.625rem; /* - - - - Appearance  - - - - */ background: linear-gradient(to bottom, #efefef, #f8f8f8, #efefef, #cccccc); border: solid 1px #cccccc; border-radius: 4px; line-height: 1.6; }

.param-type-separator { font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next", "Avenir", "Helvetica Neue", sans-serif; }

.parameter-name, .property-name { /* - - - - Typography  - - - - */ font-weight: 700; font-style: normal; }

.parameter-name.repeatable, .property-name.repeatable { display: inline-block; }

.parameter-type, .property-type { /* - - - - Positioning - - - - */ /* - - - - Box-model   - - - - */ margin-left: 0.3125em; padding: 4px 0; /* - - - - Typography  - - - - */ letter-spacing: 0em; font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", monospace; font-weight: 400; font-style: normal; /* - - - - Appearance  - - - - */ background-color: #f8f8f8; border: 1px solid #cccccc; border-radius: 3px; }

.parameter-type b, .parameter-type strong, .property-type b, .property-type strong { font-weight: 400; }

.tag-since-label { /* - - - - Typography  - - - - */ font-weight: 500; }

.tag-source { /* - - - - Box-model   - - - - */ margin-top: 5px; /* - - - - Typography  - - - - */ font-size: 12px; }

.tag-see li p { /* - - - - Box-model   - - - - */ margin: 0; }

dd.tag-see { /* - - - - Box-model   - - - - */ margin-left: 0; }

.tag-todo { /* - - - - Positioning - - - - */ display: inline-block; /* - - - - Box-model   - - - - */ padding: 0.125rem 0.25em; /* 2px 4px */ /* - - - - Typography  - - - - */ font-size: 0.625rem; /* - - - - Appearance  - - - - */ background-color: #0079c1; color: #ffffff; border-radius: 5px; }

.tag-deprecated { /* - - - - Positioning - - - - */ display: inline-block; }

.deprecated { /* - - - - Appearance  - - - - */ font-weight: initial; font-size: initial; font-style: initial; line-height: initial; text-align: initial; }

.important { /* - - - - Box-model   - - - - */ padding: 0.125rem 0.25em; /* 2px 4px */ /* - - - - Appearance  - - - - */ background-color: #de2900; color: #ffffff; border-radius: 5px; }

.inheritance-section, .subclasses-section { /* - - - - Box-model   - - - - */ margin: 0.625rem 0 0.625rem 0; }

.inheritance-section .icon-ui-right-arrow, .subclasses-section .icon-ui-right-arrow { /* - - - - Typography  - - - - */ font-size: 0.875rem; /* - - - - Appearance  - - - - */ color: #959595; }

.inheritance-section .icon-ui-right-arrow:before, .subclasses-section .icon-ui-right-arrow:before { /* - - - - Box-model   - - - - */ padding: 0 0.1875rem 0 0.1875rem; }

.inheritance-list, .subclasses-list { /* - - - - Box-model   - - - - */ width: auto; margin: 0.625em 0 0.625em 0; /* - - - - Typography  - - - - */ font-size: 1rem; }

.inheritance-label, .subclasses-label { /* - - - - Box-model   - - - - */ padding-right: 0.9375em; /* - - - - Typography  - - - - */ font-weight: 500; }

.inheritance-list { /* - - - - Typography  - - - - */ line-height: 1.1875em; }

.inheritance-list .icon { /* - - - - Box-model   - - - - */ margin: 0 0 0 0.3125rem; }

.inherited-property-hide, .inherited-method-hide, .inherited-event-hide { /* - - - - Positioning - - - - */ display: none; }

.inherited-property-icon:before, .inherited-method-icon:before, .inherited-event-icon:before { /* - - - - Positioning - - - - */ display: inline-block; /* - - - - Box-model   - - - - */ height: 14px; width: 14px; /* - - - - Appearance  - - - - */ background-image: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22\a%20%20	%20viewBox%3D%220%200%2032%2032%22%20style%3D%22enable-background%3Anew%200%200%2032%2032%3B%22%20xml%3Aspace%3D%22preserve%22%3E\a%20%20%3Cstyle%20type%3D%22text%2Fcss%22%3E\a%20%20	.st0{fill%3A%23959595%3B}\a%20%20%3C%2Fstyle%3E\a%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M12.8%2C11L3.2%2C21v-8.1C7.8%2C8.2%2C16.1%2C0%2C16.1%2C0S24%2C8.1%2C28.8%2C12.8V21l-9.6-10v21h-6.3L12.8%2C11L12.8%2C11z%22%2F%3E\a%20%20%3C%2Fsvg%3E"); content: " "; }

span.inherited-property-icon + span.param-type, span.inherited-method-icon + span.param-type, span.inherited-event-icon + span.param-type { /* - - - - Box-model   - - - - */ margin-left: 0; }

.table-properties span.param-type, .table-methods span.param-type, .table-events span.param-type { /* - - - - Box-model   - - - - */ margin-left: 14px; }

.module-title { margin-bottom: 0.625rem; padding: 0; }

.module-navigation-links { margin-right: 0; }

@media screen and (max-width: 1024px) { .module-navigation-links { padding-bottom: 0.625rem; } }

.module-index-pagination a { /* - - - - Box-model   - - - - */ }

@media screen and (max-width: 1440px) and (min-width: 1024px) { .module-index-pagination a { padding: 0.45rem; } }

.table-plain.table-module-index .table-module-index-row { /* - - - - Typography  - - - - */ font-size: 1rem; /* - - - - Appearance  - - - - */ background-color: #efefef; color: #595959; line-height: 1.55rem; }

.module-type-section { margin: 0.625rem 0 0.625rem 0; }

.module-type { font-weight: 500; padding-right: 0.9375rem; }

.module-type-content > code { background: none; border: 0; }

.require-statement code { /* - - - - Positioning - - - - */ display: block; /* - - - - Box-model   - - - - */ max-width: 100%; padding: 0.5rem; /* - - - - Appearance  - - - - */ white-space: pre-wrap; }

.require-statement { /* - - - - Box-model   - - - - */ padding: 0; /* - - - - Appearance  - - - - */ margin: 0.625rem 0 0.625rem 0; }

.require-statement code { /* - - - - Appearance  - - - - */ border: 2px solid #cccccc; }

.module-folder { /* - - - - Appearance  - - - - */ word-break: break-all; }

.iframe-sample-code { /* - - - - Box-model   - - - - */ height: 550px; width: 100%; /* - - - - Appearance  - - - - */ border: 0; padding: 0; }

@media screen and (max-width: 1024px) { .iframe-sample-code { height: 450px; } }

@media screen and (max-width: 600px) { .iframe-sample-code { height: 300px; } }

.btn-sandbox-disabled { /* - - - - Positioning - - - - */ display: none; }

.btn-group-sample-code { /* - - - - Positioning - - - - */ display: inline-flex; /* - - - - Box-model   - - - - */ float: right; }

@media screen and (max-width: 600px) { .btn-group-sample-code { display: block; clear: right; } }

.btn-group-sample-code:after { content: ""; display: table; clear: both; }

.btn-sample-code { /* - - - - Appearance  - - - - */ margin-top: 0.3125em; margin-left: 0.3125em; }

.btn-search-sdk-results-tag { /* - - - - Appearance  - - - - */ background: #efefef; color: #0079c1; }

@media screen and (max-width: 1352px) { .btn-sandbox-label-full { /* - - - - Positioning - - - - */ display: none; } }

.btn-sandbox-label-short { /* - - - - Positioning - - - - */ display: none; }

@media screen and (max-width: 1352px) { .btn-sandbox-label-short { /* - - - - Positioning - - - - */ display: block; } }

.open-out-container { /* - - - - Positioning - - - - */ position: absolute; /* - - - - Box-model   - - - - */ right: 0px; bottom: 0px; width: 150px; height: 23px; margin-bottom: 0.70rem; margin-right: 0.25rem; /* - - - - Typography  - - - - */ text-align: right; }

.open-out-icon { position: relative; display: inline-block; padding: 0.375rem 1rem; width: auto; color: #ffffff; border: 1px solid #0079c1; border-radius: 0; background-color: #0079c1; box-sizing: border-box; transition: all 0.05s linear; cursor: pointer; font-size: 0.9375rem; line-height: 1.5; background: none; color: #0079c1; border: none; /* - - - - Positioning - - - - */ display: inline-block; /* - - - - Box-model   - - - - */ margin: 0px; padding: 0px; /* - - - - Appearance  - - - - */ opacity: 0.75; }

.open-out-icon:hover { text-decoration: none; color: #ffffff; background-color: #005e95; border-color: #005e95; }

.open-out-icon:hover { color: #005e95; background: none; text-decoration: underline; }

.btn-disabled, .open-out-icon-disabled { cursor: not-allowed; pointer-events: none; opacity: 0.3; }

.btn-hidden, .open-out-icon-hidden { /* - - - - Positioning - - - - */ display: none; }

.view-toggle-btn:first-of-type { /* - - - - Appearance  - - - - */ border-left: 1px solid #cccccc; }

.view-toggle-btn { /* - - - - Positioning - - - - */ float: left; display: block; /* - - - - Box-model   - - - - */ box-sizing: border-box; padding: 0.3875rem 0.775rem; height: 2.25rem; /* - - - - Typography  - - - - */ font-size: 0.875rem; line-height: 1.55rem; /* - - - - Appearance  - - - - */ color: #4c4c4c; background-color: #f8f8f8; transition: background, 150ms linear; border: 1px solid #cccccc; border-left: none; cursor: pointer; /* - - - - Jazz        - - - - */ }

.view-toggle-btn.is-active { /* - - - - Appearance  - - - - */ background-color: #005e95; color: #ffffff; }

.view-toggle-btn:hover { /* - - - - Appearance  - - - - */ background-color: #005e95; }

.diff-modal img { cursor: pointer; }

.diff-card-image-caption { background: #6e6e6e; color: white; }

.card-image.lazy:empty { height: 255px; }

.flex { display: flex; }

.inline-flex { display: inline-flex; }

.flex-center { display: flex; justify-content: center; }

.flex-fill { display: flex; justify-content: stretch; }

.flex-vertical-center { display: flex; align-items: center; }

.flex-vertical-fill { display: flex; align-items: stretch; }

.flex-column { display: flex; flex-direction: column; }

.flex-nowrap { display: flex; flex-wrap: nowrap; }

.flex-wrap { display: flex; flex-wrap: wrap; }

.flex-space-between { display: flex; justify-content: space-between; }

.flex-space-around { display: flex; justify-content: space-around; }

.flex-bottom-align { display: flex; align-items: flex-end; }

@media screen and (max-width: 600px) { .phone-flex-column { display: flex; flex-direction: column; } }

@media screen and (max-width: 1024px) { .tablet-flex-column { display: flex; flex-direction: column; } }

@media screen and (max-width: 600px) { .phone-flex-wrap { display: flex; flex-wrap: wrap; } }

@media screen and (max-width: 1024px) { .tablet-flex-wrap { display: flex; flex-wrap: wrap; } }

.flex-1 { flex: 1 1 auto; }

.flex-1-quarter { flex: 1 1 25%; }

.flex-1-half { flex: 1 1 50%; }

.flex-1-fill { flex: 1 1 100%; }

.flex-10 { flex: 1 0 auto; }

.flex-0 { flex: 0 0 auto; }

.flex-01 { flex: 0 1 auto; }

.flex-self-start { align-self: flex-start; }

.flex-self-end { align-self: flex-end; }

.flex-self-center { -ms-grid-row-align: center; align-self: center; }

.flex-self-stretch { -ms-grid-row-align: stretch; align-self: stretch; }

.flex-self-vertical-center { margin: 0 auto; }

ul, ol { margin-top: 0; padding: 0; margin-bottom: 1.5rem; margin-left: 0.75rem; list-style-position: inside; }

li { margin: 0.375rem 0 0.375rem 1.5rem; list-style-position: outside; }

ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; }

li ul, li ol { margin-bottom: 0; }

.panel-compact { margin-top: 0; margin-bottom: 0; padding-top: 0.5115rem; padding-bottom: 0.5115rem; }

.user-image-small-inline { width: 2rem; vertical-align: -0.75rem; }

.item-type-icon { vertical-align: -3px; margin-right: 0.5rem; }

.separator-or { text-align: center; display: block; overflow: hidden; color: #6e6e6e; }

.separator-or:before, .separator-or:after { background-color: #6e6e6e; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; }

.separator-or:before { right: 0.5em; margin-left: -50%; }

.separator-or:after { left: 0.5em; margin-right: -50%; }

.btn-link { padding: 0; background-color: transparent; color: #0079c1; text-decoration: none; white-space: normal; font-weight: inherit; text-align: left; border: none; }

.btn-link:hover { background-color: inherit; color: inherit; text-decoration: underline; }

.btn-compact { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-right: 0.25em; padding-bottom: 0; padding-left: 0.25em; }

.btn.icon-ui-flush .svg-icon { padding-right: 0; }

.tooltip-data:after { content: attr(data-tooltip); }

.section-header, .modal-header { border-bottom: 1px solid #cccccc; }

.hover-red:hover { color: #de2900; }

.text-capitalize { text-transform: capitalize; }

.text-lowercase { text-transform: lowercase; }

.text-uppercase { text-transform: uppercase; }

.select-full { width: 100%; max-width: auto; }

.input-inline { display: inline; width: auto; }

.has-sub-items { box-sizing: border-box; padding: 0; border: 1px solid #efefef; border-top: none; font-weight: 400; font-style: normal; background-color: #ffffff; border-left: 0; border-right: 0; }

.has-sub-items .sub-items-header { margin: 0; padding: 0.5rem; font-weight: 400; font-style: normal; font-size: 0.9375rem; line-height: 1.5; background-color: #f8f8f8; border-top: 1px solid #efefef; }

.has-sub-items .sub-items a { position: relative; display: block; box-sizing: border-box; padding: 0.5rem; font-size: 0.875rem; line-height: 1.5; color: #595959; background-color: #ffffff; border-top: 1px solid #efefef; cursor: pointer; color: #0079c1; text-decoration: none; }

.has-sub-items .sub-items a:hover { background-color: #f8f8f8; text-decoration: none; color: #4c4c4c; }

.has-sub-items .sub-items a.is-active { text-indent: -3px; border-left: 3px solid #0079c1; }

html[dir="rtl"] .has-sub-items .sub-items a.is-active { border-left: none; border-right: 3px solid #0079c1; }

.has-sub-items .sub-items a:hover { color: #005e95; text-decoration: underline; }

.card .card-title { margin-bottom: 0rem; padding: 1rem; display: flex; flex-direction: column; flex: 1 1 auto; word-wrap: break-word; }

.padding-leader-quarter { padding-top: 0.375rem; }

.btn-orange { background-color: #d17e21; border-color: #d17e21; }

.btn-orange:hover { background-color: #ad6511; border-color: #ad6511; }

.card-shaped .card-content { background: white; }

.third-nav .nav-overflow-left { display: none; }

.input-group { display: flex; align-items: stretch; display: flex; flex-wrap: nowrap; margin-top: 0.375rem; }

.input-group-button { flex: 0 0 auto; height: auto; margin: 0; }

input.input-group-input, .input-group-input { flex: 1 1 auto; height: auto; margin: 0; }

@media screen and (max-width: 1023px) and (min-width: 600px) { .tablet-only-hide { display: none !important; } }

.proto-card-1-up .proto-card { flex: 1 1 calc(100% - 1rem); box-sizing: border-box; min-width: calc(100% - 1rem); max-width: calc(100% - 1rem); }

@keyframes glow { 0% { box-shadow: 0 0 -8px rgba(86, 165, 216, 0.85); }
  20% { box-shadow: 0 0 12px rgba(86, 165, 216, 0.98); }
  80% { box-shadow: 0 0 12px rgba(86, 165, 216, 0.98); }
  100% { box-shadow: 0 0 -8px rgba(86, 165, 216, 0.85); } }

@keyframes marker-glow { 0% { box-shadow: 0 0 -8px rgba(86, 165, 216, 0.85);
    background-color: rgba(86, 165, 216, 0.1); }
  20% { box-shadow: 0 0 16px rgba(86, 165, 216, 0.99);
    background-color: rgba(86, 165, 216, 0.5); }
  80% { box-shadow: 0 0 16px rgba(86, 165, 216, 0.99);
    background-color: rgba(86, 165, 216, 0.5); }
  100% { box-shadow: 0 0 -8px rgba(86, 165, 216, 0.85);
    background-color: rgba(86, 165, 216, 0.1); } }

/* proto.esri.com patterns: detailed-list */
/*

github.com style (c) Vasily Polovnyov <vast@whiteants.net>

http://highlightjs.readthedocs.org/en/latest/css-classes-reference.html
*/
.hljs { display: block; overflow-x: auto; padding: 0.5em; color: #333; background: #f8f8f8; -webkit-text-size-adjust: none; }

.hljs-comment, .diff .hljs-header { color: #998; font-style: italic; }

.hljs-keyword, .css .rule .hljs-keyword, .hljs-winutils, .nginx .hljs-title, .hljs-subst, .hljs-request, .hljs-status { color: #333; font-weight: bold; }

.hljs-number, .hljs-hexcolor, .ruby .hljs-constant { color: #008080; }

.hljs-string, .hljs-tag .hljs-value, .hljs-doctag, .tex .hljs-formula { color: #d14; }

.hljs-title, .hljs-id, .scss .hljs-preprocessor { color: #900; font-weight: bold; }

.hljs-list .hljs-keyword, .hljs-subst { font-weight: normal; }

.hljs-class .hljs-title, .hljs-type, .vhdl .hljs-literal, .tex .hljs-command { color: #458; font-weight: bold; }

.hljs-tag, .hljs-tag .hljs-title, .hljs-rule .hljs-property, .django .hljs-tag .hljs-keyword { color: #000080; font-weight: normal; }

.hljs-attribute, .hljs-variable, .lisp .hljs-body, .hljs-name { color: #008080; }

.hljs-regexp { color: #009926; }

.hljs-symbol, .ruby .hljs-symbol .hljs-string, .lisp .hljs-keyword, .clojure .hljs-keyword, .scheme .hljs-keyword, .tex .hljs-special, .hljs-prompt { color: #990073; }

.hljs-built_in { color: #0086b3; }

.hljs-preprocessor, .hljs-pragma, .hljs-pi, .hljs-doctype, .hljs-shebang, .hljs-cdata { color: #999; font-weight: bold; }

.hljs-deletion { background: #fdd; }

.hljs-addition { background: #dfd; }

.diff .hljs-change { background: #0086b3; }

.hljs-chunk { color: #aaa; }

.xml .hljs-tag .hljs-attribute, .html .hljs-tag .hljs-attribute { color: #aa0d91; }

/*

XCode style (c) Angel Garcia <angelgarcia.mail@gmail.com>

*/
.hljs-comment { color: #006a00; }

.hljs-keyword, .hljs-literal, .nginx .hljs-title { color: #aa0d91; }

.method, .hljs-list .hljs-title, .hljs-tag .hljs-title, .setting .hljs-value, .hljs-winutils, .tex .hljs-command, .http .hljs-title, .hljs-request, .hljs-status, .hljs-name { color: #008; }

.hljs-envvar, .tex .hljs-special { color: #660; }

.hljs-string { color: #c41a16; }

.hljs-tag .hljs-value, .hljs-cdata, .hljs-filter .hljs-argument, .hljs-attr_selector, .apache .hljs-cbracket, .hljs-date, .hljs-regexp { color: #080; }

.hljs-sub .hljs-identifier, .hljs-pi, .hljs-tag, .hljs-tag .hljs-keyword, .hljs-decorator, .ini .hljs-title, .hljs-shebang, .hljs-prompt, .hljs-hexcolor, .hljs-rule .hljs-value, .hljs-symbol, .hljs-symbol .hljs-string, .hljs-number, .css .hljs-function, .hljs-function .hljs-title, .coffeescript .hljs-attribute { color: #1c00cf; }

.hljs-class .hljs-title, .smalltalk .hljs-class, .hljs-type, .hljs-typename, .hljs-tag .hljs-attribute, .hljs-doctype, .hljs-class .hljs-id, .hljs-built_in, .setting, .hljs-params, .clojure .hljs-attribute { color: #5c2699; }

.hljs-variable { color: #3f6e74; }

.css .hljs-tag, .hljs-rule .hljs-property, .hljs-pseudo, .hljs-subst { color: #000; }

.css .hljs-class, .css .hljs-id { color: #9b703f; }

.hljs-value .hljs-important { color: #ff7700; font-weight: bold; }

.hljs-rule .hljs-keyword { color: #c5af75; }

.hljs-annotation, .apache .hljs-sqbracket, .nginx .hljs-built_in { color: #9b859d; }

.hljs-preprocessor, .hljs-preprocessor *, .hljs-pragma { color: #643820; }

.tex .hljs-formula { background-color: #eee; font-style: italic; }

.diff .hljs-header, .hljs-chunk { color: #808080; font-weight: bold; }

.diff .hljs-change { background-color: #bccff9; }

.hljs-addition { background-color: #baeeba; }

.hljs-deletion { background-color: #ffc8bd; }

.hljs-comment .hljs-doctag { font-weight: bold; }

.method .hljs-id { color: #000; }

.hljs-decorator { color: #800000; }

.hljs-emphasis { font-style: italic; }

.doc-platform-switcher a + a { border-left: 1px solid #a9a9a9; padding: 0 0 0 .375rem; margin: 0 0 0 0.375rem; }

.doc-platform-switcher .is-disabled:hover { cursor: pointer; text-decoration: none; }

.icon-social-sdk-home { padding: 0.25rem; background: #ffffff; border-radius: 50%; position: relative; top: .75rem; border: 2px solid transparent; }

.icon-social-sdk-home:hover { border-color: #ffffff; }

.icon-social-sdk-home.icon-social-twitter { background: #59ADEB url("../img/icons/social/twitter.svg") no-repeat center center; }

.icon-social-sdk-home.icon-social-facebook { background: #3D5A96 url("../img/icons/social/facebook.svg") no-repeat center center; }

.icon-social-sdk-home.icon-social-github { background: #171515 url("../img/icons/social/github.svg") no-repeat center center; }

.icon-social-sdk-home.icon-social-geonet { background: #127BC0 url("../img/icons/social/geonet.svg") no-repeat center center; }

.icon-social-sdk-home.icon-social-contact { background: #8EC449 url("../img/icons/social/contact.svg") no-repeat center center; }

.icon-social-sdk-home.icon-social-share { background: #9081bc url("../img/calcite-web/icons/social/share.svg") no-repeat center center; }

.sub-nav { position: relative; }

.sdk-home-banner { display: table; width: 100%; }

.sdk-home-banner .sdk-home-banner-content, .sdk-home-banner .sdk-home-banner-image { display: table-cell; vertical-align: middle; }

.sdk-home-banner .sdk-home-banner-image { text-align: center; }

.sdk-home-banner .sdk-home-banner-image img { padding: 1.5rem 0 .5rem; display: inline-block; max-height: 250px; width: auto; }

@media screen and (max-width: 1024px) { .sdk-home-banner { display: block; }
  .sdk-home-banner .sdk-home-banner-content { display: block; }
  .sdk-home-banner .sdk-home-banner-image { display: none; } }

.sdk-home-nav-list li { display: inline-block; padding: 0 1rem; }

.sdk-home-nav-list li + li { border-left: 1px solid #a9a9a9; }

@media screen and (max-width: 1024px) { .sdk-home-nav-list li { display: list-item; }
  .sdk-home-nav-list li + li { border-left: none; } }

.flexible-block-group { width: calc(100% + 1.5rem); box-sizing: border-box; margin-left: -1.5rem; display: flex; flex-wrap: wrap; }

.flexible-block-group-item { box-sizing: border-box; display: flex; flex-direction: column; }

.flexible-block-group-item .flexible-block-group-item-content { display: block; flex: 1 1 auto; }

.flexible-block-group-item .flexible-block-group-item-header, .flexible-block-group-item .flexible-block-group-item-footer { display: block; flex: 0 0 auto; }

.flexible-block-group-4-up .flexible-block-group-item { width: 25%; }

.flexible-block-group-4-up .flexible-block-group-item:nth-child(n) { padding: 1.5rem 0 0 1.5rem; }

.flexible-block-group-4-up .flexible-block-group-item:nth-child(-n + 4) { padding-top: 0; }

@media screen and (max-width: 1024px) { .flexible-block-group-4-up .flexible-block-group-item { width: 50%; }
  .flexible-block-group-4-up .flexible-block-group-item:nth-child(n) { padding: 1.5rem 0 0 1.5rem; }
  .flexible-block-group-4-up .flexible-block-group-item:nth-child(-n + 2) { padding-top: 0; } }

@media screen and (max-width: 600px) { .flexible-block-group-4-up .flexible-block-group-item { width: 100%; }
  .flexible-block-group-4-up .flexible-block-group-item:nth-child(n) { padding: 1.5rem 0 0 0px; }
  .flexible-block-group-4-up .flexible-block-group-item:nth-child(-n + 1) { padding-top: 0; } }

@media screen and (max-width: 600px) { .flexible-block-group-4-up { width: 100%; margin: 0; } }

.flexible-block-group-3-up .flexible-block-group-item { width: 33.33333%; }

.flexible-block-group-3-up .flexible-block-group-item:nth-child(n) { padding: 1.5rem 0 0 1.5rem; }

.flexible-block-group-3-up .flexible-block-group-item:nth-child(-n + 3) { padding-top: 0; }

@media screen and (max-width: 1024px) { .flexible-block-group-3-up .flexible-block-group-item { width: 100%; }
  .flexible-block-group-3-up .flexible-block-group-item:nth-child(n) { padding: 1.5rem 0 0 0px; }
  .flexible-block-group-3-up .flexible-block-group-item:nth-child(-n + 1) { padding-top: 0; } }

@media screen and (max-width: 1024px) { .flexible-block-group-3-up { width: 100%; margin: 0; } }

.flexible-block-group-2-up .flexible-block-group-item { width: 50%; }

.flexible-block-group-2-up .flexible-block-group-item:nth-child(n) { padding: 1.5rem 0 0 1.5rem; }

.flexible-block-group-2-up .flexible-block-group-item:nth-child(-n + 2) { padding-top: 0; }

@media screen and (max-width: 600px) { .flexible-block-group-2-up .flexible-block-group-item { width: 100%; }
  .flexible-block-group-2-up .flexible-block-group-item:nth-child(n) { padding: 1.5rem 0 0 0px; }
  .flexible-block-group-2-up .flexible-block-group-item:nth-child(-n + 1) { padding-top: 0; } }

@media screen and (max-width: 600px) { .flexible-block-group-2-up { width: 100%; margin: 0; } }

.flexible-block-group-item img { width: 100%; }

.flexible-block-group-item-light .flexible-block-group-item-content, .flexible-block-group-item-light .flexible-block-group-item-header, .flexible-block-group-item-light .flexible-block-group-item-footer, .flexible-block-group-item-dark .flexible-block-group-item-content, .flexible-block-group-item-dark .flexible-block-group-item-header, .flexible-block-group-item-dark .flexible-block-group-item-footer, .flexible-block-group-item-blue .flexible-block-group-item-content, .flexible-block-group-item-blue .flexible-block-group-item-header, .flexible-block-group-item-blue .flexible-block-group-item-footer, .flexible-block-group-item-white .flexible-block-group-item-content, .flexible-block-group-item-white .flexible-block-group-item-header, .flexible-block-group-item-white .flexible-block-group-item-footer { border-style: solid; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-top-width: 0px; padding-left: 1.5rem; padding-right: 1.5rem; word-wrap: break-word; }

.flexible-block-group-item-light .flexible-block-group-item-header, .flexible-block-group-item-dark .flexible-block-group-item-header, .flexible-block-group-item-blue .flexible-block-group-item-header, .flexible-block-group-item-white .flexible-block-group-item-header { border-bottom-width: 0px; border-top-width: 1px; padding-top: 1.5rem; }

.flexible-block-group-item-light .flexible-block-group-item-footer, .flexible-block-group-item-dark .flexible-block-group-item-footer, .flexible-block-group-item-blue .flexible-block-group-item-footer, .flexible-block-group-item-white .flexible-block-group-item-footer { border-top-width: 0px; border-bottom-width: 1px; padding-bottom: 1.5rem; }

.flexible-block-group-item .flexible-block-group-item-no-footer .flexible-block-group-item-content { border-bottom: 1px solid; padding-bottom: 1.5rem; }

.flexible-block-group-item-light .flexible-block-group-item-content, .flexible-block-group-item-light .flexible-block-group-item-header, .flexible-block-group-item-light .flexible-block-group-item-footer { border-color: #cccccc; background-color: #efefef; }

.flexible-block-group-item-dark .flexible-block-group-item-content, .flexible-block-group-item-dark .flexible-block-group-item-header, .flexible-block-group-item-dark .flexible-block-group-item-footer { border-color: #4c4c4c; background-color: #595959; }

.flexible-block-group-item-blue .flexible-block-group-item-content, .flexible-block-group-item-blue .flexible-block-group-item-header, .flexible-block-group-item-blue .flexible-block-group-item-footer { border-color: #005e95; background-color: #0079c1; }

.flexible-block-group-item-white .flexible-block-group-item-content, .flexible-block-group-item-white .flexible-block-group-item-header, .flexible-block-group-item-white .flexible-block-group-item-footer { border-color: #efefef; background-color: #ffffff; }

.flexible-block-group-item-no-footer .flexible-block-group-item-content { border-bottom-width: 1px; padding-bottom: 1.5rem; }

.flexible-block-group-item-no-header .flexible-block-group-item-content { border-top-width: 1px; padding-top: 1.5rem; }

.flexible-block-group-link { background: #f8f8f8; border: 1px solid #efefef; padding: 0.75rem; transition: none; }

.flexible-block-group-link h1, .flexible-block-group-link h2, .flexible-block-group-link h3, .flexible-block-group-link h4, .flexible-block-group-link h5, .flexible-block-group-link h6 { color: #0079c1; }

.flexible-block-group-link p { color: #4c4c4c; }

.flexible-block-group-link:hover { background: #0079c1; border: 1px solid #0079c1; color: white; text-decoration: none; transition: all 150ms linear; }

.flexible-block-group-link:hover h1, .flexible-block-group-link:hover h2, .flexible-block-group-link:hover h3, .flexible-block-group-link:hover h4, .flexible-block-group-link:hover h5, .flexible-block-group-link:hover h6, .flexible-block-group-link:hover p { color: white; }

developers-sign-in { display: block; min-height: 380px; }

developers-sign-in .alert { width: 96%; box-sizing: border-box; margin-left: auto; margin-right: auto; }

developers-search .top-nav-search { margin-top: 14px; display: inline-block; float: left; width: auto; }

developers-search .top-nav-filter { margin-right: -20px; margin-top: 14px; display: inline-block; float: left; width: auto; }

developers-search .top-nav-search-form { position: relative; float: left; width: auto; display: inline-block; }

developers-account-notifications .alert { max-width: 100%; border-left: none; border-right: none; }

developers-account-notifications .alert:first-of-type { border-top: none; }

developers-account-notifications .alert + .alert { border-top: none; }

developers-user-navigation { display: block; z-index: 1; position: relative; }

developers-user-navigation a.tooltip.top-nav-link { padding-bottom: 0; }

developers-blog-feed { display: block; }

.developers-blog-feed.flexible-block-group-3-up .flexible-block-group-item:nth-child(-n + 4) { padding-top: 0; }

developers-community-events-map { background: #f8f8f8; display: block; position: relative; height: 60vh; }

developers-community-events-map .esri-view .esri-bitmap { width: auto; height: auto; max-width: inherit; }

developers-community-events-map .esri-ui-top-right { display: flex; flex-direction: column; bottom: 0; }

developers-community-events-map .esri-search { max-width: 360px; width: 100%; flex: 0 0 auto; position: absolute; top: 10px; right: 10px; width: 360px; background: #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125); }

developers-community-events-map .esri-search .esri-search__input { height: auto; }

developers-community-events-map .esri-search__submit-button .esri-icon-search:before { padding: 0; }

developers-community-events-map .developers-community-events-list { position: absolute; top: 50px; right: 10px; bottom: 10px; width: 360px; max-width: 360px; width: auto; flex: 1 1 auto; box-sizing: border-box; background: #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125); overflow: auto; }

.esri-zoom .esri-icon:before { padding: 0; }

.expand { display: none; }

.expand.is-active { display: block; }

template { display: none; }

developers-sign-out, developers-download-button { color: #0079c1; cursor: pointer; text-decoration: none; }

developers-sign-out:hover, developers-download-button:hover { color: #005e95; text-decoration: underline; }

developers-toc { display: block; }

developers-toc > ol { margin: 0; }

developers-toc li { font-size: 0.8125rem; line-height: 1.5; margin-top: 0.75rem; margin-bottom: 0.75rem; line-height: 1rem; }

developers-toc li:last-child { margin-bottom: 0; }

.xml .hljs-tag .hljs-attribute, .html .hljs-tag .hljs-attribute { color: #aa0d91; }

/*

XCode style (c) Angel Garcia <angelgarcia.mail@gmail.com>

*/
.hljs-comment { color: #006a00; }

.hljs-keyword, .hljs-literal, .nginx .hljs-title { color: #aa0d91; }

.method, .hljs-list .hljs-title, .hljs-tag .hljs-title, .setting .hljs-value, .hljs-winutils, .tex .hljs-command, .http .hljs-title, .hljs-request, .hljs-status, .hljs-name { color: #008; }

.hljs-envvar, .tex .hljs-special { color: #660; }

.hljs-string { color: #c41a16; }

.hljs-tag .hljs-value, .hljs-cdata, .hljs-filter .hljs-argument, .hljs-attr_selector, .apache .hljs-cbracket, .hljs-date, .hljs-regexp { color: #080; }

.hljs-sub .hljs-identifier, .hljs-pi, .hljs-tag, .hljs-tag .hljs-keyword, .hljs-decorator, .ini .hljs-title, .hljs-shebang, .hljs-prompt, .hljs-hexcolor, .hljs-rule .hljs-value, .hljs-symbol, .hljs-symbol .hljs-string, .hljs-number, .css .hljs-function, .hljs-function .hljs-title, .coffeescript .hljs-attribute { color: #1c00cf; }

.hljs-class .hljs-title, .smalltalk .hljs-class, .hljs-type, .hljs-typename, .hljs-tag .hljs-attribute, .hljs-doctype, .hljs-class .hljs-id, .hljs-built_in, .setting, .hljs-params, .clojure .hljs-attribute { color: #5c2699; }

.hljs-variable { color: #3f6e74; }

.css .hljs-tag, .hljs-rule .hljs-property, .hljs-pseudo, .hljs-subst { color: #000; }

.css .hljs-class, .css .hljs-id { color: #9b703f; }

.hljs-value .hljs-important { color: #ff7700; font-weight: bold; }

.hljs-rule .hljs-keyword { color: #c5af75; }

.hljs-annotation, .apache .hljs-sqbracket, .nginx .hljs-built_in { color: #9b859d; }

.hljs-preprocessor, .hljs-preprocessor *, .hljs-pragma { color: #643820; }

.tex .hljs-formula { background-color: #eee; font-style: italic; }

.diff .hljs-header, .hljs-chunk { color: #808080; font-weight: bold; }

.diff .hljs-change { background-color: #bccff9; }

.hljs-addition { background-color: #baeeba; }

.hljs-deletion { background-color: #ffc8bd; }

.hljs-comment .hljs-doctag { font-weight: bold; }

.method .hljs-id { color: #000; }

.hljs-decorator { color: #800000; }

.hljs-emphasis { font-style: italic; }

.sub-nav-orange { background: #da4d1e; background: url("/assets/img/background-banners/orange-purple.png") no-repeat top center, #da4d1e; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: url("/assets/img/background-banners/orange-purple.png") no-repeat top center, linear-gradient(to right, #da4d1e 0%, #812366 100%); /* W3C */ }

.sub-nav-purple { background-color: #624dcc; background-image: linear-gradient(70deg, #622bc0, #616ed7); }

.sub-nav-blue { background-color: #624dcc; background-image: linear-gradient(70deg, #622bc0, #616ed7); }

.sub-nav-green { background: #70be49; /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: url("/assets/img/background-banners/green-blue.png") no-repeat top center, linear-gradient(to right, #70be49 0%, #1688aa 100%); /* W3C */ }

.sub-nav-title { max-width: 100%; word-wrap: break-word; }

.sub-nav-phone { background-image: url("/assets/img/features/mobile-phone.jpg"); background-size: cover; }

.webapi-banner { background: url("/assets/img/web-api/banner.jpg") center bottom no-repeat #56a5d8; background-size: cover; }

.layer-banner { background: url("/assets/img/features/layers/hero.jpg") center center no-repeat #56a5d8; background-size: cover; }

.geoenrichment-banner { background: url("/assets/img/features/geoenrichment/banner.jpg") center center no-repeat #56a5d8; background-size: cover; }

.top-nav { z-index: 200; }

.top-nav-list.right { float: right; }

.top-nav-flex-list { flex: 1 1 auto !important; }

.site-search { width: 100px; position: relative; }

.site-search .site-search-form { right: 0; position: absolute; }

body.logged-in .hide-if-logged-in { display: none; }

body.logged-out .hide-if-logged-out { display: none; }

body.user-role-publisher .hide-unless-admin, body.user-role-user body.user-role-viewer .hide-unless-admin { display: none; }

.show-if-public-account { display: none; }

body.user-public-account .hide-if-public-account { display: none; }

body.user-public-account .show-if-public-account { display: block; }

body.is-occluded { overflow: hidden; max-height: 100vh; }

.panel-blackest { background-color: #191919; }

img { border: none; outline: none; }

.tab-section-code { padding: 0; border-bottom: none; }

.tab-section-code pre code { border: none; border-bottom: 1px solid #cccccc; padding: 1rem; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.skip-to-content { opacity: 0; float: left; pointer-events: none; min-width: 190px; margin: 4px; padding: 1rem; position: absolute; background-color: rgba(0, 0, 0, 0.75); color: #ffffff; transition: 150ms linear; }

.skip-to-content:focus { opacity: 1; z-index: 999; background-color: rgba(0, 0, 0, 0.75); }

developers-top-navigation { position: relative; z-index: 200; }

.developers-header { display: -ms-grid; display: grid; grid-template-areas: "toggle title nav search user"; -ms-grid-columns: 0 0 -webkit-max-content 0 1fr 0 -webkit-max-content 0 -webkit-max-content; -ms-grid-columns: 0 0 max-content 0 1fr 0 max-content 0 max-content; grid-template-columns: 0 -webkit-max-content 1fr -webkit-max-content -webkit-max-content; grid-template-columns: 0 max-content 1fr max-content max-content; -ms-grid-rows: 64px; grid-template-rows: 64px; grid-gap: 0; width: 1440px; max-width: 96vw; margin-left: auto; margin-right: auto; }

@media screen and (max-width: 1023px) { .developers-header { grid-template-areas: "toggle title nav search user"; -ms-grid-columns: 64px 0 -webkit-max-content 0 1fr 0 -webkit-max-content 0 -webkit-max-content; -ms-grid-columns: 64px 0 max-content 0 1fr 0 max-content 0 max-content; grid-template-columns: 64px -webkit-max-content 1fr -webkit-max-content -webkit-max-content; grid-template-columns: 64px max-content 1fr max-content max-content; max-width: calc(100vw - 2%); } }

.developers-title { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: title; display: block; font-weight: 400; font-style: normal; font-size: 1.2019rem; line-height: 1.5; float: left; margin-right: 1.5rem; padding-top: 1.125rem; padding-bottom: 1.25rem; line-height: 1.5rem; color: #4c4c4c; color: #595959; float: none; }

.guide-pagination-link.guide-pagination-link-next > .developers-title { -ms-grid-row: 2; -ms-grid-column: 1; }

.guide-pagination-link.guide-pagination-link-previous > .developers-title { -ms-grid-row: 2; -ms-grid-column: 2; }

@media screen and (max-width: 1023px) { .developers-title { font-size: 1.1305rem; } }

@media screen and (max-width: 599px) { .developers-title { font-size: 1.0625rem; } }

.developers-title:hover { text-decoration: none; }

.developers-title:hover { color: #323232; }

.top-nav { -ms-grid-row: 1; -ms-grid-column: 5; grid-area: nav; display: flex; float: none; border-bottom-color: transparent; }

@media screen and (max-width: 1023px) { .top-nav { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: toggle; position: absolute; top: 100%; left: 0; height: calc(100vh - 64px); width: auto; min-width: 0; max-width: 0; overflow: hidden; background-color: #f8f8f8; border-top: 1px solid #efefef; transition: 150ms linear; }
  .top-nav-toggle.is-active + .top-nav { min-width: 320px; max-width: 33vw; } }

.top-nav-list { flex: 1 1 auto; display: flex; flex-wrap: nowrap; margin: 0; padding: 0; float: none; }

@media screen and (max-width: 1023px) { .top-nav-list { flex-direction: column; max-height: calc(100vh - 64px); overflow-x: hidden; overflow-y: auto; } }

.top-nav-list li { flex: 0 1 auto; position: relative; display: flex; margin: 0; padding: 0; list-style: none; }

@media screen and (max-width: 1023px) { .top-nav-list li { position: static; } }

.top-nav-link { display: flex; align-items: center; margin-top: 0; margin-left: 0; margin-bottom: 0; padding: 0.66rem; vertical-align: top; background-color: transparent; color: #6e6e6e; line-height: 1.5rem; font-size: 1rem; line-height: 1.5; border: none; border-bottom: 0; cursor: pointer; box-shadow: inset 0px 0 0px 0px transparent; transition: 150ms linear; }

.top-nav-link:hover, .top-nav-link:focus { color: #323232; box-shadow: inset 0px -3px 0px 0px #00b9f2; text-decoration: none; }

.top-nav-link:focus { color: #007ac2; outline: 0; }

.top-nav-link.is-active { box-shadow: inset 0px -3px 0px 0px #007ac2; }

@media screen and (max-width: 1023px) { .top-nav-list .top-nav-link { flex: 1 1 100%; margin-left: 1.4rem; padding: 1.4rem 1.4rem 1.4rem 0; box-shadow: inset 0px -1px 0px 0px #efefef; } }

.top-nav-link .top-nav-label { flex: 1 1 auto; white-space: nowrap; }

.top-nav-link .mega-menu-icon { display: none; height: 16px; width: 16px; padding-right: 0; fill: #4c4c4c; transition: 150ms linear; transform: translateX(0); }

@media screen and (max-width: 1023px) { .top-nav-link .mega-menu-icon { display: inline-block; } }

.top-nav-link:hover .mega-menu-icon { transform: translateX(0.33rem); }

.top-nav-link:focus .mega-menu-icon { color: #007ac2; }

.top-nav-toggle { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: toggle; display: none; margin-bottom: 1px; padding: 0.66rem; background: transparent; color: #4c4c4c; border: 0; outline: 0; }

@media screen and (max-width: 1023px) { .top-nav-toggle { display: flex; align-items: center; } }

.top-nav-toggle .svg-icon { height: 24px; width: 24px; padding-right: 0; }

.top-nav-toggle .top-nav-toggle-label { display: none; }

developers-search { -ms-grid-row: 1; -ms-grid-column: 7; grid-area: search; }

developers-user-navigation { -ms-grid-row: 1; -ms-grid-column: 9; grid-area: user; }

.mega-menu { position: absolute; top: calc(100% - 3px); box-sizing: border-box; padding: 1.5rem; background-color: #efefef; outline: 1px solid #cccccc; transition: 150ms linear; transform: translate3d(0, 5px, 0); opacity: 0; pointer-events: none; }

@media screen and (max-width: 1023px) { .mega-menu { top: 0; left: 100%; z-index: 1; max-height: calc(100vh - 64px); padding: 0; overflow-x: hidden; overflow-y: scroll; opacity: 1; background-color: #f8f8f8; outline: 0; transform: translate3d(0, 0, 0); } }

.submenu-toggle { flex: 1 0 auto; position: sticky; top: 0; left: 0; right: 0; display: none; width: 100%; padding: 1.2rem; background: #ffffff; font-size: 1.2019rem; line-height: 1.5; border: 0; border-bottom: 1px solid #cccccc; cursor: pointer; }

@media screen and (max-width: 1023px) { .submenu-toggle { font-size: 1.1305rem; } }

@media screen and (max-width: 599px) { .submenu-toggle { font-size: 1.0625rem; } }

.submenu-toggle:before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.707 13H9.293l-4.5-4.5 4.5-4.5h1.414l-4.5 4.5z'/%3E%3C/svg%3E"); display: inline-block; height: 16px; width: 16px; float: left; }

.submenu-toggle:focus, .submenu-toggle:active { background-color: #004575; color: #ffffff; box-shadow: 0; outline: 0; }

.submenu-toggle:focus:before, .submenu-toggle:active:before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF'%3E%3Cpath d='M10.707 13H9.293l-4.5-4.5 4.5-4.5h1.414l-4.5 4.5z'/%3E%3C/svg%3E"); }

.submenu-toggle:active { background-color: #007ac2; color: #ffffff; }

@media screen and (max-width: 1023px) { .submenu-toggle { display: block; } }

.mega-submenu { display: block; margin-bottom: 1.5rem; }

@media screen and (max-width: 1023px) { .mega-submenu { margin-bottom: 0rem; padding-left: 1.4rem; font-size: 1.2019rem; line-height: 1.5; } }

@media screen and (max-width: 1023px) and (max-width: 1023px) { .mega-submenu { font-size: 1.1305rem; } }

@media screen and (max-width: 1023px) and (max-width: 599px) { .mega-submenu { font-size: 1.0625rem; } }

.mega-submenu h5 { border-bottom: 1px solid #cccccc; font-size: 1rem; line-height: 1.5; color: #828282; }

@media screen and (max-width: 1023px) { .mega-submenu h5 { margin-top: 1.5rem; margin-bottom: 0rem; color: #a9a9a9; font-size: 0.75rem; line-height: 1.5; font-weight: 700; font-style: normal; text-transform: uppercase; border-bottom: 0; } }

.mega-menu-list { margin: 0; padding: 0; }

.mega-menu-list li { display: flex; align-items: stretch; justify-items: stretch; margin: 0; padding: 0; list-style-type: none; }

.mega-menu-list li a { flex: 1 1 auto; }

.mega-menu-list li a { flex: 1 1 auto; }

.mega-menu-list .svg-icon { display: inline-block; height: 24px; width: 24px; }

.mega-menu-icons { margin: 0; padding: 0; flex: 1 1 auto; display: -ms-grid; display: grid; -ms-grid-columns: 50% 1px 50%; /* autoprefixer: ignore next */ grid-template-columns: minmax(calc(46px + 6rem), 1fr) minmax(calc(46px + 6rem), 1fr); -ms-grid-rows: 1fr 1px 1fr 1px 1fr 1px 1fr; /* autoprefixer: ignore next */ grid-template-rows: repeat(auto-fit, 1fr); grid-gap: 1px; padding: 1px; background-color: #cccccc; }

.mega-menu-icons li { display: flex; align-items: stretch; justify-items: stretch; margin: 0; padding: 0; list-style-type: none; }

.mega-menu-icons li a { flex: 1 1 auto; }

@media screen and (max-width: 1023px) { .mega-menu-icons { max-width: calc(100% - 2rem - 2px); margin: 1rem; } }

.mega-menu-icons > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.mega-menu-icons > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2; }

.mega-menu-icons > *:nth-child(3) { -ms-grid-row: 2; -ms-grid-column: 1; }

.mega-menu-icons > *:nth-child(4) { -ms-grid-row: 2; -ms-grid-column: 2; }

.mega-menu-icons > *:nth-child(5) { -ms-grid-row: 3; -ms-grid-column: 1; }

.mega-menu-icons > *:nth-child(6) { -ms-grid-row: 3; -ms-grid-column: 2; }

.mega-menu-icons > *:nth-child(7) { -ms-grid-row: 4; -ms-grid-column: 1; }

.mega-menu-icons > *:nth-child(8) { -ms-grid-row: 4; -ms-grid-column: 2; }

.mega-menu-icons > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.mega-menu-icons > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }

.mega-menu-icons > *:nth-child(3) { -ms-grid-row: 3; -ms-grid-column: 1; }

.mega-menu-icons > *:nth-child(4) { -ms-grid-row: 3; -ms-grid-column: 3; }

.mega-menu-icons > *:nth-child(5) { -ms-grid-row: 5; -ms-grid-column: 1; }

.mega-menu-icons > *:nth-child(6) { -ms-grid-row: 5; -ms-grid-column: 3; }

.mega-menu-icons > *:nth-child(7) { -ms-grid-row: 7; -ms-grid-column: 1; }

.mega-menu-icons > *:nth-child(8) { -ms-grid-row: 7; -ms-grid-column: 3; }

.mega-menu-icons .svg-icon { display: block; height: 48px; width: 48px; margin-right: auto; margin-left: auto; margin-bottom: 0.25rem; }

.mega-menu-icons a { display: flex; flex-direction: column; display: flex; justify-content: center; width: 50%; margin: 0; padding: 1rem 1rem; background-color: #f8f8f8; box-shadow: 0 0 0 1px transparent; font-size: 0.8125rem; line-height: 1.5; line-height: 1.15; text-align: center; }

.mega-menu-icons a:hover, .mega-menu-icons a:focus { z-index: +1; background-color: #ffffff; color: #004575; box-shadow: 0 0 0 1px #007ac2; text-decoration: none; outline: 0; }

.mega-menu-icons a .svg-icon { transition: 150ms linear; }

.mega-menu-link { display: block; padding: 0.33rem 0; background-color: transparent; color: #6e6e6e; font-size: 0.9375rem; line-height: 1.5; line-height: 1.33; text-align: left; transition: 150ms linear; }

.mega-menu-link:hover, .mega-menu-link:focus { color: #007ac2; text-decoration: none; outline: 0; }

@media screen and (max-width: 1023px) { .mega-menu-link { padding: 1.4rem 1.4rem 1.4rem 0; color: #4c4c4c; box-shadow: inset 0px -1px 0px 0px #efefef; }
  .mega-menu-link:after { content: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%230079c1'%3E%3Cpath d='M3 6.982h9.452L9.948 4.48l.707-.707L14.384 7.5l-3.729 3.729-.707-.707 2.54-2.54H3z'/%3E%3C/svg%3E"); display: inline-block; height: 16px; width: 16px; float: none; vertical-align: middle; opacity: 0; transform: translateX(-1rem); transition: 150ms linear; }
  .mega-menu-link:hover, .mega-menu-link:focus { box-shadow: inset 0px -1px 0px 0px #007ac2; }
  .mega-menu-link:hover:after, .mega-menu-link:focus:after { opacity: 1; transform: translateX(0); }
  .mega-menu-icons .mega-menu-link:after { display: none; } }

.mega-menu-link .svg-icon { transition: 150ms linear; }

#megaMenuDocumentation { display: block; columns: 2; column-gap: 1.85rem; min-width: 597px; max-width: 50vw; padding: 2rem 1.85rem; }

@media screen and (max-width: 1023px) { #megaMenuDocumentation { display: flex; flex-direction: column; columns: 1; min-width: 320px; width: 33vw; max-width: 0; padding: 0; } }

#megaMenuDocumentation .mega-menu-icons { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; }

@media screen and (max-width: 1023px) { #megaMenuDocumentation .mega-menu-icons { max-width: calc(100% - 1.4rem - 2px); margin-right: 1.4rem; margin-left: 0; } }

#megaMenuDocumentation .mega-menu-icons .svg-icon { height: 64px; width: 64px; }

#megaMenuDocumentation .mega-submenu { margin-bottom: 2.25rem; }

#megaMenuDocumentation .mega-submenu:last-child { margin-bottom: 0rem; }

@media screen and (max-width: 1023px) { #megaMenuDocumentation .mega-submenu:last-child { margin-bottom: 3rem; } }

#megaMenuDocumentation .mega-submenu, #megaMenuDocumentation .mega-menu-list, #megaMenuDocumentation .mega-menu-list li, #megaMenuDocumentation .mega-menu-link { break-inside: avoid-column; }

#megaMenuFeatures { display: flex; flex-direction: column; }

@media screen and (max-width: 1023px) { #megaMenuFeatures { width: 100%; } }

.mega-menu { left: 0; }

@media screen and (max-width: 1023px) { .mega-menu { left: 100%; } }

.mega-menu.is-active { opacity: 1; pointer-events: all; }

@media screen and (max-width: 1023px) { .mega-menu.is-active { min-width: 320px; max-width: 33vw; transform: translate3d(-100%, 0, 0); } }

developers-search { display: flex; align-items: stretch; border-bottom: 1px solid transparent; border-right: 1px solid #cccccc; }

.search-top-nav { display: flex; align-items: center; padding: 0.66rem 1.275rem; border-bottom: 0; }

.search-top-nav .svg-icon { height: 24px; width: 24px; padding-right: 0; }

developers-user-navigation { display: flex; align-items: stretch; z-index: 100; border-bottom: 1px solid transparent; }

developers-user-navigation > div { display: flex; align-items: stretch; position: relative; }

developers-user-navigation .mega-menu { left: auto; right: 0; overflow: hidden; transform: translate3d(0, 5px, 0); }

@media screen and (max-width: 1023px) { developers-user-navigation .mega-menu { top: 100%; max-width: 0; transform: translate3d(0, 0, 0); }
  developers-user-navigation .mega-menu.is-active { max-width: 50vw; transform: translate3d(0, 0, 0); } }

developers-user-navigation .developers-header-dashboard { padding: 0.66rem 1.33rem; }

developers-user-navigation .developers-header-dashboard .top-nav-label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

developers-user-navigation .developers-header-add { z-index: 100; }

developers-user-navigation .developers-header-add .svg-icon { transition: 150ms linear; transform: scaleY(1); }

developers-user-navigation .developers-header-add.is-active .svg-icon:last-child { transform: scaleY(-1); }

@media screen and (max-width: 767px) { developers-user-navigation .developers-header-add { display: none; } }

developers-user-navigation .developers-header-account-control { display: -ms-grid; display: grid; -ms-grid-rows: auto 0 auto; grid-template-areas: "account-image account-name" "account-image account-id"; -ms-grid-columns: 32px 0.66rem minmax(0, 1fr); grid-template-columns: 32px minmax(0, 1fr); grid-gap: 0 0.66rem; padding: 0.66rem 1.275rem; background: transparent; font-size: 0.9375rem; line-height: 1.5; }

@media screen and (max-width: 1280px) { developers-user-navigation .developers-header-account-control { grid-template-areas: "account-image"; -ms-grid-columns: calc(32px + 2.5rem); /* autoprefixer: ignore next */ grid-template-columns: 32px; grid-gap: 0; } }

developers-user-navigation .developers-header-account-control .developers-header-account-name, developers-user-navigation .developers-header-account-control .developers-header-account-id { display: inline-block; max-width: 100%; overflow: hidden; text-align: left; text-overflow: ellipsis; }

@media screen and (max-width: 1280px) { developers-user-navigation .developers-header-account-control .developers-header-account-name, developers-user-navigation .developers-header-account-control .developers-header-account-id { grid-area: initial; display: none; } }

developers-user-navigation .developers-header-account-control .developers-header-account-image { -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 1; grid-area: account-image; height: 32px; width: 32px; }

developers-user-navigation .developers-header-account-control .developers-header-account-name { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: account-name; font-weight: 700; font-style: normal; }

developers-user-navigation .developers-header-account-control .developers-header-account-id { -ms-grid-row: 3; -ms-grid-column: 3; grid-area: account-id; font-size: 0.875rem; line-height: 1.5; }

@media screen and (max-width: 1280px) { developers-user-navigation .developers-header-account-control .developers-header-account-image { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1; } }

developers-user-navigation .developers-header-account-image { border-radius: 50%; }

developers-user-navigation .svg-icon { height: 24px; width: 24px; padding-right: 0; vertical-align: top; }

#megaMenuAdd { padding: 0; }

#megaMenuAdd .mega-menu-list { padding: 0.75rem 1.5rem; }

#megaMenuAdd .mega-menu-link { white-space: nowrap; }

#megaMenuAdd .mega-menu-link:hover, #megaMenuAdd .mega-menu-link:focus { text-decoration: none; outline: 0; }

#megaMenuAdd .mega-menu-link:hover:after, #megaMenuAdd .mega-menu-link:focus:after { opacity: 1; transform: translateX(0); }

#megaMenuAdd .mega-menu-link:after { content: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%23004575'%3E%3Cpath d='M3 6.982h9.452L9.948 4.48l.707-.707L14.384 7.5l-3.729 3.729-.707-.707 2.54-2.54H3z'/%3E%3C/svg%3E"); display: inline-block; height: 16px; width: 16px; margin-left: 0.5rem; opacity: 0; vertical-align: middle; transform: translateX(-1rem); transition: 150ms linear; }

#megaMenuAccount { min-width: 410px; padding: 0; transition: transform 150ms linear, max-width 150ms linear, min-width 150ms linear, opacity 150ms linear; }

@media screen and (max-width: 1023px) { #megaMenuAccount { max-width: 50vw; min-width: 410px; opacity: 0; }
  #megaMenuAccount.is-active { opacity: 1; } }

@media screen and (max-width: 500px) { #megaMenuAccount { min-width: unset; width: 100vw; max-width: 100vw; } }

#megaMenuAccount .submenu-toggle { width: 100%; padding: 0.33rem 1.2rem; border-top: 1px solid #efefef; }

#megaMenuAccount .submenu-toggle:before { float: right; transform: rotate(180deg); transform-origin: 0 80%; }

.developers-header-account-menu { display: -ms-grid; display: grid; -ms-grid-rows: auto 0 auto; grid-template-areas: "account-info account-links" "account-footer account-footer"; -ms-grid-columns: 1fr 0 1fr; grid-template-columns: 1fr 1fr; grid-gap: 0; }

.developers-header-account-menu .developers-header-account-info { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: account-info; display: -ms-grid; display: grid; justify-items: center; margin: 0; padding: 2rem 1rem; }

.developers-header-account-menu .developers-header-account-info .developers-header-account-image { -ms-grid-row: 1; border: 3px solid #007ac2; }

.developers-header-account-menu .developers-header-account-info figcaption { -ms-grid-row: 2; display: -ms-grid; display: grid; justify-items: center; margin-top: 0.75rem; margin-bottom: 0rem; color: #4c4c4c; font-style: normal; }

.developers-header-account-menu .developers-header-account-info .developers-header-account-name, .developers-header-account-menu .developers-header-account-info .developers-header-account-id { display: inline-block; }

.developers-header-account-menu .developers-header-account-info .developers-header-account-name { -ms-grid-row: 1; font-size: 1.2019rem; line-height: 1.5; }

@media screen and (max-width: 1023px) { .developers-header-account-menu .developers-header-account-info .developers-header-account-name { font-size: 1.1305rem; } }

@media screen and (max-width: 599px) { .developers-header-account-menu .developers-header-account-info .developers-header-account-name { font-size: 1.0625rem; } }

.developers-header-account-menu .developers-header-account-info .developers-header-account-id { -ms-grid-row: 2; }

.developers-header-account-menu .developers-header-account-links { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: account-links; -ms-grid-row-align: center; align-self: center; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; padding: 0; margin: 0.375rem 0; margin: 0; padding: 1rem; }

.developers-header-account-menu .developers-header-account-links li { list-style-type: none; margin-left: 0; }

.developers-header-account-menu .developers-header-account-links li { margin-top: 0.375rem; margin-bottom: 0.375rem; }

.developers-header-account-menu .developers-header-account-links li:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.developers-header-account-menu .developers-header-account-links li:nth-child(2) { -ms-grid-row: 2; -ms-grid-column: 1; }

.developers-header-account-menu .developers-header-account-links li:nth-child(3) { -ms-grid-row: 3; -ms-grid-column: 1; }

.developers-header-account-menu .developers-header-account-links li:nth-child(4) { -ms-grid-row: 4; -ms-grid-column: 1; }

.developers-header-account-menu .developers-header-account-links li:nth-child(5) { -ms-grid-row: 5; -ms-grid-column: 1; }

.developers-header-account-menu .developers-header-account-links li:nth-child(6) { -ms-grid-row: 6; -ms-grid-column: 1; }

.developers-header-account-menu .developers-header-account-links a:hover, .developers-header-account-menu .developers-header-account-links a:focus { color: #004575; text-decoration: none; outline: 0; }

.developers-header-account-menu .developers-header-account-links a:hover:after, .developers-header-account-menu .developers-header-account-links a:focus:after { opacity: 1; transform: translateX(0); }

.developers-header-account-menu .developers-header-account-links a:after { content: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%23004575'%3E%3Cpath d='M3 6.982h9.452L9.948 4.48l.707-.707L14.384 7.5l-3.729 3.729-.707-.707 2.54-2.54H3z'/%3E%3C/svg%3E"); display: inline-block; height: 16px; width: 16px; margin-left: 0.5rem; opacity: 0; vertical-align: middle; transform: translateX(-1rem); transition: 150ms linear; }

.developers-header-account-menu .developers-header-account-footer { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: account-footer; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; text-align: center; }

.developers-header-account-menu .developers-header-account-footer > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.developers-header-account-menu .developers-header-account-footer > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2; }

.top-nav-canvas { position: absolute; top: 100%; left: 0px; right: 0px; z-index: -1; max-height: 0; height: calc(100vh - 64px); background-color: rgba(0, 0, 0, 0.5); color: transparent; border: 0; opacity: 0; transition: opacity 150ms linear; pointer-events: none; }

.top-nav-canvas.is-active { min-width: calc(100% + 6px); max-height: 100vh; left: -3px; right: -3px; opacity: 1; pointer-events: all; }

.search-overlay .search-content, .search-results .search-content { text-align: left; }

.search-overlay .search-input:placeholder, .search-results .search-input:placeholder { line-height: 1.15; }

.search-overlay .search-input:input-placeholder, .search-results .search-input:input-placeholder { line-height: 1.15; }

.search-overlay .search-input::-webkit-input-placeholder, .search-results .search-input::-webkit-input-placeholder { line-height: 1.15; }

.search-overlay .search-input::-moz-placeholder, .search-results .search-input::-moz-placeholder { line-height: 1.15; }

.search-overlay .search-input:-ms-input-placeholder, .search-results .search-input:-ms-input-placeholder { line-height: 1.15; }

.card-dark { background-color: #595959; }

.search-results { background-color: #4c4c4c; }

input[type="search"].search-results-input { background-color: transparent; color: #ffffff; }

.svg-icon { fill: currentColor; pointer-events: none; display: inline-block; width: 1em; height: 1em; vertical-align: middle; padding-right: .15em; }

.icon-ui-sub-nav:before { content: "\f147"; line-height: 1.5; }

.center-column { margin-left: auto !important; margin-right: auto !important; float: none; }

.btn-wrap { white-space: normal; }

.text-break-words { word-break: break-all; }

.icon-in-circle { width: 4rem; height: 4rem; border-radius: 4rem; background: white; color: #064673; text-align: center; line-height: 4rem; margin: 0 auto; }

.icon-in-circle-purple { background: #9081bc; color: #ffffff; }

.icon-in-circle-green { background: #5a9359; color: #ffffff; }

.top-nav-animation { opacity: 0; }

.top-nav-animation { animation: fade-in ease-in-out; animation-fill-mode: forwards; animation-duration: 250ms; animation-delay: 250ms; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.alert.alert-no-z { z-index: inherit; }

.alert.alert-full { max-width: none; }

.text-underline { text-decoration: underline; }

.esri-logo { min-width: 140px; min-height: 75px; margin-top: 0; margin-bottom: 0; margin-left: 0; background-image: url("../img/esri-logo.svg") !important; background-position-x: -4px; }

a > code { color: #0079c1; }

a > code:hover { color: #005e95; }

.term-card-summary { text-align: left; width: 15rem; padding: 1rem; z-index: 1; position: absolute; background-color: white; box-shadow: 3px 3px 3px 0px #dcdcdcfc; border: 2px solid #cccccc; transition: opacity 0.25s ease-out 2s; }

.term-card-summary dd { margin-left: 0; font-size: 0.75rem; }

.term-card-summary dl { margin-bottom: 0; }

.term-card-summary p { margin-bottom: 0; }

.term-card { cursor: pointer; }

.term-card-summary { opacity: 1; }

.hover-card-read-more { padding-top: 2em; color: #007ac2; }

afd-term > a { color: #4c4c4c; text-decoration: none; }

afd-term > a abbr { cursor: inherit; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }

afd-term { text-underline-position: under; display: inline; }

@media (min-width: 0px) and (max-width: 920px) { .term-card-summary { text-align: left; width: 12rem; display: none; }
  dd { margin-left: 0; font-size: 0.5rem; } }

.js-container-guide blockquote, .js-container-guide blockquote p { font-size: 1rem; line-height: 1.5; }

developers-toc a { word-break: break-word; }

.js-container-guide table code { word-break: normal; }

select { max-width: 100%; }

.top-nav-list.right { float: right; }

.site-search { display: none; position: relative; margin-top: 0.45em; width: 100px; }

.site-search .icon-search::before { width: 0px; }

.site-search-button { position: absolute; padding-right: 0.5em; padding-left: 0.5em; right: 0; top: 0; bottom: 0; opacity: 0; transition: all 200ms linear; border-radius: 0 3px 3px 0; pointer-events: none; }

html.logged-in .hide-if-logged-in { display: none; }

html.logged-out .hide-if-logged-out { display: none; }

html.user-role-publisher .hide-unless-admin, html.user-role-user html.user-role-viewer .hide-unless-admin { display: none; }

.show-if-public-account { display: none; }

html.user-public-account .hide-if-public-account { display: none; }

html.user-public-account .show-if-public-account { display: block; }

.secondary-nav { position: relative; z-index: 98; background-color: rgba(0, 0, 0, 0.75); color: #ffffff; box-shadow: 0px 1px 0px 0px #323232; transition: 150ms linear; }

.secondary-nav.sticky { position: sticky; top: 0; }

@media screen and (max-width: 1023px) { .secondary-nav { background-color: transparent; background-image: linear-gradient(to left, rgba(0, 0, 0, 0.85) 50%, #4c4c4c 50%); background-size: 200% auto; background-position: 0; }
  .secondary-nav.is-active { background-position: 100%; } }

.secondary-nav-container { display: flex; flex-wrap: nowrap; display: flex; align-items: center; display: flex; justify-content: space-between; position: relative; width: 1440px; max-width: 96vw; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; box-sizing: border-box; }

@media screen and (max-width: 860px) { .secondary-nav-container { width: 100%; max-width: 100%; } }

.secondary-nav-title { position: relative; margin-top: 0rem; margin-bottom: 0rem; overflow: hidden; color: #efefef; font-size: 18px; white-space: nowrap; }

@media screen and (max-width: 1023px) { .secondary-nav-title { flex: 1 1 auto; width: calc(100vw - 42px - 1rem); -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0.75) 95%, transparent 100%); mask-image: linear-gradient(to right, rgba(0, 0, 0, 0.75) 95%, transparent 100%); } }

@media screen and (max-width: 860px) { .secondary-nav-title { margin-left: 2vw; } }

.secondary-nav-title .svg-icon { height: 32px; width: 32px; }

.secondary-nav-title .secondary-nav-breadcrumb { color: #cccccc; font-size: 18px; }

@media screen and (min-width: 1024px) { .secondary-nav-title .secondary-nav-breadcrumb { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } }

.secondary-nav-title .secondary-nav-breadcrumb:before { content: " / "; color: #828282; }

.secondary-nav-title .secondary-nav-title-link { color: #ffffff; }

.secondary-nav-title .secondary-nav-title-link:hover { color: #56a5d8; text-decoration: none; }

@media screen and (max-width: 1024px) { .secondary-nav-title .secondary-nav-title-link { pointer-events: none; } }

.secondary-nav-title .secondary-nav-title-link + .secondary-nav-title-link { color: #cccccc; }

.secondary-nav-title .secondary-nav-title-link + .secondary-nav-title-link:hover { color: #56a5d8; text-decoration: none; }

.secondary-nav-title .secondary-nav-title-link + .secondary-nav-title-link:before { content: " / "; color: #828282; }

.secondary-nav-list { pointer-events: none; }

@media screen and (max-width: 1023px) { .secondary-nav-list { max-width: 0; overflow: hidden; }
  .secondary-nav-list.is-active { overflow: visible; } }

.secondary-nav-items { flex: 1 1 100%; display: flex; flex-wrap: nowrap; display: flex; align-items: center; margin: 0; padding: 0; pointer-events: all; transition: 150ms linear; }

@media screen and (max-width: 1023px) { .secondary-nav-items { display: flex; flex-direction: column; display: flex; align-items: stretch; position: absolute; top: 100%; right: 0; z-index: 1; max-height: 0; min-width: 33vw; overflow: hidden; background-color: #323232; transition-duration: 0.25s; }
  .secondary-nav-items.is-active { max-height: 50vh; } }

@media screen and (max-height: 860px) { .secondary-nav-items.is-active { max-height: calc(100vh - 46px); overflow-y: auto; } }

@media screen and (max-width: 640px) { .secondary-nav-items { width: 100vw; height: 100vh; }
  .secondary-nav-items.is-active { max-height: calc(100vh - 46px); } }

.secondary-nav-item { display: flex; justify-content: stretch; display: flex; align-items: stretch; margin: 0; padding: 0; font-size: 0.9375rem; line-height: 1.5; list-style-type: none; }

@media screen and (max-width: 1023px) { .secondary-nav-item { background-color: #323232; } }

.secondary-nav-link { flex: 1 1 auto; padding: 1rem 1vw; background-color: transparent; color: inherit; white-space: nowrap; text-align: center; box-shadow: inset 0px 0px 0px 0px transparent; transition: 150ms linear; }

.secondary-nav-link:hover, .secondary-nav-link.is-active { color: inherit; text-decoration: none; box-shadow: inset 0px -3px 0px 0px #007ac2; }

.secondary-nav-link.is-active { background-color: #323232; }

@media screen and (max-width: 1023px) { .secondary-nav-link { padding: 1.15rem 1.5rem; text-align: left; box-shadow: 0; pointer-events: all; }
  .secondary-nav-link:hover { background-color: #595959; box-shadow: none; }
  .secondary-nav-link.is-active { box-shadow: inset 3px 0 0 0 #007ac2; } }

@media screen and (max-width: 600px) { .secondary-nav-link { padding: 1rem 1.5rem; } }

@media screen and (min-width: 1440px) { .secondary-nav-link { padding: 1rem 1rem; } }

.secondary-nav-toggle { flex: 0 0 42px; min-height: 42px; min-width: 42px; background-color: transparent; border: 0; cursor: pointer; transition: 150ms linear; }

@media screen and (max-width: 860px) { .secondary-nav-toggle { margin-right: 2vw; } }

@media screen and (min-width: 1024px) { .secondary-nav-toggle { display: none; } }

.secondary-nav-toggle .svg-icon { fill: #a9a9a9; height: 16px; width: 16px; padding-right: 0; transition: 150ms linear; }

.secondary-nav-toggle:focus, .secondary-nav-toggle:hover, .secondary-nav-toggle:active { background-color: #595959; outline: 0; }

.secondary-nav-toggle:focus .svg-icon, .secondary-nav-toggle:hover .svg-icon, .secondary-nav-toggle:active .svg-icon { fill: #ffffff; }

.is-active .secondary-nav-toggle .svg-icon { transform: scaleY(-1); }

.secondary-nav-toggle-label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.secondary-nav-toggle-label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.secondary-nav-canvas { position: absolute; top: 100%; left: 0; bottom: 100vh; right: 0; width: 100%; height: calc(100vh - 42px); background-color: rgba(0, 0, 0, 0.5); color: transparent; border: 0; opacity: 0; transition: 150ms linear; pointer-events: none; }

.is-active .secondary-nav-canvas { opacity: 1; pointer-events: all; }

.sticky .secondary-nav-canvas { position: absolute; top: calc(100% + 1px); }

@media screen and (min-width: 1024px) { .secondary-nav-canvas { top: 56px; display: none; height: calc(100vh - 56px); } }

.banner-hero { display: -ms-grid; display: grid; -ms-grid-rows: auto 1rem auto 1rem auto; grid-template-areas: ". banner-title ." ". banner-subtitle ." ". banner-btn ."; -ms-grid-columns: minmax(1rem, calc(50vw - 720px)) 1fr 1fr 1fr minmax(1rem, calc(50vw - 720px)); grid-template-columns: minmax(1rem, calc(50vw - 720px)) 1fr minmax(1rem, calc(50vw - 720px)); grid-auto-rows: -webkit-min-content; grid-auto-rows: min-content; grid-gap: 1rem; align-content: center; justify-items: center; min-height: 360px; max-height: 60vh; padding: 4rem 0; background-color: #141719; background-image: radial-gradient(ellipse at center, #1d1d1d 0%, rgba(29, 29, 29, 0) 100%), url("../img/home/banner-medium-wide.jpg"); background-position: center; background-size: cover; color: #ffffff; }

.banner-hero.banner-hero-large { max-height: 60vh; padding: 6rem 0; background-image: radial-gradient(ellipse at center, #1d1d1d 0%, rgba(29, 29, 29, 0) 100%), url("../img/home/banner-large-wide.jpg"); }

.banner-hero.banner-hero-small { max-height: 25vh; padding: 2rem 0; background-image: radial-gradient(ellipse at center, #1d1d1d 0%, rgba(29, 29, 29, 0) 100%), url("../img/home/banner-large-wide.jpg"); }

.banner-hero .banner-hero-title { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: banner-title; -ms-grid-row-align: center; align-self: center; -ms-grid-column: 2; -ms-grid-column-span: 3; -ms-grid-row: 1; margin: 0; text-align: center; }

.banner-hero .banner-hero-subtitle { -ms-grid-row: 3; -ms-grid-column: 3; grid-area: banner-subtitle; -ms-grid-row-align: center; align-self: center; -ms-grid-column: 2; -ms-grid-column-span: 3; -ms-grid-row: 3; margin: 0; text-align: center; }

.banner-hero .banner-hero-btn { -ms-grid-row: 5; -ms-grid-column: 3; grid-area: banner-btn; -ms-grid-row-align: center; align-self: center; -ms-grid-column: 3; -ms-grid-row: 5; position: relative; display: inline-block; width: auto; padding: 0.3rem 0.9rem; box-sizing: border-box; background-color: #007ac2; color: #ffffff; font-size: 0.9375rem; line-height: 1.5; white-space: nowrap; border-radius: 0; border: 1px solid #007ac2; cursor: pointer; transition: all 0.05s linear; background-color: #007ac2; color: #ffffff; border-color: #007ac2; position: relative; display: inline-block; width: auto; padding: 0.3rem 0.9rem; box-sizing: border-box; background-color: #007ac2; color: #ffffff; font-size: 0.9375rem; line-height: 1.5; white-space: nowrap; border-radius: 0; border: 1px solid #007ac2; cursor: pointer; transition: all 0.05s linear; padding: 1.12782rem 0.9rem; font-size: 1rem; line-height: 1.5; text-align: center; border: none; background: #6b1978 linear-gradient(135deg, #642ac0 0%, #8841b5 100%); padding-left: 3rem; padding-right: 3rem; }

.banner-hero .banner-hero-btn:hover { text-decoration: none; background-color: #004575; color: #ffffff; }

.banner-hero .banner-hero-btn:hover { background-color: #ffffff; color: #007ac2; }

.banner-hero .banner-hero-btn:hover { text-decoration: none; background-color: #004575; color: #ffffff; }

.banner-hero .banner-hero-btn:hover { background: #ffffff; color: #6b1978; }

.get-started-quick-links .sdk-get-started, .get-started-quick-links .sdk-quick-links { margin-bottom: 4rem; }

.get-started-quick-links .sdk-get-started .get-started-link:first-of-type { flex-basis: 66.333%; }

.tabbed-content-switcher { display: block; }

@media screen and (max-width: 1024px) { .tabbed-content-switcher { position: relative; max-width: 96vw; } }

.tabbed-content-tab-group { display: flex; flex-direction: row; display: flex; flex-wrap: nowrap; margin-bottom: 0.75rem; margin-left: 0; text-align: center; list-style: none; border-bottom: 1px solid #cccccc; transition: all 0.05s linear; }

.tabbed-content-tab-group.tabs-5-up { overflow: hidden; -webkit-overflow-scrolling: touch; border-bottom: 0; margin-bottom: 0rem; }

.show-all-tabs .tabbed-content-tab-group { display: flex; flex-wrap: wrap; position: relative; }

@media screen and (max-width: 1024px) { .tabbed-content-tab-group { position: relative; padding-bottom: 1rem; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .tabbed-content-tab-group:after { content: "\00a0\00a0\00a0\00a0\00a0\00a0"; position: sticky; top: 0; right: 0; z-index: 2; background-image: linear-gradient(to right, transparent 0%, #ffffff 50%, #ffffff 100%); } }

@media screen and (min-width: 1024px) { .tabbed-content-tab-group { overflow: auto; } }

.tabbed-content-tab { flex: 1 1 auto; display: flex; justify-content: stretch; display: flex; align-items: stretch; margin-top: 0rem; margin-bottom: 0rem; transition: all 0.05s linear; }

html:not([dir="rtl"]) .tabbed-content-tab { margin-right: 0.5rem; }

html:not([dir="rtl"]) .tabbed-content-tab { margin-left: 0.5rem; }

@media screen and (max-width: 1024px) { .tabbed-content-tab { min-width: 33%; } }

@media screen and (min-width: 1024px) { .tabbed-content-tab { -ms-flex-basis: 100%; flex-basis: 100%; min-width: none; }
  html:not([dir="rtl"]) .tabbed-content-tab { margin-right: 1rem; }
  html:not([dir="rtl"]) .tabbed-content-tab { margin-left: 1rem; }
  html:not([dir="rtl"]) .tabbed-content-tab:first-of-type { margin-left: 0rem; }
  html:not([dir="rtl"]) .tabbed-content-tab:last-of-type { margin-right: 0rem; } }

.tabbed-content-tab.clickable { cursor: pointer; }

.tabbed-content-tab.is-active > span { border-bottom-color: #56a5d8; }

.tabbed-content-tab.is-active .svg-icon { color: #56a5d8; }

.tabbed-content-tab:focus, .tabbed-content-tab:active { outline: 0; }

.tabs-5-up .tabbed-content-tab { -ms-flex-basis: 20%; flex-basis: 20%; min-width: 20%; }

html:not([dir="rtl"]) .tabs-5-up .tabbed-content-tab { margin-left: 0rem; }

html:not([dir="rtl"]) .tabs-5-up .tabbed-content-tab { margin-right: 0rem; }

.tabbed-content-tab > span { flex: 1 1 100%; padding-top: 0rem; padding-bottom: 0.375rem; color: #595959; transition: all 0.05s linear; border-bottom: 3px solid transparent; }

html:not([dir="rtl"]) .tabbed-content-tab > span { padding-right: 0.5rem; }

html:not([dir="rtl"]) .tabbed-content-tab > span { padding-left: 0.5rem; }

.tabbed-content-tab > span:hover { text-decoration: none; border-bottom-color: rgba(86, 165, 216, 0.5); }

.tabbed-content-tab > span:hover .svg-icon { color: #56a5d8; }

@media screen and (min-width: 1024px) { .tabbed-content-tab > span { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  html:not([dir="rtl"]) .tabbed-content-tab > span { padding-right: 1rem; }
  html:not([dir="rtl"]) .tabbed-content-tab > span { padding-left: 1rem; } }

.tabbed-content-tab .svg-icon { height: 48px; width: 48px; color: #6e6e6e; }

.tabbed-content-tab-title { display: block; line-height: 1.25; }

.tabbed-content-section { display: none; }

.tabbed-content-section.is-active { display: block; }

.tabbed-content-container { display: flex; flex-direction: column; }

@media screen and (min-width: 1024px) { .tabbed-content-container { display: flex; flex-direction: row; display: flex; flex-wrap: nowrap; min-height: 450px; } }

.tabbed-content-image { flex: 1 0 100%; min-height: 33vh; }

@media screen and (max-width: 1024px) { .tabbed-content-image { order: 2; max-height: 350px; padding-left: 1rem; padding-right: 1rem; } }

@media screen and (min-width: 1024px) { .tabbed-content-image { flex: 0 1 auto; width: 50%; min-height: none; } }

.tabbed-content-image > * { max-width: 100%; }

.tabbed-content-content { flex: 1 0 100%; display: flex; flex-direction: column; display: flex; justify-content: center; padding-top: 1.5rem; padding-bottom: 1.5rem; }

html:not([dir="rtl"]) .tabbed-content-content { padding-right: 2rem; }

html:not([dir="rtl"]) .tabbed-content-content { padding-left: 2rem; }

@media screen and (max-width: 1024px) { .tabbed-content-content { order: 1; } }

@media screen and (min-width: 1024px) { .tabbed-content-content { flex: 0 1 auto; width: 50%; padding-top: 0rem; padding-bottom: 0rem; } }

.tabbed-content-content > * { flex: 0 1 auto; }

.tabbed-content-content p { -ms-flex-shrink: 0; flex-shrink: 0; font-size: 0.9375rem; line-height: 1.5; }

.tabbed-content-title { -ms-flex-shrink: 0; flex-shrink: 0; margin-bottom: 0.75rem; }

.tabbed-content-title a { display: inline-block; pointer-events: all; }

.capabilities { /* autoprefixer: off */ max-width: 100vw; margin-left: auto; margin-right: auto; padding-bottom: 3rem; padding-top: 3rem; background-color: #f1f2fa; }

html:not([dir="rtl"]) .capabilities { padding-left: 2rem; }

html:not([dir="rtl"]) .capabilities { padding-right: 2rem; }

.capabilities:nth-child(even) { background-color: #ffffff; }

.capabilities .capabilities-header { margin-bottom: 0rem; font-size: 1.69949rem; line-height: 1.3875; text-align: center; }

@media screen and (max-width: 1023px) { .capabilities .capabilities-header { font-size: 1.50357rem; } }

@media screen and (max-width: 599px) { .capabilities .capabilities-header { font-size: 1.32813rem; } }

.capabilities .capabilities-header h2 { display: block; }

.capabilities .capabilities-nav { width: calc(85vw + 1rem); max-width: calc(1440px + 1rem); margin: 0 auto; margin-bottom: 1rem; }

@media screen and (max-width: 1024px) { .capabilities .capabilities-nav { width: 100%; } }

@media screen and (max-width: 1024px) { .capabilities .capabilities-nav:after { background-image: linear-gradient(to right, transparent 0%, #f1f2fa 50%, #f1f2fa 100%); } }

.capabilities .capabilities-nav .tabbed-content-tab.is-active > span { border-bottom-color: #6b1978; }

.capabilities .capabilities-nav .tabbed-content-tab.is-active .svg-icon { color: #6b1978; }

.capabilities .capabilities-nav .tabbed-content-tab > span:hover { border-bottom-color: rgba(107, 25, 120, 0.5); }

.capabilities .capabilities-nav .tabbed-content-tab > span:hover .svg-icon { color: #6b1978; }

.capabilities .capability { /* autoprefixer: off */ width: 85vw; max-width: calc(1440px); margin: 0 auto; display: none; grid-template-areas: "header header" "img content"; -ms-grid-columns: 3fr minmax(300px, 1fr); grid-template-columns: 3fr minmax(300px, 1fr); grid-gap: 1rem 0; padding: 0; }

.capabilities .capability.is-active { display: -ms-grid; display: grid; }

@media screen and (min-width: 1280px) { .capabilities .capability:nth-child(even) { /* autoprefixer: off */ grid-template-areas: "header header" "content img"; -ms-grid-columns: minmax(300px, 1fr) 3fr; grid-template-columns: minmax(300px, 1fr) 3fr; } }

.capabilities .capability:nth-child(even) .capability-content { -ms-grid-column: 1; }

.capabilities .capability:nth-child(even) figure { -ms-grid-column: 2; }

@media screen and (max-width: 1279px) { .capabilities .capability { /* autoprefixer: off */ grid-template-areas: "header" "img" "content"; grid-template-columns: 1fr; -ms-grid-rows: fit-content(350px) 1fr; grid-template-rows: fit-content(350px) 1fr; grid-gap: 0; } }

@media screen and (max-width: 1024px) { .capabilities .capability { /* autoprefixer: off */ width: 100%; grid-template-areas: "header" "img" "content"; grid-template-columns: 1fr; -ms-grid-rows: fit-content(350px) 1fr; grid-template-rows: fit-content(350px) 1fr; } }

.capabilities .capability .capability-header { /* autoprefixer: off */ grid-area: header; -ms-grid-column: 1; -ms-grid-column-span: 2; }

.capabilities .capability .capability-header .capability-title { margin-top: 0.75rem; margin-bottom: 0.75rem; font-size: 1.69949rem; line-height: 1.3875; color: #595959; text-align: center; }

@media screen and (max-width: 1023px) { .capabilities .capability .capability-header .capability-title { font-size: 1.50357rem; } }

@media screen and (max-width: 599px) { .capabilities .capability .capability-header .capability-title { font-size: 1.32813rem; } }

.capabilities .capability .capability-content { /* autoprefixer: off */ grid-area: content; -ms-grid-column: 2; -ms-grid-row: 2; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; background-color: #ffffff; border: 1px solid #cccccc; }

@media screen and (min-width: 600px) and (max-width: 1279px) { .capabilities .capability .capability-content { -ms-grid-columns: 1fr; grid-template-columns: 1fr 1fr; } }

.capabilities .capability .capability-link { /* autoprefixer: off */ align-self: stretch; -ms-grid-column: 1; -ms-grid-row: 1; padding: 0.75rem; }

@media screen and (max-width: 1279px) { .capabilities .capability .capability-link { padding: 1rem; } }

.capabilities .capability .capability-link:only-child { -ms-grid-row-align: center; align-self: center; border: 0; }

.capabilities .capability .capability-link + .capability-link { /* autoprefixer: off */ -ms-grid-row: 2; border-top: 1px solid #cccccc; }

@media screen and (min-width: 600px) and (max-width: 1279px) { .capabilities .capability .capability-link + .capability-link { border-top: 0; border-left: 1px solid #cccccc; } }

.capabilities .capability .capability-link .capability-link-btn { position: relative; display: inline-block; width: auto; padding: 0.3rem 0.9rem; box-sizing: border-box; background-color: #007ac2; color: #ffffff; font-size: 0.9375rem; line-height: 1.5; white-space: nowrap; border-radius: 0; border: 1px solid #007ac2; cursor: pointer; transition: all 0.05s linear; background-color: transparent; color: #007ac2; border-color: #007ac2; }

.capabilities .capability .capability-link .capability-link-btn:hover { text-decoration: none; background-color: #004575; color: #ffffff; }

.capabilities .capability .capability-link .capability-link-btn:hover { background-color: #007ac2; color: #ffffff; }

.capabilities .capability figure { /* autoprefixer: off */ grid-area: img; -ms-grid-row: 2; -ms-grid-column: 1; position: relative; overflow: hidden; margin: 0; line-height: 0; border: 1px solid #cccccc; border-width: 1px 0 1px 1px; }

@media screen and (max-width: 1279px) { .capabilities .capability figure { border-width: 1px 1px 0 1px; } }

.capabilities .capability figure:before { content: ""; display: inline-block; width: 1px; height: 0; padding-bottom: calc(100% / (13 / 8)); }

@media screen and (max-width: 1024px) { .capabilities .capability figure { max-height: unset; min-height: unset; } }

.capabilities .capability figure img { height: auto; width: auto; max-width: 100%; max-height: auto; object-fit: cover; object-position: center; position: absolute; }

.capabilities .capability footer { grid-area: footer; display: flex; flex-wrap: nowrap; margin-bottom: 1rem; }

.capabilities .capability footer a { flex: 0 1 auto; }

.capabilities .capability footer a:nth-of-type(2) { margin-left: 0.5rem; }

.capabilities .capability footer a .svg-icon { transition: 150ms linear; transform: translateX(0); }

.capabilities .capability footer a .svg-icon.on-hover { opacity: 0; }

.capabilities .capability footer a:hover .svg-icon { transform: translateX(0.25rem); }

.capabilities .capability footer a:hover .svg-icon.on-hover { opacity: 1; }

.sub-nav { position: relative; }

@media screen and (max-width: 1024px) and (min-width: 600px) { .sub-nav { padding: 10px 0 0 0; } }

.third-nav { background-image: url("../img/navigation-bar-background.jpg"); background-position: center top; }

.hexagon-wrapper { background: url("../img/home/hexagon-banner-white.png") repeat-x top center; }

.features-hexagon { margin-bottom: 0.375em; padding: 0 0 0 2em; background: url("../img/home/home-hexicon.png") left center no-repeat transparent; background-size: 1.4em auto; }

.cube-hexicon { background-image: url("../img/home/cube-hexicon.png"); }

.simplified-api-hexicon { background-image: url("../img/home/simplified-api-hexicon.png"); }

.html5-hexicon { background-image: url("../img/home/html5-hexicon.png"); }

.offline-build { display: none; }

.sdk-home-banner-image.offline-build { display: none; }

.feedback a { padding-right: 3em; }

.feedback a:before { vertical-align: middle; }

@media print { .navigation-container, .side-nav, .dropdown-menu, .filter-dropdown-list { display: none; } }

.js-container-guide .proto-card-container { margin: 0 -1rem 0 -0.5rem; }

.proto-card-container { display: flex; align-items: stretch; display: flex; flex-wrap: wrap; }

.proto-card { background: #ffffff; flex: 0 1 0%; flex: 1 1 calc(33% - 1rem); box-sizing: border-box; min-width: calc(33% - 1rem); max-width: calc(33% - 1rem); display: flex; flex-direction: column; margin: 0 0.5rem 1rem; border: 1px solid #cccccc; transition: 150ms linear; }

.proto-card.proto-card-wide { min-width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; }

@media screen and (max-width: 1023px) { .proto-card { flex: 0 1 0%; flex: 1 1 calc(50% - 1rem); min-width: calc(50% - 1rem); max-width: calc(50% - 1rem); } }

@media screen and (max-width: 690px) { .proto-card { flex: 1 1 100%; max-width: 100%; } }

@media screen and (min-width: 1023px) { .proto-card-2-up .proto-card { flex: 1 1 calc(50% - 1rem); min-width: calc(50% - 1rem); max-width: calc(50% - 1rem); }
  .proto-card-2-up .proto-card:nth-child(odd) { margin-left: 0; }
  .proto-card-2-up .proto-card:nth-child(even) { margin-right: 0; }
  .proto-card-4-up .proto-card { flex: 1 1 calc(25% - 1rem); min-width: calc(25% - 1rem); max-width: calc(25% - 1rem); }
  .proto-card-5-up .proto-card { flex: 1 1 calc(20% - 1rem); min-width: calc(20% - 1rem); max-width: calc(20% - 1rem); }
  .proto-card-6-up .proto-card { flex: 1 1 calc(16.666% - 1rem); min-width: calc(16.666% - 1rem); max-width: calc(16.666% - 1rem); } }

.proto-card:hover { text-decoration: none; border-color: #0079c1; }

.proto-card:hover .proto-card-img > .svg-icon { transform: scale(1.1); }

.proto-card:hover .on-hover { opacity: 1; transform: translateX(0.25rem); }

.proto-card.proto-card-wide { margin: 2rem auto; }

.proto-card.proto-card-wide .flex-1-half { order: 1; }

@media screen and (min-width: 1024px) { .proto-card.proto-card-wide { flex: 1 1 100%; flex-direction: row; flex-wrap: nowrap; }
  .proto-card.proto-card-wide > * { padding: 2rem; } }

@media screen and (min-width: 1024px) { .proto-card.proto-card-wide .proto-card-img { flex: 1 1 50%; order: 1; } }

@media screen and (min-width: 1024px) { .proto-card.proto-card-wide:nth-child(even) .proto-card-img { order: 0; } }

.proto-card.proto-card-simple .proto-card-icon { margin: 1rem 0 0 1rem; width: 64px; height: 64px; }

.proto-card.proto-card-simple .proto-card-content { margin-bottom: 1rem; }

.proto-card.proto-card-simple .proto-card-footer { border-top: none; }

.proto-card.proto-card-simple:hover .proto-card-title { color: #0079c1; }

.proto-card-4-up .proto-card .shorten, .proto-card-5-up .proto-card .shorten, .proto-card-6-up .proto-card .shorten { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.proto-card > * { max-width: 100%; }

.proto-card .on-hover { opacity: 0; transform: translateX(0); transition: 150ms linear; }

.proto-card-img { position: relative; flex-basis: 132px; height: 132px; max-height: 132px; margin-bottom: 1rem; overflow: hidden; line-height: 0; }

@media screen and (min-width: 1024px) { .proto-card-4-up .proto-card-img { flex-basis: 119px; height: 119px; max-height: 119px; }
  .proto-card-5-up .proto-card-img, .proto-card-6-up .proto-card-img { flex-basis: 79px; height: 79px; max-height: 79px; } }

.proto-card-img img { height: auto; object-fit: cover; min-width: 100%; }

.proto-card-img .svg-icon { transition: 150ms linear; transform: scale(1); }

.proto-card-img.proto-card-img-native-aspect-ratio { flex-basis: auto; height: auto; max-height: none; }

.proto-card-caption { position: absolute; right: 0; bottom: 0; left: 0; margin-top: 0rem; margin-bottom: 0rem; padding: 0.25rem 1rem; background-color: rgba(255, 255, 255, 0.9); color: #4c4c4c; font-weight: 700; font-style: normal; font-size: 0.75rem; line-height: 1.5; letter-spacing: 0.12em; line-height: 1.1; text-transform: uppercase; }

@media screen and (min-width: 1024px) { .proto-card-4-up .proto-card-caption { padding: 0.25rem 1rem; }
  .proto-card-5-up .proto-card-caption { padding: 0.25rem 1rem; font-size: 0.75rem; line-height: 1.5; line-height: 1.1; }
  .proto-card-6-up .proto-card-caption { padding: 0.25rem 1rem; font-size: 0.75rem; line-height: 1.5; line-height: 1.1; } }

.proto-card-content { flex-grow: 1; order: 1; padding: 0 1rem; color: #595959; font-weight: 300; font-style: normal; font-size: 0.9375rem; line-height: 1.5; }

@media screen and (min-width: 1024px) { .proto-card-4-up .proto-card-content { padding: 0 1rem; font-size: 0.8125rem; line-height: 1.5; }
  .proto-card-5-up .proto-card-content { padding: 0 1rem; font-size: 0.8125rem; line-height: 1.5; }
  .proto-card-6-up .proto-card-content { padding: 0 1rem; font-size: 0.8125rem; line-height: 1.5; } }

.proto-card-content p { margin-top: 0rem; margin-bottom: 0rem; }

.proto-card-title { margin-bottom: 0.375rem; color: #323232; font-weight: 400; font-style: normal; font-size: 1.414rem; line-height: 1.5; word-wrap: break-word; }

@media screen and (max-width: 1023px) { .proto-card-title { font-size: 1.33rem; } }

@media screen and (max-width: 599px) { .proto-card-title { font-size: 1.25rem; } }

@media screen and (min-width: 1024px) { .proto-card-4-up .proto-card-title { font-size: 1rem; line-height: 1.5; }
  .proto-card-5-up .proto-card-title { font-size: 1rem; line-height: 1.5; }
  .proto-card-6-up .proto-card-title { font-size: 1rem; line-height: 1.5; } }

.proto-card-subtitle { margin-bottom: 0.99rem; color: #6e6e6e; font-size: 0.8125rem; line-height: 1.5; line-height: 1.25; }

@media screen and (min-width: 1024px) { .proto-card-4-up .proto-card-subtitle { font-size: 0.75rem; line-height: 1.5; }
  .proto-card-5-up .proto-card-subtitle { font-size: 0.75rem; line-height: 1.5; }
  .proto-card-6-up .proto-card-subtitle { font-size: 0.75rem; line-height: 1.5; } }

.proto-card-footer { order: 5; display: flex; flex-wrap: nowrap; display: flex; justify-content: space-between; margin-top: 1rem; padding: 0.66rem 1rem 0.66rem; font-size: 0.9375rem; line-height: 1.5; line-height: 1; color: #4c4c4c; border-top: 1px solid #cccccc; }

*:hover > .proto-card-footer { border-color: #0079c1; }

@media screen and (min-width: 1024px) { .proto-card-4-up .proto-card-footer { padding: 0.5rem 1rem 0.5rem; font-size: 0.875rem; line-height: 1.5; }
  .proto-card-5-up .proto-card-footer { padding: 0.5rem 1rem 0.5rem; font-size: 0.875rem; line-height: 1.5; }
  .proto-card-6-up .proto-card-footer { padding: 0.5rem 1rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } }

.proto-card-footer > * { flex: 0 1 auto; white-space: nowrap; }

.proto-card-footer > *:last-child { color: #0079c1; }

.guide-pagination-links { display: -ms-grid; display: grid; grid-template-areas: "previous . next"; -ms-grid-columns: minmax(-webkit-min-content, 33%) auto minmax(-webkit-min-content, 33%); -ms-grid-columns: minmax(min-content, 33%) auto minmax(min-content, 33%); grid-template-columns: minmax(-webkit-min-content, 33%) auto minmax(-webkit-min-content, 33%); grid-template-columns: minmax(min-content, 33%) auto minmax(min-content, 33%); }

.guide-pagination-link { border: 1px solid #cccccc; display: -ms-grid; display: grid; padding: 1rem; }

.guide-pagination-link.guide-pagination-link-next { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: next; grid-template-areas: "label icon" "title icon"; -ms-grid-columns: auto -webkit-min-content; -ms-grid-columns: auto min-content; grid-template-columns: auto -webkit-min-content; grid-template-columns: auto min-content; }

.guide-pagination-link.guide-pagination-link-previous { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: previous; grid-template-areas: "icon label" "icon title"; -ms-grid-columns: -webkit-min-content auto; -ms-grid-columns: min-content auto; grid-template-columns: -webkit-min-content auto; grid-template-columns: min-content auto; text-align: right; }

.guide-pagination-link .svg-icon { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 2; grid-area: icon; -ms-grid-row-align: center; align-self: center; -ms-grid-column-align: center; justify-self: center; width: 2rem; height: 2rem; color: #0079c1; }

.guide-pagination-link:hover { border-color: #005e95; text-decoration: none; }

.guide-pagination-link:hover .guide-pagination-label { color: #828282; }

.guide-pagination-link:hover .guide-pagination-title { text-decoration: underline; }

.guide-pagination-link:hover .svg-icon { color: #005e95; }

.guide-pagination-link .guide-pagination-label { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: label; color: #828282; font-size: 0.875rem; line-height: 1.5; }

.guide-pagination-link .guide-pagination-title { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: title; font-size: 1.2019rem; line-height: 1.5; line-height: 1.5rem; }

@media screen and (max-width: 1023px) { .developers-title { -ms-grid-row: 1; -ms-grid-column: 3; } .top-nav { -ms-grid-row: 1; -ms-grid-column: 5; } .top-nav { -ms-grid-row: 1; -ms-grid-column: 1; } .top-nav-toggle { -ms-grid-row: 1; -ms-grid-column: 1; } developers-search { -ms-grid-row: 1; -ms-grid-column: 7; } developers-user-navigation { -ms-grid-row: 1; -ms-grid-column: 9; } .guide-pagination-link .guide-pagination-title { -ms-grid-row: 1; -ms-grid-column: 3; } }

@media screen and (max-width: 1023px) { .guide-pagination-link .guide-pagination-title { font-size: 1.1305rem; } }

@media screen and (max-width: 599px) { .guide-pagination-link .guide-pagination-title { font-size: 1.0625rem; } }



.top-nav,.secondary-nav,.sub-nav,.footer,.js-feedback{
  display: none;
}