@charset "UTF-8";
/* styles2021.scss */
.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: none;
  overflow: hidden;
}

.glightbox-container.inactive {
  display: none;
}

.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
}

.glightbox-container .gslider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  opacity: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
}

.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative;
}

.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999;
}

.glightbox-container .gslide-inner-content {
  width: 100%;
}

.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh;
}

.glightbox-container .ginner-container.gvideo-container {
  width: 100%;
}

.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
  max-width: 100% !important;
}

.gslide iframe,
.gslide video {
  outline: none !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto;
}

.gslide:not(.current) {
  pointer-events: none;
}

.gslide-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.gslide-image img {
  max-height: 100vh;
  display: block;
  padding: 0;
  float: none;
  outline: none;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-touch-action: none;
  touch-action: none;
  margin: auto;
  min-width: 200px;
}

.desc-top .gslide-image img,
.desc-bottom .gslide-image img {
  width: auto;
}

.desc-left .gslide-image img,
.desc-right .gslide-image img {
  width: auto;
  max-width: 100%;
}

.gslide-image img.zoomable {
  position: relative;
}

.gslide-image img.dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}

.gslide-video {
  position: relative;
  max-width: 100vh;
  width: 100% !important;
}

.gslide-video .gvideo-wrapper {
  width: 100%;
  /* max-width: 160vmin; */
  margin: auto;
}

.gslide-video::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none;
}

.gslide-video.playing::before {
  display: none;
}

.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 75vh;
}

.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important;
}

.gslide-inline {
  background: #fff;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
  max-width: 100%;
}

.gslide-inline .ginlined-content {
  padding: 20px;
  width: 100%;
}

.gslide-inline .dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}

.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1;
}

.gslide-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%;
}

.gslide-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}

.zoomed .gslide-media {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.desc-top .gslide-media,
.desc-bottom .gslide-media {
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gslide-description {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}

.gslide-description.description-left,
.gslide-description.description-right {
  max-width: 100%;
}

.gslide-description.description-bottom,
.gslide-description.description-top {
  margin: 0 auto;
  width: 100%;
}

.gslide-description p {
  margin-bottom: 12px;
}

.gslide-description p:last-child {
  margin-bottom: 0;
}

.zoomed .gslide-description {
  display: none;
}

.glightbox-button-hidden {
  display: none;
}

/*
 * Description for mobiles
 * something like facebook does the description
 * for the photos
*/
.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  background: transparent;
  position: absolute;
  bottom: 0;
  padding: 19px 11px;
  max-width: 100vw !important;
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  padding-bottom: 50px;
}

.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em;
  margin: 0;
}

.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1;
}

.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: bold;
}

.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit;
}

.glightbox-mobile .glightbox-container .gslide-desc string {
  color: #fff;
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: 0.4;
}

.gdesc-open .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0.4;
}

.gdesc-open .gdesc-inner {
  padding-bottom: 30px;
}

.gdesc-closed .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
}

.greset {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.gabsolute {
  position: absolute;
}

.grelative {
  position: relative;
}

.glightbox-desc {
  display: none !important;
}

.glightbox-open {
  overflow: hidden;
}

.gloader {
  height: 25px;
  width: 25px;
  -webkit-animation: lightboxLoader 0.8s infinite linear;
  animation: lightboxLoader 0.8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%;
}

.goverlay {
  width: 100%;
  height: calc(100vh + 1px);
  position: fixed;
  top: -1px;
  left: 0;
  background: #000;
  will-change: opacity;
}

.glightbox-mobile .goverlay {
  background: #000;
}

.gprev,
.gnext,
.gclose {
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gprev svg,
.gnext svg,
.gclose svg {
  display: block;
  width: 25px;
  height: auto;
  margin: 0;
  padding: 0;
}

.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
  opacity: 0.1;
}

.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
  stroke: #fff;
}

.gbtn.focused {
  outline: 2px solid #0f3d81;
}

iframe.wait-autoplay {
  opacity: 0;
}

.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
  opacity: 0 !important;
}

/*Skin */
.glightbox-clean .gslide-description {
  background: #fff;
}

.glightbox-clean .gdesc-inner {
  padding: 22px 20px;
}

.glightbox-clean .gslide-title {
  font-size: 1em;
  font-weight: normal;
  font-family: arial;
  color: #000;
  margin: 0;
  line-height: 1.4em;
}

.glightbox-clean .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em;
}

.glightbox-clean .gslide-video {
  background: #000;
}

.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
}

.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path {
  fill: #fff;
}

.glightbox-clean .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute;
}

.glightbox-clean .gclose svg {
  width: 18px;
  height: auto;
}

.glightbox-clean .gclose:hover {
  opacity: 1;
}

/*CSS Animations*/
.gfadeIn {
  -webkit-animation: gfadeIn 0.5s ease;
  animation: gfadeIn 0.5s ease;
}

.gfadeOut {
  -webkit-animation: gfadeOut 0.5s ease;
  animation: gfadeOut 0.5s ease;
}

.gslideOutLeft {
  -webkit-animation: gslideOutLeft 0.3s ease;
  animation: gslideOutLeft 0.3s ease;
}

.gslideInLeft {
  -webkit-animation: gslideInLeft 0.3s ease;
  animation: gslideInLeft 0.3s ease;
}

.gslideOutRight {
  -webkit-animation: gslideOutRight 0.3s ease;
  animation: gslideOutRight 0.3s ease;
}

.gslideInRight {
  -webkit-animation: gslideInRight 0.3s ease;
  animation: gslideInRight 0.3s ease;
}

.gzoomIn {
  -webkit-animation: gzoomIn 0.5s ease;
  animation: gzoomIn 0.5s ease;
}

.gzoomOut {
  -webkit-animation: gzoomOut 0.5s ease;
  animation: gzoomOut 0.5s ease;
}

