/*!
* WS Starter
* Designed by LRS Web Solutions (http://lrswebsolutions.com)
* Visit http://lrswebsolutions.com
*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
:root {
  --small: 375px;
  --small: 23.4375rem;
  --medium: 640px;
  --medium: 40rem;
  --large: 1300px;
  --large: 81.25rem;
  --xlarge: 1440px;
  --xlarge: 90rem;
  --xxlarge: 1920px;
  --xxlarge: 120rem;
}

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  height: 0.0625rem !important;
  margin: -1px !important;
  margin: -0.0625rem !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  width: 0.0625rem !important;
  white-space: nowrap !important;
  color: transparent;
}
.sr-only:focus, .sr-only:active {
  clip: auto !important;
  -webkit-clip-path: none !important;
  clip-path: none !important;
  height: auto !important;
  margin: auto !important;
  overflow: visible !important;
  width: auto !important;
  white-space: normal !important;
  color: transparent;
}

.offscreen {
  position: absolute;
  top: -9999em;
  left: -9999em;
}

.hide {
  display: none !important;
}

.show {
  display: initial;
}

.invisible {
  visibility: hidden;
}

.clear {
  display: block;
  clear: both;
}

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

.spacer {
  height: 40px;
  height: 2.5rem;
}
.compact .spacer {
  height: 15px;
  height: 0.9375rem;
}

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.text-left,
.align-left {
  text-align: left;
}

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

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

.text-justify,
.align-justify {
  text-align: justify;
}

@media (orientation: landscape) {
  .show-landscape {
    display: block;
  }
}
@media (orientation: portrait) {
  .show-landscape {
    display: none;
  }
}

@media (orientation: portrait) {
  .show-portrait {
    display: block;
  }
}
@media (orientation: landscape) {
  .show-portrait {
    display: none;
  }
}

@media (orientation: landscape) {
  .hide-landscape {
    display: none;
  }
}
@media (orientation: portrait) {
  .hide-landscape {
    display: block;
  }
}

@media (orientation: portrait) {
  .hide-portrait {
    display: none;
  }
}
@media (orientation: landscape) {
  .hide-portrait {
    display: block;
  }
}

@media (min-width: 640px) {
  .show-small-only {
    display: none;
  }
}

@media (min-width: 0) and (max-width: 639px) {
  .show-medium-only {
    display: none;
  }
}
@media (min-width: 1300px) {
  .show-medium-only {
    display: none;
  }
}

.show-large-only {
  display: none;
}
@media (min-width: 1300px) and (max-width: 1439px) {
  .show-large-only {
    display: block;
  }
}
@media (min-width: 1440px) {
  .show-large-only {
    display: none;
  }
}

.show-xlarge-only {
  display: none;
}
@media (min-width: 1440px) and (max-width: 1919px) {
  .show-xlarge-only {
    display: block;
  }
}
@media (min-width: 1920px) {
  .show-xlarge-only {
    display: none;
  }
}

.show-xxlarge-only {
  display: none;
}
@media (min-width: 1920px) {
  .show-xxlarge-only {
    display: none;
  }
}

.show-medium-up {
  display: none;
}
@media (min-width: 640px) {
  .show-medium-up {
    display: block;
  }
}

.show-large-up {
  display: none;
}
@media (min-width: 1300px) {
  .show-large-up {
    display: block;
  }
}

.show-xlarge-up {
  display: none;
}
@media (min-width: 1440px) {
  .show-xlarge-up {
    display: block;
  }
}

.show-xxlarge-up {
  display: none;
}
@media (min-width: 1920px) {
  .show-xxlarge-up {
    display: block;
  }
}

@media (min-width: 0) and (max-width: 639px) {
  .hide-small-only {
    display: none;
  }
}

@media (min-width: 640px) and (max-width: 1299px) {
  .hide-medium-only {
    display: none;
  }
}

@media (min-width: 1300px) and (max-width: 1439px) {
  .hide-large-only {
    display: none;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .hide-xlarge-only {
    display: none;
  }
}

@media (min-width: 1920px) {
  .hide-xxlarge-only {
    display: none;
  }
}

@media (min-width: 640px) {
  .hide-medium-up {
    display: none;
  }
}

@media (min-width: 1300px) {
  .hide-large-up {
    display: none;
  }
}

@media (min-width: 1440px) {
  .hide-xlarge-up {
    display: none;
  }
}

@media (min-width: 1920px) {
  .hide-xxlarge-up {
    display: none;
  }
}

@media (min-width: 1300px) {
  .center-vert {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
  }
}

@media (min-width: 1300px) {
  .orderFirst {
    order: -1;
  }
}

@media (min-width: 1300px) {
  .order1 {
    order: 1;
  }
}

@media (min-width: 1300px) {
  .order2 {
    order: 2;
  }
}

@media (min-width: 1300px) {
  .order3 {
    order: 3;
  }
}

@media (min-width: 1300px) {
  .order4 {
    order: 4;
  }
}

@media (min-width: 1300px) {
  .order5 {
    order: 5;
  }
}

@media (min-width: 1300px) {
  .order6 {
    order: 6;
  }
}

@media (min-width: 1300px) {
  .orderLast {
    order: 100;
  }
}

:root {
  --pager-item-bg-color: #cccccc;
  --pager-item-bg-color-hover: #1a1a1a;
  --pager-item-bg-color-active: #1a1a1a;
  --pager-item-text-color: #1a1a1a;
  --pager-item-text-color-hover: #ffffff;
  --pager-item-text-color-active: #ffffff;
}
:root .dark-mode {
  --pager-item-bg-color: #1782c5;
}

.cycle-pager,
.dots,
.splide__pagination {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  text-align: right;
  padding: 0;
  padding: 20px 0 10px;
  padding: 1.25rem 0 0.625rem;
  z-index: 1;
}
.cycle-pager span,
.cycle-pager .splide__pagination__page,
.dots span,
.dots .splide__pagination__page,
.splide__pagination span,
.splide__pagination .splide__pagination__page {
  display: inline-flex;
  align-items: center;
  margin: 0 7px 0 0;
  margin: 0 0.4375rem 0 0;
  border-radius: 50%;
  background: var(--pager-item-bg-color);
  text-decoration: none;
  font-size: 0px;
  font-size: 0;
  width: 17px;
  width: 1.0625rem;
  height: 17px;
  height: 1.0625rem;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
.cycle-pager span.cycle-pager-active, .cycle-pager span.active, .cycle-pager span.is-active,
.cycle-pager .splide__pagination__page.cycle-pager-active,
.cycle-pager .splide__pagination__page.active,
.cycle-pager .splide__pagination__page.is-active,
.dots span.cycle-pager-active,
.dots span.active,
.dots span.is-active,
.dots .splide__pagination__page.cycle-pager-active,
.dots .splide__pagination__page.active,
.dots .splide__pagination__page.is-active,
.splide__pagination span.cycle-pager-active,
.splide__pagination span.active,
.splide__pagination span.is-active,
.splide__pagination .splide__pagination__page.cycle-pager-active,
.splide__pagination .splide__pagination__page.active,
.splide__pagination .splide__pagination__page.is-active {
  background: var(--pager-item-bg-color-active);
  color: transparent;
  font-size: 0px;
  font-size: 0;
  opacity: 1;
  transform: none;
}

.cycle-carousel-wrap {
  display: inline-flex;
}

.pager {
  position: relative;
  display: inline-flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}
.pager span,
.pager a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.125rem;
  width: 30px;
  width: 1.875rem;
  height: 30px;
  height: 1.875rem;
  text-align: center;
  text-decoration: none;
  border-radius: 50px;
  border-radius: 3.125rem;
  background: var(--pager-item-bg-color);
  color: var(--pager-item-text-color);
  margin-right: 5px;
  margin-right: 0.3125rem;
  cursor: pointer;
}
.pager span:last-child,
.pager a:last-child {
  margin-right: 0;
}
.pager span::before,
.pager a::before {
  content: none;
}
.pager a:not(.next-prev) {
  color: var(--pager-item-text-color);
}
.pager a:not(.next-prev):hover, .pager a:not(.next-prev):focus {
  background: var(--pager-item-bg-color-hover);
  color: var(--pager-item-text-color-hover);
}
.pager span:not(.next):not(.prev) {
  background: var(--pager-item-bg-color-hover);
  color: var(--pager-item-text-color-active);
}
.pager .next-prev {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: auto;
  background: transparent;
}
.pager .next-prev .next,
.pager .next-prev .prev {
  position: relative;
  width: 30px;
  width: 1.875rem;
  height: 30px;
  height: 1.875rem;
  margin: 0;
}
.pager .next-prev .next:before,
.pager .next-prev .prev:before {
  content: "";
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome;
  font-size: 18px;
  font-size: 1.125rem;
  width: 30px;
  width: 1.875rem;
  height: 30px;
  height: 1.875rem;
  text-align: center;
  text-decoration: none;
  border-radius: 50px;
  border-radius: 3.125rem;
}
.pager .next-prev .next:before {
  content: "\f054";
}
.pager .next-prev .prev:before {
  content: "\f053";
}
.pager .next-prev:hover .next, .pager .next-prev:focus .next {
  background: var(--pager-item-bg-color-hover);
}
.pager .next-prev:hover .next:before, .pager .next-prev:focus .next:before {
  color: var(--pager-item-text-color-hover);
}
.pager .next-prev:hover .prev, .pager .next-prev:focus .prev {
  background: var(--pager-item-bg-color-hover);
}
.pager .next-prev:hover .prev:before, .pager .next-prev:focus .prev:before {
  color: var(--pager-item-text-color-hover);
}

:root {
  --sp-banner-background-color: transparent;
  --sp-banner-title-color: #1a1a1a;
}
:root .dark-mode {
  --sp-banner-background-color: #414141;
  --sp-banner-title-color: #fff;
}

.sp-banner-wrapper {
  position: relative;
  background-color: var(--sp-banner-background-color);
  width: auto;
  max-width: calc(100% - 35px);
  max-width: calc(100% - 2.1875rem);
  margin: 0 auto;
  width: 1720px;
  width: 107.5rem;
}
@media all and (min-width: 640px) {
  .sp-banner-wrapper {
    max-width: calc(100% - 40px);
    max-width: calc(100% - 2.5rem);
  }
}
.sp-banner-wrapper--center-text * {
  justify-content: center;
}
.sp-banner-wrapper h1 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  padding: 0;
  margin: 35px auto 0;
  margin: 2.1875rem auto 0;
  color: var(--sp-banner-title-color);
  align-items: center;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 32px;
  font-size: 1.875rem;
  line-height: 2rem;
  letter-spacing: normal;
}

.header-detail {
  margin: 15px 0 25px;
  margin: 0.9375rem 0 1.5625rem;
  font-size: 18px;
  font-size: 1.125rem;
  color: #1a1a1a;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500;
}

.last-updated {
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
}
.last-updated__date-updated {
  color: #487a37;
}
.last-updated__refresh-btn {
  margin-left: 20px;
  margin-left: 1.25rem;
  vertical-align: middle;
  cursor: pointer;
  background: transparent;
  border: 0;
  transform-origin: 53% 45%;
  opacity: 0.4;
  transform: rotate(0);
  transition: all 0.33s ease;
}
.last-updated__refresh-btn:hover, .last-updated__refresh-btn:focus {
  opacity: 1;
  transform: rotate(180deg);
}

:root {
  --breadcrumb-caption-color: #fff;
  --breadcrumb-title-color: #fff;
  --breadcrumb-item-color: #1a1a1a;
  --breadcrumb-link-color: #1a1a1a;
  --breadcrumb-link-color-hover: #1a1a1a;
  --breadcrumb-link-color-active: #1a1a1a;
  --breadcrumb-link-divider: #d9d9d9;
}
:root .dark-mode {
  --breadcrumb-text-color: #000;
  --breadcrumb-title-color: #000;
}

.breadcrumbs-container {
  position: relative;
  width: auto;
  max-width: calc(100% - 35px);
  max-width: calc(100% - 2.1875rem);
  margin: 0 auto;
  width: 1720px;
  width: 107.5rem;
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media all and (min-width: 640px) {
  .breadcrumbs-container {
    max-width: calc(100% - 40px);
    max-width: calc(100% - 2.5rem);
  }
}

.breadcrumb {
  position: relative;
  padding: 0;
}
.breadcrumb li {
  position: relative;
  display: inline-block;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  font-size: 1rem;
  line-height: 1.875rem;
  letter-spacing: normal;
}
.breadcrumb li::after {
  content: "/";
  position: relative;
  display: inline-block;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 30px;
  font-size: 1rem;
  line-height: 1.875rem;
  letter-spacing: normal;
  color: var(--breadcrumb-link-divider);
  margin: 0 5px;
  margin: 0 0.3125rem;
}
.breadcrumb li:last-of-type {
  margin-right: 0;
}
.breadcrumb li:last-of-type::after {
  content: none;
}
.breadcrumb a {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  color: var(--breadcrumb-link-color);
  text-decoration: none;
}
.breadcrumb a:hover, .breadcrumb a:focus {
  color: var(--breadcrumb-link-color-hover);
  text-decoration: underline;
}

:root {
  --subnavigation-caption-color: #fff;
  --subnavigation-title-color: #fff;
  --subnavigation-link-color: #737373;
  --subnavigation-link-color-hover: #1a1a1a;
  --subnavigation-link-color-active: #1a1a1a;
  --subnavigation-link-border-color: #818181;
  --subnavigation-link-border-color-hover: #818181;
  --subnavigation-link-border-color-active: #a60b33;
  --subnavigation-more-toggle-color: #1a1a1a;
  --subnavigation-bg-color-desktop: transparent;
  --subnavigation-bg-color-mobile: #ffffff;
}
:root .dark-mode {
  --subnavigation-caption-color: #fff;
  --subnavigation-title-color: #fff;
  --subnavigation-link-color: #737373;
  --subnavigation-link-color-hover: #1a1a1a;
  --subnavigation-link-color-active: #1a1a1a;
  --subnavigation-link-border-color: #818181;
  --subnavigation-link-border-color-hover: #818181;
  --subnavigation-more-toggle-color: #1a1a1a;
  --subnavigation-bg-color-desktop: transparent;
  --subnavigation-bg-color-mobile: #ffffff;
}

.subnavigation {
  position: relative;
  width: auto;
  max-width: calc(100% - 35px);
  max-width: calc(100% - 2.1875rem);
  margin: 0 auto;
  width: 1720px;
  width: 107.5rem;
  margin: 40px auto;
  margin: 2.5rem auto;
}
@media all and (min-width: 640px) {
  .subnavigation {
    max-width: calc(100% - 40px);
    max-width: calc(100% - 2.5rem);
  }
}
@media all and (min-width: 1024px) {
  .subnavigation {
    margin: 40px auto 0;
    margin: 2.5rem auto 0;
  }
}
.subnavigation + main .main-content {
  padding-top: 0;
}
@media all and (min-width: 1024px) {
  .subnavigation + main .main-content {
    padding-top: 50px;
    padding-top: 3.125rem;
  }
}
body.landing-page .subnavigation {
  background: var(--subnavigation-lp-bg-color);
  margin: 0 auto 30px;
  margin: 0 auto 1.875rem;
  width: 100%;
  max-width: 100%;
}
@media all and (min-width: 1024px) {
  body.landing-page .subnavigation {
    display: inline-flex;
    align-items: baseline;
    padding: 35px 60px 20px;
    padding: 2.1875rem 3.75rem 1.25rem;
    margin: 0 auto 70px;
    margin: 0 auto 4.375rem;
  }
}
body.landing-page .subnavigation__title {
  display: block;
  border-radius: 0;
  margin: 0;
  background: transparent;
  color: white;
  text-align: center;
  padding: 18px 20px;
  padding: 1.125rem 1.25rem;
}
@media all and (min-width: 1024px) {
  body.landing-page .subnavigation__title {
    display: inline-flex;
    align-items: flex-end;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: normal;
    color: var(--subnavigation-lp-title-color);
    min-width: 225px;
    min-width: 14.0625rem;
    padding: 0;
    box-shadow: none;
    text-align: left;
  }
}
body.landing-page .subnavigation__title::before {
  position: relative;
  display: inline-block;
  background: url(/themes/Atlas/assets/dist/images/icn-more.svg) no-repeat;
  background-size: contain;
  width: 31px;
  width: 1.9375rem;
  height: 16px;
  height: 1rem;
  margin-right: 10px;
  margin-right: 0.625rem;
  content: "";
}
body.landing-page .subnavigation ul {
  background: var(--subnavigation-lp-bg-color-mobile);
  padding: 70px 20px 20px;
  padding: 4.375rem 1.25rem 1.25rem;
  text-align: center;
}
@media all and (min-width: 1024px) {
  body.landing-page .subnavigation ul {
    position: relative;
    background: var(--subnavigation-lp-bg-color-desktop);
    text-align: left;
    padding: 0;
    margin: 0 0 0 35px;
    margin: 0 0 0 2.1875rem;
    top: -7px;
    top: -0.4375rem;
    width: 100%;
  }
}
@media all and (min-width: 1024px) {
  body.landing-page .subnavigation ul {
    margin: 0 0 0 70px;
    margin: 0 0 0 4.375rem;
  }
}
body.landing-page .subnavigation li {
  margin-right: 0;
}
@media all and (min-width: 1024px) {
  body.landing-page .subnavigation li {
    width: calc(50% - 40px);
    width: calc(50% - 2.5rem);
    margin-right: 30px;
    margin-right: 1.875rem;
  }
}
@media all and (min-width: 1024px) {
  body.landing-page .subnavigation li {
    width: calc(33% - 40px);
    width: calc(33% - 2.5rem);
  }
}
@media all and (min-width: 1200px) {
  body.landing-page .subnavigation li {
    width: calc(25% - 40px);
    width: calc(25% - 2.5rem);
  }
}
body.landing-page .subnavigation li.active a::after {
  color: white;
}
body.landing-page .subnavigation span.more::before {
  color: var(--subnavigation-lp-more-toggle-color);
}
body.landing-page .subnavigation a {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  font-size: 1.0625rem;
  line-height: 1.5rem;
  letter-spacing: normal;
  color: var(--subnavigation-lp-link-color);
}
body.landing-page .subnavigation a:hover, body.landing-page .subnavigation a:focus {
  color: var(--subnavigation-lp-link-color-hover);
}
body.landing-page .subnavigation a:hover::after, body.landing-page .subnavigation a:focus::after {
  color: white;
  margin-left: 12px;
  margin-left: 0.75rem;
}
body.landing-page .subnavigation a::after {
  position: absolute;
  display: inline-block;
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome;
  font-weight: 700;
  color: #737373;
  border: 0;
  height: auto;
  width: auto;
  opacity: 1;
  margin-left: 7px;
  margin-left: 0.4375rem;
  content: "\f061";
  transition: all 0.25s ease-in-out;
}

.subnavigation__title {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: normal;
  letter-spacing: normal;
  background: white;
  color: #262626;
  border-radius: 5px;
  border-radius: 0.3125rem;
  padding: 18px 20px 10px;
  padding: 1.125rem 1.25rem 0.625rem;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.15);
}
@media all and (min-width: 1024px) {
  .subnavigation__title {
    display: none;
  }
}
.subnavigation h2:not(.subnavigation__title) {
  display: none;
}
.subnavigation.active h2 {
  box-shadow: none;
}
.subnavigation.active ul {
  display: block;
}
.subnavigation.active span.more:before {
  content: "\f077";
}
.subnavigation ul {
  display: none;
  background: var(--subnavigation-bg-color-mobile);
  padding: 50px 20px 20px;
  padding: 3.125rem 1.25rem 1.25rem;
  margin: -50px 0 0;
  margin: -3.125rem 0 0;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.15);
}
@media all and (min-width: 1024px) {
  .subnavigation ul {
    display: block;
    background: var(--subnavigation-bg-color-desktop);
    padding: 0;
    margin: 0;
    box-shadow: none;
  }
}
.subnavigation li {
  display: block;
  margin-right: 30px;
  margin-right: 1.875rem;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
@media all and (min-width: 1024px) {
  .subnavigation li {
    display: inline-block;
  }
}
.subnavigation li:last-of-type {
  margin-right: 0;
}
.subnavigation li.active a {
  color: var(--subnavigation-link-color-active);
}
.subnavigation li.active a::after {
  opacity: 1;
  border-color: var(--subnavigation-link-border-color-active);
}
.subnavigation span.more {
  position: absolute;
  display: block;
  top: 8px;
  top: 0.5rem;
  width: 100%;
  text-align: right;
  padding: 0 20px;
  padding: 0 1.25rem;
  cursor: pointer;
}
@media all and (min-width: 1024px) {
  .subnavigation span.more {
    display: none;
  }
}
.subnavigation span.more:before {
  content: "\f078";
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--subnavigation-more-toggle-color);
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome;
  font-size: 18px;
  line-height: 34px;
  font-size: 1.125rem;
  line-height: 2.125rem;
  letter-spacing: normal;
  font-weight: 700;
}
.subnavigation a {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: normal;
  color: var(--subnavigation-link-color);
  text-decoration: none;
}
@media all and (min-width: 1024px) {
  .subnavigation a {
    font-size: 22px;
    line-height: 30px;
    font-size: 1.375rem;
    line-height: 1.875rem;
    letter-spacing: normal;
  }
}
.subnavigation a::after {
  content: "";
  position: relative;
  display: block;
  height: 1px;
  height: 0.0625rem;
  width: 100%;
  border-bottom: 1px solid var(--subnavigation-link-border-color);
  border-bottom: 0.0625rem solid var(--subnavigation-link-border-color);
  border-radius: 30px;
  border-radius: 1.875rem;
  transition: all 0.33s ease-in-out;
  opacity: 0.3;
}
@media all and (min-width: 1024px) {
  .subnavigation a::after {
    height: 3px;
    height: 0.1875rem;
    border-bottom: 3px solid var(--subnavigation-link-border-color);
    border-bottom: 0.1875rem solid var(--subnavigation-link-border-color);
  }
}
.subnavigation a:hover, .subnavigation a:focus {
  color: var(--subnavigation-link-color-hover);
}
.subnavigation a:hover::after, .subnavigation a:focus::after {
  border-color: var(--subnavigation-link-border-color-hover);
  opacity: 1;
}
.subnavigation .ul2 {
  display: none !important;
}

:root {
  --team-name-color: #1a1a1a;
  --team-title-color: #1a1a1a;
  --team-link-color: #1a1a1a;
  --team-link-color-hover: #cccccc;
}
:root .dark-mode {
  --bc-background-color: #efefef;
  --bc-text-color: #1a1a1a;
}

.employees__employee {
  width: 100%;
}
.employees__employee::before {
  content: none;
}
.employees__employee:hover figure::before, .employees__employee:focus figure::before {
  border: 15px solid rgba(255, 255, 255, 0.35);
  border: 0.9375rem solid rgba(255, 255, 255, 0.35);
}
.employees__employee:hover .employees__employee--link::after, .employees__employee:focus .employees__employee--link::after {
  width: 100%;
}
.employees__employee figure::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0px solid rgba(255, 255, 255, 0.5);
  border: 0 solid rgba(255, 255, 255, 0.5);
  top: 0;
  left: 0;
  transition: all 0.25s ease-in-out;
}
.employees__employee--name {
  color: var(--team-name-color) !important;
  margin-bottom: 0 !important;
}
.employees__employee--name::after {
  display: none !important;
}
.employees__employee--title {
  color: var(--team-title-color);
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: normal;
  margin-bottom: 7px;
  margin-bottom: 0.4375rem;
}
.employees__employee--link {
  position: relative;
  color: var(--team-link-color);
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
}
.employees__employee--link::before {
  content: none;
}
.employees__employee--link::after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  height: 0.125rem;
  background: black;
  bottom: 5px;
  bottom: 0.3125rem;
  left: 0;
  transition: all 0.25s ease-in-out;
}

.employee-modal {
  text-align: left;
}
.employee-modal .employees__employee--image {
  border-radius: 10px;
  border-radius: 0.625rem;
  overflow: hidden;
}
@media (min-width: 1300px) {
  .employee-modal .employees__employee--image {
    min-width: 240px;
    min-width: 15rem;
    margin-right: 25px !important;
    margin-right: 1.5625rem !important;
  }
}
.employee-modal .employees__employee--name {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  font-size: 1.875rem;
  line-height: 2.25rem;
  letter-spacing: normal;
}
.employee-modal .employees__employee--title {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  font-size: 1.5rem;
  line-height: 1.875rem;
  letter-spacing: normal;
}
.employee-modal .summary {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: normal;
}
.employee-modal a.btn-connect {
  color: #009696;
  font-size: 30px;
  line-height: 40px;
  font-size: 1.875rem;
  line-height: 2.5rem;
  letter-spacing: normal;
}
.employee-modal a.btn-connect:hover, .employee-modal a.btn-connect:focus {
  color: var(--team-link-color-hover);
}

.employee-info {
  text-align: left !important;
  padding: 60px 40px 80px;
  padding: 3.75rem 2.5rem 5rem;
}
@media (min-width: 1300px) {
  .employee-info {
    display: inline-flex;
    width: 100%;
  }
}

:root {
  --news-item-border: #1a1a1a;
  --news-item-heading-color: #1a1a1a;
  --news-item-text-color: #1a1a1a;
  --news-item-link-color: #1a1a1a;
  --news-item-link-color-hover: #cccccc;
  --news-view-all-link-color: #1a1a1a;
  --news-view-all-link-color-hover: #cccccc;
}
:root .dark-mode {
  --news-item-border: #1a1a1a;
  --news-item-heading-color: #1a1a1a;
  --news-item-text-color: #1a1a1a;
  --news-item-link-color: #1a1a1a;
  --news-item-link-color-hover: #cccccc;
  --news-view-all-link-color: #1a1a1a;
  --news-view-all-link-color-hover: #cccccc;
}

.featured-news,
.news-posts {
  width: 100%;
  max-width: 1588px;
  max-width: 99.25rem;
  padding: 0 50px 55px;
  padding: 0 3.125rem 3.4375rem;
  margin: 58px auto 0;
  margin: 3.625rem auto 0;
}
.news-posts {
  margin-top: 0;
  padding: 0 0 55px;
  padding: 0 0 3.4375rem;
}
@media (min-width: 768px) {
  .news-posts .news-items .news-item {
    width: calc(33% - 30px) !important;
    width: calc(33% - 1.875rem) !important;
  }
}
.news-posts .news-items .news-item:last-of-type {
  margin-right: 30px !important;
  margin-right: 1.875rem !important;
}
.news-posts .news-items .news-item .news-item-info .date-title {
  width: 100%;
}
.news-posts .news-items .news-item .news-item-info .date-title .news-item-date {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.news-posts .news-items .news-item .news-item-info .date-title h2 {
  min-height: auto !important;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

.featured-news h2,
.news-posts h2 {
  margin-bottom: 0;
}
.featured-news .group,
.news-posts .group {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}
@media (min-width: 768px) {
  .featured-news .news-items,
  .news-posts .news-items {
    display: inline-flex;
    justify-content: space-between;
    padding-bottom: 60px;
    padding-bottom: 3.75rem;
    flex-wrap: wrap;
    width: 100%;
  }
}
.featured-news .news-items .news-item,
.news-posts .news-items .news-item {
  width: 100%;
}
@media (min-width: 768px) {
  .featured-news .news-items .news-item,
  .news-posts .news-items .news-item {
    padding-bottom: 0;
    width: calc(33% - 20px);
    width: calc(33% - 1.25rem);
  }
}
.news-posts .news-items .news-item {
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
  border-bottom: 1px solid var(--news-item-border);
  border-bottom: 0.0625rem solid var(--news-item-border);
}

.featured-news .news-items .news-item .news-item-info,
.news-posts .news-items .news-item .news-item-info {
  display: inline-flex;
  flex-wrap: wrap;
}
.featured-news .news-items .news-item .news-item-info .news-item-date,
.news-posts .news-items .news-item .news-item-info .news-item-date {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 12px;
  font-size: 0.875rem;
  line-height: 0.75rem;
  letter-spacing: normal;
}
.featured-news .news-items .news-item .news-item-info h2,
.featured-news .news-items .news-item .news-item-info h3,
.news-posts .news-items .news-item .news-item-info h2,
.news-posts .news-items .news-item .news-item-info h3 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 21px;
  line-height: 24px;
  font-size: 1.3125rem;
  line-height: 1.5rem;
  letter-spacing: normal;
  color: var(--news-heading-text-color);
  min-height: 48px;
  min-height: 3rem;
}
.featured-news .news-items .news-item .news-item-info p,
.news-posts .news-items .news-item .news-item-info p {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: normal;
  color: var(--news-item-text-color);
  margin-top: 0;
  margin-bottom: 23px;
  margin-bottom: 1.4375rem;
}
.featured-news .news-items .news-item .news-item-info .news-item-read-more a,
.news-posts .news-items .news-item .news-item-info .news-item-read-more a {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: normal;
  color: var(--news-item-link-color);
}
.featured-news .news-items .news-item .news-item-info .news-item-read-more a:hover, .featured-news .news-items .news-item .news-item-info .news-item-read-more a:focus,
.news-posts .news-items .news-item .news-item-info .news-item-read-more a:hover,
.news-posts .news-items .news-item .news-item-info .news-item-read-more a:focus {
  color: var(--news-item-link-color-hover);
}
.featured-news .view-all-news a,
.news-posts .view-all-news a {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: normal;
  color: var(--news-view-all-link-color);
  text-transform: uppercase;
}
.featured-news .view-all-news a:hover, .featured-news .view-all-news a:focus,
.news-posts .view-all-news a:hover,
.news-posts .view-all-news a:focus {
  color: var(--news-view-all-link-color-hover);
}

.news-detail-image {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.news-detail-image img {
  width: 100%;
}

:root {
  --calendar-prev-next-color: #464646;
  --calendar-prev-next-color-hover: #1a1a1a;
  --calendar-text-color: #1a1a1a;
  --calendar-other-month-bg: #f5f5f5;
  --calendar-other-month-text-color: #a7a7a7;
  --calendar-link-color: #464646;
  --calendar-link-color-hover: #1a1a1a;
}
:root .dark-mode {
  --calendar-prev-next-color: #464646;
  --calendar-prev-next-color-hover: #1a1a1a;
  --calendar-text-color: #1a1a1a;
  --calendar-other-month-bg: #f5f5f5;
  --calendar-other-month-text-color: #a7a7a7;
  --calendar-link-color: #464646;
  --calendar-link-color-hover: #1a1a1a;
}

.events-calendar-view h2 {
  margin: 0 15px;
  margin: 0 0.9375rem;
}
.events-calendar-view .events-month-nav {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 15px;
  padding: 0 0.9375rem;
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
  text-align: center;
}
.events-calendar-view .events-month-nav .prev-month,
.events-calendar-view .events-month-nav .next-month {
  position: relative;
  color: var(--calendar-prev-next-color);
  font-size: 20px;
  line-height: 30px;
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: normal;
  font-weight: 700;
  text-decoration: none;
}
.events-calendar-view .events-month-nav .prev-month:hover, .events-calendar-view .events-month-nav .prev-month:focus,
.events-calendar-view .events-month-nav .next-month:hover,
.events-calendar-view .events-month-nav .next-month:focus {
  color: var(--calendar-prev-next-color-hover);
}
.events-calendar-view .events-month-nav .prev-month::before,
.events-calendar-view .events-month-nav .next-month::before {
  content: "";
  position: absolute;
  display: inline-block;
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  top: -15px;
  top: -0.9375rem;
}
@media all and (min-width: 1024px) {
  .events-calendar-view .events-month-nav .prev-month::before,
  .events-calendar-view .events-month-nav .next-month::before {
    top: -5px;
    top: -0.3125rem;
  }
}
.events-calendar-view .events-month-nav .prev-month span,
.events-calendar-view .events-month-nav .next-month span {
  display: none;
}
@media all and (min-width: 1024px) {
  .events-calendar-view .events-month-nav .prev-month span,
  .events-calendar-view .events-month-nav .next-month span {
    display: block;
  }
}
.events-calendar-view .events-month-nav .prev-month {
  margin-right: 15px;
  margin-right: 0.9375rem;
}
.events-calendar-view .events-month-nav .prev-month::before {
  content: "\f053";
  left: -20px;
  left: -1.25rem;
}
.events-calendar-view .events-month-nav .next-month {
  margin-left: 15px;
  margin-left: 0.9375rem;
}
.events-calendar-view .events-month-nav .next-month::before {
  content: "\f054";
  right: -20px;
  right: -1.25rem;
}
.events-calendar-view .events-month-nav .month-year,
.events-calendar-view .events-month-nav > span {
  display: inline-block;
  color: var(--calendar-text-color);
  font-size: 30px;
  line-height: 30px;
  font-size: 1.875rem;
  line-height: 1.875rem;
  letter-spacing: normal;
  font-weight: 700;
  margin: 0 5px;
  margin: 0 0.3125rem;
}
.events-calendar-view table.events-calendar thead tr th {
  border-color: transparent;
  text-align: center;
}
@media all and (min-width: 1024px) {
  .events-calendar-view table.events-calendar tbody tr {
    height: 100px;
    height: 6.25rem;
  }
}
.events-calendar-view table.events-calendar tbody tr:empty {
  display: none !important;
}
.events-calendar-view table.events-calendar tbody td.other-month {
  color: var(--calendar-other-month-text-color);
}
@media all and (min-width: 1024px) {
  .events-calendar-view table.events-calendar tbody td.other-month {
    background: var(--calendar-other-month-bg);
  }
}
.events-calendar-view table.events-calendar tbody td {
  text-align: left;
  vertical-align: top;
  width: 100% !important;
  padding: 20px;
  padding: 1.25rem;
}
@media all and (min-width: 1024px) {
  .events-calendar-view table.events-calendar tbody td {
    width: 14.2857% !important;
  }
}
.events-calendar-view table.events-calendar tbody td .cell-content {
  width: 100%;
}
.events-calendar-view table.events-calendar tbody td .day-content {
  padding-top: 10px;
  padding-top: 0.625rem;
}
.events-calendar-view table.events-calendar tbody td .day-content a {
  display: block;
  color: var(--calendar-link-color);
  font-size: 15px;
  line-height: 18px;
  font-size: 0.9375rem;
  line-height: 1.125rem;
  letter-spacing: normal;
  font-weight: 700;
  margin-top: 10px;
  margin-top: 0.625rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  padding-top: 10px;
  padding-top: 0.625rem;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
  border-bottom: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-top: 0.0625rem solid rgba(0, 0, 0, 0.15);
}
.events-calendar-view table.events-calendar tbody td .day-content a:hover, .events-calendar-view table.events-calendar tbody td .day-content a:focus {
  color: var(--calendar-link-color-hover);
}
.events-calendar-view table.events-calendar tbody td .day-content a:first-of-type {
  padding-bottom: 0;
  margin-top: 0;
  border-top: 0;
}

:root {
  /* Step colors for steps that were already completed */
  --step-background: #367c2c;
  --step-border-color: green;
  --step-color: #fff;
  /* Step colors for incomplete steps */
  --step-background-incomplete: #bbb;
  /* Step colors for current */
  --step-background-active: #ffffff;
  --step-border-color-active: #367c2c;
  --step-color-active: #367c2c;
  /* Step colors for completed steps */
  --step-background-complete: #367c2c;
  --step-border-color-complete: #367c2c;
  --step-color-completed: #ffffff;
}

