.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 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 1440px;
  max-width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  float: left;
}

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

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

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

@media screen {
  .grid-container {
    width: 1660px;
    max-width: 96dvw;
    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:not([dir="rtl"]) .last-column {
    margin-right: -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:not([dir="rtl"]) .tablet-last-column {
    margin-right: -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;
  }
  .phone-last-column {
    margin-right: -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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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);
  }
}

@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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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;
  }
}

@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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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;
  }
}

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

.right {
  float: right;
}

@media screen and (min-width: 1440px) {
  .large-left {
    float: left;
  }
  .large-right {
    float: right;
  }
}

@media screen and (max-width: 1023px) and (min-width: 600px) {
  .tablet-left {
    float: left;
  }
  .tablet-right {
    float: right;
  }
}

@media screen and (max-width: 599px) {
  .phone-left {
    float: left;
  }
  .phone-right {
    float: right;
  }
}

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

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

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

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

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

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

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

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

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

.block-group-8-up > .block {
  -ms-flex-preferred-size: calc(12.5% - 1.5rem);
  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 {
    -ms-flex-preferred-size: calc(100% - 1.5rem);
    flex-basis: calc(100% - 1.5rem);
    width: calc(100% - 1.5rem);
  }
  .tablet-block-group-2-up > .block {
    -ms-flex-preferred-size: calc(50% - 1.5rem);
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
  }
  .tablet-block-group-3-up > .block {
    -ms-flex-preferred-size: calc(33.33333% - 1.5rem);
    flex-basis: calc(33.33333% - 1.5rem);
    width: calc(33.33333% - 1.5rem);
  }
  .tablet-block-group-4-up > .block {
    -ms-flex-preferred-size: calc(25% - 1.5rem);
    flex-basis: calc(25% - 1.5rem);
    width: calc(25% - 1.5rem);
  }
  .tablet-block-group-5-up > .block {
    -ms-flex-preferred-size: calc(20% - 1.5rem);
    flex-basis: calc(20% - 1.5rem);
    width: calc(20% - 1.5rem);
  }
  .tablet-block-group-6-up > .block {
    -ms-flex-preferred-size: calc(16.66666% - 1.5rem);
    flex-basis: calc(16.66666% - 1.5rem);
    width: calc(16.66666% - 1.5rem);
  }
  .tablet-block-group-7-up > .block {
    -ms-flex-preferred-size: calc(14.2857% - 1.5rem);
    flex-basis: calc(14.2857% - 1.5rem);
    width: calc(14.2857% - 1.5rem);
  }
  .tablet-block-group-8-up > .block {
    -ms-flex-preferred-size: calc(12.5% - 1.5rem);
    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 {
    -ms-flex-preferred-size: calc(100% - 1.5rem);
    flex-basis: calc(100% - 1.5rem);
    width: calc(100% - 1.5rem);
  }
  .phone-block-group-2-up > .block {
    -ms-flex-preferred-size: calc(50% - 1.5rem);
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
  }
  .phone-block-group-3-up > .block {
    -ms-flex-preferred-size: calc(33.33333% - 1.5rem);
    flex-basis: calc(33.33333% - 1.5rem);
    width: calc(33.33333% - 1.5rem);
  }
  .phone-block-group-4-up > .block {
    -ms-flex-preferred-size: calc(25% - 1.5rem);
    flex-basis: calc(25% - 1.5rem);
    width: calc(25% - 1.5rem);
  }
  .phone-block-group-5-up > .block {
    -ms-flex-preferred-size: calc(20% - 1.5rem);
    flex-basis: calc(20% - 1.5rem);
    width: calc(20% - 1.5rem);
  }
  .phone-block-group-6-up > .block {
    -ms-flex-preferred-size: calc(16.66666% - 1.5rem);
    flex-basis: calc(16.66666% - 1.5rem);
    width: calc(16.66666% - 1.5rem);
  }
  .phone-block-group-7-up > .block {
    -ms-flex-preferred-size: calc(14.2857% - 1.5rem);
    flex-basis: calc(14.2857% - 1.5rem);
    width: calc(14.2857% - 1.5rem);
  }
  .phone-block-group-8-up > .block {
    -ms-flex-preferred-size: calc(12.5% - 1.5rem);
    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;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/77156710-6a58-4606-b189-b4185e75967b.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/3d5260a1-e4cd-4567-80ed-69d23c40355f.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/77caabd3-1877-4634-85c8-8e398a093b99.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/e388ac99-8c6a-4451-8690-1d15b4d45adb.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/014f2daa-c310-4a36-b9fd-79a8e0c48d44.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/12b00842-ec20-4c7f-aa72-802fb00f6cc4.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/e78b17bb-11fb-4860-8d66-4ee0d0c1e117.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/d4ffabb3-dd7c-472a-bdfb-6700383c6354.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/77156710-6a58-4606-b189-b4185e75967b-ext.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/3d5260a1-e4cd-4567-80ed-69d23c40355f-ext.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+0100-017F, U+0180-024F, U+1E00-1EFF, U+02B0-02FF;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/77caabd3-1877-4634-85c8-8e398a093b99-ext.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/e388ac99-8c6a-4451-8690-1d15b4d45adb-ext.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0100-017F, U+0180-024F, U+1E00-1EFF, U+02B0-02FF;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/014f2daa-c310-4a36-b9fd-79a8e0c48d44-ext.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/12b00842-ec20-4c7f-aa72-802fb00f6cc4-ext.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  unicode-range: U+0100-017F, U+0180-024F, U+1E00-1EFF, U+02B0-02FF;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/9851da0a-2481-4687-bbeb-ed4ab170dc38-ext.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/cebce072-9561-4c6d-8c89-f0cefec63289-ext.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+0100-017F, U+0180-024F, U+1E00-1EFF, U+02B0-02FF;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/e78b17bb-11fb-4860-8d66-4ee0d0c1e117-ext.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/d4ffabb3-dd7c-472a-bdfb-6700383c6354-ext.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+0100-017F, U+0180-024F, U+1E00-1EFF, U+02B0-02FF;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/77156710-6a58-4606-b189-b4185e75967b-greek.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/3d5260a1-e4cd-4567-80ed-69d23c40355f-greek.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/77caabd3-1877-4634-85c8-8e398a093b99-greek.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/e388ac99-8c6a-4451-8690-1d15b4d45adb-greek.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/014f2daa-c310-4a36-b9fd-79a8e0c48d44-greek.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/12b00842-ec20-4c7f-aa72-802fb00f6cc4-greek.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/e78b17bb-11fb-4860-8d66-4ee0d0c1e117-greek.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/d4ffabb3-dd7c-472a-bdfb-6700383c6354-greek.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/174d458a-81e0-4174-9473-35e3bf0a613c.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/57a79aa3-9b06-4ba7-a9a4-2b766d826ecf.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+0400-04FF;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/7db1f672-3a8f-4d19-9c49-7f61aed450b5.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/4ab86b35-c0c2-42b5-98ad-4b6eba66b197.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0400-04FF;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/b17468ea-cf53-4635-984b-4d930a68ed4d.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/4d1d0d0d-9ea6-4117-901f-8b32ca1ab936.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  unicode-range: U+0400-04FF;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/40d36b4a-60c6-460a-bf43-4c948c23563e.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/45b78f45-e639-4836-8612-e0892e120f14.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+0400-04FF;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/281f890c-8412-4ee3-84ed-8b5d062d2ab8.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/5729f02e-f6b0-4f35-8ee5-c2cffa65fa76.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+10A0-10FF;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/281f890c-8412-4ee3-84ed-8b5d062d2ab8.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/5729f02e-f6b0-4f35-8ee5-c2cffa65fa76.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+10A0-10FF;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/2200dfff-da50-40b0-bc12-5e4b872a1998.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/dc10b3bd-5076-4df5-a5f5-e5961f4a6938.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+10A0-10FF;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/2a1ae9a5-b6b5-405c-b660-bbdf1b356952.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/a8aeea1b-1a9d-45b7-8ad9-7c71824599e2.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+0600-06FF, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/6ea5fa46-5311-450b-8744-288a30c55348.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/d9e4040d-32ff-4a1c-ac04-927a781da1f5.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0600-06FF, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/97694c53-4e94-4f9e-969b-a148adfcdcfd.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/8b01637a-f445-4f10-92ea-b84a355f7690.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+0600-06FF, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/31da4b04-f98a-4b5f-b545-a31d26da99e5.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/d98fb015-7ef6-404f-a58a-5c9242d79770.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+0590-05FF, U+FB00-FB4F;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/31da4b04-f98a-4b5f-b545-a31d26da99e5.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/d98fb015-7ef6-404f-a58a-5c9242d79770.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0590-05FF, U+FB00-FB4F;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/32a2c5cf-6736-44a6-a276-49ba7e030944.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/fa71df11-7b19-4baf-8ff7-3537dea718f0.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  unicode-range: U+0590-05FF, U+FB00-FB4F;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/a9eaf4d3-6427-42df-9306-3ea1270f7b1a.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/f4a085c3-1c64-4fc0-a598-26f3e658c2b0.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+0590-05FF, U+FB00-FB4F;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/94aa531e-7746-4df0-bb6e-349891f2eda5.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/121524c1-8d82-4155-bfb3-fd2f15f09e93.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+0900-097F;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/3ae1e25e-3aa6-4061-a016-a079159f9d65.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/f1799750-0952-403f-8108-b2402eed0f62.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0900-097F;
}

@font-face {
  font-family: "Avenir Next";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/41331c3c-3759-4462-8695-33c9a21b6a5b.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/31e0c094-e345-4a54-a797-d5f1a5885572.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+0900-097F;
}

@font-face {
  font-family: "SST Vietnamese";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/c4cc9032-7eee-4a6e-ae8b-f384b1349bcf.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/1b3078ef-2971-4c95-b6ca-13ab528758cb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "SST Vietnamese";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/c1905e2e-a1cb-49de-9bb0-ce3c5ffc85ae.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/341bcc5e-7ac0-44ff-819d-5887892eab1b.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "SST Vietnamese";
  src:
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/4daa2125-53c6-4da8-9614-8a1049eaccc2.woff2") format("woff2"),
    url("https://webapps-cdn.esri.com/CDN/fonts/v1.1.2/0763eab1-d6ed-4c73-afb0-895f930df099.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

.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;
  -webkit-font-feature-settings: "kern";
  font-feature-settings: "kern";
  -webkit-font-kerning: normal;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings:
    "liga" 1,
    "calt" 0;
  -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.32812rem;
  }
}

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,
.usertext {
  font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", monospace;
}

code,
.usertext {
  padding: 0.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: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;
}

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

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

dd {
  margin-left: 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("/assets/fonts/calcite-ui.eot?#iefix") format("embedded-opentype"),
    url("/assets/fonts/calcite-ui.woff") format("woff"),
    url("/assets/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;
  -webkit-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}
[class*="icon-social-"]:hover {
  -webkit-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}

.icon-social-contact {
  background-image: url("/assets/img/icons/social/contact.svg");
}
.icon-social-contact:hover {
  background-color: #8ec449;
}

.icon-social-facebook {
  background-image: url("/assets/img/icons/social/facebook.svg");
}
.icon-social-facebook:hover {
  background-color: #3d5a96;
}

.icon-social-geonet {
  background-image: url("/assets/img/icons/social/geonet.svg");
}
.icon-social-geonet:hover {
  background-color: #127bc0;
}

.icon-social-github {
  background-image: url("/assets/img/icons/social/github.svg");
}
.icon-social-github:hover {
  background-color: #171515;
}

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

.icon-social-instagram {
  background-image: url("/assets/img/icons/social/instagram.svg");
}
.icon-social-instagram:hover {
  background-color: #da3075;
}

.icon-social-linkedin {
  background-image: url("/assets/img/icons/social/linkedin.svg");
}
.icon-social-linkedin:hover {
  background-color: #127cb3;
}

.icon-social-pinterest {
  background-image: url("/assets/img/icons/social/pinterest.svg");
}
.icon-social-pinterest:hover {
  background-color: #bb0f23;
}

.icon-social-rss {
  background-image: url("/assets/img/icons/social/rss.svg");
}
.icon-social-rss:hover {
  background-color: #fd8023;
}

.icon-social-share {
  background-image: url("/assets/img/icons/social/share.svg");
}
.icon-social-share:hover {
  background-color: #1ebd21;
}

.icon-social-twitter {
  background-image: url("/assets/img/icons/social/twitter.svg");
}
.icon-social-twitter:hover {
  background-color: #59adeb;
}

.icon-social-youtube {
  background-image: url("/assets/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("/assets/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("/assets/img/logo/esri-logo.svg");
  background-image: url("/assets/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;
  -webkit-box-sizing: border-box;
  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;
}
.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;
}
.btn-grouped + .btn-grouped {
  margin-left: 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;
  -webkit-box-sizing: border-box;
  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: 0.25em 0.5em;
  border-radius: 3px;
  font-size: 0.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;
}
.dropdown-btn else {
  cursor: pointer;
  position: relative;
}

.dropdown-menu {
  position: absolute;
  min-width: 200px;
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
  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;
}

.dropdown-title {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  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;
}
.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;
}

.dropdown-link {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  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%;
}
.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;
}

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

.crumb {
  color: #6e6e6e;
  float: left;
}
.crumb:before {
  content: "/";
  color: #6e6e6e;
  font-weight: 400;
  display: inline-block;
  padding: 0 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 {
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}

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

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

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

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

.tooltip-multiline:after {
  width: 22em;
  width: -moz-max-content;
  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%;
  -webkit-transform: translateX(-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;
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
  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;
}

.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;
}
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;
}
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: 0.25em center;
  background-repeat: no-repeat;
  padding-left: 1.5em;
}
html[dir="rtl"] .input-search,
html[dir="rtl"] .search-input {
  background-position: right 0.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: 0.25rem;
}

input,
select,
textarea {
  position: relative;
  display: block;
  height: 2.25rem;
  width: 100%;
  max-width: 100%;
  margin: 0.25rem 0 0 0;
  padding: 0 0.3rem;
  -webkit-box-sizing: border-box;
  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;
  -webkit-transition: border-color 150ms linear;
  transition: border-color 150ms linear;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
}
input:disabled,
select:disabled,
textarea:disabled {
  opacity: 0.3;
  cursor: default;
}
input:focus,
select:focus,
textarea:focus {
  border-color: #0079c1;
  -webkit-box-shadow:
    inset 0 1px 2px rgba(0, 0, 0, 0.075),
    0 0 5px rgba(81, 167, 232, 0.5);
  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;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.input-minimal:focus {
  border-bottom-color: #999;
  -webkit-box-shadow: none;
  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;
  -webkit-box-shadow:
    inset 0 1px 2px rgba(0, 0, 0, 0.075),
    0 0 5px rgba(200, 106, 75, 0.5);
  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: 0.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;
}
.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;
  -webkit-box-shadow:
    inset 0 1px 2px rgba(0, 0, 0, 0.075),
    0 0 5px rgba(81, 167, 232, 0.5);
  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;
  -webkit-box-sizing: border-box;
  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: 0.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;
  -webkit-box-sizing: border-box;
  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;
  color: #0079c1;
  background: #ffffff;
  border-color: #0079c1;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.28125rem 0.75rem;
  font-family: inherit;
  margin: 0.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: 0.12rem;
  margin-right: 0.5rem;
  margin-left: 0.125rem;
  line-height: 1.25rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  -webkit-box-shadow: none;
  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: 0.125rem;
    margin-right: 0.5rem;
  }
}

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