@-webkit-keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}
@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-top .gslide-image,
  .glightbox-container .ginner-container.desc-top .gslide-image img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .gslide-image img {
    max-height: 97vh;
    max-width: 100%;
  }
  .gslide-image img.zoomable {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  .zoomed .gslide-image img.zoomable {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .gslide-inline {
    max-height: 95vh;
  }
  .gslide-external {
    max-height: 100vh;
  }
  .gslide-description.description-left,
  .gslide-description.description-right {
    max-width: 275px;
  }
  .glightbox-open {
    height: auto;
  }
  .goverlay {
    background: rgba(0, 0, 0, 0.92);
  }
  .glightbox-clean .gslide-media {
    -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
  }
  .glightbox-clean .description-left .gdesc-inner,
  .glightbox-clean .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto;
  }
  .glightbox-clean .gprev,
  .glightbox-clean .gnext,
  .glightbox-clean .gclose {
    background-color: rgba(0, 0, 0, 0.32);
  }
  .glightbox-clean .gprev:hover,
  .glightbox-clean .gnext:hover,
  .glightbox-clean .gclose:hover {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .glightbox-clean .gprev {
    top: 45%;
  }
  .glightbox-clean .gnext {
    top: 45%;
  }
}
@media (min-width: 992px) {
  .glightbox-clean .gclose {
    opacity: 0.7;
    right: 20px;
  }
}
@media screen and (max-height: 420px) {
  .goverlay {
    background: #000;
  }
}
/* ====================== Transitions ====================== */
/*

=== Use Extend Property (Example below) ===

.header {
  @extend .transition-cubic;
  background: white;
}

*/
.transition-cubic {
  -webkit-transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.transition-fast {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.transition {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.transition-slow {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

/* ====================== Alignment ====================== */
/* Parent element needs position:relative; */
.vert-centered {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Parent element needs position:relative; */
.absolute-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translatex(-50%) translatey(-50%);
  transform: translatex(-50%) translatey(-50%);
}

/* Remove excess margin / padding */
.no-border {
  border: 0;
}

.no-padding {
  padding: 0;
}

.no-margin {
  margin: 0;
}

/* ====================== REM font size with pixel fallback ====================== */
/* === Usage === */
/*p {
  @include font-size(14px)
}*/
/* === Output === */
/*p {
  font-size: 14px; //Will be overridden if browser supports rem
  font-size: 0.8rem;
}*/
/* ====================== Breakpoints ====================== */
/* ==== Usage ==== */
/*.class {
  width: 60%;
  float: left;
  margin: 0 2% 0 0;
  @include bp-small {
    width: 100%;
    float: none;
    margin: 0;
  }
}*/
/* ==== End ==== */
/* ============ Text Color ============ */
.white {
  color: white !important;
}

.invert {
  color: white !important;
}
.invert * {
  color: white !important;
}

.inherit {
  color: inherit !important;
}
.inherit * {
  color: inherit !important;
}

/* ============ Widths ============ */
.w1 {
  width: 1rem;
}

.w2 {
  width: 2rem;
}

.w3 {
  width: 4rem;
}

.w4 {
  width: 8rem;
}

.w5 {
  width: 16rem;
}

.w-10 {
  width: 10%;
}

.w-20 {
  width: 20%;
}

.w-25 {
  width: 25%;
}

.w-30 {
  width: 30%;
}

.w-33 {
  width: 33%;
}

.w-34 {
  width: 34%;
}

.w-40 {
  width: 40%;
}

.w-50 {
  width: 50%;
}

.w-60 {
  width: 60%;
}

.w-70 {
  width: 70%;
}

.w-75 {
  width: 75%;
}

.w-80 {
  width: 80%;
}

.w-90 {
  width: 90%;
}

.w-100 {
  width: 100%;
}

.w-third {
  width: 33.33333%;
}

.w-two-thirds {
  width: 66.66667%;
}

.w-auto {
  width: auto;
}

@media only screen and (min-width: 768px) {
  .w1-s {
    width: 1rem;
  }
  .w2-s {
    width: 2rem;
  }
  .w3-s {
    width: 4rem;
  }
  .w4-s {
    width: 8rem;
  }
  .w5-s {
    width: 16rem;
  }
  .w-10-s {
    width: 10%;
  }
  .w-20-s {
    width: 20%;
  }
  .w-25-s {
    width: 25%;
  }
  .w-30-s {
    width: 30%;
  }
  .w-33-s {
    width: 33%;
  }
  .w-34-s {
    width: 34%;
  }
  .w-40-s {
    width: 40%;
  }
  .w-50-s {
    width: 50%;
  }
  .w-60-s {
    width: 60%;
  }
  .w-70-s {
    width: 70%;
  }
  .w-75-s {
    width: 75%;
  }
  .w-80-s {
    width: 80%;
  }
  .w-90-s {
    width: 90%;
  }
  .w-100-s {
    width: 100%;
  }
  .w-third-s {
    width: 33.33333%;
  }
  .w-two-thirds-s {
    width: 66.66667%;
  }
  .w-auto-s {
    width: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .w1-m {
    width: 1rem;
  }
  .w2-m {
    width: 2rem;
  }
  .w3-m {
    width: 4rem;
  }
  .w4-m {
    width: 8rem;
  }
  .w5-m {
    width: 16rem;
  }
  .w-10-m {
    width: 10%;
  }
  .w-20-m {
    width: 20%;
  }
  .w-25-m {
    width: 25%;
  }
  .w-30-m {
    width: 30%;
  }
  .w-33-m {
    width: 33%;
  }
  .w-34-m {
    width: 34%;
  }
  .w-40-m {
    width: 40%;
  }
  .w-50-m {
    width: 50%;
  }
  .w-60-m {
    width: 60%;
  }
  .w-70-m {
    width: 70%;
  }
  .w-75-m {
    width: 75%;
  }
  .w-80-m {
    width: 80%;
  }
  .w-90-m {
    width: 90%;
  }
  .w-100-m {
    width: 100%;
  }
  .w-third-m {
    width: 33.33333%;
  }
  .w-two-thirds-m {
    width: 66.66667%;
  }
  .w-auto-m {
    width: auto;
  }
}
@media only screen and (min-width: 1440px) {
  .w1-l {
    width: 1rem;
  }
  .w2-l {
    width: 2rem;
  }
  .w3-l {
    width: 4rem;
  }
  .w4-l {
    width: 8rem;
  }
  .w5-l {
    width: 16rem;
  }
  .w-10-l {
    width: 10%;
  }
  .w-20-l {
    width: 20%;
  }
  .w-25-l {
    width: 25%;
  }
  .w-30-l {
    width: 30%;
  }
  .w-33-l {
    width: 33%;
  }
  .w-34-l {
    width: 34%;
  }
  .w-40-l {
    width: 40%;
  }
  .w-50-l {
    width: 50%;
  }
  .w-60-l {
    width: 60%;
  }
  .w-70-l {
    width: 70%;
  }
  .w-75-l {
    width: 75%;
  }
  .w-80-l {
    width: 80%;
  }
  .w-90-l {
    width: 90%;
  }
  .w-100-l {
    width: 100%;
  }
  .w-third-l {
    width: 33.33333%;
  }
  .w-two-thirds-l {
    width: 66.66667%;
  }
  .w-auto-l {
    width: auto;
  }
}
/* ============ Spacing ============ */
.center {
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (min-width: 768px) {
  .center-s {
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .center-m {
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1440px) {
  .center-l {
    margin-right: auto;
    margin-left: auto;
  }
}
.pa0 {
  padding: 0;
}

.pa1 {
  padding: 0.25rem;
}

.pa2 {
  padding: 0.5rem;
}

.pa3 {
  padding: 1rem;
}

.pa4 {
  padding: 2rem;
}

.pa5 {
  padding: 4rem;
}

.pa6 {
  padding: 8rem;
}

.pa7 {
  padding: 16rem;
}

.pl0 {
  padding-left: 0;
}

.pl1 {
  padding-left: 0.25rem;
}

.pl2 {
  padding-left: 0.5rem;
}

.pl3 {
  padding-left: 1rem;
}

.pl4 {
  padding-left: 2rem;
}

.pl5 {
  padding-left: 4rem;
}

.pl6 {
  padding-left: 8rem;
}

.pl7 {
  padding-left: 16rem;
}

.pr0 {
  padding-right: 0;
}

.pr1 {
  padding-right: 0.25rem;
}

.pr2 {
  padding-right: 0.5rem;
}

.pr3 {
  padding-right: 1rem;
}

.pr4 {
  padding-right: 2rem;
}

.pr5 {
  padding-right: 4rem;
}

.pr6 {
  padding-right: 8rem;
}

.pr7 {
  padding-right: 16rem;
}

.pb0 {
  padding-bottom: 0;
}

.pb1 {
  padding-bottom: 0.25rem;
}

.pb2 {
  padding-bottom: 0.5rem;
}

.pb3 {
  padding-bottom: 1rem;
}

.pb4 {
  padding-bottom: 2rem;
}

.pb5 {
  padding-bottom: 4rem;
}

.pb6 {
  padding-bottom: 8rem;
}

.pb7 {
  padding-bottom: 16rem;
}

.pt0 {
  padding-top: 0;
}

.pt1 {
  padding-top: 0.25rem;
}

.pt2 {
  padding-top: 0.5rem;
}

.pt3 {
  padding-top: 1rem;
}

.pt4 {
  padding-top: 2rem;
}

.pt5 {
  padding-top: 4rem;
}

.pt6 {
  padding-top: 8rem;
}

.pt7 {
  padding-top: 16rem;
}

.pv0 {
  padding-top: 0;
  padding-bottom: 0;
}

.pv1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.pv2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.pv3 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.pv4 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pv5 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.pv6 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.pv7 {
  padding-top: 16rem;
  padding-bottom: 16rem;
}

.ph0 {
  padding-left: 0;
  padding-right: 0;
}

.ph1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.ph2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.ph3 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.ph4 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.ph5 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.ph6 {
  padding-left: 8rem;
  padding-right: 8rem;
}

.ph7 {
  padding-left: 16rem;
  padding-right: 16rem;
}

.ma0 {
  margin: 0;
}

.ma1 {
  margin: 0.25rem;
}

.ma2 {
  margin: 0.5rem;
}

.ma3 {
  margin: 1rem;
}

.ma4 {
  margin: 2rem;
}

.ma5 {
  margin: 4rem;
}

.ma6 {
  margin: 8rem;
}

.ma7 {
  margin: 16rem;
}

.ml0 {
  margin-left: 0;
}

.ml1 {
  margin-left: 0.25rem;
}

.ml2 {
  margin-left: 0.5rem;
}

.ml3 {
  margin-left: 1rem;
}

.ml4 {
  margin-left: 2rem;
}

.ml5 {
  margin-left: 4rem;
}

.ml6 {
  margin-left: 8rem;
}

.ml7 {
  margin-left: 16rem;
}

.mr0 {
  margin-right: 0;
}

.mr1 {
  margin-right: 0.25rem;
}

.mr2 {
  margin-right: 0.5rem;
}

.mr3 {
  margin-right: 1rem;
}

.mr4 {
  margin-right: 2rem;
}

.mr5 {
  margin-right: 4rem;
}

.mr6 {
  margin-right: 8rem;
}

.mr7 {
  margin-right: 16rem;
}

.mb0 {
  margin-bottom: 0;
}

.mb1 {
  margin-bottom: 0.25rem;
}

.mb2 {
  margin-bottom: 0.5rem;
}

.mb3 {
  margin-bottom: 1rem;
}

.mb4 {
  margin-bottom: 2rem;
}

.mb5 {
  margin-bottom: 4rem;
}

.mb6 {
  margin-bottom: 8rem;
}

.mb7 {
  margin-bottom: 16rem;
}

.mt0 {
  margin-top: 0;
}

.mt1 {
  margin-top: 0.25rem;
}

.mt2 {
  margin-top: 0.5rem;
}

.mt3 {
  margin-top: 1rem;
}

.mt4 {
  margin-top: 2rem;
}

.mt5 {
  margin-top: 4rem;
}

.mt6 {
  margin-top: 8rem;
}

.mt7 {
  margin-top: 16rem;
}

.mv0 {
  margin-top: 0;
  margin-bottom: 0;
}

.mv1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.mv2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.mv3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.mv4 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mv5 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.mv6 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.mv7 {
  margin-top: 16rem;
  margin-bottom: 16rem;
}

.mh0 {
  margin-left: 0;
  margin-right: 0;
}

.mh1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mh2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mh3 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mh4 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.mh5 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.mh6 {
  margin-left: 8rem;
  margin-right: 8rem;
}

.mh7 {
  margin-left: 16rem;
  margin-right: 16rem;
}

@media only screen and (min-width: 768px) {
  .pa0-s {
    padding: 0;
  }
  .pa1-s {
    padding: 0.25rem;
  }
  .pa2-s {
    padding: 0.5rem;
  }
  .pa3-s {
    padding: 1rem;
  }
  .pa4-s {
    padding: 2rem;
  }
  .pa5-s {
    padding: 4rem;
  }
  .pa6-s {
    padding: 8rem;
  }
  .pa7-s {
    padding: 16rem;
  }
  .pl0-s {
    padding-left: 0;
  }
  .pl1-s {
    padding-left: 0.25rem;
  }
  .pl2-s {
    padding-left: 0.5rem;
  }
  .pl3-s {
    padding-left: 1rem;
  }
  .pl4-s {
    padding-left: 2rem;
  }
  .pl5-s {
    padding-left: 4rem;
  }
  .pl6-s {
    padding-left: 8rem;
  }
  .pl7-s {
    padding-left: 16rem;
  }
  .pr0-s {
    padding-right: 0;
  }
  .pr1-s {
    padding-right: 0.25rem;
  }
  .pr2-s {
    padding-right: 0.5rem;
  }
  .pr3-s {
    padding-right: 1rem;
  }
  .pr4-s {
    padding-right: 2rem;
  }
  .pr5-s {
    padding-right: 4rem;
  }
  .pr6-s {
    padding-right: 8rem;
  }
  .pr7-s {
    padding-right: 16rem;
  }
  .pb0-s {
    padding-bottom: 0;
  }
  .pb1-s {
    padding-bottom: 0.25rem;
  }
  .pb2-s {
    padding-bottom: 0.5rem;
  }
  .pb3-s {
    padding-bottom: 1rem;
  }
  .pb4-s {
    padding-bottom: 2rem;
  }
  .pb5-s {
    padding-bottom: 4rem;
  }
  .pb6-s {
    padding-bottom: 8rem;
  }
  .pb7-s {
    padding-bottom: 16rem;
  }
  .pt0-s {
    padding-top: 0;
  }
  .pt1-s {
    padding-top: 0.25rem;
  }
  .pt2-s {
    padding-top: 0.5rem;
  }
  .pt3-s {
    padding-top: 1rem;
  }
  .pt4-s {
    padding-top: 2rem;
  }
  .pt5-s {
    padding-top: 4rem;
  }
  .pt6-s {
    padding-top: 8rem;
  }
  .pt7-s {
    padding-top: 16rem;
  }
  .pv0-s {
    padding-top: 0;
    padding-bottom: 0;
  }
  .pv1-s {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .pv2-s {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .pv3-s {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .pv4-s {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .pv5-s {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .pv6-s {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .pv7-s {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
  .ph0-s {
    padding-left: 0;
    padding-right: 0;
  }
  .ph1-s {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .ph2-s {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .ph3-s {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .ph4-s {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .ph5-s {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .ph6-s {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .ph7-s {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .ma0-s {
    margin: 0;
  }
  .ma1-s {
    margin: 0.25rem;
  }
  .ma2-s {
    margin: 0.5rem;
  }
  .ma3-s {
    margin: 1rem;
  }
  .ma4-s {
    margin: 2rem;
  }
  .ma5-s {
    margin: 4rem;
  }
  .ma6-s {
    margin: 8rem;
  }
  .ma7-s {
    margin: 16rem;
  }
  .ml0-s {
    margin-left: 0;
  }
  .ml1-s {
    margin-left: 0.25rem;
  }
  .ml2-s {
    margin-left: 0.5rem;
  }
  .ml3-s {
    margin-left: 1rem;
  }
  .ml4-s {
    margin-left: 2rem;
  }
  .ml5-s {
    margin-left: 4rem;
  }
  .ml6-s {
    margin-left: 8rem;
  }
  .ml7-s {
    margin-left: 16rem;
  }
  .mr0-s {
    margin-right: 0;
  }
  .mr1-s {
    margin-right: 0.25rem;
  }
  .mr2-s {
    margin-right: 0.5rem;
  }
  .mr3-s {
    margin-right: 1rem;
  }
  .mr4-s {
    margin-right: 2rem;
  }
  .mr5-s {
    margin-right: 4rem;
  }
  .mr6-s {
    margin-right: 8rem;
  }
  .mr7-s {
    margin-right: 16rem;
  }
  .mb0-s {
    margin-bottom: 0;
  }
  .mb1-s {
    margin-bottom: 0.25rem;
  }
  .mb2-s {
    margin-bottom: 0.5rem;
  }
  .mb3-s {
    margin-bottom: 1rem;
  }
  .mb4-s {
    margin-bottom: 2rem;
  }
  .mb5-s {
    margin-bottom: 4rem;
  }
  .mb6-s {
    margin-bottom: 8rem;
  }
  .mb7-s {
    margin-bottom: 16rem;
  }
  .mt0-s {
    margin-top: 0;
  }
  .mt1-s {
    margin-top: 0.25rem;
  }
  .mt2-s {
    margin-top: 0.5rem;
  }
  .mt3-s {
    margin-top: 1rem;
  }
  .mt4-s {
    margin-top: 2rem;
  }
  .mt5-s {
    margin-top: 4rem;
  }
  .mt6-s {
    margin-top: 8rem;
  }
  .mt7-s {
    margin-top: 16rem;
  }
  .mv0-s {
    margin-top: 0;
    margin-bottom: 0;
  }
  .mv1-s {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .mv2-s {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .mv3-s {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .mv4-s {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .mv5-s {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .mv6-s {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .mv7-s {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .mh0-s {
    margin-left: 0;
    margin-right: 0;
  }
  .mh1-s {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .mh2-s {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .mh3-s {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .mh4-s {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .mh5-s {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .mh6-s {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .mh7-s {
    margin-left: 16rem;
    margin-right: 16rem;
  }
}
@media only screen and (min-width: 1024px) {
  .pa0-m {
    padding: 0;
  }
  .pa1-m {
    padding: 0.25rem;
  }
  .pa2-m {
    padding: 0.5rem;
  }
  .pa3-m {
    padding: 1rem;
  }
  .pa4-m {
    padding: 2rem;
  }
  .pa5-m {
    padding: 4rem;
  }
  .pa6-m {
    padding: 8rem;
  }
  .pa7-m {
    padding: 16rem;
  }
  .pl0-m {
    padding-left: 0;
  }
  .pl1-m {
    padding-left: 0.25rem;
  }
  .pl2-m {
    padding-left: 0.5rem;
  }
  .pl3-m {
    padding-left: 1rem;
  }
  .pl4-m {
    padding-left: 2rem;
  }
  .pl5-m {
    padding-left: 4rem;
  }
  .pl6-m {
    padding-left: 8rem;
  }
  .pl7-m {
    padding-left: 16rem;
  }
  .pr0-m {
    padding-right: 0;
  }
  .pr1-m {
    padding-right: 0.25rem;
  }
  .pr2-m {
    padding-right: 0.5rem;
  }
  .pr3-m {
    padding-right: 1rem;
  }
  .pr4-m {
    padding-right: 2rem;
  }
  .pr5-m {
    padding-right: 4rem;
  }
  .pr6-m {
    padding-right: 8rem;
  }
  .pr7-m {
    padding-right: 16rem;
  }
  .pb0-m {
    padding-bottom: 0;
  }
  .pb1-m {
    padding-bottom: 0.25rem;
  }
  .pb2-m {
    padding-bottom: 0.5rem;
  }
  .pb3-m {
    padding-bottom: 1rem;
  }
  .pb4-m {
    padding-bottom: 2rem;
  }
  .pb5-m {
    padding-bottom: 4rem;
  }
  .pb6-m {
    padding-bottom: 8rem;
  }
  .pb7-m {
    padding-bottom: 16rem;
  }
  .pt0-m {
    padding-top: 0;
  }
  .pt1-m {
    padding-top: 0.25rem;
  }
  .pt2-m {
    padding-top: 0.5rem;
  }
  .pt3-m {
    padding-top: 1rem;
  }
  .pt4-m {
    padding-top: 2rem;
  }
  .pt5-m {
    padding-top: 4rem;
  }
  .pt6-m {
    padding-top: 8rem;
  }
  .pt7-m {
    padding-top: 16rem;
  }
  .pv0-m {
    padding-top: 0;
    padding-bottom: 0;
  }
  .pv1-m {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .pv2-m {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .pv3-m {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .pv4-m {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .pv5-m {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .pv6-m {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .pv7-m {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
  .ph0-m {
    padding-left: 0;
    padding-right: 0;
  }
  .ph1-m {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .ph2-m {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .ph3-m {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .ph4-m {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .ph5-m {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .ph6-m {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .ph7-m {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .ma0-m {
    margin: 0;
  }
  .ma1-m {
    margin: 0.25rem;
  }
  .ma2-m {
    margin: 0.5rem;
  }
  .ma3-m {
    margin: 1rem;
  }
  .ma4-m {
    margin: 2rem;
  }
  .ma5-m {
    margin: 4rem;
  }
  .ma6-m {
    margin: 8rem;
  }
  .ma7-m {
    margin: 16rem;
  }
  .ml0-m {
    margin-left: 0;
  }
  .ml1-m {
    margin-left: 0.25rem;
  }
  .ml2-m {
    margin-left: 0.5rem;
  }
  .ml3-m {
    margin-left: 1rem;
  }
  .ml4-m {
    margin-left: 2rem;
  }
  .ml5-m {
    margin-left: 4rem;
  }
  .ml6-m {
    margin-left: 8rem;
  }
  .ml7-m {
    margin-left: 16rem;
  }
  .mr0-m {
    margin-right: 0;
  }
  .mr1-m {
    margin-right: 0.25rem;
  }
  .mr2-m {
    margin-right: 0.5rem;
  }
  .mr3-m {
    margin-right: 1rem;
  }
  .mr4-m {
    margin-right: 2rem;
  }
  .mr5-m {
    margin-right: 4rem;
  }
  .mr6-m {
    margin-right: 8rem;
  }
  .mr7-m {
    margin-right: 16rem;
  }
  .mb0-m {
    margin-bottom: 0;
  }
  .mb1-m {
    margin-bottom: 0.25rem;
  }
  .mb2-m {
    margin-bottom: 0.5rem;
  }
  .mb3-m {
    margin-bottom: 1rem;
  }
  .mb4-m {
    margin-bottom: 2rem;
  }
  .mb5-m {
    margin-bottom: 4rem;
  }
  .mb6-m {
    margin-bottom: 8rem;
  }
  .mb7-m {
    margin-bottom: 16rem;
  }
  .mt0-m {
    margin-top: 0;
  }
  .mt1-m {
    margin-top: 0.25rem;
  }
  .mt2-m {
    margin-top: 0.5rem;
  }
  .mt3-m {
    margin-top: 1rem;
  }
  .mt4-m {
    margin-top: 2rem;
  }
  .mt5-m {
    margin-top: 4rem;
  }
  .mt6-m {
    margin-top: 8rem;
  }
  .mt7-m {
    margin-top: 16rem;
  }
  .mv0-m {
    margin-top: 0;
    margin-bottom: 0;
  }
  .mv1-m {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .mv2-m {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .mv3-m {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .mv4-m {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .mv5-m {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .mv6-m {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .mv7-m {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .mh0-m {
    margin-left: 0;
    margin-right: 0;
  }
  .mh1-m {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .mh2-m {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .mh3-m {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .mh4-m {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .mh5-m {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .mh6-m {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .mh7-m {
    margin-left: 16rem;
    margin-right: 16rem;
  }
}
@media only screen and (min-width: 1440px) {
  .pa0-l {
    padding: 0;
  }
  .pa1-l {
    padding: 0.25rem;
  }
  .pa2-l {
    padding: 0.5rem;
  }
  .pa3-l {
    padding: 1rem;
  }
  .pa4-l {
    padding: 2rem;
  }
  .pa5-l {
    padding: 4rem;
  }
  .pa6-l {
    padding: 8rem;
  }
  .pa7-l {
    padding: 16rem;
  }
  .pl0-l {
    padding-left: 0;
  }
  .pl1-l {
    padding-left: 0.25rem;
  }
  .pl2-l {
    padding-left: 0.5rem;
  }
  .pl3-l {
    padding-left: 1rem;
  }
  .pl4-l {
    padding-left: 2rem;
  }
  .pl5-l {
    padding-left: 4rem;
  }
  .pl6-l {
    padding-left: 8rem;
  }
  .pl7-l {
    padding-left: 16rem;
  }
  .pr0-l {
    padding-right: 0;
  }
  .pr1-l {
    padding-right: 0.25rem;
  }
  .pr2-l {
    padding-right: 0.5rem;
  }
  .pr3-l {
    padding-right: 1rem;
  }
  .pr4-l {
    padding-right: 2rem;
  }
  .pr5-l {
    padding-right: 4rem;
  }
  .pr6-l {
    padding-right: 8rem;
  }
  .pr7-l {
    padding-right: 16rem;
  }
  .pb0-l {
    padding-bottom: 0;
  }
  .pb1-l {
    padding-bottom: 0.25rem;
  }
  .pb2-l {
    padding-bottom: 0.5rem;
  }
  .pb3-l {
    padding-bottom: 1rem;
  }
  .pb4-l {
    padding-bottom: 2rem;
  }
  .pb5-l {
    padding-bottom: 4rem;
  }
  .pb6-l {
    padding-bottom: 8rem;
  }
  .pb7-l {
    padding-bottom: 16rem;
  }
  .pt0-l {
    padding-top: 0;
  }
  .pt1-l {
    padding-top: 0.25rem;
  }
  .pt2-l {
    padding-top: 0.5rem;
  }
  .pt3-l {
    padding-top: 1rem;
  }
  .pt4-l {
    padding-top: 2rem;
  }
  .pt5-l {
    padding-top: 4rem;
  }
  .pt6-l {
    padding-top: 8rem;
  }
  .pt7-l {
    padding-top: 16rem;
  }
  .pv0-l {
    padding-top: 0;
    padding-bottom: 0;
  }
  .pv1-l {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .pv2-l {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .pv3-l {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .pv4-l {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .pv5-l {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .pv6-l {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .pv7-l {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
  .ph0-l {
    padding-left: 0;
    padding-right: 0;
  }
  .ph1-l {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .ph2-l {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .ph3-l {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .ph4-l {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .ph5-l {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .ph6-l {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .ph7-l {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .ma0-l {
    margin: 0;
  }
  .ma1-l {
    margin: 0.25rem;
  }
  .ma2-l {
    margin: 0.5rem;
  }
  .ma3-l {
    margin: 1rem;
  }
  .ma4-l {
    margin: 2rem;
  }
  .ma5-l {
    margin: 4rem;
  }
  .ma6-l {
    margin: 8rem;
  }
  .ma7-l {
    margin: 16rem;
  }
  .ml0-l {
    margin-left: 0;
  }
  .ml1-l {
    margin-left: 0.25rem;
  }
  .ml2-l {
    margin-left: 0.5rem;
  }
  .ml3-l {
    margin-left: 1rem;
  }
  .ml4-l {
    margin-left: 2rem;
  }
  .ml5-l {
    margin-left: 4rem;
  }
  .ml6-l {
    margin-left: 8rem;
  }
  .ml7-l {
    margin-left: 16rem;
  }
  .mr0-l {
    margin-right: 0;
  }
  .mr1-l {
    margin-right: 0.25rem;
  }
  .mr2-l {
    margin-right: 0.5rem;
  }
  .mr3-l {
    margin-right: 1rem;
  }
  .mr4-l {
    margin-right: 2rem;
  }
  .mr5-l {
    margin-right: 4rem;
  }
  .mr6-l {
    margin-right: 8rem;
  }
  .mr7-l {
    margin-right: 16rem;
  }
  .mb0-l {
    margin-bottom: 0;
  }
  .mb1-l {
    margin-bottom: 0.25rem;
  }
  .mb2-l {
    margin-bottom: 0.5rem;
  }
  .mb3-l {
    margin-bottom: 1rem;
  }
  .mb4-l {
    margin-bottom: 2rem;
  }
  .mb5-l {
    margin-bottom: 4rem;
  }
  .mb6-l {
    margin-bottom: 8rem;
  }
  .mb7-l {
    margin-bottom: 16rem;
  }
  .mt0-l {
    margin-top: 0;
  }
  .mt1-l {
    margin-top: 0.25rem;
  }
  .mt2-l {
    margin-top: 0.5rem;
  }
  .mt3-l {
    margin-top: 1rem;
  }
  .mt4-l {
    margin-top: 2rem;
  }
  .mt5-l {
    margin-top: 4rem;
  }
  .mt6-l {
    margin-top: 8rem;
  }
  .mt7-l {
    margin-top: 16rem;
  }
  .mv0-l {
    margin-top: 0;
    margin-bottom: 0;
  }
  .mv1-l {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .mv2-l {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .mv3-l {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .mv4-l {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .mv5-l {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .mv6-l {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .mv7-l {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .mh0-l {
    margin-left: 0;
    margin-right: 0;
  }
  .mh1-l {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .mh2-l {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .mh3-l {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .mh4-l {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .mh5-l {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .mh6-l {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .mh7-l {
    margin-left: 16rem;
    margin-right: 16rem;
  }
}
/* _variables.scss */
/* _general2021.scss */
body.template-2021 h1 {
  color: black;
  font-weight: bold;
}
@media only screen and (min-width: 1024px) {
  body.template-2021 h1 {
    font-size: 48px;
  }
}
body.template-2021 h2 {
  color: #8b8178;
  font-weight: bold;
}
@media only screen and (min-width: 1024px) {
  body.template-2021 h2 {
    font-size: 40px;
  }
}
body.template-2021 h3 {
  color: black;
}
@media only screen and (min-width: 1024px) {
  body.template-2021 h3 {
    font-size: 32px;
  }
}
body.template-2021 h4 {
  color: #8b8178;
  font-family: "proxima-nova", sans-serif;
  font-size: 1.6rem;
  line-height: 1.25;
}
body.template-2021 h5 {
  color: #007a87;
  font: bold normal 1.6rem "proxima-nova", sans-serif;
  letter-spacing: 1px;
  padding: 0;
  text-align: left;
  text-transform: none;
}
body.template-2021 h6 {
  border-bottom: 4px solid #e0684b;
  color: #8b8178;
  font: normal bold 20px "proxima-nova", sans-serif;
  letter-spacing: 1px;
  text-align: left;
  text-transform: uppercase;
}
body.template-2021 p {
  color: black;
}
body.template-2021 img {
  max-width: 100%;
}
body.template-2021 .templatecontent a:not(.btn):not(.button),
body.template-2021 .matrix-content a:not(.btn):not(.button),
body.template-2021 .post-content a:not(.btn):not(.button) {
  border: none;
  color: #e0684b;
  font-weight: bold;
}
body.template-2021 .templatecontent a:not(.btn):not(.button):hover,
body.template-2021 .matrix-content a:not(.btn):not(.button):hover,
body.template-2021 .post-content a:not(.btn):not(.button):hover {
  border: none;
  color: #0c121c;
}
body.template-2021 .templatecontent ul,
body.template-2021 .templatecontent ol,
body.template-2021 .matrix-content ul,
body.template-2021 .matrix-content ol,
body.template-2021 .post-content ul,
body.template-2021 .post-content ol {
  padding-left: 20px;
}
body.template-2021 .templatecontent li,
body.template-2021 .matrix-content li,
body.template-2021 .post-content li {
  color: black;
  font: normal 400 1.15rem "proxima-nova", sans-serif;
  line-height: 160%;
  padding: 5px 0;
}
body.template-2021 .templatecontent li p,
body.template-2021 .matrix-content li p,
body.template-2021 .post-content li p {
  margin: 0;
  padding: 0;
}

body.template-2021 #siteWrapper .swform .swformfield__label {
  font-size: 1.2rem;
}
body.template-2021 #siteWrapper .swform .swformfield__control {
  font-size: 1.2rem;
}
body.template-2021 #siteWrapper .swform .swformsubmit__btn {
  border: none;
  border-radius: 4px;
  display: inline-block;
  font: bold 16px "proxima-nova", sans-serif;
  letter-spacing: 2px;
  margin: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 16px 24px;
  text-align: center;
  background-color: #e0684b;
  color: #fff;
  text-align: inherit;
}

body.template-2021 #siteWrapper .templatecontent div.button,
body.default #siteWrapper .templatecontent div.button {
  width: 100%;
  padding: 0;
  background: none;
  text-align: inherit;
}
body.template-2021 #siteWrapper .templatecontent div.button a,
body.default #siteWrapper .templatecontent div.button a {
  border: none;
  border-radius: 4px;
  display: inline-block;
  font: bold 16px "proxima-nova", sans-serif;
  letter-spacing: 2px;
  margin: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 16px 24px;
  text-align: center;
  background-color: #e0684b;
  color: #fff;
  text-align: inherit;
}
body.template-2021 #siteWrapper .templatecontent div.button a:hover,
body.default #siteWrapper .templatecontent div.button a:hover {
  color: black;
}
body.template-2021 #siteWrapper .recent-blog-posts-view-link a,
body.default #siteWrapper .recent-blog-posts-view-link a {
  border: none;
}

/* _photo-contest.scss */
.winner__heading {
  text-align: center;
}
.winner__figure {
  margin: 0 auto 40px;
  max-width: 880px;
}
@media only screen and (min-width: 768px) {
  .winner__figure {
    margin-bottom: 80px;
  }
}
.winner__picture {
  display: block;
  position: relative;
}
.winner__image {
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.winner__lightbox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #00345b;
  border-left: 2px solid white;
  border-top: 2px solid white;
  bottom: 0;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 50px;
  position: absolute;
  right: 0;
  width: 50px;
}
.winner__lightbox:hover {
  background-color: black;
  color: white;
}
.winner__caption {
  display: none;
}
@media only screen and (min-width: 768px) {
  .winner__caption {
    background-color: #00345b;
    display: block;
    font: bold 1rem "proxima-nova", sans-serif;
    letter-spacing: 1px;
    margin-top: 6px;
    padding: 15px;
    text-transform: uppercase;
  }
}
.winner__details {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  display: -ms-grid;
  display: grid;
  grid-column-gap: 20px;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: 1fr 1fr;
  margin: 0 auto;
  max-width: 1200px;
}
@media only screen and (min-width: 768px) {
  .winner__details {
    display: block;
  }
}
.winner__profile {
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .winner__profile {
    float: left;
    width: 30%;
  }
}
.winner__title {
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .winner__title {
    margin-left: calc(30% + 80px);
  }
}
.winner__name {
  grid-column: 1/-1;
  margin: 40px 0 20px;
}
@media only screen and (min-width: 768px) {
  .winner__name {
    margin: 40px 0 20px calc(30% + 80px);
  }
}
.winner__bio {
  grid-column: 1/-1;
}
@media only screen and (min-width: 768px) {
  .winner__bio {
    margin-left: calc(30% + 160px);
  }
}

.highlights {
  margin: 40px auto;
  max-width: 800px;
}
@media only screen and (min-width: 1024px) {
  .highlights {
    margin-top: 80px;
  }
}
.highlights__heading {
  margin: 0 0 20px;
  text-align: center;
}
.highlights__picture {
  display: block;
  position: relative;
}
.highlights__image {
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.highlights__lightbox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #00345b;
  border-left: 2px solid white;
  border-top: 2px solid white;
  bottom: 0;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 50px;
  position: absolute;
  right: 0;
  width: 50px;
}
.highlights__lightbox:hover {
  background-color: black;
  color: white;
}
.highlights__caption {
  display: none;
}
@media only screen and (min-width: 768px) {
  .highlights__caption {
    background-color: #00345b;
    display: block;
    font: bold 1rem "proxima-nova", sans-serif;
    letter-spacing: 1px;
    margin-top: 6px;
    padding: 15px;
    text-transform: uppercase;
  }
}
.highlights .tns-ovh {
  overflow: visible;
}
.highlights__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  margin-top: 20px;
  width: 100%;
}
.highlights__pagination {
  border-radius: 50%;
  border: none;
  cursor: pointer;
  height: 10px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 10px;
}
.highlights__pagination::before {
  background-color: #ccc;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.highlights__pagination.tns-nav-active::before {
  background-color: #00345b;
}
@media only screen and (min-width: 1024px) {
  .highlights__pagination {
    border-radius: 0;
    height: 80px;
    width: 80px;
  }
  .highlights__pagination::before {
    opacity: 0;
  }
  .highlights__pagination.tns-nav-active::before {
    opacity: 0.5;
  }
}
.highlights__pagination-image {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.mention {
  margin: 40px auto;
}
@media only screen and (min-width: 1024px) {
  .mention {
    margin-top: 80px;
  }
}
.mention__heading {
  margin: 0 0 20px;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .mention__heading {
    margin-bottom: 40px;
  }
}
.mention__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1024px) {
  .mention__grid {
    gap: 40px;
  }
}
.mention__entry {
  -ms-flex-preferred-size: calc(33.33% - 14px);
      flex-basis: calc(33.33% - 14px);
}
@media only screen and (min-width: 1024px) {
  .mention__entry {
    -ms-flex-preferred-size: calc(20% - 32px);
        flex-basis: calc(20% - 32px);
  }
}
.mention__picture {
  display: block;
  position: relative;
}
.mention__image {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.mention__lightbox {
  display: none;
}
@media only screen and (min-width: 768px) {
  .mention__lightbox {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #00345b;
    border-left: 2px solid white;
    border-top: 2px solid white;
    bottom: 0;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.6rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 50px;
    position: absolute;
    right: 0;
    width: 50px;
  }
  .mention__lightbox:hover {
    background-color: black;
    color: white;
  }
}
/* _split-content.scss */
.split-content {
  margin: 40px auto;
}
@media only screen and (min-width: 768px) {
  .split-content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media only screen and (min-width: 1024px) {
  .split-content {
    margin: 80px auto 80px -80px;
  }
}
@media only screen and (min-width: 1440px) {
  .split-content {
    margin-left: -100px;
  }
}
.split-content__figure {
  margin-bottom: 20px;
  margin-left: -20px;
}
@media only screen and (min-width: 768px) {
  .split-content__figure {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    margin-left: -40px;
  }
}
@media only screen and (min-width: 1024px) {
  .split-content__figure {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1440px) {
  .split-content__figure {
    -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
  }
}
.split-content__image {
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .split-content__article {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
@media only screen and (min-width: 1440px) {
  .split-content__article {
    -ms-flex-preferred-size: 55%;
        flex-basis: 55%;
  }
}
.split-content__title h6 {
  padding: 0;
}
.split-content__content {
  padding-left: 20px;
}
@media only screen and (min-width: 768px) {
  .split-content__content {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .split-content__content {
    padding-left: 80px;
  }
}

/* _steps.scss */
.steps {
  border: 1px solid black;
  margin: 40px 0;
  padding: 40px 20px 20px;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .steps {
    padding-top: 48px;
  }
}
.steps__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}
.steps__controls::before {
  background-color: black;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  z-index: -1;
}
.steps__controls-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  border: 1px solid black;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
}
.steps__controls-item i {
  color: #e0684b;
  font-size: 16px;
}
.steps__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  float: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  left: 50%;
  overflow-x: auto;
  position: absolute;
  top: 16px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(100% - 136px);
  z-index: 2;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
@media only screen and (min-width: 1024px) {
  .steps__nav {
    top: 24px;
  }
}
.steps__nav::-webkit-scrollbar {
  display: none;
}
.steps__nav-item {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 0 10px 36px;
  position: relative;
  text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
  .steps__nav-item {
    font-size: 16px;
    padding-bottom: 32px;
  }
}
.steps__nav-item::after {
  background-color: black;
  border: 2px solid white;
  border-radius: 50%;
  bottom: 0;
  content: "";
  height: 12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  width: 12px;
}
.steps__nav-item.tns-nav-active::after {
  background-color: #e0684b;
}
@media only screen and (min-width: 1024px) {
  .steps__carousel {
    padding: 0 64px;
  }
}

/* _accordion2021.scss */
.accordion {
  margin: 40px 0;
}
.accordion__drawer {
  border: 1px solid black;
}
.accordion__drawer:not(:last-child) {
  margin-bottom: 20px;
}
.accordion__title {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #00345b;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font: bold 20px "proxima-nova", sans-serif;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
  .accordion__title {
    font-size: 24px;
  }
}
.accordion__title--active i {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
.accordion__title i {
  font-size: 16px;
  margin-top: 2px;
  -webkit-transition: none;
  transition: none;
}
@media only screen and (min-width: 1024px) {
  .accordion__title i {
    margin-top: 4px;
  }
}
.accordion__panel {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.5s ease;
  transition: max-height 0.5s ease;
}
.accordion__panel-content {
  border-top: 1px solid black;
  margin: 0 20px;
  padding: 20px 0;
}

.accordion + .accordion {
  margin-top: -20px;
}
.accordion__header {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #00345b;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font: bold 20px "proxima-nova", sans-serif !important;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
}
@media only screen and (min-width: 1024px) {
  .accordion__header {
    font-size: 24px !important;
  }
}
.accordion__body-spacing {
  border-top: 1px solid black;
  margin: 0 20px;
  padding: 20px 0;
}

/* _resources.scss */
body.template-2021 .matrix-content .resources {
  list-style: none;
  margin: 40px 0;
  padding: 0;
}
@media only screen and (min-width: 1024px) {
  body.template-2021 .matrix-content .resources {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 80px;
       -moz-column-gap: 80px;
            column-gap: 80px;
  }
}
body.template-2021 .matrix-content .resources__item {
  border-top: 1px solid black;
  display: inline-block;
  padding: 20px 0;
  width: 100%;
}
body.template-2021 .matrix-content .resources__item:last-child {
  border-bottom: 1px solid black;
}
@media only screen and (min-width: 1024px) {
  body.template-2021 .matrix-content .resources__item:last-child {
    border-bottom: none;
  }
}
body.template-2021 .matrix-content .resources__link {
  border: none;
  color: black;
  font: normal 16px "proxima-nova", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: 1px;
  text-transform: uppercase;
}
body.template-2021 .matrix-content .resources__link:hover {
  color: #e0684b;
  text-decoration: none;
}
body.template-2021 .matrix-content .resources__link::before {
  color: #e0684b;
  content: "\f061";
  font-family: "FontAwesome";
  margin-right: 5px;
}
body.template-2021 .matrix-content .resources__link[href^="#"]::before {
  content: "\f078";
}
body.template-2021 .matrix-content .resources__link[href^=http]::before {
  content: "\f14c";
}
body.template-2021 .matrix-content .resources__link[href$=".pdf"]::before, body.template-2021 .matrix-content .resources__link[href$=".doc"]::before, body.template-2021 .matrix-content .resources__link[href$=".docx"]::before {
  content: "\f019";
}

/* _portals.scss */
body.template-2021 .matrix-content .portal-wrap {
  margin: 40px 0;
}
@media only screen and (min-width: 768px) {
  body.template-2021 .matrix-content .portal-wrap {
    display: -ms-grid;
    display: grid;
    grid-gap: 40px;
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1024px) {
  body.template-2021 .matrix-content .portal-wrap {
    -ms-grid-columns: 1fr 40px 1fr 40px 1fr;
    grid-template-columns: repeat(3, 1fr);
  }
}
body.template-2021 .matrix-content .portal {
  background-size: cover;
  background-position: center;
  margin-bottom: 64px;
  padding-bottom: 52.65%;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  body.template-2021 .matrix-content .portal {
    margin-bottom: 24px;
    padding-bottom: 100%;
  }
}
body.template-2021 .matrix-content .portal::before {
  background-color: #00345b;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
body.template-2021 .matrix-content .portal__title {
  color: white !important;
  left: 50%;
  letter-spacing: 1px;
  font-size: 32px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(100% - 40px);
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  body.template-2021 .matrix-content .portal__title {
    top: 66.66%;
  }
}
@media only screen and (min-width: 768px) {
  body.template-2021 .matrix-content .portal__title {
    font-size: 32px !important;
  }
}
body.template-2021 .matrix-content .portal__button {
  border: none;
  color: white;
  left: 50%;
  position: absolute;
  text-transform: uppercase;
  top: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
body.template-2021 .matrix-content .portal__button:hover {
  background-color: #d44724;
  color: white;
}

/* _card-list.scss */
body.template-2021 .matrix-content .card-wrap {
  margin: 40px 0;
}
@media only screen and (min-width: 768px) {
  body.template-2021 .matrix-content .card-wrap {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 64px;
       -moz-column-gap: 64px;
            column-gap: 64px;
  }
}
@media (min-width: 1280px) {
  body.template-2021 .matrix-content .card-wrap {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}
body.template-2021 .matrix-content .card {
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid-column;
  display: block;
  padding: 0 0 80px;
}
body.template-2021 .matrix-content .card__graphic {
  position: relative;
}
body.template-2021 .matrix-content .card__image {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  body.template-2021 .matrix-content .card__image {
    aspect-ratio: 5/4;
  }
}
body.template-2021 .matrix-content .card__play {
  border: none;
  color: white;
  font-size: 80px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
body.template-2021 .matrix-content .card__content {
  border: 1px solid black;
  padding: 20px;
}
body.template-2021 .matrix-content .card__description {
  color: #484848;
  font-size: 14px;
}
body.template-2021 .matrix-content .card__detail-title {
  border-bottom: 2px solid #e2e2e2;
  color: black;
  font-size: 14px;
  margin: 24px 0 8px;
  padding-bottom: 8px;
}
body.template-2021 .matrix-content .card__detail-content {
  color: #007a87;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
}
body.template-2021 .matrix-content .card__button {
  border: none;
  color: white;
  margin: 0 auto -20px;
  text-transform: uppercase;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
body.template-2021 .matrix-content .card__button:hover {
  background-color: #d44724;
  color: white;
}

/* _related-information.scss */
body.template-2021 .matrix-content .related-information {
  display: -ms-grid;
  display: grid;
  grid-column-gap: 40px;
  grid-row-gap: 24px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  margin: 40px 0;
}
@media only screen and (min-width: 768px) {
  body.template-2021 .matrix-content .related-information {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1440px) {
  body.template-2021 .matrix-content .related-information {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
body.template-2021 .matrix-content .related-information__title {
  grid-column: 1/-1;
}
body.template-2021 .matrix-content .related-information__link {
  border: none;
  color: black;
  letter-spacing: 1px;
  text-transform: uppercase;
}
body.template-2021 .matrix-content .related-information__link:hover {
  color: #e0684b;
}
@media only screen and (min-width: 1024px) {
  body.template-2021 .matrix-content .related-information__link {
    font-size: 16px;
  }
}

/* _map.scss */
body.template-2021 .places-app-wrapper .places-app-location-name {
  font: bold 24px "proxima-nova", sans-serif;
}
body.template-2021 .places-app-wrapper .places-app-location-phone,
body.template-2021 .places-app-wrapper .places-app-location-fax,
body.template-2021 .places-app-wrapper .places-app-location-email,
body.template-2021 .places-app-wrapper .places-app-location-address,
body.template-2021 .places-app-wrapper .places-app-location-url {
  font-size: 14px;
}
body.template-2021 .places-app-wrapper .places-app-location-phone::before {
  content: "Phone: ";
  display: block;
}
body.template-2021 .places-app-wrapper .places-app-location-address::before {
  content: "Address: ";
  display: block;
}
body.template-2021 .places-app-wrapper .places-app-location-url::before {
  content: "URL: ";
  display: block;
}
body.template-2021 .places-app-wrapper p span {
  display: block;
}

.breadcrumbs-wrap {
  position: relative;
  width: 100%;
  z-index: 1;
}
.breadcrumbs-wrap--with-hero ul#breadcrumb {
  margin: -12px 0 0 0;
}
.breadcrumbs-wrap--with-hero ul#breadcrumb li {
  background-color: #e0684b;
  color: #fff;
}
.breadcrumbs-wrap--with-hero ul#breadcrumb li:first-child a {
  padding-left: 10px;
}
.breadcrumbs-wrap--with-hero ul#breadcrumb li:last-child a {
  padding-right: 10px;
}
.breadcrumbs-wrap--on-default {
  margin-bottom: 2rem;
}
.breadcrumbs-wrap--on-default ul#breadcrumb {
  margin: 0 0 40px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

ul#breadcrumb {
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px 0 0 0;
  -webkit-padding-start: inherit;
  padding: 0;
}
ul#breadcrumb li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  color: rgb(34, 34, 34);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.75em;
  letter-spacing: 1px;
  padding: 0;
  text-transform: uppercase;
}
ul#breadcrumb li::after {
  content: "";
  margin-left: 0;
}
ul#breadcrumb li::before {
  color: inherit;
  content: "";
  padding: 0;
}
ul#breadcrumb li:first-child a {
  padding-left: 0;
}
ul#breadcrumb li:last-child a {
  padding-right: 0;
}
ul#breadcrumb li:not(:last-child)::after {
  color: currentColor;
  content: "/";
  margin: 5px 0;
}
ul#breadcrumb li:last-of-type::after {
  margin-left: 0;
}
ul#breadcrumb li a {
  color: currentColor;
  padding: 0 10px;
}
ul#breadcrumb li a:hover {
  color: inherit;
}

.breadcrumb {
  background-color: transparent;
  border-radius: 0;
  margin: 0 !important;
  padding: 0;
}

.staff-members__heading {
  font-size: 35px !important;
  margin: 0 0 40px 0;
  text-transform: uppercase;
}
.staff-members__department {
  font-size: 25px;
  margin: 0 0 20px 0;
}
.staff-members__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 35px 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 35px;
     -moz-column-gap: 35px;
          column-gap: 35px;
  row-gap: 45px;
}
.staff-members__grid:not(:last-of-type) {
  margin: 0 0 80px 0;
}
.staff-members__member {
  min-width: 100%;
}
.staff-members__member-image, .staff-members__member-container {
  cursor: pointer;
}
.staff-members__member-image {
  background-color: #FFFFFF;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  margin: 0 0 -55px 10px;
  -webkit-box-shadow: inset 0 10px 20px 0 rgba(90, 90, 90, 0.07);
          box-shadow: inset 0 10px 20px 0 rgba(90, 90, 90, 0.07);
}
.staff-members__member-container {
  padding: 70px 10px 15px 10px;
  background-color: #E0684B;
}
.staff-members__member-container span {
  color: #FFFFFF;
}
.staff-members__member-name, .staff-members__member-role {
  display: block;
  font-weight: 700;
}
.staff-members__member-name {
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 1.1px;
  margin: 0 0 3px 0;
}
.staff-members__member-role {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.8px;
}
.staff-members__member-details {
  display: none;
  margin: 15px 0 0 0;
}
.staff-members__member-details p {
  font-size: 15px;
  line-height: 23px;
  padding: unset;
  margin: 0 0 20px 0;
  font-weight: 300;
}
.staff-members__member-details p strong {
  color: #E0684B;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .staff-members__heading {
    font-size: 60px !important;
    margin: 0 0 40px 0;
  }
  .staff-members__grid {
    grid-template-columns: repeat(auto-fill, minmax(180px, 20%));
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
    row-gap: 80px;
  }
  .staff-members__department {
    font-size: 45px;
    margin: 0 0 30px 0;
  }
  .staff-members__member-image {
    margin: 0 0 -95px 20px;
  }
  .staff-members__member-container {
    padding: 120px 25px 25px 25px;
  }
  .staff-members__member-name, .staff-members__member-role {
    line-height: 24px;
  }
  .staff-members__member-name {
    font-size: 22px;
    margin: 0 0 5px 0;
  }
  .staff-members__member-role {
    font-size: 18px;
  }
  .staff-members__member-details {
    margin: 25px 0 0 0;
  }
  .staff-members__member-details p {
    font-size: 17px;
    line-height: 27px;
    margin: 0 0 25px 0;
  }
}

.staff-popup {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9999;
}
.staff-popup__container {
  background: #FFFFFF;
  width: 90%;
  max-width: 600px;
  max-height: 500px;
  overflow: hidden auto;
  padding: 40px;
  -webkit-box-shadow: 0 20px 90px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 20px 90px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}
.staff-popup__close {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background: url("/sitefiles/2332/images/popup-close-icon.svg") no-repeat center;
  background-size: contain;
}
.staff-popup__flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin: 0 0 30px 0;
}
.staff-popup__image {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
}
.staff-popup__name {
  margin: unset;
}
.staff-popup.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 768px) {
  .staff-popup__close {
    width: 40px;
    height: 40px;
    top: 40px;
    right: 40px;
  }
  .staff-popup__image {
    width: 80px;
    height: 80px;
  }
}

.quotes-rotator {
  margin: 0 -20px 60px -20px;
}
.quotes-rotator__item {
  background-color: #E96A56;
  padding: 60px 0;
  position: relative;
}
.quotes-rotator__item-quote {
  width: 80%;
  max-width: 1000px;
  margin: 0 auto;
  color: #FFFFFF !important;
  position: relative;
}
.quotes-rotator__item-quote::before {
  content: "”";
  font-family: "proxima-nova", "Helvetica", "Arial", sans-serif;
  display: block;
  position: absolute;
  font-size: 250px;
  line-height: 1;
  font-weight: 700;
  color: #FFE6E1;
  top: -70px;
  right: -40px;
  opacity: 0.5;
}
.quotes-rotator .tns-outer {
  position: relative;
}
.quotes-rotator .tns-nav {
  display: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
}
.quotes-rotator .tns-nav button {
  padding: unset;
  margin: unset;
  background-color: transparent;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  width: 24px;
  height: 24px;
}
.quotes-rotator .tns-nav button.tns-nav-active {
  background-color: #FFFFFF;
}
@media only screen and (min-width: 768px) {
  .quotes-rotator {
    margin: 0 -40px 60px -40px;
  }
  .quotes-rotator .tns-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 1024px) {
  .quotes-rotator {
    margin: 0 -80px 60px -80px;
  }
}
@media only screen and (min-width: 1440px) {
  .quotes-rotator {
    margin: 0 -140px 60px -140px;
  }
}

.tiles-block {
  margin-top: 1rem;
}
.tiles-block__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.tiles-block__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 1rem 0;
}
@media only screen and (min-width: 1024px) {
  .tiles-block__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .tiles-block__item:nth-child(even) .tiles-block__image {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .tiles-block__item:nth-child(even) .tiles-block__content-container {
    padding: 1rem 2rem 1rem 0;
  }
}
.tiles-block__image {
  width: 100%;
  min-height: 200px;
}
@media only screen and (min-width: 1024px) {
  .tiles-block__image {
    width: 40%;
  }
}
.tiles-block__image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.tiles-block__content-container {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .tiles-block__content-container {
    width: 60%;
    padding: 1rem 0 1rem 2rem;
  }
}

.info-slider .tns-outer {
  position: relative;
}
.info-slider .tns-controls {
  position: absolute;
  width: 100%;
  height: 100%;
}
.info-slider .tns-controls button {
  position: absolute;
  top: 50%;
  left: -20px;
  z-index: 9;
  background-image: url("/sitefiles/2332/CSS/images/dropdown-arrow-white.svg");
  color: transparent;
  background-color: rgba(242, 115, 94, 0.85);
  border: none;
  padding: 0.5rem;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translatey(-50%) rotate(90deg);
          transform: translatey(-50%) rotate(90deg);
}
.info-slider .tns-controls button[data-controls=prev] {
  background-image: url("/sitefiles/2332/css/images/dropdown-arrow-white.svg");
}
.info-slider .tns-controls button[data-controls=prev]:hover {
  -webkit-transform: translatey(-50%) rotate(90deg);
          transform: translatey(-50%) rotate(90deg);
}
.info-slider .tns-controls button:last-child {
  right: 0;
  left: unset;
  -webkit-transform: translatey(-50%) rotate(-90deg);
          transform: translatey(-50%) rotate(-90deg);
}
.info-slider .tns-nav {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.info-slider .tns-nav button {
  height: 8px !important;
  padding: 8px;
  width: 8px !important;
  aspect-ratio: 1/1;
  background: #f2725e;
  opacity: 0.85;
  border: none;
  border-radius: 50%;
  margin: 0 0.2rem;
}
.info-slider .tns-nav button.tns-nav-active {
  opacity: 1;
}
.info-slider__item-inner-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .info-slider__item-inner-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.info-slider__content-left {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .info-slider__content-left {
    width: 58%;
  }
}
.info-slider__content-right {
  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-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: space-between;
      -ms-flex-align: space-between;
          align-items: space-between;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .info-slider__content-right {
    width: 40%;
  }
}
.info-slider__image {
  margin-bottom: 3rem;
}
.info-slider__image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.info-slider__content-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.info-slider__title {
  color: #f2725e !important;
  font-size: 40px !important;
  font-weight: 800 !important;
  text-transform: uppercase;
}
.info-slider__subtitle {
  color: #000 !important;
  font-size: 20px !important;
}
.info-slider__tags {
  width: 30%;
  padding: 0 1rem 0 0;
  color: #f2725e;
  font-weight: 700;
  font-size: 18px;
}
.tips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .tips {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.tips .tns-outer {
  position: relative;
  width: 100%;
}
.tips .tns-controls {
  position: absolute;
  height: 100%;
  width: 100%;
}
.tips .tns-controls button {
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 0;
  background-image: url("/sitefiles/2332/images/arrow-left.svg");
  background-repeat: no-repeat;
  color: transparent;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  background-position: center;
}
.tips .tns-controls button:last-child {
  right: 0;
  left: unset;
  background-image: url("/sitefiles/2332/images/arrow-right.svg");
}
.tips__header {
  width: 100%;
  background-color: #002f5d;
  padding: 3rem;
  text-align: center;
  margin-bottom: 1rem;
}
.tips__header * {
  color: white !important;
}
.tips__header h2 {
  font-weight: 500 !important;
}
.tips__item-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tips__image {
  width: 100%;
  aspect-ratio: 1/1;
}
@media only screen and (min-width: 1024px) {
  .tips__image {
    width: 50%;
    padding-left: 3rem;
  }
}
.tips__image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.tips__content {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .tips__content {
    width: 50%;
    padding: 0 0 0 3rem;
  }
}
.tips__content p {
  font-size: 20px;
}
.tips__title {
  font-size: 36px !important;
}

.confiscations-rotator .animals {
  display: none;
}
@media only screen and (min-width: 768px) {
  .confiscations-rotator .animals {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
  }
}
@media (min-width: 1600px) {
  .confiscations-rotator .animals {
    -ms-grid-columns: 1fr 50px 1fr 50px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 50px;
  }
}
.confiscations-rotator .animals .animal {
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
  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-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
  padding: 20px;
  -webkit-transition: all 0.33s ease-in-out;
  transition: all 0.33s ease-in-out;
}
.confiscations-rotator .animals .animal:before {
  content: "";
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, black));
  background: linear-gradient(transparent, black 80%);
  opacity: 0.8;
  -webkit-transition: all 0.33s ease-in-out;
  transition: all 0.33s ease-in-out;
}
.confiscations-rotator .animals .animal p {
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 300;
  position: relative;
  margin: 0;
  text-align: center;
}
.confiscations-rotator .animals .animal h4 {
  color: white;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 40px;
  text-align: center;
  -webkit-transition: all 0.33s ease-in-out;
  transition: all 0.33s ease-in-out;
}
.confiscations-rotator .animals .animal:hover {
  -webkit-transform: scale(1.025);
          transform: scale(1.025);
}
.confiscations-rotator .animals .animal:hover:before {
  opacity: 0.9;
}
.confiscations-rotator .animals .animal:hover h4 {
  margin-bottom: 60px;
}

#our-modal {
  position: relative;
}
@media (min-width: 768px) {
  #our-modal {
    position: fixed;
    z-index: 99999;
    width: 950px;
    max-width: 90%;
    top: 100px;
    height: inherit;
    max-height: calc(100vh - 150px);
    left: calc((100vw - 950px) / 2);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.33s ease;
    transition: all 0.33s ease;
    pointer-events: none;
  }
  #our-modal.active {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
  }
}
#our-modal .close-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  margin: 10px;
  background: transparent url("/sitefiles/2332/images/ui/x-light.svg") center/20px no-repeat;
  z-index: 1;
  cursor: pointer;
  display: none;
}
@media only screen and (min-width: 768px) {
  #our-modal .close-btn {
    display: block;
  }
}
#our-modal .tns-outer#tns1-ow {
  display: block;
}
#our-modal .tns-outer#tns1-ow .tns-ovh {
  width: 100%;
}
#our-modal .tns-outer#tns1-ow .tns-ovh .slide .slide-content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 768px) {
  #our-modal .tns-outer#tns1-ow .tns-ovh .slide .slide-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
#our-modal .tns-outer#tns1-ow .tns-ovh .slide .slide-content .slide-info {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
#our-modal .tns-outer#tns1-ow .tns-ovh .slide .slide-content .slide-info .title h3 {
  margin: 0;
}
#our-modal .tns-outer#tns1-ow .tns-ovh .slide .slide-content .slide-info .title img {
  width: 75px;
  margin-right: 1em;
}
#our-modal .tns-outer#tns1-ow .tns-ovh .slide .slide-content .slide-image-side {
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  #our-modal .tns-outer#tns1-ow .tns-ovh .slide .slide-content .slide-image-side {
    -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
    margin-bottom: 0;
    height: 50vh;
  }
}
#our-modal .tns-outer#tns1-ow .tns-ovh .slide .slide-content .slide-image-side img {
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  #our-modal .tns-outer#tns1-ow .tns-ovh .slide .slide-content .slide-image-side img {
    height: 100%;
  }
}
#our-modal .tns-outer#tns1-ow .tns-ovh .slide .slide-content .slide-image-side ul.slide-images {
  padding-left: 0;
}
#our-modal .tns-outer#tns1-ow .tns-ovh .slide .slide-content .slide-image-side ul.slide-images li .slide-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 250px;
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
}
#our-modal .tns-outer#tns1-ow .tns-ovh .slide .slide-content .slide-image-side .tns-nav {
  bottom: -10px;
}

#our-modal #tns1 > .tns-item {
  background-color: #19315B;
}
#our-modal #tns1 > .tns-item .slide-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 52px;
  padding-bottom: 78px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  #our-modal #tns1 > .tns-item .slide-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
#our-modal #tns1 > .tns-item .slide-content .slide-info {
  height: 50vh;
  overflow: scroll;
}
#our-modal #tns1 > .tns-item .slide-content .slide-info .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  #our-modal #tns1 > .tns-item .slide-content .slide-info .title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
#our-modal #tns1 > .tns-item .slide-content .slide-info .title .slide-icon {
  height: 65px;
}
#our-modal #tns1 > .tns-item .slide-content .slide-info .title h3 {
  color: white;
}
#our-modal #tns1 > .tns-item .slide-content .slide-info .title img {
  width: 250px !important;
}
@media only screen and (min-width: 1024px) {
  #our-modal #tns1 > .tns-item .slide-content .slide-info .title img {
    width: 75px !important;
  }
}
#our-modal #tns1 > .tns-item .slide-content .slide-info h6 {
  color: white;
  border: none;
  margin: 0;
  padding: 0;
}
#our-modal #tns1 > .tns-item .slide-content .slide-info p {
  color: white;
  font-size: 14px;
  line-height: 24px;
}
#our-modal #tns1 > .tns-item .slide-content img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 250px;
}
@media only screen and (min-width: 1024px) {
  #our-modal #tns1 > .tns-item .slide-content img {
    height: auto;
  }
}

.tns-controls {
  position: absolute;
  bottom: 2em;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4em;
}
.tns-controls button {
  background: url("/sitefiles/2332/images/ui/icon-btn-next.svg");
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  height: 30px;
  width: 30px;
  -webkit-transition: all 0.33s ease-in-out;
  transition: all 0.33s ease-in-out;
}
.tns-controls button span {
  display: none;
}
.tns-controls button:first-child {
  background-image: url("/sitefiles/2332/images/ui/icon-btn-prev.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.tns-controls button:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

body.egg-catalog {
  background-color: rgb(237, 240, 244);
}

.matrix-content .egg-catalog__breadcrumbs {
  width: 100%;
}
.matrix-content .egg-catalog__breadcrumbs ul {
  padding: 0 !important;
  list-style-type: none;
}
.matrix-content .egg-catalog__breadcrumbs ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  opacity: 0.5;
  display: inline-block;
  margin-right: 0.6rem;
}
.matrix-content .egg-catalog__breadcrumbs ul li > a {
  color: #005f79 !important;
  font-weight: normal !important;
}
.matrix-content .egg-catalog__breadcrumbs ul li:last-child {
  opacity: 1;
  margin: 0;
}
.matrix-content .egg-catalog__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 2rem;
  background: #005f79;
  padding: 2rem;
  border-radius: 4px;
}
.matrix-content .egg-catalog__filters > div span.section-label {
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.matrix-content .egg-catalog__filters > div span.section-label::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 1rem;
}
.matrix-content .egg-catalog__filters > div span.filter-label {
  font-size: 1rem;
  color: #fff;
  opacity: 0.4;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 767px) {
  .matrix-content .egg-catalog__filters {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .matrix-content .egg-catalog__filters > div {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    width: 100%;
  }
}
.matrix-content .egg-catalog__filters--search {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.matrix-content .egg-catalog__filters--search input {
  height: 40px;
  width: 100%;
  color: rgba(0, 95, 121, 0.4);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0 40px 0 1rem;
  outline: none !important;
  border: 2px solid rgba(0, 95, 121, 0.4);
  background: #fff;
  -webkit-transition: all 0.22s ease;
  transition: all 0.22s ease;
}
.matrix-content .egg-catalog__filters--search input::-webkit-input-placeholder {
  color: rgba(0, 95, 121, 0.4);
}
.matrix-content .egg-catalog__filters--search input::-moz-placeholder {
  color: rgba(0, 95, 121, 0.4);
}
.matrix-content .egg-catalog__filters--search input:-ms-input-placeholder {
  color: rgba(0, 95, 121, 0.4);
}
.matrix-content .egg-catalog__filters--search input::-ms-input-placeholder {
  color: rgba(0, 95, 121, 0.4);
}
.matrix-content .egg-catalog__filters--search input::placeholder {
  color: rgba(0, 95, 121, 0.4);
}
.matrix-content .egg-catalog__filters--search input:focus, .matrix-content .egg-catalog__filters--search input:visited, .matrix-content .egg-catalog__filters--search input:focus-within {
  outline: none;
  border-color: rgba(0, 95, 121, 0.6);
}
.matrix-content .egg-catalog__filters--search input.active {
  border: 2px solid rgba(226, 94, 74, 0.7);
}
.matrix-content .egg-catalog__filters--search .search-button-container {
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  -webkit-transition: all 0.22s ease;
  transition: all 0.22s ease;
}
.matrix-content .egg-catalog__filters--search .search-button-container svg path {
  fill: rgba(0, 95, 121, 0.4);
}
.matrix-content .egg-catalog__filters--egg, .matrix-content .egg-catalog__filters--oil {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.matrix-content .egg-catalog__filters--egg .egg-filters,
.matrix-content .egg-catalog__filters--egg .oil-filters, .matrix-content .egg-catalog__filters--oil .egg-filters,
.matrix-content .egg-catalog__filters--oil .oil-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}
@media screen and (max-width: 600px) {
  .matrix-content .egg-catalog__filters--egg .egg-filters,
  .matrix-content .egg-catalog__filters--egg .oil-filters, .matrix-content .egg-catalog__filters--oil .egg-filters,
  .matrix-content .egg-catalog__filters--oil .oil-filters {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .matrix-content .egg-catalog__filters--egg .egg-filters > div,
  .matrix-content .egg-catalog__filters--egg .oil-filters > div, .matrix-content .egg-catalog__filters--oil .egg-filters > div,
  .matrix-content .egg-catalog__filters--oil .oil-filters > div {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    width: 100%;
  }
  .matrix-content .egg-catalog__filters--egg .egg-filters > div,
  .matrix-content .egg-catalog__filters--egg .oil-filters > div, .matrix-content .egg-catalog__filters--oil .egg-filters > div,
  .matrix-content .egg-catalog__filters--oil .oil-filters > div {
    text-align: center;
  }
}
.matrix-content .egg-catalog__filters--egg .egg-filters > div,
.matrix-content .egg-catalog__filters--egg .oil-filters > div, .matrix-content .egg-catalog__filters--oil .egg-filters > div,
.matrix-content .egg-catalog__filters--oil .oil-filters > div {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.matrix-content .egg-catalog__filters--egg .egg-filters > div span,
.matrix-content .egg-catalog__filters--egg .oil-filters > div span, .matrix-content .egg-catalog__filters--oil .egg-filters > div span,
.matrix-content .egg-catalog__filters--oil .oil-filters > div span {
  display: block;
}
.matrix-content .egg-catalog__filters--egg .egg-filters > div input[type=number],
.matrix-content .egg-catalog__filters--egg .egg-filters > div select,
.matrix-content .egg-catalog__filters--egg .oil-filters > div input[type=number],
.matrix-content .egg-catalog__filters--egg .oil-filters > div select, .matrix-content .egg-catalog__filters--oil .egg-filters > div input[type=number],
.matrix-content .egg-catalog__filters--oil .egg-filters > div select,
.matrix-content .egg-catalog__filters--oil .oil-filters > div input[type=number],
.matrix-content .egg-catalog__filters--oil .oil-filters > div select {
  display: block;
  width: 100%;
  height: 25px;
  border: 2px solid rgba(0, 95, 121, 0.4);
}
.matrix-content .egg-catalog__filters--egg .egg-filters > div input[type=number]:focus, .matrix-content .egg-catalog__filters--egg .egg-filters > div input[type=number]:visited, .matrix-content .egg-catalog__filters--egg .egg-filters > div input[type=number]:focus-within,
.matrix-content .egg-catalog__filters--egg .egg-filters > div select:focus,
.matrix-content .egg-catalog__filters--egg .egg-filters > div select:visited,
.matrix-content .egg-catalog__filters--egg .egg-filters > div select:focus-within,
.matrix-content .egg-catalog__filters--egg .oil-filters > div input[type=number]:focus,
.matrix-content .egg-catalog__filters--egg .oil-filters > div input[type=number]:visited,
.matrix-content .egg-catalog__filters--egg .oil-filters > div input[type=number]:focus-within,
.matrix-content .egg-catalog__filters--egg .oil-filters > div select:focus,
.matrix-content .egg-catalog__filters--egg .oil-filters > div select:visited,
.matrix-content .egg-catalog__filters--egg .oil-filters > div select:focus-within, .matrix-content .egg-catalog__filters--oil .egg-filters > div input[type=number]:focus, .matrix-content .egg-catalog__filters--oil .egg-filters > div input[type=number]:visited, .matrix-content .egg-catalog__filters--oil .egg-filters > div input[type=number]:focus-within,
.matrix-content .egg-catalog__filters--oil .egg-filters > div select:focus,
.matrix-content .egg-catalog__filters--oil .egg-filters > div select:visited,
.matrix-content .egg-catalog__filters--oil .egg-filters > div select:focus-within,
.matrix-content .egg-catalog__filters--oil .oil-filters > div input[type=number]:focus,
.matrix-content .egg-catalog__filters--oil .oil-filters > div input[type=number]:visited,
.matrix-content .egg-catalog__filters--oil .oil-filters > div input[type=number]:focus-within,
.matrix-content .egg-catalog__filters--oil .oil-filters > div select:focus,
.matrix-content .egg-catalog__filters--oil .oil-filters > div select:visited,
.matrix-content .egg-catalog__filters--oil .oil-filters > div select:focus-within {
  outline: none;
  border-color: inherit;
}
.matrix-content .egg-catalog__filters--egg .egg-filters > div input[type=number].active,
.matrix-content .egg-catalog__filters--egg .egg-filters > div select.active,
.matrix-content .egg-catalog__filters--egg .oil-filters > div input[type=number].active,
.matrix-content .egg-catalog__filters--egg .oil-filters > div select.active, .matrix-content .egg-catalog__filters--oil .egg-filters > div input[type=number].active,
.matrix-content .egg-catalog__filters--oil .egg-filters > div select.active,
.matrix-content .egg-catalog__filters--oil .oil-filters > div input[type=number].active,
.matrix-content .egg-catalog__filters--oil .oil-filters > div select.active {
  border: 2px solid rgba(226, 94, 74, 0.7);
}
.matrix-content .egg-catalog__filters--controls {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.matrix-content .egg-catalog__filters--controls button {
  outline: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  color: #fff;
  font-size: 1rem;
  background: rgba(255, 255, 255, 0.3);
  border: none;
  border-radius: 4px;
}
.matrix-content .egg-catalog__filters--controls button:hover {
  background: rgba(255, 255, 255, 0.5);
}
.matrix-content .egg-catalog__filters--controls button:nth-child(2) {
  background: rgb(226, 94, 74);
}
.matrix-content .filter-results .species {
  gap: 0;
}
.matrix-content .genera,
.matrix-content .filter-results {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 1.5rem;
}
.matrix-content .genera .genus,
.matrix-content .genera .species,
.matrix-content .filter-results .genus,
.matrix-content .filter-results .species {
  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-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.matrix-content .genera .genus-thumb,
.matrix-content .genera .species-thumb,
.matrix-content .filter-results .genus-thumb,
.matrix-content .filter-results .species-thumb {
  aspect-ratio: 16/9;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.matrix-content .genera .genus-thumb img,
.matrix-content .genera .species-thumb img,
.matrix-content .filter-results .genus-thumb img,
.matrix-content .filter-results .species-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.matrix-content .genera .genus-title,
.matrix-content .genera .species-title,
.matrix-content .filter-results .genus-title,
.matrix-content .filter-results .species-title {
  text-align: center;
  margin: 0 auto;
}
.matrix-content .genera .genus-title h2,
.matrix-content .genera .species-title h2,
.matrix-content .filter-results .genus-title h2,
.matrix-content .filter-results .species-title h2 {
  font-size: 25px;
  margin-bottom: 0;
}
.matrix-content .genera .genus-title h2 a,
.matrix-content .genera .species-title h2 a,
.matrix-content .filter-results .genus-title h2 a,
.matrix-content .filter-results .species-title h2 a {
  color: #005f79 !important;
}
.matrix-content .genera .genus-title h2 a:hover,
.matrix-content .genera .species-title h2 a:hover,
.matrix-content .filter-results .genus-title h2 a:hover,
.matrix-content .filter-results .species-title h2 a:hover {
  color: rgb(226, 94, 74) !important;
}
.matrix-content .genera .genus-subtitle,
.matrix-content .genera .species-subtitle,
.matrix-content .filter-results .genus-subtitle,
.matrix-content .filter-results .species-subtitle {
  text-align: center;
  margin: 0.5rem auto;
}
.matrix-content .genera .genus-subtitle span,
.matrix-content .genera .species-subtitle span,
.matrix-content .filter-results .genus-subtitle span,
.matrix-content .filter-results .species-subtitle span {
  font-size: 16px;
  font-style: italic;
  color: #005f79;
  opacity: 0.7;
}
.matrix-content .genera .genus-meta,
.matrix-content .genera .species-meta,
.matrix-content .filter-results .genus-meta,
.matrix-content .filter-results .species-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
.matrix-content .genera .genus-meta span,
.matrix-content .genera .species-meta span,
.matrix-content .filter-results .genus-meta span,
.matrix-content .filter-results .species-meta span {
  color: #005f79;
  opacity: 0.7;
}
.matrix-content .genera .genus-meta span > i,
.matrix-content .genera .species-meta span > i,
.matrix-content .filter-results .genus-meta span > i,
.matrix-content .filter-results .species-meta span > i {
  margin-right: 8px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.matrix-content .genus-intro__name {
  color: #005f79;
  font-weight: bold;
  border: none;
  padding: 0;
}
.matrix-content .genus-intro .sep {
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  margin: 1rem 0;
}
.matrix-content .genus-intro__title {
  font-style: italic;
  font-size: 18px;
  color: grey;
}
.matrix-content .genus .species-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4em;
  margin-top: 3em;
}
.matrix-content .genus .species-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
  padding: 1em;
}
@media screen and (max-width: 767px) {
  .matrix-content .genus .species-list__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.matrix-content .genus .species-list__item .species-meta {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1em;
}
@media screen and (max-width: 767px) {
  .matrix-content .genus .species-list__item .species-meta {
    width: 100%;
  }
}
.matrix-content .genus .species-list__item .species-meta__name {
  font-size: 20px;
  color: #005f79 !important;
  -webkit-transition: all 0.33s ease !important;
  transition: all 0.33s ease !important;
}
.matrix-content .genus .species-list__item .species-meta__name:hover {
  color: rgb(226, 94, 74) !important;
}
.matrix-content .genus .species-list__item .species-meta__title {
  font-size: 16px;
  font-style: italic;
  color: #005f79 !important;
  display: block;
}
.matrix-content .genus .species-list__item .species-meta__specimens, .matrix-content .genus .species-list__item .species-meta__edited, .matrix-content .genus .species-list__item .species-meta__images {
  color: #000;
  opacity: 0.7;
  margin-top: 1rem;
  display: inline-block;
  margin-right: 1rem;
}
.matrix-content .genus .species-list__item .species-meta__specimens > i, .matrix-content .genus .species-list__item .species-meta__edited > i, .matrix-content .genus .species-list__item .species-meta__images > i {
  margin-right: 8px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.matrix-content .genus .species-list__item .species-images {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .matrix-content .genus .species-list__item .species-images {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.matrix-content .genus .species-list__item .species-images .species-images__featured {
  aspect-ratio: 1/1;
  border-radius: 4px;
  max-height: calc(200px + 1rem);
  max-width: calc(200px + 1rem);
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  overflow: hidden;
}
.matrix-content .genus .species-list__item .species-images .species-images__featured img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.matrix-content .genus .species-list__item .species-images__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.matrix-content .genus .species-list__item .species-images__list--image {
  aspect-ratio: 1/1;
  border-radius: 4px;
  overflow: hidden;
  max-height: 100px;
  height: 100px;
}
@media screen and (max-width: 767px) {
  .matrix-content .genus .species-list__item .species-images__list--image {
    display: none;
  }
  .matrix-content .genus .species-list__item .species-images__list--image:nth-child(1), .matrix-content .genus .species-list__item .species-images__list--image:nth-child(2) {
    display: block !important;
  }
}
.matrix-content .genus .species-list__item .species-images__list--image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.matrix-content .species {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2rem;
}
.matrix-content .species .top {
  width: 100%;
  max-width: 100%;
  border-radius: 4px;
  padding: 1rem 2rem;
  background: rgb(255, 255, 255);
  height: auto;
}
.matrix-content .species .top span {
  color: #005f79;
  display: block;
  font-style: italic;
  font-size: 20px;
  opacity: 0.7;
}
.matrix-content .species .left {
  width: 100%;
  max-width: 500px;
  border-radius: 4px;
  padding: 1rem 2rem;
  background: rgb(255, 255, 255);
  height: auto;
}
.matrix-content .species .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 100%;
}
.matrix-content .species-gallery {
  -webkit-column-count: 4;
     -moz-column-count: 4;
          column-count: 4;
}
.matrix-content .species-gallery__item {
  margin-bottom: 1rem;
}
.matrix-content .species-gallery__item img {
  width: 100%;
  -webkit-transition: border-color 0.22s ease;
  transition: border-color 0.22s ease;
  border: solid 2px transparent;
}
.matrix-content .species-gallery__item:hover img {
  border-color: #005f79;
}
.matrix-content .species-about {
  padding: 2em;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  border-radius: 4px;
  padding: 1rem 2rem;
  background: rgb(255, 255, 255);
  height: auto;
  margin-top: 2rem;
}

#glightbox-body {
  padding: 2rem;
}
#glightbox-body .ginner-container .gslide-description {
  text-align: center;
  max-width: 100% !important;
  background: none !important;
}
#glightbox-body .ginner-container .gslide-description .gslide-desc {
  color: rgba(255, 255, 255, 0.4);
}
#glightbox-body .ginner-container .gslide-description .gslide-desc * {
  color: inherit;
}

/* _default-2021.scss */
/* _variables.scss */
#default-banner {
  background-color: white;
  min-height: 80px;
  overflow: hidden;
  padding: 0 20px;
  position: relative;
  text-align: center;
  z-index: 1;
}
#default-banner.overlay img:nth-of-type(1) {
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
}
@media only screen and (min-width: 768px) {
  #default-banner {
    padding: 0 40px;
  }
}
@media only screen and (min-width: 1024px) {
  #default-banner {
    min-height: 88px;
    padding: 0 80px;
  }
}
@media only screen and (min-width: 1440px) {
  #default-banner {
    padding: 0 140px;
  }
}
#default-banner .templatecontent {
  padding: 120px 0 40px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 768px) {
  #default-banner .templatecontent {
    padding: 160px 0 80px;
  }
}
@media only screen and (min-width: 1024px) {
  #default-banner .templatecontent {
    padding: 200px 0 120px;
  }
}
#default-banner .sideline {
  padding-left: 20px;
  position: relative;
}
#default-banner .sideline::before {
  background-color: white;
  content: "";
  left: 0;
  height: 100vw;
  position: absolute;
  top: 0;
  width: 2px;
}
#default-banner h1 {
  text-transform: uppercase;
  width: 100%;
  z-index: 1;
}
#default-banner .templatecontent img:nth-of-type(1) {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
#default-banner .swRotator {
  height: 100% !important;
  left: 0;
  position: absolute !important;
  top: 0;
  width: 100% !important;
  z-index: -1;
}
#default-banner .swRotator .scrollable {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#default-banner .swRotator .scrollable .items {
  height: 100%;
  width: 100%;
}
#default-banner .swRotator .scrollable .items .item {
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100% !important;
}

@media only screen and (min-width: 1024px) {
  #default-layout {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(200px, 1fr) 3fr;
    grid-template-columns: minmax(200px, 1fr) 3fr;
  }
}
@media only screen and (min-width: 1440px) {
  #default-layout {
    -ms-grid-columns: minmax(200px, 1fr) 4fr;
    grid-template-columns: minmax(200px, 1fr) 4fr;
  }
}

#default-menu {
  display: none;
}
@media only screen and (min-width: 1024px) {
  #default-menu {
    background-color: #f4f2f2;
    display: block;
    overflow: hidden;
    padding: 64px 16px 64px 40px;
    position: relative;
  }
  #default-menu > li {
    list-style: none;
  }
  #default-menu > li > a {
    color: #8b8178;
    display: block;
    font: bold 20px "proxima-nova", sans-serif;
    letter-spacing: 1px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: none;
    transition: none;
  }
  #default-menu > li > a::after {
    background-color: #e0684b;
    bottom: -4px;
    content: "";
    height: 4px;
    display: block;
    position: relative;
    width: calc(100% + 24px);
  }
  #default-menu > li > a.expand {
    display: none;
  }
  #default-menu > li ul {
    list-style: none;
    margin-top: 40px;
    padding: 0;
  }
  #default-menu > li ul li {
    display: block;
    padding-bottom: 12px;
    position: relative;
  }
  #default-menu > li ul li:last-child {
    padding-bottom: 0;
  }
  #default-menu > li ul li.hasChild::before {
    background-color: #f4f2f2;
    border-right: 1px solid #e0684b;
    content: "";
    height: calc(100% - 16px);
    left: -56px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 40px;
  }
  #default-menu > li ul li.hasChild.open::before {
    opacity: 1;
  }
  #default-menu > li ul li.hasChild .expand {
    background: #f4f2f2 url("../images/chevron-down.svg") center/contain no-repeat;
    content: "";
    cursor: pointer;
    height: 18px;
    left: -24px;
    position: absolute;
    top: 0;
    -webkit-transition: none;
    transition: none;
    width: 16px;
  }
  #default-menu > li ul li.hasChild .expand.open {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  #default-menu > li ul li.current-page > a {
    font-weight: bold;
  }
  #default-menu > li ul a {
    color: black;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-transition: none;
    transition: none;
  }
  #default-menu > li ul a:hover {
    text-decoration: underline;
  }
  #default-menu > li ul ul {
    display: none;
    margin-top: 12px;
    padding-left: 20px;
  }
  #default-menu .background {
    background-size: 100% auto;
    background-position: center top;
    height: 100%;
    margin: 40px -16px 0 -40px;
    position: relative;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1440px) {
  #default-menu .background {
    margin-left: -64px;
  }
}
@media only screen and (min-width: 1024px) {
  #default-menu .background::before {
    background: url("../images/ampersand-white.svg") center/contain no-repeat;
    content: "";
    position: relative;
    display: block;
    height: calc(25vw + 40px);
    margin: 40px -40px -3vw -60px;
    z-index: 2;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1440px) {
  #default-menu .background::before {
    margin: 40px -20px -4vw -60px;
  }
}
@media only screen and (min-width: 1024px) {
  #default-menu .background .background-image {
    position: absolute;
  }
  #default-menu .background .background-image::before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, rgba(244, 242, 242, 0.75)), to(#f4f2f2));
    background: linear-gradient(rgba(244, 242, 242, 0.75) 90%, #f4f2f2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }
}
@media only screen and (min-width: 1440px) {
  #default-menu {
    padding: 80px 16px 80px 64px;
  }
  #default-menu > li > a {
    font-size: 24px;
  }
}

#default-main {
  -ms-flex-item-align: start;
      align-self: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 40px 20px;
  overflow: hidden;
}
#default-main h1:first-child {
  margin-top: 0;
}
#default-main > div:not([class*=w-]) {
  width: 100%;
}
#default-main > .sw-public-page-part {
  width: 100%;
}
#default-main .icons {
  text-align: center;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 1024px) {
  #default-main .icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    right: 24px;
    width: auto !important;
  }
}
@media only screen and (min-width: 1440px) {
  #default-main .icons {
    right: 40px;
  }
}
#default-main .icons a, #default-main .icons span {
  color: black;
  cursor: pointer;
  display: inline-block;
  font-size: 20px;
  margin-left: 8px;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
#default-main .icons a:hover, #default-main .icons span:hover {
  color: #e0684b;
}
@media only screen and (min-width: 768px) {
  #default-main {
    padding: 64px 40px;
  }
}
@media only screen and (min-width: 1024px) {
  #default-main {
    padding: 80px 80px;
  }
}
@media only screen and (min-width: 1440px) {
  #default-main {
    padding: 80px 140px;
  }
}
#default-main img.left {
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
  max-width: unset !important;
  width: calc(100% + 20px);
}
@media only screen and (min-width: 768px) {
  #default-main img.left {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
    width: calc(100% + 40px);
  }
}
@media only screen and (min-width: 1024px) {
  #default-main img.left {
    -webkit-transform: translateX(-80px);
            transform: translateX(-80px);
    width: calc(100% + 80px);
  }
}
@media only screen and (min-width: 1440px) {
  #default-main img.left {
    -webkit-transform: translateX(-140px);
            transform: translateX(-140px);
    width: calc(100% + 140px);
  }
}
#default-main img.right {
  max-width: unset !important;
  width: calc(100% + 20px);
}
@media only screen and (min-width: 768px) {
  #default-main img.right {
    width: calc(100% + 40px);
  }
}
@media only screen and (min-width: 1024px) {
  #default-main img.right {
    width: calc(100% + 80px);
  }
}
@media only screen and (min-width: 1440px) {
  #default-main img.right {
    width: calc(100% + 140px);
  }
}
@media only screen and (min-width: 1024px) {
  #default-main .columns {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 80px;
       -moz-column-gap: 80px;
            column-gap: 80px;
  }
}
#default-main .columns .column {
  font: normal 400 1.15rem "proxima-nova", sans-serif;
  line-height: 170%;
  padding: 10px 0;
}