.sp-banner-wrapper .steps__desktop {
  display: none;
}
@media all and (min-width: 1300px) {
  .sp-banner-wrapper .steps__desktop {
    display: flex;
  }
}
.sp-banner-wrapper .steps__mobile {
  display: block;
}
@media all and (min-width: 1300px) {
  .sp-banner-wrapper .steps__mobile {
    display: none;
  }
}
.sp-banner-wrapper .steps__mobile .form-field {
  margin-left: 0px;
  margin-left: 0;
}
.sp-banner-wrapper .steps__mobile--select {
  background-image: url("/themes/Atlas/assets/dist/images/icn-arrow.png");
  border: 2px solid #367c2c;
  border: 0.125rem solid #367c2c;
  font-weight: 700;
  color: #367c2c;
  font-size: 14px;
  font-size: 0.875rem;
}

.steps {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  list-style: none;
  margin: 20px 0 0px;
  margin: 1.25rem 0 0;
  padding: 0 0 50px 0;
  padding: 0 0 3.125rem 0;
}
.steps:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 3px;
  height: 0.1875rem;
  width: 100vw;
  background: #367c2c;
}

.step__indicator {
  position: relative;
  z-index: 1;
  width: 70px;
  width: 4.375rem;
  height: 2px;
  height: 0.125rem;
  background: var(--step-border-color);
}
.step__indicator:before {
  content: "";
  position: relative;
  top: 50%;
  transform: translateY(-50%) translate(-50%);
  left: 50%;
  display: block;
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
  z-index: 2;
  border-radius: 50%;
  background: #fff url("/themes/Atlas/assets/dist/images/next-step-icon.svg") no-repeat center;
  background-size: contain;
}
.step__button {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  position: relative;
  text-align: center;
  width: 160px;
  width: 10rem;
  font-size: 14px;
  font-size: 0.875rem;
  z-index: 2;
  border-radius: 5px;
  border-radius: 0.3125rem;
  padding: 10px 0;
  padding: 0.625rem 0;
  white-space: nowrap;
  border: 2px solid var(--step-border-color);
  border: 0.125rem solid var(--step-border-color);
  background-color: var(--step-background);
  color: var(--step-color);
  transition: all 0.33s ease-in-out;
  cursor: pointer;
}
.step__button:not([disabled]):hover, .step__button:not([disabled]):active {
  cursor: pointer;
  background-color: var(--step-border-color);
}
.step__button:disabled {
  background-color: var(--step-background-incomplete);
}
.step--active .step__button {
  background-color: var(--step-background-active);
  border: 2px solid var(--step-border-color-active);
  border: 0.125rem solid var(--step-border-color-active);
  color: var(--step-color-active);
}
.step--active .step__button:not([disabled]):hover, .step--active .step__button:not([disabled]):active {
  cursor: pointer;
  background-color: var(--step-border-color-active);
  color: #fff;
}
.step--completed .step__button {
  background-color: var(--step-background-complete);
  border: 2px solid var(--step-border-color-complete);
  border: 0.125rem solid var(--step-border-color-complete);
  color: var(--step-color-completed);
  cursor: pointer !important;
}
.step--completed .step__button:not([disabled]):hover, .step--completed .step__button:not([disabled]):active {
  cursor: default;
  background: var(--step-background-complete);
  color: #fff;
}
.step--completed + .step__indicator {
  background: var(--step-border-color-complete);
}
.step--completed + .step__indicator:before {
  background-image: url("/themes/Atlas/assets/dist/images/completed-step-icon.svg");
}