@supports (-webkit-overflow-scrolling: touch) {
  input[type="radio"],
  input[type="checkbox"] {
    margin-top: 0.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: 0.125rem;
  margin-left: 0.5rem;
}

@supports (-ms-ime-align: auto) {
  html[dir="rtl"] input[type="radio"],
  html[dir="rtl"] input[type="checkbox"] {
    margin-left: 0.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: 0.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: 0.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;
  }
}

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

.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: 0.25rem;
  margin-right: -1px;
  margin-bottom: 0;
  border: 1px solid #cccccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 2.25rem;
  -webkit-transition:
    background 0.1s ease-in-out,
    border-color 0.1s ease-in-out;
  transition:
    background 0.1s ease-in-out,
    border-color 0.1s ease-in-out;
}

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

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

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

@keyframes load {
  0%,
  80%,
  100% {
    opacity: 0.75;
    -webkit-box-shadow: 0 0 #0079c1;
    box-shadow: 0 0 #0079c1;
    height: 2rem;
  }
  40% {
    opacity: 1;
    -webkit-box-shadow: 0 -0.5rem #0079c1;
    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;
  -webkit-animation-delay: 0.16s;
  animation-delay: 0.16s;
}
.loader-bars:before {
  left: -1.25rem;
}
.loader-bars:after {
  left: 1.25rem;
  -webkit-animation-delay: 0.32s;
  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;
  -webkit-transition: 150ms linear;
  transition: 150ms linear;
}
.skip-to-content:focus {
  opacity: 1;
  z-index: 999;
}

.card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  background: #ffffff;
  -webkit-box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.1),
    0 0 16px 0 rgba(0, 0, 0, 0.05);
  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;
  -ms-flex: 0 0 auto;
  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%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.35rem 1.25rem 0.35rem 1.25rem;
}

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

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