body.honors-awards-draft {
  --horizontal-margin: 24px;
}
@media (min-width: 768px) {
  body.honors-awards-draft {
    --horizontal-margin: 64px;
  }
}
@media (min-width: 1024px) {
  body.honors-awards-draft {
    --horizontal-margin: 120px;
  }
}
@media (min-width: 1440px) {
  body.honors-awards-draft {
    --horizontal-margin: 180px;
  }
}
body.honors-awards-draft #default-banner {
  background-color: rgb(0, 47, 93);
  padding-bottom: 40px;
  padding-top: 120px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1024px) {
  body.honors-awards-draft #default-banner {
    padding-bottom: 64px;
    padding-top: 144px;
  }
}
body.honors-awards-draft #default-banner::after {
  bottom: 0;
  content: "";
  height: 200px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100vw;
  z-index: 2;
}
body.honors-awards-draft #default-banner .awards-hero {
  padding: 0 var(--horizontal-margin);
  position: relative;
  z-index: 5;
}
@media (min-width: 960px) {
  body.honors-awards-draft #default-banner .awards-hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2em;
  }
}
body.honors-awards-draft #default-banner .awards-hero__content {
  color: white;
  margin-bottom: 40px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
body.honors-awards-draft #default-banner .awards-hero__content *:not(i):not([class*=button]) {
  color: white;
}
body.honors-awards-draft #default-banner .awards-hero__content h1, body.honors-awards-draft #default-banner .awards-hero__content h2, body.honors-awards-draft #default-banner .awards-hero__content h3, body.honors-awards-draft #default-banner .awards-hero__content h4, body.honors-awards-draft #default-banner .awards-hero__content h5, body.honors-awards-draft #default-banner .awards-hero__content h6, body.honors-awards-draft #default-banner .awards-hero__content p, body.honors-awards-draft #default-banner .awards-hero__content ul > li, body.honors-awards-draft #default-banner .awards-hero__content ol > li, body.honors-awards-draft #default-banner .awards-hero__content span {
  text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
}
body.honors-awards-draft #default-banner .awards-hero__content ul > li:before {
  color: white;
}
body.honors-awards-draft #default-banner .awards-hero__content h1, body.honors-awards-draft #default-banner .awards-hero__content h2, body.honors-awards-draft #default-banner .awards-hero__content h3, body.honors-awards-draft #default-banner .awards-hero__content p {
  color: inherit;
}
@media (min-width: 1440px) {
  body.honors-awards-draft #default-banner .awards-hero__content h1 {
    font-size: 64px;
  }
}
@media (min-width: 1600px) {
  body.honors-awards-draft #default-banner .awards-hero__content h1 {
    font-size: 80px;
  }
}
@media (min-width: 1440px) {
  body.honors-awards-draft #default-banner .awards-hero__content p {
    font-size: 20px;
  }
}
@media (min-width: 960px) {
  body.honors-awards-draft #default-banner .awards-hero__wrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
body.honors-awards-draft #default-banner .awards-hero__story:not(.tns-item) {
  opacity: 0;
}
body.honors-awards-draft #default-banner .awards-hero__story {
  aspect-ratio: 4/3;
  -webkit-filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.2666666667));
          filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.2666666667));
  position: relative;
  -webkit-transition: border-radius 0.2s ease, -webkit-transform 0.2s ease;
  transition: border-radius 0.2s ease, -webkit-transform 0.2s ease;
  transition: border-radius 0.2s ease, transform 0.2s ease;
  transition: border-radius 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
}
body.honors-awards-draft #default-banner .awards-hero__story:hover .contents {
  border-bottom-left-radius: 24px;
}
body.honors-awards-draft #default-banner .awards-hero__story:hover .contents::after {
  border-bottom-left-radius: 24px;
  height: 100%;
}
body.honors-awards-draft #default-banner .awards-hero__story:hover .arrow {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
body.honors-awards-draft #default-banner .awards-hero__story .play-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  color: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 64px;
  z-index: 10;
}
body.honors-awards-draft #default-banner .awards-hero__story .play-button.news {
  background-color: #007a87;
  color: white;
}
body.honors-awards-draft #default-banner .awards-hero__story .play-button.feature {
  background-color: #e0684b;
  color: white;
}
body.honors-awards-draft #default-banner .awards-hero__story .play-button.opinion {
  background-color: #981f40;
  color: white;
}
body.honors-awards-draft #default-banner .awards-hero__story .play-button.from-the-desk-of-dan-ashe {
  background-color: #00345b;
  color: white;
}
body.honors-awards-draft #default-banner .awards-hero__story .play-button:hover {
  border-bottom-left-radius: 32px;
}
body.honors-awards-draft #default-banner .awards-hero__story .play-button i {
  font-size: 3.2rem;
}
body.honors-awards-draft #default-banner .awards-hero__story .contents {
  background-position: center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  left: 0;
  padding: 24px;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 1;
}
body.honors-awards-draft #default-banner .awards-hero__story .contents::before, body.honors-awards-draft #default-banner .awards-hero__story .contents::after {
  content: "";
  left: 0;
  position: absolute;
  -webkit-transition: border-radius 0.2s ease, height 0.2s ease;
  transition: border-radius 0.2s ease, height 0.2s ease;
  width: 100%;
  z-index: -1;
}
body.honors-awards-draft #default-banner .awards-hero__story .contents::before {
  background: -webkit-gradient(linear, left top, left bottom, from(#00345b), to(rgba(0, 52, 91, 0)));
  background: linear-gradient(#00345b, rgba(0, 52, 91, 0));
  height: 80px;
  top: 0;
}
body.honors-awards-draft #default-banner .awards-hero__story .contents::after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
  background: linear-gradient(rgba(0, 0, 0, 0), black);
  bottom: 0;
  height: 50%;
}
body.honors-awards-draft #default-banner .awards-hero__story .tag {
  background-color: white;
  color: black;
  display: inline-block;
  font-weight: bold;
  left: 0;
  letter-spacing: 2px;
  padding: 2px 10px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  translate: -8px 0;
  top: 16px;
}
body.honors-awards-draft #default-banner .awards-hero__story .tag.news {
  background-color: #007a87;
  color: white;
}
body.honors-awards-draft #default-banner .awards-hero__story .tag.feature {
  background-color: #e0684b;
  color: white;
}
body.honors-awards-draft #default-banner .awards-hero__story .tag.opinion {
  background-color: #981f40;
  color: white;
}
body.honors-awards-draft #default-banner .awards-hero__story .tag.from-the-desk-of-dan-ashe {
  background-color: #00345b;
  color: white;
}
body.honors-awards-draft #default-banner .awards-hero__story .tag:empty {
  display: none;
}
body.honors-awards-draft #default-banner .awards-hero__story .sponsored {
  background-color: black;
  color: white;
  display: inline-block;
  font-weight: bold;
  left: 50%;
  letter-spacing: 2px;
  padding: 2px 10px;
  position: absolute;
  top: 48px;
  text-transform: uppercase;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
