@charset "UTF-8";
/*
  Copyright 2017 Esri
  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at
    http://www.apache.org/licenses/LICENSE-2.0
  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.​
*/
html {
  overflow-y: auto;
  min-height: 100%;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

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

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

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

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

[hidden] {
  display: none;
}

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

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

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

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

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-scroll {
  overflow: scroll;
}

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

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

html:not([dir=rtl]) [class*=column-] [class*=column-]:first-of-type {
  margin-left: -0.5rem;
}
html[dir=rtl] [class*=column-] [class*=column-]:first-of-type {
  margin-right: -0.5rem;
}
html:not([dir=rtl]) [class*=column-] [class*=column-]:last-of-type {
  margin-right: -0.5rem;
}
html[dir=rtl] [class*=column-] [class*=column-]:last-of-type {
  margin-left: -0.5rem;
}
[class*=column-]:last-of-type:after {
  content: "";
  display: table;
  clear: both;
}

@media screen {
  .grid-container {
    width: 2000px;
    max-width: 100vw;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .grid-container:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media screen {
  html:not([dir=rtl]) .first-column {
    margin-left: -0.5rem;
  }
  html[dir=rtl] .first-column {
    margin-right: -0.5rem;
  }
  html:not([dir=rtl]) .last-column {
    margin-right: -0.5rem;
  }
  html[dir=rtl] .last-column {
    margin-left: -0.5rem;
  }
}
.column-1 {
  width: 83.3333333333px;
  max-width: 4.1666666667vw;
}
.column-1 > .column-1 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.column-2 {
  width: 166.6666666667px;
  max-width: 8.3333333333vw;
}
.column-2 > .column-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.column-3 {
  width: 250px;
  max-width: 12.5vw;
}
.column-3 > .column-3 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.column-4 {
  width: 333.3333333333px;
  max-width: 16.6666666667vw;
}
.column-4 > .column-4 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.column-5 {
  width: 416.6666666667px;
  max-width: 20.8333333333vw;
}
.column-5 > .column-5 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.column-6 {
  width: 500px;
  max-width: 25vw;
}
.column-6 > .column-6 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.column-7 {
  width: 583.3333333333px;
  max-width: 29.1666666667vw;
}
.column-7 > .column-7 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.column-8 {
  width: 666.6666666667px;
  max-width: 33.3333333333vw;
}
.column-8 > .column-8 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.column-9 {
  width: 750px;
  max-width: 37.5vw;
}
.column-9 > .column-9 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.column-10 {
  width: 833.3333333333px;
  max-width: 41.6666666667vw;
}
.column-10 > .column-10 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.column-11 {
  width: 916.6666666667px;
  max-width: 45.8333333333vw;
}
.column-11 > .column-11 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.column-12 {
  width: 1000px;
  max-width: 50vw;
}
.column-12 > .column-12 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.column-13 {
  width: 1083.3333333333px;
  max-width: 54.1666666667vw;
}
.column-13 > .column-13 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.column-14 {
  width: 1166.6666666667px;
  max-width: 58.3333333333vw;
}
.column-14 > .column-14 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.column-15 {
  width: 1250px;
  max-width: 62.5vw;
}
.column-15 > .column-15 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.column-16 {
  width: 1333.3333333333px;
  max-width: 66.6666666667vw;
}
.column-16 > .column-16 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.column-17 {
  width: 1416.6666666667px;
  max-width: 70.8333333333vw;
}
.column-17 > .column-17 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.column-18 {
  width: 1500px;
  max-width: 75vw;
}
.column-18 > .column-18 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.column-19 {
  width: 1583.3333333333px;
  max-width: 79.1666666667vw;
}
.column-19 > .column-19 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.column-20 {
  width: 1666.6666666667px;
  max-width: 83.3333333333vw;
}
.column-20 > .column-20 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.column-21 {
  width: 1750px;
  max-width: 87.5vw;
}
.column-21 > .column-21 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.column-22 {
  width: 1833.3333333333px;
  max-width: 91.6666666667vw;
}
.column-22 > .column-22 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.column-23 {
  width: 1916.6666666667px;
  max-width: 95.8333333333vw;
}
.column-23 > .column-23 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.column-24 {
  width: 2000px;
  max-width: 100vw;
}
.column-24 > .column-24 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

@media screen and (max-width: 859px) {
  .column-1 {
    width: 166.6666666667px;
    max-width: 8.3333333333vw;
  }
  .column-2 {
    width: 333.3333333333px;
    max-width: 16.6666666667vw;
  }
  .column-3 {
    width: 500px;
    max-width: 25vw;
  }
  .column-4 {
    width: 666.6666666667px;
    max-width: 33.3333333333vw;
  }
  .column-5 {
    width: 833.3333333333px;
    max-width: 41.6666666667vw;
  }
  .column-6 {
    width: 1000px;
    max-width: 50vw;
  }
  .column-7 {
    width: 1166.6666666667px;
    max-width: 58.3333333333vw;
  }
  .column-8 {
    width: 1333.3333333333px;
    max-width: 66.6666666667vw;
  }
  .column-9 {
    width: 1500px;
    max-width: 75vw;
  }
  .column-10 {
    width: 1666.6666666667px;
    max-width: 83.3333333333vw;
  }
  .column-11 {
    width: 1833.3333333333px;
    max-width: 91.6666666667vw;
  }
  .column-12 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-12 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-13 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-14 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-15 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-16 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-17 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-18 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-19 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-20 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-21 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-22 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-23 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-24 {
    width: 2000px;
    max-width: 100vw;
  }
  .tablet-column-1 {
    width: 166.6666666667px;
    max-width: 8.3333333333vw;
  }
  .tablet-column-2 {
    width: 333.3333333333px;
    max-width: 16.6666666667vw;
  }
  .tablet-column-3 {
    width: 500px;
    max-width: 25vw;
  }
  .tablet-column-4 {
    width: 666.6666666667px;
    max-width: 33.3333333333vw;
  }
  .tablet-column-5 {
    width: 833.3333333333px;
    max-width: 41.6666666667vw;
  }
  .tablet-column-6 {
    width: 1000px;
    max-width: 50vw;
  }
  .tablet-column-7 {
    width: 1166.6666666667px;
    max-width: 58.3333333333vw;
  }
  .tablet-column-8 {
    width: 1333.3333333333px;
    max-width: 66.6666666667vw;
  }
  .tablet-column-9 {
    width: 1500px;
    max-width: 75vw;
  }
  .tablet-column-10 {
    width: 1666.6666666667px;
    max-width: 83.3333333333vw;
  }
  .tablet-column-11 {
    width: 1833.3333333333px;
    max-width: 91.6666666667vw;
  }
  .tablet-column-12 {
    width: 2000px;
    max-width: 100vw;
  }
  html:not([dir=rtl]) .tablet-first-column {
    margin-left: -0.5rem;
  }
  html[dir=rtl] .tablet-first-column {
    margin-right: -0.5rem;
  }
  html:not([dir=rtl]) .tablet-last-column {
    margin-right: -0.5rem;
  }
  html[dir=rtl] .tablet-last-column {
    margin-left: -0.5rem;
  }
}
@media screen and (max-width: 479px) {
  .column-1 {
    width: 333.3333333333px;
    max-width: 16.6666666667vw;
  }
  .column-2 {
    width: 666.6666666667px;
    max-width: 33.3333333333vw;
  }
  .column-3 {
    width: 1000px;
    max-width: 50vw;
  }
  .column-4 {
    width: 1333.3333333333px;
    max-width: 66.6666666667vw;
  }
  .column-5 {
    width: 1666.6666666667px;
    max-width: 83.3333333333vw;
  }
  .column-6 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-6 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-7 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-8 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-9 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-10 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-11 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-12 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-13 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-14 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-15 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-16 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-17 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-18 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-19 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-20 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-21 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-22 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-23 {
    width: 2000px;
    max-width: 100vw;
  }
  .column-24 {
    width: 2000px;
    max-width: 100vw;
  }
  .tablet-column-1 {
    width: 333.3333333333px;
    max-width: 16.6666666667vw;
  }
  .tablet-column-2 {
    width: 666.6666666667px;
    max-width: 33.3333333333vw;
  }
  .tablet-column-3 {
    width: 1000px;
    max-width: 50vw;
  }
  .tablet-column-4 {
    width: 1333.3333333333px;
    max-width: 66.6666666667vw;
  }
  .tablet-column-5 {
    width: 1666.6666666667px;
    max-width: 83.3333333333vw;
  }
  .tablet-column-6 {
    width: 2000px;
    max-width: 100vw;
  }
  .tablet-column-6 {
    width: 2000px;
    max-width: 100vw;
  }
  .tablet-column-7 {
    width: 2000px;
    max-width: 100vw;
  }
  .tablet-column-8 {
    width: 2000px;
    max-width: 100vw;
  }
  .tablet-column-9 {
    width: 2000px;
    max-width: 100vw;
  }
  .tablet-column-10 {
    width: 2000px;
    max-width: 100vw;
  }
  .tablet-column-11 {
    width: 2000px;
    max-width: 100vw;
  }
  .tablet-column-12 {
    width: 2000px;
    max-width: 100vw;
  }
  .tablet-column-13 {
    width: 2000px;
    max-width: 100vw;
  }
  .tablet-column-14 {
    width: 2000px;
    max-width: 100vw;
  }
  .tablet-column-15 {
    width: 2000px;
    max-width: 100vw;
  }
  .tablet-column-16 {
    width: 2000px;
    max-width: 100vw;
  }
  .tablet-column-17 {
    width: 2000px;
    max-width: 100vw;
  }
  .tablet-column-18 {
    width: 2000px;
    max-width: 100vw;
  }
  .tablet-column-19 {
    width: 2000px;
    max-width: 100vw;
  }
  .tablet-column-20 {
    width: 2000px;
    max-width: 100vw;
  }
  .tablet-column-21 {
    width: 2000px;
    max-width: 100vw;
  }
  .tablet-column-22 {
    width: 2000px;
    max-width: 100vw;
  }
  .tablet-column-23 {
    width: 2000px;
    max-width: 100vw;
  }
  .tablet-column-24 {
    width: 2000px;
    max-width: 100vw;
  }
  .phone-column-1 {
    width: 333.3333333333px;
    max-width: 16.6666666667vw;
  }
  .phone-column-2 {
    width: 666.6666666667px;
    max-width: 33.3333333333vw;
  }
  .phone-column-3 {
    width: 1000px;
    max-width: 50vw;
  }
  .phone-column-4 {
    width: 1333.3333333333px;
    max-width: 66.6666666667vw;
  }
  .phone-column-5 {
    width: 1666.6666666667px;
    max-width: 83.3333333333vw;
  }
  .phone-column-6 {
    width: 2000px;
    max-width: 100vw;
  }
  .phone-first-column {
    margin-left: -0.5rem;
  }
  html[dir=rtl] .phone-first-column {
    margin-left: 0;
    margin-right: -0.5rem;
  }
  .phone-last-column {
    margin-right: -0.5rem;
  }
  html[dir=rtl] .phone-last-column {
    margin-right: 0;
    margin-left: -0.5rem;
  }
}
.center-column {
  margin-left: auto !important;
  margin-right: auto !important;
  float: none;
}

@media screen and (min-width: 860px) and (max-width: 2000px) {
  html:not([dir=rtl]) .pre-0 {
    margin-left: 0vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-0[class*=column-]:first-of-type {
    margin-left: 0vw;
  }
  html[dir=rtl] [class*=column-] .pre-0[class*=column-]:first-of-type {
    margin-right: 0vw;
  }
  html[dir=rtl] .pre-0 {
    margin-right: 0vw;
  }
  html:not([dir=rtl]) .first-column.pre-0 {
    margin-left: calc(0vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-0[class*=column-]:first-of-type {
    margin-left: calc(0vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-0[class*=column-]:first-of-type {
    margin-right: calc(0vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-0 {
    margin-right: calc(0vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-0 {
    margin-right: 0vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-0[class*=column-]:first-of-type {
    margin-right: 0vw;
  }
  html[dir=rtl] [class*=column-] .post-0[class*=column-]:first-of-type {
    margin-right: 0vw;
  }
  html[dir=rtl] .post-0 {
    margin-left: 0vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-0:first-of-type {
    margin-left: calc(0vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-] [class*=column-].pre-0:first-of-type[class*=column-]:first-of-type {
    margin-left: calc(0vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-0:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(0vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-0:first-of-type {
    margin-right: calc(0vw - 0.5rem);
  }
  html:not([dir=rtl]) .pre-1 {
    margin-left: 4.1666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-1[class*=column-]:first-of-type {
    margin-left: 4.1666666667vw;
  }
  html[dir=rtl] [class*=column-] .pre-1[class*=column-]:first-of-type {
    margin-right: 4.1666666667vw;
  }
  html[dir=rtl] .pre-1 {
    margin-right: 4.1666666667vw;
  }
  html:not([dir=rtl]) .first-column.pre-1 {
    margin-left: calc(4.1666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-1[class*=column-]:first-of-type {
    margin-left: calc(4.1666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-1[class*=column-]:first-of-type {
    margin-right: calc(4.1666666667vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-1 {
    margin-right: calc(4.1666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-1 {
    margin-right: 4.1666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-1[class*=column-]:first-of-type {
    margin-right: 4.1666666667vw;
  }
  html[dir=rtl] [class*=column-] .post-1[class*=column-]:first-of-type {
    margin-right: 4.1666666667vw;
  }
  html[dir=rtl] .post-1 {
    margin-left: 4.1666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-1:first-of-type {
    margin-left: calc(4.1666666667vw - 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(4.1666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-1:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(4.1666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-1:first-of-type {
    margin-right: calc(4.1666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) .pre-2 {
    margin-left: 8.3333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-2[class*=column-]:first-of-type {
    margin-left: 8.3333333333vw;
  }
  html[dir=rtl] [class*=column-] .pre-2[class*=column-]:first-of-type {
    margin-right: 8.3333333333vw;
  }
  html[dir=rtl] .pre-2 {
    margin-right: 8.3333333333vw;
  }
  html:not([dir=rtl]) .first-column.pre-2 {
    margin-left: calc(8.3333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-2[class*=column-]:first-of-type {
    margin-left: calc(8.3333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-2[class*=column-]:first-of-type {
    margin-right: calc(8.3333333333vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-2 {
    margin-right: calc(8.3333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-2 {
    margin-right: 8.3333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-2[class*=column-]:first-of-type {
    margin-right: 8.3333333333vw;
  }
  html[dir=rtl] [class*=column-] .post-2[class*=column-]:first-of-type {
    margin-right: 8.3333333333vw;
  }
  html[dir=rtl] .post-2 {
    margin-left: 8.3333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-2:first-of-type {
    margin-left: calc(8.3333333333vw - 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(8.3333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-2:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(8.3333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-2:first-of-type {
    margin-right: calc(8.3333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) .pre-3 {
    margin-left: 12.5vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-3[class*=column-]:first-of-type {
    margin-left: 12.5vw;
  }
  html[dir=rtl] [class*=column-] .pre-3[class*=column-]:first-of-type {
    margin-right: 12.5vw;
  }
  html[dir=rtl] .pre-3 {
    margin-right: 12.5vw;
  }
  html:not([dir=rtl]) .first-column.pre-3 {
    margin-left: calc(12.5vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-3[class*=column-]:first-of-type {
    margin-left: calc(12.5vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-3[class*=column-]:first-of-type {
    margin-right: calc(12.5vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-3 {
    margin-right: calc(12.5vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-3 {
    margin-right: 12.5vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-3[class*=column-]:first-of-type {
    margin-right: 12.5vw;
  }
  html[dir=rtl] [class*=column-] .post-3[class*=column-]:first-of-type {
    margin-right: 12.5vw;
  }
  html[dir=rtl] .post-3 {
    margin-left: 12.5vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-3:first-of-type {
    margin-left: calc(12.5vw - 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(12.5vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-3:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(12.5vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-3:first-of-type {
    margin-right: calc(12.5vw - 0.5rem);
  }
  html:not([dir=rtl]) .pre-4 {
    margin-left: 16.6666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-4[class*=column-]:first-of-type {
    margin-left: 16.6666666667vw;
  }
  html[dir=rtl] [class*=column-] .pre-4[class*=column-]:first-of-type {
    margin-right: 16.6666666667vw;
  }
  html[dir=rtl] .pre-4 {
    margin-right: 16.6666666667vw;
  }
  html:not([dir=rtl]) .first-column.pre-4 {
    margin-left: calc(16.6666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-4[class*=column-]:first-of-type {
    margin-left: calc(16.6666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-4[class*=column-]:first-of-type {
    margin-right: calc(16.6666666667vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-4 {
    margin-right: calc(16.6666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-4 {
    margin-right: 16.6666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-4[class*=column-]:first-of-type {
    margin-right: 16.6666666667vw;
  }
  html[dir=rtl] [class*=column-] .post-4[class*=column-]:first-of-type {
    margin-right: 16.6666666667vw;
  }
  html[dir=rtl] .post-4 {
    margin-left: 16.6666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-4:first-of-type {
    margin-left: calc(16.6666666667vw - 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(16.6666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-4:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(16.6666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-4:first-of-type {
    margin-right: calc(16.6666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) .pre-5 {
    margin-left: 20.8333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-5[class*=column-]:first-of-type {
    margin-left: 20.8333333333vw;
  }
  html[dir=rtl] [class*=column-] .pre-5[class*=column-]:first-of-type {
    margin-right: 20.8333333333vw;
  }
  html[dir=rtl] .pre-5 {
    margin-right: 20.8333333333vw;
  }
  html:not([dir=rtl]) .first-column.pre-5 {
    margin-left: calc(20.8333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-5[class*=column-]:first-of-type {
    margin-left: calc(20.8333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-5[class*=column-]:first-of-type {
    margin-right: calc(20.8333333333vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-5 {
    margin-right: calc(20.8333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-5 {
    margin-right: 20.8333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-5[class*=column-]:first-of-type {
    margin-right: 20.8333333333vw;
  }
  html[dir=rtl] [class*=column-] .post-5[class*=column-]:first-of-type {
    margin-right: 20.8333333333vw;
  }
  html[dir=rtl] .post-5 {
    margin-left: 20.8333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-5:first-of-type {
    margin-left: calc(20.8333333333vw - 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(20.8333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-5:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(20.8333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-5:first-of-type {
    margin-right: calc(20.8333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) .pre-6 {
    margin-left: 25vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-6[class*=column-]:first-of-type {
    margin-left: 25vw;
  }
  html[dir=rtl] [class*=column-] .pre-6[class*=column-]:first-of-type {
    margin-right: 25vw;
  }
  html[dir=rtl] .pre-6 {
    margin-right: 25vw;
  }
  html:not([dir=rtl]) .first-column.pre-6 {
    margin-left: calc(25vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-6[class*=column-]:first-of-type {
    margin-left: calc(25vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-6[class*=column-]:first-of-type {
    margin-right: calc(25vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-6 {
    margin-right: calc(25vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-6 {
    margin-right: 25vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-6[class*=column-]:first-of-type {
    margin-right: 25vw;
  }
  html[dir=rtl] [class*=column-] .post-6[class*=column-]:first-of-type {
    margin-right: 25vw;
  }
  html[dir=rtl] .post-6 {
    margin-left: 25vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-6:first-of-type {
    margin-left: calc(25vw - 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(25vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-6:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(25vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-6:first-of-type {
    margin-right: calc(25vw - 0.5rem);
  }
  html:not([dir=rtl]) .pre-7 {
    margin-left: 29.1666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-7[class*=column-]:first-of-type {
    margin-left: 29.1666666667vw;
  }
  html[dir=rtl] [class*=column-] .pre-7[class*=column-]:first-of-type {
    margin-right: 29.1666666667vw;
  }
  html[dir=rtl] .pre-7 {
    margin-right: 29.1666666667vw;
  }
  html:not([dir=rtl]) .first-column.pre-7 {
    margin-left: calc(29.1666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-7[class*=column-]:first-of-type {
    margin-left: calc(29.1666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-7[class*=column-]:first-of-type {
    margin-right: calc(29.1666666667vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-7 {
    margin-right: calc(29.1666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-7 {
    margin-right: 29.1666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-7[class*=column-]:first-of-type {
    margin-right: 29.1666666667vw;
  }
  html[dir=rtl] [class*=column-] .post-7[class*=column-]:first-of-type {
    margin-right: 29.1666666667vw;
  }
  html[dir=rtl] .post-7 {
    margin-left: 29.1666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-7:first-of-type {
    margin-left: calc(29.1666666667vw - 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(29.1666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-7:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(29.1666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-7:first-of-type {
    margin-right: calc(29.1666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) .pre-8 {
    margin-left: 33.3333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-8[class*=column-]:first-of-type {
    margin-left: 33.3333333333vw;
  }
  html[dir=rtl] [class*=column-] .pre-8[class*=column-]:first-of-type {
    margin-right: 33.3333333333vw;
  }
  html[dir=rtl] .pre-8 {
    margin-right: 33.3333333333vw;
  }
  html:not([dir=rtl]) .first-column.pre-8 {
    margin-left: calc(33.3333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-8[class*=column-]:first-of-type {
    margin-left: calc(33.3333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-8[class*=column-]:first-of-type {
    margin-right: calc(33.3333333333vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-8 {
    margin-right: calc(33.3333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-8 {
    margin-right: 33.3333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-8[class*=column-]:first-of-type {
    margin-right: 33.3333333333vw;
  }
  html[dir=rtl] [class*=column-] .post-8[class*=column-]:first-of-type {
    margin-right: 33.3333333333vw;
  }
  html[dir=rtl] .post-8 {
    margin-left: 33.3333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-8:first-of-type {
    margin-left: calc(33.3333333333vw - 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(33.3333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-8:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(33.3333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-8:first-of-type {
    margin-right: calc(33.3333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) .pre-9 {
    margin-left: 37.5vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-9[class*=column-]:first-of-type {
    margin-left: 37.5vw;
  }
  html[dir=rtl] [class*=column-] .pre-9[class*=column-]:first-of-type {
    margin-right: 37.5vw;
  }
  html[dir=rtl] .pre-9 {
    margin-right: 37.5vw;
  }
  html:not([dir=rtl]) .first-column.pre-9 {
    margin-left: calc(37.5vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-9[class*=column-]:first-of-type {
    margin-left: calc(37.5vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-9[class*=column-]:first-of-type {
    margin-right: calc(37.5vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-9 {
    margin-right: calc(37.5vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-9 {
    margin-right: 37.5vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-9[class*=column-]:first-of-type {
    margin-right: 37.5vw;
  }
  html[dir=rtl] [class*=column-] .post-9[class*=column-]:first-of-type {
    margin-right: 37.5vw;
  }
  html[dir=rtl] .post-9 {
    margin-left: 37.5vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-9:first-of-type {
    margin-left: calc(37.5vw - 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(37.5vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-9:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(37.5vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-9:first-of-type {
    margin-right: calc(37.5vw - 0.5rem);
  }
  html:not([dir=rtl]) .pre-10 {
    margin-left: 41.6666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-10[class*=column-]:first-of-type {
    margin-left: 41.6666666667vw;
  }
  html[dir=rtl] [class*=column-] .pre-10[class*=column-]:first-of-type {
    margin-right: 41.6666666667vw;
  }
  html[dir=rtl] .pre-10 {
    margin-right: 41.6666666667vw;
  }
  html:not([dir=rtl]) .first-column.pre-10 {
    margin-left: calc(41.6666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-10[class*=column-]:first-of-type {
    margin-left: calc(41.6666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-10[class*=column-]:first-of-type {
    margin-right: calc(41.6666666667vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-10 {
    margin-right: calc(41.6666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-10 {
    margin-right: 41.6666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-10[class*=column-]:first-of-type {
    margin-right: 41.6666666667vw;
  }
  html[dir=rtl] [class*=column-] .post-10[class*=column-]:first-of-type {
    margin-right: 41.6666666667vw;
  }
  html[dir=rtl] .post-10 {
    margin-left: 41.6666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-10:first-of-type {
    margin-left: calc(41.6666666667vw - 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(41.6666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-10:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(41.6666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-10:first-of-type {
    margin-right: calc(41.6666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) .pre-11 {
    margin-left: 45.8333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-11[class*=column-]:first-of-type {
    margin-left: 45.8333333333vw;
  }
  html[dir=rtl] [class*=column-] .pre-11[class*=column-]:first-of-type {
    margin-right: 45.8333333333vw;
  }
  html[dir=rtl] .pre-11 {
    margin-right: 45.8333333333vw;
  }
  html:not([dir=rtl]) .first-column.pre-11 {
    margin-left: calc(45.8333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-11[class*=column-]:first-of-type {
    margin-left: calc(45.8333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-11[class*=column-]:first-of-type {
    margin-right: calc(45.8333333333vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-11 {
    margin-right: calc(45.8333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-11 {
    margin-right: 45.8333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-11[class*=column-]:first-of-type {
    margin-right: 45.8333333333vw;
  }
  html[dir=rtl] [class*=column-] .post-11[class*=column-]:first-of-type {
    margin-right: 45.8333333333vw;
  }
  html[dir=rtl] .post-11 {
    margin-left: 45.8333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-11:first-of-type {
    margin-left: calc(45.8333333333vw - 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(45.8333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-11:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(45.8333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-11:first-of-type {
    margin-right: calc(45.8333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) .pre-12 {
    margin-left: 50vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-12[class*=column-]:first-of-type {
    margin-left: 50vw;
  }
  html[dir=rtl] [class*=column-] .pre-12[class*=column-]:first-of-type {
    margin-right: 50vw;
  }
  html[dir=rtl] .pre-12 {
    margin-right: 50vw;
  }
  html:not([dir=rtl]) .first-column.pre-12 {
    margin-left: calc(50vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-12[class*=column-]:first-of-type {
    margin-left: calc(50vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-12[class*=column-]:first-of-type {
    margin-right: calc(50vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-12 {
    margin-right: calc(50vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-12 {
    margin-right: 50vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-12[class*=column-]:first-of-type {
    margin-right: 50vw;
  }
  html[dir=rtl] [class*=column-] .post-12[class*=column-]:first-of-type {
    margin-right: 50vw;
  }
  html[dir=rtl] .post-12 {
    margin-left: 50vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-12:first-of-type {
    margin-left: calc(50vw - 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(50vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-12:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(50vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-12:first-of-type {
    margin-right: calc(50vw - 0.5rem);
  }
  html:not([dir=rtl]) .pre-13 {
    margin-left: 54.1666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-13[class*=column-]:first-of-type {
    margin-left: 54.1666666667vw;
  }
  html[dir=rtl] [class*=column-] .pre-13[class*=column-]:first-of-type {
    margin-right: 54.1666666667vw;
  }
  html[dir=rtl] .pre-13 {
    margin-right: 54.1666666667vw;
  }
  html:not([dir=rtl]) .first-column.pre-13 {
    margin-left: calc(54.1666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-13[class*=column-]:first-of-type {
    margin-left: calc(54.1666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-13[class*=column-]:first-of-type {
    margin-right: calc(54.1666666667vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-13 {
    margin-right: calc(54.1666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-13 {
    margin-right: 54.1666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-13[class*=column-]:first-of-type {
    margin-right: 54.1666666667vw;
  }
  html[dir=rtl] [class*=column-] .post-13[class*=column-]:first-of-type {
    margin-right: 54.1666666667vw;
  }
  html[dir=rtl] .post-13 {
    margin-left: 54.1666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-13:first-of-type {
    margin-left: calc(54.1666666667vw - 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(54.1666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-13:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(54.1666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-13:first-of-type {
    margin-right: calc(54.1666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) .pre-14 {
    margin-left: 58.3333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-14[class*=column-]:first-of-type {
    margin-left: 58.3333333333vw;
  }
  html[dir=rtl] [class*=column-] .pre-14[class*=column-]:first-of-type {
    margin-right: 58.3333333333vw;
  }
  html[dir=rtl] .pre-14 {
    margin-right: 58.3333333333vw;
  }
  html:not([dir=rtl]) .first-column.pre-14 {
    margin-left: calc(58.3333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-14[class*=column-]:first-of-type {
    margin-left: calc(58.3333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-14[class*=column-]:first-of-type {
    margin-right: calc(58.3333333333vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-14 {
    margin-right: calc(58.3333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-14 {
    margin-right: 58.3333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-14[class*=column-]:first-of-type {
    margin-right: 58.3333333333vw;
  }
  html[dir=rtl] [class*=column-] .post-14[class*=column-]:first-of-type {
    margin-right: 58.3333333333vw;
  }
  html[dir=rtl] .post-14 {
    margin-left: 58.3333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-14:first-of-type {
    margin-left: calc(58.3333333333vw - 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(58.3333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-14:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(58.3333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-14:first-of-type {
    margin-right: calc(58.3333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) .pre-15 {
    margin-left: 62.5vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-15[class*=column-]:first-of-type {
    margin-left: 62.5vw;
  }
  html[dir=rtl] [class*=column-] .pre-15[class*=column-]:first-of-type {
    margin-right: 62.5vw;
  }
  html[dir=rtl] .pre-15 {
    margin-right: 62.5vw;
  }
  html:not([dir=rtl]) .first-column.pre-15 {
    margin-left: calc(62.5vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-15[class*=column-]:first-of-type {
    margin-left: calc(62.5vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-15[class*=column-]:first-of-type {
    margin-right: calc(62.5vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-15 {
    margin-right: calc(62.5vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-15 {
    margin-right: 62.5vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-15[class*=column-]:first-of-type {
    margin-right: 62.5vw;
  }
  html[dir=rtl] [class*=column-] .post-15[class*=column-]:first-of-type {
    margin-right: 62.5vw;
  }
  html[dir=rtl] .post-15 {
    margin-left: 62.5vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-15:first-of-type {
    margin-left: calc(62.5vw - 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(62.5vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-15:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(62.5vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-15:first-of-type {
    margin-right: calc(62.5vw - 0.5rem);
  }
  html:not([dir=rtl]) .pre-16 {
    margin-left: 66.6666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-16[class*=column-]:first-of-type {
    margin-left: 66.6666666667vw;
  }
  html[dir=rtl] [class*=column-] .pre-16[class*=column-]:first-of-type {
    margin-right: 66.6666666667vw;
  }
  html[dir=rtl] .pre-16 {
    margin-right: 66.6666666667vw;
  }
  html:not([dir=rtl]) .first-column.pre-16 {
    margin-left: calc(66.6666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-16[class*=column-]:first-of-type {
    margin-left: calc(66.6666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-16[class*=column-]:first-of-type {
    margin-right: calc(66.6666666667vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-16 {
    margin-right: calc(66.6666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-16 {
    margin-right: 66.6666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-16[class*=column-]:first-of-type {
    margin-right: 66.6666666667vw;
  }
  html[dir=rtl] [class*=column-] .post-16[class*=column-]:first-of-type {
    margin-right: 66.6666666667vw;
  }
  html[dir=rtl] .post-16 {
    margin-left: 66.6666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-16:first-of-type {
    margin-left: calc(66.6666666667vw - 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(66.6666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-16:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(66.6666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-16:first-of-type {
    margin-right: calc(66.6666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) .pre-17 {
    margin-left: 70.8333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-17[class*=column-]:first-of-type {
    margin-left: 70.8333333333vw;
  }
  html[dir=rtl] [class*=column-] .pre-17[class*=column-]:first-of-type {
    margin-right: 70.8333333333vw;
  }
  html[dir=rtl] .pre-17 {
    margin-right: 70.8333333333vw;
  }
  html:not([dir=rtl]) .first-column.pre-17 {
    margin-left: calc(70.8333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-17[class*=column-]:first-of-type {
    margin-left: calc(70.8333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-17[class*=column-]:first-of-type {
    margin-right: calc(70.8333333333vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-17 {
    margin-right: calc(70.8333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-17 {
    margin-right: 70.8333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-17[class*=column-]:first-of-type {
    margin-right: 70.8333333333vw;
  }
  html[dir=rtl] [class*=column-] .post-17[class*=column-]:first-of-type {
    margin-right: 70.8333333333vw;
  }
  html[dir=rtl] .post-17 {
    margin-left: 70.8333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-17:first-of-type {
    margin-left: calc(70.8333333333vw - 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(70.8333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-17:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(70.8333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-17:first-of-type {
    margin-right: calc(70.8333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) .pre-18 {
    margin-left: 75vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-18[class*=column-]:first-of-type {
    margin-left: 75vw;
  }
  html[dir=rtl] [class*=column-] .pre-18[class*=column-]:first-of-type {
    margin-right: 75vw;
  }
  html[dir=rtl] .pre-18 {
    margin-right: 75vw;
  }
  html:not([dir=rtl]) .first-column.pre-18 {
    margin-left: calc(75vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-18[class*=column-]:first-of-type {
    margin-left: calc(75vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-18[class*=column-]:first-of-type {
    margin-right: calc(75vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-18 {
    margin-right: calc(75vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-18 {
    margin-right: 75vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-18[class*=column-]:first-of-type {
    margin-right: 75vw;
  }
  html[dir=rtl] [class*=column-] .post-18[class*=column-]:first-of-type {
    margin-right: 75vw;
  }
  html[dir=rtl] .post-18 {
    margin-left: 75vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-18:first-of-type {
    margin-left: calc(75vw - 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(75vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-18:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(75vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-18:first-of-type {
    margin-right: calc(75vw - 0.5rem);
  }
  html:not([dir=rtl]) .pre-19 {
    margin-left: 79.1666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-19[class*=column-]:first-of-type {
    margin-left: 79.1666666667vw;
  }
  html[dir=rtl] [class*=column-] .pre-19[class*=column-]:first-of-type {
    margin-right: 79.1666666667vw;
  }
  html[dir=rtl] .pre-19 {
    margin-right: 79.1666666667vw;
  }
  html:not([dir=rtl]) .first-column.pre-19 {
    margin-left: calc(79.1666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-19[class*=column-]:first-of-type {
    margin-left: calc(79.1666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-19[class*=column-]:first-of-type {
    margin-right: calc(79.1666666667vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-19 {
    margin-right: calc(79.1666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-19 {
    margin-right: 79.1666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-19[class*=column-]:first-of-type {
    margin-right: 79.1666666667vw;
  }
  html[dir=rtl] [class*=column-] .post-19[class*=column-]:first-of-type {
    margin-right: 79.1666666667vw;
  }
  html[dir=rtl] .post-19 {
    margin-left: 79.1666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-19:first-of-type {
    margin-left: calc(79.1666666667vw - 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(79.1666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-19:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(79.1666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-19:first-of-type {
    margin-right: calc(79.1666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) .pre-20 {
    margin-left: 83.3333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-20[class*=column-]:first-of-type {
    margin-left: 83.3333333333vw;
  }
  html[dir=rtl] [class*=column-] .pre-20[class*=column-]:first-of-type {
    margin-right: 83.3333333333vw;
  }
  html[dir=rtl] .pre-20 {
    margin-right: 83.3333333333vw;
  }
  html:not([dir=rtl]) .first-column.pre-20 {
    margin-left: calc(83.3333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-20[class*=column-]:first-of-type {
    margin-left: calc(83.3333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-20[class*=column-]:first-of-type {
    margin-right: calc(83.3333333333vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-20 {
    margin-right: calc(83.3333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-20 {
    margin-right: 83.3333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-20[class*=column-]:first-of-type {
    margin-right: 83.3333333333vw;
  }
  html[dir=rtl] [class*=column-] .post-20[class*=column-]:first-of-type {
    margin-right: 83.3333333333vw;
  }
  html[dir=rtl] .post-20 {
    margin-left: 83.3333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-20:first-of-type {
    margin-left: calc(83.3333333333vw - 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(83.3333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-20:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(83.3333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-20:first-of-type {
    margin-right: calc(83.3333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) .pre-21 {
    margin-left: 87.5vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-21[class*=column-]:first-of-type {
    margin-left: 87.5vw;
  }
  html[dir=rtl] [class*=column-] .pre-21[class*=column-]:first-of-type {
    margin-right: 87.5vw;
  }
  html[dir=rtl] .pre-21 {
    margin-right: 87.5vw;
  }
  html:not([dir=rtl]) .first-column.pre-21 {
    margin-left: calc(87.5vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-21[class*=column-]:first-of-type {
    margin-left: calc(87.5vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-21[class*=column-]:first-of-type {
    margin-right: calc(87.5vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-21 {
    margin-right: calc(87.5vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-21 {
    margin-right: 87.5vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-21[class*=column-]:first-of-type {
    margin-right: 87.5vw;
  }
  html[dir=rtl] [class*=column-] .post-21[class*=column-]:first-of-type {
    margin-right: 87.5vw;
  }
  html[dir=rtl] .post-21 {
    margin-left: 87.5vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-21:first-of-type {
    margin-left: calc(87.5vw - 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(87.5vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-21:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(87.5vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-21:first-of-type {
    margin-right: calc(87.5vw - 0.5rem);
  }
  html:not([dir=rtl]) .pre-22 {
    margin-left: 91.6666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-22[class*=column-]:first-of-type {
    margin-left: 91.6666666667vw;
  }
  html[dir=rtl] [class*=column-] .pre-22[class*=column-]:first-of-type {
    margin-right: 91.6666666667vw;
  }
  html[dir=rtl] .pre-22 {
    margin-right: 91.6666666667vw;
  }
  html:not([dir=rtl]) .first-column.pre-22 {
    margin-left: calc(91.6666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-22[class*=column-]:first-of-type {
    margin-left: calc(91.6666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-22[class*=column-]:first-of-type {
    margin-right: calc(91.6666666667vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-22 {
    margin-right: calc(91.6666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-22 {
    margin-right: 91.6666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-22[class*=column-]:first-of-type {
    margin-right: 91.6666666667vw;
  }
  html[dir=rtl] [class*=column-] .post-22[class*=column-]:first-of-type {
    margin-right: 91.6666666667vw;
  }
  html[dir=rtl] .post-22 {
    margin-left: 91.6666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-22:first-of-type {
    margin-left: calc(91.6666666667vw - 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(91.6666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-22:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(91.6666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-22:first-of-type {
    margin-right: calc(91.6666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) .pre-23 {
    margin-left: 95.8333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-23[class*=column-]:first-of-type {
    margin-left: 95.8333333333vw;
  }
  html[dir=rtl] [class*=column-] .pre-23[class*=column-]:first-of-type {
    margin-right: 95.8333333333vw;
  }
  html[dir=rtl] .pre-23 {
    margin-right: 95.8333333333vw;
  }
  html:not([dir=rtl]) .first-column.pre-23 {
    margin-left: calc(95.8333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-23[class*=column-]:first-of-type {
    margin-left: calc(95.8333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-23[class*=column-]:first-of-type {
    margin-right: calc(95.8333333333vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-23 {
    margin-right: calc(95.8333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-23 {
    margin-right: 95.8333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-23[class*=column-]:first-of-type {
    margin-right: 95.8333333333vw;
  }
  html[dir=rtl] [class*=column-] .post-23[class*=column-]:first-of-type {
    margin-right: 95.8333333333vw;
  }
  html[dir=rtl] .post-23 {
    margin-left: 95.8333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-23:first-of-type {
    margin-left: calc(95.8333333333vw - 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(95.8333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-23:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(95.8333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-23:first-of-type {
    margin-right: calc(95.8333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) .pre-24 {
    margin-left: 100vw;
  }
  html:not([dir=rtl]) [class*=column-] .pre-24[class*=column-]:first-of-type {
    margin-left: 100vw;
  }
  html[dir=rtl] [class*=column-] .pre-24[class*=column-]:first-of-type {
    margin-right: 100vw;
  }
  html[dir=rtl] .pre-24 {
    margin-right: 100vw;
  }
  html:not([dir=rtl]) .first-column.pre-24 {
    margin-left: calc(100vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .first-column.pre-24[class*=column-]:first-of-type {
    margin-left: calc(100vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .first-column.pre-24[class*=column-]:first-of-type {
    margin-right: calc(100vw - 0.5rem);
  }
  html[dir=rtl] .first-column.pre-24 {
    margin-right: calc(100vw - 0.5rem);
  }
  html:not([dir=rtl]) .post-24 {
    margin-right: 100vw;
  }
  html:not([dir=rtl]) [class*=column-] .post-24[class*=column-]:first-of-type {
    margin-right: 100vw;
  }
  html[dir=rtl] [class*=column-] .post-24[class*=column-]:first-of-type {
    margin-right: 100vw;
  }
  html[dir=rtl] .post-24 {
    margin-left: 100vw;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-24:first-of-type {
    margin-left: calc(100vw - 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(100vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-] [class*=column-].pre-24:first-of-type[class*=column-]:first-of-type {
    margin-right: calc(100vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-24:first-of-type {
    margin-right: calc(100vw - 0.5rem);
  }
}
@media screen and (max-width: 859px) {
  html:not([dir=rtl]) .tablet-pre-0 {
    margin-left: 0vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-pre-0[class*=column-]:first-of-type {
    margin-left: 0vw;
  }
  html[dir=rtl] [class*=column-] .tablet-pre-0[class*=column-]:first-of-type {
    margin-right: 0vw;
  }
  html[dir=rtl] .tablet-pre-0 {
    margin-right: 0vw;
  }
  html:not([dir=rtl]) .tablet-first-column.tablet-pre-0 {
    margin-left: calc(0vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .tablet-first-column.tablet-pre-0[class*=column-]:first-of-type {
    margin-left: calc(0vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .tablet-first-column.tablet-pre-0[class*=column-]:first-of-type {
    margin-right: calc(0vw - 0.5rem);
  }
  html[dir=rtl] .tablet-first-column.tablet-pre-0 {
    margin-right: calc(0vw - 0.5rem);
  }
  html:not([dir=rtl]) .tablet-post-0 {
    margin-right: 0vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-post-0[class*=column-]:first-of-type {
    margin-right: 0vw;
  }
  html[dir=rtl] [class*=column-] .tablet-post-0[class*=column-]:first-of-type {
    margin-right: 0vw;
  }
  html[dir=rtl] .tablet-post-0 {
    margin-left: 0vw;
  }
  html:not([dir=rtl]) .tablet-pre-1 {
    margin-left: 8.3333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-pre-1[class*=column-]:first-of-type {
    margin-left: 8.3333333333vw;
  }
  html[dir=rtl] [class*=column-] .tablet-pre-1[class*=column-]:first-of-type {
    margin-right: 8.3333333333vw;
  }
  html[dir=rtl] .tablet-pre-1 {
    margin-right: 8.3333333333vw;
  }
  html:not([dir=rtl]) .tablet-first-column.tablet-pre-1 {
    margin-left: calc(8.3333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .tablet-first-column.tablet-pre-1[class*=column-]:first-of-type {
    margin-left: calc(8.3333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .tablet-first-column.tablet-pre-1[class*=column-]:first-of-type {
    margin-right: calc(8.3333333333vw - 0.5rem);
  }
  html[dir=rtl] .tablet-first-column.tablet-pre-1 {
    margin-right: calc(8.3333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) .tablet-post-1 {
    margin-right: 8.3333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-post-1[class*=column-]:first-of-type {
    margin-right: 8.3333333333vw;
  }
  html[dir=rtl] [class*=column-] .tablet-post-1[class*=column-]:first-of-type {
    margin-right: 8.3333333333vw;
  }
  html[dir=rtl] .tablet-post-1 {
    margin-left: 8.3333333333vw;
  }
  html:not([dir=rtl]) .tablet-pre-2 {
    margin-left: 16.6666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-pre-2[class*=column-]:first-of-type {
    margin-left: 16.6666666667vw;
  }
  html[dir=rtl] [class*=column-] .tablet-pre-2[class*=column-]:first-of-type {
    margin-right: 16.6666666667vw;
  }
  html[dir=rtl] .tablet-pre-2 {
    margin-right: 16.6666666667vw;
  }
  html:not([dir=rtl]) .tablet-first-column.tablet-pre-2 {
    margin-left: calc(16.6666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .tablet-first-column.tablet-pre-2[class*=column-]:first-of-type {
    margin-left: calc(16.6666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .tablet-first-column.tablet-pre-2[class*=column-]:first-of-type {
    margin-right: calc(16.6666666667vw - 0.5rem);
  }
  html[dir=rtl] .tablet-first-column.tablet-pre-2 {
    margin-right: calc(16.6666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) .tablet-post-2 {
    margin-right: 16.6666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-post-2[class*=column-]:first-of-type {
    margin-right: 16.6666666667vw;
  }
  html[dir=rtl] [class*=column-] .tablet-post-2[class*=column-]:first-of-type {
    margin-right: 16.6666666667vw;
  }
  html[dir=rtl] .tablet-post-2 {
    margin-left: 16.6666666667vw;
  }
  html:not([dir=rtl]) .tablet-pre-3 {
    margin-left: 25vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-pre-3[class*=column-]:first-of-type {
    margin-left: 25vw;
  }
  html[dir=rtl] [class*=column-] .tablet-pre-3[class*=column-]:first-of-type {
    margin-right: 25vw;
  }
  html[dir=rtl] .tablet-pre-3 {
    margin-right: 25vw;
  }
  html:not([dir=rtl]) .tablet-first-column.tablet-pre-3 {
    margin-left: calc(25vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .tablet-first-column.tablet-pre-3[class*=column-]:first-of-type {
    margin-left: calc(25vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .tablet-first-column.tablet-pre-3[class*=column-]:first-of-type {
    margin-right: calc(25vw - 0.5rem);
  }
  html[dir=rtl] .tablet-first-column.tablet-pre-3 {
    margin-right: calc(25vw - 0.5rem);
  }
  html:not([dir=rtl]) .tablet-post-3 {
    margin-right: 25vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-post-3[class*=column-]:first-of-type {
    margin-right: 25vw;
  }
  html[dir=rtl] [class*=column-] .tablet-post-3[class*=column-]:first-of-type {
    margin-right: 25vw;
  }
  html[dir=rtl] .tablet-post-3 {
    margin-left: 25vw;
  }
  html:not([dir=rtl]) .tablet-pre-4 {
    margin-left: 33.3333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-pre-4[class*=column-]:first-of-type {
    margin-left: 33.3333333333vw;
  }
  html[dir=rtl] [class*=column-] .tablet-pre-4[class*=column-]:first-of-type {
    margin-right: 33.3333333333vw;
  }
  html[dir=rtl] .tablet-pre-4 {
    margin-right: 33.3333333333vw;
  }
  html:not([dir=rtl]) .tablet-first-column.tablet-pre-4 {
    margin-left: calc(33.3333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .tablet-first-column.tablet-pre-4[class*=column-]:first-of-type {
    margin-left: calc(33.3333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .tablet-first-column.tablet-pre-4[class*=column-]:first-of-type {
    margin-right: calc(33.3333333333vw - 0.5rem);
  }
  html[dir=rtl] .tablet-first-column.tablet-pre-4 {
    margin-right: calc(33.3333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) .tablet-post-4 {
    margin-right: 33.3333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-post-4[class*=column-]:first-of-type {
    margin-right: 33.3333333333vw;
  }
  html[dir=rtl] [class*=column-] .tablet-post-4[class*=column-]:first-of-type {
    margin-right: 33.3333333333vw;
  }
  html[dir=rtl] .tablet-post-4 {
    margin-left: 33.3333333333vw;
  }
  html:not([dir=rtl]) .tablet-pre-5 {
    margin-left: 41.6666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-pre-5[class*=column-]:first-of-type {
    margin-left: 41.6666666667vw;
  }
  html[dir=rtl] [class*=column-] .tablet-pre-5[class*=column-]:first-of-type {
    margin-right: 41.6666666667vw;
  }
  html[dir=rtl] .tablet-pre-5 {
    margin-right: 41.6666666667vw;
  }
  html:not([dir=rtl]) .tablet-first-column.tablet-pre-5 {
    margin-left: calc(41.6666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .tablet-first-column.tablet-pre-5[class*=column-]:first-of-type {
    margin-left: calc(41.6666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .tablet-first-column.tablet-pre-5[class*=column-]:first-of-type {
    margin-right: calc(41.6666666667vw - 0.5rem);
  }
  html[dir=rtl] .tablet-first-column.tablet-pre-5 {
    margin-right: calc(41.6666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) .tablet-post-5 {
    margin-right: 41.6666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-post-5[class*=column-]:first-of-type {
    margin-right: 41.6666666667vw;
  }
  html[dir=rtl] [class*=column-] .tablet-post-5[class*=column-]:first-of-type {
    margin-right: 41.6666666667vw;
  }
  html[dir=rtl] .tablet-post-5 {
    margin-left: 41.6666666667vw;
  }
  html:not([dir=rtl]) .tablet-pre-6 {
    margin-left: 50vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-pre-6[class*=column-]:first-of-type {
    margin-left: 50vw;
  }
  html[dir=rtl] [class*=column-] .tablet-pre-6[class*=column-]:first-of-type {
    margin-right: 50vw;
  }
  html[dir=rtl] .tablet-pre-6 {
    margin-right: 50vw;
  }
  html:not([dir=rtl]) .tablet-first-column.tablet-pre-6 {
    margin-left: calc(50vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .tablet-first-column.tablet-pre-6[class*=column-]:first-of-type {
    margin-left: calc(50vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .tablet-first-column.tablet-pre-6[class*=column-]:first-of-type {
    margin-right: calc(50vw - 0.5rem);
  }
  html[dir=rtl] .tablet-first-column.tablet-pre-6 {
    margin-right: calc(50vw - 0.5rem);
  }
  html:not([dir=rtl]) .tablet-post-6 {
    margin-right: 50vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-post-6[class*=column-]:first-of-type {
    margin-right: 50vw;
  }
  html[dir=rtl] [class*=column-] .tablet-post-6[class*=column-]:first-of-type {
    margin-right: 50vw;
  }
  html[dir=rtl] .tablet-post-6 {
    margin-left: 50vw;
  }
  html:not([dir=rtl]) .tablet-pre-7 {
    margin-left: 58.3333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-pre-7[class*=column-]:first-of-type {
    margin-left: 58.3333333333vw;
  }
  html[dir=rtl] [class*=column-] .tablet-pre-7[class*=column-]:first-of-type {
    margin-right: 58.3333333333vw;
  }
  html[dir=rtl] .tablet-pre-7 {
    margin-right: 58.3333333333vw;
  }
  html:not([dir=rtl]) .tablet-first-column.tablet-pre-7 {
    margin-left: calc(58.3333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .tablet-first-column.tablet-pre-7[class*=column-]:first-of-type {
    margin-left: calc(58.3333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .tablet-first-column.tablet-pre-7[class*=column-]:first-of-type {
    margin-right: calc(58.3333333333vw - 0.5rem);
  }
  html[dir=rtl] .tablet-first-column.tablet-pre-7 {
    margin-right: calc(58.3333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) .tablet-post-7 {
    margin-right: 58.3333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-post-7[class*=column-]:first-of-type {
    margin-right: 58.3333333333vw;
  }
  html[dir=rtl] [class*=column-] .tablet-post-7[class*=column-]:first-of-type {
    margin-right: 58.3333333333vw;
  }
  html[dir=rtl] .tablet-post-7 {
    margin-left: 58.3333333333vw;
  }
  html:not([dir=rtl]) .tablet-pre-8 {
    margin-left: 66.6666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-pre-8[class*=column-]:first-of-type {
    margin-left: 66.6666666667vw;
  }
  html[dir=rtl] [class*=column-] .tablet-pre-8[class*=column-]:first-of-type {
    margin-right: 66.6666666667vw;
  }
  html[dir=rtl] .tablet-pre-8 {
    margin-right: 66.6666666667vw;
  }
  html:not([dir=rtl]) .tablet-first-column.tablet-pre-8 {
    margin-left: calc(66.6666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .tablet-first-column.tablet-pre-8[class*=column-]:first-of-type {
    margin-left: calc(66.6666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .tablet-first-column.tablet-pre-8[class*=column-]:first-of-type {
    margin-right: calc(66.6666666667vw - 0.5rem);
  }
  html[dir=rtl] .tablet-first-column.tablet-pre-8 {
    margin-right: calc(66.6666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) .tablet-post-8 {
    margin-right: 66.6666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-post-8[class*=column-]:first-of-type {
    margin-right: 66.6666666667vw;
  }
  html[dir=rtl] [class*=column-] .tablet-post-8[class*=column-]:first-of-type {
    margin-right: 66.6666666667vw;
  }
  html[dir=rtl] .tablet-post-8 {
    margin-left: 66.6666666667vw;
  }
  html:not([dir=rtl]) .tablet-pre-9 {
    margin-left: 75vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-pre-9[class*=column-]:first-of-type {
    margin-left: 75vw;
  }
  html[dir=rtl] [class*=column-] .tablet-pre-9[class*=column-]:first-of-type {
    margin-right: 75vw;
  }
  html[dir=rtl] .tablet-pre-9 {
    margin-right: 75vw;
  }
  html:not([dir=rtl]) .tablet-first-column.tablet-pre-9 {
    margin-left: calc(75vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .tablet-first-column.tablet-pre-9[class*=column-]:first-of-type {
    margin-left: calc(75vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .tablet-first-column.tablet-pre-9[class*=column-]:first-of-type {
    margin-right: calc(75vw - 0.5rem);
  }
  html[dir=rtl] .tablet-first-column.tablet-pre-9 {
    margin-right: calc(75vw - 0.5rem);
  }
  html:not([dir=rtl]) .tablet-post-9 {
    margin-right: 75vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-post-9[class*=column-]:first-of-type {
    margin-right: 75vw;
  }
  html[dir=rtl] [class*=column-] .tablet-post-9[class*=column-]:first-of-type {
    margin-right: 75vw;
  }
  html[dir=rtl] .tablet-post-9 {
    margin-left: 75vw;
  }
  html:not([dir=rtl]) .tablet-pre-10 {
    margin-left: 83.3333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-pre-10[class*=column-]:first-of-type {
    margin-left: 83.3333333333vw;
  }
  html[dir=rtl] [class*=column-] .tablet-pre-10[class*=column-]:first-of-type {
    margin-right: 83.3333333333vw;
  }
  html[dir=rtl] .tablet-pre-10 {
    margin-right: 83.3333333333vw;
  }
  html:not([dir=rtl]) .tablet-first-column.tablet-pre-10 {
    margin-left: calc(83.3333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .tablet-first-column.tablet-pre-10[class*=column-]:first-of-type {
    margin-left: calc(83.3333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .tablet-first-column.tablet-pre-10[class*=column-]:first-of-type {
    margin-right: calc(83.3333333333vw - 0.5rem);
  }
  html[dir=rtl] .tablet-first-column.tablet-pre-10 {
    margin-right: calc(83.3333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) .tablet-post-10 {
    margin-right: 83.3333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-post-10[class*=column-]:first-of-type {
    margin-right: 83.3333333333vw;
  }
  html[dir=rtl] [class*=column-] .tablet-post-10[class*=column-]:first-of-type {
    margin-right: 83.3333333333vw;
  }
  html[dir=rtl] .tablet-post-10 {
    margin-left: 83.3333333333vw;
  }
  html:not([dir=rtl]) .tablet-pre-11 {
    margin-left: 91.6666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-pre-11[class*=column-]:first-of-type {
    margin-left: 91.6666666667vw;
  }
  html[dir=rtl] [class*=column-] .tablet-pre-11[class*=column-]:first-of-type {
    margin-right: 91.6666666667vw;
  }
  html[dir=rtl] .tablet-pre-11 {
    margin-right: 91.6666666667vw;
  }
  html:not([dir=rtl]) .tablet-first-column.tablet-pre-11 {
    margin-left: calc(91.6666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .tablet-first-column.tablet-pre-11[class*=column-]:first-of-type {
    margin-left: calc(91.6666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .tablet-first-column.tablet-pre-11[class*=column-]:first-of-type {
    margin-right: calc(91.6666666667vw - 0.5rem);
  }
  html[dir=rtl] .tablet-first-column.tablet-pre-11 {
    margin-right: calc(91.6666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) .tablet-post-11 {
    margin-right: 91.6666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-post-11[class*=column-]:first-of-type {
    margin-right: 91.6666666667vw;
  }
  html[dir=rtl] [class*=column-] .tablet-post-11[class*=column-]:first-of-type {
    margin-right: 91.6666666667vw;
  }
  html[dir=rtl] .tablet-post-11 {
    margin-left: 91.6666666667vw;
  }
  html:not([dir=rtl]) .tablet-pre-12 {
    margin-left: 100vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-pre-12[class*=column-]:first-of-type {
    margin-left: 100vw;
  }
  html[dir=rtl] [class*=column-] .tablet-pre-12[class*=column-]:first-of-type {
    margin-right: 100vw;
  }
  html[dir=rtl] .tablet-pre-12 {
    margin-right: 100vw;
  }
  html:not([dir=rtl]) .tablet-first-column.tablet-pre-12 {
    margin-left: calc(100vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .tablet-first-column.tablet-pre-12[class*=column-]:first-of-type {
    margin-left: calc(100vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .tablet-first-column.tablet-pre-12[class*=column-]:first-of-type {
    margin-right: calc(100vw - 0.5rem);
  }
  html[dir=rtl] .tablet-first-column.tablet-pre-12 {
    margin-right: calc(100vw - 0.5rem);
  }
  html:not([dir=rtl]) .tablet-post-12 {
    margin-right: 100vw;
  }
  html:not([dir=rtl]) [class*=column-] .tablet-post-12[class*=column-]:first-of-type {
    margin-right: 100vw;
  }
  html[dir=rtl] [class*=column-] .tablet-post-12[class*=column-]:first-of-type {
    margin-right: 100vw;
  }
  html[dir=rtl] .tablet-post-12 {
    margin-left: 100vw;
  }
}
@media screen and (max-width: 479px) {
  html:not([dir=rtl]) .phone-pre-0 {
    margin-left: 0vw;
  }
  html:not([dir=rtl]) [class*=column-] .phone-pre-0[class*=column-]:first-of-type {
    margin-left: 0vw;
  }
  html[dir=rtl] [class*=column-] .phone-pre-0[class*=column-]:first-of-type {
    margin-right: 0vw;
  }
  html[dir=rtl] .phone-pre-0 {
    margin-right: 0vw;
  }
  html:not([dir=rtl]) .phone-first-column.phone-pre-0 {
    margin-left: calc(0vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .phone-first-column.phone-pre-0[class*=column-]:first-of-type {
    margin-left: calc(0vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .phone-first-column.phone-pre-0[class*=column-]:first-of-type {
    margin-right: calc(0vw - 0.5rem);
  }
  html[dir=rtl] .phone-first-column.phone-pre-0 {
    margin-right: calc(0vw - 0.5rem);
  }
  html:not([dir=rtl]) .phone-post-0 {
    margin-right: 0vw;
  }
  html:not([dir=rtl]) [class*=column-] .phone-post-0[class*=column-]:first-of-type {
    margin-right: 0vw;
  }
  html[dir=rtl] [class*=column-] .phone-post-0[class*=column-]:first-of-type {
    margin-right: 0vw;
  }
  html[dir=rtl] .phone-post-0 {
    margin-left: 0vw;
  }
  html:not([dir=rtl]) .phone-pre-1 {
    margin-left: 16.6666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .phone-pre-1[class*=column-]:first-of-type {
    margin-left: 16.6666666667vw;
  }
  html[dir=rtl] [class*=column-] .phone-pre-1[class*=column-]:first-of-type {
    margin-right: 16.6666666667vw;
  }
  html[dir=rtl] .phone-pre-1 {
    margin-right: 16.6666666667vw;
  }
  html:not([dir=rtl]) .phone-first-column.phone-pre-1 {
    margin-left: calc(16.6666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .phone-first-column.phone-pre-1[class*=column-]:first-of-type {
    margin-left: calc(16.6666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .phone-first-column.phone-pre-1[class*=column-]:first-of-type {
    margin-right: calc(16.6666666667vw - 0.5rem);
  }
  html[dir=rtl] .phone-first-column.phone-pre-1 {
    margin-right: calc(16.6666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) .phone-post-1 {
    margin-right: 16.6666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .phone-post-1[class*=column-]:first-of-type {
    margin-right: 16.6666666667vw;
  }
  html[dir=rtl] [class*=column-] .phone-post-1[class*=column-]:first-of-type {
    margin-right: 16.6666666667vw;
  }
  html[dir=rtl] .phone-post-1 {
    margin-left: 16.6666666667vw;
  }
  html:not([dir=rtl]) .phone-pre-2 {
    margin-left: 33.3333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .phone-pre-2[class*=column-]:first-of-type {
    margin-left: 33.3333333333vw;
  }
  html[dir=rtl] [class*=column-] .phone-pre-2[class*=column-]:first-of-type {
    margin-right: 33.3333333333vw;
  }
  html[dir=rtl] .phone-pre-2 {
    margin-right: 33.3333333333vw;
  }
  html:not([dir=rtl]) .phone-first-column.phone-pre-2 {
    margin-left: calc(33.3333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .phone-first-column.phone-pre-2[class*=column-]:first-of-type {
    margin-left: calc(33.3333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .phone-first-column.phone-pre-2[class*=column-]:first-of-type {
    margin-right: calc(33.3333333333vw - 0.5rem);
  }
  html[dir=rtl] .phone-first-column.phone-pre-2 {
    margin-right: calc(33.3333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) .phone-post-2 {
    margin-right: 33.3333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .phone-post-2[class*=column-]:first-of-type {
    margin-right: 33.3333333333vw;
  }
  html[dir=rtl] [class*=column-] .phone-post-2[class*=column-]:first-of-type {
    margin-right: 33.3333333333vw;
  }
  html[dir=rtl] .phone-post-2 {
    margin-left: 33.3333333333vw;
  }
  html:not([dir=rtl]) .phone-pre-3 {
    margin-left: 50vw;
  }
  html:not([dir=rtl]) [class*=column-] .phone-pre-3[class*=column-]:first-of-type {
    margin-left: 50vw;
  }
  html[dir=rtl] [class*=column-] .phone-pre-3[class*=column-]:first-of-type {
    margin-right: 50vw;
  }
  html[dir=rtl] .phone-pre-3 {
    margin-right: 50vw;
  }
  html:not([dir=rtl]) .phone-first-column.phone-pre-3 {
    margin-left: calc(50vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .phone-first-column.phone-pre-3[class*=column-]:first-of-type {
    margin-left: calc(50vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .phone-first-column.phone-pre-3[class*=column-]:first-of-type {
    margin-right: calc(50vw - 0.5rem);
  }
  html[dir=rtl] .phone-first-column.phone-pre-3 {
    margin-right: calc(50vw - 0.5rem);
  }
  html:not([dir=rtl]) .phone-post-3 {
    margin-right: 50vw;
  }
  html:not([dir=rtl]) [class*=column-] .phone-post-3[class*=column-]:first-of-type {
    margin-right: 50vw;
  }
  html[dir=rtl] [class*=column-] .phone-post-3[class*=column-]:first-of-type {
    margin-right: 50vw;
  }
  html[dir=rtl] .phone-post-3 {
    margin-left: 50vw;
  }
  html:not([dir=rtl]) .phone-pre-4 {
    margin-left: 66.6666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .phone-pre-4[class*=column-]:first-of-type {
    margin-left: 66.6666666667vw;
  }
  html[dir=rtl] [class*=column-] .phone-pre-4[class*=column-]:first-of-type {
    margin-right: 66.6666666667vw;
  }
  html[dir=rtl] .phone-pre-4 {
    margin-right: 66.6666666667vw;
  }
  html:not([dir=rtl]) .phone-first-column.phone-pre-4 {
    margin-left: calc(66.6666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .phone-first-column.phone-pre-4[class*=column-]:first-of-type {
    margin-left: calc(66.6666666667vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .phone-first-column.phone-pre-4[class*=column-]:first-of-type {
    margin-right: calc(66.6666666667vw - 0.5rem);
  }
  html[dir=rtl] .phone-first-column.phone-pre-4 {
    margin-right: calc(66.6666666667vw - 0.5rem);
  }
  html:not([dir=rtl]) .phone-post-4 {
    margin-right: 66.6666666667vw;
  }
  html:not([dir=rtl]) [class*=column-] .phone-post-4[class*=column-]:first-of-type {
    margin-right: 66.6666666667vw;
  }
  html[dir=rtl] [class*=column-] .phone-post-4[class*=column-]:first-of-type {
    margin-right: 66.6666666667vw;
  }
  html[dir=rtl] .phone-post-4 {
    margin-left: 66.6666666667vw;
  }
  html:not([dir=rtl]) .phone-pre-5 {
    margin-left: 83.3333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .phone-pre-5[class*=column-]:first-of-type {
    margin-left: 83.3333333333vw;
  }
  html[dir=rtl] [class*=column-] .phone-pre-5[class*=column-]:first-of-type {
    margin-right: 83.3333333333vw;
  }
  html[dir=rtl] .phone-pre-5 {
    margin-right: 83.3333333333vw;
  }
  html:not([dir=rtl]) .phone-first-column.phone-pre-5 {
    margin-left: calc(83.3333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .phone-first-column.phone-pre-5[class*=column-]:first-of-type {
    margin-left: calc(83.3333333333vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .phone-first-column.phone-pre-5[class*=column-]:first-of-type {
    margin-right: calc(83.3333333333vw - 0.5rem);
  }
  html[dir=rtl] .phone-first-column.phone-pre-5 {
    margin-right: calc(83.3333333333vw - 0.5rem);
  }
  html:not([dir=rtl]) .phone-post-5 {
    margin-right: 83.3333333333vw;
  }
  html:not([dir=rtl]) [class*=column-] .phone-post-5[class*=column-]:first-of-type {
    margin-right: 83.3333333333vw;
  }
  html[dir=rtl] [class*=column-] .phone-post-5[class*=column-]:first-of-type {
    margin-right: 83.3333333333vw;
  }
  html[dir=rtl] .phone-post-5 {
    margin-left: 83.3333333333vw;
  }
  html:not([dir=rtl]) .phone-pre-6 {
    margin-left: 100vw;
  }
  html:not([dir=rtl]) [class*=column-] .phone-pre-6[class*=column-]:first-of-type {
    margin-left: 100vw;
  }
  html[dir=rtl] [class*=column-] .phone-pre-6[class*=column-]:first-of-type {
    margin-right: 100vw;
  }
  html[dir=rtl] .phone-pre-6 {
    margin-right: 100vw;
  }
  html:not([dir=rtl]) .phone-first-column.phone-pre-6 {
    margin-left: calc(100vw - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] .phone-first-column.phone-pre-6[class*=column-]:first-of-type {
    margin-left: calc(100vw - 0.5rem);
  }
  html[dir=rtl] [class*=column-] .phone-first-column.phone-pre-6[class*=column-]:first-of-type {
    margin-right: calc(100vw - 0.5rem);
  }
  html[dir=rtl] .phone-first-column.phone-pre-6 {
    margin-right: calc(100vw - 0.5rem);
  }
  html:not([dir=rtl]) .phone-post-6 {
    margin-right: 100vw;
  }
  html:not([dir=rtl]) [class*=column-] .phone-post-6[class*=column-]:first-of-type {
    margin-right: 100vw;
  }
  html[dir=rtl] [class*=column-] .phone-post-6[class*=column-]:first-of-type {
    margin-right: 100vw;
  }
  html[dir=rtl] .phone-post-6 {
    margin-left: 100vw;
  }
}
@media screen and (min-width: 2001px) {
  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: 82.3333333333px;
  }
  html[dir=rtl] .pre-1 {
    margin-right: 82.3333333333px;
  }
  html:not([dir=rtl]) .post-1 {
    margin-right: 82.3333333333px;
  }
  html[dir=rtl] .post-1 {
    margin-left: 82.3333333333px;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-1:first-of-type {
    margin-left: calc(82.3333333333px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-1:first-of-type {
    margin-right: calc(82.3333333333px - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].post-1:last-of-type {
    margin-right: calc(82.3333333333px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].post-1:last-of-type {
    margin-left: calc(82.3333333333px - 0.5rem);
  }
  html:not([dir=rtl]) .pre-2 {
    margin-left: 165.6666666667px;
  }
  html[dir=rtl] .pre-2 {
    margin-right: 165.6666666667px;
  }
  html:not([dir=rtl]) .post-2 {
    margin-right: 165.6666666667px;
  }
  html[dir=rtl] .post-2 {
    margin-left: 165.6666666667px;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-2:first-of-type {
    margin-left: calc(165.6666666667px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-2:first-of-type {
    margin-right: calc(165.6666666667px - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].post-2:last-of-type {
    margin-right: calc(165.6666666667px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].post-2:last-of-type {
    margin-left: calc(165.6666666667px - 0.5rem);
  }
  html:not([dir=rtl]) .pre-3 {
    margin-left: 249px;
  }
  html[dir=rtl] .pre-3 {
    margin-right: 249px;
  }
  html:not([dir=rtl]) .post-3 {
    margin-right: 249px;
  }
  html[dir=rtl] .post-3 {
    margin-left: 249px;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-3:first-of-type {
    margin-left: calc(249px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-3:first-of-type {
    margin-right: calc(249px - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].post-3:last-of-type {
    margin-right: calc(249px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].post-3:last-of-type {
    margin-left: calc(249px - 0.5rem);
  }
  html:not([dir=rtl]) .pre-4 {
    margin-left: 332.3333333333px;
  }
  html[dir=rtl] .pre-4 {
    margin-right: 332.3333333333px;
  }
  html:not([dir=rtl]) .post-4 {
    margin-right: 332.3333333333px;
  }
  html[dir=rtl] .post-4 {
    margin-left: 332.3333333333px;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-4:first-of-type {
    margin-left: calc(332.3333333333px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-4:first-of-type {
    margin-right: calc(332.3333333333px - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].post-4:last-of-type {
    margin-right: calc(332.3333333333px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].post-4:last-of-type {
    margin-left: calc(332.3333333333px - 0.5rem);
  }
  html:not([dir=rtl]) .pre-5 {
    margin-left: 415.6666666667px;
  }
  html[dir=rtl] .pre-5 {
    margin-right: 415.6666666667px;
  }
  html:not([dir=rtl]) .post-5 {
    margin-right: 415.6666666667px;
  }
  html[dir=rtl] .post-5 {
    margin-left: 415.6666666667px;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-5:first-of-type {
    margin-left: calc(415.6666666667px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-5:first-of-type {
    margin-right: calc(415.6666666667px - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].post-5:last-of-type {
    margin-right: calc(415.6666666667px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].post-5:last-of-type {
    margin-left: calc(415.6666666667px - 0.5rem);
  }
  html:not([dir=rtl]) .pre-6 {
    margin-left: 499px;
  }
  html[dir=rtl] .pre-6 {
    margin-right: 499px;
  }
  html:not([dir=rtl]) .post-6 {
    margin-right: 499px;
  }
  html[dir=rtl] .post-6 {
    margin-left: 499px;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-6:first-of-type {
    margin-left: calc(499px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-6:first-of-type {
    margin-right: calc(499px - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].post-6:last-of-type {
    margin-right: calc(499px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].post-6:last-of-type {
    margin-left: calc(499px - 0.5rem);
  }
  html:not([dir=rtl]) .pre-7 {
    margin-left: 582.3333333333px;
  }
  html[dir=rtl] .pre-7 {
    margin-right: 582.3333333333px;
  }
  html:not([dir=rtl]) .post-7 {
    margin-right: 582.3333333333px;
  }
  html[dir=rtl] .post-7 {
    margin-left: 582.3333333333px;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-7:first-of-type {
    margin-left: calc(582.3333333333px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-7:first-of-type {
    margin-right: calc(582.3333333333px - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].post-7:last-of-type {
    margin-right: calc(582.3333333333px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].post-7:last-of-type {
    margin-left: calc(582.3333333333px - 0.5rem);
  }
  html:not([dir=rtl]) .pre-8 {
    margin-left: 665.6666666667px;
  }
  html[dir=rtl] .pre-8 {
    margin-right: 665.6666666667px;
  }
  html:not([dir=rtl]) .post-8 {
    margin-right: 665.6666666667px;
  }
  html[dir=rtl] .post-8 {
    margin-left: 665.6666666667px;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-8:first-of-type {
    margin-left: calc(665.6666666667px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-8:first-of-type {
    margin-right: calc(665.6666666667px - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].post-8:last-of-type {
    margin-right: calc(665.6666666667px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].post-8:last-of-type {
    margin-left: calc(665.6666666667px - 0.5rem);
  }
  html:not([dir=rtl]) .pre-9 {
    margin-left: 749px;
  }
  html[dir=rtl] .pre-9 {
    margin-right: 749px;
  }
  html:not([dir=rtl]) .post-9 {
    margin-right: 749px;
  }
  html[dir=rtl] .post-9 {
    margin-left: 749px;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-9:first-of-type {
    margin-left: calc(749px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-9:first-of-type {
    margin-right: calc(749px - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].post-9:last-of-type {
    margin-right: calc(749px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].post-9:last-of-type {
    margin-left: calc(749px - 0.5rem);
  }
  html:not([dir=rtl]) .pre-10 {
    margin-left: 832.3333333333px;
  }
  html[dir=rtl] .pre-10 {
    margin-right: 832.3333333333px;
  }
  html:not([dir=rtl]) .post-10 {
    margin-right: 832.3333333333px;
  }
  html[dir=rtl] .post-10 {
    margin-left: 832.3333333333px;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-10:first-of-type {
    margin-left: calc(832.3333333333px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-10:first-of-type {
    margin-right: calc(832.3333333333px - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].post-10:last-of-type {
    margin-right: calc(832.3333333333px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].post-10:last-of-type {
    margin-left: calc(832.3333333333px - 0.5rem);
  }
  html:not([dir=rtl]) .pre-11 {
    margin-left: 915.6666666667px;
  }
  html[dir=rtl] .pre-11 {
    margin-right: 915.6666666667px;
  }
  html:not([dir=rtl]) .post-11 {
    margin-right: 915.6666666667px;
  }
  html[dir=rtl] .post-11 {
    margin-left: 915.6666666667px;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-11:first-of-type {
    margin-left: calc(915.6666666667px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-11:first-of-type {
    margin-right: calc(915.6666666667px - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].post-11:last-of-type {
    margin-right: calc(915.6666666667px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].post-11:last-of-type {
    margin-left: calc(915.6666666667px - 0.5rem);
  }
  html:not([dir=rtl]) .pre-12 {
    margin-left: 999px;
  }
  html[dir=rtl] .pre-12 {
    margin-right: 999px;
  }
  html:not([dir=rtl]) .post-12 {
    margin-right: 999px;
  }
  html[dir=rtl] .post-12 {
    margin-left: 999px;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-12:first-of-type {
    margin-left: calc(999px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-12:first-of-type {
    margin-right: calc(999px - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].post-12:last-of-type {
    margin-right: calc(999px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].post-12:last-of-type {
    margin-left: calc(999px - 0.5rem);
  }
  html:not([dir=rtl]) .pre-13 {
    margin-left: 1082.3333333333px;
  }
  html[dir=rtl] .pre-13 {
    margin-right: 1082.3333333333px;
  }
  html:not([dir=rtl]) .post-13 {
    margin-right: 1082.3333333333px;
  }
  html[dir=rtl] .post-13 {
    margin-left: 1082.3333333333px;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-13:first-of-type {
    margin-left: calc(1082.3333333333px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-13:first-of-type {
    margin-right: calc(1082.3333333333px - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].post-13:last-of-type {
    margin-right: calc(1082.3333333333px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].post-13:last-of-type {
    margin-left: calc(1082.3333333333px - 0.5rem);
  }
  html:not([dir=rtl]) .pre-14 {
    margin-left: 1165.6666666667px;
  }
  html[dir=rtl] .pre-14 {
    margin-right: 1165.6666666667px;
  }
  html:not([dir=rtl]) .post-14 {
    margin-right: 1165.6666666667px;
  }
  html[dir=rtl] .post-14 {
    margin-left: 1165.6666666667px;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-14:first-of-type {
    margin-left: calc(1165.6666666667px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-14:first-of-type {
    margin-right: calc(1165.6666666667px - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].post-14:last-of-type {
    margin-right: calc(1165.6666666667px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].post-14:last-of-type {
    margin-left: calc(1165.6666666667px - 0.5rem);
  }
  html:not([dir=rtl]) .pre-15 {
    margin-left: 1249px;
  }
  html[dir=rtl] .pre-15 {
    margin-right: 1249px;
  }
  html:not([dir=rtl]) .post-15 {
    margin-right: 1249px;
  }
  html[dir=rtl] .post-15 {
    margin-left: 1249px;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-15:first-of-type {
    margin-left: calc(1249px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-15:first-of-type {
    margin-right: calc(1249px - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].post-15:last-of-type {
    margin-right: calc(1249px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].post-15:last-of-type {
    margin-left: calc(1249px - 0.5rem);
  }
  html:not([dir=rtl]) .pre-16 {
    margin-left: 1332.3333333333px;
  }
  html[dir=rtl] .pre-16 {
    margin-right: 1332.3333333333px;
  }
  html:not([dir=rtl]) .post-16 {
    margin-right: 1332.3333333333px;
  }
  html[dir=rtl] .post-16 {
    margin-left: 1332.3333333333px;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-16:first-of-type {
    margin-left: calc(1332.3333333333px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-16:first-of-type {
    margin-right: calc(1332.3333333333px - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].post-16:last-of-type {
    margin-right: calc(1332.3333333333px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].post-16:last-of-type {
    margin-left: calc(1332.3333333333px - 0.5rem);
  }
  html:not([dir=rtl]) .pre-17 {
    margin-left: 1415.6666666667px;
  }
  html[dir=rtl] .pre-17 {
    margin-right: 1415.6666666667px;
  }
  html:not([dir=rtl]) .post-17 {
    margin-right: 1415.6666666667px;
  }
  html[dir=rtl] .post-17 {
    margin-left: 1415.6666666667px;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-17:first-of-type {
    margin-left: calc(1415.6666666667px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-17:first-of-type {
    margin-right: calc(1415.6666666667px - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].post-17:last-of-type {
    margin-right: calc(1415.6666666667px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].post-17:last-of-type {
    margin-left: calc(1415.6666666667px - 0.5rem);
  }
  html:not([dir=rtl]) .pre-18 {
    margin-left: 1499px;
  }
  html[dir=rtl] .pre-18 {
    margin-right: 1499px;
  }
  html:not([dir=rtl]) .post-18 {
    margin-right: 1499px;
  }
  html[dir=rtl] .post-18 {
    margin-left: 1499px;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-18:first-of-type {
    margin-left: calc(1499px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-18:first-of-type {
    margin-right: calc(1499px - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].post-18:last-of-type {
    margin-right: calc(1499px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].post-18:last-of-type {
    margin-left: calc(1499px - 0.5rem);
  }
  html:not([dir=rtl]) .pre-19 {
    margin-left: 1582.3333333333px;
  }
  html[dir=rtl] .pre-19 {
    margin-right: 1582.3333333333px;
  }
  html:not([dir=rtl]) .post-19 {
    margin-right: 1582.3333333333px;
  }
  html[dir=rtl] .post-19 {
    margin-left: 1582.3333333333px;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-19:first-of-type {
    margin-left: calc(1582.3333333333px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-19:first-of-type {
    margin-right: calc(1582.3333333333px - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].post-19:last-of-type {
    margin-right: calc(1582.3333333333px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].post-19:last-of-type {
    margin-left: calc(1582.3333333333px - 0.5rem);
  }
  html:not([dir=rtl]) .pre-20 {
    margin-left: 1665.6666666667px;
  }
  html[dir=rtl] .pre-20 {
    margin-right: 1665.6666666667px;
  }
  html:not([dir=rtl]) .post-20 {
    margin-right: 1665.6666666667px;
  }
  html[dir=rtl] .post-20 {
    margin-left: 1665.6666666667px;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-20:first-of-type {
    margin-left: calc(1665.6666666667px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-20:first-of-type {
    margin-right: calc(1665.6666666667px - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].post-20:last-of-type {
    margin-right: calc(1665.6666666667px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].post-20:last-of-type {
    margin-left: calc(1665.6666666667px - 0.5rem);
  }
  html:not([dir=rtl]) .pre-21 {
    margin-left: 1749px;
  }
  html[dir=rtl] .pre-21 {
    margin-right: 1749px;
  }
  html:not([dir=rtl]) .post-21 {
    margin-right: 1749px;
  }
  html[dir=rtl] .post-21 {
    margin-left: 1749px;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-21:first-of-type {
    margin-left: calc(1749px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-21:first-of-type {
    margin-right: calc(1749px - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].post-21:last-of-type {
    margin-right: calc(1749px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].post-21:last-of-type {
    margin-left: calc(1749px - 0.5rem);
  }
  html:not([dir=rtl]) .pre-22 {
    margin-left: 1832.3333333333px;
  }
  html[dir=rtl] .pre-22 {
    margin-right: 1832.3333333333px;
  }
  html:not([dir=rtl]) .post-22 {
    margin-right: 1832.3333333333px;
  }
  html[dir=rtl] .post-22 {
    margin-left: 1832.3333333333px;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-22:first-of-type {
    margin-left: calc(1832.3333333333px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-22:first-of-type {
    margin-right: calc(1832.3333333333px - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].post-22:last-of-type {
    margin-right: calc(1832.3333333333px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].post-22:last-of-type {
    margin-left: calc(1832.3333333333px - 0.5rem);
  }
  html:not([dir=rtl]) .pre-23 {
    margin-left: 1915.6666666667px;
  }
  html[dir=rtl] .pre-23 {
    margin-right: 1915.6666666667px;
  }
  html:not([dir=rtl]) .post-23 {
    margin-right: 1915.6666666667px;
  }
  html[dir=rtl] .post-23 {
    margin-left: 1915.6666666667px;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-23:first-of-type {
    margin-left: calc(1915.6666666667px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-23:first-of-type {
    margin-right: calc(1915.6666666667px - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].post-23:last-of-type {
    margin-right: calc(1915.6666666667px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].post-23:last-of-type {
    margin-left: calc(1915.6666666667px - 0.5rem);
  }
  html:not([dir=rtl]) .pre-24 {
    margin-left: 1999px;
  }
  html[dir=rtl] .pre-24 {
    margin-right: 1999px;
  }
  html:not([dir=rtl]) .post-24 {
    margin-right: 1999px;
  }
  html[dir=rtl] .post-24 {
    margin-left: 1999px;
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].pre-24:first-of-type {
    margin-left: calc(1999px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].pre-24:first-of-type {
    margin-right: calc(1999px - 0.5rem);
  }
  html:not([dir=rtl]) [class*=column-] [class*=column-].post-24:last-of-type {
    margin-right: calc(1999px - 0.5rem);
  }
  html[dir=rtl] [class*=column-] [class*=column-].post-24:last-of-type {
    margin-left: calc(1999px - 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: 860px) {
  .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: 859px) and (min-width: 480px) {
  .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: 479px) {
  .phone-hide {
    display: none !important;
  }
  .tablet-hide {
    display: none !important;
  }
  .tablet-only {
    display: none !important;
  }
  .large-only {
    display: none !important;
  }
  .large-show {
    display: none !important;
  }
}
.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

.hide {
  display: none !important;
}

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

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

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

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

@media screen and (min-width: 1440px) {
  .large-left {
    float: left;
  }
  html[dir=rtl] .large-left {
    float: right;
  }
  .large-right {
    float: right;
  }
  html[dir=rtl] .large-right {
    float: left;
  }
}
@media screen and (max-width: 859px) and (min-width: 480px) {
  .tablet-left {
    float: left;
  }
  html[dir=rtl] .tablet-left {
    float: right;
  }
  .tablet-right {
    float: right;
  }
  html[dir=rtl] .tablet-right {
    float: left;
  }
}
@media screen and (max-width: 479px) {
  .phone-left {
    float: left;
  }
  html[dir=rtl] .phone-left {
    float: right;
  }
  .phone-right {
    float: right;
  }
  html[dir=rtl] .phone-right {
    float: left;
  }
}
.block-group {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.block {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  min-width: 0;
  -webkit-box-flex: 1;
  -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.28570% - 1.5rem);
  flex-basis: calc(14.28570% - 1.5rem);
  width: calc(14.28570% - 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: 860px) {
  .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.28570% - 1.5rem);
    flex-basis: calc(14.28570% - 1.5rem);
    width: calc(14.28570% - 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: 480px) {
  .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.28570% - 1.5rem);
    flex-basis: calc(14.28570% - 1.5rem);
    width: calc(14.28570% - 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";
  -moz-font-feature-settings: "kern";
  font-feature-settings: "kern";
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  -moz-font-feature-settings: "liga= 1", "calt=0";
  -moz-font-feature-settings: "liga" 1, "calt" 0;
  -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.4030740524rem;
  line-height: 1.35;
}
@media screen and (max-width: 859px) {
  h1 {
    font-size: 1.99974145rem;
  }
}
@media screen and (max-width: 479px) {
  h1 {
    font-size: 1.66015625rem;
  }
}

h2 {
  font-size: 1.999396rem;
  line-height: 1.35;
}
@media screen and (max-width: 859px) {
  h2 {
    font-size: 1.7689rem;
  }
}
@media screen and (max-width: 479px) {
  h2 {
    font-size: 1.5625rem;
  }
}

h3 {
  font-size: 1.6994866rem;
  line-height: 1.3875;
}
@media screen and (max-width: 859px) {
  h3 {
    font-size: 1.503565rem;
  }
}
@media screen and (max-width: 479px) {
  h3 {
    font-size: 1.328125rem;
  }
}

h4 {
  font-size: 1.414rem;
  line-height: 1.5;
}
@media screen and (max-width: 859px) {
  h4 {
    font-size: 1.33rem;
  }
}
@media screen and (max-width: 479px) {
  h4 {
    font-size: 1.25rem;
  }
}

h5 {
  font-size: 1.2019rem;
  line-height: 1.5;
}
@media screen and (max-width: 859px) {
  h5 {
    font-size: 1.1305rem;
  }
}
@media screen and (max-width: 479px) {
  h5 {
    font-size: 1.0625rem;
  }
}

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

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

code {
  padding: 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,
dl,
blockquote {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

p:empty {
  margin: 0;
}

blockquote {
  margin: 1.5rem 0;
  font-weight: 400;
  font-style: normal;
  color: #6e6e6e;
  border-left: 3px solid #cccccc;
}
html:not([dir=rtl]) blockquote {
  padding-left: 1rem;
}
html[dir=rtl] blockquote {
  padding-right: 1rem;
}
html[dir=rtl] blockquote {
  border-left: none;
  border-right: 3px solid #cccccc;
}

blockquote,
blockquote p {
  font-size: 1.2019rem;
  line-height: 1.5;
}
@media screen and (max-width: 859px) {
  blockquote,
  blockquote p {
    font-size: 1.1305rem;
  }
}
@media screen and (max-width: 479px) {
  blockquote,
  blockquote p {
    font-size: 1.0625rem;
  }
}

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

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

li {
  margin-top: 0.25em;
}

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

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

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

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

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

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

@font-face {
  font-family: "calcite-ui";
  src: url("../app/calcite-web/dist/fonts/calcite-ui.eot?#iefix") format("embedded-opentype"), url("../app/calcite-web/dist/fonts/calcite-ui.woff") format("woff"), url("../app/calcite-web/dist/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 {
  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 {
  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";
}

.svg-icon {
  fill: currentColor;
  pointer-events: none;
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  padding-right: 0.15em;
}

.svg-icon-yellow {
  fill: #fad817;
}

.svg-icon-green {
  fill: #5a9359;
}

.svg-icon-blue {
  fill: #0079c1;
}

.svg-icon-light-blue {
  fill: #56a5d8;
}

.svg-icon-dark-blue {
  fill: #005e95;
}

.svg-icon-purple {
  fill: #9081bc;
}

.svg-icon-orange {
  fill: #d17e21;
}

.svg-icon-gray {
  fill: #959595;
}

.svg-icon-red {
  fill: #de2900;
}

.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("../app/calcite-web/dist/img/icons/social/contact.svg");
}
.icon-social-contact:hover {
  background-color: #8EC449;
}

.icon-social-facebook {
  background-image: url("../app/calcite-web/dist/img/icons/social/facebook.svg");
}
.icon-social-facebook:hover {
  background-color: #3D5A96;
}

.icon-social-geonet {
  background-image: url("../app/calcite-web/dist/img/icons/social/geonet.svg");
}
.icon-social-geonet:hover {
  background-color: #127BC0;
}

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

.icon-social-google-plus {
  background-image: url("../app/calcite-web/dist/img/icons/social/google-plus.svg");
}
.icon-social-google-plus:hover {
  background-color: #DD4C3C;
}

.icon-social-instagram {
  background-image: url("../app/calcite-web/dist/img/icons/social/instagram.svg");
}
.icon-social-instagram:hover {
  background-color: #DA3075;
}

.icon-social-linkedin {
  background-image: url("../app/calcite-web/dist/img/icons/social/linkedin.svg");
}
.icon-social-linkedin:hover {
  background-color: #127CB3;
}

.icon-social-pinterest {
  background-image: url("../app/calcite-web/dist/img/icons/social/pinterest.svg");
}
.icon-social-pinterest:hover {
  background-color: #BB0F23;
}

.icon-social-rss {
  background-image: url("../app/calcite-web/dist/img/icons/social/rss.svg");
}
.icon-social-rss:hover {
  background-color: #FD8023;
}

.icon-social-share {
  background-image: url("../app/calcite-web/dist/img/icons/social/share.svg");
}
.icon-social-share:hover {
  background-color: #1EBD21;
}

.icon-social-twitter {
  background-image: url("../app/calcite-web/dist/img/icons/social/twitter.svg");
}
.icon-social-twitter:hover {
  background-color: #59ADEB;
}

.icon-social-youtube {
  background-image: url("../app/calcite-web/dist/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("../app/calcite-web/dist/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("../app/calcite-web/dist/img/logo/esri-logo.svg");
  background-image: url("../app/calcite-web/dist/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;
  -moz-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;
}
html[dir=rtl] .btn-grouped {
  float: right;
}
.btn-grouped + .btn-grouped {
  margin-left: 1px;
}
html[dir=rtl] .btn-grouped + .btn-grouped {
  margin-left: 0;
  margin-right: 1px;
}
.btn-grouped:last-of-type {
  float: none;
}
.btn-grouped.btn-half {
  margin-left: 0;
}

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

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

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

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

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

input[type=file]::-webkit-file-upload-button,
::-ms-browse {
  webkit-appearance: none;
  position: relative;
  display: inline-block;
  padding: 0.375rem 1rem;
  width: auto;
  color: #ffffff;
  border: 1px solid #0079c1;
  border-radius: 0;
  background-color: #0079c1;
  -webkit-box-sizing: border-box;
  -moz-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;
}
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 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);
  -moz-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;
}
html[dir=rtl] .dropdown-menu.dropdown-right {
  right: auto;
  left: 0;
}

.dropdown-title {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-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;
}
html[dir=rtl] .dropdown-title {
  text-align: right;
}
.dropdown-title:hover {
  background-color: #f8f8f8;
  text-decoration: none;
  color: #6e6e6e;
}
.dropdown-title.is-active, .dropdown-title:focus {
  text-indent: -3px;
  border-left: 3px solid #0079c1;
}
html[dir=rtl] .dropdown-title.is-active, html[dir=rtl] .dropdown-title:focus {
  border-left: none;
  border-right: 3px solid #0079c1;
}

.dropdown-link {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-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%;
}
html[dir=rtl] .dropdown-link {
  text-align: right;
}
.dropdown-link:hover {
  background-color: #f8f8f8;
  text-decoration: none;
  color: #6e6e6e;
}
.dropdown-link.is-active, .dropdown-link:focus {
  text-indent: -3px;
  border-left: 3px solid #0079c1;
}
html[dir=rtl] .dropdown-link.is-active, html[dir=rtl] .dropdown-link:focus {
  border-left: none;
  border-right: 3px solid #0079c1;
}

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

.crumb {
  color: #6e6e6e;
  float: left;
}
html[dir=rtl] .crumb {
  float: right;
}
.crumb:before {
  content: "/";
  color: #6e6e6e;
  font-weight: 400;
  display: inline-block;
  padding: 0 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%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-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%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
}
html[dir=rtl] .tooltip-left:after {
  right: auto;
  left: 100%;
}
html[dir=rtl] .tooltip-left:after {
  margin-right: 0;
  margin-left: 5px;
}
.tooltip-left:before {
  top: 50%;
  bottom: 50%;
  left: -5px;
  right: auto;
  margin-top: -5px;
  border-left-color: rgba(0, 0, 0, 0.75);
  border-bottom: 5px solid transparent;
}
html[dir=rtl] .tooltip-left:before {
  left: auto;
  right: -5px;
}
html[dir=rtl] .tooltip-left:before {
  border-left-color: transparent;
  border-right-color: rgba(0, 0, 0, 0.75);
}
html[dir=rtl] .tooltip-left:before {
  margin-right: 0;
}

.tooltip-right:after {
  top: auto;
  bottom: 50%;
  left: 100%;
  right: auto;
  margin-left: 5px;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
}
html[dir=rtl] .tooltip-right:after {
  left: auto;
  right: 100%;
}
html[dir=rtl] .tooltip-right:after {
  margin-left: 0;
  margin-right: 5px;
}
.tooltip-right:before {
  top: 50%;
  right: -5px;
  left: auto;
  bottom: 50%;
  margin-top: -5px;
  margin-right: 0;
  border-right-color: rgba(0, 0, 0, 0.75);
  border-bottom: 5px solid transparent;
}
html[dir=rtl] .tooltip-right:before {
  right: auto;
  left: -5px;
}
html[dir=rtl] .tooltip-right:before {
  border-right-color: transparent;
  border-left-color: rgba(0, 0, 0, 0.75);
}

.tooltip-multiline:after {
  width: 22em;
  width: -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%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-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);
  -moz-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;
}
html[dir=rtl] .alert-close {
  right: auto;
  left: 0.75rem;
}

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

.panel {
  background-color: #f8f8f8;
  border: 1px solid #efefef;
  padding: 0.99rem;
}
.panel:after {
  content: "";
  display: table;
  clear: both;
}
.panel code {
  background-color: #ffffff;
}

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

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

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

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

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

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

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

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

.table {
  width: 100%;
  background-color: #ffffff;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #cccccc;
  text-align: left;
  overflow: auto;
  font-size: 0.875rem;
  line-height: 1.5;
}
html[dir=rtl] .table {
  text-align: right;
}
.table > thead {
  background-color: #efefef;
  border-bottom: 1px solid #cccccc;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
}
.table > tbody {
  overflow: auto;
  width: 100%;
}
.table > tfoot {
  background-color: #efefef;
  border-top: 1px solid #cccccc;
}
.table th, .table td {
  font-weight: 300;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  padding: 0.5rem;
  text-align: left;
}
html[dir=rtl] .table th, html[dir=rtl] .table td {
  text-align: right;
}
.table tr {
  border-bottom: 1px solid #cccccc;
  text-align: left;
}
.table tr:last-child {
  border-bottom: none;
}
.table caption {
  color: #959595;
  caption-side: bottom;
  line-height: 1.5rem;
  padding: 0.375rem 0.75rem;
}

.table-blue {
  border: 1px solid #0079c1;
}
.table-blue > thead {
  background-color: #0079c1;
  border: none;
  border-bottom: 1px solid #0079c1;
  color: #ffffff;
}
.table-blue > thead tr:nth-child(even) {
  background-color: #bcdaed;
  color: #4c4c4c;
}
.table-blue > tfoot {
  border-top: 1px solid #0079c1;
}
.table-blue th, .table-blue td {
  border-left: 1px solid #0079c1;
  border-right: 1px solid #0079c1;
}
.table-blue tr {
  border-bottom: 1px solid #0079c1;
}

.table-plain {
  border: none;
}
.table-plain > thead, .table-plain > tfoot, .table-plain th, .table-plain td {
  background-color: transparent;
  border: none;
}
.table-plain tr {
  border: none;
}
.table-plain tr:nth-child(even) {
  background-color: transparent;
}
.table-plain tr:nth-child(even) td {
  background-color: transparent;
}

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

.table-no-table {
  width: auto;
  background-color: transparent;
  border-spacing: 0;
  border: none;
  text-align: left;
  overflow: auto;
  margin-bottom: 0;
}
.table-no-table thead, .table-no-table tbody {
  font-size: 1rem;
  line-height: 1.5;
  border: none;
  background-color: transparent;
  overflow: auto;
  width: 100%;
}
.table-no-table th, .table-no-table td {
  background-color: transparent;
  border: none;
}
.table-no-table tr {
  border: none;
  text-align: left;
}

.search-input, .input-search {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzZlNmU2ZSI+PHBhdGggZD0iTTE0LjY1IDEzLjc0TDkuNzMyIDguODIzQTUuMzg3IDUuMzg3IDAgMSAwIDUuNSAxMC45MDRhNS4zNTggNS4zNTggMCAwIDAgMy4yODgtMS4xNDJsNC45MiA0Ljkyek01LjUgOS4yNWEzLjc1IDMuNzUgMCAxIDEgMy43NS0zLjc1MSAzLjc1MiAzLjc1MiAwIDAgMS0zLjc1IDMuNzV6Ii8+PC9zdmc+Cg==");
  background-size: 1.0666666667em;
  background-position: 0.25em center;
  background-repeat: no-repeat;
  padding-left: 1.5em;
}
html[dir=rtl] .search-input, html[dir=rtl] .input-search {
  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;
  -moz-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;
  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;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5);
}

input {
  -webkit-appearance: none;
}

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

:placeholder {
  color: #767676;
}

:input-placeholder {
  color: #767676;
}

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

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

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

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

.input-error {
  border-color: #c86a4a;
  padding-right: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeD0iMiIgeT0iMCI+PHBhdGggZmlsbD0iI2M4NmE0YSIgZD0iTTExLjIyNSwwSDQuNjQ4TDAsNC42NXY2LjU3Nmw0LjY0OCw0LjY0OWg2LjU3Nmw0LjY1LTQuNjQ5VjQuNjVMMTEuMjI1LDB6IE05LjA3MSwxMy42MDdINi44MDR2LTIuMjY5aDIuMjY4VjEzLjYwN3ogTTkuMDcxLDkuMDcxSDYuODA0VjMuNDAyaDIuMjY4VjkuMDcxeiIvPjwvc3ZnPg==");
  background-position: right center;
  background-repeat: no-repeat;
}
.input-error:focus {
  border-color: #c86a4a;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(200, 106, 75, 0.5);
}

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

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

.input-error-message {
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.375rem 0.375rem;
  color: rgba(0, 0, 0, 0.75);
  background-color: #f3ded7;
  border: 1px solid #e4a793;
  position: relative;
  display: none;
  margin-top: 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;
}
html[dir=rtl] .input-error-message:after, html[dir=rtl] .input-error-message:before {
  left: auto;
  right: 11px;
}
.input-error-message.is-active, .input-error-message.is-active:before, .input-error-message.is-active:after {
  display: inline-block;
}

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

@supports (-moz-appearance: none) {
  input[type=file] {
    padding: 0.75rem 0.375rem;
  }
}
input[type=file]::-webkit-file-upload-button {
  position: relative;
  display: inline-block;
  padding: 0.375rem 1rem;
  width: auto;
  color: #ffffff;
  border: 1px solid #0079c1;
  border-radius: 0;
  background-color: #0079c1;
  -webkit-box-sizing: border-box;
  -moz-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;
  -moz-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;
}
::-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;
  box-shadow: none;
  box-sizing: content-box;
}
html[dir=rtl] input[type=radio], html[dir=rtl] input[type=checkbox] {
  float: right;
}
input[type=radio]:focus, input[type=checkbox]:focus {
  box-shadow: none;
  border: none;
  outline: 1px dotted;
  outline: auto -webkit-focus-ring-color;
}

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

input[type=radio] {
  -webkit-appearance: radio;
  -webkit-border-radius: 50%;
  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;
  }
}
.input-group {
  display: table;
  margin-top: 0.375rem;
}

.input-group-button {
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}
.input-group-button .btn, .input-group-button button {
  height: 2.25rem;
  margin-left: -1px;
}

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

.radio-group {
  border: none;
  padding: 0;
  margin-bottom: 1.5rem;
  font-size: 0.9375rem;
  line-height: 1.5;
}
.radio-group:after {
  content: "";
  display: table;
  clear: both;
}

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

.radio-group-input {
  opacity: 0;
  position: absolute;
}
.radio-group-input:checked + .radio-group-label {
  background-color: #d2e9f9;
  border: 1px solid #0079c1;
  margin-right: 0;
  margin-left: 0;
}
.radio-group-input:checked + .radio-group-label + .radio-group-input + .radio-group-label {
  border-left: none;
  border-right: 1px solid #cccccc;
}
html[dir=rtl] .radio-group-input:checked + .radio-group-label + .radio-group-input + .radio-group-label {
  border-right: none;
  border-left: 1px solid #cccccc;
}

.radio-group-label {
  display: inline-block;
  float: left;
  background-color: #ffffff;
  color: #323232;
  cursor: pointer;
  text-align: center;
  text-shadow: none;
  padding: 0.5rem 1rem;
  line-height: 1.25;
  margin-top: 0.25rem;
  margin-right: -1px;
  margin-bottom: 0;
  border: 1px solid #cccccc;
  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;
}
html[dir=rtl] .radio-group-label {
  float: right;
  margin-left: -1px;
  margin-right: 0;
}

.loader-bars, .loader-bars:after, .loader-bars:before {
  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:after, .loader-bars:before {
  position: absolute;
  top: 0;
  content: "";
}

@-webkit-keyframes load {
  0%, 80%, 100% {
    opacity: 0.75;
    box-shadow: 0 0 #0079c1;
    height: 2rem;
  }
  40% {
    opacity: 1;
    box-shadow: 0 -0.5rem #0079c1;
    height: 2.5rem;
  }
}
@keyframes load {
  0%, 80%, 100% {
    opacity: 0.75;
    box-shadow: 0 0 #0079c1;
    height: 2rem;
  }
  40% {
    opacity: 1;
    box-shadow: 0 -0.5rem #0079c1;
    height: 2.5rem;
  }
}
.loader {
  display: none;
  position: relative;
}
.loader.is-active {
  display: block;
}

.loader-bars {
  text-indent: -9999em;
  margin: auto;
  position: absolute;
  right: calc(50% - 0.425rem);
  font-size: 11px;
  -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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 16px 0 rgba(0, 0, 0, 0.05);
}

.card-image-wrap {
  width: 100%;
  position: relative;
  margin-bottom: 0;
  -webkit-box-flex: 0 0 auto;
  -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%;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  word-wrap: break-word;
}

.card-shaped {
  box-shadow: none;
  background: transparent;
}
.card-shaped .card-content {
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
  padding-top: 4rem;
}
.card-shaped .card-image-wrap {
  margin-bottom: -3rem;
  padding: 0 1.25rem;
  box-sizing: border-box;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.card-wide {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.card-wide .card-content {
  display: block;
  -webkit-box-flex: 1 1 75%;
  -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% {
    transform: translate3d(0, 100%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes in-up {
  0% {
    transform: translate3d(0, 100%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes in-down {
  0% {
    transform: translate3d(0, -100%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes in-down {
  0% {
    transform: translate3d(0, -100%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes out-up {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes out-up {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes out-down {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes out-down {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -100%, 0);
  }
}
.fade-in, .animate-fade-in {
  opacity: 0;
  -webkit-animation: fade-in ease-in 1;
  -moz-animation: fade-in ease-in 1;
  animation: fade-in ease-in 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

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

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

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

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

.animate-out-up {
  -webkit-animation: out-up ease-in 1;
  -moz-animation: out-up ease-in 1;
  animation: out-up ease-in 1;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  -moz-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;
  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;
  box-shadow: 0 0 4px 1px rgba(204, 204, 204, 0.9);
}
input[type=range]:hover::-moz-range-track {
  background-color: #a9a9a9;
}
input[type=range]:hover::-moz-range-thumb {
  background-color: #ffffff;
  border-color: #007ac2;
  box-shadow: 0 0 4px 1px rgba(204, 204, 204, 0.9);
}
input[type=range]:hover::-ms-fill-upper {
  background-color: #a9a9a9;
}
input[type=range]:hover::-ms-fill-lower {
  background-color: #a9a9a9;
}
input[type=range]:hover::-ms-thumb {
  background-color: #ffffff;
  border-color: #007ac2;
  box-shadow: 0 0 4px 1px rgba(204, 204, 204, 0.9);
}
input[type=range]:focus::-webkit-slider-runnable-track, input[type=range]:active::-webkit-slider-runnable-track {
  background-color: #a9a9a9;
}
input[type=range]:focus::-webkit-slider-thumb, input[type=range]:active::-webkit-slider-thumb {
  background-color: #007ac2;
  border-color: #007ac2;
  outline: none;
  box-shadow: 0 0 4px 1px rgba(86, 165, 216, 0.9);
}
input[type=range]:focus::-webkit-slider-thumb:hover, input[type=range]:active::-webkit-slider-thumb:hover {
  background-color: #196fa6;
  border-color: #007ac2;
}
input[type=range]:focus::-moz-range-track, input[type=range]:active::-moz-range-track {
  background-color: #a9a9a9;
}
input[type=range]:focus::-moz-range-thumb, input[type=range]:active::-moz-range-thumb {
  background-color: #007ac2;
  border-color: #007ac2;
  outline: none;
  box-shadow: 0 0 4px 1px rgba(86, 165, 216, 0.9);
}
input[type=range]:focus::-moz-range-thumb:hover, input[type=range]:active::-moz-range-thumb:hover {
  background-color: #196fa6;
  border-color: #007ac2;
}
input[type=range]:focus::-ms-fill-upper, input[type=range]:active::-ms-fill-upper {
  background-color: #a9a9a9;
}
input[type=range]:focus::-ms-fill-lower, input[type=range]:active::-ms-fill-lower {
  background-color: #a9a9a9;
}
input[type=range]:focus::-ms-thumb, input[type=range]:active::-ms-thumb {
  background-color: #007ac2;
  border-color: #007ac2;
  outline: none;
  box-shadow: 0 0 4px 1px rgba(86, 165, 216, 0.9);
}
input[type=range]:focus::-ms-thumb:hover, input[type=range]:active::-ms-thumb:hover {
  background-color: #196fa6;
  border-color: #007ac2;
}

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

input[type=range]::-webkit-slider-thumb {
  height: 18px;
  width: 18px;
  border-radius: 50px;
  margin-top: -8px;
  cursor: pointer;
  background-color: #ffffff;
  border: 2px solid;
  border-color: #959595;
  z-index: 3;
  -webkit-appearance: none;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
input[type=range]::-webkit-slider-thumb:hover {
  background-color: #007ac2;
  border-color: #007ac2;
  box-shadow: 0 0 4px 1px rgba(204, 204, 204, 0.9);
}
input[type=range]::-webkit-slider-thumb:focus, input[type=range]::-webkit-slider-thumb:active {
  background-color: #196fa6;
  border-color: #007ac2;
  box-shadow: 0 0 4px 1px rgba(86, 165, 216, 0.9);
}
input[type=range]::-webkit-slider-thumb:focus:hover, input[type=range]::-webkit-slider-thumb:active:hover {
  background-color: #196fa6;
  border-color: #007ac2;
  box-shadow: 0 0 4px 1px rgba(86, 165, 216, 0.9);
}

@supports (-webkit-overflow-scrolling: touch) {
  input[type=range]::-webkit-slider-thumb {
    height: 20px;
    width: 20px;
    margin-top: -9px;
  }
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 2px;
  border-radius: 0;
  z-index: 2;
  background-color: #cccccc;
  -webkit-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;
  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;
  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;
  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;
  box-shadow: 0 1px 2px 0px rgba(89, 89, 89, 0.2);
}
.toggle-switch-input[type]:active + .toggle-switch-track {
  box-shadow: 0 0 4px 2px rgba(204, 204, 204, 0.9);
}
.toggle-switch-input[type]:active + .toggle-switch-track:after {
  left: 1px;
  right: auto;
  border-color: #005e95;
  box-shadow: 0 3px 1px 0px rgba(89, 89, 89, 0.2);
}
html[dir=rtl] .toggle-switch-input[type]:active + .toggle-switch-track:after {
  left: auto;
  right: 1px;
}
.toggle-switch-input[type]:checked + .toggle-switch-track {
  border-color: #005e95;
  background-color: #0079c1;
}
.toggle-switch-input[type]:checked + .toggle-switch-track:after {
  right: -1px;
  left: auto;
  border-color: #005e95;
  box-shadow: 0 2px 1px 0px rgba(89, 89, 89, 0.2);
}
html[dir=rtl] .toggle-switch-input[type]:checked + .toggle-switch-track:after {
  right: auto;
  left: -1px;
}
.toggle-switch-input[type]:checked:active + .toggle-switch-track {
  box-shadow: 0 0 4px 2px rgba(108, 180, 226, 0.9);
}
.toggle-switch-input[type]:checked:active + .toggle-switch-track:after {
  right: 1px;
  left: auto;
  border-color: #005e95;
  box-shadow: 0 3px 1px 0px rgba(89, 89, 89, 0.2);
}
html[dir=rtl] .toggle-switch-input[type]:checked:active + .toggle-switch-track:after {
  right: auto;
  left: 1px;
}
.toggle-switch-input[type]:focus + .toggle-switch-track {
  box-shadow: 0 0 4px 2px rgba(204, 204, 204, 0.9);
}
.toggle-switch-input[type]:focus + .toggle-switch-track:after {
  border-color: #3b8fc4;
}
.toggle-switch-input[type]:checked:focus + .toggle-switch-track {
  box-shadow: 0 0 4px 2px rgba(108, 180, 226, 0.9);
}
.toggle-switch-input[type]:checked:focus + .toggle-switch-track:after {
  border-color: #005e95;
}

.toggle-switch-label {
  width: calc(100% - 3em - 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;
  box-shadow: 0 1px 1px 0px rgba(89, 89, 89, 0.2);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
html[dir=rtl] .toggle-switch-track:after {
  left: auto;
  right: -1px;
}
@supports (-ms-ime-align: auto) {
  .toggle-switch-track {
    top: 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 {
  box-shadow: 0 0 4px 2px rgba(200, 106, 74, 0.9);
}
.toggle-switch-destructive .toggle-switch-input:checked:active + .toggle-switch-track:after {
  border-color: #8c2907;
}
.toggle-switch-destructive .toggle-switch-input:checked + .toggle-switch-track {
  background-color: #ab3c16;
  border-color: #8c2907;
}
.toggle-switch-destructive .toggle-switch-input:checked + .toggle-switch-track:after {
  border-color: #8c2907;
}
.toggle-switch-destructive .toggle-switch-input:focus + .toggle-switch-track:after {
  border-color: #ab3c16;
}
.toggle-switch-destructive .toggle-switch-input:checked:focus + .toggle-switch-track {
  box-shadow: 0 0 4px 2px rgba(200, 106, 74, 0.9);
}
.toggle-switch-destructive .toggle-switch-input:checked:focus + .toggle-switch-track:after {
  border-color: #8c2907;
}

.top-nav {
  position: relative;
  font-weight: 400;
  font-style: normal;
  border-bottom: 1px solid #efefef;
  background-color: #ffffff;
  z-index: 100;
}
.top-nav .esri-logo {
  margin-top: 1rem;
}
.top-nav .sign-in {
  padding-top: 1.5rem;
}

.top-nav-title {
  font-weight: 400;
  font-style: normal;
  font-size: 1.2019rem;
  line-height: 1.5;
  float: left;
  margin-right: 1.5rem;
  padding-top: 1.125rem;
  padding-bottom: 1.25rem;
  line-height: 1.5rem;
  color: #4c4c4c;
}
@media screen and (max-width: 859px) {
  .top-nav-title {
    font-size: 1.1305rem;
  }
}
@media screen and (max-width: 479px) {
  .top-nav-title {
    font-size: 1.0625rem;
  }
}
html[dir=rtl] .top-nav-title {
  float: right;
}
html[dir=rtl] .top-nav-title {
  white-space: nowrap;
  margin-right: 0;
  margin-left: 1.5rem;
}
.top-nav-title:hover {
  text-decoration: none;
}

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

.top-nav-link {
  font-size: 0.9375rem;
  line-height: 1.5;
  color: #4c4c4c;
  padding: 1.1625rem 0 calc(1.1625rem - 4px) 0;
  border: none;
  border-bottom: 4px solid transparent;
  line-height: 1.5rem;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.top-nav-link:hover, .top-nav-link:focus {
  color: #0079c1;
  border-bottom-color: #0079c1;
  text-decoration: none;
}
.top-nav-link:focus {
  outline: none;
}
.top-nav-link.is-active {
  border-bottom-color: #0079c1;
}

.top-nav-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

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

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

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

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

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

.sub-nav-title {
  font-size: 1.999396rem;
  line-height: 1.35;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  display: inline-block;
  line-height: 1.25;
}
@media screen and (max-width: 859px) {
  .sub-nav-title {
    font-size: 1.7689rem;
  }
}
@media screen and (max-width: 479px) {
  .sub-nav-title {
    font-size: 1.5625rem;
  }
}

.sub-nav-list {
  width: 100%;
  float: left;
}
html[dir=rtl] .sub-nav-list {
  float: right;
}

.sub-nav-link {
  padding: 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);
  box-sizing: border-box;
  -webkit-transition: background-color 150ms linear, color 150ms 150ms linear;
  transition: background-color 150ms linear, color 150ms 150ms linear;
}
html[dir=rtl] .sub-nav-link {
  float: right;
}
.sub-nav-link:hover, .sub-nav-link:focus {
  background-color: rgba(0, 0, 0, 0.3);
  color: #ffffff;
  text-decoration: none;
  -webkit-background-image: linear-gradient(to top, transparent 94%, #ffffff 96%, #ffffff 100%);
  -moz-background-image: linear-gradient(to top, transparent 94%, #ffffff 96%, #ffffff 100%);
  -o-background-image: linear-gradient(to top, transparent 94%, #ffffff 96%, #ffffff 100%);
  background-image: linear-gradient(to top, transparent 94%, #ffffff 96%, #ffffff 100%);
}
.sub-nav-link.is-active {
  background-color: #ffffff;
  color: #4c4c4c;
}

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

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

.third-nav-link {
  color: #595959;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-right: 1.125rem;
}
html[dir=rtl] .third-nav-link {
  white-space: nowrap;
}
.third-nav-link:last-child {
  margin-right: 2.25rem;
}
.third-nav-link.is-active {
  font-weight: 700;
  font-style: normal;
}
.side-nav, .filter-dropdown-list, .dropdown-menu {
  -webkit-box-sizing: border-box;
  -moz-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;
  -moz-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;
}
html[dir=rtl] .side-nav-link.is-active {
  border-left: none;
  border-right: 3px solid #0079c1;
}

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

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

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

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

.tab-title {
  -webkit-box-sizing: border-box;
  -moz-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: linear-gradient(to top, transparent 94%, #0079c1 96%, #0079c1 100%);
  -moz-background-image: linear-gradient(to top, transparent 94%, #0079c1 96%, #0079c1 100%);
  -o-background-image: linear-gradient(to top, transparent 94%, #0079c1 96%, #0079c1 100%);
  background-image: linear-gradient(to top, transparent 94%, #0079c1 96%, #0079c1 100%);
}
.tab-title.is-active {
  border-bottom: 1px solid #ffffff;
  background-color: #ffffff;
}
.tab-title.is-active:hover {
  background-color: #ffffff;
}
html[dir=rtl] .tab-title {
  float: right;
  margin-right: 0;
  margin-left: -1px;
}

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

.tab-section {
  -webkit-box-sizing: border-box;
  -moz-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;
  transition: none;
}
.tabs-translucent .tab-title:hover, .tabs-translucent .tab-title:focus {
  background-color: rgba(255, 255, 255, 0.8);
  border-top-color: #0079c1;
  background-image: none;
}
.tabs-translucent .tab-title.is-active {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.8);
  border-top-color: #0079c1;
  border-bottom: 2px solid rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
}
.tabs-translucent .tab-contents {
  border: none;
}
.tabs-translucent .tab-section {
  background-color: rgba(255, 255, 255, 0.8);
}

.tabs-dark .tab-title {
  background-color: rgba(255, 255, 255, 0.7);
  background-image: none;
  border: none;
  border-top: 2px solid rgba(255, 255, 255, 0.7);
  color: #4c4c4c;
  margin-right: 2px;
  margin-bottom: 3px;
  transition: none;
}
.tabs-dark .tab-title:hover, .tabs-dark .tab-title:focus {
  background-color: rgba(255, 255, 255, 0.8);
  border-top-color: #0079c1;
  background-image: none;
}
.tabs-dark .tab-title.is-active {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.8);
  border-top-color: #0079c1;
  border-bottom: 2px solid rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
}
.tabs-dark .tab-contents {
  border: none;
}
.tabs-dark .tab-section {
  background-color: rgba(255, 255, 255, 0.8);
}
.tabs-dark .tab-title {
  background-color: rgba(0, 0, 0, 0.75);
  color: #ffffff;
  border-top: 2px solid rgba(0, 0, 0, 0.75);
}
.tabs-dark .tab-title:hover, .tabs-dark .tab-title:focus {
  background-color: rgba(0, 0, 0, 0.85);
  border-top-color: #ffffff;
}
.tabs-dark .tab-title.is-active {
  background-color: rgba(0, 0, 0, 0.85);
  border-top-color: #ffffff;
  border-bottom: 2px solid transparent;
}
.tabs-dark .tab-section {
  background-color: rgba(0, 0, 0, 0.85);
  color: #ffffff;
}

.modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -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);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.modal-content {
  box-sizing: border-box;
  max-height: 80vh;
  z-index: 102;
  float: none;
  text-align: left;
  background: #ffffff;
  padding: 1.5rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: inline-block;
  -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);
  -moz-transition: -moz- 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);
  -o-transition: -o- 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: translate3d(0, 20px, 0);
  -moz-transform: translate3d(0, 20px, 0);
  -ms-transform: translate3d(0, 20px, 0);
  -o-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
html[dir=rtl] .modal-content {
  text-align: right;
}
html[dir=rtl] .modal-content {
  float: none;
}

.search-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -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);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-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);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.search-content {
  text-align: left;
  width: 2000px;
  max-width: 100vw;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.5rem;
  -webkit-transform: translate3d(0, -20px, 0);
  -moz-transform: translate3d(0, -20px, 0);
  -ms-transform: translate3d(0, -20px, 0);
  -o-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);
  -moz-transition: -moz- 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);
  -o-transition: -o- 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: translate3d(0, 20px, 0);
  -moz-transform: translate3d(0, 20px, 0);
  -ms-transform: translate3d(0, 20px, 0);
  -o-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;
  box-shadow: none;
  margin-top: 0.25em;
  height: auto;
  padding-left: 1em;
  background-size: 0.45em;
  font-size: 2.827145944rem;
  line-height: 1.25;
}
.search-input:focus {
  border-bottom-color: #999;
  box-shadow: none;
}

.accordion {
  -webkit-box-sizing: border-box;
  -moz-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-icon .svg-icon {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.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: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);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
html[dir=rtl] .accordion-icon .svg-icon {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-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);
  -moz-transform: translate3d(280px, 0, 0);
  -ms-transform: translate3d(280px, 0, 0);
  -o-transform: translate3d(280px, 0, 0);
  transform: translate3d(280px, 0, 0);
}
html[dir=rtl] .drawer.is-active.drawer-left .drawer-nav {
  -webkit-transform: translate3d(-280px, 0, 0);
  -moz-transform: translate3d(-280px, 0, 0);
  -ms-transform: translate3d(-280px, 0, 0);
  -o-transform: translate3d(-280px, 0, 0);
  transform: translate3d(-280px, 0, 0);
}
.drawer.is-active.drawer-right .drawer-nav {
  -webkit-transform: translate3d(-280px, 0, 0);
  -moz-transform: translate3d(-280px, 0, 0);
  -ms-transform: translate3d(-280px, 0, 0);
  -o-transform: translate3d(-280px, 0, 0);
  transform: translate3d(-280px, 0, 0);
}
html[dir=rtl] .drawer.is-active.drawer-right .drawer-nav {
  -webkit-transform: translate3d(280px, 0, 0);
  -moz-transform: translate3d(280px, 0, 0);
  -ms-transform: translate3d(280px, 0, 0);
  -o-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);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-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);
  -moz-transition: -moz- transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  -o-transition: -o- 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);
}

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

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

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

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

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

.filter-dropdown-action {
  font-size: 0.8125rem;
  line-height: 1.5;
  float: right;
  color: #959595;
  display: none;
}
html[dir=rtl] .filter-dropdown-action {
  float: left;
}
.filter-dropdown-action.is-active {
  display: inline-block;
}

.filter-dropdown-container:after {
  content: "";
  display: table;
  clear: both;
}

.filter-dropdown-list {
  position: absolute;
  min-width: 200px;
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
  -moz-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;
}
html[dir=rtl] .filter-dropdown-list.dropdown-right {
  right: auto;
  left: 0;
}
.filter-dropdown-list.is-active {
  display: block;
}

.filter-dropdown-inner-list {
  max-height: 13.5rem;
  overflow: auto;
  border-top: 1px solid #efefef;
  background-color: #ffffff;
}

.filter-dropdown-link {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-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;
}
html[dir=rtl] .filter-link-close {
  right: auto;
  left: 10px;
}

.filter-link-check {
  opacity: 0;
  visibility: hidden;
  margin-top: 3px;
  position: absolute;
  left: 10px;
  right: auto;
}
html[dir=rtl] .filter-link-check {
  left: auto;
  right: 10px;
}

.filter-dropdown-active {
  background-color: #efefef;
  padding: 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;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding: 0.5rem 0.3rem 0.3333333333rem 0.75rem;
  margin-right: 0.25rem;
  margin-top: 0.25rem;
  color: #6e6e6e;
}
html[dir=rtl] .filter-dropdown-active {
  padding: 0.5rem 0.75rem 0.3333333333rem 0.3rem;
}

.filter-dropdown-remove {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.filter-dropdown-remove .svg-icon {
  display: block;
  padding: 0.3rem 0.375rem;
  cursor: pointer;
  position: relative;
  color: #6e6e6e;
}
.filter-dropdown-remove:hover {
  text-decoration: none;
}
.filter-dropdown-remove:hover .svg-icon {
  color: #de2900;
}

.is-hidden {
  display: none !important;
}

.link-red {
  color: #de2900;
}
.link-red:hover {
  color: #ab3c16;
}

.link-green {
  color: #5a9359;
}
.link-green:hover {
  color: #338033;
}

.link-light-blue {
  color: #bcdaed;
}
.link-light-blue:hover {
  color: #56a5d8;
}

.link-blue {
  color: #0079c1;
}
.link-blue:hover {
  color: #005e95;
}

.link-dark-blue {
  color: #005e95;
}
.link-dark-blue:hover {
  color: #052942;
}

.link-white {
  color: #ffffff;
}
.link-white:hover {
  color: #efefef;
}

.link-light-gray {
  color: #a9a9a9;
}
.link-light-gray:hover {
  color: #959595;
}

.link-dark-gray {
  color: #828282;
}
.link-dark-gray:hover {
  color: #6e6e6e;
}

.link-darker-gray {
  color: #6e6e6e;
}
.link-darker-gray:hover {
  color: #595959;
}

.link-darkest-gray, .third-nav-link.is-active:hover {
  color: #595959;
}
.link-darkest-gray:hover, .third-nav-link.is-active:hover {
  color: #4c4c4c;
}

.link-off-black {
  color: #4c4c4c;
}
.link-off-black:hover {
  color: #323232;
}

.text-red {
  color: #de2900;
}

.text-green {
  color: #5a9359;
}

.text-blue {
  color: #0079c1;
}

.text-white {
  color: #ffffff;
}

.text-light-gray {
  color: #a9a9a9;
}

.text-dark-gray {
  color: #828282;
}

.text-darker-gray {
  color: #6e6e6e;
}

.text-darkest-gray {
  color: #595959;
}

.text-off-black {
  color: #4c4c4c;
}

.text-rule {
  border-bottom: 1px solid #cccccc;
}

.text-inline {
  display: inline;
}

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

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

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

.text-light {
  opacity: 0.66;
}

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

.list-numbered {
  counter-reset: li;
  list-style: none;
  position: relative;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0 1em 0;
}
.list-numbered > li {
  padding: 0.3em 0.25em 0.25em 2.5em;
  position: relative;
  margin-top: 0.75em;
  margin-left: 0;
}
html[dir=rtl] .list-numbered > li {
  padding: 0.3em 2.5em 0.25em 0.25em;
}
.list-numbered > li:before {
  font-weight: 300;
  font-style: normal;
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  height: 100%;
  height: calc(100% - 0.3em);
  width: 0.75em;
  padding: 0.3em 0.5em 0 0;
  color: #959595;
  font-size: 1.2019rem;
  line-height: 1.5;
  line-height: 1;
  text-align: right;
  border-right: 2px solid #cccccc;
}
html[dir=rtl] .list-numbered > li:before {
  left: auto;
  right: 0;
}
@media screen and (max-width: 859px) {
  .list-numbered > li:before {
    font-size: 1.1305rem;
  }
}
@media screen and (max-width: 479px) {
  .list-numbered > li:before {
    font-size: 1.0625rem;
  }
}
html[dir=rtl] .list-numbered > li:before {
  border-right: none;
  border-left: 2px solid #cccccc;
}
html[dir=rtl] .list-numbered > li:before {
  padding: 0 0 0 0.5em;
  text-align: left;
}
.list-numbered > li:after {
  content: ".";
  display: block;
  clear: left;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.list-numbered .list-numbered {
  margin-bottom: 0;
  padding-bottom: 0;
}
.list-numbered .list-numbered > li:before {
  content: counter(li, lower-alpha);
}

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

.font-size--3 {
  font-size: 0.8125rem;
  line-height: 1.5;
}

.font-size--2 {
  font-size: 0.875rem;
  line-height: 1.5;
}

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

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

.font-size-1 {
  font-size: 1.2019rem;
  line-height: 1.5;
}
@media screen and (max-width: 859px) {
  .font-size-1 {
    font-size: 1.1305rem;
  }
}
@media screen and (max-width: 479px) {
  .font-size-1 {
    font-size: 1.0625rem;
  }
}

.font-size-2 {
  font-size: 1.414rem;
  line-height: 1.5;
}
@media screen and (max-width: 859px) {
  .font-size-2 {
    font-size: 1.33rem;
  }
}
@media screen and (max-width: 479px) {
  .font-size-2 {
    font-size: 1.25rem;
  }
}

.font-size-3 {
  font-size: 1.6994866rem;
  line-height: 1.3875;
}
@media screen and (max-width: 859px) {
  .font-size-3 {
    font-size: 1.503565rem;
  }
}
@media screen and (max-width: 479px) {
  .font-size-3 {
    font-size: 1.328125rem;
  }
}

.font-size-4 {
  font-size: 1.999396rem;
  line-height: 1.35;
}
@media screen and (max-width: 859px) {
  .font-size-4 {
    font-size: 1.7689rem;
  }
}
@media screen and (max-width: 479px) {
  .font-size-4 {
    font-size: 1.5625rem;
  }
}

.font-size-5 {
  font-size: 2.4030740524rem;
  line-height: 1.35;
}
@media screen and (max-width: 859px) {
  .font-size-5 {
    font-size: 1.99974145rem;
  }
}
@media screen and (max-width: 479px) {
  .font-size-5 {
    font-size: 1.66015625rem;
  }
}

.font-size-6 {
  font-size: 2.827145944rem;
  line-height: 1.3125;
}
@media screen and (max-width: 859px) {
  .font-size-6 {
    font-size: 2.352637rem;
  }
}
@media screen and (max-width: 479px) {
  .font-size-6 {
    font-size: 1.953125rem;
  }
}

.font-size-7 {
  font-size: 3.3979467101rem;
  line-height: 1.3125;
}
@media screen and (max-width: 859px) {
  .font-size-7 {
    font-size: 2.6596561285rem;
  }
}
@media screen and (max-width: 479px) {
  .font-size-7 {
    font-size: 2.0751953125rem;
  }
}

.font-size-8 {
  font-size: 3.9975843648rem;
  line-height: 1.275;
}
@media screen and (max-width: 859px) {
  .font-size-8 {
    font-size: 3.12900721rem;
  }
}
@media screen and (max-width: 479px) {
  .font-size-8 {
    font-size: 2.44140625rem;
  }
}

.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: 859px) {
  .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: 479px) {
  .phone-leader-half {
    margin-top: 0.75rem;
  }
  .phone-leader-quarter {
    margin-top: 0.375rem;
  }
  .phone-trailer-half {
    margin-bottom: 0.75rem;
  }
  .phone-trailer-quarter {
    margin-bottom: 0.375rem;
  }
  .phone-padding-leader-half {
    padding-top: 0.75rem;
  }
  .phone-padding-leader-quarter {
    padding-top: 0.375rem;
  }
  .phone-padding-trailer-half {
    padding-bottom: 0.75rem;
  }
  .phone-padding-trailer-quarter {
    padding-bottom: 0.375rem;
  }
  .phone-leader-0 {
    margin-top: 0rem;
  }
  .phone-trailer-0 {
    margin-bottom: 0rem;
  }
  .phone-padding-leader-0 {
    padding-top: 0rem;
  }
  .phone-padding-trailer-0 {
    padding-bottom: 0rem;
  }
  .phone-leader-1 {
    margin-top: 1.5rem;
  }
  .phone-trailer-1 {
    margin-bottom: 1.5rem;
  }
  .phone-padding-leader-1 {
    padding-top: 1.5rem;
  }
  .phone-padding-trailer-1 {
    padding-bottom: 1.5rem;
  }
  .phone-leader-2 {
    margin-top: 3rem;
  }
  .phone-trailer-2 {
    margin-bottom: 3rem;
  }
  .phone-padding-leader-2 {
    padding-top: 3rem;
  }
  .phone-padding-trailer-2 {
    padding-bottom: 3rem;
  }
  .phone-leader-3 {
    margin-top: 4.5rem;
  }
  .phone-trailer-3 {
    margin-bottom: 4.5rem;
  }
  .phone-padding-leader-3 {
    padding-top: 4.5rem;
  }
  .phone-padding-trailer-3 {
    padding-bottom: 4.5rem;
  }
  .phone-leader-4 {
    margin-top: 6rem;
  }
  .phone-trailer-4 {
    margin-bottom: 6rem;
  }
  .phone-padding-leader-4 {
    padding-top: 6rem;
  }
  .phone-padding-trailer-4 {
    padding-bottom: 6rem;
  }
  .phone-leader-5 {
    margin-top: 7.5rem;
  }
  .phone-trailer-5 {
    margin-bottom: 7.5rem;
  }
  .phone-padding-leader-5 {
    padding-top: 7.5rem;
  }
  .phone-padding-trailer-5 {
    padding-bottom: 7.5rem;
  }
  .phone-leader-6 {
    margin-top: 9rem;
  }
  .phone-trailer-6 {
    margin-bottom: 9rem;
  }
  .phone-padding-leader-6 {
    padding-top: 9rem;
  }
  .phone-padding-trailer-6 {
    padding-bottom: 9rem;
  }
}
html:not([dir=rtl]) .padding-left-quarter {
  padding-left: 0.25rem;
}
html[dir=rtl] .padding-left-quarter {
  padding-right: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 859px) {
  html:not([dir=rtl]) .tablet-gutter-left-0 {
    padding-left: 0rem;
  }
  html[dir=rtl] .tablet-gutter-left-0 {
    padding-right: 0rem;
  }
  html:not([dir=rtl]) .tablet-gutter-right-0 {
    padding-right: 0rem;
  }
  html[dir=rtl] .tablet-gutter-right-0 {
    padding-left: 0rem;
  }
  html:not([dir=rtl]) .tablet-gutter-left-1 {
    padding-left: 1rem;
  }
  html[dir=rtl] .tablet-gutter-left-1 {
    padding-right: 1rem;
  }
  html:not([dir=rtl]) .tablet-gutter-right-1 {
    padding-right: 1rem;
  }
  html[dir=rtl] .tablet-gutter-right-1 {
    padding-left: 1rem;
  }
  html:not([dir=rtl]) .tablet-gutter-left-2 {
    padding-left: 2rem;
  }
  html[dir=rtl] .tablet-gutter-left-2 {
    padding-right: 2rem;
  }
  html:not([dir=rtl]) .tablet-gutter-right-2 {
    padding-right: 2rem;
  }
  html[dir=rtl] .tablet-gutter-right-2 {
    padding-left: 2rem;
  }
  html:not([dir=rtl]) .tablet-gutter-left-3 {
    padding-left: 3rem;
  }
  html[dir=rtl] .tablet-gutter-left-3 {
    padding-right: 3rem;
  }
  html:not([dir=rtl]) .tablet-gutter-right-3 {
    padding-right: 3rem;
  }
  html[dir=rtl] .tablet-gutter-right-3 {
    padding-left: 3rem;
  }
  html:not([dir=rtl]) .tablet-gutter-left-4 {
    padding-left: 4rem;
  }
  html[dir=rtl] .tablet-gutter-left-4 {
    padding-right: 4rem;
  }
  html:not([dir=rtl]) .tablet-gutter-right-4 {
    padding-right: 4rem;
  }
  html[dir=rtl] .tablet-gutter-right-4 {
    padding-left: 4rem;
  }
}
@media screen and (max-width: 479px) {
  html:not([dir=rtl]) .phone-gutter-left-0 {
    padding-left: 0rem;
  }
  html[dir=rtl] .phone-gutter-left-0 {
    padding-right: 0rem;
  }
  html:not([dir=rtl]) .phone-gutter-right-0 {
    padding-right: 0rem;
  }
  html[dir=rtl] .phone-gutter-right-0 {
    padding-left: 0rem;
  }
  html:not([dir=rtl]) .phone-gutter-left-1 {
    padding-left: 1rem;
  }
  html[dir=rtl] .phone-gutter-left-1 {
    padding-right: 1rem;
  }
  html:not([dir=rtl]) .phone-gutter-right-1 {
    padding-right: 1rem;
  }
  html[dir=rtl] .phone-gutter-right-1 {
    padding-left: 1rem;
  }
  html:not([dir=rtl]) .phone-gutter-left-2 {
    padding-left: 2rem;
  }
  html[dir=rtl] .phone-gutter-left-2 {
    padding-right: 2rem;
  }
  html:not([dir=rtl]) .phone-gutter-right-2 {
    padding-right: 2rem;
  }
  html[dir=rtl] .phone-gutter-right-2 {
    padding-left: 2rem;
  }
  html:not([dir=rtl]) .phone-gutter-left-3 {
    padding-left: 3rem;
  }
  html[dir=rtl] .phone-gutter-left-3 {
    padding-right: 3rem;
  }
  html:not([dir=rtl]) .phone-gutter-right-3 {
    padding-right: 3rem;
  }
  html[dir=rtl] .phone-gutter-right-3 {
    padding-left: 3rem;
  }
  html:not([dir=rtl]) .phone-gutter-left-4 {
    padding-left: 4rem;
  }
  html[dir=rtl] .phone-gutter-left-4 {
    padding-right: 4rem;
  }
  html:not([dir=rtl]) .phone-gutter-right-4 {
    padding-right: 4rem;
  }
  html[dir=rtl] .phone-gutter-right-4 {
    padding-left: 4rem;
  }
}
.esri-share__loader {
  margin: 0 auto;
  width: 150px;
  height: 150px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
  background-image: url(../assets/loader.gif);
}

.copy-icon .esri-share__iframe-container,
.esri-share__iframe-preview {
  border: none;
  width: 100%;
  pointer-events: none;
  position: relative;
}

.esri-share__iframe-container {
  height: 30vh;
}

.esri-share__iframe-preview {
  height: 100%;
}

.esri-share__copy-icon {
  width: 15px;
}

.esri-share__embed-content-container {
  height: 100%;
}

.esri-share__url-input,
.esri-share__iframe-input {
  display: inline-block;
  width: 88%;
  margin: 0;
  padding: 5px;
  height: 30px;
  border: 1px solid #d3d3d3;
  vertical-align: top;
  font-size: 0.9375rem;
  color: #6e6e6e;
}

.esri-share {
  box-sizing: border-box;
}
.esri-share .esri-share__share-button {
  border: 0;
  background-color: #fff;
  color: #6e6e6e;
  padding: 0.5rem;
}
.esri-share .js-modal .esri-share__modal-content {
  padding-top: 0;
}
.esri-share .js-modal .modal-content {
  padding: 0;
}
.esri-share .esri-share__share-button:hover {
  cursor: pointer;
}
.esri-share .esri-share__share-item-container,
.esri-share .esri-share__copy-clipboard-container,
.esri-share .esri-share__iframe-input-container {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 0;
  margin-right: 0.2em;
}
.esri-share .esri-share__copy-clipboard-container,
.esri-share .esri-share__iframe-input-container {
  display: flex;
  flex-direction: row;
}
.esri-share .esri-share__copy-button,
.esri-share .esri-share__copy-clipboard-url,
.esri-share .esri-share__copy-clipboard-iframe {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.45);
  color: #fff;
  height: 30px;
  vertical-align: top;
  box-sizing: border-box;
  padding-top: 2px;
  transition: background-color 200ms linear;
  transition-property: background-color;
  transition-duration: 200ms;
  transition-timing-function: linear;
  transition-delay: initial;
}
.esri-share .esri-share__copy-clipboard-url:hover,
.esri-share .esri-share__copy-clipboard-iframe:hover {
  background-color: gold;
  cursor: pointer;
}
.esri-share .esri-share__share-modal {
  color: #949494;
  background: #fff;
  box-sizing: border-box;
  min-width: 315px;
}
.esri-share .esri-share__share-modal .esri-share__heading {
  padding: 2% 4%;
  margin: 0;
  font-size: 1.2em;
  display: inline-block;
}
.esri-share .esri-share__share-modal .esri-share__close {
  position: absolute;
  top: 5px;
  right: 8px;
}
.esri-share .esri-share__share-modal .esri-share__close:hover {
  cursor: pointer;
}
.esri-share .esri-share__share-modal .esri-share__main-container {
  display: block;
  padding-bottom: 10px;
}
.esri-share .esri-share__share-modal .esri-share__main-container .esri-share__main-header {
  margin: 0;
  font-size: 0.85em;
  font-style: italic;
  font-weight: normal;
}
.esri-share .esri-share__share-modal .esri-share__main-container .esri-share__copy-container .esri-share__copy-url-group .esri-share__copy-clipboard {
  width: 12%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.45);
  display: inline-block;
  height: 30px;
  vertical-align: top;
  transition: background-color 200ms linear;
  transition-property: background-color;
  transition-duration: 200ms;
  transition-timing-function: linear;
  transition-delay: initial;
}
.esri-share .esri-share__share-modal .esri-share__main-container .esri-share__copy-container .esri-share__copy-url-group .esri-share__copy-clipboard .esri-share__copy-icon-container {
  display: inline-block;
  width: 20px;
  padding: 2%;
  height: 30px;
}
.esri-share .esri-share__share-modal .esri-share__main-container .esri-share__hr {
  margin: 0.7rem 0;
}
.esri-share .esri-share__share-modal .esri-share__main-container .esri-share__share-container .esri-share__share-item-container {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 90%;
  margin-top: 0;
  margin-bottom: 10px;
}
.esri-share .esri-share__share-modal .esri-share__main-container .esri-share__share-container .esri-share__share-item {
  /*padding-top: 15px;*/
  width: 25%;
  text-align: center;
  margin-right: 1em;
  border: solid 4px orange;
}
.esri-share .esri-share__share-modal .esri-share__main-container .esri-share__share-container .esri-share__share-item div:hover {
  cursor: pointer;
}

html[dir=ltr] .esri-share__generate,
html[dir=ltr] .esri-share__url-input,
html[dir=ltr] .esri-share__iframe-input {
  padding-left: 5px;
}
html[dir=ltr] .esri-share .esri-share__share-modal .esri-share__close {
  right: 8px;
}
html[dir=ltr] .esri-share .esri-share__share-modal .esri-share__main-container .esri-share__main-header {
  text-align: left;
}
html[dir=ltr] .esri-share .esri-share__share-modal .esri-share__main-container .esri-share__copy-container .esri-share__copy-url-group .esri-share__url-input {
  padding-left: 5px;
}

html[dir=rtl] .esri-share__close {
  left: 8px;
  right: unset;
}
html[dir=rtl] .esri-share__generate,
html[dir=rtl] .esri-share__url-input,
html[dir=rtl] .esri-share__iframe-input {
  padding-right: 5px;
}
html[dir=rtl] .esri-share .esri-share__share-modal .esri-share__close {
  left: 0;
  right: auto;
}
html[dir=rtl] .esri-share .esri-share__share-modal .esri-share__main-container .esri-share__main-header {
  text-align: right;
}
html[dir=rtl] .esri-share .esri-share__share-modal .esri-share__main-container .esri-share__copy-container .esri-share__copy-url-group .esri-share__url-input {
  padding-right: 5px;
}

@media screen and (min-width: 415px) {
  .esri-share__share-modal {
    width: 25%;
  }
}
@media screen and (max-width: 415px), (max-width: 825px) and (orientation: landscape) {
  .esri-share__share-modal {
    width: 100%;
    height: 100%;
    max-height: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
  }
  .tab-contents {
    border-left: none;
    border-right: none;
    border-bottom: none;
  }
  .tab-contents .esri-share__iframe-input-container {
    margin-top: 1%;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 415px) {
  .esri-share__share-modal .esri-share__main-container .js-tab-group {
    height: 100%;
  }
  .esri-share__share-modal .tab-contents {
    height: 100%;
  }
  .esri-share__share-modal .tab-contents .esri-share__iframe-tab-section {
    height: 89vh;
  }
  .esri-share__share-modal .tab-contents .esri-share__iframe-tab-section .esri-share__iframe-tab-section-container {
    height: 100%;
  }
}
@media screen and (max-height: 830px) {
  .esri-share__main-container {
    height: 95%;
  }
}
@media screen and (max-height: 830px) and (orientation: landscape) {
  .esri-share__iframe-container {
    height: 51vh;
  }
}
@media screen and (max-height: 568px) {
  .esri-share__iframe-container {
    height: 75%;
  }
}
@media screen and (max-height: 640px) {
  .esri-share__iframe-container {
    height: 85%;
  }
}
@media screen and (max-width: 824px) and (orientation: landscape) {
  .esri-share__iframe-tab-section-container {
    height: 65%;
  }
  .esri-share__embed-content-container {
    height: 100vh;
  }
  .esri-share__iframe-tab-section {
    height: 100vh;
  }
  .esri-share__iframe-container {
    height: 88%;
  }
}
@media screen and (max-height: 825px) {
  .esri-share__iframe-container {
    height: 92%;
  }
}
@media screen and (max-height: 667px) {
  .esri-share__iframe-container {
    height: 87%;
  }
}
@media screen and (max-height: 568px) {
  .esri-share__iframe-container {
    height: 83%;
  }
}
.esri-share__main-link-container {
  position: relative;
  padding-bottom: 0;
}

.esri-share__close {
  position: absolute;
  top: 5px;
  right: 8px;
}

.esri-share__close:hover {
  cursor: pointer;
}

.esri-share__send-link-container {
  position: absolute;
  bottom: 0;
  background-color: #fff;
  border: 1px solid #c3c3c3;
  width: 90%;
  padding: 2%;
  box-sizing: border-box;
  z-index: 100;
}

.esri-share__main-header {
  font-size: 1.2em;
}

.esri-share__copy-clipboard-url {
  font-size: 0.8em;
}

.esri-share__share-item-container {
  display: flex;
  margin-bottom: 10px;
}
.esri-share__share-item-container .esri-share__share-item:hover {
  cursor: pointer;
}
.esri-share__share-item-container .esri-share__share-item {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
.esri-share__share-item-container .esri-share__share-link {
  transition: 200ms linear;
  background-color: rgba(0, 0, 0, 0.45);
  color: #fff;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.esri-share__share-item-container .esri-share__share-link:hover {
  background-color: #338033;
}

[class*=icon-social-],
.esri-share__share-item-container .esri-share__share-link {
  border-radius: 24px;
}

.esri-screenshot {
  padding-top: 1%;
}
.esri-screenshot .esri-screenshot__main-container {
  padding: 1% 5% 6%;
  width: 100%;
}
.esri-screenshot .esri-screenshot__main-container .esri-screenshot__panel-title {
  font-size: 1.2rem;
  padding-top: 3%;
}
.esri-screenshot .esri-screenshot__main-container .esri-screenshot__panel-subtitle {
  font-size: 1.1em;
  color: #999;
  margin-top: 5%;
  margin-bottom: 5%;
}
.esri-screenshot .esri-screenshot__main-container .esri-screenshot__screenshot-option {
  font-size: 1.2rem;
  margin-bottom: 4%;
}
.esri-screenshot .esri-screenshot__main-container .esri-screenshot__screenshot-option:last-child {
  margin-bottom: 0;
}
.esri-screenshot .esri-screenshot__main-container .esri-screenshot__screenshot-button-container {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
.esri-screenshot .esri-screenshot__main-container .esri-screenshot__screenshot-button-container button {
  width: 100%;
}
.esri-screenshot .esri-screenshot__btn {
  transition: background-color 200ms linear;
  transition-property: background-color;
  transition-duration: 200ms;
  transition-timing-function: linear;
  transition-delay: initial;
  border: 0;
  display: inline-block;
  width: 32px;
  height: 32px;
}
.esri-screenshot .esri-screenshot__btn span {
  position: relative;
  right: 8px;
}

.esri-screenshot--pointer {
  opacity: 1;
}

.esri-screenshot--pointer:hover {
  cursor: pointer;
}

.esri-screenshot--disabled {
  opacity: 0.55;
}

.esri-screenshot--disabled:hover {
  cursor: not-allowed;
}

.esri-screenshot__feature-warning {
  height: 15px;
  margin-top: 2%;
  margin-bottom: 2%;
}
.esri-screenshot__feature-warning .esri-screenshot__feature-warning-text-container {
  display: flex;
}
.esri-screenshot__feature-warning .esri-screenshot__feature-warning-text-container .esri-screenshot__warning-svg {
  fill: #d9bf2b;
}
.esri-screenshot__feature-warning .esri-screenshot__feature-warning-text-container .esri-screenshot__select-feature-text {
  padding-left: 5px;
  font-weight: 501;
}

.esri-screenshot__select-layout {
  display: block;
}
.esri-screenshot__select-layout span {
  font-size: 0.9rem;
}
.esri-screenshot__select-layout select {
  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;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  color: #4c4c4c;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  border-radius: 0;
  -webkit-transition: border-color 150ms linear;
  transition: border-color 150ms linear;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  letter-spacing: 0em;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiM1OTU5NTkiIGQ9Ik03NS43NDksMzcuNDY2YzAuNDI1LDAuNDI1LDAuNTUyLDEuMDYzLDAuMzIyLDEuNjE4Qzc1Ljg0MSwzOS42MzksNzUuMzAxLDQwLDc0LjY5OSw0MGgtNDkuNA0KCQljLTAuNiwwLTEuMTQzLTAuMzYyLTEuMzcyLTAuOTE3Yy0wLjIzLTAuNTU1LTAuMTAzLTEuMTkzLDAuMzIyLTEuNjE4bDIzLjQ0LTIzLjQ0YzEuMjc2LTEuMjc2LDMuMzQzLTEuMjc2LDQuNjIsMEw3NS43NDksMzcuNDY2DQoJCUw3NS43NDksMzcuNDY2eiBNMjQuMjUsNjIuNTM0Yy0wLjQyNi0wLjQyNS0wLjU1My0xLjA2My0wLjMyMy0xLjYxOGMwLjIzLTAuNTU1LDAuNzctMC45MTYsMS4zNy0wLjkxNkg3NC43DQoJCWMwLjYwMiwwLDEuMTQzLDAuMzU5LDEuMzczLDAuOTE2YzAuMjMsMC41NTUsMC4xMDMsMS4xOTMtMC4zMjIsMS42MThMNTIuMzEsODUuOTc3Yy0xLjI3NSwxLjI3NS0zLjM0NCwxLjI3NC00LjYyLDBMMjQuMjUsNjIuNTM0eg0KCQkiLz4NCjwvZz4NCjwvc3ZnPg0K);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 0.9rem;
  padding-right: 1.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.esri-screenshot__field-set-checkbox {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}

.esri-screenshot__action-btn {
  padding: 0.6em;
  border: 1px solid #0079c1;
  text-align: center;
  background-color: white;
  cursor: pointer;
  margin: 5px;
}

.esri-screenshot__action-btn:hover,
.esri-screenshot__action-btn:focus {
  background: #0079c1;
  color: white;
}

.esri-screenshot__js-screenshot-image {
  width: 100%;
  background-color: #fff;
}

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

.esri-screenshot__btn:disabled {
  opacity: 0.8;
}

.esri-screenshot__mask-div {
  position: fixed;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  overflow-y: hidden;
  text-align: center;
  background: rgba(0, 0, 0, 0.55);
  transition: visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  z-index: 101;
}

.esri-screenshot--hide.esri-screenshot__mask-div {
  display: none;
}

.esri-screenshot--hide-overlay {
  opacity: 0;
  visibility: hidden;
}

.esri-screenshot--show-overlay {
  visibility: visible;
  opacity: 1;
}

.esri-screenshot__screenshot-img-container {
  max-height: 75vh;
  max-width: 80vw;
  overflow-y: auto;
  margin-bottom: 8px;
}

.esri-screenshot__js-screenshot-image {
  border: 10px solid white;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5);
}

.esri-screenshot__screenshot-div > * {
  margin: 0.5em;
}

.esri-screenshot__cursor {
  cursor: crosshair;
}

.esri-screenshot__action-btn:hover,
.esri-screenshot__action-btn:focus {
  background: #0079c1;
  color: white;
}

.icon-ui-media {
  position: relative;
  left: 4px;
  top: 1px;
}

html[dir=rtl] .icon-ui-media {
  left: -6px;
}

.esri-screenshot__offscreen-pop-up-container {
  position: absolute;
  top: -99999px;
  left: -99999px;
  width: 400px;
}
.esri-screenshot__offscreen-pop-up-container .esri-feature__media-container {
  height: auto;
  width: auto;
}
.esri-screenshot__offscreen-pop-up-container .esri-feature__media-container .esri-feature__media-chart {
  height: 100%;
  width: 65%;
}

.esri-screenshot__close-button-container {
  width: 32px;
  height: 32px;
  border: none;
  background-color: #fff;
}
.esri-screenshot__close-button-container .esri-screenshot__close-button {
  font-size: 14px;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  text-align: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  transition: background-color 125ms ease-in-out;
}
.esri-screenshot__close-button-container .esri-screenshot__close-button:hover {
  cursor: pointer;
}

.esri-screenshot__offscreen-legend-container {
  position: absolute;
  top: -99999px;
  left: -99999px;
  width: 400px;
}

.esri-widget.esri-legend.esri-screenshot__offscreen-legend-container {
  max-height: none;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .esri-screenshot__screenshot-img-container {
    max-width: 85vw;
  }
  .esri-screenshot__screenshot-img-container .esri-screenshot__js-screenshot-image {
    width: 50%;
  }
}
/* overwrite calcite styles that mess with the map height on ios */
body {
  display: initial;
  flex-direction: unset;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #f8f8f8;
}

.grid-container,
.column-14,
.column-10 {
  height: 100%;
}

.no-map .side-panel {
  width: 100%;
  margin: auto;
}

.top-nav-title {
  color: inherit;
  font-size: 1.6rem;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  max-width: 100%;
  margin: 0;
}

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

.top-nav,
.top-nav-flex {
  background-color: #4a4a4a;
  color: #fff;
  overflow: hidden;
  border-bottom: none;
}

.configurable-application__view-container {
  height: 100%;
  width: 100%;
}

.mini-map-panel > .configurable-application__view-container {
  position: absolute;
  top: 0;
  height: 100%;
}

.esri-view {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}

.configurable-application--loading {
  text-align: center;
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../assets/loader-ie9.gif);
}
.configurable-application--loading .configurable-application__view-container {
  display: none;
}

.app-error {
  background-position: top center;
  width: 100%;
  position: absolute;
  z-index: 2;
  margin: 0;
  top: 30%;
  text-align: center;
  height: 100%;
}

.app-error > .grid-container {
  display: block;
  margin: 1em;
}

.app-error-content {
  margin: 4em;
}

/* Header content (Search and Title)*/
.panel.app-header {
  height: 44px;
}

.esri-search {
  width: auto;
  height: 44px;
}

.esri-search__container {
  border-top: solid 1px rgba(169, 169, 169, 0.2);
  border-bottom: solid 1px rgba(169, 169, 169, 0.2);
}

/*Search placeholder text*/
.esri-search__input::-moz-placeholder {
  color: #595959;
  opacity: 1;
}

.esri-search__input:-ms-input-placeholder {
  color: #595959;
}

.esri-search__input::-webkit-input-placeholder {
  color: #595959;
}

.esri-search__suggestions-menu {
  background: #f4f4f4;
}

.esri-search__submit-button,
.esri-search__sources-button {
  height: 42px;
  width: 42px;
}

.esri-search__clear-button .esri-widget--button .esri-icon-close,
.esri-icon-search {
  font-size: 1.25rem;
}

.esri-icon-search {
  color: #56a5d8;
}

.esri-search__form .esri-input[type=text],
.esri-input[type=number] {
  padding-left: 12px;
}

.esri-search__form .esri-input[type=text],
.esri-input[type=number],
.esri-search__clear-button {
  height: 42px;
}

.accordion-icon,
.accordion-section > .accordion-title > .accordion-icon > svg {
  vertical-align: text-top;
  line-height: 1.2em;
}

.accordion-title {
  background-color: #f8f8f8;
  font-weight: 500;
  min-height: 1.5em;
}

html[dir=rtl] .group-accordion-count {
  float: right;
  margin-left: 0.5rem;
  margin-right: unset;
}

html[dir=rtl] .accordion-icon {
  padding-left: unset;
  padding-right: 0.25rem;
  float: left;
}

.group-accordion-count {
  float: left;
  padding: 0 0.5em;
  font-size: smaller;
  border: solid 1px #ccc;
  border-radius: 50%;
  margin-right: 0.5rem;
}

.accordion-count {
  float: right;
}

.accordion-content {
  padding: 0.3em 1em 1em 1em;
  background: #fff;
  color: #6e6e6e;
  cursor: pointer;
}

.group-accordion-content {
  background: #f7f7f7;
  padding: 0 0.5em;
}

/* Styles for grouped features*/
.feature-group {
  background: #fff;
  padding: 0.25em;
}

.group-accordion-section.accordion-section {
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
  border: none;
}

ul.accordion-content {
  list-style-type: none;
}

.group-accordion-icon {
  float: right;
}

.no-content > .accordion-title > .accordion-icon,
.no-content > .accordion-content,
.no-content.is-active > .accordion-content {
  display: none;
}

.single .accordion-title > .accordion-icon {
  display: none;
}

.accordion {
  border: none;
  background: transparent;
}

.accordion-section {
  border: 1px solid #efefef;
  margin-top: 0.25em;
  margin-bottom: 0.25rem;
}

/*.accordion-section-selected .accordion-section {
  box-shadow: inset 0 0 0 4px #ccc;
  padding: 1px;
  margin-top: 0;
}*/
.group-accordion-content li.accordion-section-selected,
.accordion-section-selected.accordion-section {
  border: 1px solid;
  border-color: rgba(12, 121, 190, 0.58);
  border-radius: 2px;
}

.accordion-section-selected .accordion-title {
  margin-top: 0;
}

.accordion-title {
  border-top: none;
  margin-top: 1px;
  background: #fff;
}

.accordion-icon,
.accordion-section > .accordion-title > .accordion-icon > svg {
  color: #323232;
}

.accordion-title:focus,
.accordion-title:hover,
#detailPanel button.detail:focus {
  outline: auto 5px #56a5d8;
}

p:empty {
  padding: 0;
}

.esri-feature a {
  color: #56a5d8;
  text-decoration: underline;
}

.esri-feature a:hover,
.esri-feature a:focus {
  color: #56a5d8;
}

.btn-open-map {
  position: fixed;
  bottom: 15px;
  left: 0;
  right: 0;
  padding: 11.5px;
  width: 100%;
}
.btn-open-map:hover {
  filter: brightness(120%);
}

/* App is configured to not include a map */
.no-map {
  /*make this equal col-24*/
}
.no-map .btn-open-map {
  display: none;
}
.no-map .column-10 {
  max-width: 1000px;
}
.no-map .column-24 {
  max-width: 1000px;
}
.no-map .grid-container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.no-map #mapPanel {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

/* Mobile map */
.mini-map-panel {
  position: absolute;
  top: 90px;
  bottom: 0;
  right: 0;
  left: 0;
  border: none;
}

.mini-map-panel > .btn-fill {
  position: fixed;
  bottom: 15px;
}

.esri-legend--stacked .esri-legend--card__carousel-indicator-container {
  background-color: inherit !important;
}

.esri-legend--card__label-container {
  margin-bottom: 32px;
}

.mini-map-panel .esri-zoom .esri-widget--button {
  display: none;
}

/*Decrease margin between buttons and +/- to match zoom controls based on design doc*/
.esri-ui-top-right .esri-component,
.esri-ui-top-left .esri-component {
  margin-bottom: 1px;
}

/*Make sure expand content is on top */
.esri-ui-corner .esri-component .esri-expand__content {
  z-index: 4;
}

/* Side panel styles */
.scrollable-content {
  height: calc(100% - 155px);
  overflow: auto;
}

/* Detail Panel styles includes collapse all / open all links*/
.toggle-content-tools {
  width: 100%;
  height: 32px;
  background: inherit;
}

.toggle-content-tools .btn-transparent {
  color: #56a5d8;
}

.top-nav .btn-transparent,
.top-nav .btn-clear {
  color: inherit;
}

.btn-transparent.btn-detail {
  vertical-align: baseline;
}

#detailPanel {
  background-color: #fff;
  color: #595959;
}

#detailPanel .svg-icon {
  background: transparent;
}

#detailPanel.collapse {
  height: 44px;
  overflow: hidden;
  filter: drop-shadow(5px 5px 5px rgba(255, 255, 255, 0.3));
}
#detailPanel.collapse .esri-share, #detailPanel.collapse .details-content, #detailPanel.collapse .details-title {
  display: none;
}
#detailPanel.collapse > button > svg {
  transform: rotate(180deg);
}
#detailPanel button.detail {
  transition: all 0.5s;
}
#detailPanel button.detail:hover {
  background: rgba(255, 255, 255, 0.2);
  filter: brightness(140%);
}
#detailPanel .details-title {
  margin: 0;
  font-weight: 900;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0.019rem;
}
#detailPanel .details-title,
#detailPanel .details-content,
#detailPanel .esri-share {
  padding-top: 8px;
  padding-right: 16px;
  padding-left: 16px;
  padding-bottom: 4px;
}
#detailPanel .details-content {
  margin-bottom: 0;
}
#detailPanel .panel {
  border-color: #a9a9a9;
}
#detailPanel .btn-transparent.light,
#detailPanel .btn-transparent.light:hover {
  color: #6e6e6e;
}
#detailPanel .btn-transparent.dark,
#detailPanel .btn-transparent.dark:hover {
  color: #fff;
}
#detailPanel .btn-transparent {
  font-size: 1.6rem;
  line-height: 1.6rem;
  cursor: pointer;
  margin: 1%;
  width: 98%;
  padding: 3px;
}

.detail.btn-fill {
  width: 100%;
}

.btn-clear {
  border-color: #56a5d8;
}

/*  Range input slider customizations */
.distance,
.slider-label {
  font-style: italic;
  font-size: smaller;
}

input[type=range] {
  height: 38px;
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: #f2f2f2;
  border-radius: 5px;
  border: 1px solid #cccccc;
}

input[type=range]::-webkit-slider-thumb {
  height: 30px;
  width: 15px;
  border-radius: 5px;
  background: #56a5d8;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -11px;
  box-shadow: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #f2f2f2;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #cccccc;
}

input[type=range]::-moz-range-thumb {
  box-shadow: none;
  height: 30px;
  width: 15px;
  border-radius: 5px;
  background: #56a5d8;
  cursor: pointer;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 10px;
}

input[type=range]::-ms-fill-upper {
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 10px;
}

input[type=range]::-ms-thumb {
  box-shadow: none;
  margin-top: 1px;
  height: 30px;
  width: 15px;
  border-radius: 5px;
  background: #56a5d8;
  cursor: pointer;
}

input[type=range]:focus::-ms-fill-lower {
  background: #f2f2f2;
}

input[type=range]:focus::-ms-fill-upper {
  background: #f2f2f2;
}

/* Mobile map messages */
.alert.is-active {
  bottom: 0;
  position: absolute;
  right: 0;
  left: 0;
  max-width: 100%;
  max-height: 50%;
  overflow: auto;
}

.alert-green {
  background-color: #fff;
  border-color: #ccc;
}

.alert span {
  max-width: calc(100% - 35px);
}

.alert-close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.24rem;
}

.esri-lookup-ga-alert-button {
  float: right;
}

html[dir=rtl] .esri-lookup-ga-alert-button {
  float: left;
}

.message-text {
  padding: 0 0.5em 0 0.5em;
}

@media screen and (max-width: 859px) {
  #infoPanel {
    padding: 10px;
  }
  #detailPanel .details-content,
  #detailPanel .details-title {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
  }
  .no-map .column-10 {
    max-width: 100vw;
  }
  .no-map #bottomNav {
    display: none;
  }
  .mini-map-panel {
    height: calc(100% - 121px);
  }
  /*.scrollable-content {
    max-height: $scrollable-container-height;
  }*/
  .no-map .scrollable-content {
    height: calc(100% - 110px);
  }
  .panel.app-header {
    height: 45px;
  }
  .top-nav-title {
    padding-left: 10px;
  }
  .esri-search {
    height: 42px;
  }
  .esri-search__submit-button,
  .esri-search__sources-button {
    height: 42px;
    width: 42px;
  }
  .esri-search__clear-button .esri-widget--button .esri-icon-close,
  .esri-icon-search {
    font-size: 1.25rem;
  }
  .esri-search__clear-button .esri-widget--button .esri-icon-close,
  .esri-icon-search,
  .esri-search__sources-button--down {
    font-size: 1.125rem;
  }
  .esri-search__form .esri-input[type=text],
  .esri-input[type=number] {
    padding-left: 10px;
  }
  .esri-search__form .esri-input[type=text],
  .esri-input[type=number],
  .esri-search__clear-button {
    height: 42px;
  }
}
@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices - used here to apply different height on ios
  and also to add momentum scroll to results panel*/
  .scrollable-content {
    max-height: calc(100% - 140px);
    -webkit-overflow-scrolling: touch;
  }
  .accordion {
    width: 100%;
  }
}
.dark .side-panel {
  background-color: #151515;
  color: #fff;
}
.dark .panel {
  background-color: #151515;
  color: #fff;
}
.dark .app-header {
  background-color: #151515;
}
.dark .esri-search__suggestions-menu {
  background-color: #585656;
}
.dark .esri-search__input-container {
  border-bottom: solid 1px #4a4a4a;
}
.dark .esri-search__form .esri-input[type=text],
.dark .esri-search__clear-button {
  background-color: #484848;
}
.dark .esri-input[type=number],
.dark .esri-search__submit-button,
.dark .esri-search__sources-button .esri-widget--button {
  background-color: #151515;
}
.dark .esri-search__input::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.dark .esri-search__input:-ms-input-placeholder {
  color: #fff;
}
.dark .esri-search__input::-webkit-input-placeholder {
  color: #fff;
}
.dark .accordion,
.dark .accordion-title,
.dark .accordion-content {
  background-color: #323232;
}
.dark .accordion-content {
  border: none;
}
.dark .group-accordion-section.accordion-section,
.dark .group-accordion-content li,
.dark .accordion-section {
  border: solid 1px #959595;
}
.dark .accordion-icon.group-accordion-icon,
.dark .accordion-section > .accordion-title > .accordion-icon.group-accordion-icon > svg {
  color: #fff;
}
.dark .group-accordion-section .accordion-title {
  background-color: #2b2b2b;
  color: #fff;
}
.dark .group-accordion-count {
  background-color: #4a4a4a;
  color: #fff;
  border: none;
}
.dark .group-accordion-content,
.dark .esri-feature,
.dark .feature-group {
  background-color: #323232;
  color: #fff;
}
.dark #detailPanel {
  background-color: #323232;
  color: #fff;
  border: none;
}
.dark #detailPanel.collapse {
  filter: none;
}
.dark .toggle-panel {
  background-color: #323232;
  color: #fff;
}
.dark .toggle-content-tools .btn-transparent {
  color: #fff;
}
.dark .esri-slider.esri-widget {
  background: #151515;
}
.dark .esri-slider__thumb {
  background-color: #56a5d8;
}

.text-fade {
  white-space: nowrap;
  overflow: hidden;
}
.text-fade:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 100%;
  background: linear-gradient(to left, #151515 40%, transparent 90%);
}
.text-fade:before {
  content: none;
}

html[dir=rtl] .text-fade:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 100%;
  background: linear-gradient(to right, #151515 40%, transparent 90%);
}
html[dir=rtl] .text-fade:after {
  content: none;
}

.dark .text-fade:after {
  background: linear-gradient(to left, #323232 40%, transparent 90%);
}

html[dir=rtl] .dark .text-fade:before {
  background: linear-gradient(to right, #323232 40%, transparent 90%);
}

.light .text-fade:after {
  background: linear-gradient(to left, #4a4a4a 40%, transparent 90%);
}

html[dir=rtl] .light .text-fade:before {
  background: linear-gradient(to right, #4a4a4a 40%, transparent 90%);
}

html[dir=rtl] .top-nav-title {
  margin-left: unset;
  margin-right: unset;
}

.dark a {
  color: #56a5d8;
}

html[dir=rtl] .top-nav-title {
  padding-right: 7px;
  margin-right: 0;
}

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.app-error details,
.app-error summary {
  display: revert;
}

.hidden {
  display: none;
  visibility: hidden;
}

.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.app-button {
  height: 42px;
}

.btn.app-button:hover {
  filter: opacity(80%);
}

.clear-btn.esri-component {
  height: auto;
  display: flex;
  width: 260px;
  left: calc(50% - 150px);
  margin: 0 auto;
  top: 15px;
  justify-content: center;
}

.clear-btn.esri-icon-close:before {
  margin-right: 0.35em;
  font-size: 15px;
  vertical-align: middle;
  margin-top: 2px;
}

@media screen and (max-width: 800px) {
  .esri-widget,
  .esri-search__input {
    font-size: 16px;
  }
}
#bottomNav > div > .app-button {
  font-size: 20px;
}

.btn-center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 100%;
}

.btn-fill {
  width: 90%;
  height: 42px;
  margin: auto;
}

.esri-menu__list-item--focus,
.esri-menu__list-item:hover,
.esri-menu__list-item:focus {
  border: solid 2px #0079c1;
}

select:focus,
input:focus {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}