.card-shaped {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
}
.card-shaped .card-content {
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
  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;
  -webkit-box-sizing: border-box;
  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 {
  -ms-flex-direction: row;
  flex-direction: row;
}
.card-wide .card-content {
  display: block;
  -ms-flex: 1 1 75%;
  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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

input[type="range"] {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  border: 1px solid transparent;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 0;
  padding: 0;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: all 0.25s ease;
  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;
  -webkit-box-shadow: 0 0 4px 1px rgba(204, 204, 204, 0.9);
  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;
  -webkit-box-shadow: 0 0 4px 1px rgba(86, 165, 216, 0.9);
  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;
  -webkit-box-shadow: 0 0 4px 1px rgba(204, 204, 204, 0.9);
  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;
  -webkit-box-shadow: 0 0 4px 1px rgba(86, 165, 216, 0.9);
  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;
  -webkit-box-shadow: 0 0 4px 1px rgba(86, 165, 216, 0.9);
  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;
  -webkit-transition: all 0.25s ease;
  -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;
  -webkit-transition: all 0.25s ease;
  -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;
  -webkit-transition: all 0.25s ease;
  -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;
  -webkit-transition: all 0.25s ease;
  -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;
  -moz-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;
  -webkit-box-shadow: 0 1px 2px 0px rgba(89, 89, 89, 0.2);
  box-shadow: 0 1px 2px 0px rgba(89, 89, 89, 0.2);
}
.toggle-switch-input[type]:active + .toggle-switch-track {
  -webkit-box-shadow: 0 0 4px 2px rgba(204, 204, 204, 0.9);
  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;
  -webkit-box-shadow: 0 3px 1px 0px rgba(89, 89, 89, 0.2);
  box-shadow: 0 3px 1px 0px rgba(89, 89, 89, 0.2);
}
.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;
  -webkit-box-shadow: 0 2px 1px 0px rgba(89, 89, 89, 0.2);
  box-shadow: 0 2px 1px 0px rgba(89, 89, 89, 0.2);
}
.toggle-switch-input[type]:checked:active + .toggle-switch-track {
  -webkit-box-shadow: 0 0 4px 2px rgba(108, 180, 226, 0.9);
  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;
  -webkit-box-shadow: 0 3px 1px 0px rgba(89, 89, 89, 0.2);
  box-shadow: 0 3px 1px 0px rgba(89, 89, 89, 0.2);
}
.toggle-switch-input[type]:focus + .toggle-switch-track {
  -webkit-box-shadow: 0 0 4px 2px rgba(204, 204, 204, 0.9);
  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 {
  -webkit-box-shadow: 0 0 4px 2px rgba(108, 180, 226, 0.9);
  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) - 0.5em);
  padding: 0 0.1em;
  vertical-align: top;
}