body.honors-awards-draft #default-banner .awards-hero__story .date {
  color: white;
  font: bold 10px "proxima-nova", sans-serif;
  letter-spacing: 2px;
  margin: auto 0 8px;
  position: relative;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
body.honors-awards-draft #default-banner .awards-hero__story .logo {
  float: left;
  margin-right: 16px;
  margin-top: 8px;
  width: 80px;
}
body.honors-awards-draft #default-banner .awards-hero__story .title {
  color: white;
  font: bold 24px "minion-pro", serif;
  line-height: 1.1;
  margin: 0 0 8px;
  position: relative;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
@media (min-width: 960px) {
  body.honors-awards-draft #default-banner .awards-hero__story .title {
    font-size: 32px;
  }
}
body.honors-awards-draft #default-banner .awards-hero__story .arrow {
  bottom: 24px;
  opacity: 0;
  position: absolute;
  right: 24px;
  -webkit-transform: translateX(-16px);
          transform: translateX(-16px);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
  width: 40px;
}
@media (min-width: 960px) {
  body.honors-awards-draft #default-banner .awards-hero .tns-outer {
    width: 50%;
  }
}
body.honors-awards-draft #default-banner .awards-hero .tns-ovh {
  overflow: visible;
}
@media (min-width: 960px) {
  body.honors-awards-draft #default-banner .awards-hero .tns-ovh {
    clip-path: polygon(-32px -32px, calc(100% + 25vw) -32px, calc(100% + 25vw) calc(100% + 32px), -32px calc(100% + 32px));
  }
}
@media (min-width: 1200px) {
  body.honors-awards-draft #default-banner .awards-hero .tns-ovh {
    clip-path: polygon(-32px -32px, calc(100% + 50vw) -32px, calc(100% + 50vw) calc(100% + 32px), -32px calc(100% + 32px));
  }
}
body.honors-awards-draft #default-banner .awards-hero .tns-item {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease, scale 0.5s ease, translate 0.5s ease;
  transition: opacity 0.4s ease, scale 0.5s ease, translate 0.5s ease;
  scale: 0.75;
}
@media (min-width: 1200px) {
  body.honors-awards-draft #default-banner .awards-hero .tns-item {
    scale: 0.67;
  }
}
body.honors-awards-draft #default-banner .awards-hero .tns-item.tns-slide-active {
  opacity: 1;
  scale: 1;
}
@media (min-width: 1200px) {
  body.honors-awards-draft #default-banner .awards-hero .tns-item.tns-slide-active + .tns-item + .tns-item {
    translate: -220px 0;
  }
}
body.honors-awards-draft #default-banner .awards-hero .tns-item.tns-slide-active ~ .tns-item {
  opacity: 1;
  translate: -40px 0;
}
@media (min-width: 1200px) {
  body.honors-awards-draft #default-banner .awards-hero .tns-item.tns-slide-active ~ .tns-item {
    translate: -64px 0;
  }
}
body.honors-awards-draft #default-banner .awards-hero .tns-controls {
  bottom: unset;
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 24px auto 0;
  position: relative;
}
body.honors-awards-draft #default-banner .awards-hero .tns-controls button {
  background: none;
  border: 1px solid #00345b;
  border-radius: 50%;
  color: #00345b;
  height: 40px;
  -webkit-transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
  width: 40px;
}
@media (min-width: 1200px) {
  body.honors-awards-draft #default-banner .awards-hero .tns-controls button {
    border-color: white;
    color: white;
  }
}
body.honors-awards-draft #default-banner .awards-hero .tns-controls button[disabled] {
  border-color: transparent;
  opacity: 0.5;
  pointer-events: none;
}
body.honors-awards-draft #default-banner .awards-hero .tns-controls button:hover {
  background-color: #00345b;
  color: white;
}
@media (min-width: 1200px) {
  body.honors-awards-draft #default-banner .awards-hero .tns-controls button:hover {
    background-color: white;
    color: #00345b;
  }
}

