@import url(https://p.typekit.net/p.css?s=1&k=khh7cza&ht=tk&f=175.5474&a=182515713&app=typekit&e=css);

@font-face {
  font-family: "Proxima Nova Bl";
  src: url(../fonts/proximanova/ProximaNovaA-Black.eot);
  src: local("Proxima Nova Black"),
    local("../fonts/proximanova/ProximaNovaA-Black"),
    url(../fonts/proximanova/ProximaNovaA-Black.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/proximanova/ProximaNovaA-Black.woff2) format("woff2"),
    url(../fonts/proximanova/ProximaNovaA-Black.woff) format("woff"),
    url(../fonts/proximanova/ProximaNovaA-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Proxima Nova Th";
  src: url(../fonts/proximanova/ProximaNovaA-Extrabld.eot);
  src: local("Proxima Nova Extrabold"),
    local("../fonts/proximanova/ProximaNovaA-Extrabld"),
    url(../fonts/proximanova/ProximaNovaA-Extrabld.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/proximanova/ProximaNovaA-Extrabld.woff2) format("woff2"),
    url(../fonts/proximanova/ProximaNovaA-Extrabld.woff) format("woff"),
    url(../fonts/proximanova/ProximaNovaA-Extrabld.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Proxima Nova Alt";
  src: url(https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3)
      format("woff2"),
    url(https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3)
      format("woff"),
    url(https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3)
      format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}

@font-face {
  font-family: "Proxima Nova Th";
  src: url(../fonts/proximanova/ProximaNovaA-Thin.eot);
  src: local("Proxima Nova Thin"),
    local("../fonts/proximanova/ProximaNovaA-Thin"),
    url(../fonts/proximanova/ProximaNovaA-Thin.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/proximanova/ProximaNovaA-Thin.woff2) format("woff2"),
    url(../fonts/proximanova/ProximaNovaA-Thin.woff) format("woff"),
    url(../fonts/proximanova/ProximaNovaA-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../fonts/proximanova/ProximaNovaA-Semibold.eot);
  src: local("Proxima Nova Semibold"),
    local("../fonts/proximanova/ProximaNovaA-Semibold"),
    url(../fonts/proximanova/ProximaNovaA-Semibold.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/proximanova/ProximaNovaA-Semibold.woff2) format("woff2"),
    url(../fonts/proximanova/ProximaNovaA-Semibold.woff) format("woff"),
    url(../fonts/proximanova/ProximaNovaA-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Proxima Nova Bl";
  src: url(../fonts/proximanova/ProximaNovaA-Bold.eot);
  src: local("Proxima Nova Bold"),
    local("../fonts/proximanova/ProximaNovaA-Bold"),
    url(../fonts/proximanova/ProximaNovaA-Bold.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/proximanova/ProximaNovaA-Bold.woff2) format("woff2"),
    url(../fonts/proximanova/ProximaNovaA-Bold.woff) format("woff"),
    url(../fonts/proximanova/ProximaNovaA-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Proxima Nova Lt";
  src: url(https://use.typekit.net/af/1be3c2/00000000000000007735e606/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3)
      format("woff2"),
    url(https://use.typekit.net/af/1be3c2/00000000000000007735e606/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3)
      format("woff"),
    url(https://use.typekit.net/af/1be3c2/00000000000000007735e606/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3)
      format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
}

.tk-proxima-nova {
  font-family: proxima-nova, sans-serif;
}

@font-face {
  font-family: Linearicons-Free;
  src: url(../fonts/linearicons/Linearicons-Free.eot?w118d);
  src: url(../fonts/linearicons/Linearicons-Free.eot?#iefixw118d)
      format("embedded-opentype"),
    url(../fonts/linearicons/Linearicons-Free.woff2?w118d) format("woff2"),
    url(../fonts/linearicons/Linearicons-Free.woff?w118d) format("woff"),
    url(../fonts/linearicons/Linearicons-Free.ttf?w118d) format("truetype"),
    url(../fonts/linearicons/Linearicons-Free.svg?w118d#Linearicons-Free)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
.welcomppp {
  text-align: center;
}
@media screen and (max-width: 769px) {
  .welcomppp {
    margin-top: 15px;
    font-size: 35px;
  }
}
.lnr {
  font-family: Linearicons-Free;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lnr-home:before {
  content: "\e800";
}

.lnr-apartment:before {
  content: "\e801";
}

.lnr-pencil:before {
  content: "\e802";
}

.lnr-magic-wand:before {
  content: "\e803";
}

.lnr-drop:before {
  content: "\e804";
}

.lnr-lighter:before {
  content: "\e805";
}

.lnr-poop:before {
  content: "\e806";
}

.lnr-sun:before {
  content: "\e807";
}

.lnr-moon:before {
  content: "\e808";
}

.lnr-cloud:before {
  content: "\e809";
}

.lnr-cloud-upload:before {
  content: "\e80a";
}

.lnr-cloud-download:before {
  content: "\e80b";
}

.lnr-cloud-sync:before {
  content: "\e80c";
}

.lnr-cloud-check:before {
  content: "\e80d";
}

.lnr-database:before {
  content: "\e80e";
}

.lnr-lock:before {
  content: "\e80f";
}

.lnr-cog:before {
  content: "\e810";
}

.lnr-trash:before {
  content: "\e811";
}

.lnr-dice:before {
  content: "\e812";
}

.lnr-heart:before {
  content: "\e813";
}

.lnr-star:before {
  content: "\e814";
}

.lnr-star-half:before {
  content: "\e815";
}

.lnr-star-empty:before {
  content: "\e816";
}

.lnr-flag:before {
  content: "\e817";
}

.lnr-envelope:before {
  content: "\e818";
}

.lnr-paperclip:before {
  content: "\e819";
}

.lnr-inbox:before {
  content: "\e81a";
}

.lnr-eye:before {
  content: "\e81b";
}

.lnr-printer:before {
  content: "\e81c";
}

.lnr-file-empty:before {
  content: "\e81d";
}

.lnr-file-add:before {
  content: "\e81e";
}

.lnr-enter:before {
  content: "\e81f";
}

.lnr-exit:before {
  content: "\e820";
}

.lnr-graduation-hat:before {
  content: "\e821";
}

.lnr-license:before {
  content: "\e822";
}

.lnr-music-note:before {
  content: "\e823";
}

.lnr-film-play:before {
  content: "\e824";
}

.lnr-camera-video:before {
  content: "\e825";
}

.lnr-camera:before {
  content: "\e826";
}

.lnr-picture:before {
  content: "\e827";
}

.lnr-book:before {
  content: "\e828";
}

.lnr-bookmark:before {
  content: "\e829";
}

.lnr-user:before {
  content: "\e82a";
}

.lnr-users:before {
  content: "\e82b";
}

.lnr-shirt:before {
  content: "\e82c";
}

.lnr-store:before {
  content: "\e82d";
}

.lnr-cart:before {
  content: "\e82e";
}

.lnr-tag:before {
  content: "\e82f";
}

.lnr-phone-handset:before {
  content: "\e830";
}

.lnr-phone:before {
  content: "\e831";
}

.lnr-pushpin:before {
  content: "\e832";
}

.lnr-map-marker:before {
  content: "\e833";
}

.lnr-map:before {
  content: "\e834";
}

.lnr-location:before {
  content: "\e835";
}

.lnr-calendar-full:before {
  content: "\e836";
}

.lnr-keyboard:before {
  content: "\e837";
}

.lnr-spell-check:before {
  content: "\e838";
}

.lnr-screen:before {
  content: "\e839";
}

.lnr-smartphone:before {
  content: "\e83a";
}

.lnr-tablet:before {
  content: "\e83b";
}

.lnr-laptop:before {
  content: "\e83c";
}

.lnr-laptop-phone:before {
  content: "\e83d";
}

.lnr-power-switch:before {
  content: "\e83e";
}

.lnr-bubble:before {
  content: "\e83f";
}

.lnr-heart-pulse:before {
  content: "\e840";
}

.lnr-construction:before {
  content: "\e841";
}

.lnr-pie-chart:before {
  content: "\e842";
}

.lnr-chart-bars:before {
  content: "\e843";
}

.lnr-gift:before {
  content: "\e844";
}

.lnr-diamond:before {
  content: "\e845";
}

.lnr-linearicons:before {
  content: "\e846";
}

.lnr-dinner:before {
  content: "\e847";
}

.lnr-coffee-cup:before {
  content: "\e848";
}

.lnr-leaf:before {
  content: "\e849";
}

.lnr-paw:before {
  content: "\e84a";
}

.lnr-rocket:before {
  content: "\e84b";
}

.lnr-briefcase:before {
  content: "\e84c";
}

.lnr-bus:before {
  content: "\e84d";
}

.lnr-car:before {
  content: "\e84e";
}

.lnr-train:before {
  content: "\e84f";
}

.lnr-bicycle:before {
  content: "\e850";
}

.lnr-wheelchair:before {
  content: "\e851";
}

.lnr-select:before {
  content: "\e852";
}

.lnr-earth:before {
  content: "\e853";
}

.lnr-smile:before {
  content: "\e854";
}

.lnr-sad:before {
  content: "\e855";
}

.lnr-neutral:before {
  content: "\e856";
}

.lnr-mustache:before {
  content: "\e857";
}

.lnr-alarm:before {
  content: "\e858";
}

.lnr-bullhorn:before {
  content: "\e859";
}

.lnr-volume-high:before {
  content: "\e85a";
}

.lnr-volume-medium:before {
  content: "\e85b";
}

.lnr-volume-low:before {
  content: "\e85c";
}

.lnr-volume:before {
  content: "\e85d";
}

.lnr-mic:before {
  content: "\e85e";
}

.lnr-hourglass:before {
  content: "\e85f";
}

.lnr-undo:before {
  content: "\e860";
}

.lnr-redo:before {
  content: "\e861";
}

.lnr-sync:before {
  content: "\e862";
}

.lnr-history:before {
  content: "\e863";
}

.lnr-clock:before {
  content: "\e864";
}

.lnr-download:before {
  content: "\e865";
}

.lnr-upload:before {
  content: "\e866";
}

.lnr-enter-down:before {
  content: "\e867";
}

.lnr-exit-up:before {
  content: "\e868";
}

.lnr-bug:before {
  content: "\e869";
}

.lnr-code:before {
  content: "\e86a";
}

.lnr-link:before {
  content: "\e86b";
}

.lnr-unlink:before {
  content: "\e86c";
}

.lnr-thumbs-up:before {
  content: "\e86d";
}

.lnr-thumbs-down:before {
  content: "\e86e";
}

.lnr-magnifier:before {
  content: "\e86f";
}

.lnr-cross:before {
  content: "\e870";
}

.lnr-menu:before {
  content: "\e871";
}

.lnr-list:before {
  content: "\e872";
}

.lnr-chevron-up:before {
  content: "\e873";
}

.lnr-chevron-down:before {
  content: "\e874";
}

.lnr-chevron-left:before {
  content: "\e875";
}

.lnr-chevron-right:before {
  content: "\e876";
}

.lnr-arrow-up:before {
  content: "\e877";
}

.lnr-arrow-down:before {
  content: "\e878";
}

.lnr-arrow-left:before {
  content: "\e879";
}

.lnr-arrow-right:before {
  content: "\e87a";
}

.lnr-move:before {
  content: "\e87b";
}

.lnr-warning:before {
  content: "\e87c";
}

.lnr-question-circle:before {
  content: "\e87d";
}

.lnr-menu-circle:before {
  content: "\e87e";
}

.lnr-checkmark-circle:before {
  content: "\e87f";
}

.lnr-cross-circle:before {
  content: "\e880";
}

.lnr-plus-circle:before {
  content: "\e881";
}

.lnr-circle-minus:before {
  content: "\e882";
}

.lnr-arrow-up-circle:before {
  content: "\e883";
}

.lnr-arrow-down-circle:before {
  content: "\e884";
}

.lnr-arrow-left-circle:before {
  content: "\e885";
}

.lnr-arrow-right-circle:before {
  content: "\e886";
}

.lnr-chevron-up-circle:before {
  content: "\e887";
}

.lnr-chevron-down-circle:before {
  content: "\e888";
}

.lnr-chevron-left-circle:before {
  content: "\e889";
}

.lnr-chevron-right-circle:before {
  content: "\e88a";
}

.lnr-crop:before {
  content: "\e88b";
}

.lnr-frame-expand:before {
  content: "\e88c";
}

.lnr-frame-contract:before {
  content: "\e88d";
}

.lnr-layers:before {
  content: "\e88e";
}

.lnr-funnel:before {
  content: "\e88f";
}

.lnr-text-format:before {
  content: "\e890";
}

.lnr-text-format-remove:before {
  content: "\e891";
}

.lnr-text-size:before {
  content: "\e892";
}

.lnr-bold:before {
  content: "\e893";
}

.lnr-italic:before {
  content: "\e894";
}

.lnr-underline:before {
  content: "\e895";
}

.lnr-strikethrough:before {
  content: "\e896";
}

.lnr-highlight:before {
  content: "\e897";
}

.lnr-text-align-left:before {
  content: "\e898";
}

.lnr-text-align-center:before {
  content: "\e899";
}

.lnr-text-align-right:before {
  content: "\e89a";
}

.lnr-text-align-justify:before {
  content: "\e89b";
}

.lnr-line-spacing:before {
  content: "\e89c";
}

.lnr-indent-increase:before {
  content: "\e89d";
}

.lnr-indent-decrease:before {
  content: "\e89e";
}

.lnr-pilcrow:before {
  content: "\e89f";
}

.lnr-direction-ltr:before {
  content: "\e8a0";
}

.lnr-direction-rtl:before {
  content: "\e8a1";
}

.lnr-page-break:before {
  content: "\e8a2";
}

.lnr-sort-alpha-asc:before {
  content: "\e8a3";
}

.lnr-sort-amount-asc:before {
  content: "\e8a4";
}

.lnr-hand:before {
  content: "\e8a5";
}

.lnr-pointer-up:before {
  content: "\e8a6";
}

.lnr-pointer-right:before {
  content: "\e8a7";
}

.lnr-pointer-down:before {
  content: "\e8a8";
}

.lnr-pointer-left:before {
  content: "\e8a9";
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.glider-contain {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.glider {
  margin: 0 auto;
  position: relative;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  transform: translateZ(0);
  scrollbar-width: none;
}

@media screen and (max-width: 480px) {
  .glider::-webkit-scrollbar {
    display: none;
  }
}

.glider-track {
  transform: translateZ(0);
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  z-index: 1;
}

.glider.draggable {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.glider.draggable .glider-slide img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}

.glider.drag {
  cursor: grabbing;
}

.glider-slide {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  justify-content: center;
  width: 100%;
}

.glider-slide img {
  width: auto;
}

.glider::-webkit-scrollbar {
  opacity: 0;
  height: 0;
}

.glider-next,
.glider-prev {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: absolute;
  outline: 0;
  background: 0 0;
  padding: 0;
  z-index: 2;
  font-size: 2.5rem;
  text-decoration: none;
  left: -23px;
  border: 0;
  top: 30%;
  cursor: pointer;
  color: #666;
  opacity: 1;
  line-height: 1;
  transition: opacity 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67),
    color 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67);
}

.glider-next:focus,
.glider-next:hover,
.glider-prev:focus,
.glider-prev:hover {
  color: #a89cc8;
}

.glider-next {
  right: -23px;
  left: auto;
}

.glider-next.disabled,
.glider-prev.disabled {
  opacity: 0.25;
  color: #666;
  cursor: default;
  display: none;
}

.glider-slide {
  min-width: 140px;
}

.glider-hide {
  opacity: 0;
}

.glider-dots {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
}

.glider-dot {
  border: 0;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  outline: 0;
  display: block;
  cursor: pointer;
  color: #ccc;
  border-radius: 999px;
  background: #ccc;
  width: 12px;
  height: 12px;
  margin: 7px;
}

.glider-dot.active,
.glider-dot:focus,
.glider-dot:hover {
  background: #a89cc8;
}

@media (max-width: 36em) {
  .glider::-webkit-scrollbar {
    opacity: 1;
    -webkit-appearance: none;
    width: 7px;
    height: 3px;
  }

  .glider::-webkit-scrollbar-thumb {
    opacity: 1;
    border-radius: 99px;
    background-color: rgba(156, 156, 156, 0.25);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.25);
  }
}

body {
  font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  overflow-x: hidden;
  line-height: 1.5em;
  font-size: 1rem;
  color: #4b4b4d;
}

main {
  margin-top: 50px;
}

@media screen and (min-width: 1025px) {
  main {
    margin-top: 58px;
  }
}

* {
  box-sizing: border-box;
}

@media screen and (min-width: 1025px) {
  .alt-clear #bodyContent {
    margin-top: -57px !important;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #bodyContent {
    z-index: 2;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #bodyContent .hero-glide-banner {
    z-index: 2;
  }
}

.wrapper {
  width: 100%;
  max-width: 1129px;
  margin: 0 auto !important;
  padding: 0 30px;
}

@media screen and (max-width: 1200px) {
  .wrapper {
    padding: 0 20px;
  }
}

.wrapper.wide {
  max-width: 1711.5px;
}

.wrapper.narrow {
  max-width: 800px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.1;
}

h1 {
  font-size: 1.875rem;
}

@media screen and (min-width: 769px) {
  h1 {
    font-size: 3.125rem;
  }
}

h2 {
  font-size: 1.875rem;
}

@media screen and (min-width: 769px) {
  h2 {
    font-size: 3rem;
  }
}

h3 {
  font-size: 1.75rem;
}

@media screen and (min-width: 769px) {
  h3 {
    font-size: 2.5rem;
  }
}

h4 {
  font-size: 1.625rem;
}

@media screen and (min-width: 769px) {
  h4 {
    font-size: 2.375rem;
  }
}

h5 {
  font-size: 1.5rem;
}

@media screen and (min-width: 769px) {
  h5 {
    font-size: 2.25rem;
  }
}

strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

blockquote,
dd,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
ol,
p,
table,
ul {
  margin: 15px 0 15px;
}

@media screen and (min-width: 769px) {
  blockquote,
  dd,
  dl,
  dt,
  form,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  hr,
  ol,
  p,
  table,
  ul {
    margin: 30px 0 30px;
  }
}

blockquote:first-child,
dd:first-child,
dl:first-child,
/* dt:first-child, */
form:first-child,
h1:first-child,
/* h2:first-child, */
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
hr:first-child,
ol:first-child,
table:first-child,
ul:first-child {
  margin-top: 0;
}

blockquote:last-child,
dd:last-child,
dl:last-child,
/* dt:last-child, */
form:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
hr:last-child,
ol:last-child,
p:last-child,
table:last-child,
ul:last-child {
  margin-bottom: 0;
}

table {
  width: 100%;
}

table thead {
  border-bottom: 1px solid;
}

table tr:nth-child(2n) td,
table tr:nth-child(2n) th {
  background-color: #eee;
}

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

a {
  color: #004c9d;
  text-decoration: none;
}

@media screen and (min-width: 1025px) {
  a:hover {
    text-decoration: underline;
  }
}

dl,
ol,
ul {
  padding-left: 30px;
}

dl dd {
  margin-left: 30px;
}

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

blockquote {
  background-color: #eee;
  width: 75%;
  padding: 30px;
}

blockquote footer {
  background-color: #fff;
  padding: 5px 15px;
  display: inline-block;
}

pre {
  background-color: #eee;
  font-family: monospace;
  overflow: auto;
  width: 100%;
}

button {
  box-shadow: 0 0;
  background: 0 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  border: 1px solid #ccc;
  padding: 10px 20px;
  cursor: pointer;
}

/* button:hover {
    background-color: #ccc
} */

.button {
  box-shadow: 0 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  text-decoration: none;
  background: #ef6246;
  font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: 1.125rem;
  padding: 10px 45px;
  cursor: pointer;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  overflow: hidden;
  position: relative;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  text-align: center;
}

@media screen and (min-width: 1025px) {
  .button:after,
  .button:before {
    background-color: #fff;
    border-radius: 50%;
    bottom: 100%;
    content: "";
    height: 150px;
    left: 100%;
    opacity: 0.15;
    position: absolute;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    width: 150px;
  }
}

/* .button:hover {
    background-color: #ef6246;
    text-decoration: none
} */

@media screen and (min-width: 1025px) {
  .button:hover {
    transform: scale(1.05);
  }

  .button:hover:before {
    bottom: calc(25% - 20px);
    left: calc(85% - 20px);
  }

  .button:hover:after {
    bottom: calc(25% - 10px);
    left: calc(85% - 10px);
  }
}

.button.full {
  width: 100%;
}

.button.blue {
  background-color: #5aa3d2;
}

.button.blue:hover {
  background-color: #5aa3d2;
}

.button.clear {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.button.clear.orange:after,
.button.clear.orange:before {
  background-color: #ef6246;
}

.button.clear.orange {
  border: 1px solid #ef6246;
  color: #ef6246;
}

.button.clear.blue-outline {
  border: 1px solid #004c9d;
  color: #004c9d;
}

.button.clear.blue-outline.blue-outline:after,
.button.clear.blue-outline.blue-outline:before {
  background-color: #004c9d;
}

.button.clear.blue-outline:hover {
  text-decoration: none;
}

@media screen and (min-width: 1025px) {
  .button.clear.blue-outline:hover {
    transform: scale(1.05);
  }

  .button.clear.blue-outline:hover:before {
    bottom: calc(25% - 20px);
    left: calc(85% - 20px);
  }

  .button.clear.blue-outline:hover:after {
    bottom: calc(25% - 10px);
    left: calc(85% - 10px);
  }
}

.button.invite .lnr-cross {
  display: inline-block;
  background: #fff;
  border: 1px solid;
  border-radius: 100%;
  padding: 1px;
  font-size: 0.5rem;
  transform: rotate(45deg);
  position: relative;
  right: -10px;
  top: 4px;
}

.button.lrg {
  box-shadow: 0 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  text-decoration: none;
  background: #ef6246;
  font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: 1.125rem;
  padding: 10px 45px;
  cursor: pointer;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  overflow: hidden;
  position: relative;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  text-align: center;
  font-size: 18px;
  padding: 18px 75px;
}

@media screen and (min-width: 1025px) {
  .button.lrg:after,
  .button.lrg:before {
    background-color: #fff;
    border-radius: 50%;
    bottom: 100%;
    content: "";
    height: 150px;
    left: 100%;
    opacity: 0.15;
    position: absolute;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    width: 150px;
  }
}

.button.lrg:hover {
  background-color: #ef6246;
  text-decoration: none;
}

@media screen and (min-width: 1025px) {
  .button.lrg:hover {
    transform: scale(1.05);
  }

  .button.lrg:hover:before {
    bottom: calc(25% - 20px);
    left: calc(85% - 20px);
  }

  .button.lrg:hover:after {
    bottom: calc(25% - 10px);
    left: calc(85% - 10px);
  }
}

.button.lrg.full {
  width: 100%;
}

.button.lrg.blue {
  background-color: #5aa3d2;
}

.button.lrg.blue:hover {
  background-color: #5aa3d2;
}

.button.lrg.clear {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.button.lrg.clear.orange:after,
.button.lrg.clear.orange:before {
  background-color: #ef6246;
}

.button.lrg.clear.orange {
  border: 1px solid #ef6246;
  color: #ef6246;
}

.button.lrg.clear.blue-outline {
  border: 1px solid #004c9d;
  color: #004c9d;
}

.button.lrg.clear.blue-outline.blue-outline:after,
.button.lrg.clear.blue-outline.blue-outline:before {
  background-color: #004c9d;
}

.button.lrg.clear.blue-outline:hover {
  text-decoration: none;
}

@media screen and (min-width: 1025px) {
  .button.lrg.clear.blue-outline:hover {
    transform: scale(1.05);
  }

  .button.lrg.clear.blue-outline:hover:before {
    bottom: calc(25% - 20px);
    left: calc(85% - 20px);
  }

  .button.lrg.clear.blue-outline:hover:after {
    bottom: calc(25% - 10px);
    left: calc(85% - 10px);
  }
}

.button.lrg.invite .lnr-cross {
  display: inline-block;
  background: #fff;
  border: 1px solid;
  border-radius: 100%;
  padding: 1px;
  font-size: 0.5rem;
  transform: rotate(45deg);
  position: relative;
  right: -10px;
  top: 4px;
}

.link {
  box-shadow: 0 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  text-decoration: none;
  display: inline-block;
  color: #004c9d;
  padding: 0;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  font-size: 1.125rem;
  font-weight: 600;
  border-bottom: 2px solid transparent;
}

@media screen and (max-width: 1200px) {
  .link {
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1025px) {
  .link:hover {
    color: #003d7e;
    text-decoration: none;
    border-bottom: 2px solid;
  }
}

.link.arrow {
  box-shadow: 0 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  text-decoration: none;
  display: inline-block;
  color: #004c9d;
  padding: 0;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  font-size: 1.125rem;
  font-weight: 600;
  border-bottom: 2px solid transparent;
  margin-right: 20px;
  position: relative;
  font-weight: 600;
}

@media screen and (max-width: 1200px) {
  .link.arrow {
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1025px) {
  .link.arrow:hover {
    color: #003d7e;
    text-decoration: none;
    border-bottom: 2px solid;
  }
}

@media screen and (max-width: 1200px) {
  .link.arrow {
    text-transform: uppercase;
  }
}

.link.arrow:after {
  content: "\e876";
  display: block;
  position: absolute;
  top: 50%;
  font-family: Linearicons-Free;
  transform: translateY(-50%) rotateY(0);
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  right: -30px;
}

.link.arrow.left {
  box-shadow: 0 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  text-decoration: none;
  display: inline-block;
  color: #004c9d;
  padding: 0;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  font-size: 1.125rem;
  font-weight: 600;
  border-bottom: 2px solid transparent;
  margin-right: 20px;
  position: relative;
  font-weight: 600;
  margin-left: 30px;
  margin-right: 0;
}

@media screen and (max-width: 1200px) {
  .link.arrow.left {
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1025px) {
  .link.arrow.left:hover {
    color: #003d7e;
    text-decoration: none;
    border-bottom: 2px solid;
  }
}

@media screen and (max-width: 1200px) {
  .link.arrow.left {
    text-transform: uppercase;
  }
}

.link.arrow.left:after {
  content: "\e876";
  display: block;
  position: absolute;
  top: 50%;
  font-family: Linearicons-Free;
  transform: translateY(-50%) rotateY(0);
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  right: -30px;
}

.link.arrow.left:after {
  content: "\e875";
  left: -30px;
}

section {
  margin: 80px 0;
}

@media screen and (max-width: 1200px) {
  section {
    width: 100%;
    margin: 14px 0;
  }
}

section:first-of-type {
  margin-top: 0;
}

section.no-mar {
  margin: 0;
}

section.no-mar-bottom {
  margin-bottom: 0;
}

.video-container {
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}

.video-container .video,
.video-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.load-more {
  margin: 50px 0;
}

@media screen and (max-width: 1024px) {
  .load-more.news {
    display: none;
  }
}

.load-more .button,
.load-more button {
  display: block;
  margin: 0 auto;
  width: 310px;
}

@media screen and (max-width: 1200px) {
  .desktop-only {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .mobile-only {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .no-ipad-desktop-only {
    width: 0 !important;
  }
}

.divider {
  text-align: center;
  position: relative;
  margin: 30px 0;
}

.divider:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 1px;
  background-color: #ccc;
  display: block;
  transform: translate(-50%, -50%);
}

.divider span {
  position: relative;
  background: #fff;
  color: #ccc;
  display: inline-block;
  padding: 5px 20px;
}

.download-files {
  position: fixed;
  bottom: 0;
  right: 0;
  text-align: right;
  border: 1px solid;
  font-size: 1.25rem;
  padding: 30px;
  box-sizing: border-box;
}

.download-files a {
  display: block;
  cursor: pointer;
}

.html-output {
  position: fixed;
  top: 0;
  left: -90%;
  width: 90%;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  z-index: 99999;
}

.html-output.open {
  left: 0;
}

.html-output > span {
  position: absolute;
  top: 0;
  right: -44.5px;
  font-size: 2.5rem;
  transform: rotate(90deg);
  cursor: pointer;
  background: #000;
  color: #fff;
  padding: 10px;
  box-sizing: border-box;
}

.html-output textarea {
  background: #000;
  color: #adff2f;
  font-family: monospace;
  height: 100vh;
}

section.no-mar-top {
  margin-top: 0;
}

.flex-grow {
  flex-grow: 1;
}

.grecaptcha-badge {
  visibility: hidden;
}

.visually-hidden {
  position: absolute;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  border: 0;
}

form {
  width: 100%;
  position: relative;
}

form blockquote,
form dd,
form dl,
form dt,
form form,
form h1,
form h2,
form h3,
form h4,
form h5,
form h6,
form hr,
form ol,
form p,
form table,
form ul {
  margin: 0 0 20px;
}

@media screen and (min-width: 769px) {
  form blockquote,
  form dd,
  form dl,
  form dt,
  form form,
  form h1,
  form h2,
  form h3,
  form h4,
  form h5,
  form h6,
  form hr,
  form ol,
  form p,
  form table,
  form ul {
    margin: 0 0 20px;
  }
}

form blockquote:first-child,
form dd:first-child,
form dl:first-child,
form dt:first-child,
form form:first-child,
form h1:first-child,
form h2:first-child,
form h3:first-child,
form h4:first-child,
form h5:first-child,
form h6:first-child,
form hr:first-child,
form ol:first-child,
form p:first-child,
form table:first-child,
form ul:first-child {
  margin-top: 0;
}

form blockquote:last-child,
form dd:last-child,
form dl:last-child,
form dt:last-child,
form form:last-child,
form h1:last-child,
form h2:last-child,
form h3:last-child,
form h4:last-child,
form h5:last-child,
form h6:last-child,
form hr:last-child,
form ol:last-child,
form p:last-child,
form table:last-child,
form ul:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 769px) {
  form .grid.gutter-20 .row .col.half {
    display: block;
  }
}

form.inline {
  display: flex;
  align-items: flex-end;
  width: 100%;
  margin: 0;
}

form.inline label {
  width: calc(100% - 100px);
  margin: 0;
}

@media screen and (min-width: 769px) {
  form.inline label {
    display: flex;
    align-items: center;
  }
}

@media screen and (min-width: 769px) {
  form.inline label span {
    width: 300px;
    font-size: 1.25rem;
    color: #4b4b4d;
    font-weight: 600;
  }
}

form.inline button,
form.inline input[type="submit"] {
  padding: 10px;
  width: 100px;
}

form.inline button,
form.inline input {
  margin: 0;
  height: 52px;
}

form span.required::after {
  content: "*";
  font-size: smaller;
  line-height: normal;
  vertical-align: super;
}

.contact-bar form .submit-btn:disabled,
.donation-request form .submit-btn:disabled,
.general-inquiry-form form .submit-btn:disabled,
.order-sample-contact form .submit-btn:disabled,
form .contact-bar .submit-btn:disabled,
form .donation-request .submit-btn:disabled,
form .general-inquiry-form .submit-btn:disabled,
form .order-sample-contact .submit-btn:disabled,
form input[type="submit"]:disabled {
  background-color: #ccc;
}

.contact-bar form .submit-btn:hover:disabled,
.donation-request form .submit-btn:hover:disabled,
.general-inquiry-form form .submit-btn:hover:disabled,
.order-sample-contact form .submit-btn:hover:disabled,
form .contact-bar .submit-btn:hover:disabled,
form .donation-request .submit-btn:hover:disabled,
form .general-inquiry-form .submit-btn:hover:disabled,
form .order-sample-contact .submit-btn:hover:disabled,
form input[type="submit"]:disabled:hover {
  background-color: #ccc;
  transform: none;
}

@media screen and (min-width: 769px) {
  .check-grid {
    padding: 0 30px;
  }
}

@media screen and (min-width: 769px) {
  .check-grid label {
    margin-bottom: 20px;
  }
}

.form-section,
fieldset {
  margin-bottom: 40px;
}

label {
  display: block;
}

@media screen and (max-width: 1200px) {
  label {
    margin-bottom: 10px;
  }
}

label > span {
  display: inline-block;
  margin: 0 0 5px 10px;
}

@media screen and (min-width: 769px) {
  label > span {
    margin: 0 0 5px 0;
  }
}

label.required span::after {
  content: "*";
  font-size: smaller;
  line-height: normal;
  vertical-align: super;
}

input,
textarea {
  margin-bottom: 15px;
}

textarea {
  border-radius: 0;
  box-shadow: 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 15px;
  width: 100%;
  border: 1px solid #ccc;
  max-width: 100%;
  font-size: 1rem;
  box-sizing: border-box;
  font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
}

textarea::-moz-placeholder {
  font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
}

textarea::placeholder {
  font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
}

input {
  box-shadow: 0 0;
  background: 0 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: 1rem;
  background-color: #fff;
}

input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="message"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  padding: 15px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  box-shadow: 0 0;
  border: 1px solid #ccc;
}

input[type="file"] {
  width: 0;
  height: 0;
  position: relative;
}

.products input[type="checkbox"],
input[type="checkbox"],
input[type="radio"] {
  margin: 0;
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.products input[type="checkbox"] + span,
input[type="checkbox"] + span,
input[type="radio"] + span {
  cursor: pointer;
  position: relative;
  padding-left: 30px;
}

.products input[type="checkbox"] + span:before,
input[type="checkbox"] + span:before,
input[type="radio"] + span:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #fff;
}

.products input[type="checkbox"]::-ms-check,
input[type="checkbox"]::-ms-check,
input[type="radio"]::-ms-check {
  display: none;
}

.products input[type="checkbox"] + span,
input[type="radio"] + span {
  padding-left: 27px;
}

.products input[type="checkbox"] + span:before,
input[type="radio"] + span:before {
  height: 18px;
  width: 18px;
  content: "";
  border: 1px solid #888;
  border-radius: 100%;
}

.products input:checked[type="checkbox"] + span:before,
input[type="radio"]:checked + span:before {
  background-image: url(/images/checkRadio.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-color: #fff;
}

input[type="checkbox"] + span {
  margin: 0;
}

input[type="checkbox"] + span:before {
  height: 20px;
  width: 20px;
}

input[type="checkbox"]:checked + span:before {
  background-image: url(/images/check.png);
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
  box-shadow: 0 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  text-decoration: none;
  background: #ef6246;
  font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: 1.125rem;
  padding: 10px 45px;
  cursor: pointer;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  overflow: hidden;
  position: relative;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  text-align: center;
}

@media screen and (min-width: 1025px) {
  input[type="button"]:after,
  input[type="button"]:before,
  input[type="reset"]:after,
  input[type="reset"]:before,
  input[type="submit"]:after,
  input[type="submit"]:before {
    background-color: #fff;
    border-radius: 50%;
    bottom: 100%;
    content: "";
    height: 150px;
    left: 100%;
    opacity: 0.15;
    position: absolute;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    width: 150px;
  }
}

input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background-color: #47781c;
  text-decoration: none;
}

@media screen and (min-width: 1025px) {
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    transform: scale(1.05);
  }

  input[type="button"]:hover:before,
  input[type="reset"]:hover:before,
  input[type="submit"]:hover:before {
    bottom: calc(25% - 20px);
    left: calc(85% - 20px);
  }

  input[type="button"]:hover:after,
  input[type="reset"]:hover:after,
  input[type="submit"]:hover:after {
    bottom: calc(25% - 10px);
    left: calc(85% - 10px);
  }
}

input[type="button"].full,
input[type="reset"].full,
input[type="submit"].full {
  width: 100%;
}

input[type="button"].blue,
input[type="reset"].blue,
input[type="submit"].blue {
  background-color: #5aa3d2;
}

input[type="button"].blue:hover,
input[type="reset"].blue:hover,
input[type="submit"].blue:hover {
  background-color: #5aa3d2;
}

input[type="button"].clear,
input[type="reset"].clear,
input[type="submit"].clear {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}

input[type="button"].clear.orange:after,
input[type="button"].clear.orange:before,
input[type="reset"].clear.orange:after,
input[type="reset"].clear.orange:before,
input[type="submit"].clear.orange:after,
input[type="submit"].clear.orange:before {
  background-color: #ef6246;
}

input[type="button"].clear.orange,
input[type="reset"].clear.orange,
input[type="submit"].clear.orange {
  border: 1px solid #ef6246;
  color: #ef6246;
}

input[type="button"].clear.blue-outline,
input[type="reset"].clear.blue-outline,
input[type="submit"].clear.blue-outline {
  border: 1px solid #004c9d;
  color: #004c9d;
}

input[type="button"].clear.blue-outline.blue-outline:after,
input[type="button"].clear.blue-outline.blue-outline:before,
input[type="reset"].clear.blue-outline.blue-outline:after,
input[type="reset"].clear.blue-outline.blue-outline:before,
input[type="submit"].clear.blue-outline.blue-outline:after,
input[type="submit"].clear.blue-outline.blue-outline:before {
  background-color: #004c9d;
}

input[type="button"].clear.blue-outline:hover,
input[type="reset"].clear.blue-outline:hover,
input[type="submit"].clear.blue-outline:hover {
  text-decoration: none;
}

@media screen and (min-width: 1025px) {
  input[type="button"].clear.blue-outline:hover,
  input[type="reset"].clear.blue-outline:hover,
  input[type="submit"].clear.blue-outline:hover {
    transform: scale(1.05);
  }

  input[type="button"].clear.blue-outline:hover:before,
  input[type="reset"].clear.blue-outline:hover:before,
  input[type="submit"].clear.blue-outline:hover:before {
    bottom: calc(25% - 20px);
    left: calc(85% - 20px);
  }

  input[type="button"].clear.blue-outline:hover:after,
  input[type="reset"].clear.blue-outline:hover:after,
  input[type="submit"].clear.blue-outline:hover:after {
    bottom: calc(25% - 10px);
    left: calc(85% - 10px);
  }
}

input[type="button"].invite .lnr-cross,
input[type="reset"].invite .lnr-cross,
input[type="submit"].invite .lnr-cross {
  display: inline-block;
  background: #fff;
  border: 1px solid;
  border-radius: 100%;
  padding: 1px;
  font-size: 0.5rem;
  transform: rotate(45deg);
  position: relative;
  right: -10px;
  top: 4px;
}

@media screen and (max-width: 1200px) {
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    margin-top: 20px;
  }
}

input[type="button"].lrg,
input[type="reset"].lrg,
input[type="submit"].lrg {
  box-shadow: 0 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  text-decoration: none;
  background: #ef6246;
  font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: 1.125rem;
  padding: 10px 45px;
  cursor: pointer;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  overflow: hidden;
  position: relative;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  text-align: center;
  font-size: 18px;
  padding: 18px 75px;
}

@media screen and (min-width: 1025px) {
  input[type="button"].lrg:after,
  input[type="button"].lrg:before,
  input[type="reset"].lrg:after,
  input[type="reset"].lrg:before,
  input[type="submit"].lrg:after,
  input[type="submit"].lrg:before {
    background-color: #fff;
    border-radius: 50%;
    bottom: 100%;
    content: "";
    height: 150px;
    left: 100%;
    opacity: 0.15;
    position: absolute;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    width: 150px;
  }
}

input[type="button"].lrg:hover,
input[type="reset"].lrg:hover,
input[type="submit"].lrg:hover {
  background-color: #ef6246;
  text-decoration: none;
}

@media screen and (min-width: 1025px) {
  input[type="button"].lrg:hover,
  input[type="reset"].lrg:hover,
  input[type="submit"].lrg:hover {
    transform: scale(1.05);
  }

  input[type="button"].lrg:hover:before,
  input[type="reset"].lrg:hover:before,
  input[type="submit"].lrg:hover:before {
    bottom: calc(25% - 20px);
    left: calc(85% - 20px);
  }

  input[type="button"].lrg:hover:after,
  input[type="reset"].lrg:hover:after,
  input[type="submit"].lrg:hover:after {
    bottom: calc(25% - 10px);
    left: calc(85% - 10px);
  }
}

input[type="button"].lrg.full,
input[type="reset"].lrg.full,
input[type="submit"].lrg.full {
  width: 100%;
}

input[type="button"].lrg.blue,
input[type="reset"].lrg.blue,
input[type="submit"].lrg.blue {
  background-color: #5aa3d2;
}

input[type="button"].lrg.blue:hover,
input[type="reset"].lrg.blue:hover,
input[type="submit"].lrg.blue:hover {
  background-color: #5aa3d2;
}

input[type="button"].lrg.clear,
input[type="reset"].lrg.clear,
input[type="submit"].lrg.clear {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}

input[type="button"].lrg.clear.orange:after,
input[type="button"].lrg.clear.orange:before,
input[type="reset"].lrg.clear.orange:after,
input[type="reset"].lrg.clear.orange:before,
input[type="submit"].lrg.clear.orange:after,
input[type="submit"].lrg.clear.orange:before {
  background-color: #ef6246;
}

input[type="button"].lrg.clear.orange,
input[type="reset"].lrg.clear.orange,
input[type="submit"].lrg.clear.orange {
  border: 1px solid #ef6246;
  color: #ef6246;
}

input[type="button"].lrg.clear.blue-outline,
input[type="reset"].lrg.clear.blue-outline,
input[type="submit"].lrg.clear.blue-outline {
  border: 1px solid #004c9d;
  color: #004c9d;
}

input[type="button"].lrg.clear.blue-outline.blue-outline:after,
input[type="button"].lrg.clear.blue-outline.blue-outline:before,
input[type="reset"].lrg.clear.blue-outline.blue-outline:after,
input[type="reset"].lrg.clear.blue-outline.blue-outline:before,
input[type="submit"].lrg.clear.blue-outline.blue-outline:after,
input[type="submit"].lrg.clear.blue-outline.blue-outline:before {
  background-color: #004c9d;
}

input[type="button"].lrg.clear.blue-outline:hover,
input[type="reset"].lrg.clear.blue-outline:hover,
input[type="submit"].lrg.clear.blue-outline:hover {
  text-decoration: none;
}

@media screen and (min-width: 1025px) {
  input[type="button"].lrg.clear.blue-outline:hover,
  input[type="reset"].lrg.clear.blue-outline:hover,
  input[type="submit"].lrg.clear.blue-outline:hover {
    transform: scale(1.05);
  }

  input[type="button"].lrg.clear.blue-outline:hover:before,
  input[type="reset"].lrg.clear.blue-outline:hover:before,
  input[type="submit"].lrg.clear.blue-outline:hover:before {
    bottom: calc(25% - 20px);
    left: calc(85% - 20px);
  }

  input[type="button"].lrg.clear.blue-outline:hover:after,
  input[type="reset"].lrg.clear.blue-outline:hover:after,
  input[type="submit"].lrg.clear.blue-outline:hover:after {
    bottom: calc(25% - 10px);
    left: calc(85% - 10px);
  }
}

input[type="button"].lrg.invite .lnr-cross,
input[type="reset"].lrg.invite .lnr-cross,
input[type="submit"].lrg.invite .lnr-cross {
  display: inline-block;
  background: #fff;
  border: 1px solid;
  border-radius: 100%;
  padding: 1px;
  font-size: 0.5rem;
  transform: rotate(45deg);
  position: relative;
  right: -10px;
  top: 4px;
}

.confirm-box {
  color: #4b4b4d;
  top: 10px;
  position: relative;
}

.confirm-box .products input[type="checkbox"] + span,
.confirm-box input[type="checkbox"] + span,
.confirm-box input[type="radio"] + span,
.products .confirm-box input[type="checkbox"] + span {
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  font-size: 0.875rem;
  margin: 0;
}

.confirm-box .products input[type="checkbox"] + span:before,
.confirm-box input[type="checkbox"] + span:before,
.confirm-box input[type="radio"] + span:before,
.products .confirm-box input[type="checkbox"] + span:before {
  border: 0;
  border-radius: 0;
  position: static;
  width: 30px;
  height: 30px;
  border: 1px solid #ccc;
  margin-right: 10px;
  transform: translate(0, 0);
}

.confirm-box .products input:checked[type="checkbox"] + span:before,
.confirm-box input[type="checkbox"]:checked + span:before,
.confirm-box input[type="radio"]:checked + span:before,
.products .confirm-box input:checked[type="checkbox"] + span:before {
  background-image: url(/images/check.png);
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center;
}

button {
  box-shadow: 0 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  text-decoration: none;
  background: #8bd14d;
  font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: 1.125rem;
  padding: 10px 45px;
  cursor: pointer;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  overflow: hidden;
  position: relative;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  text-align: center;
}

/* @media screen and (min-width:1025px) {

    button:after,
    button:before {
        background-color: #fff;
        border-radius: 50%;
        bottom: 100%;
        content: '';
        height: 150px;
        left: 100%;
        opacity: .15;
        position: absolute;
        transition-duration: .3s;
        transition-timing-function: ease-in-out;
        width: 150px
    }
} */

/* button:hover {
    background-color: #ef6246;
    text-decoration: none
} */

@media screen and (min-width: 1025px) {
  button:hover {
    transform: scale(1.05);
  }

  /* button:hover:before {
        bottom: calc(25% - 20px);
        left: calc(85% - 20px)
    }

    button:hover:after {
        bottom: calc(25% - 10px);
        left: calc(85% - 10px)
    } */
}

button.full {
  width: 100%;
}

button.blue {
  background-color: #5aa3d2;
}

button.blue:hover {
  background-color: #5aa3d2;
}

button.clear {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}

button.clear.orange:after,
button.clear.orange:before {
  background-color: #ef6246;
}

button.clear.orange {
  border: 1px solid #ef6246;
  color: #ef6246;
}

button.clear.blue-outline {
  border: 1px solid #004c9d;
  color: #004c9d;
}

button.clear.blue-outline.blue-outline:after,
button.clear.blue-outline.blue-outline:before {
  background-color: #004c9d;
}

button.clear.blue-outline:hover {
  text-decoration: none;
}

@media screen and (min-width: 1025px) {
  button.clear.blue-outline:hover {
    transform: scale(1.05);
  }

  button.clear.blue-outline:hover:before {
    bottom: calc(25% - 20px);
    left: calc(85% - 20px);
  }

  button.clear.blue-outline:hover:after {
    bottom: calc(25% - 10px);
    left: calc(85% - 10px);
  }
}

button.invite .lnr-cross {
  display: inline-block;
  background: #fff;
  border: 1px solid;
  border-radius: 100%;
  padding: 1px;
  font-size: 0.5rem;
  transform: rotate(45deg);
  position: relative;
  right: -10px;
  top: 4px;
}

button.lrg {
  box-shadow: 0 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  text-decoration: none;
  background: #ef6246;
  font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: 1.125rem;
  padding: 10px 45px;
  cursor: pointer;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  overflow: hidden;
  position: relative;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  text-align: center;
  font-size: 18px;
  padding: 18px 75px;
}

@media screen and (min-width: 1025px) {
  button.lrg:after,
  button.lrg:before {
    background-color: #fff;
    border-radius: 50%;
    bottom: 100%;
    content: "";
    height: 150px;
    left: 100%;
    opacity: 0.15;
    position: absolute;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    width: 150px;
  }
}

button.lrg:hover {
  background-color: #ef6246;
  text-decoration: none;
}

@media screen and (min-width: 1025px) {
  button.lrg:hover {
    transform: scale(1.05);
  }

  button.lrg:hover:before {
    bottom: calc(25% - 20px);
    left: calc(85% - 20px);
  }

  button.lrg:hover:after {
    bottom: calc(25% - 10px);
    left: calc(85% - 10px);
  }
}

button.lrg.full {
  width: 100%;
}

button.lrg.blue {
  background-color: #5aa3d2;
}

button.lrg.blue:hover {
  background-color: #5aa3d2;
}

button.lrg.clear {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}

button.lrg.clear.orange:after,
button.lrg.clear.orange:before {
  background-color: #ef6246;
}

button.lrg.clear.orange {
  border: 1px solid #ef6246;
  color: #ef6246;
}

button.lrg.clear.blue-outline {
  border: 1px solid #004c9d;
  color: #004c9d;
}

button.lrg.clear.blue-outline.blue-outline:after,
button.lrg.clear.blue-outline.blue-outline:before {
  background-color: #004c9d;
}

button.lrg.clear.blue-outline:hover {
  text-decoration: none;
}

@media screen and (min-width: 1025px) {
  button.lrg.clear.blue-outline:hover {
    transform: scale(1.05);
  }

  button.lrg.clear.blue-outline:hover:before {
    bottom: calc(25% - 20px);
    left: calc(85% - 20px);
  }

  button.lrg.clear.blue-outline:hover:after {
    bottom: calc(25% - 10px);
    left: calc(85% - 10px);
  }
}

button.lrg.invite .lnr-cross {
  display: inline-block;
  background: #fff;
  border: 1px solid;
  border-radius: 100%;
  padding: 1px;
  font-size: 0.5rem;
  transform: rotate(45deg);
  position: relative;
  right: -10px;
  top: 4px;
}

textarea {
  min-height: 150px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/images/svg/selectBoxArrow.svg) no-repeat #fff;
  background-position: right 10px center;
  background-size: auto 7px;
  border: 2px solid #004c9d;
  border-radius: 0;
  box-shadow: 0 0;
  box-sizing: border-box;
  color: #4b4b4d;
  font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: 1rem;
  max-width: 100%;
  padding: 5px 20px 5px 10px;
  width: 100%;
}

select:-ms-expand {
  display: none;
}

select optgroup {
  color: #005794;
  text-transform: uppercase;
}

select option {
  color: #4b4b4d;
  text-transform: capitalize;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  select {
    background: 0 0;
  }
}

.form-field {
  margin-bottom: 20px;
}

.form-field label {
  margin-bottom: 10px;
}

.form-row {
  display: block;
}

@media screen and (min-width: 769px) {
  .form-row {
    display: flex;
  }
}

.form-row > * {
  margin: 0 20px 0 0;
  width: 100%;
}

.form-row > :last-child {
  margin: 0;
}

.form-modal {
  width: inherit;
  position: inherit;
  margin: 0;
}

.form-modal > .button {
  margin-top: 0;
}

.grid.gutter-0 .row {
  margin-right: 0;
}

@media screen and (min-width: 769px) {
  .grid.gutter-0 .row .col.full {
    width: calc(100% - 0px);
    margin-right: 0;
  }

  .grid.gutter-0 .row .col.full.glider-slide {
    width: calc(100% - 0px) !important;
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-0 .row .col.half {
    width: calc(50% - 0px);
    margin-right: 0;
  }

  .grid.gutter-0 .row .col.half.glider-slide {
    width: calc(50% - 0px) !important;
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-0 .row .col.third {
    width: calc(33.333% - 0px);
    margin-right: 0;
  }

  .grid.gutter-0 .row .col.third.glider-slide {
    width: calc(33.333% - 0px) !important;
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-0 .row .col.third2 {
    width: calc(66.666% - 0px);
    margin-right: 0;
  }

  .grid.gutter-0 .row .col.third2.glider-slide {
    width: calc(66.666% - 0px) !important;
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-0 .row .col.fourth {
    width: calc(25% - 0px);
    margin-right: 0;
  }

  .grid.gutter-0 .row .col.fourth.glider-slide {
    width: calc(25% - 0px) !important;
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-0 .row .col.fourth3 {
    width: calc(75% - 0px);
    margin-right: 0;
  }

  .grid.gutter-0 .row .col.fourth3.glider-slide {
    width: calc(75% - 0px) !important;
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-0 .row .col.fifth {
    width: calc(20% - 0px);
    margin-right: 0;
  }

  .grid.gutter-0 .row .col.fifth.glider-slide {
    width: calc(20% - 0px) !important;
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-0 .row .col.fifth2 {
    width: calc(40% - 0px);
    margin-right: 0;
  }

  .grid.gutter-0 .row .col.fifth2.glider-slide {
    width: calc(40% - 0px) !important;
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-0 .row .col.fifth3 {
    width: calc(60% - 0px);
    margin-right: 0;
  }

  .grid.gutter-0 .row .col.fifth3.glider-slide {
    width: calc(60% - 0px) !important;
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-0 .row .col.fifth4 {
    width: calc(80% - 0px);
    margin-right: 0;
  }

  .grid.gutter-0 .row .col.fifth4.glider-slide {
    width: calc(80% - 0px) !important;
    margin-right: 0;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-0 .row.break-full .col {
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (max-width: 480px) {
  .grid.gutter-0 .row.break-full .col {
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-0 .row.break-full.early .col {
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-0 .row.break-half .col {
    width: calc(50% - 0px);
    margin-right: 0;
  }

  .grid.gutter-0 .row.break-half .col.glider-slide {
    width: calc(50% - 0px) !important;
    margin-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-0 .row.break-half.early .col {
    width: calc(50% - 0px);
    margin-right: 0;
  }

  .grid.gutter-0 .row.break-half.early .col.glider-slide {
    width: calc(50% - 0px) !important;
    margin-right: 0;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-0 .row.break-third .col {
    width: calc(33.333% - 0px);
    margin-right: 0;
  }

  .grid.gutter-0 .row.break-third .col.glider-slide {
    width: calc(33.333% - 0px) !important;
    margin-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-0 .row.break-third.early .col {
    width: calc(33.333% - 0px);
    margin-right: 0;
  }

  .grid.gutter-0 .row.break-third.early .col.glider-slide {
    width: calc(33.333% - 0px) !important;
    margin-right: 0;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-0 .row.glider .glider-slide {
    margin-right: 0;
  }
}

.grid.gutter-10 .row {
  margin-right: -10px;
}

@media screen and (min-width: 769px) {
  .grid.gutter-10 .row .col.full {
    width: calc(100% - 10px);
    margin-right: 10px;
  }

  .grid.gutter-10 .row .col.full.glider-slide {
    width: calc(100% - 10px) !important;
    margin-right: 10px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-10 .row .col.half {
    width: calc(50% - 10px);
    margin-right: 10px;
  }

  .grid.gutter-10 .row .col.half.glider-slide {
    width: calc(50% - 10px) !important;
    margin-right: 10px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-10 .row .col.third {
    width: calc(33.333% - 10px);
    margin-right: 10px;
  }

  .grid.gutter-10 .row .col.third.glider-slide {
    width: calc(33.333% - 10px) !important;
    margin-right: 10px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-10 .row .col.third2 {
    width: calc(66.666% - 10px);
    margin-right: 10px;
  }

  .grid.gutter-10 .row .col.third2.glider-slide {
    width: calc(66.666% - 10px) !important;
    margin-right: 10px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-10 .row .col.fourth {
    width: calc(25% - 10px);
    margin-right: 10px;
  }

  .grid.gutter-10 .row .col.fourth.glider-slide {
    width: calc(25% - 10px) !important;
    margin-right: 10px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-10 .row .col.fourth3 {
    width: calc(75% - 10px);
    margin-right: 10px;
  }

  .grid.gutter-10 .row .col.fourth3.glider-slide {
    width: calc(75% - 10px) !important;
    margin-right: 10px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-10 .row .col.fifth {
    width: calc(20% - 10px);
    margin-right: 10px;
  }

  .grid.gutter-10 .row .col.fifth.glider-slide {
    margin-right: 2px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-10 .row .col.fifth2 {
    width: calc(40% - 10px);
    margin-right: 10px;
  }

  .grid.gutter-10 .row .col.fifth2.glider-slide {
    width: calc(40% - 10px) !important;
    margin-right: 10px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-10 .row .col.fifth3 {
    width: calc(60% - 10px);
    margin-right: 10px;
  }

  .grid.gutter-10 .row .col.fifth3.glider-slide {
    width: calc(60% - 10px) !important;
    margin-right: 10px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-10 .row .col.fifth4 {
    width: calc(80% - 10px);
    margin-right: 10px;
  }

  .grid.gutter-10 .row .col.fifth4.glider-slide {
    width: calc(80% - 10px) !important;
    margin-right: 10px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-10 .row.break-full .col {
    width: 100%;
    margin-right: 10px;
  }
}

@media screen and (max-width: 480px) {
  .grid.gutter-10 .row.break-full .col {
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-10 .row.break-full.early .col {
    width: 100%;
    margin-right: 10px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-10 .row.break-half .col {
    width: calc(50% - 10px);
    margin-right: 10px;
  }

  .grid.gutter-10 .row.break-half .col.glider-slide {
    width: calc(50% - 10px) !important;
    margin-right: 10px;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-10 .row.break-half.early .col {
    width: calc(50% - 10px);
    margin-right: 10px;
  }

  .grid.gutter-10 .row.break-half.early .col.glider-slide {
    width: calc(50% - 10px) !important;
    margin-right: 10px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-10 .row.break-third .col {
    width: calc(33.333% - 10px);
    margin-right: 10px;
  }

  .grid.gutter-10 .row.break-third .col.glider-slide {
    width: calc(33.333% - 10px) !important;
    margin-right: 10px;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-10 .row.break-third.early .col {
    width: calc(33.333% - 10px);
    margin-right: 10px;
  }

  .grid.gutter-10 .row.break-third.early .col.glider-slide {
    width: calc(33.333% - 10px) !important;
    margin-right: 10px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-10 .row.glider .glider-slide {
    margin-right: 10px;
  }
}

.grid.gutter-20 .row {
  margin-right: -20px;
}

@media screen and (min-width: 769px) {
  .grid.gutter-20 .row .col.full {
    width: calc(100% - 20px);
    margin-right: 20px;
  }

  .grid.gutter-20 .row .col.full.glider-slide {
    width: calc(100% - 20px) !important;
    margin-right: 20px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-20 .row .col.half {
    width: calc(50% - 20px);
    margin-right: 20px;
  }

  .grid.gutter-20 .row .col.half.glider-slide {
    width: calc(50% - 20px) !important;
    margin-right: 20px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-20 .row .col.third {
    width: calc(33.333% - 20px);
    margin-right: 20px;
  }

  .grid.gutter-20 .row .col.third.glider-slide {
    width: calc(33.333% - 20px) !important;
    margin-right: 20px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-20 .row .col.third2 {
    width: calc(66.666% - 20px);
    margin-right: 20px;
  }

  .grid.gutter-20 .row .col.third2.glider-slide {
    width: calc(66.666% - 20px) !important;
    margin-right: 20px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-20 .row .col.fourth {
    width: calc(25% - 20px);
    margin-right: 20px;
  }

  .grid.gutter-20 .row .col.fourth.glider-slide {
    width: calc(25% - 20px) !important;
    margin-right: 20px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-20 .row .col.fourth3 {
    width: calc(75% - 20px);
    margin-right: 20px;
  }

  .grid.gutter-20 .row .col.fourth3.glider-slide {
    width: calc(75% - 20px) !important;
    margin-right: 20px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-20 .row .col.fifth {
    width: calc(20% - 20px);
    margin-right: 20px;
  }

  .grid.gutter-20 .row .col.fifth.glider-slide {
    width: calc(20% - 20px) !important;
    margin-right: 20px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-20 .row .col.fifth2 {
    width: calc(40% - 20px);
    margin-right: 20px;
  }

  .grid.gutter-20 .row .col.fifth2.glider-slide {
    width: calc(40% - 20px) !important;
    margin-right: 20px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-20 .row .col.fifth3 {
    width: calc(60% - 20px);
    margin-right: 20px;
  }

  .grid.gutter-20 .row .col.fifth3.glider-slide {
    width: calc(60% - 20px) !important;
    margin-right: 20px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-20 .row .col.fifth4 {
    width: calc(80% - 20px);
    margin-right: 20px;
  }

  .grid.gutter-20 .row .col.fifth4.glider-slide {
    width: calc(80% - 20px) !important;
    margin-right: 20px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-20 .row.break-full .col {
    width: 100%;
    margin-right: 20px;
  }
}

@media screen and (max-width: 480px) {
  .grid.gutter-20 .row.break-full .col {
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-20 .row.break-full.early .col {
    width: 100%;
    margin-right: 20px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-20 .row.break-half .col {
    width: calc(50% - 20px);
    margin-right: 20px;
  }

  .grid.gutter-20 .row.break-half .col.glider-slide {
    width: calc(50% - 20px) !important;
    margin-right: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-20 .row.break-half.early .col {
    width: calc(50% - 20px);
    margin-right: 20px;
  }

  .grid.gutter-20 .row.break-half.early .col.glider-slide {
    width: calc(50% - 20px) !important;
    margin-right: 20px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-20 .row.break-third .col {
    width: calc(33.333% - 20px);
    margin-right: 20px;
  }

  .grid.gutter-20 .row.break-third .col.glider-slide {
    width: calc(33.333% - 20px) !important;
    margin-right: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-20 .row.break-third.early .col {
    width: calc(33.333% - 20px);
    margin-right: 20px;
  }

  .grid.gutter-20 .row.break-third.early .col.glider-slide {
    width: calc(33.333% - 20px) !important;
    margin-right: 20px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-20 .row.glider .glider-slide {
    margin-right: 20px;
  }
}

.grid.gutter-30 .row {
  margin-right: -30px;
}

@media screen and (min-width: 769px) {
  .grid.gutter-30 .row .col.full {
    width: calc(100% - 30px);
    margin-right: 30px;
  }

  .grid.gutter-30 .row .col.full.glider-slide {
    width: calc(100% - 30px) !important;
    margin-right: 30px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-30 .row .col.half {
    width: calc(50% - 30px);
    margin-right: 30px;
  }

  .grid.gutter-30 .row .col.half.glider-slide {
    width: calc(50% - 30px) !important;
    margin-right: 30px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-30 .row .col.third {
    width: calc(33.333% - 30px);
    margin-right: 30px;
  }

  .grid.gutter-30 .row .col.third.glider-slide {
    width: calc(33.333% - 30px) !important;
    margin-right: 30px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-30 .row .col.third2 {
    width: calc(66.666% - 30px);
    margin-right: 30px;
  }

  .grid.gutter-30 .row .col.third2.glider-slide {
    width: calc(66.666% - 30px) !important;
    margin-right: 30px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-30 .row .col.fourth {
    width: calc(25% - 30px);
    margin-right: 30px;
  }

  .grid.gutter-30 .row .col.fourth.glider-slide {
    width: calc(25% - 30px) !important;
    margin-right: 30px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-30 .row .col.fourth3 {
    width: calc(75% - 30px);
    margin-right: 30px;
  }

  .grid.gutter-30 .row .col.fourth3.glider-slide {
    width: calc(75% - 30px) !important;
    margin-right: 30px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-30 .row .col.fifth {
    width: calc(20% - 30px);
    margin-right: 30px;
  }

  .grid.gutter-30 .row .col.fifth.glider-slide {
    width: calc(20% - 30px) !important;
    margin-right: 30px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-30 .row .col.fifth2 {
    width: calc(40% - 30px);
    margin-right: 30px;
  }

  .grid.gutter-30 .row .col.fifth2.glider-slide {
    width: calc(40% - 30px) !important;
    margin-right: 30px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-30 .row .col.fifth3 {
    width: calc(60% - 30px);
    margin-right: 30px;
  }

  .grid.gutter-30 .row .col.fifth3.glider-slide {
    width: calc(60% - 30px) !important;
    margin-right: 30px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-30 .row .col.fifth4 {
    width: calc(80% - 30px);
    margin-right: 30px;
  }

  .grid.gutter-30 .row .col.fifth4.glider-slide {
    width: calc(80% - 30px) !important;
    margin-right: 30px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-30 .row.break-full .col {
    width: 100%;
    margin-right: 30px;
  }
}

@media screen and (max-width: 480px) {
  .grid.gutter-30 .row.break-full .col {
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-30 .row.break-full.early .col {
    width: 100%;
    margin-right: 30px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-30 .row.break-half .col {
    width: calc(50% - 30px);
    margin-right: 30px;
  }

  .grid.gutter-30 .row.break-half .col.glider-slide {
    width: calc(50% - 30px) !important;
    margin-right: 30px;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-30 .row.break-half.early .col {
    width: calc(50% - 30px);
    margin-right: 30px;
  }

  .grid.gutter-30 .row.break-half.early .col.glider-slide {
    width: calc(50% - 30px) !important;
    margin-right: 30px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-30 .row.break-third .col {
    width: calc(33.333% - 30px);
    margin-right: 30px;
  }

  .grid.gutter-30 .row.break-third .col.glider-slide {
    width: calc(33.333% - 30px) !important;
    margin-right: 30px;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-30 .row.break-third.early .col {
    width: calc(33.333% - 30px);
    margin-right: 30px;
  }

  .grid.gutter-30 .row.break-third.early .col.glider-slide {
    width: calc(33.333% - 30px) !important;
    margin-right: 30px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-30 .row.glider .glider-slide {
    margin-right: 30px;
  }
}

.grid.gutter-40 .row {
  margin-right: -40px;
}

@media screen and (min-width: 769px) {
  .grid.gutter-40 .row .col.full {
    width: calc(100% - 40px);
    margin-right: 40px;
  }

  .grid.gutter-40 .row .col.full.glider-slide {
    width: calc(100% - 40px) !important;
    margin-right: 40px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-40 .row .col.half {
    width: calc(50% - 40px);
    margin-right: 40px;
  }

  .grid.gutter-40 .row .col.half.glider-slide {
    width: calc(50% - 40px) !important;
    margin-right: 40px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-40 .row .col.third {
    width: calc(33.333% - 40px);
    margin-right: 40px;
  }

  .grid.gutter-40 .row .col.third.glider-slide {
    width: calc(33.333% - 40px) !important;
    margin-right: 40px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-40 .row .col.third2 {
    width: calc(66.666% - 40px);
    margin-right: 40px;
  }

  .grid.gutter-40 .row .col.third2.glider-slide {
    width: calc(66.666% - 40px) !important;
    margin-right: 40px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-40 .row .col.fourth {
    width: calc(25% - 40px);
    margin-right: 40px;
  }

  .grid.gutter-40 .row .col.fourth.glider-slide {
    width: calc(25% - 40px) !important;
    margin-right: 40px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-40 .row .col.fourth3 {
    width: calc(75% - 40px);
    margin-right: 40px;
  }

  .grid.gutter-40 .row .col.fourth3.glider-slide {
    width: calc(75% - 40px) !important;
    margin-right: 40px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-40 .row .col.fifth {
    width: calc(20% - 40px);
    margin-right: 40px;
  }

  .grid.gutter-40 .row .col.fifth.glider-slide {
    width: calc(20% - 40px) !important;
    margin-right: 40px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-40 .row .col.fifth2 {
    width: calc(40% - 40px);
    margin-right: 40px;
  }

  .grid.gutter-40 .row .col.fifth2.glider-slide {
    width: calc(40% - 40px) !important;
    margin-right: 40px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-40 .row .col.fifth3 {
    width: calc(60% - 40px);
    margin-right: 40px;
  }

  .grid.gutter-40 .row .col.fifth3.glider-slide {
    width: calc(60% - 40px) !important;
    margin-right: 40px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-40 .row .col.fifth4 {
    width: calc(80% - 40px);
    margin-right: 40px;
  }

  .grid.gutter-40 .row .col.fifth4.glider-slide {
    width: calc(80% - 40px) !important;
    margin-right: 40px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-40 .row.break-full .col {
    width: 100%;
    margin-right: 40px;
  }
}

@media screen and (max-width: 480px) {
  .grid.gutter-40 .row.break-full .col {
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-40 .row.break-full.early .col {
    width: 100%;
    margin-right: 40px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-40 .row.break-half .col {
    width: calc(50% - 40px);
    margin-right: 40px;
  }

  .grid.gutter-40 .row.break-half .col.glider-slide {
    width: calc(50% - 40px) !important;
    margin-right: 40px;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-40 .row.break-half.early .col {
    width: calc(50% - 40px);
    margin-right: 40px;
  }

  .grid.gutter-40 .row.break-half.early .col.glider-slide {
    width: calc(50% - 40px) !important;
    margin-right: 40px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-40 .row.break-third .col {
    width: calc(33.333% - 40px);
    margin-right: 40px;
  }

  .grid.gutter-40 .row.break-third .col.glider-slide {
    width: calc(33.333% - 40px) !important;
    margin-right: 40px;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-40 .row.break-third.early .col {
    width: calc(33.333% - 40px);
    margin-right: 40px;
  }

  .grid.gutter-40 .row.break-third.early .col.glider-slide {
    width: calc(33.333% - 40px) !important;
    margin-right: 40px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-40 .row.glider .glider-slide {
    margin-right: 40px;
  }
}

.grid.gutter-50 .row {
  margin-right: -50px;
}

@media screen and (min-width: 769px) {
  .grid.gutter-50 .row .col.full {
    width: calc(100% - 50px);
    margin-right: 50px;
  }

  .grid.gutter-50 .row .col.full.glider-slide {
    width: calc(100% - 50px) !important;
    margin-right: 50px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-50 .row .col.half {
    width: calc(50% - 50px);
    margin-right: 50px;
  }

  .grid.gutter-50 .row .col.half.glider-slide {
    width: calc(50% - 50px) !important;
    margin-right: 50px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-50 .row .col.third {
    width: calc(33.333% - 50px);
    margin-right: 50px;
  }

  .grid.gutter-50 .row .col.third.glider-slide {
    width: calc(33.333% - 50px) !important;
    margin-right: 50px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-50 .row .col.third2 {
    width: calc(66.666% - 50px);
    margin-right: 50px;
  }

  .grid.gutter-50 .row .col.third2.glider-slide {
    width: calc(66.666% - 50px) !important;
    margin-right: 50px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-50 .row .col.fourth {
    width: calc(25% - 50px);
    margin-right: 50px;
  }

  .grid.gutter-50 .row .col.fourth.glider-slide {
    width: calc(25% - 50px) !important;
    margin-right: 50px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-50 .row .col.fourth3 {
    width: calc(75% - 50px);
    margin-right: 50px;
  }

  .grid.gutter-50 .row .col.fourth3.glider-slide {
    width: calc(75% - 50px) !important;
    margin-right: 50px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-50 .row .col.fifth {
    width: calc(20% - 50px);
    margin-right: 50px;
  }

  .grid.gutter-50 .row .col.fifth.glider-slide {
    width: calc(20% - 50px) !important;
    margin-right: 50px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-50 .row .col.fifth2 {
    width: calc(40% - 50px);
    margin-right: 50px;
  }

  .grid.gutter-50 .row .col.fifth2.glider-slide {
    width: calc(40% - 50px) !important;
    margin-right: 50px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-50 .row .col.fifth3 {
    width: calc(60% - 50px);
    margin-right: 50px;
  }

  .grid.gutter-50 .row .col.fifth3.glider-slide {
    width: calc(60% - 50px) !important;
    margin-right: 50px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-50 .row .col.fifth4 {
    width: calc(80% - 50px);
    margin-right: 50px;
  }

  .grid.gutter-50 .row .col.fifth4.glider-slide {
    width: calc(80% - 50px) !important;
    margin-right: 50px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-50 .row.break-full .col {
    width: 100%;
    margin-right: 50px;
  }
}

@media screen and (max-width: 480px) {
  .grid.gutter-50 .row.break-full .col {
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-50 .row.break-full.early .col {
    width: 100%;
    margin-right: 50px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-50 .row.break-half .col {
    width: calc(50% - 50px);
    margin-right: 50px;
  }

  .grid.gutter-50 .row.break-half .col.glider-slide {
    width: calc(50% - 50px) !important;
    margin-right: 50px;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-50 .row.break-half.early .col {
    width: calc(50% - 50px);
    margin-right: 50px;
  }

  .grid.gutter-50 .row.break-half.early .col.glider-slide {
    width: calc(50% - 50px) !important;
    margin-right: 50px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-50 .row.break-third .col {
    width: calc(33.333% - 50px);
    margin-right: 50px;
  }

  .grid.gutter-50 .row.break-third .col.glider-slide {
    width: calc(33.333% - 50px) !important;
    margin-right: 50px;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-50 .row.break-third.early .col {
    width: calc(33.333% - 50px);
    margin-right: 50px;
  }

  .grid.gutter-50 .row.break-third.early .col.glider-slide {
    width: calc(33.333% - 50px) !important;
    margin-right: 50px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-50 .row.glider .glider-slide {
    margin-right: 50px;
  }
}

.grid.gutter-60 .row {
  margin-right: -60px;
}

@media screen and (min-width: 769px) {
  .grid.gutter-60 .row .col.full {
    width: calc(100% - 60px);
    margin-right: 60px;
  }

  .grid.gutter-60 .row .col.full.glider-slide {
    width: calc(100% - 60px) !important;
    margin-right: 60px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-60 .row .col.half {
    width: calc(50% - 60px);
    margin-right: 60px;
  }

  .grid.gutter-60 .row .col.half.glider-slide {
    width: calc(50% - 60px) !important;
    margin-right: 60px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-60 .row .col.third {
    width: calc(33.333% - 60px);
    margin-right: 60px;
  }

  .grid.gutter-60 .row .col.third.glider-slide {
    width: calc(33.333% - 60px) !important;
    margin-right: 60px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-60 .row .col.third2 {
    width: calc(66.666% - 60px);
    margin-right: 60px;
  }

  .grid.gutter-60 .row .col.third2.glider-slide {
    width: calc(66.666% - 60px) !important;
    margin-right: 60px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-60 .row .col.fourth {
    width: calc(25% - 60px);
    margin-right: 60px;
  }

  .grid.gutter-60 .row .col.fourth.glider-slide {
    width: calc(25% - 60px) !important;
    margin-right: 60px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-60 .row .col.fourth3 {
    width: calc(75% - 60px);
    margin-right: 60px;
  }

  .grid.gutter-60 .row .col.fourth3.glider-slide {
    width: calc(75% - 60px) !important;
    margin-right: 60px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-60 .row .col.fifth {
    width: calc(20% - 60px);
    margin-right: 60px;
  }

  .grid.gutter-60 .row .col.fifth.glider-slide {
    width: calc(20% - 60px) !important;
    margin-right: 60px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-60 .row .col.fifth2 {
    width: calc(40% - 60px);
    margin-right: 60px;
  }

  .grid.gutter-60 .row .col.fifth2.glider-slide {
    width: calc(40% - 60px) !important;
    margin-right: 60px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-60 .row .col.fifth3 {
    width: calc(60% - 60px);
    margin-right: 60px;
  }

  .grid.gutter-60 .row .col.fifth3.glider-slide {
    width: calc(60% - 60px) !important;
    margin-right: 60px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-60 .row .col.fifth4 {
    width: calc(80% - 60px);
    margin-right: 60px;
  }

  .grid.gutter-60 .row .col.fifth4.glider-slide {
    width: calc(80% - 60px) !important;
    margin-right: 60px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-60 .row.break-full .col {
    width: 100%;
    margin-right: 60px;
  }
}

@media screen and (max-width: 480px) {
  .grid.gutter-60 .row.break-full .col {
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-60 .row.break-full.early .col {
    width: 100%;
    margin-right: 60px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-60 .row.break-half .col {
    width: calc(50% - 60px);
    margin-right: 60px;
  }

  .grid.gutter-60 .row.break-half .col.glider-slide {
    width: calc(50% - 60px) !important;
    margin-right: 60px;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-60 .row.break-half.early .col {
    width: calc(50% - 60px);
    margin-right: 60px;
  }

  .grid.gutter-60 .row.break-half.early .col.glider-slide {
    width: calc(50% - 60px) !important;
    margin-right: 60px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-60 .row.break-third .col {
    width: calc(33.333% - 60px);
    margin-right: 60px;
  }

  .grid.gutter-60 .row.break-third .col.glider-slide {
    width: calc(33.333% - 60px) !important;
    margin-right: 60px;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-60 .row.break-third.early .col {
    width: calc(33.333% - 60px);
    margin-right: 60px;
  }

  .grid.gutter-60 .row.break-third.early .col.glider-slide {
    width: calc(33.333% - 60px) !important;
    margin-right: 60px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-60 .row.glider .glider-slide {
    margin-right: 60px;
  }
}

.grid.gutter-70 .row {
  margin-right: -70px;
}

@media screen and (min-width: 769px) {
  .grid.gutter-70 .row .col.full {
    width: calc(100% - 70px);
    margin-right: 70px;
  }

  .grid.gutter-70 .row .col.full.glider-slide {
    width: calc(100% - 70px) !important;
    margin-right: 70px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-70 .row .col.half {
    width: calc(50% - 70px);
    margin-right: 70px;
  }

  .grid.gutter-70 .row .col.half.glider-slide {
    width: calc(50% - 70px) !important;
    margin-right: 70px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-70 .row .col.third {
    width: calc(33.333% - 70px);
    margin-right: 70px;
  }

  .grid.gutter-70 .row .col.third.glider-slide {
    width: calc(33.333% - 70px) !important;
    margin-right: 70px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-70 .row .col.third2 {
    width: calc(66.666% - 70px);
    margin-right: 70px;
  }

  .grid.gutter-70 .row .col.third2.glider-slide {
    width: calc(66.666% - 70px) !important;
    margin-right: 70px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-70 .row .col.fourth {
    width: calc(25% - 70px);
    margin-right: 70px;
  }

  .grid.gutter-70 .row .col.fourth.glider-slide {
    width: calc(25% - 70px) !important;
    margin-right: 70px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-70 .row .col.fourth3 {
    width: calc(75% - 70px);
    margin-right: 70px;
  }

  .grid.gutter-70 .row .col.fourth3.glider-slide {
    width: calc(75% - 70px) !important;
    margin-right: 70px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-70 .row .col.fifth {
    width: calc(20% - 70px);
    margin-right: 70px;
  }

  .grid.gutter-70 .row .col.fifth.glider-slide {
    width: calc(20% - 70px) !important;
    /* margin-right: 70px */
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-70 .row .col.fifth2 {
    width: calc(40% - 70px);
    margin-right: 70px;
  }

  .grid.gutter-70 .row .col.fifth2.glider-slide {
    width: calc(40% - 70px) !important;
    margin-right: 70px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-70 .row .col.fifth3 {
    width: calc(60% - 70px);
    margin-right: 70px;
  }

  .grid.gutter-70 .row .col.fifth3.glider-slide {
    width: calc(60% - 70px) !important;
    margin-right: 70px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-70 .row .col.fifth4 {
    width: calc(80% - 70px);
    margin-right: 70px;
  }

  .grid.gutter-70 .row .col.fifth4.glider-slide {
    width: calc(80% - 70px) !important;
    margin-right: 70px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-70 .row.break-full .col {
    width: 100%;
    /* margin-right: 70px */
  }
}

@media screen and (max-width: 480px) {
  .grid.gutter-70 .row.break-full .col {
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-70 .row.break-full.early .col {
    width: 100%;
    margin-right: 16px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-70 .row.break-half .col {
    width: calc(50% - 70px);
    margin-right: 70px;
  }

  .grid.gutter-70 .row.break-half .col.glider-slide {
    width: calc(50% - 70px) !important;
    margin-right: 70px;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-70 .row.break-half.early .col {
    width: calc(50% - 70px);
    margin-right: 70px;
  }

  .grid.gutter-70 .row.break-half.early .col.glider-slide {
    width: calc(50% - 70px) !important;
    margin-right: 70px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-70 .row.break-third .col {
    width: calc(33.333% - 70px);
    margin-right: 70px;
  }

  .grid.gutter-70 .row.break-third .col.glider-slide {
    width: calc(33.333% - 70px) !important;
    margin-right: 70px;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-70 .row.break-third.early .col {
    width: calc(33.333% - 70px);
    margin-right: 70px;
  }

  .grid.gutter-70 .row.break-third.early .col.glider-slide {
    width: calc(33.333% - 70px) !important;
    margin-right: 70px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-70 .row.glider .glider-slide {
    margin-right: 70px;
  }
}

.grid.gutter-80 .row {
  margin-right: -80px;
}

@media screen and (min-width: 769px) {
  .grid.gutter-80 .row .col.full {
    width: calc(100% - 80px);
    margin-right: 80px;
  }

  .grid.gutter-80 .row .col.full.glider-slide {
    width: calc(100% - 80px) !important;
    margin-right: 80px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-80 .row .col.half {
    width: calc(50% - 80px);
    margin-right: 80px;
  }

  .grid.gutter-80 .row .col.half.glider-slide {
    width: calc(50% - 80px) !important;
    margin-right: 30px;
    margin-left: 13px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-80 .row .col.third {
    width: calc(33.333% - 80px);
    margin-right: 80px;
  }

  .grid.gutter-80 .row .col.third.glider-slide {
    width: calc(33.333% - 80px) !important;
    margin-right: 80px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-80 .row .col.third2 {
    width: calc(66.666% - 80px);
    margin-right: 80px;
  }

  .grid.gutter-80 .row .col.third2.glider-slide {
    width: calc(66.666% - 80px) !important;
    margin-right: 80px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-80 .row .col.fourth {
    width: calc(25% - 80px);
    margin-right: 80px;
  }

  .grid.gutter-80 .row .col.fourth.glider-slide {
    width: calc(25% - 80px) !important;
    margin-right: 80px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-80 .row .col.fourth3 {
    width: calc(75% - 80px);
    margin-right: 80px;
  }

  .grid.gutter-80 .row .col.fourth3.glider-slide {
    width: calc(75% - 80px) !important;
    margin-right: 80px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-80 .row .col.fifth {
    width: calc(20% - 80px);
    margin-right: 80px;
  }

  .grid.gutter-80 .row .col.fifth.glider-slide {
    width: calc(20% - 80px) !important;
    margin-right: 80px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-80 .row .col.fifth2 {
    width: calc(40% - 80px);
    margin-right: 80px;
  }

  .grid.gutter-80 .row .col.fifth2.glider-slide {
    width: calc(40% - 80px) !important;
    margin-right: 80px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-80 .row .col.fifth3 {
    width: calc(60% - 80px);
    margin-right: 80px;
  }

  .grid.gutter-80 .row .col.fifth3.glider-slide {
    width: calc(60% - 80px) !important;
    margin-right: 80px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-80 .row .col.fifth4 {
    width: calc(80% - 80px);
    margin-right: 80px;
  }

  .grid.gutter-80 .row .col.fifth4.glider-slide {
    width: calc(80% - 80px) !important;
    margin-right: 80px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-80 .row.break-full .col {
    width: 100%;
    margin-right: 80px;
  }
}

@media screen and (max-width: 480px) {
  .grid.gutter-80 .row.break-full .col {
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-80 .row.break-full.early .col {
    width: 100%;
    margin-right: 80px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-80 .row.break-half .col {
    width: calc(50% - 80px);
    margin-right: 80px;
  }

  .grid.gutter-80 .row.break-half .col.glider-slide {
    width: calc(50% - 80px) !important;
    margin-right: 80px;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-80 .row.break-half.early .col {
    width: calc(50% - 80px);
    margin-right: 80px;
  }

  .grid.gutter-80 .row.break-half.early .col.glider-slide {
    width: calc(50% - 80px) !important;
    margin-right: 80px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-80 .row.break-third .col {
    width: calc(33.333% - 80px);
    margin-right: 80px;
  }

  .grid.gutter-80 .row.break-third .col.glider-slide {
    width: calc(33.333% - 80px) !important;
    margin-right: 80px;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-80 .row.break-third.early .col {
    width: calc(33.333% - 80px);
    margin-right: 80px;
  }

  .grid.gutter-80 .row.break-third.early .col.glider-slide {
    width: calc(33.333% - 80px) !important;
    margin-right: 80px;
  }
}
.xwbox {
  transition: box-shadow 0.3s ease;
  width: 153.2px;
  margin-bottom: 20px;
  /* height: 335px; */
}
.leabtn {
  width: 102px;
  position: absolute;
  right: 10px;
  padding: 0;
  font-size: 15px;
  margin: 10px 0px;
}
@media screen and (max-width: 769px) {
  /* .xwbox {
    height: 234px;
  } */
  .leabtn {
    margin: -20px -5px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-80 .row.glider .glider-slide {
    margin-right: 80px;
  }
}

.grid.gutter-90 .row {
  margin-right: -90px;
}

@media screen and (min-width: 769px) {
  .grid.gutter-90 .row .col.full {
    width: calc(100% - 90px);
    margin-right: 90px;
  }

  .grid.gutter-90 .row .col.full.glider-slide {
    width: calc(100% - 90px) !important;
    margin-right: 90px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-90 .row .col.half {
    width: calc(50% - 90px);
    margin-right: 90px;
  }

  .grid.gutter-90 .row .col.half.glider-slide {
    width: calc(50% - 90px) !important;
    margin-right: 90px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-90 .row .col.third {
    width: calc(33.333% - 90px);
    margin-right: 90px;
  }

  .grid.gutter-90 .row .col.third.glider-slide {
    width: calc(33.333% - 90px) !important;
    margin-right: 90px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-90 .row .col.third2 {
    width: calc(66.666% - 90px);
    margin-right: 90px;
  }

  .grid.gutter-90 .row .col.third2.glider-slide {
    width: calc(66.666% - 90px) !important;
    margin-right: 90px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-90 .row .col.fourth {
    width: calc(25% - 90px);
    margin-right: 90px;
  }

  .grid.gutter-90 .row .col.fourth.glider-slide {
    width: calc(25% - 90px) !important;
    margin-right: 90px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-90 .row .col.fourth3 {
    width: calc(75% - 90px);
    margin-right: 90px;
  }

  .grid.gutter-90 .row .col.fourth3.glider-slide {
    width: calc(75% - 90px) !important;
    margin-right: 90px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-90 .row .col.fifth {
    width: calc(20% - 90px);
    margin-right: 90px;
  }

  .grid.gutter-90 .row .col.fifth.glider-slide {
    width: calc(20% - 90px) !important;
    margin-right: 90px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-90 .row .col.fifth2 {
    width: calc(40% - 90px);
    margin-right: 90px;
  }

  .grid.gutter-90 .row .col.fifth2.glider-slide {
    width: calc(40% - 90px) !important;
    margin-right: 90px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-90 .row .col.fifth3 {
    width: calc(60% - 90px);
    margin-right: 90px;
  }

  .grid.gutter-90 .row .col.fifth3.glider-slide {
    width: calc(60% - 90px) !important;
    margin-right: 90px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-90 .row .col.fifth4 {
    width: calc(80% - 90px);
    margin-right: 90px;
  }

  .grid.gutter-90 .row .col.fifth4.glider-slide {
    width: calc(80% - 90px) !important;
    margin-right: 90px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-90 .row.break-full .col {
    width: 100%;
    margin-right: 90px;
  }
}

@media screen and (max-width: 480px) {
  .grid.gutter-90 .row.break-full .col {
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-90 .row.break-full.early .col {
    width: 100%;
    margin-right: 90px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-90 .row.break-half .col {
    width: calc(50% - 90px);
    margin-right: 90px;
  }

  .grid.gutter-90 .row.break-half .col.glider-slide {
    width: calc(50% - 90px) !important;
    margin-right: 90px;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-90 .row.break-half.early .col {
    width: calc(50% - 90px);
    margin-right: 90px;
  }

  .grid.gutter-90 .row.break-half.early .col.glider-slide {
    width: calc(50% - 90px) !important;
    margin-right: 90px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-90 .row.break-third .col {
    width: calc(33.333% - 90px);
    margin-right: 90px;
  }

  .grid.gutter-90 .row.break-third .col.glider-slide {
    width: calc(33.333% - 90px) !important;
    margin-right: 90px;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-90 .row.break-third.early .col {
    width: calc(33.333% - 90px);
    margin-right: 90px;
  }

  .grid.gutter-90 .row.break-third.early .col.glider-slide {
    width: calc(33.333% - 90px) !important;
    margin-right: 90px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-90 .row.glider .glider-slide {
    margin-right: 90px;
  }
}

.grid.gutter-100 .row {
  margin-right: -100px;
}

@media screen and (min-width: 769px) {
  .grid.gutter-100 .row .col.full {
    width: calc(100% - 100px);
    margin-right: 100px;
  }

  .grid.gutter-100 .row .col.full.glider-slide {
    width: calc(100% - 100px) !important;
    margin-right: 100px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-100 .row .col.half {
    width: calc(50% - 100px);
    margin-right: 100px;
  }

  .grid.gutter-100 .row .col.half.glider-slide {
    width: calc(50% - 100px) !important;
    margin-right: 100px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-100 .row .col.third {
    width: calc(33.333% - 100px);
    margin-right: 100px;
  }

  .grid.gutter-100 .row .col.third.glider-slide {
    width: calc(33.333% - 100px) !important;
    margin-right: 100px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-100 .row .col.third2 {
    width: calc(66.666% - 100px);
    margin-right: 100px;
  }

  .grid.gutter-100 .row .col.third2.glider-slide {
    width: calc(66.666% - 100px) !important;
    margin-right: 100px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-100 .row .col.fourth {
    width: calc(25% - 100px);
    margin-right: 100px;
  }

  .grid.gutter-100 .row .col.fourth.glider-slide {
    width: calc(25% - 100px) !important;
    margin-right: 100px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-100 .row .col.fourth3 {
    width: calc(75% - 100px);
    margin-right: 100px;
  }

  .grid.gutter-100 .row .col.fourth3.glider-slide {
    width: calc(75% - 100px) !important;
    margin-right: 100px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-100 .row .col.fifth {
    width: calc(20% - 100px);
    margin-right: 100px;
  }

  .grid.gutter-100 .row .col.fifth.glider-slide {
    width: calc(20% - 100px) !important;
    margin-right: 100px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-100 .row .col.fifth2 {
    width: calc(40% - 100px);
    margin-right: 100px;
  }

  .grid.gutter-100 .row .col.fifth2.glider-slide {
    width: calc(40% - 100px) !important;
    margin-right: 100px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-100 .row .col.fifth3 {
    width: calc(60% - 100px);
    margin-right: 100px;
  }

  .grid.gutter-100 .row .col.fifth3.glider-slide {
    width: calc(60% - 100px) !important;
    margin-right: 100px;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-100 .row .col.fifth4 {
    width: calc(80% - 100px);
    margin-right: 100px;
  }

  .grid.gutter-100 .row .col.fifth4.glider-slide {
    width: calc(80% - 100px) !important;
    margin-right: 100px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-100 .row.break-full .col {
    width: 100%;
    margin-right: 100px;
  }
}

@media screen and (max-width: 480px) {
  .grid.gutter-100 .row.break-full .col {
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-100 .row.break-full.early .col {
    width: 100%;
    margin-right: 100px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-100 .row.break-half .col {
    width: calc(50% - 100px);
    margin-right: 100px;
  }

  .grid.gutter-100 .row.break-half .col.glider-slide {
    width: calc(50% - 100px) !important;
    margin-right: 100px;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-100 .row.break-half.early .col {
    width: calc(50% - 100px);
    margin-right: 100px;
  }

  .grid.gutter-100 .row.break-half.early .col.glider-slide {
    width: calc(50% - 100px) !important;
    margin-right: 100px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-100 .row.break-third .col {
    width: calc(33.333% - 100px);
    margin-right: 100px;
  }

  .grid.gutter-100 .row.break-third .col.glider-slide {
    width: calc(33.333% - 100px) !important;
    margin-right: 100px;
  }
}

@media screen and (max-width: 1024px) {
  .grid.gutter-100 .row.break-third.early .col {
    width: calc(33.333% - 100px);
    margin-right: 100px;
  }

  .grid.gutter-100 .row.break-third.early .col.glider-slide {
    width: calc(33.333% - 100px) !important;
    margin-right: 100px;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-100 .row.glider .glider-slide {
    margin-right: 100px;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

@media screen and (min-width: 769px) {
  .row.reverse {
    flex-direction: row-reverse;
  }
}

.row.h-center {
  align-items: center;
}

@media screen and (min-width: 769px) {
  .row.glider .glider-track {
    flex-wrap: wrap;
    position: relative;
    width: 100% !important;
  }
}

.grid.gutter-30 .row.break-full .col {
  display: block;
}

.grid.gutter-30 .row.break-full .col.fourth.glider-slide {
  display: flex;
}

@media screen and (min-width: 769px) {
  .grid.gutter-30 .row .col.third {
    margin-top: 25px;
    display: block;
  }
}

@media screen and (max-width: 1200px) {
  .grid.gutter-30 .row {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .grid.gutter-20 .row .col.half {
    display: flex;
  }
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: none;
  z-index: 5;
}

.modal.open {
  display: block;
}

@media screen and (min-width: 769px) {
  .modal.narrow .content {
    margin: 50px auto;
    max-width: 1200px;
  }
}

@media screen and (min-width: 769px) {
  .modal.narrow .content .inner {
    padding: 100px;
  }
}

.modal .overlay {
  position: fixed;
  left: 0;
  width: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: 1;
  background-color: #fff;
}

.modal.light .content {
  background: #fff;
  color: #004c9d;
  box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
}

.modal.light .content a,
.modal.light .content button {
  color: #004c9d;
}

.modal.light .content a.button,
.modal.light .content button.button {
  box-shadow: 0 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  text-decoration: none;
  background: #ef6246;
  font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: 1.125rem;
  padding: 10px 45px;
  cursor: pointer;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  overflow: hidden;
  position: relative;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  text-align: center;
}

@media screen and (min-width: 1025px) {
  .modal.light .content a.button:after,
  .modal.light .content a.button:before,
  .modal.light .content button.button:after,
  .modal.light .content button.button:before {
    background-color: #fff;
    border-radius: 50%;
    bottom: 100%;
    content: "";
    height: 150px;
    left: 100%;
    opacity: 0.15;
    position: absolute;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    width: 150px;
  }
}

.modal.light .content a.button:hover,
.modal.light .content button.button:hover {
  background-color: #ef6246;
  text-decoration: none;
}

@media screen and (min-width: 1025px) {
  .modal.light .content a.button:hover,
  .modal.light .content button.button:hover {
    transform: scale(1.05);
  }

  .modal.light .content a.button:hover:before,
  .modal.light .content button.button:hover:before {
    bottom: calc(25% - 20px);
    left: calc(85% - 20px);
  }

  .modal.light .content a.button:hover:after,
  .modal.light .content button.button:hover:after {
    bottom: calc(25% - 10px);
    left: calc(85% - 10px);
  }
}

.modal.light .content a.button.full,
.modal.light .content button.button.full {
  width: 100%;
}

.modal.light .content a.button.blue,
.modal.light .content button.button.blue {
  background-color: #5aa3d2;
}

.modal.light .content a.button.blue:hover,
.modal.light .content button.button.blue:hover {
  background-color: #5aa3d2;
}

.modal.light .content a.button.clear,
.modal.light .content button.button.clear {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.modal.light .content a.button.clear.orange:after,
.modal.light .content a.button.clear.orange:before,
.modal.light .content button.button.clear.orange:after,
.modal.light .content button.button.clear.orange:before {
  background-color: #ef6246;
}

.modal.light .content a.button.clear.orange,
.modal.light .content button.button.clear.orange {
  border: 1px solid #ef6246;
  color: #ef6246;
}

.modal.light .content a.button.clear.blue-outline,
.modal.light .content button.button.clear.blue-outline {
  border: 1px solid #004c9d;
  color: #004c9d;
}

.modal.light .content a.button.clear.blue-outline.blue-outline:after,
.modal.light .content a.button.clear.blue-outline.blue-outline:before,
.modal.light .content button.button.clear.blue-outline.blue-outline:after,
.modal.light .content button.button.clear.blue-outline.blue-outline:before {
  background-color: #004c9d;
}

.modal.light .content a.button.clear.blue-outline:hover,
.modal.light .content button.button.clear.blue-outline:hover {
  text-decoration: none;
}

@media screen and (min-width: 1025px) {
  .modal.light .content a.button.clear.blue-outline:hover,
  .modal.light .content button.button.clear.blue-outline:hover {
    transform: scale(1.05);
  }

  .modal.light .content a.button.clear.blue-outline:hover:before,
  .modal.light .content button.button.clear.blue-outline:hover:before {
    bottom: calc(25% - 20px);
    left: calc(85% - 20px);
  }

  .modal.light .content a.button.clear.blue-outline:hover:after,
  .modal.light .content button.button.clear.blue-outline:hover:after {
    bottom: calc(25% - 10px);
    left: calc(85% - 10px);
  }
}

.modal.light .content a.button.invite .lnr-cross,
.modal.light .content button.button.invite .lnr-cross {
  display: inline-block;
  background: #fff;
  border: 1px solid;
  border-radius: 100%;
  padding: 1px;
  font-size: 0.5rem;
  transform: rotate(45deg);
  position: relative;
  right: -10px;
  top: 4px;
}

.modal .content {
  z-index: 2;
  position: relative;
  background: linear-gradient(155deg, #0070be 0, #005794 62%, #005794 100%);
  color: #fff;
}

@media screen and (min-width: 769px) {
  .modal .content {
    margin: 50px auto;
    max-width: calc(100vw - 120px);
  }
}

.modal .content .webinar-countdown .content {
  margin: 40px 0 30px;
  padding: 0;
  box-shadow: 0 0;
}

.modal .content .inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

@media screen and (min-width: 769px) {
  .modal .content .inner {
    padding: 100px 30px;
  }
}

.modal .content .inner.center > h4,
.modal .content .inner.center > legend,
.modal .content .inner.center > p {
  text-align: center;
}

.modal .content .inner > h2,
.modal .content .inner > p {
  text-align: center;
}

.modal .content .inner h4,
.modal .content .inner legend {
  font-size: 1.75rem;
}

@media screen and (min-width: 769px) {
  .modal .content .inner h4,
  .modal .content .inner legend {
    margin: 0 0 20px;
  }
}

@media screen and (min-width: 769px) {
  .modal .close {
    color: #fff;
    position: absolute;
    top: 20px;
    right: 20px;
  }
}

@media screen and (max-width: 1200px) {
  .modal .close {
    color: #ef6246;
    background-color: #fff;
    display: block;
    font-weight: 600;
    padding: 10px;
  }
}

.modal .close .lnr {
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}

.modal .close:hover {
  text-decoration: none;
}

.text-cta {
  color: #888;
  text-align: center;
  padding: 70px 0 75px;
}

.text-cta h1 {
  color: #004c9d;
  font-weight: 700;
  font-size: 4.5rem;
  margin: 0;
}

.text-cta h2 {
  margin: 10px 0 20px;
  text-transform: capitalize;
}

.text-cta h3 {
  color: #888;
  font-size: 1.75rem;
  font-weight: 700;
  margin: 20px 0;
  padding: 0;
}

.text-cta p {
  font-size: 1.25rem;
  line-height: 1.5;
}

.text-cta.noH2 h2 {
  display: none;
}

.accordion-container {
  text-align: left;
}

.accordion-container .accordion {
  color: #fff;
  cursor: pointer;
  padding: 30px 40px 25px;
  margin-top: 20px;
  position: relative;
  font-size: 1.25rem;
}

@media screen and (max-width: 1200px) {
  .accordion-container .accordion {
    margin-top: 10px;
    padding: 15px 20px;
  }
}

.accordion-container .accordion:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.13;
  width: 100%;
  height: 100%;
}

.accordion-container .accordion .lnr {
  color: #cbdb00;
  position: absolute;
  top: 30px;
  right: 30px;
  transform: rotate(0);
}

@media screen and (max-width: 1200px) {
  .accordion-container .accordion .lnr {
    top: 17px;
    right: 20px;
  }
}

.accordion-container .accordion.activeAccordion .lnr {
  transform: rotate(-180deg);
}

.accordion-container .panel {
  padding: 0 40px;
  max-height: 0;
  overflow: hidden;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  position: relative;
  box-sizing: content-box;
}

@media screen and (max-width: 1200px) {
  .accordion-container .panel {
    padding: 0 20px;
  }
}

.accordion-container .panel.active {
  padding: 0 40px 30px;
}

@media screen and (max-width: 1200px) {
  .accordion-container .panel.active {
    padding: 0 20px 15px;
  }
}

.accordion-container .panel:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.13;
  width: 100%;
  height: 100%;
}

.accordion-container .panel p {
  font-size: 1rem;
  margin: 0;
  width: 100%;
}

.article-body blockquote {
  margin: 0 20px 20px 0;
  background: linear-gradient(
    218deg,
    #5aa3d2 0,
    #047ed3 37%,
    #0070be 71%,
    #005794 100%
  );
  color: #fff;
  text-align: center;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .article-body blockquote {
    float: left;
    width: 50%;
  }
}

.article-body blockquote a {
  color: #004c9d;
}

.article-body blockquote p {
  font-size: 1.5625rem;
  line-height: 1.5;
}

.article-body blockquote cite {
  font-weight: 600;
  text-transform: uppercase;
}

@media screen and (min-width: 769px) {
  .article-body .vid-player {
    width: 80%;
    margin: 0 auto;
  }
}

.brands {
  background: linear-gradient(
    225deg,
    #5aa3d2 0,
    #2e7eb3 51%,
    #0070be 74%,
    #005794 100%
  );
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 769px) {
  .brands:after,
  .brands:before {
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    height: 50%;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
  }

  .brands:before {
    background-image: url(/images/svg/cert-banner-top-large.svg);
    top: -1px;
  }

  .brands:after {
    background-image: url(/images/svg/cert-banner-bottom.svg);
    background-position: bottom;
    bottom: -1px;
  }
}

.brands .wrapper {
  padding: 0 80px;
  position: relative;
}

.brands .wrapper .brand {
  background-color: #fff;
  padding: 20px;
}

.brands .wrapper .brand + .brand {
  margin-top: 40px;
}

.brands .wrapper .brand .info {
  display: flex;
  flex-direction: column;
}

.brands .wrapper .brand .info .link {
  align-self: flex-start;
}

@media screen and (max-width: 480px) {
  .brands .wrapper .brand .info .link {
    margin: 20px auto;
    padding-right: 30px;
  }

  .brands .wrapper .brand .info .link.arrow:after {
    right: 2px;
  }
}

@media screen and (max-width: 1200px) {
  .brands .wrapper {
    padding: 0 40px;
  }

  .brands .wrapper .glider .glider-track {
    flex-wrap: wrap;
    position: relative;
    width: 100% !important;
  }

  .brands .wrapper .brands-col-items {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 480px) {
  .brands .wrapper {
    padding: 0 20px;
  }
}

.brands .row {
  align-items: stretch;
}

.brands .logo {
  display: flex;
  align-items: center;
}

.brands .logo img {
  margin: 0 auto;
  display: block;
  max-width: none;
}

@media screen and (max-width: 1200px) {
  .brands .logo img {
    width: 100%;
    max-width: 300px;
  }
}

@media screen and (min-width: 769px) {
  .brands .logo img {
    width: auto;
    height: 100%;
    max-height: 145px;
  }
}

.brands h2 {
  text-align: center;
  color: #fff;
  padding: 30px 0 0;
}

.brands h3 {
  color: #004c9d;
  font-size: 1.5625rem;
  margin: 0;
  text-align: left;
  padding-bottom: 0;
}

.brands p {
  margin: 10px 0;
}

.brands .glider-next,
.brands .glider-prev {
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
  font-size: 1.25rem;
  height: 36px;
  line-height: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
}

@media screen and (max-width: 1200px) {
  .brands .glider-next,
  .brands .glider-prev {
    display: none;
  }
}

.brands .glider-next:hover,
.brands .glider-prev:hover {
  background: #fff;
}

.brands .glider-prev {
  left: 0;
}

.brands .glider-next {
  right: 0;
}

.brand-products .results-row .product-card {
  min-width: 170px;
}

.brand-products .product-card img {
  width: auto;
  max-height: 180px;
}

@media screen and (min-width: 769px) {
  .brand-products .results-row .product-card {
    min-width: 200px;
  }

  .brand-products .product-card img {
    width: auto;
    max-height: 170px;
  }
}

@media screen and (min-width: 1024px) {
  .brand-products .results-row .product-card {
    min-width: 260px;
  }

  .brand-products .product-card img {
    width: auto;
    max-height: 230px;
  }
}

.brands-layout {
  position: relative;
  color: #fff;
}

.brands-layout a.link.arrow {
  color: #fff;
  margin-top: 20px;
  margin-left: 0;
  text-transform: capitalize;
  z-index: 1;
}

.brands-layout .product-view {
  position: relative;
  z-index: 1;
  margin: 0;
}

.brands-layout .product-view .thumb-btn {
  color: #fff;
  box-shadow: none;
}

@media screen and (min-width: 1025px) {
  .brands-layout a.link.arrow {
    margin-left: 80px;
  }
}

@media screen and (min-width: 1025px) {
  .brands-layout a.link.arrow {
    margin-left: 0;
  }
}

.brands-layout h1 {
  text-transform: capitalize;
}

.brands-layout.no-image .overlay {
  opacity: 1;
}

.brands-layout > .grid > .row .col {
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 769px) {
  .brands-layout > .grid > .row .col:nth-child(1) {
    position: sticky;
    top: 58px;
  }
}

.brands-layout > .grid > .row .col .inner-copy {
  background: #fff;
  margin: 0;
  padding: 50px;
}

@media screen and (min-width: 769px) {
  .brands-layout > .grid > .row .col .inner-copy {
    margin: 50px 50px 0 0;
  }
}

.brands-layout .image,
.brands-layout .overlay {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.brands-layout .overlay {
  background: linear-gradient(
    225deg,
    #5aa3d2 0,
    #2e7eb3 51%,
    #0070be 74%,
    #005794 100%
  );
  opacity: 1;
  z-index: 1;
  position: absolute;
}

.brands-layout .row {
  align-items: flex-start;
}

.brands-layout .wrapper {
  position: relative;
  z-index: 2;
  padding: 0;
}

.brands-layout .copy {
  padding: 50px;
}

@media screen and (max-width: 1200px) {
  .brands-layout .copy {
    padding: 50px;
    position: relative;
  }
}

.brands-layout .copy .inner {
  position: relative;
  z-index: 1;
}

.brands-layout .copy p,
.brands-layout .copy ul {
  text-align: left;
  font-size: 1.125rem;
}

.brands-layout .copy svg circle,
.brands-layout .copy svg ellipse,
.brands-layout .copy svg line,
.brands-layout .copy svg path,
.brands-layout .copy svg rect {
  stroke: #fff;
}

.brands-layout .box {
  color: #4b4b4d;
  text-align: left;
  z-index: 1;
}

.brands-layout .box h1,
.brands-layout .box h2,
.brands-layout .box h3,
.brands-layout .box h4,
.brands-layout .box h5,
.brands-layout .box h6,
.brands-layout .box p,
.brands-layout .box ul {
  margin: 0;
}

.brands-layout .box p,
.brands-layout .box ul {
  margin-bottom: 30px;
}

.brands-layout .box h1,
.brands-layout .box h2,
.brands-layout .box h3,
.brands-layout .box h4,
.brands-layout .box h5,
.brands-layout .box h6 {
  font-size: 1.5rem;
  color: #005794;
  margin-bottom: 10px;
}

.brands-layout .box h1 {
  font-size: 3.125rem;
}

.brands-layout .box .logos {
  display: flex;
  align-items: center;
  margin: 0 -20px 20px 0;
}

.brands-layout .box .logos div {
  width: 25%;
  height: auto;
}

.brands-layout .box .logos img {
  width: calc(100% - 20px);
}

.breadcrumbs {
  background-color: #f7f7f7;
  line-height: 2rem;
  font-size: 0.75rem;
}

@media screen and (max-width: 1200px) {
  .breadcrumbs {
    display: none;
  }
}

.breadcrumbs span {
  margin: 0 5px;
}

.breadcrumbs a {
  color: #4b4b4d;
}

.cap-card {
  display: block;
  color: #4b4b4d;
}

@media screen and (min-width: 769px) {
  .cap-card {
    margin-bottom: 70px;
    cursor: auto;
  }
}

.cap-card:hover {
  text-decoration: none;
}

.cap-card svg circle,
.cap-card svg ellipse,
.cap-card svg line,
.cap-card svg path,
.cap-card svg rect {
  stroke: #005794;
}

.cap-card h3 {
  display: inline;
  font-size: 1.25rem;
  font-weight: 600;
  color: #004c9d;
  text-transform: uppercase;
}

.cap-card p {
  margin: 20px 0 30px;
}

.cap-card svg {
  max-height: 60px;
  max-width: 60px;
}

.cap-card .icon {
  margin-bottom: 20px;
}

.cap-card .image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  padding-bottom: 100%;
}

@media screen and (min-width: 769px) {
  .cap-card .image {
    padding-bottom: 60%;
  }
}

.capabilities {
  background-color: #f7f7f7;
  padding: 100px 0;
  position: relative;
}

@media screen and (max-width: 1200px) {
  .capabilities {
    padding: 40px 0;
  }
}

.capabilities .grid {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 30px;
}

@media screen and (min-width: 1024px) {
  .capabilities .grid.stacked .capability-control {
    display: none;
  }

  .capabilities .grid.stacked .capability {
    margin: 0;
  }
}

.capabilities + .capabilities {
  background-color: #fff;
}

.capabilities .capability {
  margin: 0 30px;
}

@media screen and (max-width: 1024px) {
  .capabilities .capability {
    margin: 0 20px;
  }
}

@media screen and (max-width: 1200px) {
  .capabilities .capability {
    margin: 0 0;
  }
}

.capabilities .sub-title {
  margin: 10px 20px;
  text-align: center;
}

.capabilities .capability-control {
  min-width: 40px;
  height: 40px;
  box-shadow: 0 0 3px 1px #bdbdbd;
  background-color: #fff;
  color: #d3d3d3;
  font-size: 1.875rem;
  line-height: 1.875rem;
  padding: 0;
}

@media screen and (max-width: 1200px) {
  .capabilities .capability-control {
    display: none;
  }
}

.capabilities.gray {
  background-color: #f7f7f7;
}

.capabilities.white {
  background-color: #fff;
}

.capabilities h2 {
  color: #004c9d;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 1200px) {
  .capabilities .wrapper {
    padding: 0;
  }
}

@media screen and (max-width: 480px) {
  .capabilities .col {
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 1200px) {
  .capabilities .cap-card {
    padding: 0 20px;
  }
}

@media screen and (max-width: 1200px) {
  .capabilities .row {
    opacity: 0;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    height: 259px;
  }

  .capabilities .row.glider {
    opacity: 1;
    height: auto;
  }
}

.capabilities .capabilities-count {
  font-weight: 700;
  padding: 0 100px;
  text-align: right;
}

@media screen and (max-width: 1200px) {
  .capabilities .capabilities-count {
    text-align: center;
    margin: 20px 0;
  }
}

.quote-box {
  background: linear-gradient(
    218deg,
    #5aa3d2 0,
    #047ed3 37%,
    #0070be 71%,
    #005794 100%
  );
  padding: 30px;
  color: #fff;
  height: 90%;
  margin-top: 5%;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  text-align: center;
  align-content: center;
  line-height: 1.5;
}

@media screen and (min-width: 769px) {
  .quote-box {
    font-size: 1.5rem;
  }
}

.capability-category h3 {
  margin-bottom: 0;
  padding-bottom: 15px;
}

.capability-category .row-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.capability-category .row-header .sub-text {
  color: #4b4b4d;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.875rem;
  margin: 0 0 20px 0;
  padding: 0 100px;
  text-align: center;
}

@media screen and (max-width: 1200px) {
  .capability-category .row-header .sub-text {
    padding: 0;
  }
}

.capability-category .row-header .categories-count {
  align-self: flex-end;
  margin-right: 40px;
  margin-bottom: 8px;
}

.capability-category .row-header .categories-count .number {
  padding-right: 0;
}

@media screen and (min-width: 1200px) {
  .capability-category .row-header .categories-count .number {
    padding-right: 48px;
  }
}

@media screen and (min-width: 1224px) {
  .capability-category .row-header .categories-count .number {
    padding-right: 5px;
  }
}

.capabilities-header {
  position: relative;
  color: #fff;
}

.capabilities-header.no-image .overlay {
  opacity: 1;
}

.capabilities-header > .grid > .row .col {
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 769px) {
  .capabilities-header > .grid > .row .col:nth-child(1) {
    position: sticky;
    top: 0;
  }
}

.capabilities-header > .grid > .row .col .inner-copy {
  background: #fff;
  margin: 50px 50px 0 0;
  padding: 50px;
}

.capabilities-header .image,
.capabilities-header .overlay {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 769px) {
  .capabilities-header .image,
  .capabilities-header .overlay {
    top: -50px;
    left: -50px;
    width: calc(100% + 100px);
    height: calc(100% + 50px);
  }
}

.capabilities-header .image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (min-width: 769px) {
  .capabilities-header .image {
    max-height: 100vh;
    position: sticky;
    top: 0;
  }
}

.capabilities-header .image:after {
  content: "";
  width: 100%;
  display: block;
  background-image: url(/images/svg/swoop.svg);
  height: 100%;
  position: absolute;
  background-size: 100%;
  background-position: right bottom;
  top: 0;
  background-repeat: no-repeat;
  z-index: 2;
}

.capabilities-header .overlay {
  background: linear-gradient(
    225deg,
    #5aa3d2 0,
    #2e7eb3 51%,
    #0070be 74%,
    #005794 100%
  );
  opacity: 1;
  z-index: 1;
  position: absolute;
}

.capabilities-header .row {
  align-items: flex-start;
}

.capabilities-header .wrapper {
  position: relative;
  z-index: 2;
  padding: 0;
}

.capabilities-header .copy {
  text-align: center;
  padding: 50px;
}

@media screen and (max-width: 1200px) {
  .capabilities-header .copy {
    padding: 50px;
    position: relative;
  }
}

.capabilities-header .copy .inner {
  position: relative;
  z-index: 1;
}

.capabilities-header .copy p,
.capabilities-header .copy ul {
  text-align: left;
  font-size: 1.125rem;
}

.capabilities-header .copy svg circle,
.capabilities-header .copy svg ellipse,
.capabilities-header .copy svg line,
.capabilities-header .copy svg path,
.capabilities-header .copy svg rect {
  stroke: #fff;
}

.capabilities-header .box {
  color: #4b4b4d;
  text-align: left;
  z-index: 1;
}

.capabilities-header .box h1,
.capabilities-header .box h2,
.capabilities-header .box h3,
.capabilities-header .box h4,
.capabilities-header .box h5,
.capabilities-header .box h6,
.capabilities-header .box p,
.capabilities-header .box ul {
  margin: 0;
}

.capabilities-header .box p,
.capabilities-header .box ul {
  margin-bottom: 30px;
}

.capabilities-header .box h1,
.capabilities-header .box h2,
.capabilities-header .box h3,
.capabilities-header .box h4,
.capabilities-header .box h5,
.capabilities-header .box h6 {
  font-size: 1.5rem;
  color: #005794;
  margin-bottom: 10px;
}

.capabilities-header .box h1 {
  font-size: 3.125rem;
}

.capabilities-header .box .logos {
  display: flex;
  align-items: center;
  margin: 0 -20px 20px 0;
}

.capabilities-header .box .logos div {
  width: 25%;
  height: auto;
}

.capabilities-header .box .logos img {
  width: calc(100% - 20px);
}

.certification-banner {
  background: linear-gradient(
    225deg,
    #5aa3d2 0,
    #2e7eb3 51%,
    #0070be 74%,
    #005794 100%
  );
  padding: 4% 0;
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 769px) {
  .certification-banner:after,
  .certification-banner:before {
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    height: 50%;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
  }

  .certification-banner:before {
    background-image: url(/images/svg/cert-banner-top-large.svg);
    top: -1px;
  }

  .certification-banner:after {
    background-image: url(/images/svg/cert-banner-bottom-large.svg);
    background-position: bottom;
    bottom: -1px;
  }
}

@media screen and (min-width: 769px) {
  .certification-banner.info-half .info,
  .certification-banner.info-third .info {
    margin: 0 80px 0 0;
    text-align: left;
  }

  .certification-banner.info-half .info p,
  .certification-banner.info-third .info p {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

@media screen and (min-width: 769px) {
  .certification-banner.info-half .info {
    width: 50%;
  }

  .certification-banner.info-half .img-cont {
    width: 50%;
  }

  .certification-banner.info-half .img-cont img {
    width: 45%;
  }
}

.certification-banner.info-half.one-img img {
  width: 60%;
}

@media screen and (min-width: 769px) {
  .certification-banner.info-third .info {
    width: 30%;
  }

  .certification-banner.info-third .img-cont {
    width: 70%;
  }
}

.certification-banner .wrapper {
  padding-bottom: 50px;
  padding-top: 50px;
}

.certification-banner .wrapper:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120%;
  height: 120%;
  background-image: url(/images/pattern2.svg);
  transform: translate(-50%, -50%) rotate(-15deg);
  background-position: center;
  background-size: 1200px;
}

@media screen and (min-width: 769px) {
  .certification-banner .wrapper:after {
    background-size: cover;
  }
}

@media screen and (min-width: 769px) {
  .certification-banner .wrapper {
    align-items: center;
    display: flex;
    justify-content: space-around;
    padding-bottom: 75px;
    padding-top: 75px;
  }
}

.certification-banner .info {
  color: #fff;
  text-align: center;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .certification-banner .info {
    margin: 0 auto;
    width: 75%;
  }
}

.certification-banner .info h4 {
  font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: uppercase;
}

@media screen and (min-width: 769px) {
  .certification-banner .info h4 {
    font-size: 1.875rem;
    text-transform: none;
  }
}

.certification-banner .info p {
  font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
}

@media screen and (min-width: 769px) {
  .certification-banner .info p {
    font-size: 1.875rem;
    line-height: 2.125rem;
  }
}

.certification-banner .img-cont {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 40px auto 0;
}

@media screen and (min-width: 769px) {
  .certification-banner .img-cont {
    margin: 0 auto;
    width: 75%;
  }
}

.certification-banner .img-cont img {
  height: auto;
  margin: 10px auto;
  width: 32%;
}

.circular-solutions .solution-items {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  margin: 20px auto;
}

@media screen and (max-width: 480px) {
  .circular-solutions .solution-items {
    flex-direction: column;
  }
}

.circular-solution-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 20px 30px;
}

.circular-solution-item .image {
  border-radius: 50%;
  height: 30px;
  margin-right: 20px;
  width: 30px;
}

.column-callout a {
  color: #888;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  text-decoration: none;
  align-items: center;
}

@media screen and (max-width: 1200px) {
  .column-callout a {
    background-color: #f7f7f7;
    padding: 22px 42px;
  }
}

@media screen and (min-width: 769px) {
  .column-callout a {
    align-items: center;
    text-align: center;
  }
}

.column-callout strong {
  display: block;
  font-size: 1.875rem;
  color: #004c9d;
}

@media (max-width: 1024px) and (min-width: 769px) {
  .column-callout strong {
    font-size: 2.75rem;
  }
}

@media screen and (min-width: 1025px) {
  .column-callout strong {
    font-size: 3.75rem;
  }
}

.column-callout strong.main-blue {
  color: #0057b8;
}

.column-callout strong.light-blue {
  color: #7bafd4;
}

.column-callout strong.green {
  color: #cedc00;
}

.column-callout strong.grey {
  color: #a7a8aa;
}

.column-callout strong.orange {
  color: #e56a54;
}

.column-callout h3 {
  font-size: 1.75rem;
  text-align: center;
}

@media (max-width: 1024px) and (min-width: 769px) {
  .column-callout h3 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 1200px) {
  .column-callout h3 {
    font-size: 1.25rem;
    color: #004c9d;
    margin: 5px 0;
  }
}

.column-callout .title {
  text-align: center;
}

@media screen and (max-width: 1200px) {
  .column-callout .wrapper {
    padding: 0;
  }
}

@media screen and (max-width: 1024px) {
  .column-callout .link {
    font-size: 1rem;
    text-align: center;
  }
}

@media screen and (max-width: 480px) {
  .column-callout .link {
    margin-left: 20px;
  }
}

@media screen and (max-width: 1200px) {
  .column-callout .glider-slide:first-of-type {
    margin-left: 10px;
  }
}

.column-callout .image {
  height: 113px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

@media screen and (max-width: 1200px) {
  .column-callout .image {
    height: 50px;
    margin: 0 0 10px;
  }
}

@media screen and (max-width: 1200px) {
  .column-callout .image svg {
    max-height: 50px;
    width: auto;
  }

  .column-callout .image svg circle,
  .column-callout .image svg ellipse,
  .column-callout .image svg line,
  .column-callout .image svg path,
  .column-callout .image svg rect {
    stroke: #004c9d;
  }
}

.column-callout .image.main-blue svg circle,
.column-callout .image.main-blue svg ellipse,
.column-callout .image.main-blue svg line,
.column-callout .image.main-blue svg path,
.column-callout .image.main-blue svg rect {
  stroke: #0057b8;
}

.column-callout .image.light-blue svg circle,
.column-callout .image.light-blue svg ellipse,
.column-callout .image.light-blue svg line,
.column-callout .image.light-blue svg path,
.column-callout .image.light-blue svg rect {
  stroke: #7bafd4;
}

.column-callout .image.green svg circle,
.column-callout .image.green svg ellipse,
.column-callout .image.green svg line,
.column-callout .image.green svg path,
.column-callout .image.green svg rect {
  stroke: #cedc00;
}

.column-callout .image.grey svg circle,
.column-callout .image.grey svg ellipse,
.column-callout .image.grey svg line,
.column-callout .image.grey svg path,
.column-callout .image.grey svg rect {
  stroke: #a7a8aa;
}

.column-callout .image.orange svg circle,
.column-callout .image.orange svg ellipse,
.column-callout .image.orange svg line,
.column-callout .image.orange svg path,
.column-callout .image.orange svg rect {
  stroke: #e56a54;
}

.column-callout .col {
  padding: 20px 0;
  position: relative;
}

@media screen and (min-width: 769px) {
  .column-callout .col + .col:before {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #5aa3d2;
    position: absolute;
    top: 0;
    left: -5px;
  }
}

.column-callout .glider-next,
.column-callout .glider-prev {
  display: none;
}

@media screen and (min-width: 1025px) {
  .column-image.reverse .row {
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 1025px) {
  .column-image.reverse .copy {
    margin: 0 0 0 auto;
  }
}

.column-image h2 {
  color: #004c9d;
  font-size: 1.5rem;
}

@media screen and (max-width: 1024px) {
  .column-image h2 {
    text-align: center;
    margin-bottom: 25px;
  }
}

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

@media screen and (max-width: 1024px) {
  .column-image .image {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 1025px) {
  .column-image .copy {
    max-width: 512px;
  }
}

@media screen and (min-width: 1025px) {
  .column-message.reverse .row {
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 1025px) {
  .column-message.reverse .copy {
    margin: 0 0 0 auto;
  }
}

.column-message h2 {
  color: #004c9d;
  font-size: 2.5rem;
}

@media screen and (max-width: 1024px) {
  .column-message h2 {
    text-align: center;
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 1024px) {
  .column-message .row {
    flex-direction: column-reverse;
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 1024px) {
  .column-message .image {
    width: 50%;
    margin: 30px 0 0 auto;
  }
}

.column-message .image img {
  display: block;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .column-message .image {
    box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
  }
}

@media screen and (min-width: 1025px) {
  .column-message .copy {
    max-width: 512px;
  }
}

.compare-tab {
  left: 0;
  margin: 0;
  overflow: visible;
  position: fixed;
  top: 100%;
  width: 100%;
  z-index: 10;
}

@media screen and (max-width: 767px) {
  .compare-tab {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .compare-tab {
    max-width: 600px;
    min-width: 300px;
    width: 50%;
  }
}

@media screen and (min-width: 1025px) {
  .compare-tab {
    width: 30%;
  }
}

.compare-tab .compare-tab.focus-visible,
.compare-tab .compare-tab:focus,
.compare-tab .compare-tab:focus-within {
  outline: 1px solid #004c9d !important;
}

.compare-tab.open {
  bottom: 15px;
  left: 15px;
  top: auto;
  z-index: 11;
}

@media screen and (max-width: 1024px) {
  .compare-tab.open {
    bottom: 60px;
    left: 0;
  }
}

.compare-tab.open .compare-toggle {
  left: 0;
  bottom: 100%;
  transform: rotate(0);
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .compare-tab.open .compare-toggle {
    position: absolute;
    flex-direction: row-reverse;
  }
}

.compare-tab.open .compare-toggle span {
  transform: rotate(-90deg);
  margin-right: 10px;
}

@media screen and (min-width: 1025px) {
  .compare-tab.open .compare-toggle span {
    transform: rotate(180deg);
  }
}

.compare-tab.open .compare-toggle:focus,
.compare-tab.open .compare-toggle:focus-within {
  outline: #004c9d;
}

.compare-tab .compare-toggle {
  background-color: #004c9d;
  display: flex;
  bottom: 100%;
  left: 56px;
  position: absolute;
  transform: rotate(-90deg);
  transform-origin: left bottom;
  transition-duration: 0s;
  padding: 18px 30px;
}

@media screen and (min-width: 1025px) {
  .compare-tab .compare-toggle {
    left: 15px;
    transform: rotate(0) translate(0, -15px);
    transform-origin: inherit;
  }
}

@media screen and (max-width: 1024px) {
  .compare-tab .compare-toggle {
    position: fixed;
    bottom: 85px;
  }
}

.compare-tab .compare-toggle span {
  display: inline-block;
  margin-top: 2px;
  margin-left: 5px;
  transform: rotate(180deg);
}

@media screen and (min-width: 1025px) {
  .compare-tab .compare-toggle span {
    transform: rotate(0);
  }
}

.compare-tab .compare-inner {
  background-color: #004c9d;
  color: #fff;
  font-size: 0.875rem;
  padding: 20px;
}

.compare-tab .compare-inner p {
  margin: 0 0 20px;
}

.compare-tab .compare-inner p.error {
  display: none;
  color: #ef6246;
  font-weight: 700;
  margin: -20px 0 20px;
}

.compare-tab .compare-inner p.error.active {
  display: block;
}

.compare-tab .prod-row {
  align-items: flex-start;
  display: flex;
  list-style-type: none;
  margin: 0 0 20px;
  padding: 0;
  justify-content: space-between;
}

.compare-tab .prod-row li {
  border: 1px solid #ccc;
  padding-top: 30%;
  position: relative;
  width: 30%;
}

.compare-tab .prod-row li:after,
.compare-tab .prod-row li:before {
  background-color: #ccc;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 25%;
}

.compare-tab .prod-row li:after {
  width: 1px;
  height: 25%;
}

.compare-tab .prod-row li.filled {
  border: 0;
  padding: 0;
}

.compare-tab .prod-row li.filled:after,
.compare-tab .prod-row li.filled:before {
  display: none;
}

.compare-tab .prod-row li.filled .remove-prod {
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 3px 3px 6px rgba(75, 75, 77, 0.4);
  color: #005794;
  cursor: pointer;
  height: 20px;
  padding: 3px;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
}

.compare-tab .prod-row li.filled .remove-prod:hover {
  text-decoration: none;
}

.compare-tab .prod-row li.filled .product {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 100%;
  width: 100%;
}

.compare-tab .prod-row li.filled p {
  margin: 5px 0 0;
  font-size: 0.875rem;
  font-weight: 600;
}

.compare-tab .compare-btn {
  width: 100%;
}

.compare-tab .compare-btn:disabled {
  background-color: transparent;
  border: 1px solid #fff;
  opacity: 0.7;
  pointer-events: none;
}

.compare-table {
  background-color: #fff;
  margin-bottom: 0;
  position: relative;
  padding-top: 0 !important;
}

@media screen and (min-width: 1025px) {
  .compare-table {
    background-color: #f7f7f7;
  }
}

@media screen and (max-width: 1200px) {
  .compare-table {
    overflow: inherit;
  }
}

.compare-table .wrapper {
  padding: 0;
}

@media screen and (min-width: 1025px) {
  .compare-table .wrapper {
    padding: 0 30px;
  }
}

@media screen and (max-width: 1024px) {
  .compare-table.reduced .selected {
    justify-content: space-around;
  }
}

.compare-table.reduced .single {
  width: 33.333%;
}

@media screen and (min-width: 1025px) {
  .compare-table.reduced .single {
    width: 37.5%;
  }
}

@media screen and (min-width: 1025px) {
  .compare-table.reduced .att-row .block {
    width: 37.5%;
  }
}

@media screen and (max-width: 1024px) {
  .compare-table.reduced .att-row .block {
    width: 50%;
  }
}

@media screen and (min-width: 1025px) {
  .compare-table.reduced .att-row .block.heading {
    width: 25%;
  }
}

@media screen and (max-width: 1024px) {
  .compare-table.reduced .att-row .block.heading {
    width: 100%;
  }
}

.compare-table.reduced .single {
  width: 50%;
}

@media screen and (min-width: 1025px) {
  .compare-table.reduced .single {
    width: 37.5%;
  }
}

@media screen and (min-width: 1025px) {
  .compare-table.reduced .att-row .block {
    width: 37.5%;
  }
}

@media screen and (max-width: 1024px) {
  .compare-table.reduced .att-row .block {
    width: 50%;
  }
}

@media screen and (min-width: 1025px) {
  .compare-table.reduced .att-row .block.heading {
    width: 25%;
  }
}

@media screen and (max-width: 1024px) {
  .compare-table.reduced .att-row .block.heading {
    width: 100%;
  }
}

.compare-table h2 {
  font-size: 1.75rem;
  font-weight: 600;
  color: #ef6246;
}

@media screen and (min-width: 1025px) {
  .compare-table h2 {
    color: #004c9d;
    max-width: 27.5%;
  }
}

@media screen and (max-width: 1024px) {
  .compare-table h2 {
    background-color: #fff;
    margin: 0;
    display: none;
    padding: 20px;
  }
}

.compare-table .back {
  color: #ef6246;
  display: block;
  font-weight: 600;
  padding: 15px 10px 10px;
}

@media screen and (max-width: 1024px) {
  .compare-table .back {
    position: fixed;
    z-index: 1;
    background-color: #fff;
    padding: 10px 0 5px !important;
  }
}

@media screen and (max-width: 1024px) {
  .compare-table .back.link.arrow.left {
    margin-left: 40px;
    margin-top: 20px;
  }

  .compare-table .back.link.arrow.left:after {
    top: calc(50% + 2.5px);
  }
}

.compare-table .back.last {
  display: none;
}

@media screen and (min-width: 1025px) {
  .compare-table .back {
    margin: 50px 0;
  }

  .compare-table .back.last {
    display: block;
  }
}

.compare-table .table {
  background-color: #fff;
}

@media screen and (max-width: 1024px) {
  .compare-table .table {
    position: relative;
  }
}

.compare-table .selected {
  padding: 5px;
  padding-top: 0;
  box-shadow: 0 4px 5px rgba(75, 75, 77, 0.3);
}

@media screen and (min-width: 1025px) {
  .compare-table .selected {
    padding: 0 30px;
    box-shadow: none;
  }

  .compare-table .selected.review {
    display: flex;
  }
}

.compare-table .selected.review {
  box-shadow: none;
  display: none;
}

@media screen and (min-width: 1025px) {
  .compare-table .selected.review {
    display: flex;
  }
}

@media screen and (max-width: 1024px) {
  .compare-table .selected.cards {
    position: sticky;
    background-color: #fff;
    z-index: 1;
    width: 100%;
    top: 49px;
    left: 0;
    padding-top: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .compare-table .selected.cards .content {
    padding: 10px 0 0;
    background: 0 0;
  }
}

@media screen and (max-width: 1024px) {
  .compare-table .selected.cards .single {
    padding: 5px;
  }
}

.compare-table .selected.cards .single .button {
  box-shadow: 0 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  text-decoration: none;
  background: #ef6246;
  font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: 1.125rem;
  padding: 10px 45px;
  cursor: pointer;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  overflow: hidden;
  position: relative;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  text-align: center;
  padding: 10px;
}

@media screen and (min-width: 1025px) {
  .compare-table .selected.cards .single .button:after,
  .compare-table .selected.cards .single .button:before {
    background-color: #fff;
    border-radius: 50%;
    bottom: 100%;
    content: "";
    height: 150px;
    left: 100%;
    opacity: 0.15;
    position: absolute;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    width: 150px;
  }
}

.compare-table .selected.cards .single .button:hover {
  background-color: #ef6246;
  text-decoration: none;
}

@media screen and (min-width: 1025px) {
  .compare-table .selected.cards .single .button:hover {
    transform: scale(1.05);
  }

  .compare-table .selected.cards .single .button:hover:before {
    bottom: calc(25% - 20px);
    left: calc(85% - 20px);
  }

  .compare-table .selected.cards .single .button:hover:after {
    bottom: calc(25% - 10px);
    left: calc(85% - 10px);
  }
}

.compare-table .selected.cards .single .button.full {
  width: 100%;
}

.compare-table .selected.cards .single .button.blue {
  background-color: #5aa3d2;
}

.compare-table .selected.cards .single .button.blue:hover {
  background-color: #5aa3d2;
}

.compare-table .selected.cards .single .button.clear {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.compare-table .selected.cards .single .button.clear.orange:after,
.compare-table .selected.cards .single .button.clear.orange:before {
  background-color: #ef6246;
}

.compare-table .selected.cards .single .button.clear.orange {
  border: 1px solid #ef6246;
  color: #ef6246;
}

.compare-table .selected.cards .single .button.clear.blue-outline {
  border: 1px solid #004c9d;
  color: #004c9d;
}

.compare-table
  .selected.cards
  .single
  .button.clear.blue-outline.blue-outline:after,
.compare-table
  .selected.cards
  .single
  .button.clear.blue-outline.blue-outline:before {
  background-color: #004c9d;
}

.compare-table .selected.cards .single .button.clear.blue-outline:hover {
  text-decoration: none;
}

@media screen and (min-width: 1025px) {
  .compare-table .selected.cards .single .button.clear.blue-outline:hover {
    transform: scale(1.05);
  }

  .compare-table
    .selected.cards
    .single
    .button.clear.blue-outline:hover:before {
    bottom: calc(25% - 20px);
    left: calc(85% - 20px);
  }

  .compare-table
    .selected.cards
    .single
    .button.clear.blue-outline:hover:after {
    bottom: calc(25% - 10px);
    left: calc(85% - 10px);
  }
}

.compare-table .selected.cards .single .button.invite .lnr-cross {
  display: inline-block;
  background: #fff;
  border: 1px solid;
  border-radius: 100%;
  padding: 1px;
  font-size: 0.5rem;
  transform: rotate(45deg);
  position: relative;
  right: -10px;
  top: 4px;
}

@media screen and (max-width: 1024px) {
  .compare-table .selected.cards .single .button {
    display: none;
  }
}

.compare-table .selected.buttons {
  align-items: stretch;
}

.compare-table .attributes {
  margin-bottom: 50px;
}

@media screen and (max-width: 1024px) {
  .compare-table .attributes {
    margin-bottom: 20px;
    position: relative;
    padding-top: 9px;
  }
}

.compare-table .att-row,
.compare-table .selected {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}

.compare-table .att-row {
  padding: 0 30px;
  background-color: #fff;
}

@media screen and (max-width: 1024px) {
  .compare-table .att-row {
    padding: 10px 0 30px;
  }
}

@media screen and (min-width: 1025px) {
  .compare-table .att-row:nth-child(2n) {
    background-color: #f2f7fa;
  }
}

@media screen and (max-width: 1024px) {
  .compare-table .att-row:nth-child(2n-1) {
    background-color: #f2f7fa;
  }
}

.compare-table .block,
.compare-table .single {
  width: 25%;
}

@media screen and (max-width: 1024px) {
  .compare-table .block,
  .compare-table .single {
    width: 33.333%;
  }
}

.compare-table .block {
  text-align: center;
  padding: 60px 30px;
}

@media screen and (max-width: 1024px) {
  .compare-table .block {
    padding: 20px 10px;
    border-left: 1px solid #ccc;
  }

  .compare-table .block:nth-child(1),
  .compare-table .block:nth-child(2) {
    border: none;
  }
}

.compare-table .block.heading {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.125rem;
}

@media screen and (max-width: 1024px) {
  .compare-table .block.heading {
    width: 100%;
    color: #005794;
    padding: 10px 20px 20px;
  }
}

.compare-table .block.heading span {
  display: block;
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 400;
  text-transform: none;
}

.compare-table .block ul {
  text-align: left;
}

.compare-table .single {
  position: relative;
}

@media screen and (min-width: 1025px) {
  .compare-table .single {
    padding: 0 10px 50px;
    margin-top: -75px;
  }
}

@media screen and (max-width: 1024px) {
  .compare-table .single a {
    box-shadow: 0 0;
  }
}

@media screen and (max-width: 1024px) {
  .compare-table .single .image:before {
    content: none;
  }
}

.compare-table .single .close {
  position: absolute;
  top: -10px;
  right: 1px;
  width: 30px;
  height: 28px;
  background-color: #fff;
  color: #004c9d;
  text-align: center;
  line-height: 1.875rem;
  z-index: 2;
  border-radius: 100%;
  box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
}

@media screen and (min-width: 1025px) {
  .compare-table .single .close {
    right: 5px;
  }
}

.compare-table .single.just-button {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: 0;
}

.compare-table .single.just-button h3 {
  color: #004c9d;
  font-size: 1.375rem;
}

@media screen and (max-width: 1024px) {
  .compare-table .single.just-button h3 {
    margin-bottom: 22px;
  }
}

@media screen and (max-width: 1024px) {
  .compare-table .single.just-button .button {
    padding: 0 0 20px;
    background: #fff;
    color: #004c9d;
    text-transform: none;
  }
}

@media screen and (max-width: 1024px) {
  .compare-table .product-card {
    max-width: none;
  }
}

@media screen and (min-width: 769px) {
  .compare-table .product-card {
    max-width: 235.25px;
  }
}

.compare-table .product-card a:hover {
  cursor: auto;
  transform: none;
}

.compare-table .product-card .content {
  min-height: 175px;
  padding: 15px;
}

.compare-table .product-card .content > * {
  display: none;
}

.compare-table .product-card .content .button,
.compare-table .product-card .content h3 {
  display: block;
}

.compare-table .product-card .content h3 {
  color: #004c9d;
  font-weight: 400;
  font-size: 1.375rem;
  font-size: 1rem;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media screen and (min-width: 1200px) {
  .compare-table .product-card .content h3 {
    font-size: 1.25rem;
    -webkit-line-clamp: 3;
  }
}

@media screen and (min-width: 1025px) {
  .compare-table .product-card .content h3 {
    margin-bottom: 20px;
  }
}

.contact-bar {
  left: 0;
  overflow: visible;
  position: fixed;
  top: calc(100% - 60px);
  width: 100%;
  z-index: 10;
  margin: 0;
}

@media screen and (min-width: 1025px) {
  .contact-bar {
    top: 100%;
  }
}

.contact-bar.open {
  top: auto;
  bottom: 0;
  z-index: 11;
}

.contact-bar.open .toggle-contact-bar .lnr-chevron-up {
  transform: rotate(180deg);
}

.contact-bar.open .toggle-contact-bar {
  right: 0;
  margin-bottom: 0;
  transition: none;
}

.contact-bar .toggle-contact-bar {
  background-color: #0070be;
  bottom: 100%;
  overflow: hidden;
  padding: 10px 50px 10px 60px;
  position: absolute;
  right: 10px;
  margin-bottom: 10px;
  transition: none;
  outline: 0;
}

.contact-bar .toggle-contact-bar:focus {
  outline: revert;
  outline-offset: 1px;
}

.contact-bar .toggle-contact-bar span.lnr {
  color: #cbdb00;
  font-size: 1.25rem;
  height: 100%;
  position: absolute;
  right: 25px;
  top: 0;
  width: 15px;
}

.contact-bar .toggle-contact-bar span.lnr.lnr-chevron-up {
  display: none;
}

@media screen and (min-width: 901px) {
  .contact-bar .toggle-contact-bar span.lnr.lnr-chevron-up {
    display: block;
    right: 20px;
  }
}

.contact-bar .toggle-contact-bar span.lnr:before {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.contact-bar .toggle-contact-bar span.lnr.bubble {
  background-color: #005794;
  border-radius: 100%;
  height: 75px;
  font-size: 1.5rem;
  left: -25px;
  padding: 10px;
  right: auto;
  text-align: right;
  top: 50%;
  transform: translateY(-50%);
  width: 75px;
}

.contact-bar .toggle-contact-bar span.lnr.bubble:before {
  right: 9px;
  width: auto;
  font-size: 2rem;
}

.contact-bar .toggle-contact-bar > .toggle-button-text {
  font-size: 0.75rem;
  font-weight: 400;
  text-transform: none;
  width: 100%;
  right: -15px;
  position: relative;
  color: #fff;
  display: block;
}

@media screen and (min-width: 901px) {
  .contact-bar .toggle-contact-bar > .toggle-button-text {
    font-size: 1rem;
    right: -2px;
  }
}

.contact-bar .toggle-contact-bar > .toggle-button-text strong {
  font-weight: 600;
  text-transform: none;
}

.contact-bar .bar-inner {
  background: linear-gradient(23deg, #5aa3d2 0, #0070be 65%, #005794 100%);
  color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 145px);
  padding: 20px 0 80px;
  z-index: 1;
}

@media screen and (max-width: 1200px) {
  .contact-bar .bar-inner {
    height: -webkit-fill-available;
    height: -moz-available;
    height: stretch;
  }
}

@media screen and (min-width: 901px) {
  .contact-bar .bar-inner {
    padding: 50px 0;
  }

  .contact-bar .bar-inner .wrapper {
    padding: 0;
    max-width: 1310px;
  }
}

@media screen and (min-width: 1025px) {
  .contact-bar .bar-inner {
    max-height: calc(100vh - 55px);
    padding: 20px 0;
  }
}

.contact-bar .bar-inner .form-cont {
  justify-content: space-between;
}

@media screen and (min-width: 901px) {
  .contact-bar .bar-inner .form-cont {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (max-width: 480px) {
  .contact-bar .bar-inner .form-cont {
    margin-right: 0;
  }
}

@media screen and (max-width: 480px) {
  .contact-bar .bar-inner .purpose-fields-cont {
    margin-right: 0;
  }
}

.contact-bar .bar-inner .col {
  width: 100%;
}

@media screen and (min-width: 901px) {
  .contact-bar .bar-inner .col {
    width: calc(40% - 30px);
  }
}

.contact-bar .bar-inner .col.width-60 {
  margin-top: 20px;
  width: 100%;
}

@media screen and (min-width: 901px) {
  .contact-bar .bar-inner .col.width-60 {
    margin: 0;
    width: 60%;
  }

  .contact-bar .bar-inner .col.width-60 p {
    font-size: 1rem;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 1200px) {
  .contact-bar .bar-inner .col.width-60 {
    margin-top: 15px;
  }
}

.contact-bar .bar-inner .info-cont .info-title {
  color: #f7f7f7;
  font-size: 2rem;
  margin-top: 10px;
}

.contact-bar .bar-inner .info-cont .info-desc {
  color: #f7f7f7;
  margin: 20px 20px 20px 0;
}

.contact-bar .bar-inner .info-cont .col {
  margin-top: 20px;
}

@media screen and (max-width: 1200px) {
  .contact-bar .bar-inner .info-cont .col {
    margin-top: 15px;
  }
}

.contact-bar .bar-inner .info-cont .purpose-cont {
  width: calc(50% - 5px);
}

@media screen and (max-width: 1200px) {
  .contact-bar .bar-inner .info-cont .purpose-cont {
    width: 100%;
  }
}

@media screen and (max-width: 1200px) {
  .contact-bar .bar-inner .info-cont label {
    margin-bottom: 0;
  }
}

.contact-bar .bar-inner .info-cont select {
  font-size: 0.875rem;
  padding: 12px;
}

.contact-bar .bar-inner .required-fields-info {
  font-size: 0.875rem;
  color: #ccc;
}

.contact-bar .bar-inner .required-fields-info a {
  color: #fff;
  font-weight: 700;
}

.contact-bar .bar-inner .consent-fields {
  display: flex;
  flex-direction: row;
  margin: 10px 0 20px;
}

@media screen and (max-width: 1200px) {
  .contact-bar .bar-inner .consent-fields {
    flex-wrap: wrap;
  }
}

.contact-bar .bar-inner .consent-fields .consent-field {
  font-size: 0.75rem;
  margin-right: 10px;
}

.contact-bar .bar-inner .consent-fields .consent-field span {
  margin-left: 0;
  color: #ccc;
}

.contact-bar .bar-inner .consent-fields .consent-field span a {
  color: #fff;
  font-weight: 700;
}

.contact-bar .bar-inner .consent-fields .consent-field span::before {
  border: 1px solid #ccc;
}

.contact-bar .bar-inner .call-lrg {
  color: #cbdb00;
  display: none;
  font-size: 2rem;
}

@media screen and (min-width: 901px) {
  .contact-bar .bar-inner .call-lrg {
    display: inline;
    font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont,
      "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol";
  }
}

.contact-bar .bar-inner .call-lrg:hover {
  text-decoration: none;
  opacity: 0.75;
}

.contact-bar .bar-inner .call-lrg > span {
  font-size: 1.375rem;
  margin-right: 3px;
}

.contact-bar .bar-inner h5 {
  display: block;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.375rem;
  margin-bottom: 0;
  text-transform: uppercase;
}

.contact-bar .bar-inner h5 a {
  color: #cbdb00;
  font-size: 1.375rem;
  margin-top: 10px;
  display: block;
}

.contact-bar .bar-inner h5 a > span {
  font-size: 0.875rem;
}

@media screen and (min-width: 901px) {
  .contact-bar .bar-inner h5 a {
    display: none;
  }
}

.contact-bar .bar-inner h5 span.lnr.lnr-phone:before {
  font-size: 1.25rem;
  top: 2px;
  position: relative;
  margin-right: 4px;
}

@media screen and (min-width: 901px) {
  .contact-bar .bar-inner h5 {
    font-size: 1.25rem;
  }
}

.contact-bar .bar-inner p {
  font-size: 0.875rem;
  line-height: 1.5;
}

@media screen and (min-width: 901px) {
  .contact-bar .bar-inner p {
    font-size: 1.125rem;
    font-family: "Proxima Nova Lt", -apple-system, BlinkMacSystemFont,
      "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol";
  }
}

.contact-bar .bar-inner .desc {
  margin-top: 15px;
}

@media screen and (min-width: 901px) {
  .contact-bar .bar-inner form {
    margin-top: 0;
  }
}

.contact-bar .bar-inner form textarea {
  margin-bottom: 0;
}

@media screen and (min-width: 901px) {
  .contact-bar .bar-inner form textarea {
    min-height: 125px;
  }
}

.contact-bar .bar-inner form input,
.contact-bar .bar-inner form textarea {
  font-size: 0.875rem;
}

.contact-bar .bar-inner form button {
  width: 100%;
  padding: 15px 45px;
}

@media screen and (min-width: 901px) {
  .contact-bar .bar-inner form button {
    font-size: 1.125rem;
  }
}

.contact-bar .bar-inner form button.clear {
  display: none;
}

@media screen and (min-width: 769px) {
  .contact-bar .bar-inner form button.clear {
    display: block;
  }
}

.content-card {
  display: block;
  text-decoration: none;
  color: #4b4b4d;
  /* margin-top: 5px; */
}

/* @media screen and (min-width:769px) {
    .content-card {
        margin-bottom: 80px
    }
} */

.content-card h3 {
  font-size: 1.3rem;
  color: #004c9d;
}

@media screen and (max-width: 1200px) {
  .content-card h3 {
    color: #4b4b4d;
    font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont,
      "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
  }
}

@media screen and (max-width: 1200px) {
  .content-card .button,
  .content-card p {
    /* display: none; */
    font-size: 14px !important;
  }
}
@media screen and (max-width: 769px) {
  .content-card .button,
  .content-card p {
    display: none;
    font-size: 14px !important;
  }
}

.content-card .image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  padding-bottom: 100%;
}

@media screen and (min-width: 769px) {
  .content-card .image {
    padding-bottom: 60%;
  }
}

.cookie-bar {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  margin: 0 auto;
  background-color: #f7f7f7;
  box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
  padding: 40px 30px 20px;
  z-index: 99;
  color: #888;
  font-size: 0.875rem;
}

@media screen and (min-width: 1025px) {
  .cookie-bar {
    width: 80%;
    padding: 30px;
    display: flex;
  }
}

@media screen and (max-width: 1200px) {
  .cookie-bar {
    bottom: 0;
  }
}

.cookie-bar a {
  display: block;
  border: 1px solid #004c9d;
  color: #004c9d;
  text-align: center;
  padding: 10px;
  font-size: 1.125rem;
}

@media screen and (min-width: 481px) {
  .cookie-bar a {
    width: calc(50% - 15px);
  }
}

.cookie-bar a + a {
  background-color: #004c9d;
  color: #f7f7f7;
}

@media screen and (max-width: 480px) {
  .cookie-bar a + a {
    margin-top: 10px;
  }
}

.cookie-bar a.close {
  border: none;
  position: absolute;
  top: 5px;
  right: 10px;
  width: 40px;
  padding: 8px 0;
  font-size: 1.5625rem;
  color: #4b4b4d;
}

.cookie-bar > div {
  padding-right: 30px;
  box-sizing: border-box;
}

@media screen and (min-width: 1025px) {
  .cookie-bar > div {
    width: 60%;
  }
}

@media screen and (min-width: 481px) {
  .cookie-bar > div + div {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}

@media screen and (min-width: 1025px) {
  .cookie-bar > div + div {
    width: 40%;
  }
}

@media screen and (max-width: 1024px) {
  .cookie-bar > div + div {
    padding: 30px 0;
  }
}

@media screen and (min-width: 769px) {
  .credits-card {
    display: flex;
  }
}

.credits-card .image {
  width: 116px;
  border: 1px solid #efefef;
  margin: 0 auto 20px;
}

@media screen and (min-width: 769px) {
  .credits-card .image {
    margin: 0 30px 0 0;
    width: 200px;
  }
}

@media screen and (min-width: 769px) {
  .credits-card .copy {
    width: calc(100% - 230px);
  }
}

.credits-card img {
  display: block;
}

.cpsia .banner {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  color: #fff;
  padding: 100px 0;
  margin-bottom: 50px;
}

.cpsia .banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0.9;
}

.cpsia .banner .wrapper {
  position: relative;
}

.cpsia .list .list-heading,
.cpsia .list li {
  font-size: 0.875rem;
  padding: 5px 15px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

@media screen and (max-width: 1200px) {
  .cpsia .list .list-heading,
  .cpsia .list li {
    font-size: 0.8125rem;
    padding: 30px 20px;
  }
}

@media screen and (max-width: 1200px) {
  .cpsia .list .list-heading:nth-child(2n-1),
  .cpsia .list li:nth-child(2n-1) {
    background-color: #eee;
  }
}

.cpsia .list .list-heading > div,
.cpsia .list li > div {
  width: 50%;
}

@media screen and (min-width: 481px) {
  .cpsia .list .list-heading > div,
  .cpsia .list li > div {
    width: 25%;
  }
}

@media screen and (min-width: 769px) {
  .cpsia .list .list-heading > div,
  .cpsia .list li > div {
    width: 12.5%;
    text-align: center;
  }
}

.cpsia .list .list-heading > div:nth-child(1),
.cpsia .list li > div:nth-child(1) {
  width: 100%;
}

@media screen and (min-width: 769px) {
  .cpsia .list .list-heading > div:nth-child(1),
  .cpsia .list li > div:nth-child(1) {
    width: 50%;
    text-align: left;
  }
}

@media screen and (max-width: 1200px) {
  .cpsia .list .list-heading > div:nth-child(1),
  .cpsia .list li > div:nth-child(1) {
    font-weight: 600;
    font-size: 1.125rem;
    padding-bottom: 10px;
  }
}

.cpsia .list .list-heading {
  background: #f7f7f7;
}

@media screen and (max-width: 1200px) {
  .cpsia .list .list-heading {
    display: none;
  }
}

.cpsia .list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.cpsia .list ul li + li {
  border-top: 1px solid #eee;
}

.cpsia .search-bar-container {
  display: flex;
  margin: 0 auto 80px;
  max-width: 600px;
}

.cpsia .search-bar-container input {
  margin-bottom: 0;
}

.cta-banner {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  color: #fff;
  text-align: center;
  padding: 70px 0 75px;
}

.cta-banner h2 {
  color: #fff;
}

.cta-banner:after,
.cta-banner:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cta-banner:before {
  background: linear-gradient(77deg, #5aa3d2 0, #0070be 48%, #005794 100%);
}

@media screen and (max-width: 1200px) {
  .cta-banner:before {
    background: linear-gradient(
      212deg,
      rgba(90, 163, 210, 0.75) 0,
      rgba(0, 112, 190, 0.75) 17%,
      #0070be 62%,
      #005794 100%
    );
  }
}

.cta-banner:after {
  background-image: url(/images/pattern.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.cta-banner.no-pattern:after {
  background-image: none;
}

@media screen and (min-width: 769px) {
  .cta-banner.w-image:before {
    background: linear-gradient(
      77deg,
      #5aa3d2 0,
      #0070be 48%,
      rgba(0, 87, 148, 0.75) 100%
    );
  }
}

.cta-banner.columns .wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.cta-banner.columns .wrapper h2 {
  width: 100%;
}

@media screen and (max-width: 1200px) {
  .cta-banner.columns .wrapper .box,
  .cta-banner.columns .wrapper .button {
    width: calc(50% - 10px);
    margin: 0 5px;
  }
}

.cta-banner.columns .wrapper .box {
  margin-bottom: 10px;
}

@media screen and (min-width: 769px) {
  .cta-banner.columns .wrapper .box {
    width: calc(33.333% - 30px);
    margin: 0 15px 50px;
  }
}

@media screen and (max-width: 1200px) {
  .cta-banner.columns .wrapper .button {
    position: relative;
    background: 0 0;
    padding: 20px;
    height: 100%;
    min-height: 250px;
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    justify-content: center;
  }

  .cta-banner.columns .wrapper .button span {
    display: inline-block;
    position: relative;
  }

  .cta-banner.columns .wrapper .button span:before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #cbdb00;
    width: 100%;
    height: 2px;
  }

  .cta-banner.columns .wrapper .button:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.13;
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 769px) {
  .cta-banner.faq .accordion-container {
    margin-top: 50px;
  }
}

.cta-banner.faq .box div {
  padding: 40px;
}

.cta-banner.faq .box p {
  font-size: 1rem;
}

@media screen and (max-width: 1200px) {
  .cta-banner.faq .box + .box {
    margin-top: 10px;
  }
}

.cta-banner .box {
  text-align: center;
  color: #fff;
}

.cta-banner .box:hover {
  text-decoration: none;
}

.cta-banner .box div {
  position: relative;
  padding: 20px;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.cta-banner .box div:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.13;
  width: 100%;
  height: 100%;
}

.cta-banner .box span {
  color: #cbdb00;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
  display: block;
}

@media screen and (min-width: 769px) {
  .cta-banner .box span {
    margin-bottom: 20px;
  }
}

.cta-banner .box span.number {
  font-size: 3.75rem;
}

.cta-banner .box p {
  margin: 0;
  width: 100%;
}

.cta-banner p {
  line-height: 1.5;
}

@media screen and (min-width: 769px) {
  .cta-banner p {
    font-size: 1.375rem;
  }
}

@media screen and (max-width: 1200px) {
  .cta-banner p {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 1200px) {
  .cta-banner .button,
  .cta-banner p {
    width: calc(100% - 60px);
    margin-left: auto;
    margin-right: auto;
  }
}

.cta-banner .wrapper {
  position: relative;
  z-index: 1;
}

.cta-banner.boxes .wrapper .button {
  box-shadow: 0 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  text-decoration: none;
  background: #ef6246;
  font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: 1.125rem;
  padding: 10px 45px;
  cursor: pointer;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  overflow: hidden;
  position: relative;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  text-align: center;
  min-height: auto;
  width: calc(80% - 60px);
  max-width: none;
}

@media screen and (min-width: 1025px) {
  .cta-banner.boxes .wrapper .button:after,
  .cta-banner.boxes .wrapper .button:before {
    background-color: #fff;
    border-radius: 50%;
    bottom: 100%;
    content: "";
    height: 150px;
    left: 100%;
    opacity: 0.15;
    position: absolute;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    width: 150px;
  }
}

.cta-banner.boxes .wrapper .button:hover {
  background-color: #ef6246;
  text-decoration: none;
}

@media screen and (min-width: 1025px) {
  .cta-banner.boxes .wrapper .button:hover {
    transform: scale(1.05);
  }

  .cta-banner.boxes .wrapper .button:hover:before {
    bottom: calc(25% - 20px);
    left: calc(85% - 20px);
  }

  .cta-banner.boxes .wrapper .button:hover:after {
    bottom: calc(25% - 10px);
    left: calc(85% - 10px);
  }
}

.cta-banner.boxes .wrapper .button.full {
  width: 100%;
}

.cta-banner.boxes .wrapper .button.blue {
  background-color: #5aa3d2;
}

.cta-banner.boxes .wrapper .button.blue:hover {
  background-color: #5aa3d2;
}

.cta-banner.boxes .wrapper .button.clear {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.cta-banner.boxes .wrapper .button.clear.orange:after,
.cta-banner.boxes .wrapper .button.clear.orange:before {
  background-color: #ef6246;
}

.cta-banner.boxes .wrapper .button.clear.orange {
  border: 1px solid #ef6246;
  color: #ef6246;
}

.cta-banner.boxes .wrapper .button.clear.blue-outline {
  border: 1px solid #004c9d;
  color: #004c9d;
}

.cta-banner.boxes .wrapper .button.clear.blue-outline.blue-outline:after,
.cta-banner.boxes .wrapper .button.clear.blue-outline.blue-outline:before {
  background-color: #004c9d;
}

.cta-banner.boxes .wrapper .button.clear.blue-outline:hover {
  text-decoration: none;
}

@media screen and (min-width: 1025px) {
  .cta-banner.boxes .wrapper .button.clear.blue-outline:hover {
    transform: scale(1.05);
  }

  .cta-banner.boxes .wrapper .button.clear.blue-outline:hover:before {
    bottom: calc(25% - 20px);
    left: calc(85% - 20px);
  }

  .cta-banner.boxes .wrapper .button.clear.blue-outline:hover:after {
    bottom: calc(25% - 10px);
    left: calc(85% - 10px);
  }
}

.cta-banner.boxes .wrapper .button.invite .lnr-cross {
  display: inline-block;
  background: #fff;
  border: 1px solid;
  border-radius: 100%;
  padding: 1px;
  font-size: 0.5rem;
  transform: rotate(45deg);
  position: relative;
  right: -10px;
  top: 4px;
}

.cta-banner.boxes .wrapper .button span:before {
  content: none;
}

@media screen and (min-width: 769px) {
  .cta-banner.boxes .wrapper .button {
    width: calc(33.3333% - 60px);
    margin: 0 30px;
    padding: 18px;
  }
}

.cta-banner.boxes .wrapper > :nth-child(1) {
  order: 1;
}

.cta-banner.boxes .wrapper > :nth-child(2) {
  width: 100%;
  order: 2;
}

.cta-banner.boxes .wrapper > :nth-child(3) {
  width: 100%;
  order: 4;
}

.cta-banner.boxes .wrapper > :nth-child(4) {
  width: 100%;
  order: 6;
}

.cta-banner.boxes .wrapper > :nth-child(5) {
  order: 3;
}

.cta-banner.boxes .wrapper > :nth-child(6) {
  order: 5;
}

.cta-banner.boxes .wrapper > :nth-child(7) {
  order: 7;
}

.cta-boxes {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  color: #fff;
  text-align: center;
  padding: 70px 0 75px;
}

.cta-boxes:after,
.cta-boxes:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cta-boxes:before {
  background: linear-gradient(77deg, #5aa3d2 0, #0070be 48%, #005794 100%);
}

@media screen and (max-width: 1200px) {
  .cta-boxes:before {
    background: linear-gradient(
      212deg,
      rgba(90, 163, 210, 0.75) 0,
      rgba(0, 112, 190, 0.75) 17%,
      #0070be 62%,
      #005794 100%
    );
  }
}

.cta-boxes.no-pattern:after {
  background-image: none;
}

@media screen and (min-width: 769px) {
  .cta-boxes.w-image:before {
    background: linear-gradient(
      77deg,
      #5aa3d2 0,
      #0070be 48%,
      rgba(0, 87, 148, 0.75) 100%
    );
  }
}

.cta-boxes .wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.cta-boxes .wrapper h2 {
  width: 100%;
  position: relative;
  z-index: 2;
  color: #fff;
}

.cta-boxes .box {
  position: relative;
  z-index: 2;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .cta-boxes .box {
    width: calc(33.333% - 30px);
  }
}

@media screen and (max-width: 1200px) {
  .cta-boxes .box + .box {
    margin-top: 40px;
  }
}

.cta-boxes .box > div {
  height: 250px;
  position: relative;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cta-boxes .box > div:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.13;
  width: 100%;
  height: 100%;
}

.cta-boxes .box > div span {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
  display: block;
}

@media screen and (min-width: 769px) {
  .cta-boxes .box > div span {
    margin-bottom: 20px;
  }
}

.cta-boxes .box > div span.large {
  font-size: 3.75rem;
}

.cta-boxes .box > div span.medium {
  font-size: 1.75rem;
}

.cta-boxes .box > div p {
  margin: 0;
  width: 100%;
}

.cta-boxes .button {
  width: calc(100% - 60px);
  min-height: auto;
  max-width: none;
  padding: 18px;
  margin: 20px auto 0;
}

.cta-boxes .subtext {
  color: #fff;
  font-size: 2rem;
  line-height: 2rem;
  margin: 40px auto 0;
  position: relative;
  z-index: 2;
}

.cta-boxes .subtext a {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.curve-banner-slider {
  overflow: hidden;
  padding: 0;
  position: relative;
  background: linear-gradient(
    225deg,
    #5aa3d2 0,
    #2e7eb3 51%,
    #0070be 74%,
    #005794 100%
  );
  padding: 4% 0;
}

.curve-banner-slider .banner-images-row {
  height: 400px;
  margin-top: 0;
}

.curve-banner-slider .banner-images-row .image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 480px) {
  .curve-banner-slider .banner-images-row::-webkit-scrollbar {
    display: none;
  }
}

.curve-banner-slider:after,
.curve-banner-slider:before {
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  height: 50%;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

.curve-banner-slider:before {
  background-image: url(/images/svg/cert-banner-top-large.svg);
  top: -1px;
}

.curve-banner-slider:after {
  background-image: url(/images/svg/cert-banner-bottom-large.svg);
  background-position: bottom;
  bottom: -1px;
}

.curve-banner-slider .banner-images-row {
  margin-top: 20px;
}

.curve-banner-slider .glider-track {
  height: 100%;
}

.curve-banner-slider .glider-next,
.curve-banner-slider .glider-prev {
  color: #fff;
  position: absolute;
  top: calc(50% - 20px);
}

.curve-banner-slider .glider-next:hover,
.curve-banner-slider .glider-prev:hover {
  background-color: transparent;
}

.curve-banner-slider .glider-next:hover::after,
.curve-banner-slider .glider-next:hover::before,
.curve-banner-slider .glider-prev:hover::after,
.curve-banner-slider .glider-prev:hover::before {
  display: none;
}

.curve-banner-slider .glider-prev {
  left: 20px;
}

.curve-banner-slider .glider-next {
  right: 20px;
}

@media screen and (max-width: 860px) {
  .curve-banner-slider .glider-next,
  .curve-banner-slider .glider-prev {
    top: 65px;
  }
}

.product-data-sheet {
  width: 100vw;
  color: #4b4b4d;
}

.product-data-sheet .content {
  padding: 80px 80px 0;
}

.product-data-sheet .title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.product-data-sheet .title-label {
  font-size: 1.75rem;
  color: #005794;
  margin-top: 16px;
}

.product-data-sheet .info-container {
  display: flex;
  flex-direction: row;
  margin-top: 40px;
  width: 100%;
}

.product-data-sheet .info-container .product-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-right: 40px;
}

.product-data-sheet .info-container .product-info .divider {
  margin: 0;
}

.product-data-sheet .info-container .product-info .key,
.product-data-sheet .info-container .product-info .value {
  font-size: 1.125rem;
  padding-left: 12px;
  margin: 16px 0;
}

.product-data-sheet .info-container .product-info .key {
  color: #005794;
  font-weight: 700;
}

.product-data-sheet .info-container .product-image {
  align-self: flex-start;
  flex-basis: 300px;
  flex-shrink: 0;
  width: 25%;
}

.product-data-sheet .header {
  background-color: #0670b7;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  padding: 8px 20px;
}

.product-data-sheet .specs-container {
  margin-top: 40px;
}

.product-data-sheet .specs-container .spec-cont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 10px 0;
}

.product-data-sheet .specs-container .spec-cont .key {
  color: #005794;
  font-size: 1rem;
  font-weight: 700;
  width: 400px;
  margin-left: 16px;
}

.product-data-sheet .specs-container .spec-cont .value {
  flex-grow: 1;
  font-size: 1rem;
  margin-left: 16px;
}

.product-data-sheet .specs-container .divider {
  margin: 0;
}

.product-data-sheet .features-container {
  margin-top: 30px;
}

.product-data-sheet .features-container ul {
  margin: 10px 20px;
}

.product-data-sheet .features-container .feature {
  font-size: 1.5rem;
  margin-top: 10px;
}

.product-data-sheet .footer {
  width: 100%;
  height: 300px;
  margin-top: 50px;
  padding: 50px 80px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.product-data-sheet .footer .footer-info {
  color: #005794;
  line-height: 1.875rem;
  font-size: 1.125rem;
}

.product-data-sheet .footer .footer-info .site {
  font-size: 1.5rem;
  font-weight: 700;
}

.product-data-sheet .footer .footer-logo {
  height: 150px;
}

.divisions-cta {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  padding: 50px 0;
}

@media screen and (min-width: 769px) {
  .divisions-cta {
    padding: 100px 0;
  }
}

@media screen and (max-width: 1200px) {
  .divisions-cta {
    text-align: center;
  }
}

.divisions-cta:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    77deg,
    #5aa3d2 0,
    #0070be 48%,
    rgba(0, 87, 148, 0.75) 100%
  );
}

.divisions-cta .heading {
  color: #fff;
}

@media screen and (min-width: 769px) {
  .divisions-cta .heading {
    padding-right: 50px;
  }
}

@media screen and (max-width: 1200px) {
  .divisions-cta .heading {
    margin-bottom: 20px;
  }
}

.divisions-cta .heading h3 {
  margin: 0;
}

.divisions-cta .heading p {
  margin: 10px 0 20px;
}

.divisions-cta .blocks > div {
  padding: 30px 50px;
  background-color: #fff;
}

@media screen and (max-width: 1200px) {
  .divisions-cta .blocks > div {
    padding: 20px;
  }
}

.divisions-cta .blocks > div + div {
  margin-top: 20px;
}

@media screen and (min-width: 769px) {
  .divisions-cta .blocks > div + div {
    margin-top: 50px;
  }
}

.divisions-cta .blocks h4 {
  color: #005794;
  font-size: 1.375rem;
  margin: 0;
}

@media screen and (max-width: 1200px) {
  .divisions-cta .blocks h4 {
    font-weight: 600;
    font-size: 1rem;
    text-align: center;
    text-transform: uppercase;
  }
}

.divisions-cta .blocks p {
  margin: 20px 0 0;
}

.divisions-cta .row {
  align-items: center;
}

@media screen and (min-width: 1025px) {
  .divisions-cta .row > .col:nth-child(1) {
    position: sticky;
    top: 58px;
  }
}

.donation-request {
  background-color: #f7f7f7;
  padding: 50px 0;
}

.donation-request select {
  border: 1px solid #ccc;
  box-shadow: 0 0;
  box-sizing: border-box;
  margin-bottom: 15px;
  max-width: 100%;
  padding: 15px;
  width: 100%;
}

.donation-request .corelate-event {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
  padding-left: 12px;
}

.donation-request .corelate-event .checkmarks {
  margin-left: 60px;
  margin-top: -10px;
}

@media screen and (max-width: 1200px) {
  .donation-request .corelate-event {
    flex-direction: column;
    align-items: flex-start;
  }

  .donation-request .corelate-event .checkmarks {
    margin-left: 0;
  }
}

.donation-request .corelate-event .confirm-box {
  display: inline-block;
}

.donation-request .corelate-event .confirm-box label {
  line-height: 0;
}

.donation-request .corelate-event .confirm-box + .confirm-box {
  margin-left: 20px;
}

.donation-request h2 {
  text-align: center;
  font-size: 1.875rem;
  padding-bottom: 50px;
  margin-bottom: 0;
}

@media screen and (min-width: 769px) {
  .donation-request h2 {
    font-size: 3rem;
  }
}

.donation-request .blue,
.donation-request h2,
.donation-request h4,
.donation-request legend {
  color: #005794;
}

@media screen and (min-width: 769px) {
  .donation-request .blue,
  .donation-request h2,
  .donation-request h4,
  .donation-request legend {
    color: #004c9d;
  }
}

.donation-request h4,
.donation-request legend {
  font-size: 1.25rem;
  line-height: 1.1;
  margin: 0 0 20px;
}

@media screen and (min-width: 769px) {
  .donation-request h4,
  .donation-request legend {
    font-size: 1.75rem;
  }
}

.donation-request h4.thin,
.donation-request legend.thin {
  text-align: center;
  font-size: 1.875rem;
  font-weight: 400;
  padding-bottom: 20px;
  margin-bottom: 0;
}

@media screen and (min-width: 769px) {
  .donation-request h4.thin,
  .donation-request legend.thin {
    text-align: left;
    font-size: 1.75rem;
  }
}

.donation-request #event-details-upload,
.donation-request #tax-exempt-upload,
.donation-request .event-information-container,
.donation-request .no-event-information-container {
  display: none;
}

.donation-request #event-details-upload.show,
.donation-request #tax-exempt-upload.show,
.donation-request .event-information-container.show,
.donation-request .no-event-information-container.show {
  display: flex;
}

.donation-request form {
  margin-top: 0;
}

.donation-request form label span {
  margin-left: 10px;
}

.donation-request form p {
  margin: 0 10px 10px;
  color: #4b4b4d;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .donation-request form p {
    text-align: left;
  }
}

.donation-request form p:last-of-type {
  text-align: left;
  margin-left: 0;
}

@media screen and (min-width: 769px) {
  .donation-request form .blue {
    color: #004c9d;
  }
}

.donation-request form .checkmarks {
  text-align: center;
}

@media screen and (min-width: 769px) {
  .donation-request form .checkmarks {
    text-align: left;
  }
}

.donation-request form span.button {
  margin-left: 0;
  width: 100%;
}

.donation-request form textarea {
  min-height: 100px;
}

@media screen and (max-width: 1200px) {
  .donation-request form .submit-btn {
    padding: 18px 45px;
  }
}

.donation-request .document-uploads {
  margin-bottom: 10px;
}

@media screen and (max-width: 1200px) {
  .donation-request .document-uploads {
    display: inline-block;
  }
}

.donation-request .document-uploads .upload-info {
  font-size: 0.875rem;
  padding-left: 12px;
}

.donation-request .document-uploads .upload-fields {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 20px;
}

.donation-request .document-uploads .upload-fields .upload-field {
  display: flex;
  align-items: center;
  margin-right: 40px;
  position: relative;
}

.donation-request .document-uploads .upload-fields .upload-field:last-child {
  margin-right: 0;
}

.donation-request .document-uploads .upload-fields .upload-field label {
  line-height: 0;
  margin-left: 20px;
}

.donation-request .document-uploads .upload-fields .upload-field span.button {
  border-color: #005794;
  line-height: 100%;
  padding: 10px 20px;
  width: initial;
}

.donation-request .document-uploads .upload-fields .upload-field span {
  position: relative;
  z-index: 1;
}

.donation-request
  .document-uploads
  .upload-fields
  .upload-field
  input[type="file"] {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.donation-request .consent-fields {
  display: flex;
  flex-direction: row;
}

@media screen and (max-width: 1200px) {
  .donation-request .consent-fields {
    flex-wrap: wrap;
  }
}

.donation-request .consent-fields .consent-field {
  font-size: 0.875rem;
  margin-right: 20px;
}

.donation-request .consent-fields .consent-field span {
  margin-left: 0;
}

.donation-request .consent-fields .consent-field span::before {
  border: 1px solid #ccc;
}

.donation-request .form-info-container .form-info-field {
  color: #4b4b4d;
  font-size: 0.875rem;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .donation-request .grid.gutter-20 .row {
    margin-right: 0;
  }
}

#downloadModal.open {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  z-index: 11;
}

#downloadModal .close {
  color: #fff;
  background-color: transparent;
}

#downloadModal .content {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
  margin: 40px auto auto;
  max-width: 600px;
  width: 100%;
  max-height: 100vh;
  max-height: -webkit-fill-available;
  z-index: 12;
}

@media screen and (min-width: 1025px) {
  #downloadModal .content {
    margin: auto;
  }
}

#downloadModal .header {
  align-items: center;
  background-color: #005794;
  display: flex;
  justify-content: space-between;
  padding: 20px;
  position: relative;
  width: 100%;
}

@media screen and (min-width: 1025px) {
  #downloadModal .header {
    padding: 30px 20px;
  }
}

#downloadModal .header .title {
  font-size: 2rem;
}

#downloadModal .inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 40px 40px 120px 40px;
  flex-grow: 1;
  overflow: auto;
}

@media screen and (min-width: 769px) {
  #downloadModal .inner {
    padding: 40px;
  }
}

#downloadModal .inner .sub-text {
  color: #005794;
  font-size: 1rem;
  text-align: center;
}

#downloadModal .inner .sub-header {
  color: #005794;
  font-size: 1.5rem;
  font-weight: 700;
  margin: 40px 0 20px;
}

#downloadModal .inner .button {
  background-color: transparent;
  border: 2px solid #005794;
  color: #005794;
  display: block;
  font-weight: 700;
  margin: 0 auto;
  text-transform: uppercase;
  width: 250px;
}

#downloadModal .inner select {
  display: block;
  margin: 0 auto 20px;
  width: 250px;
}

.featured-content {
  width: 100%;
  overflow: hidden;
}

@media screen and (min-width: 769px) {
  .featured-content {
    cursor: auto;
  }
}

.featured-content h2 {
  text-align: center;
  color: #004c9d;
}

@media screen and (min-width: 769px) {
  .featured-content h2 {
    margin: 0 0 80px;
  }
}

@media screen and (min-width: 769px) {
  .featured-content h3 {
    display: inline;
  }
}

@media screen and (min-width: 769px) {
  .featured-content a:hover {
    text-decoration: none;
  }
}

@media screen and (max-width: 1200px) {
  .featured-content .wrapper {
    padding: 0;
  }
}

.featured-content .image {
  position: relative;
  padding-bottom: 20px;
}
.image:hover .immbox img {
  transform: scale(1.2);
  transition: transform 0.3s ease;
}
.immbox {
  overflow: hidden;
  height: 144px;
  margin-bottom: 20px;
}

/* .featured-content .image:before {
    content: '';
    background-image: url(/images/ys1.jpg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%
} */

.featured-content .arrow {
  box-shadow: 0 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  text-decoration: none;
  display: inline-block;
  color: #004c9d;
  padding: 0;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  font-size: 1.125rem;
  font-weight: 600;
  border-bottom: 2px solid transparent;
  margin-right: 20px;
  position: relative;
  font-weight: 600;
  color: #004c9d;
}

@media screen and (max-width: 1200px) {
  .featured-content .arrow {
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1025px) {
  .featured-content .arrow:hover {
    color: #003d7e;
    text-decoration: none;
    border-bottom: 2px solid;
  }
}

@media screen and (max-width: 1200px) {
  .featured-content .arrow {
    text-transform: uppercase;
  }
}

.featured-content .arrow:after {
  content: "\e876";
  display: block;
  position: absolute;
  top: 50%;
  font-family: Linearicons-Free;
  transform: translateY(-50%) rotateY(0);
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  right: -30px;
}

@media screen and (max-width: 1200px) {
  .featured-content .arrow {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .featured-content .arrow:hover {
    color: #004c9d;
  }
}

@media screen and (max-width: 1200px) {
  .featured-content .row {
    margin-right: 0 !important;
    height: 325px;
    opacity: 0;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
  }

  .featured-content .row.glider {
    opacity: 1;
    height: auto;
  }
}

@media screen and (max-width: 1200px) {
  .featured-content .glider-track {
    padding: 0 10px;
  }
}

@media screen and (max-width: 1200px) {
  .featured-content .col {
    margin-right: 10px !important;
  }
}

.featured-content .glider-next,
.featured-content .glider-prev {
  display: none;
}

.filtering {
  background-color: #f7f7f7;
  height: 100vh;
  left: -80%;
  margin: 0;
  max-width: 400px;
  overflow: visible;
  position: fixed;
  top: 0;
  width: 80%;
  z-index: 9;
}

@media screen and (min-width: 1025px) {
  .filtering {
    background-color: transparent;
    height: auto;
    left: auto;
    max-width: unset;
    position: relative;
    top: auto;
    width: auto;
  }
}

.filtering .filter-nav {
  left: 100%;
  position: absolute;
  top: 0;
}

@media screen and (min-width: 1025px) {
  .filtering .filter-nav {
    display: none;
  }
}

.filtering .filter-nav .filter-btn {
  background-color: #f7f7f7;
  height: 60px;
  padding: 0;
  width: 60px;
}

.filtering .filter-nav .filter-btn.filter-clear,
.filtering .filter-nav .filter-btn.filter-submit {
  display: none;
}

.filtering .filter-nav .filter-btn.filter-submit span {
  color: #005794;
}

.filtering .filter-nav .filter-btn.filter-toggle {
  background-color: #f7f7f7;
  box-shadow: -4px 4px 5px rgba(75, 75, 77, 0.4);
  color: #ef6246;
  left: 56px;
  position: fixed;
  bottom: 80px;
  transform: rotate(-90deg);
  transform-origin: left bottom;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  padding: 10px 36px;
}

@media screen and (min-width: 1200px) {
  .filtering .filter-nav .filter-btn.filter-toggle {
    bottom: 259px;
  }
}

.filtering .filter-nav .filter-btn.filter-toggle span {
  margin-left: 8px;
  font-weight: 400;
}

.filtering .filter-nav .filter-btn.filter-toggle.compare-open {
  bottom: 390px;
}

.filtering .filter-nav .filter-btn span {
  color: #ef6246;
  font-size: 1.25rem;
  font-weight: 800;
}

.filtering .filter-list {
  height: 100%;
  overflow-y: auto;
  padding: 30px;
}

.filtering .filter-list h2 {
  color: #005794;
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 20px;
}

.filtering .filter-list h2.normal {
  font-weight: 400;
}

.filtering .filter-list .applied-cat-filters {
  display: none;
}

.filtering .filter-list .applied-cat-filters.open {
  display: block;
}

.filtering .filter-list .applied-cat-filters .clear-cats {
  color: #4b4b4d;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.filtering .filter-list .applied-cat-filters .clear-cats:hover {
  color: #ef6246;
}

.filtering .filter-list .applied-cat-filters .cat-pills {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.filtering .filter-list .applied-cat-filters .cat-pills li {
  color: #005794;
  margin: 0 5px 5px 0;
  padding: 5px 10px;
}

@media screen and (min-width: 1025px) {
  .filtering .filter-list .applied-cat-filters .cat-pills li {
    background-color: #005794;
    border-radius: 20px;
    color: #fff;
  }
}

.filtering .filter-list .applied-cat-filters .cat-pills li span {
  cursor: pointer;
  margin: 0 5px 0 0;
}

.filtering .filter-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.filtering .filter-list .cat-listing {
  border-top: 1px solid #4b4b4d;
  margin: 0 0 20px;
  padding: 20px 0 0;
}

.filtering .filter-list .cat-listing li {
  color: #4b4b4d;
  font-weight: 600;
}

.filtering .filter-list .cat-listing li.hide {
  display: none;
}

.filtering .filter-list .cat-listing li.active a {
  color: #ef6246;
}

.filtering .filter-list .cat-listing .cat-item,
.filtering .filter-list .cat-listing .cat-see-all {
  border-bottom: 1px solid #ccc;
  color: #4b4b4d;
  cursor: pointer;
  display: block;
  font-weight: 400;
  padding: 5px 20px;
  margin-bottom: 20px;
}

@media screen and (min-width: 1025px) {
  .filtering .filter-list .cat-listing .cat-item,
  .filtering .filter-list .cat-listing .cat-see-all {
    border: 0;
    display: inline;
    padding: 0;
  }
}

.filtering .filter-list .cat-listing .cat-item.active,
.filtering .filter-list .cat-listing .cat-item:hover,
.filtering .filter-list .cat-listing .cat-see-all.active,
.filtering .filter-list .cat-listing .cat-see-all:hover {
  color: #ef6246;
  text-decoration: none;
}

.filtering .filter-list .cat-item span,
.filtering .filter-list .cat-see-all span,
.filtering .filter-list .multi-select-item span {
  padding-left: 20px;
}

.filtering .filter-list .cat-item span:before,
.filtering .filter-list .cat-see-all span:before,
.filtering .filter-list .multi-select-item span:before {
  border: 1px solid #005794;
  width: 10px;
  height: 10px;
}

.filtering.open {
  box-shadow: 4px 4px 5px rgba(75, 75, 77, 0.4);
  left: 0;
  z-index: 18;
}

@media screen and (min-width: 1025px) {
  .filtering.open {
    box-shadow: none;
  }
}

.filtering.open .filter-nav {
  box-shadow: 5px 4px 4px rgba(75, 75, 77, 0.4);
  left: 100%;
  top: 0;
}

.filtering.open .filter-btn.filter-clear,
.filtering.open .filter-btn.filter-submit {
  display: block;
}

.filtering.open .filter-btn.filter-toggle {
  display: none;
}

.filtering .multi-select-input {
  background-color: #fff;
  border: 1px solid #005794;
  color: #4b4b4d;
  padding: 10px 5px 10px 20px;
}

.filtering .multi-select-input .title {
  font-size: 1rem;
  margin-bottom: 10px;
}

.filtering .multi-select-input .items-list {
  height: 200px;
  overflow: auto;
}

.filtering .apply-btn {
  background-color: #005794;
  margin-top: 20px;
  width: 100%;
}

.filtering .apply-btn:hover {
  background-color: #005794;
}

@media screen and (max-width: 1024px) {
  .filtering .apply-btn {
    display: none;
  }
}

form#left-rail-search input {
  margin-bottom: 0;
  padding: 5px 20px 5px 10px;
}

form#left-rail-search label {
  display: flex;
}

form#left-rail-search button {
  align-items: center;
  display: flex;
  padding: 10px;
}

footer {
  background-color: #0670b7;
  color: #fff;
  display: block;
  overflow: hidden;
}

footer a {
  color: #fff;
}

footer .wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1341px;
  padding: 70px 0 100px 0 !important;
}

footer .nav-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}

footer .nav-links .nav-links-col {
  display: flex;
  flex-direction: column;
  margin: 0 10px;
}

@media screen and (max-width: 480px) {
  footer .nav-links .nav-links-col {
    text-align: center;
    width: 100%;
  }
}

footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 1200px) {
  footer ul {
    display: inline;
    margin: 0;
  }
}

footer ul li {
  font-size: 1.25rem;
  margin-bottom: 10px;
}

footer ul li.parent {
  margin-bottom: 15px;
  font-size: 1.125rem;
}

@media screen and (max-width: 1200px) {
  footer ul li.parent {
    display: inline-block;
    margin-bottom: 20px;
    width: 49%;
  }
}

footer nav {
  flex-grow: 1;
  margin: 0 20px;
}

@media screen and (max-width: 1200px) {
  footer nav {
    padding: 30px 0;
  }
}

@media screen and (max-width: 769px) {
  nav.c-footer__link-list {
    display: none;
  }
}

footer .nav-right {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 20px;
}

@media screen and (max-width: 1024px) {
  footer .nav-right {
    align-items: center;
  }
}

footer .socials {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 20px;
}

footer .socials p {
  margin-bottom: 20px;
  font-size: 1.25rem;
}

@media screen and (max-width: 1024px) {
  footer .socials p {
    text-align: center;
  }
}

@media screen and (max-width: 1024px) {
  footer .socials {
    justify-content: space-between;
    padding: 0 40px;
  }
}

footer .socials .social-links {
  align-items: center;
  display: flex;
  flex-direction: row;
}

footer .socials a {
  margin-right: 40px;
}

footer .socials a img {
  height: 25px;
  max-width: initial;
  width: auto;
}

@media screen and (max-width: 1024px) {
  footer .socials a {
    margin: 0 10px;
  }
}

footer .links {
  line-height: 2em;
  margin: 50px 0;
}

footer .copyright {
  font-size: 0.75rem;
  text-align: center;
}

@media screen and (max-width: 480px) {
  footer .copyright {
    margin: 0 auto;
  }
}

footer .logo {
  align-items: center;
  display: flex;
  flex-direction: row;
}

footer .logo img {
  max-height: 120px;
}

footer .logo .taglines {
  text-transform: uppercase;
}

footer .logo .taglines .tagline {
  font-weight: 700;
}

.general-inquiry-form {
  padding: 80px 0;
}

.general-inquiry-form .main-title {
  color: #005794;
  text-align: center;
  margin-bottom: 30px;
}

.general-inquiry-form .form-title {
  color: #888;
  font-size: 1.75rem;
  margin-top: 40px;
}

.general-inquiry-form select {
  padding: 15px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  box-shadow: 0 0;
  border: 2px solid #004c9d;
  margin-bottom: 15px;
  margin-top: 10px;
}

.general-inquiry-form label {
  color: #888;
}

.general-inquiry-form .info {
  font-size: 1.125rem;
}

.general-inquiry-form .consent-fields {
  display: flex;
  flex-direction: row;
  margin: 40px 0;
}

@media screen and (max-width: 1200px) {
  .general-inquiry-form .consent-fields {
    flex-wrap: wrap;
  }
}

.general-inquiry-form .consent-fields .consent-field {
  font-size: 1.25rem;
  margin-right: 20px;
}

.general-inquiry-form .consent-fields .consent-field span {
  margin-left: 0;
}

.general-inquiry-form .consent-fields .consent-field span::before {
  border: 1px solid #ccc;
}

.general-inquiry-form input,
.general-inquiry-form textarea {
  border-color: #4b4b4d;
}

.general-inquiry-form .purpose-cont {
  margin: 0 auto;
  width: 35%;
}

@media screen and (max-width: 1200px) {
  .general-inquiry-form .purpose-cont {
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .general-inquiry-form .grid.gutter-20 .row.break-full .col {
    margin-right: 20px;
  }
}

/* header {
    position: static;
    position: fixed;
    background-image: linear-gradient(229deg, #5aa3d2 0, #0070be 100%, #0070be 100%, #005794 100%);
    top: 0;
    left: 0;
    height: 50px;
    width: 100%;
    z-index: 12;
    display: flex;
    justify-content: space-between
} */

@media screen and (min-width: 1025px) {
  header {
    height: 58px;
    background: #fff;
    display: flex;
    box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
  }
}

header.langOpen .lang-panel {
  display: block;
}

header .logo a {
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(/images/Berry-Logo-white.png);
  width: 70px;
  height: 37px;
  margin: 7px 20px;
  display: block;
}

@media screen and (min-width: 1025px) {
  header .logo a {
    background-image: url(/images/Berry-Logo-blue.png);
    margin: 7px 0;
    width: 102px;
    height: 44px;
  }
}

@media screen and (max-width: 1024px) {
  header .logo {
    position: relative;
    z-index: 1;
  }
}

@media screen and (max-width: 1024px) {
  header.mobileOpen {
    background: 0 0;
  }
}

@media screen and (max-width: 1024px) {
  header.mobileOpen nav .nav-container {
    display: flex;
    flex-direction: column;
  }
}

header ul {
  padding: 0;
  list-style-type: none;
  margin: 0;
}

header nav {
  display: flex;
  justify-content: space-between;
}

/* @media screen and (max-width:1024px) {
    header nav {
        background-color: #005794;
        padding-bottom: env(safe-area-inset-bottom);
        position: fixed;
        bottom: -1px;
        left: 0;
        color: #fff;
        width: 100%;
        box-shadow: 0 -6px 6px rgba(0, 0, 0, .1);
        align-items: stretch
    }
} */

@media screen and (max-width: 1024px) {
  header nav .nav-container {
    background-color: #fff;
    width: 100%;
    left: 0;
    top: 0;
    position: fixed;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    display: none;
    padding-bottom: 16px;
  }
}

@media screen and (min-width: 1025px) {
  header nav .nav-container {
    display: flex;
  }
}

header nav .nav-container .hero-search {
  margin: 0;
  padding: 45px 0 115px;
}

@media screen and (max-width: 1024px) {
  header nav .nav-container .hero-search {
    padding: 75px 0 65px;
    height: 254px;
    width: 100%;
    flex-shrink: 0;
  }
}

@media screen and (max-width: 1200px) {
  header nav .nav-container .hero-search {
    padding: 75px 0 65px;
    height: 204px;
  }
}

@media screen and (max-height: 600px) {
  header nav .nav-container .hero-search {
    min-height: 204px;
  }
}

@media screen and (min-width: 1025px) {
  header nav .nav-container .hero-search {
    display: none;
  }
}

@media screen and (max-width: 1200px) {
  header nav .nav-container .hero-search form {
    max-width: 500px;
    margin: 0 auto;
  }
}

header nav .nav-container .hero-search input::-moz-placeholder {
  color: #ccc;
}

header nav .nav-container .hero-search input::placeholder {
  color: #ccc;
}

header nav .nav-container .hero-search button span {
  color: #ccc;
}

header nav .nav-container .main-menu {
  padding: 0 20px;
}

@media screen and (max-width: 1024px) {
  header nav .nav-container .main-menu {
    display: flex;
    flex-direction: column;
  }
}

header nav .nav-container a {
  color: #4b4b4d;
  border-top: 1px solid #eee;
  display: block;
  padding: 20px 10px;
  font-size: 1rem;
}

@media screen and (max-width: 1024px) {
  header nav .nav-container a {
    padding: 15px 10px;
    font-size: 1rem;
  }
}

@media screen and (max-width: 1200px) {
  header nav .nav-container a {
    padding: 10px 10px;
    font-size: 1rem;
    text-transform: capitalize;
  }
}

header nav .toggle {
  background-color: #005794;
  text-align: center;
  width: 25%;
  flex-direction: column;
  justify-content: center;
  padding: 10px 0 5px;
  cursor: pointer;
  z-index: 9;
}

@media screen and (max-width: 1024px) {
  header nav .toggle {
    display: flex;
    font-size: 0.875rem;
  }
}

header nav .toggle.active,
header nav .toggle:hover {
  text-decoration: none;
  background-color: #005794;
}

header nav .quick-menu {
  width: 75%;
  justify-content: space-between;
  background-color: #005794;
  z-index: 9;
}

@media screen and (max-width: 1024px) {
  header nav .quick-menu {
    display: flex;
    padding: 5px;
  }
}

header nav .quick-menu li {
  width: 33%;
  text-align: center;
  margin: auto;
}

header nav .quick-menu .lnr {
  color: #cbdb00;
}

header nav .quick-menu svg {
  color: #cbdb00;
  display: block;
  position: relative;
  z-index: 1;
  stroke: #cbdb00;
  height: 16px;
  margin: 0 auto 5px;
}

header nav .quick-menu svg circle,
header nav .quick-menu svg line,
header nav .quick-menu svg path {
  stroke: #cbdb00;
}

header nav .quick-menu a {
  font-size: 0.875rem;
  text-align: center;
  width: 25%;
  line-height: 1.1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px 0 5px;
  color: #fff;
  width: 100%;
}

header nav .quick-menu a:hover {
  text-decoration: none;
}

header nav .main-menu > li,
header nav .secondary-menu > li {
  position: relative;
}

@media screen and (min-width: 1025px) {
  header nav .main-menu > li,
  header nav .secondary-menu > li {
    display: flex;
  }
}

header nav .main-menu > li:after,
header nav .secondary-menu > li:after {
  transition-delay: 0.2s;
}

@media screen and (min-width: 1025px) {
  header nav .main-menu > li:after,
  header nav .secondary-menu > li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 15px solid #0070be;
    opacity: 0;
  }
}

@media screen and (min-width: 1025px) {
  header nav .main-menu > li.is-active:after,
  header nav .secondary-menu > li.is-active:after {
    opacity: 1;
  }
}

header nav .main-menu > li:hover,
header nav .secondary-menu > li:hover {
  text-decoration: none;
}

@media screen and (min-width: 1025px) {
  header nav .main-menu > li:hover:after,
  header nav .secondary-menu > li:hover:after {
    opacity: 1;
  }
}

header nav .main-menu > li > a:hover,
header nav .secondary-menu > li > a:hover {
  text-decoration: none;
}

header nav .main-menu {
  font-weight: 600;
}

@media screen and (min-width: 1025px) {
  header nav .main-menu {
    display: flex;
  }
}

@media screen and (min-width: 1025px) {
  header nav .main-menu > li > a {
    color: #004c9d;
    padding: 17px 20px;
  }
}

@media (max-width: 1380px) and (min-width: 1025px) {
  header nav .main-menu > li > a {
    padding: 17px 12px;
  }
}

header nav .secondary-menu {
  padding: 0 20px;
}

@media screen and (min-width: 1025px) {
  header nav .secondary-menu {
    display: flex;
  }
}

@media (max-width: 1380px) and (min-width: 1025px) {
  header nav .secondary-menu {
    margin-left: 10px;
  }
}

@media screen and (min-width: 1025px) {
  header nav .secondary-menu > li:first-of-type:after {
    margin-left: 10px;
  }
}

@media screen and (min-width: 1025px) {
  header nav .secondary-menu > li:first-of-type a {
    padding: 17px 20px 17px 40px;
  }
}

header nav .secondary-menu > li > a {
  text-transform: capitalize;
}

@media screen and (min-width: 1025px) {
  header nav .secondary-menu > li > a {
    font-size: 0.875rem;
    padding: 17px 20px;
    text-transform: uppercase;
  }
}

@media (max-width: 1380px) and (min-width: 1025px) {
  header nav .secondary-menu > li > a {
    padding: 17px 12px;
  }
}

header nav .secondary-menu > li:hover {
  text-decoration: none;
}

@media screen and (max-width: 1024px) {
  header nav .secondary-menu > li.active:after {
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    width: 0;
    height: 0;
    border-left: 27px solid transparent;
    border-right: 27px solid transparent;
    border-top: 15px solid #ef6246;
  }
}

header .lnr {
  font-size: 1.25rem;
  font-weight: 900;
}

header .nav-right-actions {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}

header .nav-right-actions .cart-icon {
  background-size: cover;
  color: #888;
  font-size: 1.75rem;
  font-weight: initial;
  height: 30px;
  margin-right: 20px;
  position: relative;
  width: 30px;
}

header .nav-right-actions .cart-icon.has-items::after {
  background-color: #ef6246;
  border-radius: 50%;
  content: " ";
  height: 12px;
  position: absolute;
  right: 0;
  width: 12px;
}

@media screen and (max-width: 1024px) {
  header .nav-right-actions .cart-icon {
    color: #fff;
  }
}

header .nav-right-actions .cart-icon-empty {
  background-size: cover;
  height: 32px;
  margin-right: 10px;
  position: relative;
  width: 32px;
}

header .header-search-cont {
  display: none;
}

header .header-search-cont.show {
  display: flex;
  flex-grow: 1;
  max-width: 340px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  header .header-search-cont.show {
    position: static;
    width: 100%;
    z-index: 1;
  }
}

@media screen and (max-width: 1380px) {
  header .header-search-cont {
    position: absolute;
    top: 58px;
    width: 100%;
  }
}

header .header-search-cont .predictive-search {
  top: 58px;
  z-index: 1;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  header .header-search-cont .predictive-search {
    display: none;
  }
}

header .header-search-cont .header-search-form {
  position: relative;
}

header .header-search-cont .header-search-form input {
  height: 58px;
  outline: 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  header .header-search-cont .header-search-form input {
    height: 75px;
  }
}

header .search-toggle {
  background-color: #ef6246;
  color: #fff;
  font-size: 1.25rem;
  width: 54px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
  padding: 0;
}

header .selector.button.clear {
  cursor: pointer;
  color: #fff;
  display: none;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  border: 0;
}

@media screen and (min-width: 1025px) {
  header .selector.button.clear {
    color: #888;
    padding: 0 20px 0 0;
    width: 140px;
  }
}

@media (max-width: 1380px) and (min-width: 1025px) {
  header .selector.button.clear {
    padding: 0 20px;
    width: 54px;
  }
}

@media screen and (max-width: 1380px) {
  header .selector.button.clear .lang-selected {
    display: none;
  }
}

header .selector.button.clear .lnr-earth {
  color: #fff;
  margin-right: 5px;
}

@media screen and (min-width: 1025px) {
  header .selector.button.clear .lnr-earth {
    color: #888;
  }
}

@media screen and (min-width: 1381px) {
  header .selector.button.clear .lnr-earth {
    font-size: 1.5625rem;
    margin-right: 15px;
  }
}

header .selector.button.clear .lnr-chevron-down {
  font-size: 0.75rem;
  margin-left: 5px;
}

header .selector.button.clear {
  display: none;
}

header .menu-button {
  display: none;
}

@media screen and (min-width: 1025px) {
  header .menu-button {
    display: block;
    width: 0;
    height: 0;
    opacity: 0;
    padding: 0;
    transition: none;
    position: relative;
    margin-top: 19px;
  }
}

@media screen and (min-width: 1025px) {
  header .menu-button:focus {
    width: 20px;
    height: 20px;
    opacity: 1;
  }
}

header .menu-button span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.skip-menu:focus-within + header {
  top: 50px;
}

@media screen and (min-width: 1025px) {
  .skip-menu:focus-within + header {
    top: 58px;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #siteHeader {
    z-index: 1;
  }
}

header.secondary-header {
  display: block !important;
  position: relative !important;
  background-color: #005794;
  color: #fff;
  padding: 100px 20px 30px 20px;
  overflow: hidden;
  height: auto;
  z-index: 10;
}

@media screen and (min-width: 769px) {
  header.secondary-header {
    padding: 100px 100px 50px 100px;
  }
}

header.secondary-header:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200%;
  height: 200%;
  background-image: url(/images/pattern2.svg);
  transform: translate(-50%, -50%) rotate(-15deg);
  background-position: center;
  background-size: 2000px;
  pointer-events: none;
}

@media screen and (min-width: 769px) {
  header.secondary-header:after {
    background-size: cover;
  }
}

header.secondary-header .wrapper {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 769px) {
  header.secondary-header .wrapper {
    align-items: flex-end;
    justify-content: space-between;
  }
}

header.secondary-header h1 {
  display: inline-block;
  margin-bottom: 0;
}

header.secondary-header form {
  width: 100%;
}

@media screen and (min-width: 769px) {
  header.secondary-header form {
    width: 45%;
  }
}

header.secondary-header form label {
  display: flex;
}

header.secondary-header form input#searchBar {
  margin-bottom: 0;
}

header.secondary-header form button {
  align-items: center;
  display: flex;
  margin: 0;
  padding: 15px 20px;
}

.hero-banner {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  position: relative;
}

.alt-clear .hero-banner:first-child {
  padding-top: 57px;
}

.hero-banner:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #4b4b4d;
  opacity: 0.3;
}

.hero-banner .wrapper {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

section.hero-glide-banner {
  width: 100%;
  z-index: 0;
}

.hero-glide-banner {
  background-color: #004c9d;
  position: relative;
  width: 100%;
  overflow: visible;
}

@media screen and (min-width: 1025px) {
  .hero-glide-banner {
    background-color: transparent;
    width: 100%;
  }
}

@media screen and (min-width: 1025px) {
  .alt-clear .hero-glide-banner:first-child .glider-slide {
    padding-top: 157px;
  }
}

.hero-glide-banner.loading {
  height: 780px;
  overflow: hidden;
  width: 100%;
}

.hero-glide-banner.loading:before {
  background-color: #005794;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 20;
}

.hero-glide-banner.loading:after {
  color: #fff;
  content: "...LOADING...";
  font-size: 1.125rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 21;
}

.hero-glide-banner .wrapper {
  padding: 0;
}

.hero-glide-banner .hero-glider {
  position: relative;
  z-index: 10;
}

.hero-glide-banner .glider-track {
  transition-property: height;
  transition-duration: 0.3s;
}

@media screen and (min-width: 1025px) {
  .hero-glide-banner .glider-track {
    height: auto !important;
  }
}

.hero-glide-banner .glider-slide {
  padding: 0 20px 40px 0;
  position: relative;
}

@media screen and (min-width: 1025px) {
  .hero-glide-banner .glider-slide {
    padding: 100px 100px 2.5%;
  }
}

.hero-glide-banner .glider-slide:hover {
  text-decoration: none;
}

.hero-glide-banner .glider-slide:hover {
  text-decoration: none;
}

.hero-glide-banner .glider-slide .image {
  background-position: center;
  background-size: cover;
  padding: 56.25% 0 0;
  width: 100%;
}

@media screen and (min-width: 1025px) {
  .hero-glide-banner .glider-slide .image {
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 0;
  }

  .hero-glide-banner .glider-slide .image:after {
    background-color: #005794;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }

  .hero-glide-banner .glider-slide .image[style*="--overlay-opacity"]:after {
    opacity: var(--overlay-opacity);
  }

  .hero-glide-banner .glider-slide .image.white:after {
    background-color: #fff;
  }
}

.hero-glide-banner .glider-slide .content {
  color: #fff;
  padding: 20px 30px;
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 1025px) {
  .hero-glide-banner .glider-slide .content {
    width: 60%;
  }
}

@media screen and (min-width: 1025px) {
  .hero-glide-banner .glider-slide .content.center {
    text-align: left;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1025px) {
  .hero-glide-banner .glider-slide .content.right {
    margin: 0 0 0 auto;
    text-align: left;
  }
}

.hero-glide-banner .glider-slide .content h1 {
  font-size: 1.875rem;
  margin-bottom: 15px;
}

.hero-glide-banner .glider-slide .content p {
  font-size: 1rem;
  margin-bottom: 30px;
}

.hero-glide-banner .glider-slide .content span {
  font-size: 1.875rem;
  margin-bottom: 15px;
}

@media screen and (min-width: 1025px) {
  .hero-glide-banner .glider-slide .content h1 {
    font-size: 3.125rem;
    text-shadow: 3px 3px 6px #4b4b4d;
  }

  .hero-glide-banner .glider-slide .content p {
    font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont,
      "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1.125rem;
    text-shadow: 3px 3px 6px #4b4b4d;
  }

  .hero-glide-banner .glider-slide .content span {
    font-size: 3.125rem;
    text-shadow: 3px 3px 6px #4b4b4d;
    margin-bottom: 15px;
    line-height: 1.1;
  }
}

.hero-glide-banner .glider-slide .content .button {
  display: none;
}

@media screen and (min-width: 1025px) {
  .hero-glide-banner .glider-slide .content .button {
    display: inline-block;
    font-size: 1.125rem;
  }
}

.hero-glide-banner .hero-mobile-footer {
  height: 263px;
  left: 0;
  position: absolute;
  top: calc(100% - 225px);
  width: 100%;
  z-index: 0;
}

@media screen and (min-width: 1025px) {
  .hero-glide-banner .hero-mobile-footer {
    display: none;
  }
}

.hero-glide-banner .glider-nav {
  display: none;
  pointer-events: none;
}

@media screen and (min-width: 1025px) {
  .hero-glide-banner .glider-nav {
    display: flex;
    height: 390px;
    margin-top: -110px;
    position: relative;
    z-index: 10;
    align-items: center;
  }

  .hero-glide-banner .glider-nav .nav-items {
    display: flex;
    padding: 0 50px;
    margin: 50px auto 0;
    max-width: 1200px;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1050px) {
  .hero-glide-banner .glider-nav .nav-items {
    padding: 0 0;
    text-align: center;
  }
}

@media screen and (min-width: 1025px) {
  .hero-glide-banner .glider-nav .slide-nav-item {
    color: #fff;
    cursor: pointer;
    font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont,
      "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    padding: 40px;
    pointer-events: all;
    text-shadow: 3px 3px 6px #4b4b4d;
    width: 25%;
  }

  .hero-glide-banner .glider-nav .slide-nav-item:hover {
    opacity: 0.75;
  }

  .hero-glide-banner .glider-nav svg {
    left: 50%;
    position: absolute;
    top: calc(50% - 69px);
    width: 3000px;
    z-index: -1;
    transform: translate(-50%, -50%) scale3d(1, 0.75, 1);
    pointer-events: none;
  }
}

@media screen and (min-width: 1025px) and (min-width: 3000px) {
  .hero-glide-banner .glider-nav svg {
    width: 100%;
  }
}

@media screen and (min-width: 1025px) {
  .hero-glide-banner .glider-nav svg + svg {
    top: calc(50% - 69px);
    max-width: 1161px;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1050px) {
  .hero-glide-banner .glider-nav svg + svg .st1 {
    opacity: 0;
  }
}

@media screen and (min-width: 1025px) and (min-width: 3000px) {
  .hero-glide-banner .glider-nav svg + svg .st1 {
    opacity: 0;
  }
}

@media screen and (min-width: 1025px) {
  .hero-glide-banner .glider-nav svg rect {
    transform: translateX(20px);
    transition-duration: 0.3s;
  }
}

.hero-glide-banner .arrow {
  box-shadow: 0 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  text-decoration: none;
  display: inline-block;
  color: #004c9d;
  padding: 0;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  font-size: 1.125rem;
  font-weight: 600;
  border-bottom: 2px solid transparent;
  margin-right: 20px;
  position: relative;
  font-weight: 600;
  color: #fff;
  font-size: 18px;
}

@media screen and (max-width: 1200px) {
  .hero-glide-banner .arrow {
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1025px) {
  .hero-glide-banner .arrow:hover {
    color: #003d7e;
    text-decoration: none;
    border-bottom: 2px solid;
  }
}

@media screen and (max-width: 1200px) {
  .hero-glide-banner .arrow {
    text-transform: uppercase;
  }
}

.hero-glide-banner .arrow:after {
  content: "\e876";
  display: block;
  position: absolute;
  top: 50%;
  font-family: Linearicons-Free;
  transform: translateY(-50%) rotateY(0);
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  right: -30px;
}

@media screen and (min-width: 769px) {
  .hero-glide-banner .arrow:hover {
    color: #fff;
  }
}

.hero-search {
  background-image: url(/images/bgCurve.svg);
  background-size: cover;
  background-position: bottom center;
  padding: 45px 0 11%;
  text-align: center;
  color: #fff;
  position: relative;
}

@media screen and (min-width: 769px) {
  .hero-search {
    padding: 85px 0 180px;
  }
}

@media screen and (max-width: 1200px) {
  .hero-search {
    margin-top: 0;
  }
}

.hero-search:after,
.hero-search:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}

.hero-search:before {
  background-image: url(/images/pattern.svg);
  background-size: cover;
  background-position: bottom center;
  bottom: 2px;
  z-index: 0;
}

.hero-search:after {
  background-size: 900px;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  top: 25%;
  z-index: -1;
  background-image: url(/images/pattern.png);
}

@media screen and (min-width: 769px) {
  .hero-search:after {
    content: none;
  }
}

.hero-search .wrapper {
  position: relative;
}

.hero-search h1 {
  margin: 0;
}

@media screen and (min-width: 769px) {
  .hero-search p {
    margin: 0 0 50px;
  }
}

.hero-search label {
  display: flex;
}

.hero-search input {
  margin: 0;
  border: 0;
}

.hero-search button {
  display: flex;
  align-items: center;
  padding: 15px;
}

.hero-search button span {
  font-weight: 600;
  font-size: 1.5rem;
  margin-right: 5px;
}

@media screen and (min-width: 769px) {
  .history {
    position: relative;
    bottom: -80px;
    margin-top: -95px;
    z-index: 2;
  }

  .history:before {
    content: "";
    width: 1px;
    height: 99%;
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    background: #cbdb00;
    transform: translate(-50%, -50%);
  }

  .history .dot {
    border: 2px solid #cbdb00;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    display: block;
    margin: 0 auto 50px;
    position: relative;
    box-sizing: content-box;
    background-color: #004c9d;
  }

  .history .dot:before {
    content: "";
    cursor: pointer;
    border-radius: 100%;
    background: #cbdb00;
    height: 26px;
    width: 26px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .history .dot:before {
    cursor: pointer;
  }

  .history .dot.selected:before {
    cursor: initial;
    height: 32px;
    width: 32px;
  }

  .history .dot.selected:hover,
  .history .dot:first-child:hover,
  .history .dot:last-child:hover {
    transform: none;
  }

  .history .dot:hover {
    transform: scale(1.1);
  }

  .history .dot:hover .label {
    font-weight: 700;
  }

  .history .dot:first-child,
  .history .dot:last-child {
    margin-top: -17.5px;
  }

  .history .dot:first-child:before,
  .history .dot:last-child:before {
    cursor: auto;
  }

  .history .dot:first-child:hover:before,
  .history .dot:last-child:hover:before {
    height: 26px;
    width: 26px;
  }

  .history .dot:last-child {
    margin-top: 110px;
    background: #fff;
  }

  .history .dot.selected {
    margin: 220px auto;
    z-index: 3;
  }

  .history .dot.selected:nth-child(2) .image {
    top: 84px;
  }

  .history .dot.selected:nth-last-child(2) {
    margin-bottom: 200px;
  }

  .history .dot.selected:nth-last-child(2) .image {
    top: -84px;
  }

  .history .dot.selected .label {
    display: none;
  }

  .history .dot.selected .history-banner {
    display: block;
    opacity: 1;
  }

  .history .dot.selected .history-banner .image {
    width: calc(50% - 50px);
    height: 440px;
  }

  .history .dot .label {
    position: absolute;
    left: 50px;
    white-space: nowrap;
  }

  .history .dot .history-banner {
    opacity: 0;
    position: absolute;
    width: 1052px;
    text-align: left;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
  }

  .history .dot .history-banner > div {
    width: calc(50% - 50px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .history .dot .history-banner .image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: calc(0% - 50px);
    height: 0;
    right: calc(50% + 50px);
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
  }

  .history .dot .history-banner .copy {
    right: 0;
    background: #005794;
    padding: 30px;
    text-align: left;
    margin: 0;
  }

  .history .dot .history-banner .copy:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #005794;
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
  }

  .history .dot .history-banner .copy h4 {
    font-size: 1.25rem;
    color: #cbdb00;
    font-weight: 600;
    margin: 0 0 20px;
  }

  .history .dot .history-banner .copy p {
    font-size: 1rem;
    margin: 0;
  }
}

@media screen and (max-width: 1200px) {
  .history {
    position: relative;
    z-index: 2;
  }

  .history .dot {
    text-align: left;
  }

  .history .dot:first-child,
  .history .dot:last-child {
    margin-top: -17.5px;
  }

  .history .dot:first-child .circle,
  .history .dot:last-child .circle {
    margin: 0 auto 50px !important;
    cursor: auto;
  }

  .history .dot:last-child {
    position: relative;
    top: 67px;
  }

  .history .dot:last-child .circle {
    background-color: #fff;
  }

  .history .dot:last-child:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #cbdb00;
    bottom: 100%;
    width: 2px;
    height: 80px;
    z-index: 1;
    left: 50%;
  }

  .history .dot:first-child {
    position: relative;
  }

  .history .dot:first-child:after,
  .history .dot:first-child:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #cbdb00;
  }

  .history .dot:first-child:before {
    top: 100%;
    width: 2px;
    height: 20px;
    z-index: 1;
    left: 50%;
  }

  .history .dot:first-child:after {
    width: calc(50% - 15px);
    bottom: -20px;
    height: 2px;
    left: 15px;
  }

  .history .dot:nth-child(2n) .circle {
    margin: 15px auto -25px 0;
  }

  .history .dot:nth-child(2n) .copy {
    padding-left: 50px;
  }

  .history .dot:nth-child(2n) .history-banner:after,
  .history .dot:nth-child(2n) .history-banner:before {
    left: 15px;
  }

  .history .dot:nth-child(2n) .history-banner .image:before {
    left: 15px;
  }

  .history .dot:nth-child(2n + 1) .circle {
    margin: 15px 0 -25px auto;
  }

  .history .dot:nth-child(2n + 1) .copy {
    padding-right: 50px;
    text-align: right;
  }

  .history .dot:nth-child(2n + 1) .history-banner:after,
  .history .dot:nth-child(2n + 1) .history-banner:before {
    right: 15px;
  }

  .history .dot:nth-child(2n + 1) .history-banner .image:before {
    right: 15px;
  }

  .history .dot:nth-last-child(2) .history-banner:after {
    width: calc(50% - 15px);
  }

  .history .dot .circle {
    border: 2px solid #cbdb00;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    display: block;
    position: relative;
    box-sizing: content-box;
    background-color: #004c9d;
  }

  .history .dot .circle:before {
    content: "";
    border-radius: 100%;
    background: #cbdb00;
    height: 26px;
    width: 26px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .history .dot .image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 150px;
    position: relative;
  }

  .history .dot .image:before {
    content: "";
    width: 2px;
    display: block;
    position: absolute;
    background-color: #cbdb00;
    bottom: 100%;
    height: 30px;
  }

  .history .dot .label {
    display: none;
  }

  .history .dot .copy {
    padding: 0;
  }

  .history .dot .copy h4 {
    font-size: 1.25rem;
    color: #cbdb00;
    font-weight: 600;
    margin: 0 0 20px;
  }

  .history .dot .copy p {
    font-size: 1rem;
    margin: 0;
    width: 100%;
  }

  .history .history-banner {
    position: relative;
  }

  .history .history-banner:after,
  .history .history-banner:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #cbdb00;
    bottom: -20px;
  }

  .history .history-banner:before {
    width: 2px;
    height: calc(100% - 130px);
  }

  .history .history-banner:after {
    width: calc(100% - 30px);
    height: 2px;
  }
}

.info-grid {
  padding: 100px 0;
  position: relative;
}

.info-grid.grey {
  background-color: #f7f7f7;
}

.info-grid.white {
  background-color: #fff;
}

@media screen and (max-width: 1200px) {
  .info-grid {
    padding: 40px 0;
  }
}

.info-grid .title {
  color: #004c9d;
  margin-bottom: 30px;
  padding-bottom: 10px;
  text-align: center;
}

.info-grid .sub-title {
  color: #888;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 10px 0 40px;
  text-align: center;
}

.info-grid .grid {
  display: inline;
}

@media screen and (min-width: 769px) {
  .info-grid .grid {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.info-grid .view-all-button {
  background-color: transparent;
  border: 1px solid #004c9d;
  color: #004c9d;
  display: inline-block;
  left: 50%;
  margin: 20px auto;
  padding: 10px 45px;
  text-align: center;
  text-transform: uppercase;
  transform: translateX(-50%);
}

.info-grid .grid {
  display: inherit;
}

.info-grid .info-grid-box {
  margin-bottom: 30px;
  transform: scale(1);
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

.info-grid .info-grid-box:hover {
  transform: scale(1.015);
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

.info-grid .info-grid-box .grid-box-title {
  color: #004c9d;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 30px;
}

.info-grid .info-grid-box .learn-more-link {
  font-size: 1.25rem;
  color: #005794;
  margin: 20px 0;
}

.info-grid .info-grid-box .image {
  background-repeat: no-repeat;
  background-size: contain;
  height: 250px;
  width: 100%;
}

@media screen and (max-width: 1200px) {
  .info-grid .info-grid-box .image {
    height: 200px;
  }
}

.info-grid .info-grid-box.resource-box {
  margin-bottom: 80px;
}

.info-grid .info-grid-box.resource-box .image {
  width: 320px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center;
}

.info-grid .info-grid-box.resource-box .grid-box-title {
  font-size: 1.375rem;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
}

.info-grid .info-grid-box.resource-box .grid-box-subtitle {
  color: #004c9d;
  font-size: 0.875rem;
  text-align: center;
  margin: 0 auto 30px;
}

.info-grid .info-grid-box.sustainability-box {
  margin-bottom: 120px;
}

.info-grid .info-grid-box.sustainability-box .grid-box-title {
  font-size: 1.375rem;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.info-grid .info-grid-box.sustainability-box .grid-box-subtitle {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
}

.info-grid .info-grid-box.sustainability-box .grid-box-example {
  margin: 0;
  font-size: 1.125rem;
}

.info-grid .info-grid-box.sustainability-box .image {
  cursor: pointer;
}

.insights {
  color: #fff;
  text-align: center;
  position: relative;
  margin-bottom: 0;
  min-height: 500px;
  align-items: center;
  display: grid;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .insights {
    display: -ms-flexbox;
    height: 500px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1028px) {
  .insights {
    min-height: 450px;
    padding: 0 60px;
  }
}

@media screen and (max-width: 1200px) {
  .insights {
    align-items: normal;
    display: table-cell;
    height: 400px;
    padding: 30px;
    vertical-align: middle;
    width: 1200px;
  }
}

.insights .links-wrapper-cont {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

@media screen and (max-width: 1310px) {
  .insights .links-wrapper-cont {
    flex-direction: column;
  }
}

.insights.subhead {
  text-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
}

.insights + .testimonials {
  margin-top: 0;
}

.insights p {
  font-size: 1.125rem;
}

@media screen and (max-width: 1200px) {
  .insights p {
    font-size: 1rem;
  }
}

.insights .background-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.insights .background-image.small {
  background-size: auto;
}

@media screen and (min-width: 1310px) {
  .insights .background-image.small {
    margin-left: 180px;
  }
}

.insights .overlay {
  background: #4b4b4d;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.insights .overlay.blue {
  background-color: #004c9d;
}

.insights .overlay.none {
  display: none;
}

.insights .wrapper {
  position: relative;
  z-index: 2;
  margin: 0 auto !important;
  width: 850px;
}

.insights .wrapper.with-quick-links {
  max-width: 900px;
}

@media screen and (min-width: 1310px) {
  .insights .wrapper.with-quick-links {
    left: -125px;
  }
}

@media screen and (max-width: 1200px) {
  .insights .wrapper {
    padding: 30px;
  }
}

@media screen and (max-width: 910px) {
  .insights .wrapper {
    margin: 0 auto !important;
    position: relative;
    width: 100%;
    z-index: 2;
  }
}

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

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

.insights.top {
  margin: 80px 0 0;
}

.insights.bottom {
  margin: 0 0 80px 0;
}

.insights.spaced {
  margin: 80px 0;
}

.insights.image,
.insights.image-cta-head,
.insights.image-cta-head-date,
.insights.image-head-date,
.insights.image-no-head,
.insights.no-image,
.insights.no-image-cta,
.insights.small-image {
  color: #4b4b4d;
  text-align: left;
  padding: 0;
}

.insights.image .overlay,
.insights.image-cta-head .overlay,
.insights.image-cta-head-date .overlay,
.insights.image-head-date .overlay,
.insights.image-no-head .overlay,
.insights.no-image .overlay,
.insights.no-image-cta .overlay,
.insights.small-image .overlay {
  opacity: 0;
}

.insights.flexible .overlay {
  opacity: 0;
}

.insights.w-date {
  padding: 0;
}

.insights.w-date .background-image,
.insights.w-date .overlay {
  height: calc(100% - 128px);
}

.insights.w-date .wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.insights.w-date .wrapper > :nth-child(1) {
  margin-top: 30px;
}

@media screen and (min-width: 1200px) {
  .insights.w-date .wrapper > :nth-child(1) {
    margin-top: 150px;
  }
}

.insights.w-date .wrapper > :last-child {
  margin-bottom: 30px;
}

@media screen and (min-width: 1200px) {
  .insights.w-date .wrapper > :last-child {
    margin-bottom: 150px;
  }
}

.insights.w-date .wrapper small {
  order: 3;
  text-align: left;
  color: #4b4b4d;
  width: 100%;
  padding: 80px 0 0;
}

.insights.image .background-image,
.insights.image-no-head .background-image {
  position: relative;
  height: 150px;
}

@media screen and (min-width: 769px) {
  .insights.image .background-image,
  .insights.image-no-head .background-image {
    height: 500px;
  }
}

.insights.image h1,
.insights.image-no-head h1 {
  padding: 40px 0;
}

.insights.image-head-date .background-image {
  position: relative;
  height: 300px;
}

@media screen and (min-width: 769px) {
  .insights.image-head-date .background-image {
    height: 500px;
  }
}

.insights.image-head-date h1 {
  padding: 40px 0;
}

@media screen and (min-width: 769px) {
  .insights.image-head-date h1 {
    padding: 40px 0 0;
  }
}

.insights.image-cta-head .background-image,
.insights.image-cta-head-date .background-image,
.insights.small-image .background-image {
  position: relative;
  height: 150px;
}

@media screen and (min-width: 769px) {
  .insights.image-cta-head .background-image,
  .insights.image-cta-head-date .background-image,
  .insights.small-image .background-image {
    height: 500px;
  }
}

.insights.image-cta-head h1,
.insights.image-cta-head-date h1,
.insights.small-image h1 {
  padding-top: 20px;
}

.insights.image-cta-head .button,
.insights.image-cta-head-date .button,
.insights.small-image .button {
  margin-top: 40px;
}

.insights.small-image .background-image.small {
  background-size: cover;
  height: 500px;
}

@media screen and (max-width: 1200px) {
  .insights.small-image .background-image.small {
    height: 300px;
    background-size: cover;
    margin-left: 0 !important;
    width: 100% !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .insights.small-image .background-image.small {
    background-size: cover;
    height: 500px;
    margin-left: 0 !important;
    width: 100% !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1160px) {
  .insights.small-image .background-image.small {
    background-size: cover;
    margin-left: 0 !important;
    width: 100% !important;
    height: 500px;
  }
}

@media screen and (max-width: 480px) {
  .insights.small-image .background-image.small {
    height: 250px;
    background-size: cover;
    margin-left: 0 !important;
  }
}

.insights.no-image {
  padding: 40px 0;
}

@media screen and (min-width: 769px) {
  .insights.no-image {
    padding: 75px 0 40px;
  }
}

.insights.no-image-cta {
  padding: 20px 0;
}

@media screen and (min-width: 769px) {
  .insights.no-image-cta {
    padding: 40px;
  }
}

.insights small {
  font-size: 1rem;
}

.insights .button {
  font-size: 1.125rem;
}

@media screen and (max-width: 1200px) {
  .insights .button {
    display: block;
  }
}

.insights h1 {
  font-weight: 600;
}

.insights .noCta button {
  display: none;
}

.insights .subhead-no-cta-right div.wrapper h1 {
  text-align: right !important;
}

.insights .subhead-no-cta-center {
  text-align: center;
}

.insights.no-padding {
  padding: 20px 0;
}

.insights.no-padding .wrapper {
  padding: 0;
}

.flexibleinsights .background-image {
  background-position: bottom center;
}

.wrapperhalf {
  position: relative;
  z-index: 2;
  width: 50%;
  max-width: 1141px;
  padding: 0 60px;
}

@media screen and (min-width: 550px) and (max-width: 1200px) {
  .wrapperhalf {
    width: 75%;
  }
}

@media screen and (max-width: 549px) {
  .wrapperhalf {
    width: 100%;
  }
}

.bluetextbg {
  background-color: rgba(0, 76, 157, 0.7);
  padding: 50px;
  display: inline-block;
}

@media screen and (min-width: 910px) and (max-width: 1000px) {
  .bluetextbg {
    width: 100% !important;
  }
}

.lang-panel {
  color: #fff;
  position: fixed;
  height: calc(100% - 50px);
  width: 100%;
  z-index: 4;
  top: 50px;
  background-color: rgba(75, 75, 77, 0.6);
  display: none;
}

@media screen and (min-width: 769px) {
  .lang-panel {
    height: 100%;
    top: 0;
  }
}

.lang-panel .inner {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 1;
  max-width: 390px;
  width: 100%;
  box-shadow: -22px 7px 17px -12px rgba(75, 75, 77, 0.4);
  background: linear-gradient(133deg, #0070be 0, #005794 64%, #005794 100%);
}

.lang-panel .inner form {
  height: 100%;
  margin: 0;
}

@media screen and (max-width: 1200px) {
  .lang-panel .inner form {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media screen and (min-width: 769px) {
  .lang-panel .inner form {
    padding: 100px 0;
  }
}

.lang-panel .inner form > div {
  max-width: 270px;
  width: 100%;
  margin: 0 auto;
}

.lang-panel .inner form > div + div {
  margin-top: 40px;
}

.lang-panel .close {
  color: #fff;
  font-size: 1.25rem;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
}

.lang-panel .close:hover {
  text-decoration: none;
}

.lang-panel select {
  padding: 11px 20px 11px 10px;
}

.lang-panel h5 {
  font-size: 1rem;
  display: inline-block;
  border-bottom: 2px solid #cbdb00;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0;
  padding-bottom: 5px;
}

.lang-panel p {
  margin: 10px 0;
}

.lang-panel button {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .loc-list-item {
    cursor: pointer;
  }
}

.loc-list-item .info-row {
  display: flex;
  justify-content: space-between;
  background: linear-gradient(
    180deg,
    rgba(247, 247, 247, 0.5) 0,
    rgba(247, 247, 247, 0.5) 40%,
    rgba(239, 239, 239, 0.5) 80%,
    rgba(239, 239, 239, 0.8) 100%
  );
}

@media screen and (max-width: 1200px) {
  .loc-list-item .info-row {
    flex-wrap: wrap;
  }
}

.loc-list-item.active svg.active {
  display: block;
}

.loc-list-item.active svg.inactive {
  display: none;
}

.loc-list-item.active .directions,
.loc-list-item.active .location-type,
.loc-list-item.active .posting,
.loc-list-item.active .trigger {
  display: block;
}

.loc-list-item.open svg.active {
  display: block;
}

.loc-list-item.open svg.inactive {
  display: none;
}

.loc-list-item.open .directions,
.loc-list-item.open .location-type,
.loc-list-item.open .posting,
.loc-list-item.open .trigger {
  display: block;
}

@media screen and (max-width: 1023px) {
  .loc-list-item.open .info-row {
    background: 0 0;
  }

  .loc-list-item.open .title {
    padding-bottom: 0;
  }

  .loc-list-item.open .location-details.dropdown {
    display: block;
    padding-left: 40px;
  }

  .loc-list-item.open .location-details.dropdown .fourth3 {
    display: none;
  }

  .loc-list-item.open .location-details.dropdown .lnr {
    margin-right: 12px;
  }

  .loc-list-item.open .directions,
  .loc-list-item.open .location-type,
  .loc-list-item.open .trigger {
    display: none;
  }
}

.loc-list-item .social-connect {
  margin-top: 30px;
}

.loc-list-item .social-connect .social-links {
  margin-top: 20px;
}

.loc-list-item .social-connect .social-links a {
  text-decoration: none;
}

@media screen and (max-width: 1023px) {
  .loc-list-item .social-connect .social-links .social-link {
    margin-right: 20px;
  }
}

.loc-list-item svg {
  width: 60px;
  height: 48px;
}

@media screen and (max-width: 1023px) {
  .loc-list-item svg {
    width: 40px;
    height: 32px;
  }
}

.loc-list-item svg.active {
  display: none;
}

.loc-list-item svg.active path {
  fill: #ef6246;
}

.loc-list-item svg.inactive {
  display: block;
}

.loc-list-item svg.inactive path {
  fill: #4b4b4d;
}

.loc-list-item .title {
  padding: 35px 30px 35px 10px;
  display: flex;
  align-items: center;
  width: 100%;
}

@media screen and (min-width: 1025px) {
  .loc-list-item .title {
    width: calc(100% - 765px);
  }
}

@media screen and (min-width: 769px) {
  .loc-list-item .title {
    width: calc(100% - 540px);
  }
}

@media screen and (max-width: 1200px) {
  .loc-list-item .title {
    cursor: pointer;
  }
}

.loc-list-item .title h5 {
  font-size: 1.375rem;
  font-weight: 600;
  margin-bottom: 5px;
}

.loc-list-item .title p {
  margin: 0;
  font-size: 1.125rem;
}

.loc-list-item .title .copy {
  padding-left: 20px;
}

@media screen and (max-width: 1023px) {
  .loc-list-item .title h5 {
    font-size: 1.125rem;
  }

  .loc-list-item .title p {
    font-size: 0.875rem;
  }

  .loc-list-item .title .copy {
    padding-left: 10px;
  }
}

.loc-list-item .directions,
.loc-list-item .location-type,
.loc-list-item .trigger {
  width: 255px;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .loc-list-item .directions,
  .loc-list-item .location-type,
  .loc-list-item .trigger {
    width: 180px;
  }
}

@media screen and (max-width: 1200px) {
  .loc-list-item .directions,
  .loc-list-item .location-type,
  .loc-list-item .trigger {
    display: none;
    width: 33.333%;
  }
}

.loc-list-item .directions p,
.loc-list-item .location-type p,
.loc-list-item .trigger p {
  margin: 0;
}

.loc-list-item .directions a,
.loc-list-item .location-type a,
.loc-list-item .trigger a {
  color: #4b4b4d;
  height: 100%;
  display: flex;
  flex-direction: column;
  font-size: 1.125rem;
  justify-content: center;
  padding: 30px 0;
}

.loc-list-item .directions a.active,
.loc-list-item .location-type a.active,
.loc-list-item .trigger a.active {
  font-weight: 600;
  background-color: #eee;
}

.loc-list-item .directions a.active,
.loc-list-item .directions a:hover,
.loc-list-item .location-type a.active,
.loc-list-item .location-type a:hover,
.loc-list-item .trigger a.active,
.loc-list-item .trigger a:hover {
  text-decoration: none;
}

@media screen and (min-width: 769px) {
  .loc-list-item .directions a.active,
  .loc-list-item .directions a:hover,
  .loc-list-item .location-type a.active,
  .loc-list-item .location-type a:hover,
  .loc-list-item .trigger a.active,
  .loc-list-item .trigger a:hover {
    background-color: #eee;
  }
}

.loc-list-item .directions a > span,
.loc-list-item .location-type a > span,
.loc-list-item .trigger a > span {
  padding-top: 5px;
}

.loc-list-item .location-type a {
  cursor: auto;
}

.loc-list-item .location-type a:hover {
  background-color: initial;
}

.loc-list-item.posting .job-posts {
  display: block;
}

.loc-list-item.details .location-details {
  display: block;
}

.loc-list-item .dropdown {
  display: none;
}

@media screen and (min-width: 769px) {
  .loc-list-item .dropdown {
    background-color: #eee;
    padding: 20px 0;
  }
}

.loc-list-item .container {
  background-color: #fff;
  padding: 20px 0;
  height: 100%;
}

@media screen and (min-width: 769px) {
  .loc-list-item .container {
    box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
    padding: 30px;
  }
}

.loc-list-item .container .grid {
  height: 100%;
}

.loc-list-item .container .grid .row {
  height: 100%;
}

.no-location-items {
  color: #005794;
  font-size: 2rem;
  margin: 40px auto;
  text-align: center;
}

.location-details .image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1024px) {
  .location-details .image {
    padding-bottom: 60%;
    margin-bottom: 30px;
  }
}

.location-details .imagebox .image {
  margin-top: 20px;
}

@media screen and (min-width: 1025px) {
  .location-details .imagebox .image {
    padding-bottom: 50%;
  }
}

.location-details .container {
  height: 100%;
}

.location-details .contact {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 1024px) and (min-width: 769px) {
  .location-details .contact {
    display: block;
  }
}

.location-details .contact .lnr {
  color: #004c9d;
}

.location-details .contact .button {
  background-color: #f26c52;
}

@media (max-width: 1024px) and (min-width: 769px) {
  .location-details .contact .button {
    width: 300px;
  }
}

@media screen and (max-width: 1024px) {
  .location-details .contact .button {
    margin-top: 30px;
  }
}

@media screen and (max-width: 1024px) {
  .location-details .fourth3 .container .row {
    flex-direction: column-reverse;
    margin: 0;
  }
}

@media (max-width: 1024px) and (min-width: 769px) {
  .location-details .fourth3 + .fourth {
    margin-top: 30px;
  }
}

.location-details h5 {
  color: #004c9d;
  text-transform: uppercase;
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
}

.location-details p {
  margin: 10px 0 0;
}

.location-features {
  margin-top: 30px;
}

@media screen and (max-width: 1200px) {
  .location-features {
    overflow-x: auto;
    display: none;
  }
}

.location-features h6 {
  color: #005794;
  text-transform: uppercase;
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0 0 15px;
}

.location-features .card {
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
  padding: 13px 10px 13px 0;
  color: #005794;
  text-transform: uppercase;
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0 0 20px;
  display: flex;
  align-items: center;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

@media screen and (max-width: 1200px) {
  .location-features .card {
    width: 280px !important;
  }
}

.location-features .card:hover {
  text-decoration: none;
}

@media screen and (min-width: 769px) {
  .location-features .card:hover {
    background-color: #f7f7f7;
  }
}

.location-features .card .lnr {
  font-size: 2.875rem;
  width: 80px;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .location-features .row {
    width: auto !important;
  }
}

@media screen and (max-width: 1200px) {
  .location-features .row {
    flex-wrap: nowrap;
  }
}

.location-listing ul {
  padding: 0;
}

.locations-header {
  display: block;
  position: relative;
  background-color: #005794;
  color: #fff;
  padding-bottom: 300px;
  overflow: hidden;
}

.locations-header:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 140%;
  height: 140%;
  background-image: url(/images/pattern2.svg);
  transform: translate(-50%, -50%) rotate(-15deg);
  background-position: center;
  background-size: 1200px;
  pointer-events: none;
}

@media screen and (min-width: 769px) {
  .locations-header:after {
    background-size: cover;
  }
}

.locations-header h1 {
  padding-top: 100px;
}

.locations-search-bar {
  box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
}

.locations-search-bar form {
  display: flex;
}

@media screen and (max-width: 1200px) {
  .locations-search-bar form {
    flex-direction: column;
  }
}

.locations-search-bar form label {
  height: 57px;
}

@media screen and (max-width: 1200px) {
  .locations-search-bar form label {
    margin: 0;
  }
}

@media screen and (min-width: 769px) {
  .locations-search-bar form label:nth-child(1) {
    width: calc(100% - 277px);
  }
}

@media screen and (max-width: 1200px) {
  .locations-search-bar form label:nth-child(1) {
    box-shadow: 0 3px 6px 0 rgba(75, 75, 77, 0.1);
    z-index: 1;
    position: relative;
  }
}

.locations-search-bar form label:nth-child(1) input:focus + svg {
  display: none;
}

.locations-search-bar form label:nth-child(1) svg {
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  position: absolute;
  z-index: 2;
}

@media screen and (min-width: 769px) {
  .locations-search-bar form label:nth-child(1) svg {
    right: 300px;
  }
}

.locations-search-bar form label:nth-child(1) svg line,
.locations-search-bar form label:nth-child(1) svg path {
  stroke: #efefef;
}

@media screen and (min-width: 769px) {
  .locations-search-bar form label:nth-child(2) {
    width: 277px;
    position: relative;
  }
}

@media screen and (min-width: 769px) {
  .locations-search-bar form label:nth-child(2):before {
    content: "";
    display: block;
    width: 1px;
    height: 70%;
    background-color: #efefef;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}

.locations-search-bar form label input,
.locations-search-bar form label select {
  border: 0;
  height: 57px;
  font-size: 1rem;
}

.locations-search-bar form label select {
  background-image: url(/images/svg/selectBoxArrowWhite.svg);
  background-repeat: no-repeat;
  background-color: #fff;
}

.locations-search-bar form label select option {
  background-color: #fff;
}

@media screen and (max-width: 1200px) {
  .locations-search-bar form label select {
    background-color: #f7f7f7;
  }
}

.locations-search-bar form label input::-moz-placeholder {
  color: #fff;
}

.locations-search-bar form label input::placeholder {
  color: #fff;
}

.locations-search-bar form button {
  height: 57px;
  width: 169px;
  display: flex;
  padding: 0;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1200px) {
  .locations-search-bar form button {
    display: none;
  }
}

.locations-search-bar form button svg {
  margin-right: 7px;
}

.locations-search-bar .search-toggle {
  width: 60px;
}

.map-location-search-container {
  position: sticky;
  top: 0;
  z-index: 3;
}

@media screen and (max-width: 1200px) {
  .mapsize {
    width: 100%;
    height: 300px;
  }
}

@media screen and (min-width: 769px) {
  .mapsize {
    width: 100%;
    height: 400px;
  }
}

.search-toggle.button span {
  pointer-events: none;
}

.logo-grid .title {
  color: #004c9d;
  margin: 40px auto;
  text-align: center;
}

.logo-grid .logos {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.logo-grid .logos .logo {
  margin: 20px;
  min-width: 220px;
  text-align: center;
}

.media-contact .wrapper > div {
  background-color: #f7f7f7;
  padding: 30px 0;
  text-align: center;
}

.media-contact h4 {
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: uppercase;
  margin: 5px 0;
  color: #888;
}

.media-contact p {
  margin: 5px 0;
  color: #888;
}

.media-contact p.heading {
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: uppercase;
}

.media-contact p.categories a {
  color: #004c9d;
}

.media-contact p a {
  color: #888;
}

.media-contact ul {
  list-style-type: none;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 1200px) {
  .media-contact ul {
    justify-content: space-between;
    padding: 20px 40px 0;
  }
}

.media-contact ul a {
  margin: 30px;
}

@media screen and (max-width: 1200px) {
  .media-contact ul a {
    margin: 20px 0;
  }
}

@media screen and (max-width: 1024px) {
  .media-row-item {
    padding: 0 5px;
  }
}

@media screen and (min-width: 1025px) {
  .media-row-item {
    width: auto !important;
  }
}

@media screen and (min-width: 1025px) {
  .media-row-item + .media-row-item {
    margin-top: 30px;
  }
}

@media screen and (min-width: 1025px) {
  .media-row-item.hide {
    display: none;
  }
}

.media-row-item a {
  color: #4b4b4d;
}

@media screen and (min-width: 1025px) {
  .media-row-item a {
    display: flex;
    align-items: center;
  }
}

@media screen and (min-width: 1025px) {
  .media-row-item a:hover {
    text-decoration: none;
  }

  .media-row-item a:hover h5 {
    border-bottom: 1px solid;
  }
}

.media-row-item .image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (min-width: 1025px) {
  .media-row-item .image {
    width: 290px;
    margin-right: 30px;
    min-height: 180px;
  }
}

@media screen and (max-width: 1024px) {
  .media-row-item .image {
    height: 0;
    padding-bottom: 100%;
  }
}

@media screen and (min-width: 1025px) {
  .media-row-item .content {
    width: calc(100% - 390px);
  }
}

.media-row-item h5,
.media-row-item h6 {
  font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
}

.media-row-item h6 {
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 10px;
  color: #888;
}

@media screen and (max-width: 1024px) {
  .media-row-item h6 {
    margin-top: 10px;
  }
}

.media-row-item h5 {
  margin: 0;
  display: inline;
  font-size: 1rem;
}

@media screen and (min-width: 1025px) {
  .media-row-item h5 {
    font-size: 1.5rem;
    color: #004c9d;
  }
}

.media-row-item P {
  margin: 10px 0 0;
}

@media screen and (max-width: 1024px) {
  .media-row-item P {
    display: none;
  }
}

.mega-panel {
  position: fixed;
  top: 58px;
  left: 0;
  width: 100%;
  z-index: 4;
  display: none;
}

@media screen and (min-width: 1025px) {
  .mega-panel {
    opacity: 0;
    pointer-events: none;
    transition-delay: 0.2s;
  }
}

.mega-panel:after {
  content: "";
  display: block;
  pointer-events: none;
  position: fixed;
  height: calc(100% - 58px);
  background-color: rgba(75, 75, 77, 0.6);
  width: 100%;
  top: 58px;
  left: 0;
  z-index: -1;
}

@media screen and (min-width: 1025px) {
  .mega-panel.open {
    pointer-events: all;
    display: block;
    opacity: 1;
  }
}

@media screen and (min-width: 1450px) {
  .mega-panel.recent .wrapper {
    display: flex;
    max-width: 1421px;
    justify-content: space-between;
  }
}

@media screen and (min-width: 1650px) {
  .mega-panel.recent .wrapper {
    position: relative;
    left: -120px;
  }
}

@media screen and (min-width: 1450px) {
  .mega-panel.recent .wrapper .top-row {
    width: calc(100% - 220px);
  }
}

.mega-panel .inner {
  box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
  padding: 30px;
  background: linear-gradient(133deg, #0070be 0, #005794 64%, #005794 100%);
}

.mega-panel .banner-card,
.mega-panel .big-card,
.mega-panel .small-card {
  margin-bottom: 20px;
}

.nav-card {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  min-height: 75px;
}

.nav-card.loading p {
  display: none;
}

.nav-card.lrg a {
  flex-direction: column;
  align-items: flex-start;
}

.nav-card.lrg .lnr {
  font-size: 1.75rem;
}

.nav-card.lrg span {
  display: inline-block;
  border-bottom: 2px solid #cbdb00;
  padding-bottom: 2px;
}

.nav-card.lrg.banner a:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.8;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  background: linear-gradient(
    221deg,
    rgba(0, 76, 157, 0.3) 0,
    rgba(0, 112, 190, 0.6) 32%,
    rgba(0, 97, 164, 0.9) 79%,
    #005794 100%
  );
}

.nav-card.lrg.banner a:hover:before {
  opacity: 1;
}

.nav-card a {
  color: #fff !important;
  padding: 15px !important;
  border: none !important;
  display: flex !important;
  flex-direction: row-reverse;
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  width: 100%;
  position: relative;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  height: 100%;
}

.nav-card a:hover {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.25);
}

.nav-card .lnr,
.nav-card svg {
  font-size: 1.125rem;
  color: #cbdb00;
  display: block;
  position: relative;
  z-index: 1;
  stroke: #cbdb00;
  height: 18px;
  width: auto;
}

.nav-card .lnr circle,
.nav-card .lnr line,
.nav-card .lnr path,
.nav-card svg circle,
.nav-card svg line,
.nav-card svg path {
  stroke: #cbdb00;
}

.nav-card span {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 600;
  margin: 5px 0;
  position: relative;
  z-index: 1;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.nav-card p {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.4;
  position: relative;
  z-index: 1;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .nav-card p {
    width: 100%;
  }
}

.news-card.loading p {
  height: 38px;
  overflow: hidden;
  opacity: 0.1;
}

.news-card a {
  display: block;
  transform: scale(1);
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  color: #4b4b4d;
}

.news-card a:hover {
  text-decoration: none;
}

@media screen and (max-width: 1024px) {
  .news-card a:hover {
    transform: scale(0.985);
  }
}

@media screen and (min-width: 1025px) {
  .news-card a:hover {
    transform: scale(1.015);
  }
}

.news-card .image {
  background-size: contain, cover;
  background-position: bottom center, center;
  background-repeat: no-repeat;
  box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
  padding-bottom: 100%;
  position: relative;
}

@media screen and (min-width: 769px) {
  .news-card .image {
    padding-bottom: 64.5%;
  }
}

.news-card .image .play-icon,
.news-card .image svg {
  position: absolute;
}

.news-card .image .play-icon {
  z-index: 2;
  left: -7px;
  top: 15px;
  width: 70%;
}

.news-card .image svg {
  top: 0;
  right: 0;
  z-index: 1;
}

.news-card .content {
  margin-top: 20px;
}

.news-card span {
  color: #888;
  font-size: 1rem;
  font-weight: 700;
}

.news-card h3,
.news-card p {
  margin: 10px 0;
}

.news-card p,
.news-card time {
  font-size: 0.875rem;
  line-height: 1.4;
}

.news-card time {
  font-weight: 100;
  color: #888;
}

.news-card h3 {
  font-size: 1rem;
  color: #4b4b4d;
}

@media screen and (min-width: 769px) {
  .news-card h3 {
    font-size: 1.25rem;
    color: #004c9d;
  }
}

.newsroom .news-card {
  margin-bottom: 20px;
}

.newsroom-slider h2 {
  color: #004c9d;
  text-align: center;
  padding-bottom: 0;
}

.newsroom-slider .row-header {
  font-size: 1.25rem;
}

.newsroom-slider .row-header .wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

@media screen and (max-width: 1200px) {
  .newsroom-slider .row-header .wrapper {
    flex-direction: column;
  }
}

.newsroom-slider .row-header h3 {
  margin: 0;
  color: #004c9d;
  font-size: 1.25rem;
}

@media screen and (min-width: 769px) {
  .newsroom-slider .row-header h3 {
    text-transform: uppercase;
    font-weight: 700;
  }
}

@media screen and (max-width: 1200px) {
  .newsroom-slider .row-header h3 {
    font-size: 1.875rem;
  }
}

.newsroom-slider .row-header span {
  color: #888;
}

@media screen and (max-width: 1200px) {
  .newsroom-slider .row-header span {
    margin: 20px 0 30px;
  }
}

.newsroom-slider .row-header a {
  margin-left: 10px;
}

@media screen and (max-width: 1200px) {
  .newsroom-slider .row-header a {
    display: inline-block;
  }
}

.newsroom-slider .wrapper {
  position: relative;
}

@media screen and (max-width: 1223px) {
  .newsroom-slider .wrapper {
    padding: 0 70px;
  }
}

@media screen and (max-width: 1200px) {
  .newsroom-slider .wrapper {
    padding: 0;
    margin-bottom: 0;
  }
}

.newsroom-slider .news-row {
  height: 365px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  padding: 8px 0 0;
  margin-left: -10px;
}

.newsroom-slider .news-row.glider {
  opacity: 1;
  height: auto;
}

.newsroom-slider .news-card {
  padding: 0 5px;
}

@media screen and (min-width: 769px) {
  .newsroom-slider .news-card {
    padding: 0 10px;
  }
}

.newsroom-slider .glider-prev {
  left: 20px;
}

@media screen and (min-width: 1224px) {
  .newsroom-slider .glider-prev {
    left: -40px;
  }
}

.newsroom-slider .glider-next {
  right: 20px;
}

@media screen and (min-width: 1224px) {
  .newsroom-slider .glider-next {
    right: -40px;
  }
}

.newsroom-slider .glider-next,
.newsroom-slider .glider-prev {
  top: 50%;
  transform: translateY(-50%);
  height: 36px;
  width: 36px;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
  font-size: 1.25rem;
  line-height: 1.25rem;
}

@media screen and (max-width: 1200px) {
  .newsroom-slider .glider-next,
  .newsroom-slider .glider-prev {
    display: none;
  }
}

.newsroom-slider .glider-next:hover,
.newsroom-slider .glider-prev:hover {
  background: #fff;
}

@media screen and (max-width: 1200px) {
  .newsroom-slider .glider-track {
    padding: 0 5px 0 15px;
  }
}

#sample-request-form fieldset legend {
  margin: 15px 0 15px;
  font-size: 1.625rem;
  line-height: 1.1;
  color: #4b4b4d;
}

@media screen and (min-width: 769px) {
  #sample-request-form fieldset legend {
    margin: 0 0 20px;
    font-size: 2.375rem;
  }
}

#sample-request-form select {
  border: 1px solid #ccc;
  box-shadow: 0 0;
  box-sizing: border-box;
  margin-bottom: 15px;
  max-width: 100%;
  padding: 15px;
  width: 100%;
}

#sample-request-form .submit-btn:disabled {
  background-color: #ccc;
}

#sample-request-form .consent-fields {
  display: flex;
  flex-direction: row;
}

@media screen and (max-width: 1200px) {
  #sample-request-form .consent-fields {
    flex-wrap: wrap;
  }
}

#sample-request-form .consent-fields .consent-field {
  font-size: 0.875rem;
  margin-right: 20px;
}

#sample-request-form .consent-fields .consent-field span {
  margin-left: 0;
}

#sample-request-form .consent-fields .consent-field span::before {
  border: 1px solid #ccc;
}

.order-sample-contact {
  max-width: 1141px;
  margin: 40px auto;
  padding: 0 20px;
}

.order-sample-contact .grid.gutter-20 .row {
  margin-right: 0;
}

.order-sample-products-cont:first-of-type {
  padding: 40px 0;
}

.order-sample-products-cont .header {
  max-width: 1141px;
  margin: 0 auto 40px;
  padding: 0 20px;
}

.order-sample-products-cont h2 {
  color: #004c9d;
  text-align: center;
}

.order-sample-products-cont .sample-product-detail-cont {
  background-color: #f3f9fc;
}

.order-sample-products-cont .sample-product-detail-cont:nth-child(2n + 1) {
  background-color: #fff;
}

.order-sample-products-cont .sample-product-detail {
  max-width: 1141px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 20px;
}

.order-sample-products-cont .sample-product-detail .product-data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 40px;
}

.order-sample-products-cont .sample-product-detail .product-data .product-name {
  font-size: 1.5rem;
  color: #4b4b4d;
  margin: 0;
}

.order-sample-products-cont
  .sample-product-detail
  .product-data
  .product-number {
  font-size: 1.25rem;
  color: #888;
  margin-bottom: 20px;
  margin-top: 0;
}

.order-sample-products-cont
  .sample-product-detail
  .product-data
  .remove-product {
  color: #004c9d;
  background-color: transparent;
  padding: 0;
}

@media screen and (max-width: 480px) {
  .order-sample-products-cont .sample-product-detail .product-data {
    margin-left: 20px;
  }

  .order-sample-products-cont
    .sample-product-detail
    .product-data
    .product-name {
    font-size: 1.25rem;
  }

  .order-sample-products-cont
    .sample-product-detail
    .product-data
    .product-number {
    font-size: 1.125rem;
    margin-bottom: 10px;
  }
}

.pagination {
  color: #888;
}

@media screen and (min-width: 769px) {
  .pagination {
    padding: 0 0 100px;
  }
}

@media screen and (max-width: 1200px) {
  .pagination .desk {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .pagination .mobile {
    display: none;
  }
}

.pagination .wrapper {
  max-width: none;
}

.pagination .row {
  justify-content: center;
}

.pagination .row .pages {
  padding: 0 20px;
}

@media screen and (min-width: 769px) {
  .pagination .row .pages {
    padding: 0 20px;
  }
}

.pagination .row ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.pagination .row ul li {
  cursor: pointer;
}

.pagination .row ul li.PagedList-skipToNext,
.pagination .row ul li.PagedList-skipToPrevious {
  width: 20px;
  position: relative;
}

.pagination .row ul li.PagedList-skipToNext a,
.pagination .row ul li.PagedList-skipToPrevious a {
  color: transparent;
}

.pagination .row ul li.PagedList-skipToNext a:before,
.pagination .row ul li.PagedList-skipToPrevious a:before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #888;
  font-family: Linearicons-Free;
}

.pagination .row ul li.PagedList-skipToNext:hover a,
.pagination .row ul li.PagedList-skipToPrevious:hover a {
  color: transparent;
}

.pagination .row ul li.PagedList-skipToNext:hover a:before,
.pagination .row ul li.PagedList-skipToPrevious:hover a:before {
  color: #ef6246;
}

.pagination .row ul li.PagedList-skipToNext {
  margin-left: 15px;
}

.pagination .row ul li.PagedList-skipToNext a:before {
  content: "\e876";
}

.pagination .row ul li.PagedList-skipToPrevious {
  margin-right: 15px;
}

.pagination .row ul li.PagedList-skipToPrevious a:before {
  content: "\e875";
}

.pagination .row ul li.active {
  cursor: auto;
  pointer-events: none;
}

.pagination .row ul li.active a,
.pagination .row ul li:hover a {
  color: #ef6246;
}

.pagination .row a {
  display: inline-block;
  padding: 0 7px;
  color: #888;
}

@media screen and (min-width: 769px) {
  .pagination .row a {
    padding: 0 10px;
  }
}

.pagination .row a:hover {
  color: #ef6246;
}

.pagination .row a.current {
  pointer-events: none;
  color: #ef6246;
}

.paragraph-callout {
  margin: 0 auto;
  max-width: 1140px;
}

.paragraph-callout .title {
  color: #004c9d;
  margin: 20px 0 10px 0;
  text-align: center;
  padding-bottom: 20px;
}

@media screen and (max-width: 1024px) {
  .paragraph-callout .title {
    padding-bottom: 10px;
  }
}

.paragraph-callout .content {
  margin: 20px 0;
  padding: 0 20px;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .paragraph-callout .content {
    margin: 10px 0;
  }
}

.predictive-search {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  margin-top: 1px;
  color: #4b4b4d;
  text-align: left;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
}

.predictive-search ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.predictive-search a {
  color: #4b4b4d;
  padding: 10px 20px;
  display: block;
}

.predictive-search a:hover {
  background-color: #f7f7f7;
  text-decoration: none;
}

.predictive-search a:hover h5 {
  color: #ef6246;
}

.predictive-search p {
  margin: 0;
}

@media screen and (min-width: 769px) {
  .predictive-search p {
    font-size: 1.375rem;
  }

  .predictive-search p.small-sub-heading {
    font-size: 0.875rem;
  }
}

.predictive-search h5 {
  text-transform: uppercase;
  font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 600;
  color: #888;
  margin: 0 0 5px;
  font-size: 1rem;
}

.presenter-card {
  display: flex;
  margin-bottom: 20px;
}

.presenter-card .inner {
  padding: 15px;
  box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
  display: flex;
  align-items: center;
  min-height: 140px;
}

.presenter-card img {
  width: 110px;
  height: auto;
  border-radius: 100%;
  margin-right: 20px;
}

.presenter-card h5 {
  font-size: 1.125rem;
  margin: 0 0 5px;
  color: #004c9d;
  font-weight: 600;
}

.presenter-card p {
  margin: 0;
  color: #888;
  display: inline-flex;
}

.presenter-card p strong {
  color: #4b4b4d;
}

.products {
  padding-top: 30px;
}

@media screen and (max-width: 1200px) {
  .products.list .row {
    margin-right: 0;
  }
}

@media screen and (max-width: 1200px) {
  .products.list .wrapper {
    padding: 0;
  }
}

.products h2 {
  color: #004c9d;
  text-align: center;
  font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
}

.products .col {
  margin-bottom: 10px;
  display: flex;
}

@media screen and (min-width: 769px) {
  .products .col {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 1200px) {
  .products .col {
    margin-right: 10px !important;
  }
}

@media screen and (min-width: 769px) {
  .products .glider {
    overflow-y: visible;
  }
}

@media screen and (max-width: 1200px) {
  .products .glider-track {
    padding: 0 10px;
  }
}

.products label {
  margin-top: 20px;
  text-align: center;
  color: #888;
  text-transform: uppercase;
  font-weight: 600;
}

.products label span {
  margin: 0;
}

@media screen and (max-width: 1200px) {
  .products.compare .wrapper {
    padding-right: 10px;
  }
}

.products .blue-darker {
  background: #005794;
}

.product-card {
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  min-height: 100%;
}

@media screen and (min-width: 769px) {
  .product-card {
    display: flex;
  }
}

@media screen and (max-width: 1024px) {
  .product-card:hover {
    transform: scale(0.985);
  }
}

.product-card.compare {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 1200px) {
  .product-card.compare {
    box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
    position: relative;
    min-height: 100px;
    margin: 0 auto;
    width: 100%;
  }

  .product-card.compare a {
    display: flex;
    align-items: inherit;
    box-shadow: 0 0;
  }

  .product-card.compare a .image {
    display: flex;
    flex-basis: auto;
    justify-content: center;
    width: auto;
  }

  .product-card.compare .content {
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 480px) and (max-width: 1200px) {
  .product-card.compare .content h3 {
    font-size: 1.25rem;
  }
}

.product-card.compare .product-compare-select {
  display: none;
}

@media screen and (min-width: 1200px) {
  .product-card.compare .product-compare-select {
    display: initial;
  }
}

.product-card.icon {
  text-align: center;
  max-width: none !important;
}

.product-card.icon:hover {
  transform: scale(1);
}

.product-card.icon a {
  color: #004c9d;
  padding: 20px;
  overflow: hidden;
}

.product-card.icon a:hover {
  background-color: #f7f7f7;
}

@media screen and (max-width: 1200px) {
  .product-card.icon a {
    background-color: #f7f7f7;
    box-shadow: 0 0;
    color: #888;
    font-weight: 400;
    line-height: 1.25rem;
  }
}

@media screen and (min-width: 769px) {
  .product-card.icon a {
    height: 240px;
    padding: 50px 0;
  }
}

.product-card.icon a div {
  padding: 10px 0 0;
}

@media screen and (min-width: 769px) {
  .product-card.icon a div {
    padding: 0 23px;
  }
}

.product-card.icon svg {
  width: auto;
  height: 90px;
  margin: 25px auto 0;
  display: block;
  box-sizing: content-box;
}

@media screen and (min-width: 769px) {
  .product-card.icon svg {
    margin: 0 auto 30px;
    padding-top: 20px;
  }
}

.product-card.icon h3 {
  margin: 0;
}

@media screen and (max-width: 1200px) {
  .product-card.icon h3 {
    color: #4b4b4d;
    font-weight: 400;
    line-height: 1.25rem;
  }
}

.product-card a {
  display: flex;
  box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
  color: #4b4b4d;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

.product-card a:hover {
  text-decoration: none;
}

@media screen and (min-width: 1025px) {
  .product-card a:hover {
    transform: scale(1.015);
  }
}

.product-card a .product-sku {
  color: #004c9d;
  font-weight: 500;
}

.product-card a .product-sku span {
  color: #4b4b4d;
}

.product-card .image {
  background-color: #fff;
  display: flex;
  justify-content: center;
  position: relative;
}

.product-card .image:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    0deg,
    rgba(90, 163, 210, 0.25) 0,
    rgba(247, 247, 247, 0) 70%,
    rgba(164, 167, 169, 0.15) 100%
  );
}

.product-card .content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  padding: 23px;
}

@media screen and (max-width: 1200px) {
  .product-card .content {
    padding: 10px 10px 20px;
  }
}

.product-card h3,
.product-card ul {
  margin: 0;
}

.product-card h3 {
  color: #004c9d;
  font-weight: 600;
  font-size: 1rem;
}

@media screen and (min-width: 769px) {
  .product-card h3 {
    font-size: 1.375rem;
    display: inline;
  }
}

.product-card ul {
  padding: 20px 0 50px;
  list-style-type: none;
}

.product-card ul li {
  color: #888;
}

@media screen and (max-width: 1200px) {
  .product-card ul {
    display: none;
  }
}

.product-card img {
  display: block;
  height: auto;
  max-height: 250px;
  width: auto;
}

.product-card .textLogo {
  max-width: 15px;
  display: inline;
}

.product-card .link {
  font-size: 1.125rem;
}

.product-card .button {
  padding: 10px;
  width: 100%;
}

@media screen and (max-width: 1200px) {
  .product-card .button {
    display: none;
  }
}

.product-card input[type="checkbox"] {
  border: none;
  width: 0;
}

.product-details .title-row {
  color: #004c9d;
  display: flex;
  margin: 30px 0;
}

.product-details .title-row .title {
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 1200px) {
  .product-details .title-row .title {
    margin-top: 12px;
  }
}

.product-details h2 {
  color: #4b4b4d;
  font-size: 1.125rem;
  margin: 50px 0 15px;
  padding-bottom: 0;
  text-align: left;
}

@media screen and (min-width: 769px) {
  .product-details h2 {
    font-size: 1.375rem;
  }
}

.product-details .title-logo {
  max-height: 40px;
  max-width: 40px;
  margin-right: 20px;
  margin-top: 10px;
  padding-left: 25px;
  width: 100%;
  height: auto;
}

.product-details .material-select {
  width: 300px;
}

.product-details a.download-sheet {
  display: block;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  margin: 50px 0 10px;
  box-shadow: 0 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  text-decoration: none;
  display: inline-block;
  color: #004c9d;
  padding: 0;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  font-size: 18px;
  font-weight: 600;
  border-bottom: 2px solid transparent;
}

@media screen and (max-width: 1200px) {
  .product-details a.download-sheet {
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1025px) {
  .product-details a.download-sheet:hover {
    color: #003d7e;
    text-decoration: none;
    border-bottom: 2px solid;
  }
}

.product-details a.download-sheet span::before {
  font-size: 1.25rem;
}

.product-details .col.half.buttons span {
  font-size: 1.25rem;
  color: #004c9d;
  position: absolute;
}

.product-details p,
.product-details ul {
  margin: 0;
}

.product-details ul {
  list-style-type: none;
}

.product-details ul.box,
.product-details ul.hover-dd,
.product-details ul.images,
.product-details ul.table {
  margin: 0;
  padding: 0;
}

.product-details ul .prod-ds {
  text-align: center;
}

.product-details ul.box li {
  display: inline-block;
}

.product-details ul.box li a {
  border: 1px solid #004c9d;
  color: #004c9d;
  margin-right: 5px;
  padding: 5px 10px;
  text-transform: uppercase;
}

.product-details ul.box li a:hover {
  background-color: #004c9d;
  color: #fff;
  text-decoration: none;
}

.product-details ul.hover-dd li {
  display: inline;
  position: relative;
  margin-bottom: 30px;
}

@media screen and (max-width: 1200px) {
  .product-details ul.hover-dd li.active:before {
    content: "";
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 2;
    opacity: 0.5;
  }
}

@media screen and (max-width: 1200px) {
  .product-details ul.hover-dd li.active .prod-dd {
    display: block;
  }
}

.product-details ul.hover-dd li:last-child:after {
  display: none;
}

@media screen and (min-width: 769px) {
  .product-details ul.hover-dd li:hover .prod-dd {
    display: flex;
    box-shadow: 0 1px 3px rgba(75, 75, 77, 0.4);
  }
}

.product-details ul.hover-dd li a {
  position: relative;
  z-index: 1;
}

.product-details ul.hover-dd .prod-dd {
  display: none;
  background-color: #f7f7f7;
  border-radius: 4px;
  z-index: 3;
}

@media screen and (min-width: 769px) {
  .product-details ul.hover-dd .prod-dd {
    position: absolute;
    align-items: flex-start;
    font-size: 0.875rem;
    flex-wrap: wrap;
    line-height: 1.125rem;
    padding: 20px;
    right: -20px;
    top: calc(100% - 5px);
    width: 500px;
  }
}

@media screen and (max-width: 1200px) {
  .product-details ul.hover-dd .prod-dd {
    position: fixed;
    width: 70%;
    max-width: 350px;
    max-height: calc(100vh - 150px);
    top: 50%;
    left: 50%;
    padding: 30px;
    transform: translate(-50%, -50%);
    z-index: 2;
    box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
    overflow-x: hidden;
    overflow-y: auto;
  }
}

@media screen and (min-width: 769px) {
  .product-details ul.hover-dd .prod-dd:after {
    border-bottom: 20px solid #f7f7f7;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    content: "";
    height: 20px;
    position: absolute;
    right: 30px;
    top: -40px;
    z-index: 0;
  }
}

.product-details ul.hover-dd .prod-dd .lnr-cross {
  position: absolute;
  top: 0;
  right: 0;
  color: #4b4b4d;
  font-size: 1.125rem;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 1.875rem;
}

@media screen and (min-width: 769px) {
  .product-details ul.hover-dd .prod-dd .lnr-cross {
    display: none;
  }
}

.product-details ul.hover-dd .prod-dd img {
  height: auto;
  margin: 0 10px 10px 0;
}

@media screen and (min-width: 769px) {
  .product-details ul.hover-dd .prod-dd img {
    width: calc(30% - 10px);
  }
}

@media screen and (min-width: 769px) {
  .product-details ul.hover-dd .prod-dd p {
    width: 70%;
  }
}

@media screen and (max-width: 1200px) {
  .product-details ul.hover-dd .prod-dd p {
    margin-bottom: 20px;
  }
}

.product-details ul.hover-dd .prod-dd p span {
  color: #004c9d;
  display: block;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 5px;
}

.product-details ul.hover-dd .prod-dd .button {
  margin-top: 30px;
  width: 100%;
}

.product-details ul.table li {
  display: flex;
  padding: 0 5px;
}

.product-details ul.table li:nth-child(2n-1) {
  background-color: #f3f9fc;
}

.product-details ul.table li > div {
  padding: 5px;
  width: 50%;
}

.product-details ul.images {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

.product-details ul.images li {
  margin: 0 1.5% 0 0;
  width: 30%;
}

.product-details ul.images li img {
  height: auto;
  width: 100%;
}

.product-details ul.list li {
  position: relative;
}

.product-details ul.list li:before {
  color: #004c9d;
  content: "\2022";
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 700;
  left: -20px;
  position: absolute;
  top: 0;
}

.product-details .added-to-cart {
  align-items: center;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
  display: flex;
  flex-direction: column;
  height: 240px;
  justify-content: center;
  margin: 22px 22px 0 0;
  padding: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 300px;
}

.product-details .added-to-cart .close-button {
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
  color: #004c9d;
  font-size: 2.25rem;
  height: 44px;
  line-height: 100%;
  padding: 0;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -22px;
  width: 44px;
}

.product-details .added-to-cart .cart-image {
  height: 100px;
  max-height: 100px;
  width: auto;
}

.product-details .added-to-cart .cart-text {
  color: #004c9d;
  font-weight: 700;
  margin: 10px 0;
}

.product-details .added-to-cart .view-cart-btn {
  width: 250px;
}

.product-details .added-to-cart.hidden {
  display: none;
}

.product-details .solution-items {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 20px auto;
}

@media screen and (max-width: 480px) {
  .product-details .solution-items {
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
  }
}

.product-details .solution-items .circular-solution-item {
  flex-basis: calc(50% - 20px);
  margin: 0 10px 30px 0;
}

.product-details .disclaimer {
  color: #888;
  font-size: 0.75rem;
  margin-top: 30px;
}

.productCategory h2 {
  margin-bottom: 0;
  padding-bottom: 15px;
  text-align: center;
}

.productCategory .row-header .wrapper {
  justify-content: flex-end !important;
}

.productCategory .row-header .wrapper .number {
  padding-right: 0;
}

@media screen and (min-width: 1200px) {
  .productCategory .row-header .wrapper .number {
    padding-right: 48px;
  }
}

@media screen and (min-width: 1224px) {
  .productCategory .row-header .wrapper .number {
    padding-right: 5px;
  }
}

.product-layout {
  padding: 30px 0;
}

.product-layout .wrapper.wide {
  max-width: 1320px;
}

@media screen and (min-width: 769px) {
  .product-layout .grid.main-grid > .row {
    align-items: flex-start;
  }
}

@media screen and (min-width: 769px) {
  .product-layout .grid.main-grid > .row > .col:first-child {
    position: sticky;
    top: 87px;
  }
}

@media screen and (max-width: 1200px) {
  .product-layout .grid .row {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .product-layout .grid .grid .row {
    margin-right: -10px;
  }
}

@media screen and (max-width: 1200px) {
  .product-layout .grid .grid .row {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .product-layout .grid .grid .row .col.half {
    width: calc(50% - 10px);
    margin-right: 10px;
  }
}

.product-view {
  display: flex;
  justify-content: space-between;
}

@media screen and (min-width: 769px) {
  .product-view {
    margin-bottom: 0;
  }
}

.product-view.loading {
  overflow: hidden;
  height: 350px;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .product-view.loading {
    height: 500px;
  }
}

.product-view.loading:before {
  background-color: #fff;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 20;
}

.product-view.loading:after {
  color: #005794;
  content: "...LOADING...";
  font-size: 1.125rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 21;
}

.product-view .thumb-view {
  display: none;
}

@media screen and (min-width: 1025px) {
  .product-view .thumb-view {
    display: block;
    position: relative;
    width: 70px;
    height: 533px;
  }
}

.product-view .thumb-img {
  height: 5px;
  width: 5px;
}

@media screen and (min-width: 1025px) {
  .product-view .thumb-img {
    background-position: center;
    background-size: cover;
    height: 67px;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    cursor: pointer;
  }

  .product-view .thumb-img.video:after {
    background-image: url(/images/svg/play.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-shadow: 3px 3px 6px #4b4b4d;
    transform: translate(-50%, -50%);
    width: 45px;
  }
}

.product-view .thumb-nav-wrapper {
  height: calc(100% - 80px);
  position: relative;
  overflow: hidden;
}

.product-view .thumb-btn {
  box-shadow: 0 0 3px rgba(75, 75, 77, 0.4);
  color: #888;
  display: block;
  height: 30px;
  margin: 0 auto;
  padding: 4px 0;
  text-align: center;
  width: 30px;
}

.product-view .thumb-btn.prev {
  margin-bottom: 5px;
}

.product-view .thumb-btn.next {
  margin-top: 10px;
}

.product-view .thumb-btn:hover {
  text-decoration: none;
}

.product-view .thumb-nav {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.product-view .main-view {
  overflow: hidden;
  width: 100%;
  position: relative;
}

@media screen and (min-width: 481px) {
  .product-view .main-view {
    position: relative;
    display: flex;
    align-items: center;
  }
}

@media screen and (min-width: 1025px) {
  .product-view .main-view {
    width: calc(100% - 80px);
  }
}

.product-view .product-glider {
  width: 100%;
}

.product-view .product-glider .prod-img {
  position: relative;
  width: 100%;
}

.product-view .product-glider .prod-img.video:after {
  background-image: url(/images/svg/play.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  text-shadow: 3px 3px 6px #4b4b4d;
  transform: translate(-50%, -50%);
  width: 100px;
}

.product-view .product-glider .prod-img.playing:after {
  display: none;
}

.product-view .product-glider .prod-img.playing img {
  display: none;
}

.product-view .product-glider .prod-img img {
  display: block;
  margin: 0 auto;
  max-height: 550px;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .product-view .product-glider .prod-img img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
  }
}

.product-view .glider-dots {
  bottom: 20px;
  position: absolute;
  width: 100%;
}

@media screen and (min-width: 481px) {
  .product-view .glider-dots {
    width: calc(100% - 20px);
  }
}

@media screen and (min-width: 1025px) {
  .product-view .glider-dots {
    display: none;
  }
}

.product-view .glider-dots .glider-dot {
  background-color: #888;
  height: 10px;
  width: 10px;
}

.product-view .glider-dots .glider-dot.active,
.product-view .glider-dots .glider-dot:focus,
.product-view .glider-dots .glider-dot:hover {
  background-color: #005794;
}

.product-view + .button-row {
  margin-top: 30px;
}

@media screen and (min-width: 1024px) {
  .product-view + .button-row {
    margin-left: 80px;
  }
}

.product-view + .button-row .row.break-full {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.product-view + .button-row .row.break-full .buttons {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  flex: 1;
  margin-bottom: 20px;
  padding-right: 30px;
  width: initial;
}

.product-view + .button-row input.link.arrow {
  background-color: #fff;
  display: inline-block;
  margin: 0;
  position: relative;
}

.product-view + .button-row input.link.arrow:hover {
  color: #004c9d;
  transform: none;
  transition: none;
}

.product-view + .button-row input.link.arrow + span {
  color: #005794;
  margin-left: 8px;
  position: relative;
  top: 2px;
}

.progress-bar {
  position: fixed;
  left: 0;
  height: 10px;
  width: 100%;
  background-color: #fff;
  z-index: 11;
}

@media screen and (min-width: 1311px) {
  .progress-bar {
    height: 3px;
  }
}

.progress-bar > div {
  height: 10px;
  background-color: #ef6246;
  z-index: 3;
  opacity: 1;
  max-width: 100%;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
  width: 100%;
}

@media screen and (min-width: 1311px) {
  .progress-bar > div {
    margin-top: 0;
  }
}

.progress-bar > div:before {
  content: "";
  background-color: #ef6246;
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 10px;
  opacity: 0.3;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
  z-index: 2;
}

@media screen and (min-width: 1311px) {
  .progress-bar > div:before {
    top: 0;
  }
}

.progress-bar.hide {
  height: 0;
}

.progress-bar.hide:before {
  height: 0;
}

.quick-links {
  left: 0;
  margin-top: 0;
  overflow: visible;
  position: absolute;
  top: 525px;
  z-index: 2;
}

@media screen and (min-width: 1311px) {
  .quick-links {
    display: flex;
    align-items: flex-start;
  }
}

@media screen and (max-width: 1310px) {
  .quick-links {
    margin: 0 0 50px;
    position: relative;
    top: 30px;
    width: 850px;
    padding: 0 30px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 900px) {
  .quick-links {
    margin: 0 0 50px 0;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .quick-links {
    margin: 0 0 30px 0;
    width: 100%;
  }
}

.quick-links nav {
  padding: 10px 20px;
  background-color: #f7f7f7;
  margin-top: 0;
  position: sticky;
  opacity: 0;
  transition-duration: 0.2s;
}

.quick-links nav.loaded {
  opacity: 1;
}

@media screen and (min-width: 1311px) {
  .quick-links nav {
    padding: 50px 30px;
    left: 0;
    width: 220px;
  }
}

@media screen and (max-width: 1310px) {
  .quick-links nav {
    width: 100%;
    top: 69px;
    box-shadow: 0 1px 3px rgba(75, 75, 77, 0.4);
  }
}

.quick-links nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.quick-links nav ul.open > li a.toggle {
  margin: 0 0 10px;
}

.quick-links nav ul.open li.menu-item {
  padding-bottom: 3px;
}

@media screen and (max-width: 1310px) {
  .quick-links nav ul.open li.menu-item {
    display: block;
    padding-bottom: 12px;
  }
}

@media screen and (max-width: 1310px) {
  .quick-links nav ul li.menu-item {
    display: none;
  }
}

@media screen and (min-width: 1311px) {
  .quick-links nav ul li.menu-item + li.menu-item {
    margin-top: 8px;
    line-height: 1.2;
  }
}

.quick-links nav ul > li a.toggle {
  color: #4b4b4d;
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0;
  display: block;
  position: relative;
}

@media screen and (min-width: 1311px) {
  .quick-links nav ul > li a.toggle {
    margin: 0 0 10px;
    text-transform: uppercase;
    cursor: auto;
  }
}

.quick-links nav ul > li a.toggle:hover {
  text-decoration: none;
}

.quick-links nav ul > li a.toggle span {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 2px;
  font-weight: 600;
}

.quick-links nav ul > li a.toggle span:before {
  font-size: 0.75rem;
  font-weight: bolder;
  color: #ef6246;
}

@media screen and (min-width: 1311px) {
  .quick-links nav ul > li a.toggle span {
    display: none;
  }
}

.article-body {
  padding-top: 60px;
}

@media screen and (max-width: 1310px) {
  .article-body {
    padding: 30px 0 30px 0;
  }
}

.article-body h2,
.article-body h3,
.article-body h4 {
  padding-top: 100px;
  margin-top: -100px;
}

.article-body h3 {
  color: #4b4b4d;
  padding-bottom: 0;
  text-align: left;
}

.quickfinder h2 {
  font-family: "Veranda Black";
  font-size: 29px;
  text-align: center;
  /* color: #004c9d */
}
@media (max-width: 769px) {
  .quickfinderh2 {
    margin-top: -5%;
  }
}
@media screen and (max-width: 1200px) {
  .quickfinder .wrapper {
    padding: 0;
  }
}

.quickfinder .col {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.quickfinder a {
  text-align: center;
  padding: 10px;
  color: #4b4b4d;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media screen and (min-width: 769px) {
  .quickfinder a {
    color: #004c9d;
    padding: 2px 0;
  }
}

@media screen and (max-width: 1200px) {
  .quickfinder a {
    /* background-color: #f7f7f7; */
    height: 150px;
    margin-bottom: 10px;
  }
}

.quickfinder a svg circle,
.quickfinder a svg ellipse,
.quickfinder a svg line,
.quickfinder a svg path,
.quickfinder a svg rect {
  stroke: #004c9d;
}

@media screen and (max-width: 1200px) {
  .quickfinder .glider-track {
    padding: 0 10px;
  }
}

.quickfinder .glider-next,
.quickfinder .glider-prev {
  display: none;
}

.quickfinder p {
  margin: 0;
}

.quickfinder h3 {
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

.quickfinder .icon svg {
  height: 85px;
}

.recent-column {
  margin-right: 20px;
  color: #fff;
}

@media screen and (max-width: 1449px) {
  .recent-column {
    display: none;
  }
}

.recent-column > p {
  text-transform: uppercase;
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0 0 20px;
}

.recent-column ul {
  width: 200px;
}

.recent-column li + li {
  margin-top: 20px;
}

.recent-column a {
  color: #fff !important;
  padding: 7px !important;
  border: 2px solid #cbdb00 !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

.recent-column a:hover {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.25);
}

.recent-column a h5 {
  font-size: 0.875rem;
  margin: 0;
  width: calc(100% + 40px);
}

.recent-column a .lnr,
.recent-column a svg {
  padding-right: 10px;
  font-size: 1.125rem;
  color: #cbdb00;
  display: block;
  position: relative;
  z-index: 1;
  stroke: #cbdb00;
  height: 18px;
  width: 40px;
}

.recent-column a .lnr circle,
.recent-column a .lnr line,
.recent-column a .lnr path,
.recent-column a svg circle,
.recent-column a svg line,
.recent-column a svg path {
  stroke: #cbdb00;
}

.module.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media screen and (min-width: 769px) {
  .module.line-clamp {
    -webkit-line-clamp: 3;
    line-height: 1.3;
    margin-bottom: 24px;
  }
}

h2 {
  font-size: 2.5rem;
  color: #004c9d;
  /* padding-bottom: 30px */
}

h3 {
  color: #004c9d;
  padding-bottom: 30px;
}

span.link.arrow.details {
  display: none;
}

@media screen and (min-width: 769px) {
  span.link.arrow.details {
    display: inline-block;
  }
}

.recent-trending {
  overflow: visible;
  background-color: #f7f7f7;
  border-bottom: 1px solid #004c9d;
}

.recent-trending ul {
  display: flex;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.recent-trending ul li {
  position: relative;
}

.recent-trending ul li.active:after {
  background-color: #f7f7f7;
  border-bottom: 1px solid #004c9d;
  border-right: 1px solid #004c9d;
  content: "";
  height: 20px;
  position: absolute;
  top: calc(100% - 10px);
  left: 50%;
  transform: rotate(45deg) translateX(-50%);
  transform-origin: left;
  width: 20px;
  z-index: 1;
}

.recent-trending ul li.active a {
  color: #ef6246;
  position: relative;
  z-index: 2;
}

.recent-trending ul li a {
  color: #004c9d;
  display: block;
  font-weight: 600;
  padding: 10px 50px;
}

.recent-trending ul li a:hover {
  color: #ef6246;
  text-decoration: none;
}

@media screen and (min-width: 1025px) {
  .results-row.news .glider-next,
  .results-row.news .glider-prev {
    display: none;
  }
}

@media screen and (max-width: 1200px) {
  .results-row.news .glider-track {
    padding: 0 5px;
  }
}

.results-row.news h3 {
  padding-bottom: 20px;
}

@media screen and (min-width: 769px) {
  .results-row.news h3 {
    padding-bottom: 0;
  }
}

.results-row.icons span {
  display: none;
}

@media screen and (min-width: 769px) {
  .results-row.icons span {
    display: inline-block;
  }
}

.results-row.icons h3 {
  padding-bottom: 10px;
}

.results-row.icons .result-row {
  height: 228px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

.results-row.icons .result-row.glider {
  opacity: 1;
  height: auto;
}

.results-row.icons div.product-card {
  max-width: 150px;
}

@media screen and (min-width: 769px) {
  .results-row.icons div.product-card {
    max-width: 200px;
  }
}

.results-row .wrapper {
  position: relative;
  margin-bottom: 20px;
}

@media screen and (max-width: 1223px) {
  .results-row .wrapper {
    padding: 0 70px;
  }
}

@media screen and (max-width: 1200px) {
  .results-row .wrapper {
    padding: 0;
    margin-bottom: 0;
  }
}

.results-row .row-header {
  font-size: 1.25rem;
}

.results-row .row-header .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 1223px) {
  .results-row .row-header .wrapper {
    padding: 0 30px;
  }
}

@media screen and (max-width: 1200px) {
  .results-row .row-header .wrapper {
    padding: 0 10px;
    flex-direction: column;
  }
}

.results-row .row-header h2 {
  margin: 0;
  color: #004c9d;
  font-size: 2.5rem;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .results-row .row-header h2 {
    font-weight: 400;
  }
}

@media screen and (max-width: 1200px) {
  .results-row .row-header h2 {
    font-size: 3.125rem;
  }
}

.results-row .row-header span {
  color: #888;
}

@media screen and (max-width: 1200px) {
  .results-row .row-header span {
    margin: 20px 0 30px;
  }
}

.results-row .row-header a {
  margin-left: 10px;
}

@media screen and (max-width: 1200px) {
  .results-row .row-header a {
    display: inline-block;
  }
}

.results-row .result-row {
  height: 590px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  padding: 8px 8px 15px;
}

.results-row .result-row.glider {
  opacity: 1;
  height: auto;
}

@media screen and (max-width: 1200px) {
  .results-row .result-row {
    margin-left: -5px;
  }
}

@media screen and (min-width: 1224px) {
  .results-row .result-row {
    margin-left: -25px;
  }
}

.results-row .product-card {
  padding: 0 15px;
  display: flex;
}

@media screen and (max-width: 1200px) {
  .results-row .product-card {
    padding: 0 5px;
  }
}

.results-row .product-card .product-image {
  width: 150px;
  height: 150px;
  -o-object-fit: cover;
  object-fit: cover;
  flex-shrink: 0;
  margin: 0 auto 10px;
}

@media screen and (max-width: 1200px) {
  .results-row .product-card .product-image {
    height: 100px;
    width: 100px;
  }
}

.results-row .product-card a {
  height: auto;
  padding: 0 0;
}

.results-row .product-card h3 {
  font-size: 1.125rem;
}

.results-row .product-card.glider-slide {
  display: flex;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .results-row .product-card.glider-slide {
    display: inline-block;
  }
}

.results-row .product-card.capability .product-image {
  margin-top: 25px;
}

.results-row .product-card.capability h3 {
  margin-bottom: 5px;
}

.results-row .glider-prev {
  left: 20px;
}

@media screen and (min-width: 1224px) {
  .results-row .glider-prev {
    left: -40px;
  }
}

.results-row .glider-next {
  right: 20px;
}

@media screen and (min-width: 1224px) {
  .results-row .glider-next {
    right: -40px;
  }
}

.results-row .glider-next,
.results-row .glider-prev {
  top: 50%;
  transform: translateY(-50%);
  height: 36px;
  width: 36px;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
  font-size: 1.25rem;
  line-height: 1.25rem;
}

@media screen and (max-width: 1200px) {
  .results-row .glider-next,
  .results-row .glider-prev {
    display: none;
  }
}

.results-row .glider-next:hover,
.results-row .glider-prev:hover {
  background: #fff;
}

.results-row .news-result-row {
  opacity: 0;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

.results-row .news-result-row.glider {
  opacity: 1;
  height: auto;
}

@media screen and (min-width: 1025px) {
  .results-row .news-result-row .glider-track {
    display: block;
    width: auto !important;
  }
}

.results-row .no-padding a {
  padding: 0 0 !important;
}

.row-card {
  color: #4b4b4d;
}

@media screen and (min-width: 769px) {
  .row-card {
    box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
    background-color: #f7f7f7;
    padding: 30px;
  }
}

.row-card + .row-card {
  margin-top: 20px;
}

.row-card > div:first-child {
  display: flex;
  align-items: flex-start;
}

@media screen and (max-width: 1200px) {
  .row-card > div:first-child {
    box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
    background-color: #f7f7f7;
    padding: 10px;
  }
}

.row-card img {
  max-width: 60px;
  margin: 0 10px 0 0;
  height: auto;
}

@media screen and (min-width: 769px) {
  .row-card img {
    max-width: 150px;
    margin: 0 30px 0 0;
  }
}

.row-card h5 {
  margin: 0;
  font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 600;
  font-size: 1rem;
}

@media screen and (min-width: 769px) {
  .row-card h5 {
    font-size: 1.25rem;
  }
}

.row-card p {
  margin: 5px 0;
  font-size: 1rem;
}

@media screen and (min-width: 769px) {
  .row-card p {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 1200px) {
  .row-card p.description {
    display: none;
  }
}

.row-card .confirm {
  display: flex;
  align-items: flex-start;
  margin-top: 10px;
}

@media screen and (min-width: 769px) {
  .row-card .confirm {
    justify-content: flex-end;
  }
}

@media screen and (max-width: 1200px) {
  .row-card .confirm {
    color: #fff;
  }
}

.row-card .confirm > div:first-child {
  height: 80px;
  width: 70px;
  background-color: #fff;
  color: #4b4b4d;
  top: 10px;
  position: relative;
}

.row-card .confirm > div:first-child input + span {
  padding: 25px 0 0;
  display: block;
  text-align: center;
  font-size: 0.75rem;
  margin: 0;
}

.row-card .confirm > div:first-child input + span:before {
  left: 50%;
  width: 30px;
  height: 30px;
  top: -10px;
  transform: translateX(-50%);
  border: 1px solid #ccc;
}

.row-card .confirm > div:last-child {
  width: calc(100% - 70px);
  padding-left: 20px;
}

@media screen and (min-width: 769px) {
  .row-card .confirm > div:last-child {
    width: calc(100% - 150px);
    padding-left: 30px;
  }
}

.row-card .confirm > div:last-child p {
  font-size: 0.875rem;
  line-height: 1.3;
}

.search-result-header {
  color: #004c9d;
  font-size: 3.625rem;
  line-height: 100%;
  margin: 60px 0;
  text-align: center;
  padding: 0 20px;
}

@media screen and (max-width: 1200px) {
  .search-result-header {
    margin: 80px 0 40px;
    font-size: 2.25rem;
  }
}

#inviteModal .content,
.modal.share .content {
  background: #fff;
  box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
  left: 50%;
  max-width: 700px;
  position: absolute;
  top: 0;
  transform: translate(-50%, 10%);
  width: 75%;
  margin: 0;
}

@media screen and (min-width: 769px) {
  #inviteModal .content,
  .modal.share .content {
    top: 35%;
    transform: translate(-50%, -50%);
  }
}

#inviteModal .content .inner,
.modal.share .content .inner {
  padding: 40px 30px;
}

#inviteModal .overlay,
.modal.share .overlay {
  opacity: 0.5;
}

#inviteModal .close,
.modal.share .close {
  color: #888;
  top: 2px;
  right: 2px;
  font-size: 1.375rem;
  position: absolute;
}

@media screen and (min-width: 769px) {
  #inviteModal .close,
  .modal.share .close {
    top: 20px;
    right: 20px;
  }
}

#inviteModal h4,
.modal.share h4 {
  color: #005794;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.25;
  margin-bottom: 30px;
}

#inviteModal h4 b,
.modal.share h4 b {
  font-weight: 600;
}

#inviteModal .form-field,
.modal.share .form-field {
  display: block;
  margin-bottom: 10px;
  margin-top: 25px;
}

@media screen and (min-width: 901px) {
  #inviteModal .form-field,
  .modal.share .form-field {
    display: flex;
  }
}

#inviteModal .form-field:last-child,
.modal.share .form-field:last-child {
  margin-bottom: 0;
}

#inviteModal .form-field input,
.modal.share .form-field input {
  background-color: #f7f7f7;
  border-color: #eaeaea;
  margin-top: 0;
}

#inviteModal .form-field input::-moz-placeholder,
.modal.share .form-field input::-moz-placeholder {
  font-style: italic;
}

#inviteModal .form-field input::placeholder,
.modal.share .form-field input::placeholder {
  font-style: italic;
}

#inviteModal .form-field label,
.modal.share .form-field label {
  color: #4b4b4d;
  font-weight: 600;
  width: 265px;
}

@media screen and (min-width: 901px) {
  #inviteModal .form-field label,
  .modal.share .form-field label {
    line-height: 3.25rem;
  }
}

#inviteModal .form-field button,
.modal.share .form-field button {
  color: #fff;
  font-size: 1.125rem;
  height: 51px;
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}

@media screen and (min-width: 901px) {
  #inviteModal .form-field button,
  .modal.share .form-field button {
    width: 130px;
    margin-bottom: 0;
  }
}

#inviteModal .form-field button.blue,
.modal.share .form-field button.blue {
  background-color: #5aa3d2;
  width: 100%;
  margin-bottom: 10px;
}

@media screen and (min-width: 901px) {
  #inviteModal .form-field button.blue,
  .modal.share .form-field button.blue {
    width: 137px;
  }
}

#inviteModal .form-field button span,
.modal.share .form-field button span {
  position: absolute;
  transform: translate(-47%, -44%);
}

#inviteModal .hr,
.modal.share .hr {
  border-top: 1px solid #eaeaea;
  display: block;
  position: relative;
}

#inviteModal .hr:after,
.modal.share .hr:after {
  background-color: #fff;
  color: #ccc;
  content: "or";
  display: block;
  left: 50%;
  padding: 0 10px;
  position: absolute;
  top: -13px;
  transform: translateX(-50%);
}

.single-callout {
  background-size: 900px;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  background-image: url(/images/pattern.png);
  margin: 0;
}

@media screen and (min-width: 769px) {
  .single-callout {
    background-size: 110%;
  }
}

.single-callout * {
  line-height: 1.5em;
}

.single-callout a {
  color: #ef6246;
}

.single-callout .inner {
  background: linear-gradient(
    0deg,
    #fff 0,
    rgba(255, 255, 255, 0.8) 20%,
    rgba(255, 255, 255, 0) 90%,
    #fff 100%
  );
}

.single-callout h3 {
  padding: 80px 0;
  margin: 0;
}

.solutions-header {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  position: relative;
  text-align: center;
  padding: 40px 0;
}

.solutions-header .overlay {
  background: linear-gradient(0deg, #5aa3d2 0, #2e7eb3 21%, #005794 100%);
  position: absolute;
  opacity: 0.85;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.solutions-header .wrapper {
  position: relative;
  z-index: 2;
}

.solutions-header svg circle,
.solutions-header svg ellipse,
.solutions-header svg line,
.solutions-header svg path,
.solutions-header svg rect {
  stroke: #fff;
}

.solutions-header h1,
.solutions-header p {
  margin: 20px 0;
}

.solutions-header h1 {
  font-weight: 600;
}

@media screen and (min-width: 769px) {
  .solutions-header p {
    font-size: 1.125rem;
  }
}

.skip-menu {
  margin: 0;
  padding: 0;
}

.skip-menu li {
  list-style: none;
}

.skip-menu a {
  position: absolute;
  display: block;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  text-decoration: underline;
  font-weight: 600;
}

.skip-menu a:focus {
  position: static;
  display: block;
  padding: 1em 0;
  height: auto;
  width: 100%;
  overflow: visible;
  clip: auto;
  outline: 0;
  text-align: center;
}

.team-photos {
  text-align: center;
  color: #707070;
  font-weight: 700;
}

.team-photos.reg .row {
  justify-content: flex-start;
}

@media screen and (min-width: 769px) {
  .team-photos.reg .col:nth-child(9n + 1) {
    margin-left: 0;
  }
}

.team-photos h2 {
  text-align: center;
  color: #004c9d;
  font-weight: 400;
}

@media screen and (min-width: 769px) {
  .team-photos h2 {
    margin: 0 0 40px;
  }
}

.team-photos .sub-heading {
  color: #4b4b4d;
  font-size: 1rem;
  font-weight: 400;
  margin: 0 0 40px 0;
}

.team-photos .row {
  justify-content: center;
}

.team-photos .col {
  margin-bottom: 30px;
}

@media screen and (min-width: 769px) {
  .team-photos .col:nth-child(9n + 1) {
    margin-left: 1px;
  }
}

.team-photos .team-memeber img {
  display: block;
  width: 100%;
}

.team-photos .team-memeber p {
  color: #004c9d;
  text-transform: uppercase;
  margin: 20px 0;
  font-size: 0.8125rem;
  line-height: 1.4;
}

.team-photos .quote-box {
  padding: 20px;
  font-size: 0.875rem;
  margin-top: 0;
}

@media screen and (min-width: 1025px) {
  .team-photos .quote-box {
    font-size: 1.125rem;
  }
}

.testimonials {
  background: linear-gradient(200deg, #5aa3d2 0, #0070be 48%, #005794 100%);
  color: #fff;
  padding: 50px 0 80px;
}

.testimonials h2 {
  text-align: center;
  color: #fff;
}

@media screen and (min-width: 891px) {
  .testimonials .quote-row {
    display: flex;
    justify-content: center;
  }
}

@media screen and (max-width: 890px) {
  .testimonials .wrapper {
    padding: 0;
  }
}

.testimonials .tile {
  padding: 0 15px;
  position: relative;
}

@media screen and (min-width: 891px) {
  .testimonials .tile {
    box-sizing: content-box;
    width: auto !important;
  }

  .testimonials .tile:first-child {
    padding: 0 14px 0 0;
  }

  .testimonials .tile:last-child {
    padding: 0 0 0 14px;
  }
}

@media screen and (min-width: 1271px) {
  .testimonials .tile.open .quote {
    width: 480px;
  }
}

@media (max-width: 1270px) and (min-width: 891px) {
  .testimonials .tile.open .quote {
    width: 260px;
  }
}

@media screen and (min-width: 891px) {
  .testimonials .tile .inner {
    display: flex;
    align-items: flex-start;
  }
}

@media screen and (max-width: 890px) {
  .testimonials .tile .inner {
    height: 100%;
  }
}

@media screen and (min-width: 891px) {
  .testimonials .tile .quote {
    height: 235px;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    overflow: hidden;
    top: 0;
    right: 100%;
    width: 0;
  }
}

@media screen and (max-width: 890px) {
  .testimonials .tile .quote {
    height: calc(100% - 280px);
  }
}

.testimonials .tile .quote > div {
  padding: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media screen and (min-width: 1271px) {
  .testimonials .tile .quote > div {
    width: 480px;
    height: 235px;
  }
}

@media (max-width: 1270px) and (min-width: 891px) {
  .testimonials .tile .quote > div {
    width: 260px;
    height: 235px;
    padding: 20px;
    font-size: 0.875rem;
    line-height: 1.3;
  }
}

@media screen and (max-width: 890px) {
  .testimonials .tile .quote > div {
    height: 100%;
  }
}

.testimonials .tile .quote > div:before {
  content: "";
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}

.testimonials .tile .image {
  position: relative;
  height: 235px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (min-width: 891px) {
  .testimonials .tile .image {
    cursor: pointer;
    width: 168px;
  }
}

@media (max-width: 1270px) and (min-width: 891px) {
  .testimonials .tile .image {
    width: 130px;
  }
}

@media screen and (max-width: 890px) {
  .testimonials .tile .image {
    height: 280px;
  }
}

.testimonials .tile .image:before {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  bottom: 0;
  height: 77px;
  width: 77px;
  left: 0;
}

@media screen and (min-width: 891px) {
  .testimonials .tile:nth-child(1) .image,
  .testimonials .tile:nth-child(1) .quote {
    border-bottom: 2px solid #f2816b;
  }
}

@media screen and (max-width: 890px) {
  .testimonials .tile:nth-child(1) .quote {
    border-left: 2px solid #f2816b;
  }
}

.testimonials .tile:nth-child(1) .image:before {
  transform: rotate(90deg);
  background-image: url(/images/svg/orangeCorner.svg);
}

@media screen and (min-width: 891px) {
  .testimonials .tile:nth-child(2) .image,
  .testimonials .tile:nth-child(2) .quote {
    border-bottom: 2px solid #3370b1;
  }
}

@media screen and (max-width: 890px) {
  .testimonials .tile:nth-child(2) .quote {
    border-left: 2px solid #3370b1;
  }
}

.testimonials .tile:nth-child(2) .image:before {
  background-image: url(/images/svg/blueCorner.svg);
}

@media screen and (min-width: 891px) {
  .testimonials .tile:nth-child(3) .image,
  .testimonials .tile:nth-child(3) .quote {
    border-bottom: 2px solid #d5e233;
  }
}

@media screen and (max-width: 890px) {
  .testimonials .tile:nth-child(3) .quote {
    border-left: 2px solid #d5e233;
  }
}

.testimonials .tile:nth-child(3) .image:before {
  transform: rotate(90deg);
  background-image: url(/images/svg/greenCorner.svg);
}

@media screen and (min-width: 891px) {
  .testimonials .tile:nth-child(4) .image,
  .testimonials .tile:nth-child(4) .quote {
    border-bottom: 2px solid #d6d6d6;
  }
}

@media screen and (max-width: 890px) {
  .testimonials .tile:nth-child(4) .quote {
    border-left: 2px solid #d6d6d6;
  }
}

.testimonials .tile:nth-child(4) .image:before {
  left: 0;
  background-image: url(/images/svg/greyCorner.svg);
}

@media screen and (min-width: 891px) {
  .testimonials .glider-slide {
    min-width: auto;
  }
}

@media screen and (min-width: 891px) {
  .testimonials .glider-track {
    width: auto !important;
  }
}

.testimonials .glider-next,
.testimonials .glider-prev {
  display: none;
}

.testimonials blockquote {
  padding: 0;
  margin: 0;
  width: 100%;
  background: 0 0;
}

.expertise {
  background: linear-gradient(200deg, #5aa3d2 0, #0070be 48%, #005794 100%);
  color: #fff;
  padding: 50px 0 80px;
}

.expertise h2 {
  text-align: center;
  color: #fff;
}

.expertise h3 {
  font-size: 1.5rem;
  text-transform: capitalize;
  margin-bottom: 10px;
  color: #fff;
}

@media screen and (min-width: 891px) {
  .expertise .quote-row {
    display: flex;
    justify-content: center;
  }
}

@media screen and (min-width: 891px) {
  .expertise .copy-row {
    display: flex;
    justify-content: center;
  }
}

@media screen and (max-width: 890px) {
  .expertise .wrapper {
    padding: 0;
  }
}

.expertise .tile {
  padding: 0 15px;
  position: relative;
}

@media screen and (min-width: 891px) {
  .expertise .tile {
    box-sizing: content-box;
    width: auto !important;
  }

  .expertise .tile:first-child {
    padding: 0 14px 0 0;
  }

  .expertise .tile:last-child {
    padding: 0 0 0 14px;
  }
}

@media screen and (min-width: 1141px) {
  .expertise .tile.open .copy {
    width: 480px;
  }
}

@media (max-width: 1140px) and (min-width: 891px) {
  .expertise .tile.open .copy {
    width: 260px;
  }
}

@media screen and (min-width: 891px) {
  .expertise .tile .inner {
    display: flex;
    align-items: flex-start;
  }
}

@media screen and (max-width: 890px) {
  .expertise .tile .inner {
    height: 100%;
  }
}

@media screen and (min-width: 891px) {
  .expertise .tile .copy {
    height: 235px;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    overflow: hidden;
    top: 0;
    right: 100%;
    width: 0;
  }
}

@media screen and (max-width: 890px) {
  .expertise .tile .copy {
    height: calc(100% - 280px);
  }
}

.expertise .tile .copy > div {
  padding: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media screen and (min-width: 1141px) {
  .expertise .tile .copy > div {
    width: 480px;
    height: 235px;
  }
}

@media (max-width: 1140px) and (min-width: 891px) {
  .expertise .tile .copy > div {
    width: 260px;
    height: 235px;
    padding: 20px;
    font-size: 0.875rem;
    line-height: 1.3;
  }
}

@media screen and (max-width: 890px) {
  .expertise .tile .copy > div {
    height: 100%;
  }
}

.expertise .tile .copy > div:before {
  content: "";
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}

.expertise .tile .image {
  position: relative;
  height: 235px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (min-width: 891px) {
  .expertise .tile .image {
    cursor: pointer;
    width: 168px;
  }
}

@media (max-width: 1140px) and (min-width: 891px) {
  .expertise .tile .image {
    width: 130px;
  }
}

@media screen and (max-width: 890px) {
  .expertise .tile .image {
    height: 280px;
  }
}

.expertise .tile .image:before {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  bottom: 0;
  height: 77px;
  width: 77px;
  left: 0;
}

@media screen and (min-width: 891px) {
  .expertise .tile:nth-child(1) .copy,
  .expertise .tile:nth-child(1) .image {
    border-bottom: 2px solid #f2816b;
  }
}

@media screen and (max-width: 890px) {
  .expertise .tile:nth-child(1) .copy {
    border-left: 2px solid #f2816b;
  }
}

.expertise .tile:nth-child(1) .image:before {
  transform: rotate(90deg);
  background-image: url(/images/svg/orangeCorner.svg);
}

@media screen and (min-width: 891px) {
  .expertise .tile:nth-child(2) .copy,
  .expertise .tile:nth-child(2) .image {
    border-bottom: 2px solid #3370b1;
  }
}

@media screen and (max-width: 890px) {
  .expertise .tile:nth-child(2) .copy {
    border-left: 2px solid #3370b1;
  }
}

.expertise .tile:nth-child(2) .image:before {
  background-image: url(/images/svg/blueCorner.svg);
}

@media screen and (min-width: 891px) {
  .expertise .tile:nth-child(3) .copy,
  .expertise .tile:nth-child(3) .image {
    border-bottom: 2px solid #d5e233;
  }
}

@media screen and (max-width: 890px) {
  .expertise .tile:nth-child(3) .copy {
    border-left: 2px solid #d5e233;
  }
}

.expertise .tile:nth-child(3) .image:before {
  transform: rotate(90deg);
  background-image: url(/images/svg/greenCorner.svg);
}

@media screen and (min-width: 891px) {
  .expertise .tile:nth-child(4) .copy,
  .expertise .tile:nth-child(4) .image {
    border-bottom: 2px solid #d6d6d6;
  }
}

@media screen and (max-width: 890px) {
  .expertise .tile:nth-child(4) .copy {
    border-left: 2px solid #d6d6d6;
  }
}

.expertise .tile:nth-child(4) .image:before {
  left: 0;
  background-image: url(/images/svg/greyCorner.svg);
}

@media screen and (min-width: 891px) {
  .expertise .glider-slide {
    min-width: auto;
  }
}

@media screen and (min-width: 891px) {
  .expertise .glider-track {
    width: auto !important;
  }
}

.expertise .glider-next,
.expertise .glider-prev {
  display: none;
}

.text-grid {
  text-align: center;
  background-color: #f7f7f7;
}

.text-grid.white {
  background-color: #fff;
}

.text-grid .heading {
  margin: 0 auto 30px;
}

@media screen and (min-width: 769px) {
  .text-grid .heading {
    margin: 0 auto 60px;
    padding: 0 20px;
  }
}

.text-grid .heading h2 {
  color: #004c9d;
}

@media screen and (max-width: 480px) {
  .text-grid .grid.gutter-20 .row {
    margin-right: 0;
  }
}

.text-grid .text-item {
  background-color: #fff;
  margin-bottom: 20px;
}

.text-grid .text-item a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
  height: 97px;
  text-transform: uppercase;
  color: #004c9d;
  font-weight: 600;
  font-size: 1rem;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transform: scale(1);
  width: 100%;
  padding: 10px;
  line-height: 1.3rem;
}

.text-grid .text-item a:hover {
  transform: scale(1.015);
  text-decoration: none;
}

@media screen and (max-width: 1200px) {
  .text-grid .text-item a:hover {
    transform: scale(0.985);
  }
}

.cta-banner.timeline {
  overflow: visible;
  padding-bottom: 0;
  background-attachment: fixed;
}

.cta-banner.timeline .glider-dots,
.cta-banner.timeline .glider-next,
.cta-banner.timeline .glider-prev {
  display: none;
}

.cta-banner.timeline .wrapper {
  display: block;
  padding-bottom: 80px;
}

.cta-banner.timeline .copy {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 50px;
}

@media screen and (max-width: 1200px) {
  .cta-banner.timeline .box-row {
    margin: 0 -25px;
  }
}

@media screen and (min-width: 769px) {
  .cta-banner.timeline .box-row .glider-track {
    width: auto !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media screen and (max-width: 1200px) {
  .cta-banner.timeline .box-row .glider-track {
    padding-left: 20px;
  }
}

.cta-banner.timeline .box-row .box {
  margin-bottom: 30px;
}

@media screen and (min-width: 769px) {
  .cta-banner.timeline .box-row .box {
    width: calc(33.333% - 30px) !important;
  }
}

.cta-banner.timeline .box-banner {
  display: flex;
  flex-direction: column;
}

.cta-banner.timeline .box-banner.bottom {
  position: relative;
  top: 15px;
  z-index: 1;
}

@media screen and (max-width: 1200px) {
  .cta-banner.timeline .box-banner.bottom {
    top: 0;
    flex-direction: column-reverse;
  }
}

@media screen and (min-width: 769px) {
  .cta-banner.timeline .box-banner {
    padding: 0 15px;
    flex-direction: row;
  }
}

@media screen and (min-width: 769px) {
  .cta-banner.timeline .box-banner div {
    width: 50%;
  }
}

.cta-banner.timeline .box-banner .image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1200px) {
  .cta-banner.timeline .box-banner .image {
    height: 150px;
  }
}

.cta-banner.timeline .box-banner .copy {
  text-align: left;
  padding: 30px 0;
  margin: 0;
}

@media screen and (min-width: 769px) {
  .cta-banner.timeline .box-banner .copy {
    padding: 40px;
    min-height: 270px;
    background: #005794;
  }
}

.cta-banner.timeline .box-banner h3 {
  font-size: 1.25rem;
  color: #cbdb00;
  font-weight: 600;
  margin: 0 0 20px;
}

.cta-banner.timeline .box-banner p {
  font-size: 1rem;
  margin: 0;
}

.cta-banner.timeline .box {
  border: 1px solid transparent;
  position: relative;
}

@media screen and (min-width: 769px) {
  .cta-banner.timeline .box:hover {
    border-color: #cbdb00;
  }
}

.cta-banner.timeline .box.selected {
  border-color: #cbdb00;
}

.cta-banner.timeline .box.selected:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #cbdb00;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.top-bar-filters {
  overflow: visible;
  padding-top: 20px;
}

.top-bar-filters .filtering select {
  border: 1px solid #004c9d !important;
}

@media screen and (min-width: 1025px) {
  .top-bar-filters .filtering {
    width: calc(60% - 30px);
  }

  .top-bar-filters .filtering .filter-list {
    display: flex;
    justify-content: space-between;
    padding: 0;
  }

  .top-bar-filters .filtering .filter-list .form-field {
    width: calc(50% - 15px);
  }

  .top-bar-filters .filtering label {
    display: none;
  }
}

@media screen and (min-width: 1025px) {
  .top-bar-filters .wrapper {
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (min-width: 1025px) {
  .top-bar-filters .filter-search {
    margin: 0;
    width: 40%;
  }
}

.top-bar-filters .filter-search .search {
  border: 0;
  box-shadow: 0 0 6px rgba(75, 75, 77, 0.4);
  margin: 0;
  color: #888;
  padding-right: 0;
}

@media screen and (min-width: 1025px) {
  .top-bar-filters .filter-search .search {
    background-color: transparent;
    border-bottom: 1px solid #888;
    box-shadow: unset;
    color: #4b4b4d;
    height: 33px;
  }
}

.top-bar-filters .filter-search .search-btn {
  background-color: transparent;
  color: #ef6246;
  font-size: 1.5rem;
  font-weight: 700;
  height: 50px;
  padding: 5px 0 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  border-bottom: none;
}

.top-bar-filters .filter-search .search-btn .lnr-magnifier {
  font-size: 1.25rem;
  font-weight: 600;
  position: relative;
  top: 1px;
  right: 0;
}

.top-bar-filters .filter-search .search-btn .lnr-magnifier:before {
  color: #ef6246;
}

.top-bar-filters .filter-search .search-btn .lnr-magnifier:hover:before {
  color: #ef6246;
}

@media screen and (min-width: 1025px) {
  .top-bar-filters .filter-search .search-btn .lnr-magnifier {
    right: -12px;
  }

  .top-bar-filters .filter-search .search-btn .lnr-magnifier:before {
    color: #ef6246;
  }
}

.top-bar-filters .filter-search .search-btn:hover {
  transform: unset;
}

@media screen and (min-width: 1025px) {
  .top-bar-filters .filter-search .search-btn {
    border-bottom: 1px solid #888;
    box-shadow: unset;
    height: 33px;
    padding: 0;
  }
}

.two-column-cta {
  background-color: #f7f7f7;
  padding: 30px 0;
}

.two-column-cta .title {
  text-align: center;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.two-column-cta.white {
  background-color: #fff;
}

.two-column-cta:nth-child(2n) {
  background-color: #fff;
}

.two-column-cta .row {
  min-height: 400px;
}

.two-column-cta .bleeding-edge.grid.gutter-100 .row .col.half.section {
  padding-right: 100px;
}

@media screen and (max-width: 1200px) {
  .two-column-cta .bleeding-edge.grid.gutter-100 .row .col.half.section {
    padding: 0 20px;
  }
}

.two-column-cta .bleeding-edge.grid.gutter-100 .row.reverse .col.half.section {
  padding-left: 100px;
}

@media screen and (max-width: 1200px) {
  .two-column-cta
    .bleeding-edge.grid.gutter-100
    .row.reverse
    .col.half.section {
    padding: 0 20px;
  }
}

.two-column-cta .image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 70%;
  height: 480px;
  background-size: contain;
}

@media screen and (max-width: 1200px) {
  .two-column-cta .image {
    margin-bottom: 30px;
  }
}

.two-column-cta .section-title {
  color: #004c9d;
  text-align: left;
  padding-bottom: 0;
}

@media screen and (max-width: 1200px) {
  .two-column-cta .section-title {
    text-align: center;
  }
}

.two-column-cta .link.arrow {
  margin-bottom: 20px;
}

@media screen and (min-width: 769px) {
  .two-column-cta .link.arrow {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 480px) {
  .two-column-cta .link.arrow {
    margin-bottom: 60px;
  }
}

.two-column-cta a.button {
  background-color: #f26c52;
}

@media screen and (max-width: 1200px) {
  .two-column-cta a.button {
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .two-column-cta {
    padding: 50px 0;
  }
}

@media screen and (max-width: 480px) {
  .two-column-cta .grid.gutter-100 .row {
    margin-right: auto;
  }

  .two-column-cta h2 {
    margin: 20px 0;
    padding-bottom: 0;
    font-size: 2.5rem;
  }

  .two-column-cta .image {
    height: initial;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 769px) {
  .two-column-overlap {
    max-width: 2000px;
    margin: 80px auto 160px;
  }
}

@media screen and (max-width: 1200px) {
  .two-column-overlap {
    background: linear-gradient(
      225deg,
      #5aa3d2 0,
      #2e7eb3 51%,
      #0070be 74%,
      #005794 100%
    );
    padding: 30px;
  }
}

.two-column-overlap.no-mar {
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .two-column-overlap.reverse .row {
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 769px) {
  .two-column-overlap.reverse .grid:nth-child(2n) .row {
    flex-direction: row;
  }
}

@media screen and (min-width: 769px) {
  .two-column-overlap.reverse .grid:nth-child(2n) .box {
    margin: 0 auto 0 -80px;
  }
}

@media screen and (min-width: 769px) {
  .two-column-overlap.reverse .grid .box {
    margin: 0 -80px 0 auto;
  }
}

@media screen and (max-width: 1200px) {
  .two-column-overlap .row {
    flex-direction: column;
  }
}

@media screen and (min-width: 769px) {
  .two-column-overlap .grid {
    margin-top: 80px;
  }
}

@media screen and (min-width: 769px) {
  .two-column-overlap .grid:nth-child(2n) .row {
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 769px) {
  .two-column-overlap .grid:nth-child(2n) .box {
    margin: 0 -80px 0 auto;
  }
}

.two-column-overlap .grid + .grid {
  padding-top: 30px;
}

@media screen and (min-width: 769px) {
  .two-column-overlap .grid + .grid {
    padding-top: 180px;
  }
}

.two-column-overlap .image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (min-width: 769px) {
  .two-column-overlap .image {
    height: calc(100% + 160px);
    position: relative;
    top: -80px;
  }
}

@media screen and (max-width: 1200px) {
  .two-column-overlap .image {
    padding-bottom: 60%;
  }
}

.two-column-overlap h2 {
  text-align: center;
}

@media screen and (min-width: 769px) {
  .two-column-overlap h2 {
    padding-bottom: 50px;
    color: #004c9d;
  }
}

@media screen and (max-width: 1200px) {
  .two-column-overlap h2 {
    color: #fff;
    font-size: 2.1875rem;
    padding-bottom: 10px;
  }
}

.two-column-overlap .box {
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 1;
  line-height: 1.3;
  padding: 15px 0 20px;
}

@media screen and (min-width: 769px) {
  .two-column-overlap .box {
    padding: 80px;
    background: linear-gradient(
      225deg,
      #5aa3d2 0,
      #2e7eb3 51%,
      #0070be 74%,
      #005794 100%
    );
    margin-left: -80px;
    max-width: 570.5px;
    margin: 0 auto 0 -80px;
  }
}

.two-column-overlap .box h3 {
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0 0 15px;
}

@media screen and (min-width: 769px) {
  .two-column-overlap .box p {
    font-size: 1.375rem;
    margin: 0;
  }
}

.two-column-section .title {
  color: #004c9d;
  text-align: center;
}

.two-column-section .sub-title {
  color: #4b4b4d;
  font-size: 1.25rem;
  line-height: 125%;
  text-align: center;
  margin: 0 120px 40px;
}

@media screen and (max-width: 1200px) {
  .two-column-section .sub-title {
    margin: 0 20px 20px;
  }
}

.two-column-section .body {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 40px;
}

.two-column-section .body .body-section {
  padding: 0 20px;
  margin: 0 0 60px;
}

@media screen and (min-width: 1024px) {
  .two-column-section .body .body-section {
    flex-basis: 50%;
    padding: 0 50px;
  }
}

.two-column-section .body .title {
  color: #004c9d;
  text-align: left;
}

.two-column-section .body .sub-title {
  color: #4b4b4d;
  font-size: 1.25rem;
  text-align: center;
  margin: 0 40px 40px;
}

.modal.video .overlay {
  background-color: #4b4b4d;
  opacity: 0.8;
}

.modal.video .content {
  background: 0 0;
  display: flex;
  align-items: center;
  height: 100%;
}

.modal.video .content .inner {
  padding: 0;
  position: relative;
  width: 1200px;
}

.modal.video .content .inner .close {
  background: 0 0;
  color: #fff;
  position: absolute;
  right: 0;
  top: -40px;
}

@media screen and (max-width: 1200px) {
  .modal.video .content .inner .close {
    right: 10px;
    top: -20px;
  }
}

@media screen and (max-width: 1200px) {
  .modal.video .content .inner {
    padding: 20px;
  }
}

.modal.video .content .video-resources:first-child {
  padding: 0;
}

.image.video-modal-trigger:hover {
  cursor: pointer;
}

.video-resources:first-child {
  padding-top: 30px;
}

@media screen and (min-width: 769px) {
  .video-resources:first-child {
    padding-top: 40px;
  }
}

.video-resources.loading .vid-glider-cont {
  display: none;
}

@media screen and (min-width: 769px) {
  .video-resources .wrapper {
    max-width: 850px;
    padding: 0 100px;
  }
}

.video-resources .sub-head,
.video-resources h3 {
  margin-bottom: 20px;
  text-align: center;
}

.video-resources h3 {
  color: #004c9d;
  font-family: "Proxima Nova Alt", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: 1.875rem;
}

@media screen and (min-width: 769px) {
  .video-resources h3 {
    font-size: 2.5rem;
  }
}

.video-resources .sub-head {
  font-size: 1rem;
  margin: 20px 0 25px;
}

@media screen and (min-width: 769px) {
  .video-resources .sub-head {
    font-size: 1.125rem;
  }
}

.video-resources .vid-player .main-vid-still {
  background-position: center;
  background-size: contain;
  cursor: pointer;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}

.video-resources .vid-player .main-vid-still:after {
  background-image: url(/images/svg/play.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  text-shadow: 3px 3px 6px #4b4b4d;
  transform: translate(-50%, -50%);
  width: 100px;
}

.video-resources .vid-info {
  box-shadow: 0 0 6px rgba(75, 75, 77, 0.4);
  margin: 0 0 10px 0;
  padding: 15px;
}

@media screen and (min-width: 769px) {
  .video-resources .vid-info {
    margin: 0 0 15px 0;
  }
}

.video-resources .vid-info p {
  color: #888;
  font-size: 0.875rem;
  margin: 0;
  padding: 0;
}

.video-resources .vid-info p.title {
  color: #4b4b4d;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (min-width: 769px) {
  .video-resources .vid-info p.title {
    font-size: 1.375rem;
    line-height: 1.5rem;
  }
}

.video-resources .vid-glider {
  margin: 0 -20px;
  padding: 10px 0 0;
}

@media screen and (min-width: 769px) {
  .video-resources .vid-glider {
    margin: 0;
  }
}

.video-resources .vid-slide {
  cursor: pointer;
  margin: 0 5px;
  position: relative;
}

@media screen and (min-width: 769px) {
  .video-resources .vid-slide {
    margin: 0 10px;
  }
}

.video-resources .vid-slide:before {
  border-bottom: 10px solid #ef6246;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  content: "";
  left: calc(50% - 20px);
  position: absolute;
  top: 0;
  transition-duration: 0.3s;
}

@media screen and (min-width: 769px) {
  .video-resources .vid-slide {
    margin: 0 15px;
  }
}

.video-resources .vid-slide.playing:before {
  top: -10px;
}

.video-resources .vid-slide.playing p {
  font-weight: 700;
}

.video-resources .vid-slide .vid-thumbnail {
  background-position: center;
  background-size: contain;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}

.video-resources .vid-slide .vid-thumbnail:after {
  background-image: url(/images/svg/play.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  text-shadow: 3px 3px 6px #4b4b4d;
  transform: translate(-50%, -50%);
  width: 50px;
}

.video-resources .vid-slide p {
  color: #4b4b4d;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 5px 0;
}

@media screen and (min-width: 769px) {
  .video-resources .vid-slide p {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}

.video-resources .vid-glider-cont {
  position: relative;
}

.video-resources .vid-glider-nav {
  display: none;
}

@media screen and (min-width: 769px) {
  .video-resources .vid-glider-nav {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
  }
}

.video-resources .vid-glider-nav button {
  box-shadow: 0 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  text-decoration: none;
  background-color: #fff;
  box-shadow: 0 0 6px rgba(75, 75, 77, 0.4);
  color: #888;
  font-size: 1.125rem;
  height: 30px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 30px;
}

.video-resources .vid-glider-nav button.glider-prev {
  left: -50px;
}

.video-resources .vid-glider-nav button.glider-next {
  right: -50px;
}

@media screen and (min-width: 769px) {
  .video-resources.video-post .wrapper {
    max-width: 950px;
    padding: 0 30px;
  }
}

.video-resources.video-post .vid-info {
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}

.video-resources.video-post .vid-info .post-title {
  margin-bottom: 30px;
}

@media screen and (min-width: 769px) {
  .video-resources.video-post .vid-info .post-title {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }
}

.video-resources.video-post .vid-info .post-title h1 {
  font-size: 1.25rem;
  margin: 8px 0 20px;
  text-transform: capitalize;
}

@media screen and (min-width: 769px) {
  .video-resources.video-post .vid-info .post-title h1 {
    font-size: 2.25rem;
    margin: 0;
  }
}

.video-resources.video-post .vid-info .post-title button {
  border-color: #ef6246;
  color: #ef6246;
  font-size: 1.125rem;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .video-resources.video-post .vid-info .post-title button {
    margin-left: 20px;
    width: 220px;
    min-width: 34%;
    font-size: 1.125rem;
  }
}

.video-resources.video-post .vid-info .post-title button span {
  margin-left: 5px;
}

.video-resources.video-post .transcriptiton-inner h4 {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 40px 0 25px;
}

.video-resources.video-post .transcriptiton-inner p {
  margin-bottom: 30px;
}

.video-resources.video-post .transcriptiton-inner li,
.video-resources.video-post .transcriptiton-inner p,
.video-resources.video-post .transcriptiton-inner ul {
  color: #4b4b4d;
  font-size: 1rem;
  line-height: 1.5rem;
}

.webinar-body-content nav {
  border-bottom: 1px solid #eee;
  margin-bottom: 50px;
}

.webinar-body-content nav ul {
  padding: 0;
  list-style-type: none;
  display: flex;
}

.webinar-body-content nav li + li {
  margin-left: 80px;
}

.webinar-body-content nav a {
  display: block;
  padding: 30px 0;
  color: #4b4b4d;
}

.webinar-body-content nav a:hover {
  color: #ef6246;
}

.webinar-body-content h3 {
  font-size: 1.375rem;
  font-weight: 600;
}

@media screen and (max-width: 1200px) {
  .webinar-body-content h3 {
    margin-bottom: 30px;
  }
}

.webinar-body-content .section {
  margin-bottom: 50px;
}

.webinar-body-content .no-images img {
  display: none;
}

.webinar-body-content .no-images .inner {
  padding: 15px 20px;
}

@media screen and (max-width: 480px) {
  .webinar-body-content .grid.gutter-20 .row.break-full {
    margin-right: 0;
  }
}

.webinar-countdown {
  width: 100%;
  background-color: #5aa3d2;
  display: none;
}

.webinar-countdown.loaded {
  display: block;
}

.webinar-countdown .content {
  max-width: 350px;
  margin: 0 auto;
  line-height: 1.35;
  text-align: center;
  font-size: 1rem;
  color: #fff;
  font-weight: 600;
  padding: 10px 20px;
  min-height: 34px;
}

@media screen and (min-width: 769px) {
  .webinar-countdown .content {
    max-width: none;
  }
}

@media screen and (min-width: 769px) {
  .webinar-countdown .content {
    min-width: none;
  }

  .webinar-countdown .content #countdownWrap::before {
    content: " | ";
  }
}

.webinar-card {
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

@media screen and (max-width: 1024px) {
  .webinar-card:hover {
    transform: scale(0.985);
  }
}

@media screen and (min-width: 1025px) {
  .webinar-card:hover {
    transform: scale(1.015);
  }
}

.webinar-card a {
  display: block;
  padding: 0 10px;
}

.webinar-card a:hover {
  text-decoration: none;
}

.webinar-card .image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 150px;
}

.webinar-card .content {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-position: top;
  background-image: url(/images/svg/slantcard.svg);
  min-height: 270px;
  margin-top: -10%;
  position: relative;
  color: #fff;
  padding: 0 30px 30px;
}

.webinar-card .content h6 {
  font-size: 1.25rem;
  margin: 0;
  line-height: 1.3;
}

.webinar-card .content span {
  font-size: 0.875rem;
  text-transform: uppercase;
  position: absolute;
  bottom: 30px;
  left: 30px;
}

.webinar-card .content img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  border: 2px solid #fff;
  margin: 0 auto;
  display: block;
  position: relative;
  top: -15px;
}

.webinar-cta {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  color: #fff;
  padding: 50px 0;
}

@media screen and (max-width: 1200px) {
  .webinar-cta {
    text-align: center;
  }
}

.webinar-cta h1 {
  text-shadow: 3px 3px 6px #4b4b4d;
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

@media screen and (min-width: 769px) {
  .webinar-cta h1 {
    font-size: 2.25rem;
  }
}

.webinar-cta .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: linear-gradient(180deg, #5aa3d2 0, #2e7eb3 37%, #005794 100%);
  opacity: 0.9;
}

.webinar-cta .wrapper {
  position: relative;
  z-index: 1;
}

.webinar-cta .wrapper .grid.gutter-30 .row.break-full .col {
  margin-right: 30px;
}

.webinar-cta .hosts {
  width: 100%;
  margin: 20px 0 10px;
}

@media screen and (min-width: 1025px) {
  .webinar-cta .hosts {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}

@media screen and (min-width: 1025px) {
  .webinar-cta .hosts p {
    width: 72%;
  }

  .webinar-cta .hosts p.0-icons {
    width: 100%;
  }
}

.webinar-cta .hosts .logos {
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 1025px) {
  .webinar-cta .hosts .logos {
    justify-content: space-between;
    width: 30%;
  }
}

.webinar-cta .hosts .logos div {
  margin-right: 7px;
}

.webinar-cta .hosts .logos div:last-child {
  margin-right: 25px;
}

.webinar-cta .hosts .logos img {
  border-radius: 100%;
  border: 1px solid #fff;
  width: 100%;
  display: inline-block;
  box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
}

.webinar-cta.zero-icons .hosts div.logos {
  display: none;
}

.webinar-cta.one-icon .hosts div.logos {
  justify-content: center;
  width: 100%;
}

@media screen and (min-width: 1025px) {
  .webinar-cta.one-icon .hosts div.logos {
    width: 19%;
  }
}

.webinar-cta.three-icons .hosts div.logos {
  width: 100%;
}

@media screen and (min-width: 1025px) {
  .webinar-cta.three-icons .hosts div.logos {
    width: 50%;
  }
}

.webinar-cta .details {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.webinar-cta .details > span {
  width: 100%;
  font-size: 1.125rem;
  letter-spacing: 0.04688rem;
  font-weight: 600;
}

.webinar-cta .video-resources {
  padding: 0;
}

@media screen and (min-width: 769px) {
  .webinar-cta .video-resources {
    height: 100%;
  }
}

.webinar-cta .video-resources .vid-player {
  height: 100%;
}

.webinar-cta .video-resources .vid-player .main-vid-still {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: auto;
}

.webinar-cta .video-resources .vid-player .main-vid-still:after {
  content: none;
}

.webinar-cta .video-resources .vid-player .main-vid-still[data-video] {
  cursor: pointer;
}

.webinar-cta .video-resources .vid-player .main-vid-still[data-video]:after {
  background-image: url(/images/svg/play.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  text-shadow: 3px 3px 6px #4b4b4d;
  transform: translate(-50%, -50%);
  width: 100px;
}

@media screen and (min-width: 769px) {
  .webinar-cta .video-resources .vid-player .main-vid-still {
    padding: 0;
    height: 100%;
  }
}

.webinar-cta p {
  margin: 10px 0;
}

.webinar-cta .buttons.copy {
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
  letter-spacing: 0.04688rem;
}

@media screen and (max-width: 1200px) {
  .webinar-cta .buttons.copy {
    display: none;
  }
}

.webinar-cta .buttons.ctas {
  width: 100%;
}

@media screen and (min-width: 769px) {
  .webinar-cta .buttons.ctas {
    display: none;
  }
}

.webinar-cta .buttons.ctas .button {
  width: 100%;
  display: block;
  margin-top: 10px;
}

.webinar-cta .button {
  height: 44px;
  padding: 10px 0;
}

@media screen and (min-width: 769px) {
  .webinar-cta .button {
    width: calc(50% - 5px);
  }
}

#inviteModal .inline {
  display: block;
  margin-bottom: 10px;
  margin-top: 25px;
}

@media screen and (min-width: 901px) {
  #inviteModal .inline {
    display: flex;
  }

  #inviteModal .inline label span {
    width: 215px;
  }
}

#inviteModal .inline input {
  background-color: #f7f7f7;
  border-color: #eaeaea;
  margin-top: 0;
  margin-bottom: 15px;
}

@media screen and (min-width: 901px) {
  #inviteModal .inline input {
    margin-bottom: 0;
  }
}

#inviteModal .inline input::-moz-placeholder {
  font-style: italic;
}

#inviteModal .inline input::placeholder {
  font-style: italic;
}

#inviteModal .inline label {
  color: #4b4b4d;
  font-weight: 600;
  flex-wrap: wrap;
  width: 100%;
}

#inviteModal .inline label span {
  font-size: 100%;
  margin-left: 0;
}

@media screen and (min-width: 901px) {
  #inviteModal .inline label {
    line-height: 3.25rem;
    flex-wrap: nowrap;
  }
}

#inviteModal .inline button {
  color: #fff;
  font-size: 1.125rem;
  height: 52px;
  display: block;
  position: relative;
  width: 100%;
  text-transform: uppercase;
  margin-bottom: 20px;
}

@media screen and (min-width: 901px) {
  #inviteModal .inline button {
    width: 130px;
    margin-bottom: 0;
  }
}

#inviteModal .inline button.blue {
  background-color: #5aa3d2;
  width: 100%;
  margin-bottom: 3px;
}

@media screen and (min-width: 901px) {
  #inviteModal .inline button.blue {
    width: 137px;
  }
}

#inviteModal .divider {
  margin: 0;
}

.webinar-series .head {
  align-items: center;
  color: #004c9d;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 40px auto;
  text-align: center;
}

.webinar-series .head .title {
  flex-grow: 1;
  margin: 0;
  padding-left: 60px;
  text-align: center;
}

.webinar-series .head .view-all {
  font-family: "Proxima Nova Bl";
  font-weight: 700;
}

.webinar-series .news-card {
  margin-bottom: 60px;
}

@media screen and (max-width: 480px) {
  .webinar-series .head {
    margin: 30px auto;
    flex-direction: column;
  }

  .webinar-series .head .title {
    padding-left: 0;
  }

  .webinar-series .head .view-all {
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 1rem;
  }

  .webinar-series .news-card {
    margin-bottom: 40px;
  }
}

.webinar-slider h3 {
  color: #004c9d;
  text-align: center;
  padding: 40px 0;
}

.webinar-slider .wrapper {
  position: relative;
}

@media screen and (max-width: 1024px) {
  .webinar-slider .wrapper {
    padding: 0;
  }
}

@media screen and (min-width: 1025px) {
  .webinar-slider .wrapper.centered .glider-track {
    margin: 0 auto;
  }
}

.webinar-slider .wrapper.centered .glider-next,
.webinar-slider .wrapper.centered .glider-prev {
  display: none;
}

.webinar-slider .webinar-row {
  height: 400px;
  overflow: hidden;
  opacity: 0;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

.webinar-slider .webinar-row.glider {
  opacity: 1;
}

.webinar-slider .glider-prev {
  left: 20px;
}

@media screen and (min-width: 1224px) {
  .webinar-slider .glider-prev {
    left: -40px;
  }
}

.webinar-slider .glider-next {
  right: 20px;
}

@media screen and (min-width: 1224px) {
  .webinar-slider .glider-next {
    right: -40px;
  }
}

.webinar-slider .glider-next,
.webinar-slider .glider-prev {
  top: 50%;
  transform: translateY(-50%);
  height: 36px;
  width: 36px;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(75, 75, 77, 0.4);
  font-size: 1.25rem;
  line-height: 1.25rem;
}

@media screen and (max-width: 1024px) {
  .webinar-slider .glider-next,
  .webinar-slider .glider-prev {
    display: none;
  }
}

.webinar-slider .glider-next:hover,
.webinar-slider .glider-prev:hover {
  background: #fff;
}

@media screen and (max-width: 1024px) {
  .webinar-slider .glider-track {
    margin-left: 15px;
  }
}

@media screen and (max-width: 1200px) {
  .webinar-slider .glider-track {
    margin-left: -15px;
    padding: 0 5px 0 15px;
  }
}
.xwbox {
  min-width: 20%;
}
@media screen and (min-width: 1200px) {
  #data-feat-0 {
    margin-left: -58px;
  }
}
p.pfont {
  font-family: "Calibri";
}
@media screen and (max-width: 769px) {
.xwbox {
        min-width: 43% !important;
    }
}
/*# sourceMappingURL=site.css.map */