.toggle-switch-track {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 36px;
  height: 20px;
  top: 0.05em;
  background-color: #f4f4f4;
  border-radius: 30px;
  border: 1px solid #cccccc;
  -webkit-transition: all 0.25s ease;
  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;
  -webkit-box-shadow: 0 1px 1px 0px rgba(89, 89, 89, 0.2);
  box-shadow: 0 1px 1px 0px rgba(89, 89, 89, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
@supports (-ms-ime-align: auto) {
  .toggle-switch-track {
    top: 0.1em;
  }
}
@supports (-moz-appearance: none) {
  .toggle-switch-track {
    top: 0.1em;
  }
}
@supports (-webkit-overflow-scrolling: touch) {
  .toggle-switch-track {
    top: 0.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 {
  -webkit-box-shadow: 0 0 4px 2px rgba(200, 106, 74, 0.9);
  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 {
  -webkit-box-shadow: 0 0 4px 2px rgba(200, 106, 74, 0.9);
  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;
  }
}
.top-nav-title:hover {
  text-decoration: none;
}

.top-nav-list {
  float: left;
  padding: 0;
}
.top-nav-list .top-nav-link + .top-nav-link {
  margin-left: 0.75em;
}
.top-nav-list.right {
  float: right;
}

.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: -ms-flexbox;
  display: flex;
}

.top-nav-flex-list {
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
}

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

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

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

.sub-nav-link {
  padding: 0.25em 0.75em;
  margin: 0 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);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition:
    background-color 150ms linear,
    color 150ms 150ms linear;
  transition:
    background-color 150ms linear,
    color 150ms 150ms linear;
}
.sub-nav-link:hover,
.sub-nav-link:focus {
  background-color: rgba(0, 0, 0, 0.3);
  color: #ffffff;
  text-decoration: none;
  -webkit-background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(94%, transparent),
    color-stop(96%, #ffffff),
    to(#ffffff)
  );
  -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: -webkit-gradient(linear, left bottom, left top, color-stop(94%, transparent), color-stop(96%, #ffffff), to(#ffffff));
  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;
  width: 100%;
  max-width: 100dvw;
  flex: 0 0 auto;
}

.third-nav-container {
  position: relative;
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 15px;
  margin-bottom: -15px;
  max-width: var(--container-width, 1660px);
  margin-left: auto;
  margin-right: auto;
}

.third-nav-link {
  color: #595959;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-right: 1.125rem;
}
.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 {
  -webkit-box-sizing: border-box;
  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;
  -webkit-box-sizing: border-box;
  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;
}

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

.wrapper {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

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

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

.tab-title {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.875rem;
  line-height: 1.5;
  -webkit-transition:
    background,
    150ms linear;
  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: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(94%, transparent),
    color-stop(96%, #0079c1),
    to(#0079c1)
  );
  -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: -webkit-gradient(linear, left bottom, left top, color-stop(94%, transparent), color-stop(96%, #0079c1), to(#0079c1));
  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;
}

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

.tab-section {
  -webkit-box-sizing: border-box;
  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 {
  -webkit-transition:
    backround,
    150ms linear;
  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;
  -webkit-transition: none;
  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;
  -webkit-transition: none;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  overflow-y: hidden;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.75);
  -webkit-transition:
    visibility 0ms linear 300ms,
    opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  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;
  -webkit-transition-delay: 0ms;
  transition-delay: 0ms;
}
.modal-overlay.is-active .modal-content {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0ms;
  transition-delay: 0ms;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.modal-content {
  -webkit-box-sizing: border-box;
  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;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition:
    -webkit- 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);
  -webkit-transition:
    visibility 0ms linear 300ms,
    opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88),
    -webkit-transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  transition:
    visibility 0ms linear 300ms,
    opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88),
    -webkit-transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  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);
  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),
    -webkit-transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}

.search-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  overflow-y: hidden;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.75);
  -webkit-transition:
    visibility 0ms linear 300ms,
    opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  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;
  -webkit-transition-delay: 0ms;
  transition-delay: 0ms;
}
.search-overlay.is-active .modal-content {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0ms;
  transition-delay: 0ms;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.search-overlay.is-active {
  opacity: 0.98;
}
.search-overlay.is-active .search-content {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0ms;
  transition-delay: 0ms;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.search-content {
  text-align: left;
  width: 1440px;
  max-width: 96vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.5rem;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  display: inline-block;
  margin-bottom: 3rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition:
    -webkit- 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);
  -webkit-transition:
    visibility 0ms linear 300ms,
    opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88),
    -webkit-transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  transition:
    visibility 0ms linear 300ms,
    opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88),
    -webkit-transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  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);
  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),
    -webkit-transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  -webkit-transform: translate3d(0, 20px, 0);
  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;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 0.25em;
  height: auto;
  padding-left: 1em;
  background-size: 0.45em;
  font-size: 2.82715rem;
  line-height: 1.25;
}
.search-input:focus {
  border-bottom-color: #999;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.accordion {
  -webkit-box-sizing: border-box;
  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 {
  -webkit-transition:
    all,
    150ms linear;
  transition:
    all,
    150ms linear;
  background-color: #f4f4f4;
  outline: none;
}

.accordion-content {
  display: none;
}

.accordion-icon .svg-icon {
  -webkit-transform: rotate(-90deg);
  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);
  -webkit-transition:
    visibility 0ms linear 200ms,
    opacity 200ms linear;
  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);
  -webkit-transition-delay: 0ms;
  transition-delay: 0ms;
}
.drawer.is-active.drawer-left .drawer-nav {
  -webkit-transform: translate3d(280px, 0, 0);
  transform: translate3d(280px, 0, 0);
}
.drawer.is-active.drawer-right .drawer-nav {
  -webkit-transform: translate3d(-280px, 0, 0);
  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;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit- transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  -webkit-transition: -webkit-transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  transition: -webkit-transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  transition: transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  transition:
    transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88),
    -webkit-transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
}

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

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