body.honors-and-awards-showcase-draft #default-main .awards-grid {
  position: relative;
  z-index: 1;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__content {
  margin-bottom: 40px;
  position: relative;
}
@media (min-width: 1024px) {
  body.honors-and-awards-showcase-draft #default-main .awards-grid__content {
    display: -ms-grid;
    display: grid;
    gap: 16px;
    -ms-grid-columns: 1fr 16px 1fr;
    grid-template-columns: 1fr 1fr;
  }
  body.honors-and-awards-showcase-draft #default-main .awards-grid__content h1, body.honors-and-awards-showcase-draft #default-main .awards-grid__content h2 {
    -ms-grid-column: 1;
    grid-column: 1;
  }
  body.honors-and-awards-showcase-draft #default-main .awards-grid__content h3, body.honors-and-awards-showcase-draft #default-main .awards-grid__content h4, body.honors-and-awards-showcase-draft #default-main .awards-grid__content h5, body.honors-and-awards-showcase-draft #default-main .awards-grid__content h6, body.honors-and-awards-showcase-draft #default-main .awards-grid__content p {
    -ms-grid-column: 2;
    grid-column: 2;
  }
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__wrap {
  margin-bottom: 16px;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__wrap, body.honors-and-awards-showcase-draft #default-main .awards-grid__more {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 768px) {
  body.honors-and-awards-showcase-draft #default-main .awards-grid__wrap, body.honors-and-awards-showcase-draft #default-main .awards-grid__more {
    display: -ms-grid;
    display: grid;
    gap: 16px;
    -ms-grid-columns: 1fr 16px 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1200px) {
  body.honors-and-awards-showcase-draft #default-main .awards-grid__wrap, body.honors-and-awards-showcase-draft #default-main .awards-grid__more {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1500px) {
  body.honors-and-awards-showcase-draft #default-main .awards-grid__wrap, body.honors-and-awards-showcase-draft #default-main .awards-grid__more {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__more {
  gap: 0 16px;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__more .awards-grid__story {
  margin-bottom: 16px;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid #awards-grid__load {
  display: block;
  margin: 0 auto;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story {
  aspect-ratio: 4/3;
  display: block;
  -webkit-filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.2666666667));
          filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.2666666667));
  position: relative;
  -webkit-transition: border-radius 0.2s ease, -webkit-transform 0.2s ease;
  transition: border-radius 0.2s ease, -webkit-transform 0.2s ease;
  transition: border-radius 0.2s ease, transform 0.2s ease;
  transition: border-radius 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1199px) {
  body.honors-and-awards-showcase-draft #default-main .awards-grid__story:last-of-type {
    display: none;
  }
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story:hover .contents {
  border-bottom-left-radius: 24px;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story:hover .contents::after {
  border-bottom-left-radius: 24px;
  height: 100%;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story:hover .arrow {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story .play-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  color: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 64px;
  z-index: 10;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story .play-button.news {
  background-color: #007a87;
  color: white;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story .play-button.feature {
  background-color: #e0684b;
  color: white;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story .play-button.opinion {
  background-color: #981f40;
  color: white;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story .play-button.from-the-desk-of-dan-ashe {
  background-color: #00345b;
  color: white;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story .play-button:hover {
  border-bottom-left-radius: 32px;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story .play-button i {
  font-size: 3.2rem;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story .contents {
  background-position: center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  left: 0;
  padding: 24px;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 1;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story .contents::before, body.honors-and-awards-showcase-draft #default-main .awards-grid__story .contents::after {
  content: "";
  left: 0;
  position: absolute;
  -webkit-transition: border-radius 0.2s ease, height 0.2s ease;
  transition: border-radius 0.2s ease, height 0.2s ease;
  width: 100%;
  z-index: -1;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story .contents::before {
  background: -webkit-gradient(linear, left top, left bottom, from(#00345b), to(rgba(0, 52, 91, 0)));
  background: linear-gradient(#00345b, rgba(0, 52, 91, 0));
  height: 80px;
  top: 0;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story .contents::after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
  background: linear-gradient(rgba(0, 0, 0, 0), black);
  bottom: 0;
  height: 50%;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story .tag {
  background-color: white;
  color: black;
  display: inline-block;
  font-weight: bold;
  left: 0;
  letter-spacing: 2px;
  padding: 2px 10px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  translate: -8px 0;
  top: 16px;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story .tag.news {
  background-color: #007a87;
  color: white;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story .tag.feature {
  background-color: #e0684b;
  color: white;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story .tag.opinion {
  background-color: #981f40;
  color: white;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story .tag.from-the-desk-of-dan-ashe {
  background-color: #00345b;
  color: white;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story .tag:empty {
  display: none;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story .sponsored {
  background-color: black;
  color: white;
  display: inline-block;
  font-weight: bold;
  left: 50%;
  letter-spacing: 2px;
  padding: 2px 10px;
  position: absolute;
  top: 48px;
  text-transform: uppercase;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story .date {
  color: white;
  font: bold 10px "proxima-nova", sans-serif;
  letter-spacing: 2px;
  margin: auto 0 8px;
  position: relative;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story .logo {
  float: left;
  margin-right: 16px;
  margin-top: 8px;
  width: 80px;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story .title {
  color: white;
  font: bold 24px "minion-pro", serif;
  line-height: 1.1;
  margin: 0 0 8px;
  position: relative;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
@media (min-width: 1024px) {
  body.honors-and-awards-showcase-draft #default-main .awards-grid__story .title {
    font-size: 32px;
  }
}
body.honors-and-awards-showcase-draft #default-main .awards-grid__story .arrow {
  bottom: 24px;
  opacity: 0;
  position: absolute;
  right: 24px;
  -webkit-transform: translateX(-16px);
          transform: translateX(-16px);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
  width: 40px;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid .tns-ovh {
  overflow: visible;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid .tns-slide-active {
  -webkit-transform: none !important;
          transform: none !important;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid .tns-controls {
  bottom: unset;
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 24px auto 40px;
  position: relative;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid .tns-controls button {
  background: none;
  border: 1px solid #00345b;
  border-radius: 50%;
  color: #00345b;
  height: 40px;
  -webkit-transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  width: 40px;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid .tns-controls button[disabled] {
  border-color: transparent;
  opacity: 0.5;
}
body.honors-and-awards-showcase-draft #default-main .awards-grid .tns-controls button:hover {
  background-color: #00345b;
  color: white;
}

/* _campaign-2021.scss */
#campaign-header .header-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px;
}
#campaign-header .logo {
  height: 48px;
}
#campaign-header .button {
  background-color: white;
  color: black;
  font-size: 14px;
  padding: 8px;
  text-transform: uppercase;
}

body.campaign #default-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* _safe.scss */
.filter-select-dropdown-wrapper {
  position: relative;
  display: block;
  margin: 0 auto 30px auto;
  padding: 0;
  border: 0;
}
@media screen and (min-width: 1040px) {
  .filter-select-dropdown-wrapper {
    display: none;
  }
}
.filter-select-dropdown-wrapper select#posts-filter-select {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
}

.button-group {
  position: relative;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 40px auto;
}
@media screen and (min-width: 1040px) {
  .button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.button-group .button {
  display: inline-block;
  padding: 10px 18px;
  margin: 10px;
  border: 2px solid #e0684b;
  border-radius: 0;
  background-color: #fff;
  color: black;
  font-size: 16px;
  cursor: pointer;
}
.button-group .button:hover {
  background-color: #e0684b;
  color: black;
}
.button-group .button:active, .button-group .button.is-checked {
  background-color: #e0684b;
}
.button-group .button.is-checked {
  color: black;
}

.grid {
  position: relative;
  display: block;
  height: auto;
  width: 100%;
}
.grid:after {
  content: "";
  display: block;
  clear: both;
}

.grid-sizer {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .grid-sizer {
    width: 50%;
  }
}
@media screen and (min-width: 1400px) {
  .grid-sizer {
    width: 33%;
  }
}

.grid-item {
  position: relative;
  float: left;
  width: calc(100% - 20px);
  height: auto;
  margin: 0 20px 20px 0;
  padding: 0;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .grid-item {
    width: calc(50% - 20px);
  }
}
@media screen and (min-width: 1400px) {
  .grid-item {
    width: calc(33% - 20px);
  }
}
.grid-item:hover .species-overlay {
  top: 0;
  opacity: 1;
}
.grid-item img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.grid-item .species-overlay {
  background-color: rgba(83, 202, 235, 0.8);
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.grid-item .species-overlay h4 {
  color: white;
  position: relative;
  display: block;
  font-weight: 300;
  font-size: 1.7em;
  margin: 0 auto 10px auto;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .grid-item .species-overlay h4 {
    font-size: 2.2em;
    margin: 0 auto 20px auto;
  }
}
.grid-item .species-overlay .species-overlay-btn {
  position: relative;
  display: block;
  border: 2px solid white !important;
  color: white;
  font-weight: 400;
  border-radius: 50px;
  padding: 5px 15px;
  text-decoration: none;
  font-size: 1.4em;
  text-align: center;
  max-width: 150px;
  cursor: pointer;
  margin: 0 auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.grid-item .species-overlay .species-overlay-btn:hover {
  background-color: white;
  color: #53caeb;
}

.speciesModal {
  margin-left: auto;
  margin-right: auto;
}
.speciesModal .modal-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 5px 15px 0 35px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 50px;
}
.speciesModal .modal-header i {
  padding: 0;
  margin: 0;
  line-height: 100%;
  vertical-align: middle;
}
.speciesModal .modal-dialog {
  margin-left: auto;
  margin-right: auto;
}
.speciesModal .modal-dialog h5.modal-species-name {
  font-size: 2.6em;
  font-style: normal;
  font-family: "proxima-nova", sans-serif;
  margin: 0 0 5px 0;
  font-weight: 300;
}
.speciesModal .modal-dialog h5.modal-species-name a {
  font-family: "proxima-nova", sans-serif;
}
.speciesModal .modal-dialog .modal-species-status {
  position: relative;
  display: block;
  font-style: italic;
  font-size: 18px;
  margin: 0 0 10px 0;
  color: #74665E;
}
.speciesModal .modal-dialog .modal-species-description {
  font-size: 1.15rem;
  line-height: 160%;
  text-align: left !important;
}
.speciesModal .modal-dialog .modal-species-description a {
  color: #53caeb;
}
.speciesModal .modal-dialog .modal-program-leader {
  position: relative;
  display: block;
  line-height: 130%;
  margin: 0 0 5px 0;
  font-size: 15px;
  color: #e0684b;
}
.speciesModal .modal-dialog .modal-program-leader a {
  color: #53caeb;
}
.speciesModal .modal-dialog .modal-established {
  position: relative;
  display: block;
  line-height: 130%;
  margin: 0 0 5px 0;
  font-size: 15px;
  color: #e0684b;
}
.speciesModal .modal-dialog .modal-program-due, .speciesModal .modal-dialog .program-plan {
  position: relative;
  display: block;
  line-height: 130%;
  margin: 0 0 5px 0;
  font-size: 15px;
  color: #e0684b;
}
.speciesModal .modal-dialog .modal-program-due a, .speciesModal .modal-dialog .program-plan a {
  color: #53caeb;
}

body.modal-open .modal {
  height: 100%;
}

body.modal-open .modal.in {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

body.modal-open .modal .modal-dialog {
  margin: auto;
}