.fulfillment-screen {
  position: relative;
  left: 0;
  pointer-events: none;
  width: 100%;
  transition: 0s;
  opacity: 0;
  display: none;
}
.fulfillment-screen.active {
  opacity: 1;
  pointer-events: all;
  transition: 0.33s ease-in-out;
  display: block;
}

@media print {
  main {
    margin: 0;
    width: 100%;
    max-width: none;
  }
  thead tr {
    display: table-row !important;
  }
  thead td {
    width: auto;
  }
  .sales-table-filters,
  .sales-list.filter-box,
  td:last-child,
  td:first-child,
  th:last-child,
  th:first-child,
  .button.button--primary.show-more {
    display: none !important;
  }
  td:nth-child(13),
  td:nth-child(14) {
    max-width: 250px;
    max-width: 15.625rem;
  }
  table {
    max-width: 100%;
  }
  tr {
    display: table-row;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
  td,
  th {
    display: table-cell !important;
    white-space: nowrap;
    padding: 4px !important;
    padding: 0.25rem !important;
  }
  td:nth-child(13),
  td:nth-child(14),
  th:nth-child(13),
  th:nth-child(14) {
    width: 200px;
    width: 12.5rem;
    white-space: normal;
  }
  span.cell-content {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    text-align: left !important;
  }
  span.cell-heading {
    display: none !important;
  }
}
.equipment-transfer-details {
  padding: 30px 40px;
  padding: 1.875rem 2.5rem;
}
.equipment-transfer-details__title {
  padding-left: 40px;
  padding-left: 2.5rem;
}
@media print {
  .equipment-transfer-details__title {
    padding-left: 25px;
    padding-left: 1.5625rem;
  }
}
.equipment-transfer-details__info {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
.equipment-transfer-details__label {
  display: block;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
  font-weight: bold;
}
body.sales-list .sp-banner-wrapper {
  margin-top: 5px;
  margin-top: 0.3125rem;
}
body.sales-list .sp-banner-wrapper h1 {
  display: none;
}
body.sales-list .filter-box {
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}