.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;
}
.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;
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
  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;
}
.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;
  -webkit-box-sizing: border-box;
  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;
}

.filter-link-check {
  opacity: 0;
  visibility: hidden;
  margin-top: 3px;
  position: absolute;
  left: 10px;
  right: auto;
}

.filter-dropdown-active {
  background-color: #efefef;
  padding: 0.25em 0.5em;
  border-radius: 3px;
  font-size: 0.875em;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.5;
  -webkit-box-sizing: border-box;
  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;
}

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

.text-right {
  text-align: right;
}

.text-light {
  opacity: 0.66;
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-plain {
  padding: 0;
  margin: 0.375rem 0;
}
.list-plain li {
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 0.25rem;
}

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

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

.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:not([dir="rtl"]) .padding-right-quarter {
  padding-right: 0.25rem;
}

html:not([dir="rtl"]) .padding-left-third {
  padding-left: 0.33333rem;
}

html:not([dir="rtl"]) .padding-right-third {
  padding-right: 0.33333rem;
}

html:not([dir="rtl"]) .padding-left-half {
  padding-left: 0.5rem;
}

html:not([dir="rtl"]) .padding-right-half {
  padding-right: 0.5rem;
}

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

html:not([dir="rtl"]) .padding-right-0 {
  padding-right: 0rem;
}

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

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

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

html:not([dir="rtl"]) .padding-right-2 {
  padding-right: 2rem;
}

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

html:not([dir="rtl"]) .padding-right-3 {
  padding-right: 3rem;
}

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

html:not([dir="rtl"]) .padding-right-4 {
  padding-right: 4rem;
}

html:not([dir="rtl"]) .margin-left-quarter {
  margin-left: 0.25rem;
}

html:not([dir="rtl"]) .margin-right-quarter {
  margin-right: 0.25rem;
}

html:not([dir="rtl"]) .margin-left-third {
  margin-left: 0.33333rem;
}

html:not([dir="rtl"]) .margin-right-third {
  margin-right: 0.33333rem;
}

html:not([dir="rtl"]) .margin-left-half {
  margin-left: 0.5rem;
}

html:not([dir="rtl"]) .margin-right-half {
  margin-right: 0.5rem;
}

html:not([dir="rtl"]) .margin-left-0 {
  margin-left: 0rem;
}

html:not([dir="rtl"]) .margin-right-0 {
  margin-right: 0rem;
}

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

html:not([dir="rtl"]) .margin-right-1 {
  margin-right: 1rem;
}

html:not([dir="rtl"]) .margin-left-2 {
  margin-left: 2rem;
}

html:not([dir="rtl"]) .margin-right-2 {
  margin-right: 2rem;
}

html:not([dir="rtl"]) .margin-left-3 {
  margin-left: 3rem;
}

html:not([dir="rtl"]) .margin-right-3 {
  margin-right: 3rem;
}

html:not([dir="rtl"]) .margin-left-4 {
  margin-left: 4rem;
}

html:not([dir="rtl"]) .margin-right-4 {
  margin-right: 4rem;
}

@media screen and (max-width: 1023px) {
  html:not([dir="rtl"]) .tablet-gutter-left-0 {
    padding-left: 0rem;
  }
  html:not([dir="rtl"]) .tablet-gutter-right-0 {
    padding-right: 0rem;
  }
  html:not([dir="rtl"]) .tablet-gutter-left-1 {
    padding-left: 1rem;
  }
  html:not([dir="rtl"]) .tablet-gutter-right-1 {
    padding-right: 1rem;
  }
  html:not([dir="rtl"]) .tablet-gutter-left-2 {
    padding-left: 2rem;
  }
  html:not([dir="rtl"]) .tablet-gutter-right-2 {
    padding-right: 2rem;
  }
  html:not([dir="rtl"]) .tablet-gutter-left-3 {
    padding-left: 3rem;
  }
  html:not([dir="rtl"]) .tablet-gutter-right-3 {
    padding-right: 3rem;
  }
  html:not([dir="rtl"]) .tablet-gutter-left-4 {
    padding-left: 4rem;
  }
  html:not([dir="rtl"]) .tablet-gutter-right-4 {
    padding-right: 4rem;
  }
}

@media screen and (max-width: 599px) {
  html:not([dir="rtl"]) .phone-gutter-left-0 {
    padding-left: 0rem;
  }
  html:not([dir="rtl"]) .phone-gutter-right-0 {
    padding-right: 0rem;
  }
  html:not([dir="rtl"]) .phone-gutter-left-1 {
    padding-left: 1rem;
  }
  html:not([dir="rtl"]) .phone-gutter-right-1 {
    padding-right: 1rem;
  }
  html:not([dir="rtl"]) .phone-gutter-left-2 {
    padding-left: 2rem;
  }
  html:not([dir="rtl"]) .phone-gutter-right-2 {
    padding-right: 2rem;
  }
  html:not([dir="rtl"]) .phone-gutter-left-3 {
    padding-left: 3rem;
  }
  html:not([dir="rtl"]) .phone-gutter-right-3 {
    padding-right: 3rem;
  }
  html:not([dir="rtl"]) .phone-gutter-left-4 {
    padding-left: 4rem;
  }
  html:not([dir="rtl"]) .phone-gutter-right-4 {
    padding-right: 4rem;
  }
}

.list-plain ul,
ol {
  margin-left: 0.75rem;
}

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

.modal-overlay {
  z-index: 201;
}

.modal-content {
  z-index: 202;
}

.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 {
  -webkit-box-sizing: border-box;
  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;
  -webkit-box-sizing: border-box;
  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;
}
.has-sub-items .sub-items a:hover {
  color: #005e95;
  text-decoration: underline;
}

.card .card-title {
  margin-bottom: 0rem;
  padding: 1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 1 1 auto;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-top: 0.375rem;
}

.input-group-button {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: auto;
  margin: 0;
}

input.input-group-input,
.input-group-input {
  -ms-flex: 1 1 auto;
  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 {
  -ms-flex: 1 1 calc(100% - 1rem);
  flex: 1 1 calc(100% - 1rem);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: calc(100% - 1rem);
  max-width: calc(100% - 1rem);
}

@-webkit-keyframes glow {
  0% {
    -webkit-box-shadow: 0 0 -8px rgba(86, 165, 216, 0.85);
    box-shadow: 0 0 -8px rgba(86, 165, 216, 0.85);
  }
  20% {
    -webkit-box-shadow: 0 0 12px rgba(86, 165, 216, 0.98);
    box-shadow: 0 0 12px rgba(86, 165, 216, 0.98);
  }
  80% {
    -webkit-box-shadow: 0 0 12px rgba(86, 165, 216, 0.98);
    box-shadow: 0 0 12px rgba(86, 165, 216, 0.98);
  }
  100% {
    -webkit-box-shadow: 0 0 -8px rgba(86, 165, 216, 0.85);
    box-shadow: 0 0 -8px rgba(86, 165, 216, 0.85);
  }
}

@keyframes glow {
  0% {
    -webkit-box-shadow: 0 0 -8px rgba(86, 165, 216, 0.85);
    box-shadow: 0 0 -8px rgba(86, 165, 216, 0.85);
  }
  20% {
    -webkit-box-shadow: 0 0 12px rgba(86, 165, 216, 0.98);
    box-shadow: 0 0 12px rgba(86, 165, 216, 0.98);
  }
  80% {
    -webkit-box-shadow: 0 0 12px rgba(86, 165, 216, 0.98);
    box-shadow: 0 0 12px rgba(86, 165, 216, 0.98);
  }
  100% {
    -webkit-box-shadow: 0 0 -8px rgba(86, 165, 216, 0.85);
    box-shadow: 0 0 -8px rgba(86, 165, 216, 0.85);
  }
}

@-webkit-keyframes marker-glow {
  0% {
    -webkit-box-shadow: 0 0 -8px rgba(86, 165, 216, 0.85);
    box-shadow: 0 0 -8px rgba(86, 165, 216, 0.85);
    background-color: rgba(86, 165, 216, 0.1);
  }
  20% {
    -webkit-box-shadow: 0 0 16px rgba(86, 165, 216, 0.99);
    box-shadow: 0 0 16px rgba(86, 165, 216, 0.99);
    background-color: rgba(86, 165, 216, 0.5);
  }
  80% {
    -webkit-box-shadow: 0 0 16px rgba(86, 165, 216, 0.99);
    box-shadow: 0 0 16px rgba(86, 165, 216, 0.99);
    background-color: rgba(86, 165, 216, 0.5);
  }
  100% {
    -webkit-box-shadow: 0 0 -8px rgba(86, 165, 216, 0.85);
    box-shadow: 0 0 -8px rgba(86, 165, 216, 0.85);
    background-color: rgba(86, 165, 216, 0.1);
  }
}

@keyframes marker-glow {
  0% {
    -webkit-box-shadow: 0 0 -8px rgba(86, 165, 216, 0.85);
    box-shadow: 0 0 -8px rgba(86, 165, 216, 0.85);
    background-color: rgba(86, 165, 216, 0.1);
  }
  20% {
    -webkit-box-shadow: 0 0 16px rgba(86, 165, 216, 0.99);
    box-shadow: 0 0 16px rgba(86, 165, 216, 0.99);
    background-color: rgba(86, 165, 216, 0.5);
  }
  80% {
    -webkit-box-shadow: 0 0 16px rgba(86, 165, 216, 0.99);
    box-shadow: 0 0 16px rgba(86, 165, 216, 0.99);
    background-color: rgba(86, 165, 216, 0.5);
  }
  100% {
    -webkit-box-shadow: 0 0 -8px rgba(86, 165, 216, 0.85);
    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 */
developers-sign-in {
  display: block;
  min-height: 380px;
}
developers-sign-in .alert {
  width: 96%;
  -webkit-box-sizing: border-box;
  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;
}
developers-user-navigation a.tooltip.top-nav-link {
  padding-bottom: 0;
}

developers-blog-feed {
  display: block;
}

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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  bottom: 0;
}
developers-community-events-map .esri-search {
  max-width: 360px;
  width: 100%;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 360px;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125);
  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;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125);
  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;
}

.esri-widget input {
  height: auto;
}

.carousel-nav {
  text-align: center;
  position: relative;
}

.carousel-dot {
  border: 2px solid #959595;
  margin-left: 0.25em;
  margin-right: 0.25em;
  width: 0.75em;
  height: 0.75em;
  border-radius: 0.75em;
  display: inline-block;
}
.carousel-dot.is-active {
  background-color: #0079c1;
  border-color: #0079c1;
}
.carousel-dot:hover {
  text-decoration: none;
  border-color: #0079c1;
}

.carousel-panel {
  display: none;
}
.carousel-panel.is-active {
  display: block;
}

.flexible-block-group {
  width: calc(100% + 1.5rem);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: -1.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flexible-block-group-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flexible-block-group-item .flexible-block-group-item-content {
  display: block;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.flexible-block-group-item .flexible-block-group-item-header,
.flexible-block-group-item .flexible-block-group-item-footer {
  display: block;
  -ms-flex: 0 0 auto;
  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;
  -webkit-transition: none;
  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;
  -webkit-transition: all 150ms linear;
  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;
}

.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,
    -webkit-gradient(linear, left top, right top, from(#da4d1e), to(#812366));
  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,
    -webkit-gradient(linear, left top, right top, from(#70be49), to(#1688aa));
  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;
}

.layer-banner {
  background: url("/assets/img/features/layers/hero.jpg") center center no-repeat #56a5d8;
  background-size: cover;
}

.success-stories-banner {
  background: url("/assets/img/success-stories/banner.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;
}

.streetmap-banner {
  /* IE10+ */
  background:
    url("/assets/img/features/streetmap-banner.jpg") no-repeat top center,
    -webkit-gradient(linear, left top, right top, from(#70be49), to(#1688aa));
  background:
    url("/assets/img/features/streetmap-banner.jpg") no-repeat top center,
    linear-gradient(to right, #70be49 0%, #1688aa 100%);
  /* W3C */
  background-size: cover;
}

.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: 101vh;
}

.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;
  -webkit-transition: 150ms linear;
  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: 201;
}
developers-top-navigation[secondary="true"] {
  z-index: 200;
}

#skip-to-content developers-top-navigation[secondary="true"] {
  position: sticky;
  top: 0;
}

.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;
}
@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: -ms-flexbox;
  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;
    -webkit-transition: 150ms linear;
    transition: 150ms linear;
  }
  .top-nav-toggle.is-active + .top-nav {
    min-width: 320px;
    max-width: 33vw;
  }
}

.top-nav-list {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  float: none;
}
@media screen and (max-width: 1023px) {
  .top-nav-list {
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: calc(100vh - 64px);
    overflow-x: hidden;
    overflow-y: auto;
  }
}
.top-nav-list li {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
  display: -ms-flexbox;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  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;
  -webkit-box-shadow: inset 0px 0 0px 0px transparent;
  box-shadow: inset 0px 0 0px 0px transparent;
  -webkit-transition: 150ms linear;
  transition: 150ms linear;
}
.top-nav-link:hover,
.top-nav-link:focus {
  color: #323232;
  -webkit-box-shadow: inset 0px -3px 0px 0px #00b9f2;
  box-shadow: inset 0px -3px 0px 0px #00b9f2;
  text-decoration: none;
}
.top-nav-link:focus {
  color: #007ac2;
  outline: 0;
}
.top-nav-link.is-active {
  -webkit-box-shadow: inset 0px -3px 0px 0px #007ac2;
  box-shadow: inset 0px -3px 0px 0px #007ac2;
}
@media screen and (max-width: 1023px) {
  .top-nav-list .top-nav-link {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin-left: 1.4rem;
    padding: 1.4rem 1.4rem 1.4rem 0;
    -webkit-box-shadow: inset 0px -1px 0px 0px #efefef;
    box-shadow: inset 0px -1px 0px 0px #efefef;
  }
}
.top-nav-link .top-nav-label {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  white-space: nowrap;
}
.top-nav-link .mega-menu-icon {
  display: none;
  height: 16px;
  width: 16px;
  padding-right: 0;
  fill: #4c4c4c;
  -webkit-transition: 150ms linear;
  transition: 150ms linear;
  -webkit-transform: translateX(0);
  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 {
  -webkit-transform: translateX(0.33rem);
  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: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    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;
}

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

.mega-menu {
  position: absolute;
  top: calc(100% - 3px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.5rem;
  background-color: #efefef;
  outline: 1px solid #cccccc;
  -webkit-transition: 150ms linear;
  transition: 150ms linear;
  -webkit-transform: translate3d(0, 5px, 0);
  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;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.submenu-toggle {
  -ms-flex: 1 0 auto;
  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;
  -webkit-box-shadow: 0;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  justify-items: stretch;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.mega-menu-list li a {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.mega-menu-list li a {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.mega-menu-list .svg-icon {
  display: inline-block;
  height: 24px;
  width: 24px;
  vertical-align: bottom;
}

.mega-menu-icons {
  margin: 0;
  padding: 0;
  -ms-flex: 1 1 auto;
  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);
  /* autoprefixer: ignore next */
  grid-gap: 1px;
  padding: 1px;
  background-color: #cccccc;
}
.mega-menu-icons li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  justify-items: stretch;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.mega-menu-icons li a {
  -ms-flex: 1 1 auto;
  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: 2;
  -ms-grid-column: 1;
}
.mega-menu-icons > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.mega-menu-icons > *:nth-child(4) {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}
.mega-menu-icons > *:nth-child(5) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
.mega-menu-icons > *:nth-child(6) {
  -ms-grid-row: 6;
  -ms-grid-column: 1;
}
.mega-menu-icons > *:nth-child(7) {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
}
.mega-menu-icons > *:nth-child(8) {
  -ms-grid-row: 8;
  -ms-grid-column: 1;
}
.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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50%;
  margin: 0;
  padding: 1rem 1rem;
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 0 0 1px transparent;
  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;
  -webkit-box-shadow: 0 0 0 1px #007ac2;
  box-shadow: 0 0 0 1px #007ac2;
  text-decoration: none;
  outline: 0;
}
.mega-menu-icons a .svg-icon {
  -webkit-transition: 150ms linear;
  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;
  -webkit-transition: 150ms linear;
  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;
    -webkit-box-shadow: inset 0px -1px 0px 0px #efefef;
    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;
    -webkit-transform: translateX(-1rem);
    transform: translateX(-1rem);
    -webkit-transition: 150ms linear;
    transition: 150ms linear;
  }
  .mega-menu-link:hover,
  .mega-menu-link:focus {
    -webkit-box-shadow: inset 0px -1px 0px 0px #007ac2;
    box-shadow: inset 0px -1px 0px 0px #007ac2;
  }
  .mega-menu-link:hover:after,
  .mega-menu-link:focus:after {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .mega-menu-icons .mega-menu-link:after {
    display: none;
  }
}
.mega-menu-link .svg-icon {
  -webkit-transition: 150ms linear;
  transition: 150ms linear;
}

#megaMenuDocumentation {
  display: block;
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-gap: 1.85rem;
  -moz-column-gap: 1.85rem;
  column-gap: 1.85rem;
  min-width: 597px;
  max-width: 50vw;
  padding: 2rem 1.85rem;
}
@media screen and (max-width: 1023px) {
  #megaMenuDocumentation {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-columns: 1;
    -moz-columns: 1;
    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 {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid-column;
}

#megaMenuFeatures {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  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;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

developers-search {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-bottom: 1px solid transparent;
  border-right: 1px solid #cccccc;
}

.search-top-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  z-index: 100;
}
developers-user-navigation > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  position: relative;
}
developers-user-navigation .mega-menu {
  left: auto;
  right: 0;
  overflow: hidden;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}
@media screen and (max-width: 1023px) {
  developers-user-navigation .mega-menu {
    top: 100%;
    max-width: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  developers-user-navigation .mega-menu.is-active {
    max-width: 50vw;
    -webkit-transform: translate3d(0, 0, 0);
    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 {
  -webkit-transition: 150ms linear;
  transition: 150ms linear;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
developers-user-navigation .developers-header-add.is-active .svg-icon:last-child {
  -webkit-transform: scaleY(-1);
  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;
  -webkit-transform: translateX(0);
  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;
  -webkit-transform: translateX(-1rem);
  transform: translateX(-1rem);
  -webkit-transition: 150ms linear;
  transition: 150ms linear;
}

#megaMenuAccount {
  min-width: 410px;
  padding: 0;
  -webkit-transition:
    max-width 150ms linear,
    min-width 150ms linear,
    opacity 150ms linear,
    -webkit-transform 150ms linear;
  transition:
    max-width 150ms linear,
    min-width 150ms linear,
    opacity 150ms linear,
    -webkit-transform 150ms linear;
  transition:
    transform 150ms linear,
    max-width 150ms linear,
    min-width 150ms linear,
    opacity 150ms linear;
  transition:
    transform 150ms linear,
    max-width 150ms linear,
    min-width 150ms linear,
    opacity 150ms linear,
    -webkit-transform 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;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transform-origin: 0 80%;
  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;
  margin: 0;
  padding: 2rem 1rem;
}
.developers-header-account-menu .developers-header-account-info .developers-header-account-image {
  -ms-grid-row: 1;
  -ms-grid-column-align: center;
  justify-self: center;
  border: 3px solid #007ac2;
}
.developers-header-account-menu .developers-header-account-info figcaption {
  -ms-grid-row: 2;
  -ms-grid-column-align: center;
  justify-self: center;
  display: -ms-grid;
  display: grid;
  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;
  -ms-grid-column-align: center;
  justify-self: center;
}
.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: 2;
  -ms-grid-column: 1;
}
.developers-header-account-menu .developers-header-account-links li:nth-child(2) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.developers-header-account-menu .developers-header-account-links li:nth-child(3) {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}
.developers-header-account-menu .developers-header-account-links li:nth-child(4) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
.developers-header-account-menu .developers-header-account-links li:nth-child(5) {
  -ms-grid-row: 6;
  -ms-grid-column: 1;
}
.developers-header-account-menu .developers-header-account-links li:nth-child(6) {
  -ms-grid-row: 7;
  -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;
  -webkit-transform: translateX(0);
  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;
  -webkit-transform: translateX(-1rem);
  transform: translateX(-1rem);
  -webkit-transition: 150ms linear;
  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(101vh - 64px);
  background-color: rgba(0, 0, 0, 0.5);
  color: transparent;
  border: 0;
  opacity: 0;
  -webkit-transition: opacity 150ms linear;
  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 {
  z-index: 102;
  max-height: 80vh;
  margin-top: -15vh;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.55rem;
  padding-left: 1.55rem;
  float: none;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  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;
}

@media screen and (max-width: 600px) {
  .top-nav-title-wrapper {
    width: 100%;
    padding: 1rem 0;
    border-bottom: 1px solid #a9a9a9;
  }
  .top-nav-title-wrapper .top-nav-title {
    float: none;
    margin: 0;
  }
}

.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: 0.15em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.app-store-banner {
  height: 60px;
  width: auto;
}

.icon-ui-sub-nav:before {
  content: "\f147";
  line-height: 1.5;
}

.esri-logo {
  min-width: 140px;
  min-height: 75px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  background-image: url("/assets/img/esri-logo.svg") !important;
  background-position-x: -4px;
}

.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: #624dcc;
  color: #ffffff;
}

.icon-in-circle-green {
  background: #5a9359;
  color: #ffffff;
}

.alert.alert-no-z {
  z-index: inherit;
}

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

.text-underline {
  text-decoration: underline;
}

.text-no-wrap {
  white-space: nowrap;
}

.svg-icon-48 {
  width: 48px;
  height: 48px;
}

.grid-container .back-to-top.leader-1 {
  margin-top: 4.5rem;
}

body > img:not([class]) {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  -ms-flex: 0 1 0px;
  flex: 0 1 0px;
}

@media print {
  .top-nav,
  .wrapper + footer.footer {
    display: none;
  }
}

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;
  -webkit-box-shadow: 3px 3px 3px 0px #dcdcdcfc;
  box-shadow: 3px 3px 3px 0px #dcdcdcfc;
  border: 2px solid #cccccc;
  -webkit-transition: opacity 0.25s ease-out 2s;
  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;
  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;
  }
}