/*!
Theme Name: First Student
Theme URI: https://www.pathfind.com
Author: Pathfinders Advertising Digital Team
Author URI: https://www.pathfind.com
Description: Child Theme for Client Sites
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: firststudent
Template: pathfinder
*/

/* @import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap'); */
/* @import url('ttps://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */

.fonts {
  font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

a:hover {
  text-decoration: none !important;
}

/* Colors
--------------------------------------------- */
.pink {
  color: #da291c !important; /*rgb(202,0,93)*/
}
.lblue {
  color: #007ac9 !important; /*rgb(202,0,93)*/
}
.blue {
  color: #0b2265 !important; /*rgb(11,34,101)*/
}
.blue h2,
.blue h1,
.blue h3,
.blue h4,
.blue h5 {
  color: #0b2265 !important;
}

.gray {
  color: #6c6d70 !important; /*rgb(108,109,112)*/
}
.ltgray {
  color: #f4f4f4; /*rgb(244,244,244)*/
}
.white {
  color: #ffffff !important; /*rgb(255,255,255)*/
}
.white p {
  color: #ffffff !important; /*rgb(255,255,255)*/
}

.black {
  color: #000000 !important; /*rgb(0,0,0)*/
}
.bodyText {
  color: #000b23 !important;
}
.yellow {
  color: #da291c !important; /*rgb(240,171,0)*/
}
.ltblue {
  color: #da291c !important; /*rgb(0,122,201)*/
}
.green {
  color: #7ab800 !important; /*rgb(122,184,0)*/
}
.purple {
  color: #663987 !important; /*rgb(102,57,183)*/
}
.orange {
  color: #f9461c !important; /*rgb(249,70,28)*/
}
.red {
  color: #d52b1e !important; /*rgb(213,43,30)*/
}

.bg-pink {
  background-color: #da291c; /*rgb(202,0,93)*/
}
.bg-blue {
  background-color: #0b2265; /*rgb(11,34,101)*/
}
.bg-blue p {
  color: white !important; /*rgb(11,34,101)*/
}
.bg-mdgray {
  background-color: #ebebeb;
}
.bg-m2dgray {
  background-color: #f2f2f2;
}
.bg-gray {
  background-color: #f5f6fb; /*rgb(108,109,112)*/
}

.bg-ltgray {
  background-color: #f4f4f4; /*rgb(244,244,244)*/
}
.bg-nyellow {
  background-color: #f0ab00; /*rgb(244,244,244)*/
}
.bg-white {
  background-color: #ffffff; /*rgb(255,255,255)*/
}
.bg-black {
  background-color: #000000; /*rgb(0,0,0)*/
}

.bg-yellow {
  background-color: #da291c !important; /*rgb(240,171,0)*/
}
.bg-ltblue {
  background-color: #da291c !important; /*rgb(0,122,201)*/
}
.bg-bblue {
  background-color: #007ac9 !important; /*rgb(0,122,201)*/
}
.bg-green {
  background-color: #7ab800 !important; /*rgb(122,184,0)*/
}
.bg-purple {
  background-color: #663987 !important; /*rgb(102,57,183)*/
}
.bg-orange {
  background-color: #f9461c !important; /*rgb(249,70,28)*/
}
.bg-red {
  background-color: #d52b1e !important; /*rgb(213,43,30)*/
}
.blueBorder {
  border: solid 2px #0b2265;
}
::-moz-selection {
  background: #fff87e;
  color: #000000;
  text-shadow: none;
}
::selection {
  background: #fff87e;
  color: #000000;
  text-shadow: none;
}

/*
Spacings
---------------------------------------------------------------------------------------------------- */
.table {
  display: table;
  width: 100%;
}
.table-row {
  display: table-row;
}
.table-cell {
  display: table-cell;
}
.text-center {
  text-align: center;
}
.align-bottom {
  vertical-align: bottom;
  align-items: flex-end;
}
.align-middle {
  vertical-align: middle;
  align-items: center;
}
.no-leftpadding {
  padding-left: 0 !important;
}
.no-rightpadding {
  padding-right: 0 !important;
}
.tiny-text,
.tinytext {
  font-size: 80%;
}

.margbott0 {
  margin-bottom: 0px !important;
}
.margbott10 {
  margin-bottom: 10px !important;
}
.margbott20 {
  margin-bottom: 20px !important;
}
.margbott30 {
  margin-bottom: 30px !important;
}
.margbott40 {
  margin-bottom: 40px !important;
}
.margbott50 {
  margin-bottom: 50px !important;
}
.margbott60 {
  margin-bottom: 60px !important;
}
.margbott80 {
  margin-bottom: 80px !important;
}
.margbott100 {
  margin-bottom: 100px !important;
}

.margtop0 {
  margin-top: 0px !important;
}
.margtop10 {
  margin-top: 10px !important;
}
.margtop20 {
  margin-top: 20px !important;
}
.margtop30 {
  margin-top: 30px !important;
}
.margtop40 {
  margin-top: 40px !important;
}
.margtop50 {
  margin-top: 50px !important;
}
.margtop60 {
  margin-top: 60px !important;
}
.margtop80 {
  margin-top: 80px !important;
}
.margtop100 {
  margin-top: 100px !important;
}

.paddtop0 {
  padding-top: 0px !important;
}
.paddtop10 {
  padding-top: 10px !important;
}
.paddtop20 {
  padding-top: 20px !important;
}
.paddtop30 {
  padding-top: 30px !important;
}
.paddtop40 {
  padding-top: 40px !important;
}
.paddtop50 {
  padding-top: 50px !important;
}
.paddtop60 {
  padding-top: 60px !important;
}
.paddtop80 {
  padding-top: 80px !important;
}
.paddtop100 {
  padding-top: 100px !important;
}
.paddtop120 {
  padding-top: 120px !important;
}
.paddtop130 {
  padding-top: 130px !important;
}
.paddtop140 {
  padding-top: 140px !important;
}
.paddtop160 {
  padding-top: 160px !important;
}
.paddtop180 {
  padding-top: 180px !important;
}

.paddbott0 {
  padding-bottom: 0px !important;
}
.paddbott10 {
  padding-bottom: 10px !important;
}
.paddbott20 {
  padding-bottom: 20px !important;
}
.paddbott30 {
  padding-bottom: 30px !important;
}
.paddbott40 {
  padding-bottom: 40px !important;
}
.paddbott50 {
  padding-bottom: 50px !important;
}
.paddbott60 {
  padding-bottom: 60px !important;
}
.paddbott80 {
  padding-bottom: 80px !important;
}
.paddbott100 {
  padding-bottom: 100px !important;
}
.paddbott120 {
  padding-bottom: 120px !important;
}
.paddbott140 {
  padding-bottom: 140px !important;
}
.paddbott160 {
  padding-bottom: 160px !important;
}
.paddbott180 {
  padding-bottom: 180px !important;
}

.margright20 {
  margin-right: 20px;
}

.padd48 {
  padding: 48px;
}
.nopadd {
  padding: 0px !important;
}
.button:link {
  text-decoration: none !important;
}
.sixty-width {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
.eighty-width {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;
  margin: 1em 1em 1em 0;
}
.alignright {
  float: right;
  margin: 1em 0 1em 1em;
}
.aligncenter {
  margin: 1em 0;
}

.no-label label {
  display: none !important;
}
.no-fancy-label label {
  margin-bottom: 0.5em !important;
  position: relative !important;
  top: 4px !important;
  left: 6px !important;
}
.gform_wrapper.gravity-theme legend {
  padding-top: 6px !important;
}
.gform_wrapper.gravity-theme .gform_validation_errors > h2 {
  color: #c02b40 !important;
}
.square,
.rectangle,
.rectangle34 {
  width: auto;
}
.automargin {
  margin: auto;
  display: block;
}
.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.rectangle:after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
.rectangle34:after {
  content: "";
  display: block;
  padding-bottom: 75%;
}

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

/*
General
---------------------------------------*/
.off {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.hide {
  display: none;
}
.screen-reader-text {
  display: none;
}

#page {
}

body {
  font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 28px;
  overflow-x: hidden;
  color: #000b23;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #ffffff !important;
  max-width: 100%;
  width: 100%;
  overflow: scroll;
  color: #000b23 !important;
  overflow-x: hidden !important;
}
p {
  margin-bottom: 1.15rem;
}
ul li::marker {
  font-size: 0.8em; /* Adjust the size of the bullet */
}
html {
  overflow-x: hidden !important;
}
.container {
  padding-left: 30px;
  padding-right: 30px;
}

/* Hide scrollbar for IE, Edge and Firefox */

a,
a:not(.button) span,
a[href^="tel:"] {
  color: #007ac9;
  text-decoration: none;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px !important;
}
.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
a:hover,
a span:hover,
a[href^="tel:"]:hover {
  cursor: pointer;
  color: #0b2265 !important;
}

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

b,
strong,
.strong {
  font-weight: bold;
}

.uppercase {
  text-transform: uppercase !important;
}

.hideme,
.sequenceme {
  opacity: 0;
}

.fixed-position {
  position: fixed;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #152266 !important;
  font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #da291c !important;
  font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
  color: #da291c !important;
  font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

a h1:hover,
a h2:hover,
a h3:hover,
a h4:hover:not(.hollow h4),
a h5:hover,
a h6:hover {
  color: #0b2265 !important;
  font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

p {
  font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 28px;
  color: #000b23;
}
p.large {
  font-size: 18px;
}
p.xlarge {
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 136.364% */
}
p.small {
  font-size: 14px;
}

a.small {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */

  letter-spacing: 0.05em;
  text-decoration-line: none;
}
a.large {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
.quote,
.quote p {
  font-weight: 500;
  letter-spacing: 0.05em;
  font-size: 18px;
  line-height: 28px;
}
.overline {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */
  text-transform: uppercase;
}
.caption {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}

.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6 {
  color: #ffffff !important;
}
.bg-ltgray h2 {
  /*color:#0b2265 !important;*/
}

h1 {
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 40px;
  /* 	text-transform: uppercase; */
}
h2,
h2 a {
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 40px;
}
h3,
h3 a {
  font-weight: 400;
  font-size: 28px;
  line-height: 36px;
}
h4,
h4 a {
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
}
h5,
h5 a,
h5 p {
  font-weight: 400;
  font-size: 1.35rem !important;
  line-height: 1.75rem !important;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 1.25rem;
}
.trainingTable tbody th {
  padding: 30px 60px;
}
.trainingTable {
  border: 2px solid #0b2265;
}
.trainingTable tbody tr {
  border-bottom: 0.5px solid #000;
}
.trainingTable tbody th h4 {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 133.333% */
  letter-spacing: 0.9px;
  color: #000 !important;
  margin-bottom: 10px;
}
.trainingTable .thead-dark th {
  background: #0b2265 !important;
  text-align: center;
  min-width: 100px;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px; /* 142.857% */
}
.trainingTable tbody td {
  text-align: center;
  vertical-align: middle;
}
.featuredArticles .componentInstight {
  min-height: 40px;
}
.featuredArticles .insight-child-block p {
  min-height: 80px !important;
}
.IconsWithText label {
  color: #000b23;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 120% */
  letter-spacing: 1px;
}
.statItem p,
.statItem span {
  color: #000b23;
  max-width: 280px;
}
.iconBulletRow h5 {
  color: #000b23 !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 24px !important;
  padding-left: 0px;
}
.IconsWithTextSmaller label {
  color: #152266;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 120% */
  letter-spacing: 1px;
}
.IconsWithText .iconItem {
  padding: 0px 20px;
}
.IconsCubeWithText .iconItem {
  border: 2px solid #fff;
}
.IconsCubeWithText .iconItem:hover {
  border: 2px solid #152266;
}
.IconsCubeWithText .noLink .iconItem:hover {
  border: 2px solid #fff;
}

.page-id-10321 .noLink {
  height: 100%;
}

.IconsCubeWithText .noLink .iconItem {
  min-height: 230px !important;
  height: 100% !important;
}
.min350.IconsCubeWithText .noLink .iconItem {
  min-height: 350px !important;
}
.min400.IconsCubeWithText .noLink .iconItem {
  min-height: 400px !important;
}
.min425.IconsCubeWithText .noLink .iconItem {
  min-height: 425px !important;
}
.LabelBox .labelWrap {
  background: #f5f6fb;
}
.PhotoGridWithText .photoItem img {
  max-height: 150px;
}
.PhotoGridWithText label {
  color: #00b23;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px; /* 150% */
  letter-spacing: 1px;
}
.iconItem img {
  max-height: 95px;
}
.IconsWithTextSmaller img {
  min-height: 60px;
}
.IconsCubeWithText .iconShell {
  margin-left: 12px;
  margin-right: 12px;
}

.IconsCubeWithText .iconItem {
  padding: 42px 36px;
  background: #fff;

  box-shadow: 1px 2px 4px 1.5px rgba(0, 0, 0, 0.12);
  min-height: 320px;
}
.IconsCubeWithText img {
  max-width: 65px;
}
.compList .Item3 img {
  padding-top: 20px !important;
}
.IconsCubeWithText label {
  color: #0b2265;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 120% */
  text-transform: uppercase;
}
.sgpb-popup-builder-content-8801 .wp-block-video {
  margin-bottom: 0px !important;
}
.statementBand p {
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px; /* 122.222% */
  text-transform: uppercase;
  margin-bottom: 0px;
}
.statementBand strong {
  font-weight: 700;
}
.timelineItem span {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 133.333% */
  max-width: 80%;
  display: block;
  margin: auto;
}

.numberCircle {
  border-radius: 50%;
  width: 76px;
  height: 76px;
  padding: 15px;
  background: #007ac9;
  border: 8px solid #f5f6fb;
  color: white;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  position: relative;
}
.lines {
  height: 2px;
  background: #007ac9;
  position: absolute;
  top: 38px;
  z-index: 0;
  width: 80%;
  left: 10%;
}
.faqClick {
  cursor: pointer;
}
.FAQBand .card-body p {
  color: black !important;
}
.labelTitleBox {
  color: #fff;
  padding: 10px 20px;
  font-family: "Barlow Semi Condensed";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 24px; /* 133.333% */
  letter-spacing: 0.9px;
  text-transform: uppercase;
}
.flex {
  display: flex;
}

.labelWrap {
  border: 1px solid #0b2265;
  width: 100%;
}
.LabelBox {
  display: flex;
}
.bottomWrapLabel {
  padding: 10px 20px;
}
.faqClick img {
  margin-top: 2px;
  margin-right: 10px;
  position: absolute;
}
.faqClick div.pull-left {
  padding-left: 30px;
}
.faqClick.collapsed .minus {
  display: none;
}
.faqClick .plus {
  display: none;
}
.faqClick.collapsed .plus {
  display: block;
}
.card {
  margin-top: 15px;
}

.card-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  background-color: #0b226b;
}

.card-title {
  color: #fff;
  font-family: Barlow Semi Condensed;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 133.333% */
}

.rotatable-image {
  transition: transform 0.5s ease-in-out;
  cursor: pointer;
  transform-origin: center center; /* Set the transform origin to the center */
}
.nomin {
  min-height: auto !important;
}
.cube a {
  width: 100%;
}
.iconGidItem.imgNumb5 {
  margin-top: 30px;
}
.noText {
  padding: 22px 16px !important;
  background: #fff;

  min-height: 220px !important;
}
.iconWrap {
  min-height: 80px;
}
.noText label {
  margin-top: 20px;
}
.noText img {
  margin-top: 20px;
}
.ctaWithButton .container {
  padding: 40px 20px;
}
.ctaWithButton p {
  font-size: 18px;
}

.post-template-default h1,
.post-template-default h1 a {
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  text-transform: uppercase;
  line-height: 56px;
}
.post-template-default h2,
.post-template-default h2 a {
  font-weight: 500;
  font-size: 34px;
  line-height: 48px;
}

.post-template-default .pre-footer-box h2,
.post-template-default .pre-footer-box h2 a {
  font-weight: 700 !important;
  font-size: 40px;
  text-transform: uppercase;
  line-height: 44px;
}

.post-template-default #insights h2,
.post-template-default #insights h2 a {
  font-weight: 700 !important;
  font-size: 40px;
  text-transform: uppercase;
  line-height: 44px;
}

.post-template-default h3,
.post-template-default h3 a {
  font-weight: 500;
  font-size: 30px;
  line-height: 48px;
}
.post-template-default h4,
.post-template-default h4 a {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}

h6,
h6 a {
  font-size: 18px !important;
  font-weight: bold;
}
h6 a {
  padding-top: 0px !important;
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 600;
  font-size: 18px !important;
  line-height: 24px !important;
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
}
.mobileSB {
  display: none !important;
}
.col-sm-4.stay {
  width: 33.333% !important;
  float: left;
}

.appImage {
  height: 425px;
  object-fit: scale-down;
}

.appText {
  margin-bottom: 30px;
}
.appText p {
  text-align: left;
}
.appText h5 {
  color: #000b23 !important;
  margin-bottom: 15px;

  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px; /* 200% */
}
.appBottom p {
  font-size: 18px;
  margin-top: 20px;
}
.gp-word-count-label {
  color: #0b2265 !important;
  font-size: 14px !important;
}
/*  mobile Defaults  */
@media screen and (max-width: 768px) {
  .mediaImage {
    height: 400px !important;
  }
  .mobileMargin {
    margin: auto;
  }
  .appText {
    padding: 0px 0px 60px;
  }
  .firstBlog img {
    width: 100% !important;
  }
  /* .statItem, .statItem p, .statItem span{
		text-align: center !important; 
		margin: auto;
	} */
  .FormBlock .gform_wrapper {
    padding: 20px !important;
  }

  .IconsCubeWithText .iconItem {
    min-height: 20px !important;
  }
  .recentPost {
    margin: auto !important;
  }
  .page-template-page-news .insight-child-content-block {
    min-height: 400px;
    padding-bottom: 100px;
  }
  #field_20_8 {
    grid-column: span 12;
  }
  #field_20_1 {
    grid-column: span 12;
  }
  .spotlightContainer .moveOutUp {
    margin-top: 0px !important;
  }
  .spotlightContainer .copySpot {
    padding-top: 10px !important;
    padding-bottom: 30px !important;
  }
  .spotlightRight {
    padding-left: 15px !important;
  }
  .quoteBlockParent .no-leftpadding {
    padding-left: 15px !important;
  }
  .slantBar,
  .slantBarBott,
  .slantBarBottLeft {
    height: 40px !important;
  }

  .thanksLink {
    display: none !important;
  }
  .hidemobile {
    display: none !important;
  }
  .owl-container {
    margin-left: -30px;
  }
  .showMobile {
    display: block !important;
  }
  .eventCard {
    padding: 10px !important;
  }
  .eventButton {
    position: inherit;
    margin-bottom: 10px;
    bottom: 0px;
    top: 0px;
    margin-top: 10px;
    right: 0px;
    float: right !important;
  }
  #owl-caring {
    display: block !important;
  }
  .home #hero-image {
    background-position: center center;
    height:80% !important;
  }
  .page-id-10 #hero-image {
    background-position: center;
  }
  .page-id-4692 #hero-image {
    background-position-x: -150px;
  }
  .angleBanner .inner {
    padding: 58px 59px 54px 59px !important;
  }
  .caringBlock {
    display: none;
  }
  .fullWidthQuoteSlider .caringBlock {
    display: block;
  }
  .quoteBlock {
    display: none;
  }
  .mediaQuote .quoteBlock {
    display: block;
  }
  #testOwlWrap .owl-prev {
    left: -50px !important;
    top: 40% !important;
  }
  #testOwlWrap .owl-next {
    right: -45px !important;
    top: 40% !important;
  }
  .quoteContainer h2 {
    font-weight: 700 !important;
    font-size: 100px !important;
    line-height: 100px !important;
  }
  .quoteContainer h5 {
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 28px !important;
  }
  .quoteContainer h3 {
    font-weight: 700 !important;
    font-size: 40px !important;
    line-height: 120% !important;
  }

  h1 {
    font-size: 32px;
    line-height: 38px;
  }
  h2,
  h2 a {
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
  }
  h3,
  h3 a {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
  }
  h4,
  h4 a {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
  }
  h5,
  h5a {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
  }

  h6,
  h6 a {
    font-size: 18px !important;
    font-weight: bold;
  }
  h6 a {
    padding-top: 0px !important;
    font-family: "Barlow Semi Condensed";
    font-style: normal;
    font-weight: 600;
    font-size: 18px !important;
    line-height: 24px !important;
  }
  p.large {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
  }
  p {
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
  }
  li {
    font-size: 18px;
  }
  p.small {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
  }
  a.large {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
  }
  a {
    font-size: 16px;
    line-height: 24px;
  }
  a.small {
  }
  .IconsWithText {
    padding-top: 0px !important;
  }
}

#field_17_8 button:not(#gform_browse_button_17_8) {
  padding: 2px 4px !important;
  margin: 0px;
  margin-right: 20px;
}
#field_17_8 strong {
  font-weight: 500 !important;
}

#content
  .bg-blue
  a:not(.dbHover):not(.page-link):not(.navbutton):not(.button):not(
    .result-block
  ):not(.social-icon):not(.current-cat-a):hover,
#content
  .bg-ltblue
  a:not(.page-link):not(.navbutton):not(.button):not(.result-block):not(
    .social-icon
  ):not(.insight-block-link):hover {
  color: #ffffff !important;
}

.blogSidebar h4 {
  font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 18px !important;
  margin-bottom: 18px;

  /* Neutrals / grey */

  color: #0b2265 !important;
}
.spad {
  padding: 20px;
}
.blogFiltered {
  font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  /* identical to box height, or 162% */

  /* Primary / #CA005D */
  text-transform: capitalize;
  color: #0b2265;
}
.blogThmumb {
  width: 100%;
  height: 232px;
  background-repeat: no-repeat;
  display: block;
  z-index: 1;
  display: flex;
  align-items: center !important;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-position: top !important;
  background-size: cover !important;
}
.pipeRight {
  border-right: 1px solid #000000;
}
.BlogTitle {
  font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-style: normal;

  color: #da291c !important;
}
.BlogLink {
  background: none !important;
}
.blogItem .btn {
  border-radius: 0px !important;
}
.postReadLink {
  background: linear-gradient(to bottom, #da291c 80%, #da291c 100%) center
    bottom/100% 0% no-repeat !important;
}
.postReadLink span {
  padding: 0px !important;
}
.blogRows {
  padding: 0px;
  margin: 0px;
}
.blogItem {
  padding-left: 0px;
  position: relative;
}
.blogLab {
  padding: 8px 16px;
  color: #da291c;
  border: 1px solid #da291c;
  background: rgba(130, 131, 137, 0.1);
  cursor: pointer;
  margin-right: 12px;
  margin-bottom: 12px;
}
.readTime {
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
  font-style: italic;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #828389;
}
.categoryTab {
  position: absolute;
  left: 0px;
  top: 16px;
  background: rgba(255, 255, 255, 0.9);
  color: #0b2265;
  padding: 8px;
  font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
}
.postSectionTitle {
  font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #000000;
}

.form-check-input {
  display: none;
}
.formBlock {
  display: inline-block;
  float: left;
}
.activated.blogLab {
  background: #da291c;
  color: white;
}

h1.entry-title {
  margin-bottom: 1em;
  color: #0b2265 !important;
  font-weight: 300 !important;
}
.post-thumbnail {
  margin-bottom: 60px;
}

.pre-footer-box {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

footer,
.subfooter,
.subfooter p {
  color: white !important;
}

#goal-grid {
  padding: 5px;
}
.grid-box {
  /*     cursor:pointer; */
  /*border:1px solid #ffffff;*/
  border: 5px solid rgba(255, 255, 255, 1);
  padding: 0px !important;
  /*background-color:rgba(11,34,101,1);*/
  background-color: transparent;
  /*color:#ffffff;*/
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: flex;
  min-height: 360px !important;
  align-items: center;
  flex-wrap: wrap;
}

.thanksLink {
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  margin-bottom: 12px;
  width: 100%;
}
.grid-box.yellow-grid-box {
  background-color: rgba(240, 171, 0, 1);
}
.grid-box.ltblue-grid-box {
  background-color: #0b2265;
}
.grid-box.green-grid-box {
  background-color: rgba(122, 184, 0, 1);
}
.grid-box.purple-grid-box {
  background-color: rgba(102, 57, 183, 1);
}
.grid-box.orange-grid-box {
  background-color: rgba(249, 70, 28, 1);
}
.grid-box.red-grid-box {
  background-color: rgba(213, 43, 30, 1);
}
.grid-box.pink-grid-box {
  background-color: #da291c;
}
.grid-box.blue-grid-box {
  background-color: #0b2265;
}
.grid-box.gray-grid-box {
  background-color: #6c6d70;
  color: white;
}
.HalfVideoText h3 {
  letter-spacing: 0px;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 125% */
}

.slideQuote img {
  width: 60px !important;
}
.slideQuote .quote p,
.slideQuote .quote {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 140% */
  letter-spacing: 1px;
  color: #0b2265;
}
.fullWidthQuoteSlider .owl-prev {
  left: -80px !important;
}
.fullWidthQuoteSlider .owl-next {
  right: -80px !important;
}
.slideQuote .name {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 133.333% */
  color: #0b2265;
}
.grid-box {
  position: relative;
}
.grid-box:before {
  /*content:"";*/
  border-top: 5px solid #da291c;
  border-left: 5px solid #da291c;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  display: block;
  top: 0px;
  left: 0px;
  width: 40%;
  height: 40%;
  opacity: 0;
}
.grid-box:after {
  /*content:"";*/
  border-bottom: 5px solid #da291c;
  border-right: 5px solid #da291c;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  display: block;
  bottom: 0px;
  right: 0px;
  width: 40%;
  height: 40%;
  opacity: 0;
}

.grid-box .grid-title {
  width: 80%;
  font-size: 30px;
  font-weight: 600 !important;
  font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  display: block;
  top: 10%;
  left: 10%;
  position: absolute;
  -webkit-transition: top 0.3s ease-in-out;
  -moz-transition: top 0.3s ease-in-out;
  -ms-transition: top 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
  color: #ffffff;
}

.grid-box .grid-arrow {
  display: none;
  margin-top: 1em;
}
.grid-box .grid-arrow .fa {
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #ffffff;
}
.grid-box:hover .grid-arrow .fa {
  color: #ffffff;
  opacity: 0;
}
.grid-box .link-list {
  position: absolute;
  bottom: 10%;
  opacity: 1;
  width: 100%;
  padding: 0 25px;
  color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.grid-box:hover .link-list {
  max-height: 10000px;
  opacity: 1;
}
.grid-box .link-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#content .grid-box .link-list ul li a:not(.navbutton) {
  text-decoration: none !important;
  font-size: 16px;
  display: inline-block;
  padding: 8px 8px 0px 8px !important;
  line-height: 1em;
}
.grid-box .link-list ul li a .fa,
a.arrowlink .fa {
  margin-right: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.grid-box .link-list ul li a:hover .fa,
a.arrowlink:hover .fa {
  margin-left: 0.25em;
  margin-right: -0.25em;
}

.mobileHero {
  display: none !important;
}
@media screen and (min-width: 992px) {
  #menu-main-menu {
    display: none;
  }

  .grid-box:hover:before {
    top: 10px;
    left: 10px;
    opacity: 1;
  }
  .grid-box:hover:after {
    bottom: 10px;
    right: 10px;
    opacity: 1;
  }

  .grid-box.yellow-grid-box:hover:before,
  .grid-box.yellow-grid-box:hover:after {
    border-color: rgba(240, 171, 0, 1);
  }
  .grid-box.ltblue-grid-box:hover:before,
  .grid-box.ltblue-grid-box:hover:after {
    border-color: #0b2265;
  }
  .grid-box.green-grid-box:hover:before,
  .grid-box.green-grid-box:hover:after {
    border-color: rgba(122, 184, 0, 1);
  }
  .grid-box.purple-grid-box:hover:before,
  .grid-box.purple-grid-box:hover:after {
    border-color: rgba(102, 57, 183, 1);
  }
  .grid-box.orange-grid-box:hover:before,
  .grid-box.orange-grid-box:hover:after {
    border-color: rgba(249, 70, 28, 1);
  }
  .grid-box.red-grid-box:hover:before,
  .grid-box.red-grid-box:hover:after {
    border-color: rgba(213, 43, 30, 1);
  }

  .grid-box:hover .grid-title {
    top: 10%;
    color: #ffffff !important;
  }
}
.angleBanner {
  width: calc(100%);
  clip-path: polygon(0 0, 94% 9%, 95.5% 100%, 0% 100%);
  position: relative;
  background: url(/wp-content/uploads/e4742f0717b0c21810fa28755261ce94-1.jpg),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) -100.16%,
      rgba(0, 30, 97, 0.6) -43.22%
    );
  top: -60px;
  background-size: cover;
  z-index: 2;
}

.angleBanner.flip {
  clip-path: polygon(0 0, 95.5% 0, 94% 91%, 0% 100%);
  top: 0px;
}

.heroAnimate {
  animation: mymove 2.5s ease 0s 1 normal forwards;
}

.bigList h4 {
  font-family: Barlow Semi Condensed;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 177.778% */
}
@-webkit-keyframes wdszoom0 {
  100% {
    transform: scale(1.1);
  }
}

@keyframes mymove {
  0% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes shrink {
  0% {
    background-size: 110% 110%;
  }
  100% {
    background-size: 100% 100%;
  }
}

@keyframes myAnim {
  0% {
    background-position-x: 100%;
    background-position-y: 100%;
    background-size: 100% !important;
  }

  100% {
    background-position-x: 100%;
    background-position-y: 20%;
    background-size: 150% !important;
  }
}

.resourceFilter {
  position: relative;
  background: #f5f6fb;
  border: 1px solid #007ac9;
  color: #0b2265;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  padding: 12px;
  min-height: 50px;
}
.resOpen {
  height: 100%;
}
.resourceFilter .form-checkP {
  padding-left: 0px;
  margin-top: 10px;
}
.resourceFilter input {
  float: left;
  margin-top: 5px;
  margin-right: 10px;
}
.collapseFilter {
  cursor: pointer;
  float: left;
  clear: both;
  width: 100%;
}
.resourceFilter label {
  color: #333333;
  font-weight: 300;
  font-size: 15px;
  cursor: pointer;
  line-height: 24px;
}
.resourceFilter i {
  float: right;
  margin: 4px 4px 4px 0px;
  color: #007ac9;
}

.resourceFilter.disabled {
  color: #333333;
}
.resourceFilter.disabled .collapseFilter {
  cursor: not-allowed;
}

.resTag {
  position: absolute;
  top: 0px;
  left: 15px;
  color: white;
  padding: 5px;
  background: #0b2265 !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
}
.shadow {
  box-shadow: 0 3px 10px -3px black;
}
.imagebox {
  height: 100%;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.listGrid {
  background-color: #f5f6fb;
  display: inline-block;
  width: 50px;
  border: 2px solid #007ac9;
  text-align: center;
  height: 50px;
  font-size: 30px;
  margin-right: -5px;
}
.listGrid .fa {
  padding-top: 8px;
  color: #007ac9;
}
.searchGroupRes input {
  border: 1px solid #007ac9;
  height: 50px;
  border-radius: 0px;
}
.searchGroupRes .input-group-prepend {
  border: 1px solid #007ac9;
  border-left: unset;
  background: #f5f6fb !important;
  color: #007ac9 !important;
  border-radius: 0px;
}
.searchGroupRes .form-control:focus {
  border-color: #007ac9;
  outline: 0;
  box-shadow: 0px 0px 0px 0.2rem rgb(0 123 255 / 0%);
}
.active.listGrid {
  background: #007ac9;
}
.active.listGrid .fa {
  color: white;
}
.listGrid {
  cursor: pointer;
}
.listGrid:hover {
  background: #007ac9;
  color: white;
}
.listGrid:hover .fa {
  background: #007ac9;
  color: white;
}
.boxWrap.row:hover {
  background: #f5f6fb;
}
.boxWrap.row {
  padding: 10px;
  border-bottom: 2px solid #0b2265;
}

#JSNav li {
  margin-right: 5px;
}
.resourceBox a {
  display: block !important;
}
.clear_filter {
  color: #007ac9;
  text-decoration: underline;
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  position: absolute;
  bottom: 10px;
  right: 30px;
}
.resThumbnail {
  width: 100%;
  height: 280px;
  background-size: cover;
  background-position: center center;
  border: 2px solid #0b2265;
  overflow: hidden;
  padding: 50px 20px 20px 20px;
}
.resThumbnail img {
  display: block;
  height: auto;
  margin: auto;
}
#jumpNav .fa-external-link {
  display: none;
}
.bg-red a {
  color: white !important;
}
.bg-red a:hover {
  color: #0b2265 !important;
}
.regtooltip {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;

  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
  text-decoration-line: none;

  /* Primary-Lively Red/500-PRIMARY */

  color: #da291c;
}
.slantBar {
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  height: 81px;
  margin-bottom: -1px;
}
.slantBarBott {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0%);
  height: 81px;
  margin-bottom: -1px;
}
.slantBarBottLeft {
  clip-path: polygon(0 0, 100% 0, 100% 0%, 0 100%);

  height: 81px;
  margin-bottom: -1px;
}
.moveOutUp {
  margin-top: -100px;
}
.spotlightRight {
  padding-left: 50px;
}
.resourceImage {
  width: 100%;
}
.boldFact {
  color: #ffffff !important;
}
.boldFact h2 {
  font-weight: 700;
  font-size: 100px;
  line-height: 100px;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.boldFact h5 {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}
.boldFact h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 120%;
  text-transform: uppercase;
  border-bottom: 4px solid white;
  border-top: 4px solid white;
  margin-top: 24px;
  margin-bottom: 24px;
}
.quoteBlock {
  background: #ebedf3;
  padding: 48px 64px;
  box-shadow: 14px 14px 0px 0px #da291c;
}

.servicesBar img {
  filter: brightness(0) saturate(100%) invert(14%) sepia(100%) saturate(4258%)
    hue-rotate(356deg) brightness(100%) contrast(83%);
  max-height: 100px;
}
.servicesBar a:hover img,
a.servicesBar:hover img {
  filter: brightness(0) saturate(100%) invert(9%) sepia(28%) saturate(7455%)
    hue-rotate(222deg) brightness(105%) contrast(101%);
}
.servicesBar a:hover h5,
a.servicesBar:hover h5 {
  filter: brightness(0) saturate(100%) invert(9%) sepia(28%) saturate(7455%)
    hue-rotate(222deg) brightness(105%) contrast(101%);
}
.servicesBar a:hover p {
  color: #0b2265;
}
.servicesBar a p {
  color: #da291c;
}
.caringBlock {
  margin: 0px;
  padding: 0px 72px;
}
.quoteBlock img {
  margin-bottom: 24px;
}
.quoteBlock .quote,
.quoteBlock p {
  color: #0b2265 !important;
}

.mobileSB.activeBlue {
  background: #ebedf3;
}
.activeBlue:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 5%;
  width: 90%;
  border-bottom: 8px solid #0b2265;
}

.angleBanner h1 {
  text-transform: none;
  padding-bottom: 16px;
  margin-bottom: 0px;
}
.angleBanner h1,
.angleBanner h5 {
  color: white !important;
}
.angleBanner .inner {
  padding: 40px 159px 32px 164px;
  position: relative;
  z-index: 2;
}
.artIcon {
  position: absolute;
  left: 0px;
  bottom: 0px;
  max-width: 100px;
  z-index: 1;
}
.iconBox {
  min-height: 150px;
}
.componentInstight {
  min-height: 80px;
}
.componentRead {
  color: #656565 !important;
  /* Desktop Typography/p.small */
  font-family: "Barlow Semi Condensed";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
}
.FormBlock .gform_wrapper {
  width: 100%;
  background: white;
  text-align: left;
  padding: 36px 75px;
}
.compInsightImage {
  min-height: 230px;
  margin-bottom: 20px;
  object-fit: cover;
}
.componentInstight {
  font-size: 20px;
  line-height: 28px; /* 133.333% */
}
.FormBlock .blue {
  color: #0b2265 !important;
}
.FormBlock .gform_required_legend {
  color: #000 !important;
}
.ManageBox img {
  max-height: 110px;
}
.iconPadding {
  padding: 0px 20px;
}
.iconPadding:first-of-type {
  padding-left: 0;
}
.quoteContainer .artIcon {
  transform: rotate(15deg);
  left: 20px;
}
.Icon_star {
  /* 	    transform: rotate(180deg); */
}
.closexwrapper {
  position: relative;
  display: block;
  height: auto;
  padding: 40px 30px 10px 30px;
}

.floating-header {
  color: #ffffff !important;
  padding: 20px;
  display: inline-block;
  left: -20px;
  top: -62px;
  z-index: 1;
  position: absolute;
}
.bracketcorners {
  position: relative;
  padding: 60px;
}
.bracketcorners:before {
  content: "" !important;
  border-top: 10px solid rgba(0, 36, 99, 1) !important;
  border-left: 10px solid rgba(0, 36, 99, 1) !important;
  /*border-top-left-radius: 16px;*/
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  display: block;
  top: 60px !important;
  left: 60px !important;

  width: 40% !important;
  height: 20% !important;
  opacity: 0;
}
.bracketcorners:after {
  content: "";
  border-bottom: 10px solid rgba(0, 36, 99, 1);
  border-right: 10px solid rgba(0, 36, 99, 1);
  /*border-bottom-right-radius: 16px;*/
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  display: block;
  bottom: 60px;
  right: 60px;
  width: 40%;
  height: 20%;
}

.bracket_wrap {
  padding: 70px 0px;
  display: block;
}

/*
Search and Mobile
-----------------------------------------*/

.hamburger {
  z-index: 99;
}
.search-container,
.menu-container_cta,
.insight-popup {
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  position: fixed;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #ffffff;
  z-index: 10000;
  top: 0px;
}

.menu-container {
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  position: fixed;
  left: 0;
  top: 60px;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #ffffff;
  z-index: 10000;
}
.overlayBump {
  margin-top: 60px;
}
.insight-popup {
  background-color: rgba(0, 0, 0, 0.8);
}

.search-container {
}

.menu-container,
.menu-container_cta {
  display: block !important;
  right: 0;
  bottom: 0;
  min-height: 100vh !important;
  height: auto;
  overflow-y: auto;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  left: 100%;
  width: 85%;
}
@media (min-width: 992px) {
  .menu-container,
  .menu-container_cta {
    width: 70%;
  }
}
.menu-container_cta:before,
.menu-container_cta:after,
.search-container:before,
.search-container:after,
.menu-container:before,
.menu-container:after,
.insight-popup:before,
.insight-popup:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;

  transition: transform 0.5s;
}
.menu-container_cta:before,
.search-container:before,
.menu-container:before,
.insight-popup:before {
  top: 0;
  left: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  transform: translate3d(-1px, -1px, 0);
}
.menu-container_cta:after,
.search-container:after,
.menu-container:after,
.insight-popup:after {
  right: 0;
  bottom: 0;
  border-top-width: 0;
  border-left-width: 0;
  transform: translate3d(1px, 1px, 0);
}

.search-opened {
  pointer-events: auto;
  opacity: 1;
}

.search-opened:before,
.search-opened:after {
  transform: translate3d(0, 0, 0);
}
.menu-container_cta.search-opened {
  left: 15%;
}
.menu-container.search-opened {
  left: 15%;
}
@media (min-width: 992px) {
  .menu-container_cta.search-opened {
    left: 30%;
  }
  .menu-container.search-opened {
    left: 30%;
  }
}
.menu-container_cta .closexwrapper,
.menu-container .closexwrapper {
  position: absolute;
  z-index: 9995;
  top: 0;
  height: 120px;
  width: 100%;
  padding: 40px 30px;
  right: 0;
  text-align: right;
}

.search-container .closexwrapper {
  position: absolute;
  top: 46px;
  right: 46px;
}
.menu-container_cta .fa,
.search-container .fa,
.insight-popup .fa {
  font-size: 1em !important;
  position: relative;
  color: #da291c;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.menu-container .fa {
  position: relative;
  color: #da291c;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  font-size: 16px;
}
.menu-container_cta .fa:hover,
.search-container .fa:hover,
.menu-container .fa:hover,
.insight-popup .fa:hover {
  color: #0b2265;
}

input[type="text"].search-input:focus {
  outline: none !important;
  box-shadow: none !important;
}

input[type="text"].search-input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  font-size: 16px;
  opacity: 0.6;
  color: #000000;
  position: relative;
  bottom: 6px;
}

input[type="text"].search-input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: 16px;
  opacity: 0.6;
  color: #000000;
  position: relative;
  bottom: 6px;
}

.search-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 16px;
  opacity: 0.6;
  color: #000000;
  position: relative;
  bottom: 6px;
}

input[type="text"].search-input:focus::-webkit-input-placeholder {
  opacity: 0.4;
}
input[type="text"].search-input:focus::-moz-placeholder {
  opacity: 0.4;
}
.search-input:focus:-ms-input-placeholder {
  opacity: 0.4;
}

.searchsubmit {
  width: 30px;
  height: 30px;
  cursor: pointer !important;
  position: absolute !important;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  font-size: 20px !important;
}

.bg-blue input[type="text"]::-webkit-input-placeholder,
.bg-blue input[type="email"]::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  opacity: 1;
  color: #ffffff;
  line-height: 1em;
}

.bg-blue input[type="text"]::-moz-placeholder,
.bg-blue input[type="email"]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  opacity: 1;
  color: #ffffff;
  line-height: 1em;
}

/* .menu-container .nav > li > a:focus,
.menu-container .nav > li > a:hover {
  background-color: transparent;
} */

.searchform {
  position: relative;
  margin: 0px auto 0px auto;
  width: 60%;
}

.searchform input {
}

.on {
  opacity: 1 !important;
}

.opensearch,
.openmenu {
  flex-grow: 1;
  cursor: pointer;
}
.openmenu {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #da291c;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.opensearch {
  width: 16px !important;
  display: inline-block !important;
  float: right !important;
}
.openmenu span {
  display: inline-block;
  font-weight: bold;
  font-size: 14px;
  margin-left: 5px;
}
.opensearch:hover,
.openmenu:hover {
  color: #0b2265 !important;
}

.nodesktop {
  display: none;
}
.nodesktopBlcok {
  display: none;
}
.nomobile {
  display: inline-block;
}

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

.wp-block-image {
  font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 12px;
  line-height: 16px;
}

input.search-input:not([type="radio"]):not([type="checkbox"]):not(
    [type="submit"]
  ):not([type="button"]):not([type="image"]):not([type="file"]) {
  font-family: inherit;
  font-size: 28px !important;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  padding: 0.25em 0.5em; /* Adjust padding to remove extra space */
  color: rgba(0, 0, 0, 1) !important;
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
  border-radius: 0;
  -webkit-appearance: none;
  height: auto !important;
  outline: none;
}
input.search-input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  opacity: 0.8;
  color: #ababab;
  line-height: 1em;
  vertical-align: middle; /* Ensure alignment within the input */
}

input.search-input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  opacity: 0.8;
  color: #ababab;
  line-height: 1em;
  vertical-align: middle; /* Ensure alignment within the input */
}

input.search-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  opacity: 0.8;
  color: #ababab;
  line-height: 1em;
  vertical-align: middle; /* Ensure alignment within the input */
}
.topPaginiation {
  display: block;
}

/*
Structure
-----------------------------------------*/
.container-fluid {
  padding-left: 0;
  padding-right: 0;
}
img[alt="some pixel"] {
  /*some odd pixel thing? */
  display: block;
  height: 0px;
  width: 0px;
}
.optanon-category-C0004:not(#videoplayer) {
  /*some odd pixel thing? */
  display: block;
  height: 0px;
  width: 0px;
}
.site-header {
  width: 100%; /*height:auto;*/
  height: 98px;
  padding: 0px 0px;
  z-index: 100;
  position: relative;
  top: 0;
  background: rgba(255, 255, 255, 1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 10px -3px black;
}
.home .site-header {
  background: rgba(255, 255, 255, 1);
}
.site-header .container-fluid,
.site-header .container {
  display: flex;
  align-items: center;
}
.site-header > .container {
  height: 60px;
}

#oldhead .main-navigation ul li.menu-item a:hover {
  box-shadow: inset 0px -80px 0px #0b2265;
  transition: all 0.75s !important;
  border-bottom: 2px solid #0b2265;
  color: #ffffff !important;
}
#oldhead .main-navigation ul li.menu-item a {
  border-bottom: 2px solid white;
}

#oldhead .main-navigation ul li.current-menu-item a {
  border-bottom: 2px solid #0b2265;
}
#oldhead .main-navigation ul li:hover:after,
.main-navigation ul li.current-menu-item:after,
.main-navigation ul li.current_page_parent:after,
.main-navigation ul li.current-page-ancestor:after {
  border: 0px;
  width: 100%;
}
#oldhead .main-navigation ul li:hover {
  border: 1px solid #ababab;
  /*box-shadow: inset 0px -80px 0px #0B2265;
	transition: all .75s !important;*/
  color: #ffffff !important;
  border: 0px !important;
}
#oldhead .main-navigation ul li.menu-item-has-children:before {
  content: "\f107";
  position: absolute;
  right: 0;
  display: block;
  font-family: "FontAwesome";
  top: 10px;
  color: #ffffff;
}
.menu-item-has-children:hover .menuA {
  color: white;
}
.menu-item-has-children a:hover {
  /* 	color: white !important; */
}
#menu-item-4667:hover a {
  color: white;
}
#menu-item-4667 a:hover {
  color: white !important;
}
#oldhead .main-navigation ul li ul.sub-menu li:after {
  content: none;
}

.logo {
  max-width: 300px;
}
.site-header .logo {
  margin: 10px 0;
  max-height: 42px;
}

.grid-container,
.columns-wrapper,
.gallery-container {
  display: flex;
  flex-wrap: wrap; /*justify-content: center;*/
  align-items: center;
  width: 100%;
}
.grid-container.align-top {
  align-items: flex-start;
}
.grid-container.align-middle {
  align-items: center;
}
.grid-container.align-bottom {
  align-items: flex-end;
}

.form-container ul {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start !important;
  width: 100%;
}
.gform_wrapper ul.gfield_checkbox,
.gform_wrapper ul.gfield_radio {
  display: block !important;
}
body .gform_wrapper ul.gfield_checkbox li label,
.gform_wrapper ul.gfield_radio li label {
  font-weight: normal !important;
}
.breadcrumbs {
  border-bottom: 1px solid #0b2265;
}

#content {
}

#content
  a:not(.page-link):not(.navbutton):not(.button):not(.result-block):not(
    .social-icon
  ):not(.current-cat-a):not(.non-yellow),
#content a[href^="tel:"] {
  text-decoration: underline;
  text-decoration-color: #007ac9;
  text-underline-offset: 3px;
  color: #007ac9;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  line-height: 1.35em;
  display: inline-block;
}

#content .bg-pink a,
#content .bg-pink a:not(.page-link):not(.navbutton) {
  color: #ffffff !important;
  background: none;
}

#solution-in-action
  a:not(.page-link):not(.navbutton):not(.button):not(.result-block):not(
    .social-icon
  ):not(.current-cat-a),
#content a[href^="tel:"] {
  color: #da291c;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;

  line-height: 1em;
  display: inline-block;
}
#solution-in-action
  a:hover:not(.page-link):not(.navbutton):not(.button):not(.result-block):not(
    .social-icon
  ),
/* #content a[href^="tel:"]:hover {
  background: linear-gradient(to bottom, #da291c 0%, #da291c 100%) center
    bottom/100% 100% no-repeat;
  text-shadow: none;
} */

#solution-in-action .bg-pink a,
#content .bg-pink a:not(.page-link):not(.navbutton) {
  color: #ffffff !important;
  background: none;
}

#gform_confirmation_message_2
  a:not(.page-link):not(.navbutton):not(.button):not(.result-block):not(
    .social-icon
  ):not(.current-cat-a),
#content a[href^="tel:"] {
  color: #da291c;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  line-height: 1em;
  display: inline-block;
}
#gform_confirmation_message_2
  a:hover:not(.page-link):not(.navbutton):not(.button):not(.result-block):not(
    .social-icon
  ),
/* #content a[href^="tel:"]:hover {
  background: linear-gradient(to bottom, #da291c 0%, #da291c 100%) center
    bottom/100% 100% no-repeat;
  text-shadow: none;
} */

#gform_confirmation_message_2 .bg-pink a,
#content .bg-pink a:not(.page-link):not(.navbutton) {
  color: #ffffff !important;
  background: none;
}

#gform_confirmation_message_13
  a:not(.page-link):not(.navbutton):not(.button):not(.result-block):not(
    .social-icon
  ):not(.current-cat-a),
#content a[href^="tel:"] {
  color: #da291c;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  line-height: 1em;
  display: inline-block;
}
#gform_confirmation_message_13
  a:hover:not(.page-link):not(.navbutton):not(.button):not(.result-block):not(
    .social-icon
  ),
/* #content a[href^="tel:"]:hover {
  background: linear-gradient(to bottom, #da291c 0%, #da291c 100%) center
    bottom/100% 100% no-repeat;
  text-shadow: none;
} */

#gform_confirmation_message_13 .bg-pink a,
#content .bg-pink a:not(.page-link):not(.navbutton) {
  color: #ffffff !important;
  background: none;
}

#gform_confirmation_message_14
  a:not(.page-link):not(.navbutton):not(.button):not(.result-block):not(
    .social-icon
  ):not(.current-cat-a),
#content a[href^="tel:"] {
  color: #da291c;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  line-height: 1em;
  display: inline-block;
}
#gform_confirmation_message_14
  a:hover:not(.page-link):not(.navbutton):not(.button):not(.result-block):not(
    .social-icon
  ),
/* #content a[href^="tel:"]:hover {
  background: linear-gradient(to bottom, #da291c 0%, #da291c 100%) center
    bottom/100% 100% no-repeat;
  text-shadow: none;
} */

#gform_confirmation_message_14 .bg-pink a,
#content .bg-pink a:not(.page-link):not(.navbutton) {
  color: #ffffff !important;
  background: none;
}

#gform_confirmation_message_15
  a:not(.page-link):not(.navbutton):not(.button):not(.result-block):not(
    .social-icon
  ):not(.current-cat-a),
#content a[href^="tel:"] {
  color: #da291c;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  line-height: 1em;
  display: inline-block;
}
#gform_confirmation_message_15
  a:hover:not(.page-link):not(.navbutton):not(.button):not(.result-block):not(
    .social-icon
  ),
/* #content a[href^="tel:"]:hover {
  background: linear-gradient(to bottom, #da291c 0%, #da291c 100%) center
    bottom/100% 100% no-repeat;
  text-shadow: none;
} */

#gform_confirmation_message_15 .bg-pink a,
#content .bg-pink a:not(.page-link):not(.navbutton) {
  color: #ffffff !important;
  background: none;
}

#gform_confirmation_message_11
  a:not(.page-link):not(.navbutton):not(.button):not(.result-block):not(
    .social-icon
  ):not(.current-cat-a),
#content a[href^="tel:"] {
  color: #da291c;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  line-height: 1em;
  display: inline-block;
}
#gform_confirmation_message_11
  a:hover:not(.page-link):not(.navbutton):not(.button):not(.result-block):not(
    .social-icon
  ),
/* #content a[href^="tel:"]:hover {
  background: linear-gradient(to bottom, #da291c 0%, #da291c 100%) center
    bottom/100% 100% no-repeat;
  text-shadow: none;
} */

#gform_confirmation_message_11 .bg-pink a,
#content .bg-pink a:not(.page-link):not(.navbutton) {
  color: #ffffff !important;
  background: none;
}

/* Hide title on flex charge title */
#post-11062 > header {
  display: none;
}

.site-footer {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.site-footer p {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  /* identical to box height, or 133% */

  /* Neutrals / #FFFFFF */

  color: #ffffff;
}
.site-footer .logo {
  padding-right: 24px;
  margin-bottom: 24px;
}
.tagline {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
}
.heroSpacer {
  height: 75px;
  width: 100%;
  position: absolute;
}
#hero-image {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: bottom bottom;
  padding: 0;
  position: relative;
  min-height: 400px;
  display: flex;
  align-items: center;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5), transparent);
  margin-top: -60px;
  padding-top: 60px !important;
}

#hero-image.half-horiz-hero {
  height: auto;
  background-image: none;
  display: block;
  min-height: 600px;
}
#hero-image.half-horiz-hero .container {
  z-index: 1;
  position: relative;
}

.parallax-slider:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 2;
}
.onImageHero {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5), transparent);
}

#hero-image.half-hero {
  min-height: 360px !important;
  height: auto;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5), transparent);
}

.insights-hero #hero-image.half-hero {
  min-height: 70vh !important;
}

.blog #hero-image {
  height: 60vh !important;
}
#hero-image:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  z-index: 2;
}
.resourcesCDL a {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px; /* 200% */
}
.resourcesCDL .linkBox {
  padding-left: 0px;
}
.resourcesCDL .innerDiv {
  height: 100%;
  padding-left: 15px;
  min-height: 80px;
  padding-right: 15px;
}
#hero-image.noshade:before {
  content: none;
}
#hero-image.half-hero.noshade {
  background-image: none !important;
}

.hero-half-image {
  position: absolute;
  z-index: 0;
  height: 100%;
  top: 0;
  right: 0;
  width: 60%;
  background-size: cover;
  background-position: center;
}

.hero-text-wrapper {
  position: relative;
  z-index: 5;
}
.hero-text {
  width: 65%;
  margin-bottom: 0px;
  line-height: 1.5em;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 1);
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.hero-text .lead {
  line-height: 1.5em;
}
.hero-text .button {
  margin-top: 30px !important;
}
.hero-text.nohero {
  text-shadow: none;
  width: 100%;
}

.hero-text h1,
.hero-text h5 {
  text-transform: none;
  padding-bottom: 16px;
  margin-bottom: 0px;
}
.hero-text h5 p {
  font-weight: 500;
  font-size: 1.25rem;
}
.hero-text h2 {
  font-size: 2rem;
}
.hero-text h4 {
  font-weight: 600 !important;
  font-size: 18px;
  text-transform: uppercase;
}
.half-horiz-hero {
  background: url(/wp-content/uploads/e4742f0717b0c21810fa28755261ce94-1.jpg),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) -100.16%,
      rgba(0, 30, 97, 0.6) -43.22%
    ) !important;
}
.half-horiz-hero .hero-text {
  width: auto;
  font-size: 24px;
  font-weight: 400;
  text-shadow: none;
}

.hero-testimonial {
  font-size: 16px;
  position: relative;
  margin: 60px 0 0 50px;
  padding: 20px 20px 20px 130px;
}
.hero-testimonial .testimonial-head {
  width: 138px;
  height: 138px;
  display: block;
  position: absolute;
  border: 4px solid #da291c;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  font-size: 70px;
  font-weight: 700;
  line-height: 1.75em;
  left: -50px;
  top: -30px;
}
.hero-testimonial .testimonial-quote {
  font-size: 18px;
}

#promo-band h4,
#promo-band h2 {
  font-size: 60px;
  margin-bottom: 1em;
  margin-bottom: 20px;
  margin-top: 9px;
  font-weight: 200 !important;
}
.hero-text h3 {
  text-transform: uppercase;
  font-weight: 300 !important;
}

.hero-text a:hover {
  color: rgb(255, 255, 255) !important;
}

.hero-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #111111;
  overflow: hidden;
  z-index: 1;
}
.hero-video video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.careers-band h3 {
  color: #0b2265 !important;
  font-weight: 300 !important;
}
.painpoint-block ul {
  padding-left: 20px;
}
.painpoint-block li {
  color: #0b2265 !important;
}

.primary_points .imagblock {
  width: 100%;
  height: 320px;
  background-size: cover !important;
  background-position: center center !important;
}
.why-block {
  position: relative;
  margin-top: 15px;
  margin-bottom: 15px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.why-block .overlay {
  content: "";
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.why-block p {
  display: list-item;
  list-style-type: disc;
  list-style-position: inside;
}
.why-block .why-block-hover {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  bottom: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.why-block:hover .why-block-hover {
}
.why-block .why-block-title {
  padding: 10px;
  height: 50px;
  background-color: #f4f4f4;
  display: inline-block;
  position: relative;
  bottom: 0px;
}

.why-block .why-fixed {
  padding: 10px;
  height: 50px;
  background-color: #f4f4f4;
  display: inline-block;
  position: absolute;
  bottom: 0px;
  z-index: 1;
}

.why-block .why-block-content {
  background-color: #f4f4f4;
  overflow: hidden;
  max-height: 10000px;
  position: relative;
  position: absolute;
  bottom: 0px;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: linear-gradient(
    to bottom,
    rgba(213, 34, 34, 0) 50px,
    #f4f4f4 20%,
    #f4f4f4 40%,
    #f4f4f4 40%,
    #f4f4f4 60%,
    #f4f4f4 60%,
    #f4f4f4 80%,
    #f4f4f4 80%,
    #f4f4f4 100%
  );
}

.why-block .why-block-hover {
  bottom: -100%;
  color: #fff;
  height: 100%;
  left: 0%;
  text-align: left;
  position: absolute;
  transition: bottom 0.5s ease;
  width: 100%;
}
.why-block:hover .why-block-hover {
  bottom: 0%;
}

.why-block .why-block-content span {
  display: block;
  padding: 20px 10px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.why-block:hover .why-block-content span {
  padding: 20px 10px;
  opacity: 1;
}

#case-study-band {
  font-size: 24px;
  font-weight: lighter;
  color: black;
}

#case-study-band h2 {
  margin-bottom: 0.5em;
}

.insight-block {
  margin-top: 1em;
  margin-bottom: 4em; /*background-color: rgba(255,255,255,0.6);*/
}
.insight-block a {
  text-decoration: none !important;
}
.insight-block .insight-image {
  display: block;
  height: 150px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 1em;
}
.insight-block .insight-name {
  font-size: 20px;
  display: block;
  font-weight: bold;
  line-height: 1.25em;
  margin-bottom: 0.75em;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.insight-block a:hover .insight-name {
  background-color: #da291c;
  color: #ffffff;
}

.insight-block .insight-blurb {
  display: block;
  color: #000000;
  font-size: 14px;
}

#more-insights h2 {
  font-size: 40px;
}
.supportImage {
  width: 100%;
  max-height: 50px;
}
.supportImageWrap {
  max-width: 80px;
  float: left;
  padding: 0px 10px;
  margin-right: 40px;
  height: 100%;
}

.fact-block {
  color: #6c6d70;
  font-size: 18px;
  padding: 20px !important;
  font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 600;
  line-height: 1.5em;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  float: left;
}
.fact-icon {
  display: block;
  width: 34px;
  height: 34px;
  margin: 0 0 8px 0;
}
.fact-stat {
  font-size: 28px;
  font-weight: 600 !important;
  font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #282828 !important;
}
.fact-stat.updated {
  font-size: 28px;
  font-weight: 700;
}
.fact-stat-p {
}
.statImage {
  height: 110px;
}
.statTitleM {
  color: #0b2265;
  text-align: center;
  /* Desktop Typography/button.large */
  font-family: Barlow Semi Condensed;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 133.333% */
  letter-spacing: 0.9px;
  text-transform: uppercase;
}
.statTitleMB p {
  color: #007ac9;
  /* Desktop Typography/button.large */
  font-family: Barlow Semi Condensed;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.9px;
  text-transform: uppercase;
}
.fact-stat.pink {
  color: #007ac9 !important;
}

.fact-block p {
  margin-bottom: 0px;
}
.quote-icon {
  display: none;
  font-size: 80px;
  text-align: left;
}
.quote-icon .fa {
  display: block;
}
.testimonial {
  font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  padding: 0px 60px 30px 15px;
}
.cTest {
  padding: 48px !important;
}
.testimonial img {
  padding-bottom: 16px;
}
.factWide .fact-block {
  width: 100%;
  max-width: 100%;
  display: block;
}
.testimonial .quotee {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5em;
}

#promo-band {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 180px 0px;
}
#promo-band:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  z-index: 2;
}
#promo-band .container {
  position: relative;
  z-index: 3;
}
.supportBox .fa-external-link {
  display: none !important;
}

#video-band {
  position: relative;
  min-height: 480px;
}
#video-band:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 2;
}
#video-band.active:before {
  background-color: rgba(0, 0, 0, 1);
}
#video-band .container {
  position: relative;
  z-index: 3;
}

.insight-grid {
  position: relative;
}
.insight-grid-block {
  cursor: pointer;
  height: 260px;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 10px;
}
.insight-popup {
  display: flex;
  height: auto;
  min-height: 100vh;
  overflow: auto;
}
.insight-popup .insight-name {
  font-size: 32px;
}
.insight-popup .insight-blurb {
  font-size: 24px;
  max-width: 1000px;
}
.videowrapper {
  padding: 15px;
  margin: 1em auto;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.videowrapper iframe {
  height: 100% !important;
  width: 100% !important;
}
.insight-popup .insight-video {
  padding: 0 0 56.25% 0;
  margin: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.insight-popup .insight-video iframe,
.insight-popup .insight-video video,
.videowrapper iframe,
.videowrapper video {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.pass-video,
.pass-video video {
  display: none;
  overflow: hidden;
}

.insight-popup-block {
  cursor: pointer;
}

.insight-popup .closexwrapper {
  position: relative;
  text-align: right;
  top: 0;
  width: 100%;
}
.closexwrapper i {
  font-size: 26px !important;
}
#insights {
  padding: 5px;
  z-index: 3;
}

.insights-grid-container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
}
.insight-grid-parent-block {
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-wrap: wrap;
}
.insight-child-block {
  padding: 12px;
  padding-top: 0px;
  margin: 0;
}

.featured-insights .insight-child-block {
  /*padding-top: 200px;*/
}

.insight-child-content-block {
  display: flex;
  padding: 0px;
  margin: 0;
  height: 100%;
  min-height: 260px; /*min-height: 460px;*/
  padding-top: 200px;
}
.owl-item .insight-child-content-block {
  min-height: 460px;
}

.insight-child-content-block:hover .insight-title {
  color: #0b2265;
}
.insight-child-content-block span {
  align-self: center;
  font-weight: bold;
}
.insight-child-content-block a,
#content .insight-child-content-block a,
#content
  .insight-child-content-block
  a:not(.page-link):not(.navbutton):not(.result-block):not(.social-icon):not(
    .newsButton
  ) {
  padding: 0px !important;
  height: 100%;
  width: 100%;
  display: flex !important;
  align-self: flex-end;
  border: none !important;
  color: #ffffff !important;
  background: white !important;
}
.insight-child-content-block a:hover {
  background-color: transparent;
}

.insight-child-content-block a .insight-image-wrapper {
  position: absolute;
  overflow: hidden;
  z-index: 1;
  width: calc(100% - 24px);
  height: 260px;
  top: 5px;
  bottom: 5px;
  left: 12px;
}

.insight-child-content-block a:hover .insight-image-wrapper:before {
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
  background-size: auto 80%;
  background-position: top;
}

.insight-child-content-block a .insight-image {
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 1;
  display: flex;
  align-items: center;
  height: 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-position: top;
  background-size: cover;
}

.insight-child-content-block a .insight-image .fa {
  margin: 0 auto;
  font-size: 60px;
}
.grid-container:before,
.grid-container:after {
  display: none !important;
}
.grid-container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
#colophon:before,
#colophon:after {
  display: none !important;
}
#colophon {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.insight-child-content-block a {
  text-decoration: none !important;
}

.insight-content-wrapper {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  margin-top: 65px;
}

.grid-container .insight-content-wrapper {
  background: none;
}
.insight-content-wrapper-special {
  height: 130px;
}
@media (min-width: 1200px) {
  .insights-text-wrapper {
    min-height: 275px;
  }
}
.openmenu_cta a:hover h2 {
  color: black !important;
  font-size: 30px;
  padding-left: 15px;
  padding-top: 5px;
}

.insight-title {
  height: 100%;
  background-color: #ebedf3;
  display: block;
  padding: 22px 23px;
  color: #da291c;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 22px;
  line-height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.05em;
  text-decoration-line: none;
  min-height: 105px;
}
a:hover .insight-title {
  color: #0b2265;
}
.insight-cta {
  display: inline-block; /*font-size:12px;*/
  font-size: 16px;
  padding-right: 1em;
  font-weight: 600 !important;
}

.insight-cta.whitebg {
  color: #da291c;
  padding: 5px 0px;
  display: block;
  text-decoration: none;
}
.insight-cta.whitebg:hover {
  color: #0b2265;
}

.benefits-block-cta-wrapper .insight-cta {
  padding: 10px 10px 10px 0px !important;
}
.benefits-block-cta-wrapper .fa.pull-right {
  padding: 10px 0px;
}

a .insight-cta .fa {
  margin-right: 0;
  -webkit-transition: margin 0.3s ease-in-out;
  -moz-transition: margin 0.3s ease-in-out;
  -ms-transition: margin 0.3s ease-in-out;
  -o-transition: margin 0.3s ease-in-out;
  transition: margin 0.3s ease-in-out;
}
a:hover .insight-cta .fa {
  margin-left: 0.5em;
  margin-right: -0.25em;
}

.cat-links {
  font-weight: 600 !important;
}

.insight-category {
  position: absolute;
  z-index: 5;
  top: 20px;
  left: 12px;
  padding: 8px 40px 8px 20px;
  background-color: rgba(11, 34, 101, 1);
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1.5px;
  font-weight: 700 !important;
  opacity: 90%;
  text-decoration: none !important;
}

.insights-list {
}
.insight-list-block {
}
.insight-list-block a {
  background: none !important;
}
.insight-list-block a .insight-title,
.insight-list-block a .insight-cta {
  text-shadow: none;
}

.leadership-grid {
  display: grid;
  grid-row-gap: 45px;
}
@media (min-width: 576px) {
  .leadership-grid {
    grid-template-columns: 1fr 1fr;
    grid-gap: 45px 40px;
  }
}
@media (min-width: 992px) {
  .leadership-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.recent-insights {
}
.recent-insights a {
  width: 100%;
  background: none !important;
  text-decoration: none;
}

.simple-insights-grid {
}
.simple-insights-grid a {
  width: 100%;
  background: none !important;
  text-decoration: none;
}

.recent-insights .insight-image-wrapper,
.simple-insights-grid .insight-image-wrapper {
  overflow: hidden;
  z-index: 1;
  width: 100%;
  height: 220px;
  display: block;
  margin-bottom: 1em;
  position: relative;
}
.recent-insights .insight-image,
.simple-insights-grid .insight-image {
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
}
.recent-insights .insight-image-wrapper .insight-category,
.simple-insights-grid .insight-image-wrapper .insight-category {
  left: 0;
}

.recent-insights .insight-title,
.recent-insights .insight-cta,
.simple-insights-grid .insight-title,
.simple-insights-grid .insight-cta {
  text-shadow: none;
}

.recent-insights a:hover .insight-title,
.recent-insights a:hover .insight-cta,
.simple-insights-grid a:hover .insight-title,
.simple-insights-grid a:hover .insight-cta {
  text-shadow: none;
}

.signup-content-wrapper {
  padding: 30px;
  display: block;
}

.painpoint-block {
  padding-right: 30px;
}
.painpoint-block img {
  max-width: 80%;
  margin-bottom: 1em;
}

.services_intros {
  /*padding:50px;*/
  padding: 0px 60px 30px 15px;
  font-size: 22px;
}

#benefits-band {
  position: relative;
}
#benefits-band.boxbreak:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  z-index: 0;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}

.benifit-container:after {
  width: 30%;
  background-color: #ffffff !important;
  content: "";
}

.benifit-containe .benefits-child-block {
  margin-bottom: 20px;
}
#benefits-band .container {
  position: relative;
  z-index: 1;
}
.benefits-grid-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: stretch;
  flex-direction: row;
}
.benefits-grid-parent-block {
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-wrap: wrap;
}
.benefits-child-block {
  padding: 5px;
  margin: 0;
}
.benefits-child-block i {
  color: #da291c;
}
#benefits-band.boxbreak .benefits-child-block,
#gridBox .benefits-child-block {
  padding: 0;
  margin: 0px 0px;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}

#gridBox .benefits-child-block a:not(.smallButton) {
  display: block;
}
#gridBox .benefits-child-block {
  margin-top: -15px;
}
#gridBox .benefits-child-block li {
  padding: 8px 0px;
}
#gridBox .why-block {
  height: 300px;
}

.benefits-child-block:nth-child(1) {
  margin-top: 0px !important;
}
.benifits-list:last-of-type {
  margin-bottom: 0px !important;
}

.benefits-child-block h3 {
  margin: 0px;
  position: relative;
  width: 95%;
  font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 24px;
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
  color: #0b2265 !important;
}
.benefits-child-block h3 i {
  padding-left: 10px;
  position: absolute !important;
  right: -14px;
  top: 3px;
}
.benefits-child-content-block {
  display: block;
  padding: 0px 60px 0 0;
  margin: 0;
  height: 100%;
  min-height: 260px;
}
.benefits-intro {
  padding: 0px 40px 0px 0px;
  text-align: left;
}
.benefits-intro h2 {
  padding: 0px;
  text-align: left;
}
.benefits-block-cta-wrapper {
  min-height: 1.5em;
}
.benefits-block-cta-wrapper a:not(.smallButton) {
  background: linear-gradient(to bottom, #da291c 80%, #da291c 100%) center
    bottom/100% 0% no-repeat !important;
}

.benefit-icon {
  font-size: 70px;
  line-height: 1em;
}

.benefits-content-wrapper {
  padding: 10px 20px 30px 0px;
  font-size: 16px;
}
.benefits-title {
  position: absolute;
  z-index: 5;
  top: 20px;
  left: 5px;
  padding: 6px 30px 2px 15px;
  background-color: rgba(0, 0, 0, 1);
  font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  text-transform: uppercase;
  line-height: 1.5em;
  font-weight: 600;
}

#careers .grid-container,
#solution-in-action .grid-container,
#final-cta-band .grid-container,
.left-right-band .grid-container {
  /*align-items:stretch;*/
  height: 35vw;
}
.solution-video-content,
#final-cta-band .final-cta-content,
.left-right-band .content-box {
  padding: 30px 60px;
}

.final-cta-box {
  height: 100%;
}

.video-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-bottom: 56.25%;
  position: relative;
}
.insights-list .video-box {
  min-height: 260px;
}

.video-box .fa {
  position: absolute;
  z-index: 2;
  font-size: 120px;
  color: white;
  cursor: pointer;
  top: 50%;
  margin-top: -60px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.video-box .fa.video-band-play {
  position: relative !important;
  margin-top: 10px;
}
.video-box .embedoverlay {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}
.video-box video {
  width: 100%;
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.video-box iframe {
  opacity: 0;
}
.video-box iframe.on {
  opacity: 1;
}
.video-box .fa:hover {
  color: #0b2265;
}

.video-box .video-box-content .fa {
  position: relative;
}

.archive .insight-image-wrapper {
  height: 175px;
  display: block;
}
.archive .insight-image {
  height: 100%;
  width: 100%;
  display: block;
  background-size: cover;
  background-position: center;
  padding: 20px;
}
.archive {
  background: #f5f6fb;
}
.cat-list {
}
.cat-list ul {
  list-style: none;
  padding: 10px;
}
.cat-list ul li {
  display: inline-block;
  margin: 0.25em 0.75em;
}
.cat-list ul li a {
  padding: 5px 5px 0 5px !important;
  font-weight: 600;
}

#content .current-cat a {
  background: #da291c;
  text-shadow: none;
  color: white !important;
  cursor: default;
  text-decoration: none;
  padding: 10px !important;
}

.page-item.active .page-link {
  background-color: #f4f4f4;
  color: #000000;
}

.insights-list-linkblock {
  width: 100%;
  height: 100%;
  padding: 0 !important;
  display: block;
}

#post-content-block h2,
#post-content-block h3,
#post-content-block h4,
#post-content-block h5,
#post-content-block h6,
.entry-content h2 {
  margin-top: 1em;
}
#post-content-block h2 strong,
#post-content-block h3 strong,
#post-content-block h4 strong,
#post-content-block h5 strong,
#post-content-block h6 strong,
.entry-content h2 strong {
  font-weight: inherit !important;
}

#post-content-block iframe {
  width: 100%;
}

.single-hero {
  height: 500px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

blockquote {
  font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 34px;
  color: #000000;
  position: relative;
  margin: 1em;
  border-left: none;
}
blockquote:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: -30px;
  height: 100%;
  width: 10px;
  background-color: #da291c;
}

blockquote cite {
  font-size: 18px;
}

.social-sharing a.share {
  display: inline-block;
  font-size: 26px;
  background: none !important;
  padding: 5px;
  margin: 0.25em;
  width: 30px;
  height: 30px;
  text-decoration: none;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.remove_background {
  background-image: none !important;
  -webkit-transition: background 2s linear;
  -moz-transition: background 2s linear;
  transition: background 2s linear;
}
.blueStats .fact-stat {
  font-size: 55px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 100px; /* 181.818% */
  text-transform: uppercase;
  color: white !important;
  text-align: left;
}

.justify-center {
  justify-content: center;
}
.centerWlines {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid white;
  line-height: 0.1em;
  margin: 10px 0 20px;
  display: block;
}
.fullwidth {
  width: 100%;
}
.centerWlines span {
  background: #0b2265;
  padding: 0 10px;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.9px;
}
.anybullet {
  display: list-item; /* This has to be "list-item"                                               */
  list-style-type: disc; /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type     */
  list-style-position: inside;
}
.anybullet p {
  display: inline;
}

.social-sharing a.share:hover {
  -moz-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
}
.awardImage {
  padding-top: 40px;
  max-width: 60%;
  max-height: 275px;
}

.social-sharing a.share .fa {
  line-height: inherit;
  margin: 0;
}

.social-sharing.min a {
  color: #acacac;
}

.social-sharing a.share .fa-facebook {
  color: #4864a0 !important;
}
.social-sharing a.share .fa-twitter {
  color: #000 !important;
}
.fa.fa-twitter {
  font-family: sans-serif;
}
.fa.fa-twitter::before {
  content: "𝕏";
  font-size: 1.2em;
}
.social-sharing a.share .fa-linkedin {
  color: #0073b1 !important;
}

.bg-facebook {
  background-color: #4864a0 !important;
}

.bg-twitter {
  background-color: #58adf1 !important;
}

.bg-google {
  background-color: #db4d33 !important;
}

.bg-pinterest {
  background-color: #c92521 !important;
}

.bg-linkedin {
  background-color: #0073b1 !important;
}

.bg-instagram {
  background-color: #9b6954 !important;
}

.bg-youtube {
  background-color: #ff0000 !important;
}

a.follow {
  font-size: 36px;
  padding: 12px;
  width: 80px;
  height: 80px;
  display: inline-block;
  color: #ffffff !important;
  border-radius: 50%;
  margin: 0.25em;
}
a.follow:hover {
  color: rgba(255, 255, 255, 0.6) !important;
}

.bottom-social .social-sharing a.share {
  display: inline-block;
}

.fixed-single-bar {
  position: fixed;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px;
  background-color: #ffffff;
  z-index: 100;
  top: -200px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.fixed-single-bar.scrolled {
  top: 0px;
}
.fixed-single-bar .progress-line {
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 1px;
  background-color: #da291c;
  width: 0%;
}

.fixed-title {
  font-size: 22px;
  font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 300;
  text-align: left;
}
.fixed-sharing {
  flex: 1;
  text-align: right;
}
.fixed-single-bar .social-sharing a.share {
  margin: 0px;
  font-size: 22px;
  display: inline !important;
}
.fixed-single-bar .social-sharing {
  display: inline-block;
}
.fixed-title .share-title {
  vertical-align: middle;
  display: inline-block;
  font-size: 16px;
}

.result-block .posttype {
  text-transform: uppercase;
  display: block;
  font-size: 12px;
  font-weight: bold;
}

.search-result-title {
  font-size: 26px;
  font-weight: 500 !important;
  font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  margin-bottom: 10px;
  line-height: 1.25em;
}
.publishdate {
  display: inline-block;
  font-size: 14px;
}
.entry-summary {
  display: inline-block;
}

.bus_filters form {
  display: flex;
  flex-wrap: wrap;
}

/*
Navigation
-----------------------------------------*/
.header-right {
}
.header-right .inner {
  display: flex;
  align-items: center;
}
.main-navigation {
  flex-grow: 4;
}
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0; /*text-align: right;*/
  display: flex;
  float: right;
}
.subfooter-links,
.footer-links {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
.main-navigation ul li,
.supernav ul li {
  display: inline-block;
  position: relative; /*-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;*/
}
.subfooter-links li {
  display: inline-block;
  position: relative;
}

.main-navigation ul li {
  border: none !important;
  position: relative;
  padding: 12px 0px;
}
.main-navigation ul li:hover {
  border: 1px solid #ababab;
  color: white !important;
  background: #da291c;
}

.main-navigation ul li a {
  padding: 0.5em 1.25em 0.5em 1.25em;
  position: relative;
  line-height: 125% !important;
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
  /* text-decoration-line: none !important; */
  color: #da291c;
}
a .fa-external-link {
  padding-left: 5px;
  display: none !important;
}

.main-navigation ul li:hover a:not(.sub-menu a) {
  color: white !important ;
}
.active_a {
  color: white !important;
}
.banner-container ul li:hover a {
  color: white !important ;
}

.contentMenu a:hover {
  text-decoration-line: none;
}
#menu-top-header li:hover {
  background: #da291c;
}
#menu-top-header .current-menu-item {
  background: #da291c;
}

.main-navigation ul li:hover:after,
.main-navigation ul li.current-menu-item:after,
.main-navigation ul li.current_page_parent:after,
.main-navigation ul li.current-page-ancestor:after {
  width: 100%;
}

.main-navigation ul li ul.sub-menu li:after {
  content: none;
}

#menu-more-menu {
  display: block;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  column-gap: 30px;
  margin: 0px auto 30px auto;
  padding-top: 30px;
}
#menu-more-menu li {
  margin-bottom: 18px;
}
#menu-more-menu li a {
  padding: 0.25em 0 0 0 !important;
  font-size: 18px;
  text-align: left;
  font-weight: 300;
  display: inline;
}

.supernav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}
.supernav ul li a {
  padding: 0.5em 0.75em 0.5em 0.75em;
  display: block;
  margin: 0 0.5em;
  font-weight: normal !important;
  font-size: 14px;
  text-decoration: none !important;
}
.supernav ul li.current-menu-item a,
.supernav ul li.current_page_parent a {
  font-weight: normal !important;
}

.footer-links li a,
footer a,
footer a[href^="tel:"] {
  padding: 0;
  display: block;
  margin: 0 0 0.5em 0;
  text-decoration: none;
  color: rgba(255, 255, 255, 1) !important;
}
.footer-links li a:hover,
footer a:hover,
footer a[href^="tel:"]:hover,
.footer-links li.current-menu-item a {
  color: rgba(255, 255, 255, 0.6) !important;
}

.subfooter-links p {
  font-size: 14px;
}

.subfooter-links li a {
  padding: 0;
  display: block;
  margin: 0 1em 0 0;
  text-decoration: none;
  color: rgba(255, 255, 255, 1) !important;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
  text-decoration-line: none;
}
.subfooter-links li a:hover {
  color: rgba(255, 255, 255, 0.6) !important;
}
.subfooter a {
  color: rgba(255, 255, 255, 1) !important;
}
.subfooter a:hover {
  color: rgba(255, 255, 255, 0.6) !important;
}

.subfooter .social_icons a,
.pre-footer-box .social_icons a {
  display: inline-block;
  padding: 0 1em 0 0;
  font-size: 24px;
  color: rgba(255, 255, 255, 1) !important;
}
.subfooter .social_icons a:hover,
.pre-footer-box .social_icons a:hover {
  color: rgba(255, 255, 255, 0.6) !important;
}

.main-navigation .main-menu > li:last-child > a,
.main-navigation
  .main-menu
  > li:last-child.menu-item-has-children
  .submenu-expand {
  margin-left: 0;
}

.main-navigation .sub-menu {
  background-color: #ffffff;
  color: #6c6d70 !important;
  list-style: none;
  padding-right: 0;
  position: absolute;
  opacity: 0;
  box-shadow: 6px 6px 6px -6px black;
  z-index: 99;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.main-navigation li:hover .sub-menu {
}

.main-navigation li.mainmenu-partner .sub-menu {
  max-height: 0;
  overflow: hidden;
  width: 1140px;
  left: 0%;
  display: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.closeMega {
  top: 12px;
  color: #da291c;
  font-size: 24px;
  margin-right: 24px;
  position: absolute;
  right: 0px;
  cursor: pointer;
}

.sub_opened {
  max-height: 10000px !important;
  opacity: 1 !important;
  display: block !important;
  position: fixed !important; /* top:98px !important; */
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.sub_opened .contentMenu {
  padding: 40px 40px 40px 40px !important;
}

.sub_opened .contentMenu a:not(.button) {
  padding: 8px 0px !important;
  margin-bottom: 8px;
}
.blackout {
  display: block;
  opacity: 0.5;
  background: #000;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  position: fixed;
}
.sub_opened .contentMenu p {
  margin: 0px;
}
.sub_opened .contentMenu p:first-child {
  margin-bottom: 20px;
}
.open_sub_menu {
  color: white !important;
  background: #da291c !important;
}
.open_sub_menu a {
  border-bottom: 0px !important;
}
.open_sub_menu:after {
  opacity: 1 !important;
  top: calc(100% - 10px) !important;
}
.leftMenu ul li:first-child i {
  /* 	display: none; */
}

.leftMenu li:hover i {
  transform: translateX(10px);
}
.leftMenu i {
  margin-bottom: -6px;
  transition: transform 0.3s ease;
}

.main-navigation li.mainmenu-partner:hover {
  border-bottom: 1px solid rgba(255, 255, 255, 1);
}
.main-navigation li.mainmenu-partner:after {
  content: "";
  position: absolute;
  top: calc(100% - 20px);
  left: 50%;
  z-index: 100;
  transform: translateX(-50%) rotate(45deg);
  width: 20px !important;
  height: 20px;
  opacity: 0;
  background-color: #da291c;
  -webkit-transition: top 0.3s ease-in-out;
  -moz-transition: top 0.3s ease-in-out;
  -ms-transition: top 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}

.main-navigation li.mainmenu-partner:hover:after {
  opacity: 1;
  top: calc(100% - 10px);
}

.main-navigation li.mainmenu-partner a {
  z-index: 98;
}
.main-navigation li.mainmenu-partner:hover a {
  z-index: 100;
}

.main-navigation li.mainmenu-partner h2 {
  font-size: 30px;
}
.main-navigation li.mainmenu-partner h5.widget-title {
  text-transform: uppercase;
  font-size: 18px;
  color: #000000 !important;
}

.main-navigation li.mainmenu-partner .sub-menu li {
  display: block !important;
  margin: 1em 0;
  border: 0;

  font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;

  align-items: center;
  letter-spacing: 1px;
  text-transform: capitalize;

  /* Neutrals / #FFFFFF */

  color: #ffffff;
}

.main-navigation li.mainmenu-partner .sub-menu .megamenu-cta {
  color: #152266;
}
.main-navigation li.mainmenu-partner .sub-menu .megamenu-cta h3 {
  font-size: 24px;
}
.main-navigation li.mainmenu-partner .sub-menu .megamenu-cta a {
  text-decoration: none !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  background: linear-gradient(to bottom, #da291c 80%, #da291c 100%) center
    bottom/100% 3px no-repeat !important;
  line-height: 1em !important;
  display: inline-block !important;
  font-size: inherit;
  padding: 10px 5px !important;

  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 24px !important;
  /* identical to box height, or 133% */

  align-items: center;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 8px 16px !important;
  /* Brand Colors/Secondary-SKY BLUE */

  color: #da291c !important;
}
.main-navigation li.mainmenu-partner .sub-menu .megamenu-cta a:hover {
  background: linear-gradient(to bottom, #da291c 0%, #da291c 100%) center
    bottom/100% 100% no-repeat !important;
  text-shadow: none !important;
}

.main-navigation ul li.menu-item-has-children a {
  padding: 0.5em 0.75em;
}

.main-navigation .sub-menu > li {
  display: block;
  float: none;
  position: relative;
  margin-bottom: 0;
  display: none;
}

.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
  display: inline-block;
  position: absolute;
  width: calc(24px + 1rem);
  left: 0;
  top: calc(0.125 * 1rem);
  bottom: 0;
  color: white;
  line-height: 1;
  padding: calc(0.5 * 1rem);
}

.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg {
  top: 0;
}

.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
  margin-left: 0;
}

.main-navigation .sub-menu > li > a,
.main-navigation .sub-menu > li > .menu-item-link-return {
  color: #fff;
  display: block;
  line-height: 1.2;
  text-shadow: none;
  padding: 1em;
  white-space: nowrap;
  margin: 0;
  text-align: left;
  font-size: 13px;
}

/* .menu-container_cta input {
  width: 100% !important;
} */
.openmenu_cta a {
  width: 100%;
  background: linear-gradient(to bottom, #da291c 80%, #da291c 100%) center
    bottom/100% 3% no-repeat;
}
.openmenu_cta svg {
  margin: 10px;
}
.openmenu_cta a:hover {
  width: 100%;
  background: linear-gradient(to bottom, #da291c 80%, #da291c 100%) center
    bottom/100% 100% no-repeat !important;
}
.openmenu_cta h2 {
  display: inline-block;
  float: left;
  cursor: pointer;
  padding-left: 10px;
  font-weight: 300 !important;
}

.openmenu_cta img {
  display: inline-block;
  float: right;
  width: 45px;
  margin-top: 10px;
  padding: 5px;
}
.menu-contents {
  display: block;
  padding: 0 60px 30px 60px;
  align-items: center;
  height: 80%;
  text-align: left;
}
.menu-contents ul.nav {
  width: 100%;
  list-style: none;
}

.menu-contents ul.nav li {
}

.menu-contents ul.nav li a {
  display: block;
  text-align: center;
  width: 100%;
  line-height: 1em;
  padding-bottom: 1em;
  text-decoration: none;
}
.menu-contents ul li a {
  color: #333333 !important;
  font-size: 18px;
}
@media (min-width: 992px) {
  .menu-contents ul li a {
    font-size: 24px;
  }
}
.menu-contents ul li a:hover {
  /* color: #0b2265 !important; */
  text-decoration: none;
}

.menu-contents ul.sub-menu {
  padding: 0;
  width: 100%;
}
.menu-contents ul.sub-menu li {
  border-bottom: none;
}
.menu-contents ul.sub-menu li a {
  width: 100%;
  font-size: 20px;
  line-height: 1.25em;
  padding: 0.5em 0 0 0;
}
.menu-contents ul.sub-menu li a:hover {
}
.main-navigation .sub-menu > li > a:hover,
.main-navigation .sub-menu > li > a:focus,
.main-navigation .sub-menu > li > .menu-item-link-return:hover,
.main-navigation .sub-menu > li > .menu-item-link-return:focus {
  background: rgba(32, 59, 112, 0.6);
}

.main-navigation .sub-menu > li.current-menu-item {
  background: rgba(32, 59, 112, 1);
}

.main-navigation .sub-menu > li > a:hover:after,
.main-navigation .sub-menu > li > a:focus:after,
.main-navigation .sub-menu > li > .menu-item-link-return:hover:after,
.main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
  background: rgba(32, 59, 112, 1);
}

.menu-container .closexwrapper {
  position: relative;
  display: block;
  height: auto;
  padding: 40px 30px 10px 30px;
}
.menu-container_cta .closexwrapper {
  position: relative;
  display: block;
  height: auto;
  padding: 20px 30px 10px 30px;
}
.menu-contents_cta {
  display: block;
  padding: 0 60px 30px 60px;
  align-items: center;
  height: 80%;
  text-align: left;
}

/* Partner Special Meunu Buttons */

/*
Forms
-----------------------------------------*/

.gform_wrapper .description,
.gform_wrapper .gfield_description,
.gform_wrapper .gsection_description,
.gform_wrapper .instruction {
  /* font-size:0.7em !important; */
  font-size: 14px;
}
.gform_wrapper .wrapping-form ul.gform_fields {
  display: flex !important;
  flex-wrap: wrap;
}
.gform_wrapper
  input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not(
    [type="button"]
  ):not([type="image"]):not([type="file"]) {
  border: 1px solid #da291c;
  padding: 8px 10px 8px 10px !important;
  height: 52px !important;
  border-radius: 0px !important;
}
.gform_wrapper select {
  border: 1px solid rgba(0, 0, 0, 0.5);
  padding: 15px 10px 15px 10px !important;
  height: 52px !important;
}
.gform_wrapper textarea {
  padding: 23px 10px 7px 10px !important;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

.gform_wrapper form li,
.gform_wrapper li {
  padding-left: 0;
  padding-right: 0 !important;
}
.gform_wrapper select {
  height: 36px;
}
li.gfield,
li.gfield .ginput_complex span,
.input-wrapper {
  position: relative;
}
body .gform_wrapper .top_label div.ginput_container {
  margin-top: 0 !important;
}
body .gform_wrapper label {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: rgba(0, 0, 0, 0.8);
  font-weight: normal !important;
  position: absolute;
  left: 0px !important;
  /*     font-family: 'Barlow Semi Condensed'; */
  font-style: normal;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
.gform_wrapper.gravity-theme legend {
  font-style: normal;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 28px !important;
}

body .gform_wrapper label.focused {
  top: 5px;
  left: 5px;
}

.signup-form .gform_wrapper form {
  align-items: center;
}
#btn-click {
  margin-bottom: 70px !important;
}
#solution-in-action .video-box {
  min-height: 300px !important;
  width: 100%;
}
#solution-in-action {
  margin-bottom: 70px;
}
.signup-form .gform_wrapper form .gform_body div {
  margin: 0 !important;
}
.signup-form .gform_wrapper label {
  color: #d1d1d1 !important;
  left: 0 !important;
}
.signup-form
  .gform_wrapper
  form
  .gform_body
  input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not(
    [type="button"]
  ):not([type="image"]):not([type="file"]) {
  border: none;
  outline: none;
  background: none;
  color: #ffffff;
  padding-left: 0 !important;
}

.signup-form .gform_wrapper input:-internal-autofill-selected {
  background-color: none !important;
  color: #ffffff !important;
}

.signup-form .gform_wrapper form .gform_footer {
  width: auto;
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 0px;
  margin: 0px;
}
.signup-form .gform_wrapper form .gform_footer .button {
  margin: 0px;
}
.signup-form .gform_wrapper form .gform_footer .replaced-svg {
  width: 30px;
  height: 30px;
}
#gform_1_validation_container {
  background: none;
  border-radius: 0px;
}
.signup-form .gform_wrapper form .gform_footer .replaced-svg .st0 {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  fill: #0b2265 !important;
}
.signup-form .gform_wrapper form .gform_footer .replaced-svg:hover .st0 {
  fill: rgba(102, 57, 183, 1) !important;
}

.signup-form .gform_wrapper .gform_footer input[type="image"] {
  margin: 0 auto 0 !important;
}

.signup-form .gform_wrapper ul li.gfield {
  margin-top: 0 !important;
}
.signup-form .gform_wrapper .gfield_required {
  color: #d1d1d1 !important;
}

.signup-form.cta-form .gform_wrapper form {
  border-bottom: 1px solid rgba(255, 255, 255, 1);
  margin-top: 60px;
}
.signup-form.cta-form .gform_wrapper label {
  color: rgba(255, 255, 255, 1) !important;
}
.signup-form.cta-form .gform_wrapper .gfield_required {
  color: rgba(255, 255, 255, 1) !important;
}
.cta-form a {
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
}
.cta-div a {
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
}

#gform_wrapper_37 > div > p.gform_description {
  color: #0B2265;
  font-family: "Barlow Semi Condensed";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 120% */
}

#post-12712 > header > h1 {
  color: var(--Brand-Colors-Primary-ROYAL-BLUE, #0B2265);
  font-family: Barlow;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px; /* 122.222% */
}



#field_37_25 > label > span > span {
  color:#da291c !important;
}
#gform_wrapper_37 > div > p.gform_required_legend > span,
#gform_wrapper_37 > div > p.gform_required_legend > span,
#field_37_26 > label > span > span,
#field_37_12 > label > span > span,
#field_37_54 > label > span > span {
  color:#da291c !important;
}
/*
Buttons
-----------------------------------------*/

.buttonswitch {
  font-size: 18px !important;
  line-height: 1.5em !important;
  color: #ffffff !important;
  background-color: #da291c;
  font-family: "Barlow Semi Condensed";
  font-weight: 600;
  padding: 12px 28px !important;
  text-decoration: none !important;
  display: inline-block;
  cursor: pointer !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  border: 2px solid #da291c !important;
  box-shadow: none !important;
  text-shadow: none !important;
  /*background-image: none !important;*/
  text-transform: uppercase;
  text-align: center;
  max-width: 100%;
  white-space: normal;
  outline: none !important;
  margin: 1em 0 1em 0;
  border-radius: 0px;
  position: relative;
}
.buttonswitch:hover {
  background: white;
  color: #da291c !important;
}
.buttonswitch.empty {
  background: white;
  color: #da291c !important;
  cursor: default !important;
}

.btn:not(.lbButton):not(.bg-lblue):not(.dropdown-toggle):not(.newsButton):not(
    .bg-blue
  ):not(.bg-nyellow),
.btn-primary,
button:not(
    .feedback,
    .owl-prev,
    .owl-next,
    .owl-dot,
    .add_list_item,
    .delete_list_item
  ):not(.lbButton):not(.dropdown-toggle):not(.newsButton):not(.bg-blue):not(
    .bg-nyellow
  ),
.button:not(.lbButton):not(.dropdown-toggle):not(.newsButton):not(.bg-blue):not(
    .bg-nyellow
  ):not(.bg-lblue),
a.button:not(.lbButton):not(.dropdown-toggle):not(.newsButton):not(
    .bg-blue
  ):not(.bg-nyellow):not(.bg-lblue),
#content
  a.button:not(.lbButton):not(.dropdown-toggle):not(.newsButton):not(
    .bg-blue
  ):not(.bg-nyellow):not(.bg-lblue),
input[type="submit"],
input[type="reset"],
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type="submit"],
.tm_pb_button:not(.subnav_buttons) {
  font-size: 18px !important;
  line-height: 1.5em !important;
  letter-spacing: 1px;
  color: #ffffff;
  background-color: #da291c;
  font-family: "Barlow Semi Condensed";
  font-weight: 600;
  padding: 12px 28px;
  text-decoration: none !important;
  display: inline-block;
  cursor: pointer !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  border: 2px solid #da291c;
  box-shadow: none !important;
  text-shadow: none !important;

  text-transform: uppercase;
  text-align: center;
  max-width: 100%;
  white-space: normal;
  outline: none !important;
  margin: 1em 0 1em 0;
  border-radius: 0px;
  position: relative;
}
.button.bg-blue:not(.specialCTA),
.btn.bg-blue:not(.specialCTA),
.btn-primary.bg-blue:not(.specialCTA),
button.bg-blue:not(.feedback, .owl-dot):not(.specialCTA),
.button.bg-blue:not(.specialCTA),
a.button.bg-blue:not(.specialCTA),
#content a.button.bg-blue:not(.specialCTA) {
  background-color: #0b2265 !important;
  border: 2px solid #0b2265 !important;
  padding: 12px 28px !important;

  font-size: 18px !important;
  line-height: 1.5em !important;
  color: #ffffff !important;
  background: #0b2265 !important;
  font-family: "Barlow Semi Condensed";
  font-weight: 600;
  padding: 12px 28px !important;
  text-decoration: none !important;
  display: inline-block;
  cursor: pointer !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  box-shadow: none !important;
  text-shadow: none !important;
  /*background-image: none !important;*/
  text-transform: uppercase;
  text-align: center;
  max-width: 100%;
  white-space: normal;
  outline: none !important;
  margin: 1em 0 1em 0;
  border-radius: 0px;
  position: relative;
}
.button.bg-nyellow,
.btn.bg-nyellow,
.btn-primary.bg-nyellow,
button.bg-nyellow:not(.feedback, .owl-dot),
.button.bg-nyellow,
a.button.bg-nyellow,
#content a.button.bg-nyellow {
  background-color: #f0ab00 !important;
  border: 2px solid #f0ab00 !important;
  padding: 12px 28px !important;

  font-size: 18px !important;
  line-height: 1.5em !important;
  color: #ffffff !important;
  background: #f0ab00 !important;
  font-family: "Barlow Semi Condensed";
  font-weight: 600;
  padding: 12px 28px !important;
  text-decoration: none !important;
  display: inline-block;
  cursor: pointer !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  box-shadow: none !important;
  text-shadow: none !important;
  /*background-image: none !important;*/
  text-transform: uppercase;
  text-align: center;
  max-width: 100%;
  white-space: normal;
  outline: none !important;
  margin: 1em 0 1em 0;
  border-radius: 0px;
  position: relative;
}
.button.bg-lblue,
.btn.bg-lblue,
.btn-primary.bg-lblue,
button.bg-lblue:not(.feedback, .owl-dot),
.button.bg-lblue,
a.button.bg-lblue,
#content a.button.bg-lblue {
  background-color: #007ac9 !important;
  border: 2px solid #007ac9 !important;
  padding: 12px 28px !important;

  font-size: 18px !important;
  line-height: 1.5em !important;
  color: #ffffff !important;
  background: #007ac9 !important;
  font-family: "Barlow Semi Condensed";
  font-weight: 600;
  padding: 12px 28px !important;
  text-decoration: none !important;
  display: inline-block;
  cursor: pointer !important;
  border: 2px solid #007ac9 !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  box-shadow: none !important;
  text-shadow: none !important;
  /*background-image: none !important;*/
  text-transform: uppercase;
  text-align: center;
  max-width: 100%;
  white-space: normal;
  outline: none !important;
  margin: 1em 0 1em 0;
  border-radius: 0px;
  position: relative;
}
.whiteButton {
  font-size: 18px !important;
  line-height: 1.5em !important;
  color: #0b2265 !important;
  background-color: white;
  font-family: "Barlow Semi Condensed";
  font-weight: 600;
  padding: 12px 28px !important;
  text-decoration: none !important;
  display: inline-block;
  cursor: pointer !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  border: 2px solid white !important;
  box-shadow: none !important;
  text-shadow: none !important;
  /* background-image: none !important; */
  text-transform: uppercase;
  text-align: center;
  max-width: 100%;
  white-space: normal;
  outline: none !important;
  margin: 1em 0 1em 0;
  border-radius: 0px;
  position: relative;
}

.whiteButton:hover {
  background-color: #0b2265 !important;
  color: white !important;
}

#onetrust-banner-sdk .ot-close-icon,
#onetrust-pc-sdk .ot-close-icon,
#ot-sync-ntfy .ot-close-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzQ4LjMzM3B4IiBoZWlnaHQ9IjM0OC4zMzNweCIgdmlld0JveD0iMCAwIDM0OC4zMzMgMzQ4LjMzNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQ4LjMzMyAzNDguMzM0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZmlsbD0iIzU2NTY1NiIgZD0iTTMzNi41NTksNjguNjExTDIzMS4wMTYsMTc0LjE2NWwxMDUuNTQzLDEwNS41NDljMTUuNjk5LDE1LjcwNSwxNS42OTksNDEuMTQ1LDAsNTYuODVjLTcuODQ0LDcuODQ0LTE4LjEyOCwxMS43NjktMjguNDA3LDExLjc2OWMtMTAuMjk2LDAtMjAuNTgxLTMuOTE5LTI4LjQxOS0xMS43NjlMMTc0LjE2NywyMzEuMDAzTDY4LjYwOSwzMzYuNTYzYy03Ljg0Myw3Ljg0NC0xOC4xMjgsMTEuNzY5LTI4LjQxNiwxMS43NjljLTEwLjI4NSwwLTIwLjU2My0zLjkxOS0yOC40MTMtMTEuNzY5Yy0xNS42OTktMTUuNjk4LTE1LjY5OS00MS4xMzksMC01Ni44NWwxMDUuNTQtMTA1LjU0OUwxMS43NzQsNjguNjExYy0xNS42OTktMTUuNjk5LTE1LjY5OS00MS4xNDUsMC01Ni44NDRjMTUuNjk2LTE1LjY4Nyw0MS4xMjctMTUuNjg3LDU2LjgyOSwwbDEwNS41NjMsMTA1LjU1NEwyNzkuNzIxLDExLjc2N2MxNS43MDUtMTUuNjg3LDQxLjEzOS0xNS42ODcsNTYuODMyLDBDMzUyLjI1OCwyNy40NjYsMzUyLjI1OCw1Mi45MTIsMzM2LjU1OSw2OC42MTF6Ii8+PC9nPjwvc3ZnPg==) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center;
  height: 12px !important;
  width: 12px !important;
}
#close-pc-btn-handler {
  background: none !important;
  border: 0px !important;
  color: black !important;
}
#close-pc-btn-handler:after {
  content: none !important	;
}
#close-pc-btn-handler:before {
  content: none !important	;
}
.onetrust-close-btn-handler:before {
  content: none !important	;
}
.onetrust-close-btn-handler:after {
  content: none !important	;
}
.splitContent p {
  float: left;
}
.btn,
.btn-primary,
.btn-default {
  background-image: none !important;
}

.button.inactive {
  cursor: default !important;
  background-color: #b3b2b7 !important;
}

.btn:hover,
.btn-primary:hover,
button:not(.feedback, .owl-dot, .add_list_item, .delete_list_item):hover,
.button:hover,
a.button:hover,
#content a.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_page_footer input.button:hover,
.gform_wrapper .gform_page_footer input[type="submit"]:hover {
  text-decoration: none;
}

.btn:active,
.btn-primary:active,
button:not(.feedback, .owl-dot):active,
.button:active,
a.button:active,
#content a.button:active,
input[type="submit"]:active,
input[type="reset"]:active,
.gform_wrapper .gform_footer input.button:active,
.gform_wrapper .gform_footer input[type="submit"]:active,
.gform_wrapper .gform_page_footer input.button:active,
.gform_wrapper .gform_page_footer input[type="submit"]:active {
  color: #ffffff !important;
  text-decoration: none;
}

button.small,
.button.small {
  font-size: 12px !important;
  padding: 3px 15px !important;
}

button.black,
.button.black,
input[type="submit"].black {
  color: #ffffff;
  background-color: #111111 !important;
}

button.black:hover,
.button.black:hover,
input[type="submit"].black:hover {
  background-color: #6c6d70 !important;
}

button.gray,
.button.gray,
input[type="submit"].gray {
  border: 2px solid #b3b2b7;
  color: #ffffff !important;
  background-color: #b3b2b7 !important;
}

button.gray:hover,
.button.gray:hover,
input[type="submit"].gray:hover {
  background-color: #6c6d70 !important;
  border: 2px solid #6c6d70;
}

button.ghost,
.button.ghost,
input[type="submit"].ghost {
  background-color: rgba(0, 122, 201, 0.1) !important;
  border: 1px solid rgba(0, 122, 201, 0, 1) !important;
  color: #0b2265 !important;
}
button.ghost:hover,
.button.ghost:hover,
input[type="submit"].ghost:hover {
  background-color: rgba(102, 57, 183, 0.4) !important;
  border: 1px solid rgba(102, 57, 183, 1) !important;
  color: rgba(102, 57, 183, 1) !important;
}

.btn:before,
.btn-primary:before,
button:not(.feedback, .owl-prev, .owl-next, .owl-dot, .accordion-button):before,
.button:before,
a.button:before,
#content a.button:before,
input[type="submit"]:before,
input[type="reset"]:before,
.gform_wrapper .gform_footer input.button:before,
.gform_wrapper .gform_footer input[type="submit"]:before,
.gform_wrapper .gform_page_footer input.button:before,
.gform_wrapper .gform_page_footer input[type="submit"]:before,
.tm_pb_button:before {
  content: "";
  border-top: 5px solid #da291c;
  border-left: 5px solid #da291c;
  /*     border-top-left-radius: 16px; */
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  display: block;
  top: 0px;
  left: 0px;
  width: 40%;
  height: 40%;
}

.btn.bg-blue:before,
.btn-primary.bg-blue:before,
button.bg-blue:not(.feedback, .owl-prev, .owl-next, .owl-dot):before,
.button.bg-blue:before,
a.button.bg-blue:before,
#content a.button.bg-blue:before,
input[type="submit"].bg-blue:before,
input[type="reset"].bg-blue:before,
.gform_wrapper .gform_footer input.button.bg-blue:before,
.gform_wrapper .gform_footer input[type="submit"].bg-blue:before,
.gform_wrapper .gform_page_footer input.button.bg-blue:before,
.gform_wrapper .gform_page_footer input[type="submit"].bg-blue:before,
.tm_pb_button.bg-blue:before {
  border-top: 5px solid #0b2265;
  border-left: 5px solid #0b2265;
}

.btn.bg-blue:after,
.btn-primary.bg-blue:after,
button.bg-blue:not(.feedback, .owl-prev, .owl-next, .owl-dot):after,
.button.bg-blue:after,
a.button.bg-blue:after,
#content a.button.bg-blue:after,
input[type="submit"].bg-blue:after,
input[type="reset"].bg-blue:after,
.gform_wrapper .gform_footer input.button.bg-blue:after,
.gform_wrapper .gform_footer input[type="submit"].bg-blue:after,
.gform_wrapper .gform_page_footer input.button.bg-blue:after,
.gform_wrapper .gform_page_footer input[type="submit"].bg-blue:after,
.tm_pb_button.bg-blue:after {
  border-bottom: 5px solid #0b2265;
  border-right: 5px solid #0b2265;
}

.btn.bg-nyellow:before,
.btn-primary.bg-nyellow:before,
button.bg-nyellow:not(
    .feedback,
    .owl-prev,
    .owl-next,
    .owl-dot,
    .accordion-button
  ):before,
.button.bg-nyellow:before,
a.button.bg-nyellow:before,
#content a.button.bg-nyellow:before,
input[type="submit"].bg-nyellow:before,
input[type="reset"].bg-nyellow:before,
.gform_wrapper .gform_footer input.button.bg-nyellow:before,
.gform_wrapper .gform_footer input[type="submit"].bg-nyellow:before,
.gform_wrapper .gform_page_footer input.button.bg-nyellow:before,
.gform_wrapper .gform_page_footer input[type="submit"].bg-nyellow:before,
.tm_pb_button.bg-nyellow:before {
  border-top: 5px solid #f0ab00;
  border-left: 5px solid #f0ab00;
}

.btn.bg-nyellow:after,
.btn-primary.bg-nyellow:after,
button.bg-nyellow:not(.feedback, .owl-prev, .owl-next, .owl-dot):after,
.button.bg-nyellow:after,
a.button.bg-nyellow:after,
#content a.button.bg-nyellow:after,
input[type="submit"].bg-nyellow:after,
input[type="reset"].bg-nyellow:after,
.gform_wrapper .gform_footer input.button.bg-nyellow:after,
.gform_wrapper .gform_footer input[type="submit"].bg-nyellow:after,
.gform_wrapper .gform_page_footer input.button.bg-nyellow:after,
.gform_wrapper .gform_page_footer input[type="submit"].bg-nyellow:after,
.tm_pb_button.bg-nyellow:after {
  border-bottom: 5px solid #f0ab00;
  border-right: 5px solid #f0ab00;
}

.btn.bg-lblue:before,
.btn-primary.bg-lblue:before,
button.bg-lblue:not(.feedback, .owl-prev, .owl-next, .owl-dot):before,
.button.bg-lblue:before,
a.button.bg-lblue:before,
#content a.button.bg-lblue:before,
input[type="submit"].bg-lblue:before,
input[type="reset"].bg-lblue:before,
.gform_wrapper .gform_footer input.button.bg-lblue:before,
.gform_wrapper .gform_footer input[type="submit"].bg-lblue:before,
.gform_wrapper .gform_page_footer input.button.bg-lblue:before,
.gform_wrapper .gform_page_footer input[type="submit"].bg-lblue:before,
.tm_pb_button.bg-lblue:before {
  border-top: 5px solid #007ac9;
  border-left: 5px solid #007ac9;
}

.btn.bg-lblue:after,
.btn-primary.bg-lblue:after,
button.bg-lblue:not(.feedback, .owl-prev, .owl-next, .owl-dot):after,
.button.bg-lblue:after,
a.button.bg-lblue:after,
#content a.button.bg-lblue:after,
input[type="submit"].bg-lblue:after,
input[type="reset"].bg-lblue:after,
.gform_wrapper .gform_footer input.button.bg-lblue:after,
.gform_wrapper .gform_footer input[type="submit"].bg-lblue:after,
.gform_wrapper .gform_page_footer input.button.bg-lblue:after,
.gform_wrapper .gform_page_footer input[type="submit"].bg-lblue:after,
.tm_pb_button.bg-lblue:after {
  border-bottom: 5px solid #007ac9;
  border-right: 5px solid #007ac9;
}

.btn:hover:before,
.btn-primary:hover:before,
button:not(.feedback, .owl-prev, .owl-next, .owl-dot):hover:before,
.button:hover:before,
a.button:hover:before,
#content a.button:hover:before,
input[type="submit"]:hover:before,
input[type="reset"]:hover:before,
.gform_wrapper .gform_footer input.button:hover:before,
.gform_wrapper .gform_footer input[type="submit"]:hover:before,
.gform_wrapper .gform_page_footer input.button:hover:before,
.gform_wrapper .gform_page_footer input[type="submit"]:hover:before,
.tm_pb_button:hover:before {
  content: "";
  top: -10px;
  left: -10px;
  width: 80%;
  height: 80%;
}
.btn:after,
.btn-primary:after,
button:not(.feedback, .owl-prev, .owl-next, .owl-dot, .accordion-button):after,
.button:after,
a.button:after,
#content a.button:after,
input[type="submit"]:after,
input[type="reset"]:after,
.gform_wrapper .gform_footer input.button:after,
.gform_wrapper .gform_footer input[type="submit"]:after,
.gform_wrapper .gform_page_footer input.button:after,
.gform_wrapper .gform_page_footer input[type="submit"]:after,
.tm_pb_button:after {
  content: "";
  border-bottom: 5px solid #da291c;
  border-right: 5px solid #da291c;
  /*     border-bottom-right-radius: 16px; */
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  display: block;
  bottom: 0px;
  right: 0px;
  width: 40%;
  height: 40%;
}
.btn:hover:after,
.btn-primary:hover:after,
button:not(.feedback, .owl-prev, .owl-next, .owl-dot):hover:after,
.button:hover:after,
a.button:hover:after,
#content a.button:hover:after,
input[type="submit"]:hover:after,
input[type="reset"]:hover:after,
.gform_wrapper .gform_footer input.button:hover:after,
.gform_wrapper .gform_footer input[type="submit"]:hover:after,
.gform_wrapper .gform_page_footer input.button:hover:after,
.gform_wrapper .gform_page_footer input[type="submit"]:hover:after,
.tm_pb_button:hover:after {
  content: "";
  display: block;
  bottom: -10px;
  right: -10px;
  width: 80%;
  height: 80%;
}
.vidopen:after {
  content: none !important;
}
.vidopen img,
.vidopen i {
  margin-left: 10px;
  transition: transform 0.3s ease;
}
.vidopen:hover img,
.vidopen:hover i {
  transform: translateX(10px);
}
.vidopen[aria-expanded="true"] .accOpen {
  display: none;
}
.vidopen[aria-expanded="false"] .accOpen {
  display: block;
}
.vidopen[aria-expanded="true"] .accClose {
  display: block;
}
.vidopen[aria-expanded="false"] .accClose {
  display: none;
}
.vidopen {
  border-radius: 0px;
  margin: 0px !important;
}
.vidopen:before {
  content: none !important;
}

.hvidopen:after {
  content: none !important;
}
.hvidopen img,
.hvidopen i {
  margin-left: 10px;
  transition: transform 0.3s ease;
}
.hvidopen:hover img,
.vidopen:hover i {
  transform: translateX(10px);
}
.hvidopen[aria-expanded="false"] .haccOpen {
  display: block;
}
.hvidopen[aria-expanded="true"] .haccOpen {
  display: none;
}
.hvidopen[aria-expanded="false"] .haccClose {
  display: none;
}
.hvidopen[aria-expanded="true"] .haccClose {
  display: block;
}
.hvidopen {
  border-radius: 0px;
  margin: 0px !important;
}
.hvidopen:before {
  content: none !important;
}

.videoCard {
  background-color: black;
}
.videoPlayIcon {
  height: 18px;
  width: 18px;
  margin-top: -5px;
}

.btn:focus:before,
.btn-primary:focus:before,
button:not(.feedback, .owl-dot):focus:before,
.button:focus:before,
a.button:focus:before,
#content a.button:focus:before,
input[type="submit"]:focus:before,
input[type="reset"]:focus:before,
.gform_wrapper .gform_footer input.button:focus:before,
.gform_wrapper .gform_footer input[type="submit"]:focus:before,
.gform_wrapper .gform_page_footer input.button:focus:before,
.gform_wrapper .gform_page_footer input[type="submit"]:focus:before,
.tm_pb_button:focus:before {
  content: "";
  top: -10px;
  left: -10px;
  width: 80%;
  height: 80%;
}

.btn:focus:after,
.btn-primary:focus:after,
button:not(.feedback, .owl-dot):focus:after,
.button:focus:after,
a.button:focus:after,
#content a.button:focus:after,
input[type="submit"]:focus:after,
input[type="reset"]:focus:after,
.gform_wrapper .gform_footer input.button:focus:after,
.gform_wrapper .gform_footer input[type="submit"]:focus:after,
.gform_wrapper .gform_page_footer input.button:focus:after,
.gform_wrapper .gform_page_footer input[type="submit"]:focus:after,
.tm_pb_button:focus:after {
  content: "";
  display: block;
  bottom: -10px;
  right: -10px;
  width: 80%;
  height: 80%;
}

#gform_submit_button_11:hover:after,
#gform_submit_button_13:hover:after,
#gform_submit_button_14:hover:after,
#gform_submit_button_15:hover:after {
  width: auto !important;
}

.search-field {
  height: 55px;
  padding: 5px 10px;
}

.wp-block-column {
  padding-right: 60px;
  flex-basis: calc(50% - 16px) !important;
}
.wp-block-column:nth-child(2n) {
  margin-left: 32px !important;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  padding: 0 8% 0 0;
}
.wp-block-media-text.has-media-on-the-left .wp-block-media-text__content {
  padding: 0 0 0 8%;
}

.card-body iframe {
  min-height: 60vh;
}
.card-body p:last-child {
  margin-bottom: 0px;
}

.soy-block-container {
  padding: 12px 12px 24px 12px;
  position: relative;
}
.soy-block {
  width: 100%;
  height: 100%;
}

.soy-image {
  height: 360px;
  background-size: cover;
  background-position: top center;
}

.eventsWrapper {
  padding: 22px;
  background: white;
  filter: drop-shadow(0px -75px 207.9305419921875px rgba(0, 0, 0, 0.05))
    drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15))
    drop-shadow(-5px -4px 4px rgba(0, 0, 0, 0.03));
  border-radius: 5px;
}
.eventHelper {
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 145.455% */
  color: #828389;
}
.trainingEvents .nav-tabs {
  border-bottom: 0px;
}
.trainingEvents .nav-tabs a h4 {
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.1px;
  color: #1d1b20 !important;
  text-decoration: none;
  padding: 5px 20px;
  border-bottom: 2px solid #f5f6fb;
}
.tCard .card {
  border-radius: 4px;
  border-left: 4px solid #da291c;
  max-width: 100% !important;
}
.dateSide {
  color: #007ac9;
  text-align: center;
  font-family: Barlow Semi Condensed;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}
.tCard h7 {
  color: #000b23;
  font-family: Barlow Semi Condensed;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.3px;
}
.trainingEvents .nav-tabs .active h4 {
  border-bottom: 2px solid #152266;
}
.trainingEvents .nav-tabs a {
  text-decoration: none !important;
}
.noribbon:before,
.noribbon:after,
.noribbon:hover:before,
.noribbon:hover:after {
  display: none !important;
}
.eventsWrapper .button {
  max-width: 200px !important;
}
.eventsWrapper .hollow {
  background: none !important;
}
.eventsWrapper .hollow.active {
  background: #da291c !important;
  color: white !important;
}
.eventsWrapper .hollow.active h4 {
  background: #da291c !important;
  color: white !important;
}
.eventsWrapper .button:hover,
.eventsWrapper .button h4:hover {
  background: #da291c !important;
  color: white !important;
}
.eventsWrapper .nav {
  align-items: center;
  justify-content: center;
}
.eventsWrapper h6 {
  color: #007ac9 !important;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 120% */
  letter-spacing: 1px;
}
.eventSub {
  color: #707175;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
}
.eventDate {
  color: #0b2265;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.centered {
  text-align: center;
  position: absolute;
  top: 50%;
  margin: auto;
  transform: translateY(-50%);
}
.eventButton {
  padding: 16px;
  background: white;
  color: #152266 !important;
  position: absolute;
  right: 30px;
  top: 50%;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px !important; /* 171.429% */
  letter-spacing: 0.7px;
  text-transform: uppercase;
  text-decoration: none !important;
}
.eventButton:hover {
  color: white !important;
  background: #152266 !important;
}
.evnetInfo {
  position: absolute;
  bottom: 0px;
}

/*-----MEDIA QUERIES-----*/
@media screen and (min-width: 1360px) {
  #hero-image:not(.bg-blue) {
    height: 565px;
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5), transparent);
  }
  #hero-image.half-hero:not(.bg-blue) {
    min-height: 360px !important;
    height: auto !important;
  }
  .quote-icon {
    display: block;
    font-size: 80px;
    text-align: left;
    position: absolute;
    top: 0;
    left: -130px;
    width: 100px;
    height: 100px;
  }
  .quote-icon img {
    vertical-align: top;
  }
}
@media screen and (max-width: 1100px) {
  .card-body iframe {
    min-height: 50vh;
  }
}

@media screen and (max-height: 600px) {
  #hero-image {
    height: 600px;
  }
  #hero-image.half-hero {
    min-height: 400px;
    height: auto;
  }
}

/* fix for soy page paedding issue */
@media screen and (max-width: 950px) {
  #mobile-padding-fix {
    padding-top: 100px !important;
  }
}

/* fix for soy page paedding issue */
@media screen and (max-width: 576px) {
  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .statItem {
    width: 100%;
    flex-basis: auto !important;
    text-align: center !important;
  }
}

.leftMenu ul li a {
  padding: 16px !important;
}
.leftMenu ul li a:not(.activeMenu) {
  color: white;
}
@media screen and (max-width: 1199px) {
  .main-navigation ul li a {
    padding: 0.5em 0.75em; /*font-size:13px;*/
  }
  .hero-text {
    width: 90%;
  }

  #benefits-band.boxbreak:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    z-index: 0;
  }
  #benefits-band.boxbreak.shown:after {
    width: 25%;
  }

  .main-navigation li.mainmenu-partner .sub-menu {
    width: 960px;
  }
  .acceptActive {
    padding-right: 25px !important;
  }
}

@media screen and (min-width: 992px) {
  .menu-container {
    display: none !important;
  }

  #menu-more-menu li a {
    font-size: 22px;
    text-align: left;
    font-weight: 700;
    padding: 0.25em 0 0 0 !important;
  }
  .IconsCubeWithText .iconItem {
    min-height: 320px;
  }
  .noText {
    min-height: 280px !important;
  }
}
.bulletNumber {
  text-align: right !important;
}
@media screen and (max-width: 768px) {
  .mobileFull {
    width: 100%;
  }
  .bulletNumber {
    text-align: left !important;
  }
  .pipeRight {
    border-right: 0px !important;
    margin-bottom: 10px !important;
  }
  .mobileLeft {
    text-align: left !important;
  }
  .deskPDF {
    display: none;
  }
  .mobilePDF {
    display: block !important;
  }
  .resourceImage {
    display: none;
  }
  .resourceText {
    text-align: center !important;
  }
  #facts-band {
    background: #ffffff !important;
  }
  .evnetInfo {
    position: relative;
    bottom: 0px;
  }
  .eventButton {
    position: inherit;
    margin-bottom: 10px;
    bottom: 0px;
    top: 0px;
    margin-top: 10px;
    right: 0px;
  }
}
@media screen and (max-width: 600px) {
  .mobileHideBrackets:before,
  .mobileHideBrackets:after {
    display: none !important;
  }
}

@media screen and (max-width: 991px) {
  .supportImageWrap {
    margin: auto;
    max-width: 100%;
    width: 100%;
    text-align: left;
    padding-left: 0px;
  }
  .tCard .eventButton {
    position: initial;
    margin-top: 25px;
  }
  .card-body iframe {
    min-height: 40vh;
  }
  .supportBox .row {
    margin: 0px !important;
  }

  .banner-container {
    display: none !important;
  }
  .fact-block {
    color: #6c6d70;
    font-size: 18px;
    font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 600;
    line-height: 1.5em;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-right: 0px !important;
    padding-left: 0px;
    padding-right: 40px;
  }

  .nodesktop {
    display: inline-block;
  }
  .nodesktopBlcok {
    display: block;
  }
  .nomobile {
    display: none !important;
  }

  .noscroll {
    overflow: hidden;
    width: 100%;
  }
  .openmenu-overlay {
    position: fixed;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .openmenu-overlay.search-opened {
    position: fixed;
    z-index: 9990;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
  }

  .searchform {
  }

  .header-right .inner {
    display: block;
  }
  .opensearch,
  .openmenu {
    display: inline-block;
    margin-left: 2em;
  }

  .opensearch .fa,
  .openmenu .fa {
    font-size: 28px;
  }
  .openmenu span {
    display: none;
  }

  .main-navigation {
    display: none;
  }

  .navbar-nav {
    display: block;
    width: 100%;
  }

  #menu-mobile-menu li {
    position: relative;
    padding: 0 0px 0 0;
    border-bottom: 1px solid #ededed;
  }
  .mobile-menu li.menu-item-has-children .fa {
    position: absolute;
    top: 22px;
    right: 25px;
    font-size: 26px !important;
    width: 18px;
    height: 18px;
    text-align: center;
  }
  .mobile-menu li.menu-item-has-children.opened > .fa {
    transform: rotate(45deg);
  }

  .menu-container .social_icons {
    padding: 0 60px 30px 60px;
    text-align: center;
  }
  .menu-container .social_icons span {
    display: inline-block;
    margin: 0 1em;
  }
  .menu-container .social_icons span .fa {
    font-size: 24px !important;
  }
  .menu-container .social_icons span a {
    color: #0b2265;
  }
  .menu-container .social_icons span a:hover {
    color: rgba(0, 122, 201, 0.6);
  }

  .mobile-menu li > .sub-menu {
    max-height: 0 !important;
    overflow: hidden;
  }
  .mobile-menu li.opened > .sub-menu {
    max-height: 1000px !important;
  }

  .menu-container {
    width: 100%;
    padding-bottom: 120px;
    top: 60px;
  }
  .menu-container.search-opened {
    left: 0%;
  }
  .menu-container .closexwrapper {
    position: relative;
    display: block;
    height: auto;
    padding: 10px 30px 10px 30px;
  }

  .menu-contents {
    display: block;
    padding: 0;
    align-items: center;
    height: auto;
  }
  .menu-contents ul.nav {
    width: 100%;
    list-style: none;
  }

  .menu-contents ul.nav li {
  }

  .menu-contents ul.nav li a {
    display: block;
    text-align: left;
    width: 100%;
    line-height: 1;
    padding: 1.25em;
    text-decoration: none;
    font-weight: 600;
  }

  .menu-contents ul#menu-main-menu li a {
    font-size: 22px;
    border-bottom: 1px solid #ababab;
  }
  .menu-contents ul#menu-main-menu li:last-child a {
    border-bottom: none;
  }

  .menu-contents ul li a {
  }
  .menu-contents ul li a:hover {
    text-decoration: none !important;
  }

  .menu-contents ul.sub-menu {
    padding: 0;
    width: 100%;
    list-style: none;
  }
  .menu-contents ul.sub-menu li {
    border-top: 1px solid #ededed;
    border-bottom: none !important;
  }
  .menu-contents ul.sub-menu li a {
    font-weight: 600;
    width: 100%;
    font-size: 18px;
    line-height: 1.25em;
    padding: 12px 0 30px 25px;
  }
  .menu-contents ul.sub-menu li a:hover {
  }
  .mobile-menu li .sub-menu li .fa {
    position: absolute;
    top: 20px;
    right: 0px;
    font-size: 20px !important;
    width: 30px;
    height: 30px;
    text-align: center;
  }

  .menu-contents ul.sub-menu li .sub-menu li a {
    font-weight: 600;
    width: 100%;
    font-size: 18px;
    line-height: 1.25em;
    padding: 0.75em 0 0.75em 15px;
  }
  .menu-contents ul.sub-menu li .sub-menu li {
    margin: 0.25em 0 0.25em 0;
    position: relative;
    padding: 0 0 0 0;
    border-bottom: none !important;
    border-top: none !important;
  }

  .menu-container .social_icons {
    padding: 0 30px 120px 30px;
  }

  .subfooter-links,
  .footer-links {
    text-align: center;
  }
  .subfooter-links li {
    display: inline-block;
  }

  .hero-text h1,
  .hero-text h2 {
    font-size: 48px;
  }
  #hero-image {
    margin-top: 0px;
  }
  .site-header {
    height: auto;
  }
  .grid-box {
    align-items: center;
  }

  .grid-box .grid-title {
    width: 100%;
    font-size: 23px;
    font-weight: lighter;
    display: block;
    top: auto;
    left: auto;
    position: relative;
    padding: 0px 30px;
  }
  .grid-box:hover .grid-title {
    top: auto;
  }

  .grid-box .grid-arrow {
    display: block;
    opacity: 0;
  }
  .grid-box .grid-arrow .fa {
    transform: rotate(90deg);
    color: #ffffff;
  }
  .grid-box .link-list {
    position: relative;
    opacity: 1;
    margin-bottom: 20px;
  }

  .grid-box .link-list ul li a {
    color: #ffffff !important;
  }

  .grid-box:before {
    top: 10px;
    left: 10px;
    opacity: 1;
  }
  .grid-box:after {
    bottom: 10px;
    right: 10px;
    opacity: 1;
  }

  .grid-box.yellow-grid-box:before,
  .grid-box.yellow-grid-box:after {
    border-color: rgba(240, 171, 0, 1);
  }
  .grid-box.ltblue-grid-box:before,
  .grid-box.ltblue-grid-box:after {
    border-color: #0b2265;
  }
  .grid-box.green-grid-box:before,
  .grid-box.green-grid-box:after {
    border-color: rgba(122, 184, 0, 1);
  }
  .grid-box.purple-grid-box:before,
  .grid-box.purple-grid-box:after {
    border-color: rgba(102, 57, 183, 1);
  }
  .grid-box.orange-grid-box:before,
  .grid-box.orange-grid-box:after {
    border-color: rgba(249, 70, 28, 1);
  }
  .grid-box.red-grid-box:before,
  .grid-box.red-grid-box:after {
    border-color: rgba(213, 43, 30, 1);
  }

  .grid-box.rentabus {
    padding: 20px !important;
  }

  .grid-box .grid-title {
    top: 10%;
  }

  .grid-box .grid-arrow .fa {
    /*transform: rotate(90deg);*/
    color: #ffffff;
    opacity: 0;
  }

  .social-sharing a.share {
    width: auto;
    display: inline-block;
  }

  .video-box,
  .final-cta-box {
    /*height: 320px;*/
    min-height: 320px;
    height: auto;
  }
  .insights-list .video-box {
    min-height: 170px !important;
  }

  #careers .grid-container,
  #solution-in-action .grid-container,
  #final-cta-band .grid-container,
  .left-right-band .grid-container {
    /*align-items:stretch;*/
    height: auto;
  }
  #final-cta-band .final-cta-content,
  .left-right-band .content-box {
    padding: 60px 60px;
  }
  .solution-video-content {
    padding: 0px !important;
    margin-top: 40px;
  }
  .insight-child-content-block {
    padding-top: 140px;
  }

  .wp-block-column {
    padding-right: 16px;
  }

  .main-navigation ul li:hover .sub-menu .contentMenu {
    padding: 30px 15px 30px 50px;
  }
}
.rentabus .link-list p {
  color: white !important;
}

@media screen and (max-width: 767px) {
  .card-body iframe {
    min-height: 30vh;
  }
  h1 {
    font-size: 32px !important;
  }
  h2 {
    font-size: 30px !important;
  }
  h3 {
    font-size: 28px !important;
  }
  h4 {
    font-size: 22px !important;
  }
  h5 {
    font-size: 20px !important;
  }
  h6 {
    font-size: 18px !important;
  }

  .sixty-width,
  .eighty-width {
    width: 100%;
  }

  /* .container-fluid > .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  } */
  .site-header .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .site-footer {
    font-size: 16px;
  }
  .site-footer div,
  .subfooter div {
    text-align: center !important;
    margin: 0.75em auto;
  }
  .subfooter-links,
  .footer-links {
    text-align: center;
  }

  .pre-footer-box {
    width: 100%;
  }

  .footer-links li a {
    font-size: 18px;
    line-height: 1.75em;
  }

  .signup-form .gform_wrapper form .gform_body {
    margin: 0 !important;
  }
  .signup-form .gform_wrapper form .gform_footer {
    margin: 0 !important;
    padding: 0 !important;
  }
  .signup-form .gform_wrapper form .gform_footer .button {
    width: 100%;
  }

  .pre-footer-box div {
    text-align: center !important;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
  }
  .pre-footer-box .social_icons a {
    padding: 0 0.5em;
  }

  .split-band {
    background: -moz-linear-gradient(180deg, #ffffff 50%, #e8e8e8 50%);
    background: -webkit-linear-gradient(180deg, #ffffff 50%, #e8e8e8 50%);
    background: linear-gradient(180deg, #ffffff 50%, #e8e8e8 50%);
  }

  .testimonial {
    font-size: 16px;
    line-height: 1.5em;
    padding: 0px 0px;
  }
  .services_intros {
    padding: 0px 60px 0px 15px;
  }
  .bg-ltblue .button {
    float: left;
  }
  .grid-box {
    display: block;
    min-height: auto !important;
  }

  .grid-box.rentabus {
    min-height: 0px !important;
  }

  .grid-box .grid-title {
    padding: 30px;
  }
  .grid-box:hover .grid-title {
    top: auto;
  }

  .grid-box .grid-arrow {
    display: none;
    opacity: 0;
  }
  .grid-box .grid-arrow .fa {
    transform: rotate(90deg);
    color: #ffffff;
  }
  .grid-box .link-list {
    position: relative;
    bottom: auto;
    opacity: 1;
    padding-bottom: 20px;
  }

  .grid-box .link-list ul li a {
    color: #ffffff !important;
  }

  .painpoint-block {
    padding-right: 0;
  }

  .fixed-title,
  .fixed-sharing {
    text-align: center;
    margin: 0.5em 0;
  }

  .benefits-child-content-block {
    padding: 0px;
  }
  .benefit-icon {
    text-align: left !important;
    padding: 0 0 10px 0;
  }
  #benefits-band.boxbreak:after {
    content: none;
  }
  #benefits-band.boxbreak.shown:after {
    content: none;
  }

  .wp-block-columns {
    margin-bottom: 0;
  }
  .wp-block-column {
    padding-right: 0px;
    flex-basis: 100% !important;
  }

  .wp-block-column:nth-child(2n) {
    margin-left: 0px !important;
  }

  .insights-list .video-box {
    min-height: 260px !important;
  }

  .hero-half-image {
    position: relative;
    height: 300px;
    top: auto;
    right: auto;
    width: 100%;
    background-size: cover;
    background-position: center;
  }

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

  .why-block {
    padding-bottom: 35%;
  }

  .why-block .why-block-content {
    max-height: 10000px;
  }
  .why-block .why-block-content span {
    padding: 20px 10px;
    opacity: 1;
  }

  .soy-image {
    height: 260px;
  }
}

@media screen and (max-width: 699px) {
  .searchform {
    width: 90%;
  }
  #menu-more-menu {
    width: 100%;
  }
  table {
    width: 100% !important; /* font-size: 80%; */
  }
}

@media screen and (max-width: 640px) {
  .gform_wrapper form li,
  .gform_wrapper li {
    padding-right: 0;
  }
}

@media screen and (max-width: 600px) {
  #hero-image {
    height: auto !important;
  }
  .logo {
    padding-left: 15px;
  }
  table {
    width: 100% !important;
  }

  .wp-block-image .alignleft,
  .wp-block-image .alignright {
    float: none !important;
    margin: 1em 0 !important;
    width: 100%;
  }
  .wp-block-image .alignleft img,
  .wp-block-image .alignright img {
    width: 100%;
  }

  .wp-block-column {
    padding-right: 0px;
    flex-basis: 100% !important;
  }

  input[type="text"].search-input::-webkit-input-placeholder {
    font-size: 16px;
  }
  input[type="text"].search-input::-moz-placeholder {
    font-size: 16px;
  }
  .search-input:-ms-input-placeholder {
    font-size: 16px;
  }
}

@media screen and (max-width: 575px) {
  .soy-image {
    height: 360px;
  }
}

@media screen and (max-width: 499px) {
  #menu-more-menu {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    margin: 30px auto;
    column-gap: 0;
  }

  form.search-form {
    display: block;
    width: 100%;
  }
  .search-form .search-submit {
    margin: 1em auto !important;
    display: block;
  }
  .alignleft,
  .alignright {
    float: none;
    display: block;
    margin: 1em auto;
  }
}

@media screen and (max-height: 499px) {
  .menu-contents ul {
    display: block;
  }
  .menu-contents ul li {
  }

  #hero-image {
    height: auto !important;
  }
}

/*-----ANIMATIONS -----*/
.come-in {
  margin-right: -40px;

  opacity: 0;
  animation: come-in 0.8s ease forwards;
}

.come-in:nth-child(1) {
  animation-duration: 0.4s;
}
.come-in:nth-child(2) {
  animation-duration: 0.6s;
}
.come-in:nth-child(3) {
  animation-duration: 0.8s;
}
.come-in:nth-child(4) {
  animation-duration: 1s;
}
.come-in:nth-child(5) {
  animation-duration: 1.2s;
}
.come-in:nth-child(6) {
  animation-duration: 1.4s;
}
.come-in:nth-child(7) {
  animation-duration: 1.6s;
}
.come-in:nth-child(8) {
  animation-duration: 1.8s;
}

.already-visible {
  margin-right: 0;

  opacity: 1;
  animation: none;
  margin-right: -40px;

  opacity: 0;
  animation: come-in 0.8s ease forwards;
}

@keyframes come-in {
  to {
    margin-right: 0;

    opacity: 1;
  }
}

@keyframes flipper {
  0% {
    bottom: 0;
    opacity: 1;
  }
  50% {
    bottom: 2rem;
    opacity: 0;
  }
  50.1% {
    bottom: -2rem;
    opacity: 0;
  }
  100% {
    bottom: 0;
    opacity: 1;
  }
}

.swipe-in {
  animation: swipe-in 0.4s ease forwards;
}
.grayswipy.swipe-in {
  animation: swipe-in-gray 0.4s ease forwards;
}
.swipe-in:nth-child(1) {
  animation-duration: 0.4s;
}
.swipe-in:nth-child(2) {
  animation-duration: 0.6s;
}
.swipe-in:nth-child(3) {
  animation-duration: 0.8s;
}
.swipe-in:nth-child(4) {
  animation-duration: 1s;
}
.swipe-in:nth-child(5) {
  animation-duration: 1.2s;
}
.swipe-in:nth-child(6) {
  animation-duration: 1.4s;
}
.swipe-in:nth-child(7) {
  animation-duration: 1.6s;
}
.swipe-in:nth-child(8) {
  animation-duration: 1.8s;
}

.already-swiped {
  animation: swipe-in 0.4s ease forwards;
}
.grayswipy.already-swiped {
  animation: swipe-in-gray 0.4s ease forwards;
}

.brackets-in:before,
.already-in:before {
  opacity: 0;
  animation: brackets-in-tl 1s ease forwards;
  z-index: 2;
}
.brackets-in:after,
.already-in:after {
  opacity: 0;
  animation: brackets-in-br 1s ease forwards;
}

/* Fixing bracket cover link */
.bracket_wrap {
}

@keyframes brackets-in-tl {
  to {
    border-top-width: 10px;
    border-left-width: 10px;
    top: 30px;
    left: 30px;
    opacity: 1;
  }
}
@keyframes brackets-in-br {
  to {
    border-bottom-width: 10px;
    border-right-width: 10px;
    bottom: 30px;
    right: 30px;
    opacity: 1;
  }
}

@keyframes swipe-in {
  0% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0ab00', endColorstr='#00f0ab00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  5% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 90%,
      rgba(240, 171, 0, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 90%,
      rgba(240, 171, 0, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 90%,
      rgba(240, 171, 0, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0ab00', endColorstr='#DA291C',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  10% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 80%,
      rgba(240, 171, 0, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 80%,
      rgba(240, 171, 0, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 80%,
      rgba(240, 171, 0, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0ab00', endColorstr='#DA291C',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  15% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 70%,
      rgba(240, 171, 0, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 70%,
      rgba(240, 171, 0, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 70%,
      rgba(240, 171, 0, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0ab00', endColorstr='#DA291C',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  20% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 60%,
      rgba(240, 171, 0, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 60%,
      rgba(240, 171, 0, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 60%,
      rgba(240, 171, 0, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0ab00', endColorstr='#DA291C',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  25% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 50%,
      rgba(240, 171, 0, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 50%,
      rgba(240, 171, 0, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 50%,
      rgba(240, 171, 0, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0ab00', endColorstr='#DA291C',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  30% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 40%,
      rgba(240, 171, 0, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 40%,
      rgba(240, 171, 0, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 40%,
      rgba(240, 171, 0, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0ab00', endColorstr='#DA291C',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  35% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 30%,
      rgba(240, 171, 0, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 30%,
      rgba(240, 171, 0, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 30%,
      rgba(240, 171, 0, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0ab00', endColorstr='#DA291C',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  40% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 20%,
      rgba(240, 171, 0, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 20%,
      rgba(240, 171, 0, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 20%,
      rgba(240, 171, 0, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0ab00', endColorstr='#DA291C',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  45% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 10%,
      rgba(240, 171, 0, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 10%,
      rgba(240, 171, 0, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 0) 10%,
      rgba(240, 171, 0, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0ab00', endColorstr='#DA291C',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  50% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(240, 171, 0, 0) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0ab00', endColorstr='#DA291C',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  55% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0.1) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0.1) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(240, 171, 0, 0.1) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1af0ab00', endColorstr='#DA291C',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  60% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0.2) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0.2) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(240, 171, 0, 0.2) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33f0ab00', endColorstr='#DA291C',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  65% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0.3) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0.3) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(240, 171, 0, 0.3) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4df0ab00', endColorstr='#DA291C',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  70% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0.4) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0.4) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(240, 171, 0, 0.4) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66f0ab00', endColorstr='#DA291C',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  75% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0.5) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0.5) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(240, 171, 0, 0.5) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80f0ab00', endColorstr='#DA291C',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  80% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0.6) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0.6) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(240, 171, 0, 0.6) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99f0ab00', endColorstr='#DA291C',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  85% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0.7) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0.7) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(240, 171, 0, 0.7) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3f0ab00', endColorstr='#DA291C',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  90% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0.8) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0.8) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(240, 171, 0, 0.8) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccf0ab00', endColorstr='#DA291C',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  95% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0.9) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 0.9) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(240, 171, 0, 0.9) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0ab00', endColorstr='#DA291C',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  100% {
    background: rgb(240, 171, 0); /* Old browsers */
    background: -moz-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 1) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(240, 171, 0, 1) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(240, 171, 0, 1) 0%,
      rgba(240, 171, 0, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DA291C', endColorstr='#DA291C',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
}

@keyframes swipe-in-gray {
  0% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6c4c5', endColorstr='#00c6c4c5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  5% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 90%,
      rgba(244, 244, 244, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 90%,
      rgba(244, 244, 244, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 90%,
      rgba(244, 244, 244, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6c4c5', endColorstr='#c6c4c5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  10% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 80%,
      rgba(244, 244, 244, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 80%,
      rgba(244, 244, 244, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 80%,
      rgba(244, 244, 244, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6c4c5', endColorstr='#c6c4c5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  15% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 70%,
      rgba(244, 244, 244, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 70%,
      rgba(244, 244, 244, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 70%,
      rgba(244, 244, 244, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6c4c5', endColorstr='#c6c4c5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  20% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 60%,
      rgba(244, 244, 244, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 60%,
      rgba(244, 244, 244, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 60%,
      rgba(244, 244, 244, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6c4c5', endColorstr='#c6c4c5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  25% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 50%,
      rgba(244, 244, 244, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 50%,
      rgba(244, 244, 244, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 50%,
      rgba(244, 244, 244, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6c4c5', endColorstr='#c6c4c5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  30% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 40%,
      rgba(244, 244, 244, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 40%,
      rgba(244, 244, 244, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 40%,
      rgba(244, 244, 244, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6c4c5', endColorstr='#c6c4c5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  35% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 30%,
      rgba(244, 244, 244, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 30%,
      rgba(244, 244, 244, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 30%,
      rgba(244, 244, 244, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6c4c5', endColorstr='#c6c4c5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  40% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 20%,
      rgba(244, 244, 244, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 20%,
      rgba(244, 244, 244, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 20%,
      rgba(244, 244, 244, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6c4c5', endColorstr='#c6c4c5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  45% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 10%,
      rgba(244, 244, 244, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 10%,
      rgba(244, 244, 244, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 0) 10%,
      rgba(244, 244, 244, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6c4c5', endColorstr='#c6c4c5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  50% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6c4c5', endColorstr='#c6c4c5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  55% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0.1) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0.1) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(244, 244, 244, 0.1) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ac6c4c5', endColorstr='#c6c4c5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  60% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0.2) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0.2) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(244, 244, 244, 0.2) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33c6c4c5', endColorstr='#c6c4c5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  65% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0.3) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0.3) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(244, 244, 244, 0.3) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dc6c4c5', endColorstr='#c6c4c5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  70% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0.4) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0.4) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(244, 244, 244, 0.4) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66c6c4c5', endColorstr='#c6c4c5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  75% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0.5) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0.5) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(244, 244, 244, 0.5) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c6c4c5', endColorstr='#c6c4c5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  80% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0.6) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0.6) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(244, 244, 244, 0.6) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99c6c4c5', endColorstr='#c6c4c5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  85% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0.7) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0.7) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(244, 244, 244, 0.7) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3c6c4c5', endColorstr='#c6c4c5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  90% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0.8) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0.8) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(244, 244, 244, 0.8) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc6c4c5', endColorstr='#c6c4c5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  95% {
    background: -moz-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0.9) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 0.9) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(244, 244, 244, 0.9) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6c6c4c5', endColorstr='#c6c4c5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  100% {
    background: rgb(244, 244, 244); /* Old browsers */
    background: -moz-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 1) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      rgba(244, 244, 244, 1) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      rgba(244, 244, 244, 1) 0%,
      rgba(244, 244, 244, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c4c5', endColorstr='#c6c4c5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
}

/* Box colors */
.bg-1 {
  background: #eceff1;
  color: #37474f;
}
.bg-2 {
  background: #7986cb;
  color: #eceff1;
}
.bg-3 {
  background: #37474f;
  color: #fff;
}

.grid-box.yellow-grid-box .navbutton {
  background: rgba(240, 171, 0, 1) !important;
  border: 2px solid rgba(255, 255, 255, 1) !important;
  color: white !important;
}
.grid-box.ltblue-grid-box .navbutton {
  background: #0b2265 !important;
  border: 2px solid rgba(255, 255, 255, 1) !important;
  color: white !important;
}
.grid-box.green-grid-box .navbutton {
  background: rgba(122, 184, 0, 1) !important;
  border: 2px solid rgba(255, 255, 255, 1) !important;
  color: white !important;
}
.grid-box.purple-grid-box .navbutton {
  background: rgba(102, 57, 183, 1) !important;
  border: 2px solid rgba(255, 255, 255, 1) !important;
  color: white !important;
}
.grid-box.orange-grid-box .navbutton {
  background: rgba(249, 70, 28, 1) !important;
  border: 2px solid rgba(255, 255, 255, 1) !important;
  color: white !important;
}
.grid-box.red-grid-box .navbutton {
  background: rgba(213, 43, 30, 1) !important;
  border: 2px solid rgba(255, 255, 255, 1) !important;
  color: white !important;
}

.grid-box.yellow-grid-box .navbutton:before {
  color: rgba(240, 171, 0, 1) !important;
  background: white !important;
}
.grid-box.ltblue-grid-box .navbutton:before {
  color: #0b2265 !important;
  background: white !important;
}
.grid-box.green-grid-box .navbutton:before {
  color: rgba(122, 184, 0, 1) !important;
  background: white !important;
}
.grid-box.purple-grid-box .navbutton:before {
  color: rgba(102, 57, 183, 1) !important;
  background: white !important;
}
.grid-box.orange-grid-box .navbutton:before {
  color: rgba(249, 70, 28, 1) !important;
  background: white !important;
}
.grid-box.red-grid-box .navbutton:before {
  color: rgba(213, 43, 30, 1) !important;
  background: white !important;
}

.navbutton:before {
  padding: 10px;
  font-size: 12px !important;
  line-height: 1em !important;
  font-family: "Barlow Semi Condensed";
  font-weight: 700;
  padding: 10px !important;
  text-decoration: none !important;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  max-width: 100%;
  white-space: normal;
  outline: none !important;
  position: relative;
}

/* Common navbutton styles */
.navbutton {
  margin: -2px;
  font-size: 12px !important;
  line-height: 1em !important;

  background: none !important;

  font-family: "Barlow Semi Condensed";
  font-weight: 700;
  padding: 10px !important;
  text-decoration: none !important;
  display: inline-block;
  cursor: pointer !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;

  box-shadow: none !important;
  text-shadow: none !important;

  text-transform: uppercase;
  text-align: center;
  max-width: 100%;
  white-space: normal;
  outline: none !important;

  position: relative;
}
.navbuttonwrap {
  width: 100%;
}
.navbutton:focus {
  outline: none;
}

/* Sizes */
.navbutton--size-s {
  font-size: 14px;
}
.navbutton--size-m {
  font-size: 16px;
}
.navbutton--size-l {
  font-size: 18px;
}

/* Typography and Roundedness */
.navbutton--text-upper {
  letter-spacing: 2px;
  text-transform: uppercase;
}
.navbutton--text-thin {
  font-weight: 300;
}
.navbutton--text-medium {
  font-weight: 500;
}
.navbutton--text-thick {
  font-weight: 600;
}
.navbutton--round-s {
  border-radius: 5px;
}
.navbutton--round-m {
  border-radius: 15px;
}
.navbutton--round-l {
  border-radius: 40px;
}

/* Borders */
.navbutton--border-thin {
  border: 1px solid;
}
.navbutton--border-medium {
  border: 2px solid;
}
.navbutton--border-thick {
  border: 3px solid;
}

/* Individual navbutton styles */

/* Winona */
.navbutton--winona {
  overflow: hidden;
  padding: 0;
  -webkit-transition: border-color 0.3s, background-color 0.3s;
  transition: border-color 0.3s, background-color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.navbutton--winona::after {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  color: #3f51b5;
  -webkit-transform: translate3d(0, 25%, 0);
  transform: translate3d(0, 25%, 0);
}
.navbutton--winona > span {
  display: block;
}
.navbutton--winona.navbutton--inverted {
  color: #7986cb;
}
.navbutton--winona.navbutton--inverted:after {
  color: #fff;
}
.navbutton--winona::after,
.navbutton--winona > span {
  padding: 1em 2em;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.navbutton--winona:hover {
  border-color: #3f51b5;
  background-color: rgba(63, 81, 181, 0.1);
}
.navbutton--winona.navbutton--inverted:hover {
  border-color: #21333c;
  background-color: #21333c;
}
.navbutton--winona:hover::after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.navbutton--winona:hover > span {
  opacity: 0;
  -webkit-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0);
}

/* Ujarak */
.navbutton--ujarak {
  -webkit-transition: border-color 0.4s, color 0.4s;
  transition: border-color 0.4s, color 0.4s;
}
.navbutton--ujarak::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #37474f;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.navbutton--ujarak.navbutton--round-s::before {
  border-radius: 2px;
}
.navbutton--ujarak.navbutton--inverted::before {
  background: #7986cb;
}
.navbutton--ujarak,
.navbutton--ujarak::before {
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.navbutton--ujarak:hover {
  color: #fff;
  border-color: #37474f;
}
.navbutton--ujarak.navbutton--inverted:hover {
  color: #37474f;
  border-color: #fff;
}
.navbutton--ujarak:hover::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Wayra */
.navbutton--wayra {
  overflow: hidden;
  width: 245px;
  -webkit-transition: border-color 0.3s, color 0.3s;
  transition: border-color 0.3s, color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.navbutton--wayra::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  background: #37474f;
  z-index: -1;
  -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s,
    background-color 0.3s;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
.navbutton--wayra:hover {
  color: #fff;
  border-color: #3f51b5;
}
.navbutton--wayra.navbutton--inverted:hover {
  color: #3f51b5;
  border-color: #fff;
}
.navbutton--wayra:hover::before {
  opacity: 1;
  background-color: #3f51b5;
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.navbutton--wayra.navbutton--inverted:hover::before {
  background-color: #fff;
}

/* Tamaya */
.navbutton--tamaya {
  overflow: hidden;
  color: #7986cb;
  min-width: 180px;
}
.navbutton--tamaya.navbutton--inverted {
  color: #37474f;
  border-color: #37474f;
}
.navbutton--tamaya::before,
.navbutton--tamaya::after {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  background: #7986cb;
  color: #fff;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.navbutton--tamaya.navbutton--inverted::before,
.navbutton--tamaya.navbutton--inverted::after {
  background: #fff;
  color: #37474f;
}
.navbutton--tamaya::before {
  top: 0;
  padding-top: 1em;
}
.navbutton--tamaya::after {
  bottom: 0;
  line-height: 0;
}
.navbutton--tamaya > span {
  display: block;
  -webkit-transform: scale3d(0.2, 0.2, 1);
  transform: scale3d(0.2, 0.2, 1);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.navbutton--tamaya:hover::before {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.navbutton--tamaya:hover::after {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.navbutton--tamaya:hover > span {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

/* Rayen */
.navbutton--rayen {
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.navbutton--rayen::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #7986cb;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.navbutton--rayen.navbutton--inverted::before {
  background: #fff;
  color: #37474f;
}
.navbutton--rayen > span {
  display: block;
}
.navbutton--rayen::before,
.navbutton--rayen > span {
  padding: 1em 2em;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(1.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(1.75, 0, 0.125, 1);
}
.navbutton--rayen:hover::before {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.navbutton--rayen:hover > span {
  -webkit-transform: translate3d(100%, 100%, 0);
  transform: translate3d(50%, -100%, 10%);
}

/* Pipaluk */
.navbutton--pipaluk {
  width: 240px;
  padding: 1.5em 3em;
  color: #fff;
}
.navbutton--pipaluk.navbutton--inverted {
  color: #7986cb;
}
.navbutton--pipaluk::before,
.navbutton--pipaluk::after {
  content: "";
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
}
.navbutton--pipaluk::before {
  border: 2px solid #7986cb;
}
.navbutton--pipaluk.navbutton--inverted::before {
  border-color: #fff;
}
.navbutton--pipaluk::after {
  background: #7986cb;
}
.navbutton--pipaluk.navbutton--inverted::after {
  background: #fff;
}
.navbutton--pipaluk:hover::before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.navbutton--pipaluk::before,
.navbutton--pipaluk:hover::after {
  -webkit-transform: scale3d(0.7, 0.7, 1);
  transform: scale3d(0.7, 0.7, 1);
}
.navbutton--pipaluk:hover::after {
  background-color: #3f51b5;
}
.navbutton--pipaluk.navbutton--inverted:hover::after {
  background-color: #fff;
}

/* Nuka */
.navbutton--nuka {
  margin: 1em 2em;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.navbutton--nuka.navbutton--inverted {
  color: #37474f;
}
.navbutton--nuka::before,
.navbutton--nuka::after {
  content: "";
  position: absolute;
  border-radius: inherit;
  background: #7986cb;
  z-index: -1;
}
.navbutton--nuka::before {
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
  opacity: 0.2;
  -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}
.navbutton--nuka::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale3d(1.1, 1, 1);
  transform: scale3d(1.1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s;
}
.navbutton--nuka::before,
.navbutton--nuka::after {
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.navbutton--nuka.navbutton--inverted::before,
.navbutton--nuka.navbutton--inverted::after {
  background: #fff;
}
.navbutton--nuka:hover {
  color: #fff;
}
.navbutton--nuka:hover::before {
  opacity: 1;
}
.navbutton--nuka:hover::after {
  background-color: #37474f;
}
.navbutton--nuka.navbutton--inverted:hover::after {
  background-color: #7986cb;
}
.navbutton--nuka:hover::after,
.navbutton--nuka:hover::before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

/* Moema */
.navbutton--moema {
  padding: 1.5em 3em;
  border-radius: 50px;
  background: #7986cb;
  color: #fff;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}
.navbutton--moema.navbutton--inverted {
  background: #eceff1;
  color: #37474f;
}
.navbutton--moema::before {
  content: "";
  position: absolute;
  top: -20px;
  left: -20px;
  bottom: -20px;
  right: -20px;
  background: inherit;
  border-radius: 50px;
  z-index: -1;
  opacity: 0.4;
  -webkit-transform: scale3d(0.8, 0.5, 1);
  transform: scale3d(0.8, 0.5, 1);
}
.navbutton--moema:hover {
  -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
  transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
  color: #eceff1;
  background-color: #3f51b5;
  -webkit-animation: anim-moema-1 0.3s forwards;
  animation: anim-moema-1 0.3s forwards;
}
.navbutton--moema.navbutton--inverted:hover {
  color: #eceff1;
  background-color: #7986cb;
}
.navbutton--moema:hover::before {
  -webkit-animation: anim-moema-2 0.3s 0.3s forwards;
  animation: anim-moema-2 0.3s 0.3s forwards;
}
@-webkit-keyframes anim-moema-1 {
  60% {
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
  }
  85% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes anim-moema-1 {
  60% {
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
  }
  85% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes anim-moema-2 {
  to {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes anim-moema-2 {
  to {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.coin {
  width: 40%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -80px;
}
.coin_text {
  color: #6c6d70;
  font-size: 18px;
  padding: 20px 40px;
  font-family: "Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 600;
  line-height: 1.5em;
}
/* Isi */
.navbutton--isi {
  padding: 1.2em 2em;
  color: #fff;
  background: #7986cb;
  overflow: hidden;
}
.navbutton--isi::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 100%;
  margin: -15px 0 0 1px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #3f51b5;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: scale3d(1, 2, 1);
  transform: scale3d(1, 2, 1);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
}
.navbutton--isi .navbutton__icon {
  vertical-align: middle;
}
.navbutton--isi > span {
  vertical-align: middle;
  padding-left: 0.75em;
}
.navbutton--isi:hover::before {
  -webkit-transform: scale3d(9, 9, 1);
  transform: scale3d(9, 9, 1);
}

/* Aylen */
.navbutton.navbutton--aylen {
  background: #fff;
  color: #37474f;
  overflow: hidden;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.navbutton--aylen.navbutton--inverted {
  background: none;
  color: #fff;
}
.navbutton--aylen::before,
.navbutton--aylen::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 100%;
  left: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.navbutton--aylen::before {
  background: #7986cb;
}
.navbutton--aylen::after {
  background: #3f51b5;
}
.navbutton--aylen:hover {
  color: #fff;
}
.navbutton--aylen:hover::before,
.navbutton--aylen:hover::after {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.navbutton--aylen:hover::after {
  -webkit-transition-delay: 0.175s;
  transition-delay: 0.175s;
}

/* Saqui */
.navbutton.navbutton--saqui {
  overflow: hidden;
  color: #fff;
  background: #37474f;
  -webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;
  transition: background-color 0.3s ease-in, color 0.3s ease-in;
}
.navbutton--saqui.navbutton--inverted {
  background: #fff;
  color: #37474f;
}
.navbutton--saqui::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1em 2em;
  color: #37474f;
  -webkit-transform-origin: -25% 50%;
  transform-origin: -25% 50%;
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
  -webkit-transition: -webkit-transform 0.3s ease-in;
  transition: transform 0.3s ease-in;
}
.navbutton--saqui.navbutton--inverted::after {
  color: #fff;
}
.navbutton--saqui:hover::after,
.navbutton--saqui:hover {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.navbutton--saqui:hover {
  background-color: #7986cb;
  color: #7986cb;
}
.navbutton--saqui.navbutton--inverted:hover {
  background-color: #3f51b5;
  color: #3f51b5;
}
.navbutton--saqui:hover::after {
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);
}

/* Wapasha */
.navbutton.navbutton--wapasha {
  background: #37474f;
  color: #fff;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}
.navbutton--wapasha.navbutton--inverted {
  background: #fff;
  color: #37474f;
}
.navbutton--wapasha::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #3f51b5;
  z-index: -1;
  border-radius: inherit;
  opacity: 0;
  -webkit-transform: scale3d(0.6, 0.6, 1);
  transform: scale3d(0.6, 0.6, 1);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.navbutton--wapasha.navbutton--inverted::before {
  border-color: #7986cb;
}
.navbutton--wapasha:hover {
  background-color: #fff;
  color: #3f51b5;
}
.navbutton--wapasha.navbutton--inverted:hover {
  background-color: #37474f;
  color: #7986cb;
}
.navbutton--wapasha:hover::before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

/* Nina */
.navbutton--nina {
  padding: 0 2em;
  background: #7986cb;
  color: #fff;
  overflow: hidden;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.navbutton--nina.navbutton--inverted {
  background: #fff;
  color: #7986cb;
}
.navbutton--nina > span {
  display: inline-block;
  padding: 1em 0;
  opacity: 0;
  color: #fff;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.navbutton--nina::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1em 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.navbutton--nina:hover {
  background-color: #3f51b5;
}
.navbutton--nina:hover::before {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.navbutton--nina:hover > span {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.navbutton--nina:hover > span:nth-child(1) {
  -webkit-transition-delay: 0.045s;
  transition-delay: 0.045s;
}
.navbutton--nina:hover > span:nth-child(2) {
  -webkit-transition-delay: 0.09s;
  transition-delay: 0.09s;
}
.navbutton--nina:hover > span:nth-child(3) {
  -webkit-transition-delay: 0.135s;
  transition-delay: 0.135s;
}
.navbutton--nina:hover > span:nth-child(4) {
  -webkit-transition-delay: 0.18s;
  transition-delay: 0.18s;
}
.navbutton--nina:hover > span:nth-child(5) {
  -webkit-transition-delay: 0.225s;
  transition-delay: 0.225s;
}
.navbutton--nina:hover > span:nth-child(6) {
  -webkit-transition-delay: 0.27s;
  transition-delay: 0.27s;
}
.navbutton--nina:hover > span:nth-child(7) {
  -webkit-transition-delay: 0.315s;
  transition-delay: 0.315s;
}
.navbutton--nina:hover > span:nth-child(8) {
  -webkit-transition-delay: 0.36s;
  transition-delay: 0.36s;
}
.navbutton--nina:hover > span:nth-child(9) {
  -webkit-transition-delay: 0.405s;
  transition-delay: 0.405s;
}
.navbutton--nina:hover > span:nth-child(10) {
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
}

/* Nanuk */
.navbutton--nanuk {
  padding: 0 2em;
  overflow: hidden;
  background: #7986cb;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.navbutton--nanuk.navbutton--inverted {
  background: #fff;
  color: #7986cb;
}
.navbutton--nanuk > span {
  display: inline-block;
  padding: 1em 0;
}
.navbutton--nanuk:hover {
  background-color: #3f51b5;
}
.navbutton--nanuk:hover > span:nth-child(odd) {
  -webkit-animation: anim-nanuk-1 0.5s forwards;
  animation: anim-nanuk-1 0.5s forwards;
}
.navbutton--nanuk:hover > span:nth-child(even) {
  -webkit-animation: anim-nanuk-2 0.5s forwards;
  animation: anim-nanuk-2 0.5s forwards;
}
.navbutton--nanuk:hover > span:nth-child(odd),
.navbutton--nanuk:hover > span:nth-child(even) {
  -webkit-animation-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-animation-function: cubic-bezier(0.75, 0, 0.125, 1);
}
@-webkit-keyframes anim-nanuk-1 {
  0%,
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  49% {
    opacity: 1;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    color: inherit;
  }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    color: #fff;
  }
  100% {
    color: #fff;
  }
}
@keyframes anim-nanuk-1 {
  0%,
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  49% {
    opacity: 1;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    color: inherit;
  }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    color: #fff;
  }
  100% {
    color: #fff;
  }
}
@-webkit-keyframes anim-nanuk-2 {
  0%,
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  49% {
    opacity: 1;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    color: inherit;
  }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    color: #fff;
  }
  100% {
    color: #fff;
  }
}
@keyframes anim-nanuk-2 {
  0%,
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  49% {
    opacity: 1;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    color: inherit;
  }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    color: #fff;
  }
  100% {
    color: #fff;
  }
}
.navbutton--nanuk:hover > span:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.navbutton--nanuk:hover > span:nth-child(2) {
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s;
}
.navbutton--nanuk:hover > span:nth-child(3) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.navbutton--nanuk:hover > span:nth-child(4) {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
.navbutton--nanuk:hover > span:nth-child(5) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.navbutton--nanuk:hover > span:nth-child(6) {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.navbutton--nanuk:hover > span:nth-child(7) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.navbutton--nanuk:hover > span:nth-child(8) {
  -webkit-animation-delay: 0.35s;
  animation-delay: 0.35s;
}
.navbutton--nanuk:hover > span:nth-child(9) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.navbutton--nanuk:hover > span:nth-child(10) {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
.navbutton--nanuk:hover > span:nth-child(11) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

/* Antiman */
.navbutton--antiman {
  background: none;
  border: none;
  height: 60px;
}
.navbutton--antiman.navbutton--inverted,
.navbutton--antiman.navbutton--inverted-alt {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.navbutton--antiman > span {
  padding-left: 0.35em;
}
.navbutton--antiman::before,
.navbutton--antiman::after {
  content: "";
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.navbutton--antiman::before {
  border: 2px solid #37474f;
  opacity: 0;
  -webkit-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1);
}
.navbutton--antiman.navbutton--border-thin::before {
  border-width: 1px;
}
.navbutton--antiman.navbutton--border-medium::before {
  border-width: 2px;
}
.navbutton--antiman.navbutton--border-thick::before {
  border-width: 3px;
}
.navbutton--antiman.navbutton--inverted::before {
  border-color: #7986cb;
}
.navbutton--antiman.navbutton--inverted-alt::before {
  border-color: #3f51b5;
}
.navbutton--antiman::after {
  background: #fff;
}
.navbutton--antiman.navbutton--inverted::after {
  background: #7986cb;
}
.navbutton--antiman.navbutton--inverted-alt::after {
  background: #3f51b5;
}
.navbutton--antiman.navbutton--inverted:hover {
  color: #7986cb;
}
.navbutton--antiman.navbutton--inverted-alt:hover {
  color: #3f51b5;
}
.navbutton--antiman:hover::before {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.navbutton--antiman:hover::after {
  opacity: 0;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
}

/* Itzel */
.navbutton--itzel {
  border: none;
  padding: 0px;
  overflow: hidden;
  width: 255px;
}
.navbutton--itzel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid;
  border-radius: inherit;
  -webkit-clip-path: polygon(
    0% 0%,
    0% 100%,
    35% 100%,
    35% 60%,
    65% 60%,
    65% 100%,
    100% 100%,
    100% 0%
  );
  clip-path: url(../index.html#clipBox);
  -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
  transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.navbutton--itzel.navbutton--border-thin::before {
  border: 1px solid;
  -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0);
  transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0);
}
.navbutton--itzel.navbutton--border-thick::before {
  border: 3px solid;
  -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);
  transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);
}

.navbutton--itzel::before,
.navbutton--itzel .navbutton__icon {
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.navbutton--itzel .navbutton__icon {
  position: absolute;
  top: 100%;
  left: 50%;
  padding: 20px;
  font-size: 20px;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.navbutton--itzel > span {
  display: block;
  padding: 20px;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.navbutton--itzel:hover::before {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.navbutton--itzel:hover .navbutton__icon {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: translate3d(-50%, -100%, 0);
  transform: translate3d(-50%, -100%, 0);
}
.navbutton--itzel:hover > span {
  opacity: 0;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

/* Naira */
.navbutton--naira {
  padding: 0;
  overflow: hidden;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.navbutton--naira::before {
  content: "";
  position: absolute;
  left: -50%;
  width: 200%;
  height: 200%;
  background: #37474f;
  top: -50%;
  z-index: -1;
  -webkit-transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg);
  transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg);
}
.navbutton--naira.navbutton--inverted::before {
  background: #7986cb;
}
.navbutton--naira-up::before {
  -webkit-transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg);
  transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg);
}
.navbutton--naira > span {
  display: block;
}
.navbutton--naira .navbutton__icon {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  color: #fff;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.navbutton--naira-up .navbutton__icon {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.navbutton--naira > span,
.navbutton--naira .navbutton__icon {
  padding: 1em 2em;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.navbutton--naira:hover::before {
  -webkit-animation: anim-naira-1 0.3s forwards ease-in;
  animation: anim-naira-1 0.3s forwards ease-in;
}
.navbutton--naira-up:hover::before {
  -webkit-animation: anim-naira-2 0.3s forwards ease-in;
  animation: anim-naira-2 0.3s forwards ease-in;
}
@-webkit-keyframes anim-naira-1 {
  50% {
    -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
    transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
    transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes anim-naira-1 {
  50% {
    -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
    transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
    transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes anim-naira-2 {
  50% {
    -webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
    transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
    transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes anim-naira-2 {
  50% {
    -webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
    transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
    transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
  }
}
.navbutton--naira:hover {
  background-color: #37474f;
  -webkit-transition: background-color 0s 0.3s;
  transition: background-color 0s 0.3s;
}
.navbutton--naira.navbutton--inverted:hover {
  background-color: #7986cb;
}
.navbutton--naira:hover .navbutton__icon {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.navbutton--naira:hover > span {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.navbutton--naira-up:hover > span {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

/* Quidel */
.navbutton--quidel {
  background: #7986cb;
  color: #7986cb;
  overflow: hidden;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.navbutton--quidel.navbutton--inverted {
  background: #fff;
  color: #fff;
}
.navbutton--quidel::before,
.navbutton--quidel::after {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: inherit;
}
.navbutton--quidel::after {
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: #fff;
}
.navbutton--quidel.navbutton--inverted::after {
  background: #37474f;
}
.navbutton--quidel::before {
  background: #37474f;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.navbutton--quidel.navbutton--inverted::before {
  background: #7986cb;
}
.navbutton--round-s.navbutton--quidel::after {
  border-radius: 3px;
}
.navbutton--round-m.navbutton--quidel::after {
  border-radius: 13px;
}
.navbutton--round-l.navbutton--quidel::after {
  border-radius: 40px;
}
.navbutton--quidel > span {
  padding-left: 0.35em;
}
.navbutton--quidel:hover {
  color: #37474f;
}
.navbutton--quidel.navbutton--inverted:hover {
  color: #7986cb;
}
.navbutton--quidel:hover::before {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Sacnite */
.navbutton.navbutton--sacnite {
  width: 70px;
  height: 70px;
  min-width: 0;
  padding: 0;
  color: #fff;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.navbutton--scanite.navbutton--round-l {
  border-radius: 50%;
}
.navbutton--sacnite.navbutton--inverted {
  color: #37474f;
}
.navbutton--sacnite::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  z-index: -1;
  box-shadow: inset 0 0 0 35px #37474f;
  -webkit-transform: scale3d(0.9, 0.9, 1);
  transform: scale3d(0.9, 0.9, 1);
  -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
  transition: box-shadow 0.3s, transform 0.3s;
}
.navbutton--sacnite.navbutton--inverted::before {
  box-shadow: inset 0 0 0 35px #fff;
}
.navbutton--sacnite .navbutton__icon {
  font-size: 22px;
  width: 22px;
}
.navbutton--sacnite > span {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.navbutton--sacnite:hover {
  color: #37474f;
}
.navbutton--sacnite.navbutton--inverted:hover {
  color: #fff;
}
.navbutton--sacnite:hover::before {
  box-shadow: inset 0 0 0 2px #37474f;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.navbutton--sacnite.navbutton--inverted:hover::before {
  box-shadow: inset 0 0 0 2px #fff;
}
.cli_settings_button {
  display: none;
}

/* Shikoba */
.navbutton.navbutton--shikoba {
  padding: 1em 30px 1em 50px;
  overflow: hidden;
  background: #fff;
  color: #37474f;
  border-color: #37474f;
  -webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.navbutton--shikoba.navbutton--inverted {
  color: #fff;
  background: #7986cb;
}
.navbutton--shikoba > span {
  display: inline-block;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.navbutton--shikoba .navbutton__icon {
  position: absolute;
  left: 20px;
  font-size: 18px;
  -webkit-transform: translate3d(-40px, 2.5em, 0);
  transform: translate3d(-40px, 2.5em, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.navbutton--shikoba:hover .navbutton__icon,
.navbutton--shikoba:hover > span {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.navbutton--shikoba:hover {
  background: #3f51b5;
  border-color: #3f51b5;
  color: #fff;
}
.homeService {
  padding-top: 240px;
  margin-top: -273px;
}
@media screen and (max-width: 991px) {
  .grid-box.yellow-grid-box .navbutton,
  .grid-box.ltblue-grid-box .navbutton,
  .grid-box.green-grid-box .navbutton,
  .grid-box.purple-grid-box .navbutton,
  .grid-box.orange-grid-box .navbutton,
  .grid-box.red-grid-box .navbutton {
    border: 2px solid #ffffff !important;
  }
}

#input_2_7 {
  position: relative !important;
}
#input_2_7 li {
  padding: 0 !important;
  width: 25% !important;
  display: inline-block !important;
  float: left !important;
  height: 35px !important;
  margin-bottom: 0px;
}
#input_2_7 input {
  margin-bottom: -28px;
  width: auto !important;
}
#input_2_7 label {
  margin-left: 10px;
}
#field_2_7 label {
  top: 18px !important;
}
#field_2_7 .gchoice {
  padding-bottom: 10px;
}

#input_11_7 {
  position: relative !important;
}
#input_11_7 li {
  padding: 0 !important;
  width: 25% !important;
  display: inline-block !important;
  float: left !important;
  height: 35px !important;
  margin-bottom: 0px;
}
#input_11_7 input {
  margin-bottom: -28px;
  width: auto !important;
}

#input_13_7 {
  position: relative !important;
}
#input_13_7 li {
  padding: 0 !important;
  width: 25% !important;
  display: inline-block !important;
  float: left !important;
  height: 35px !important;
  margin-bottom: 0px;
}
#input_13_7 input {
  margin-bottom: -28px;
  width: auto !important;
}
#input_13_7 label {
  margin-left: 10px;
}

#field_13_7 .gchoice {
  padding-bottom: 10px;
}

#input_14_7 {
  position: relative !important;
}
#input_14_7 li {
  padding: 0 !important;
  width: 25% !important;
  display: inline-block !important;
  float: left !important;
  height: 35px !important;
  margin-bottom: 0px;
}
#input_14_7 input {
  margin-bottom: -28px;
  width: auto !important;
}
#input_14_7 label {
  margin-left: 10px;
}

#field_14_7 .gchoice {
  padding-bottom: 10px;
}
.signup-form p a {
  text-decoration: underline;
}

#input_15_7 {
  position: relative !important;
}
#input_15_7 li {
  padding: 0 !important;
  width: 25% !important;
  display: inline-block !important;
  float: left !important;
  height: 35px !important;
  margin-bottom: 0px;
}
#input_15_7 input {
  margin-bottom: -28px;
  width: auto !important;
}
#input_15_7 label {
  margin-left: 10px;
}

#field_15_7 .gchoice {
  padding-bottom: 10px;
}

.medFantCTA p {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 29px; /* 120.833% */
  letter-spacing: 1px;
}
#field_11_7 .gfield_label {
}
#gform_submit_button_2 {
  margin-top: 50px;
}
#gform_submit_button_11 {
  margin-top: 50px;
}
@media screen and (max-width: 600px) {
  #input_2_7 li {
    width: 100% !important;
  }
  #input_11_7 li {
    width: 100% !important;
  }
}
@media screen and (min-width: 769px) {
  .fact-block:not(".bootfact") {
    display: table-cell;
    width: 50%;
  }
}
@media screen and (max-width: 700px) {
  .page-template-page-firstviewChild .bootfact {
    text-align: left !important;
    float: left;
  }
  .slantMLeft h3,
  .slantMLeft h2 {
    text-align: left !important;
  }
  .mcThird {
    width: 100% !important;
    display: block;
    padding: 30px !important;
  }
}
@media screen and (min-width: 991px) {
  .filterBlock {
    padding-bottom: 100px;
  }
  .line-divide {
    float: right;
    height: 100%;
    width: 1px;
    background: #6c6d70;
    position: absolute;
    top: 0px;
    right: 0px;
  }
  .facts-wrapper {
    display: table;
  }
  .fact-block:not(".bootfact") {
    display: block;
    width: 25%;
    float: left;
    vertical-align: top !important;
  }
}
.benefits-block-cta-wrapper p {
  padding-top: 16px;
}

.cookie_text {
  width: 70%;
  text-align: left;
  display: inline-block;
}
.cookie_buttons a {
  border-radius: 20px 20px 20px 20px;
  border: 2px solid #ca005d;
  font-weight: bold !important;
  font-size: 16px;
}
table .openmenu_cta h3 {
  color: white !important;
  text-decoration: none;
}
.stylingblock-content-wrapper label {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}
.layout-canvas-g > .section {
  margin: 0px;
}

.openmenu-overlay.search-opened {
  position: fixed;
  z-index: 9990;
  width: 100%;
  height: 100%;
  /* 		top:60px; */
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
}

.smartcapture-controls {
  min-width: 400px !important;
}

@media screen and (max-width: 700px) {
  .smartcapture-controls {
    min-width: 300px !important;
  }
  .mcheroimg {
    display: none;
  }
}

.banner-container {
  background: #152266;
  height: 38px;
}
.banner-menu {
  margin-right: 0px;
  margin-left: auto;
}
.banner-container ul {
  display: block;
  text-align: right;
}
.banner-container ul li {
  list-style: none;
  display: inline-block;
}
.banner-container ul li a {
  width: 100%;
  display: block;
  padding: 10px 20px;
  text-decoration: none !important;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */

  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.05em;

  /* Neutral Colors/White-FFFFFF */

  color: #ffffff;
}
.openTrigger:link {
  text-decoration: none !important;
}
#menu-item-4667 a:link {
  text-decoration: none !important;
}
.contentMenu a,
.subrow a {
  /* text-decoration-line: none; */
}
.banner-container ul li a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  line-height: 125%;
}
.banner-container .sub-menu {
  background-color: #da291c;
  list-style: none;
  padding-right: 0;
  position: absolute;
  opacity: 0;
  z-index: 90009;
  text-align: left;
  padding: 0px;
  min-width: 200px;
  display: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.banner-container .sub-menu ul li {
  padding-right: 30px;
}

.banner-container li#menu-item-4655 .sub-menu li:hover {
  background: #152266 !important;
}
.banner-container li#menu-item-4655:hover .sub-menu {
  max-height: 10000px;
  opacity: 1;
  display: grid;
}

.about_opened .sub-menu {
  max-height: 10000px;
  opacity: 1;
  display: grid;
}

.about_opened .sub-menu li:hover {
  background: #152266 !important;
}

.banner-container li:hover .sub-menu {
}

.banner-container li.mainmenu-partner .sub-menu {
  margin-top: -1px;
  max-height: 0;
  overflow: hidden;
  width: 850px;
  left: 50%;
  margin-left: -270px;
  border: 1px solid #ababab;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.leftMenu {
  background: #0b2265;
  /*min-height: 600px;*/
  padding: 0px;
  /* 	height: 100%; */
}
.subrow {
  margin: 0px;
}
.subrow ul {
  display: block;
}
.leftMenu ul {
  width: 100% !important;
}
.leftMenu ul li {
  padding: 0px !important;
  margin: 0px !important;
}

.leftMenu li:hover {
  background: #da291c !important;
}
.leftMenu li a:hover {
  color: white !important;
}

.acceptActive.activeMenu {
  background: #da291c;
  color: white;
}

.subrow .navTitle,
.subrow .navTitle a {
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 600 !important;
  font-size: 28px !important;
  line-height: 36px;
  display: flex;
  align-items: center;
  /* text-decoration-line: none; */
  text-transform: uppercase;
  letter-spacing: 2px;
}

.gform_legacy_markup_wrapper li.gfield.gfield_error,
.gform_legacy_markup_wrapper
  li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: rgba(255, 255, 255, 0) !important;
  border-top: 0px !important;
  border-bottom: 0px !important;
}
.gfield {
  position: relative;
}
.validation_message {
  /* 	position: absolute; */
  /*     top: 40px; */
  background-color: rgba(255, 255, 255, 0) !important;
  border-top: 0px !important;
  padding: 0px !important;
  border: 0px !important;
  margin-top: 0px !important;
}

.gfield_error .gfield_radio label,
.gfield_error .gfield_checkbox label {
  padding-bottom: 0px !important;
}
.gform_wrapper .gfield_error label,
.gform_wrapper .gfield_error legend {
  color: #333333 !important;
}
.radioValidation {
  top: -25px;
  left: 0px;
}

#field_3_45 .validation_message {
  padding-top: 0px !important;
}
.gform_validation_errors > h2 {
  font-size: 16px !important;
}
.gfield_error input[type="text"] {
  background: url(/wp-content/uploads/icon-1.png) no-repeat left;
  background-size: 15px;
  background-position: right 5px bottom 5px;
}
.gform_legacy_markup_wrapper .gfield_error .gfield_label {
  color: #333333 !important;
}
.site-footer .gform_legacy_markup_wrapper .gfield_error .gfield_label {
  color: white !important;
}
.site-footer .gform_legacy_markup_wrapper .validation_message {
  color: white !important;
}
.gform_legacy_markup_wrapper div.validation_error {
  border-top: 1px solid #da291c !important;
  border-bottom: 1px solid #da291c !important;
}
.gform_validation_errors {
  border: 1px solid #da291c !important;
  border-radius: 0px !important;
}
.main-navigation ul li:hover .sub-menu .contentMenu {
  padding: 40px 15px 40px 90px;
}

.main-navigation ul li:hover .sub-menu .contentMenu p {
  margin: 0;
}
.main-navigation ul li:hover .sub-menu .contentMenu p:first-child {
  margin-bottom: 20px;
}
.main-navigation ul li:hover .sub-menu .contentMenu a {
  padding: 0.5em 0;
}
.main-navigation ul li:hover .sub-menu .contentMenu .left-content a:hover {
  text-decoration: none !important;
}

.contentMenu iframe {
  height: auto;
  width: auto;
  text-align: center;
  margin: auto;
  display: block;
}

.menuContentBlock {
  position: absolute;
  opacity: 0;
}
.menuContentBlock.activeContentBlock {
  position: relative;
  opacity: 1;
}
.searchWell .btn {
  margin: 0px;
  border-radius: 0px;
}
.searchWell input {
  border-radius: 0px;
}
.featured-image-blog {
  padding: 10px;
}
.filterButton {
  width: 100%;
  border-radius: 0px;
}
.pagesNav li a,
.pagesNav li a:hover,
.pagesNav li.active a,
.pagesNav li.disabled {
  color: white !important;
  text-decoration: none;
}
.pagesNav ul {
  padding-left: 0px;
}

.pagesNav li {
  display: inline;
}

.pagesNav li a,
.pagesNav li a:hover,
.pagesNav li.active a,
.pagesNav li.disabled {
  background-color: #0c2367 !important;
  cursor: pointer;
  padding: 12px;
  padding: 0.75rem;
}

.pagination li a,
.pagination li a:hover,
.pagination li .page-link,
.pagination li.active a {
  background-color: #f5f6fb !important;
  cursor: pointer;
  padding: 12px;
  padding: 0.75rem !important;
  color: #007ac9 !important;
  border-radius: 0px !important;
  border: 0px !important;
  margin: 0px 5px;
}
.pagination li a {
  text-decoration: none;
}

.pagination li .dots {
  /*     background-color: #0c2367 !important; */
  padding: 10px;
  color: black;
  border-radius: 0px !important;
  border: 0px !important;
  margin: 0px 5px;
  float: left;
}
.pagination li .current {
  background-color: #007ac9 !important ;
  padding: 10px 12px;
  color: white;
  border-radius: 0px !important;
  border: 0px !important;
  margin: 0px 5px;
  float: left;
}

.pagesNav li a:hover,
.pagesNav li.active {
  background-color: #007ac9 !important;
}
.pagesNav li a:hover,
.pagesNav li.active,
.pagesNav li.active a {
  background-color: #007ac9 !important;
}

.pagination .page-item:last-child .page-link {
  border-radius: 0px !important;
}

.pagination li a:hover,
.pagination li.active a {
  background-color: #007ac9 !important;
  color: #fff !important;
}
.pagination .page-item.disabled .page-link {
  background: none;
  color: white;
  border: 0px;
  padding: 0px;
}

.pagination .page-item.active .page-link {
  background-color: #0c2367 !important;
  color: white;
  border: 0px;
  padding: 0px;
}
.pagination .page-item {
  border: none;
}
.mobileFilters {
  width: 100%;
  border-radius: 0px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #da291c !important;
}

.owl-theme .owl-dots .owl-dot span {
  background: #0b2265 !important;
}
.mobileFilters {
  display: none !important;
}
@media screen and (max-width: 992px) {
  .statementBand p {
    font-size: 26px;
    font-weight: 400;
  }
  .timelineItem {
    width: 50% !important;
    margin-bottom: 20px;
  }
  .lines {
    display: none;
  }
  .mainSidebar {
    display: none;
  }
  .mobileFilters {
    display: block !important;
  }

  .mobileHero {
    display: block !important;
  }
  .desktopHero {
    display: none;
  }
}

.gform_wrapper.gravity-theme .gfield_label {
  color: #0b2265 !important;
}
#field_20_8 .gfield_label {
  margin-bottom: 30px !important;
}
.gform_wrapper.gravity-theme .gfield_label.pink {
  color: #da291c !important;
}
.gform_wrapper.gravity-theme .gfield_required {
  color: #0b2265 !important;
}
.bus_filters nav {
  width: 100%;
  overflow: scroll;
}

/* // custom form items  */

@media screen and (max-width: 600px) {
  #menu-subfooter li {
    width: 100% !important;
    text-align: left;
    padding: 10px 0px;
    color: #ffffff;
  }
  .timelineItem {
    width: 100% !important;
    margin-bottom: 20px;
  }
  .signup-form .gform_wrapper form .gform_footer {
    position: relative;
    bottom: -10px;
  }
}

/*the container must be positioned relative:*/
.ginput_container_select {
  position: relative;
}
.ginput_container_select select {
  display: none; /*hide original SELECT element:*/
}
.select-selected {
  background-color: #da291c;
  color: white !important;
}
/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 22px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: white transparent transparent transparent;
  margin-right: 15px;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  top: 22px;
}

/*style the items (options), including the selected item:*/
.select-items div,
.select-selected {
  color: #da291c;
  padding: 13px 16px;
  border: 1px solid transparent;
  border-color: #da291c;
  cursor: pointer;
  user-select: none;
  border-top: 0px;
  min-height: 50px;
}
/*style items (options):*/
.select-items {
  position: relative;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
/*hide the items when the select box is closed:*/
.select-hide {
  height: 0px;
  opacity: 0;
  overflow: hidden;
}

.select-items div:hover,
.same-as-selected {
  color: #0b2265 !important;
  background: white;
}

.homeInner {
  padding: 38px 250px 14px 164px !important;
}
@media screen and (max-width: 1350px) {
}
@media screen and (max-width: 1250px) {
}
@media screen and (max-width: 1200px) {
  .recentImage {
    display: none;
  }
  .fact-stat.updated {
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
  }
  .bodyHero .angle_image,
  .bodyHero .blue_angle {
    min-height: 700px !important;
  }
  .recentImage .insight-category {
    display: none;
  }
  .angleBanner .inner h1 {
    font-size: 36px !important;
    line-height: 48px;
  }
  .PressPostText {
    width: 100%;
    max-width: 100%;
    flex: 100%;
  }
  .IconsCubeWithText .iconItem {
    min-height: 350px;
  }
}
@media screen and (max-width: 1000px) {
  .artIcon {
    /*left: -17px;
		top: 4.17%;
		transform: rotate(15deg);*/
    right: -17px;
    left: auto;
    bottom: 0;
    top: auto;
    transform: rotateY(165deg);
  }
  .quoteContainer .artIcon {
    left: 20px;
    top: auto;
    bottom: 0px !important;
  }
  .angleBanner {
    clip-path: polygon(0 0, 102% 10%, 101.5% 100%, 0% 100%);
    overflow: hidden;
  }
  .angleBanner .inner {
    padding: 24px !important;
  }
  .angleBanner .inner h1 {
    margin-top: 58px;
  }
}

.collapsing {
  -webkit-transition-delay: 0.65s;
  transition-delay: 0.65s;
  transition: height 0.65s ease;
}

.owl-carousel .owl-stage {
  padding-left: 0px !important;
}
.iconClick h5 {
  color: #da291c !important;
}
.iconClick .bodyText {
  margin-bottom: 20px;
  text-decoration: none;
}
.iconClick:hover h5 {
  color: #0b2265 !important;
}
.fiftyOP {
  opacity: 0.5;
}
.fiftyOP:hover {
  opacity: 1;
}

.blue_angle {
  min-height: 400px;
  margin-top: 50px;
  padding-bottom: 100px;
  width: 40%;
  position: absolute;
  background: url(/wp-content/uploads/e4742f0717b0c21810fa28755261ce94-1.jpg),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) -100.16%,
      rgba(0, 30, 97, 0.6) -43.22%
    );
  background-size: cover;
  z-index: 2;
  clip-path: polygon(0 0, 100% 0%, 92% 100%, 0% 100%);
}
.bodyHero .blue_inner {
  padding-top: 50px;
}
.bodyHero .blue_inner img {
  max-width: 220px;
  padding-bottom: 30px;
}
.bodyHero .angle_image,
.bodyHero .blue_angle {
  min-height: 600px;
  margin-bottom: 0px;
}
#IconsCubeWithText-block_99daa54bb14ebef5591f350375bf553b .iconItem {
  padding: 20px 5px;
  min-height: 300px !important;
}
.compList .noLink .iconItem {
  padding: 20px 20px;
  min-height: 300px !important;
}
.sublistItem .subWrap {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #fff;
  border: 1px solid #007ac9;
  color: #007ac9;
  margin-top: 8px;
  font-weight: 700;
}
.compList .noLink {
  padding: 0px 10px;
}
.sublistItem {
  padding: 0px 10px;
}
.supportText {
  rotate: 270deg;
  position: absolute;
  top: 46%;
  left: -45px;
  color: #828389;
  text-align: center;
  font-family: "Barlow Semi Condensed";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.supportTextFV a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
.supportTextFV li {
  margin-bottom: 20px;
}
.FullCTA .col-md-12 {
  padding: 0px;
}
.supportText.two {
  color: #007ac9;
  top: 91%;
}
.sublistItem.isBlue .subWrap {
  background: #007ac9;
  color: #fff;
}
.bodyHero .blue_angle {
  margin-top: 0px;
  width: 45%;
  padding-bottom: 50px;
  padding-right: 50px;
}
.bodyHero .blue_angle h1 {
  font-size: 36px;
}
.bodyHero .blue_angle p {
  font-size: 16px !important;
}
.blue_inner {
  padding-top: 100px;
  padding-right: 50px;
}
.blue_inner h1 {
  color: white !important;
}
.angle_image {
  clip-path: polygon(5% 0, 100% 0%, 100% 100%, 0% 100%);
  height: 500px;
  background-size: cover;
  width: 65%;
  float: right;
  display: inline-block;
  margin-bottom: 20px;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
  background-color: #da291c !important;
  border-radius: 0px !important;
}
.gform_wrapper.gravity-theme .gf_progressbar {
  border-radius: 0px !important;
}
.add_list_item,
.delete_list_item {
  border: 0px !important;
  background: none !important;
  color: #da291c !important;
  height: 52px !important;
  font-size: 16px !important;
  opacity: 1 !important;
  cursor: pointer;
  width: 50px !important;
  margin-right: 10px !important;
}
.add_list_item:hover,
.delete_list_item:hover {
  color: #0b2265 !important;
}
.add_list_item:after,
.delete_list_item:after,
.add_list_item:before,
.delete_list_item:before {
  display: none !important;
}
#field_16_73 .gfield_list_icons {
  position: absolute !important;
  right: 0px !important;
  align-items: right !important;
  justify-content: right !important;
}
#gform_page_16_3 img {
  border: 1px solid #0b2265;
}

.ginput_container_select select {
  display: block !important;
}
.gform_wrapper
  input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not(
    [type="button"]
  ):not([type="image"]):not([type="file"]) {
  border: 0px;
  border-left: 4px solid #f0ab00;
  background-color: #f2f2f2 !important;
}

.gform_wrapper
  textarea:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not(
    [type="button"]
  ):not([type="image"]):not([type="file"]) {
  border: 0px;
  border-left: 4px solid #f0ab00;
  background-color: #f2f2f2 !important;
}
.gform_wrapper select {
  border: 0px;
  border-left: 4px solid #f0ab00 !important;
  background-color: #f2f2f2 !important;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -khtml-border-radius: 0px !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  height: 52px !important;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
  background-position: 100%;
  background-repeat: no-repeat;
  padding: 0.5rem !important;
}

.gform_wrapper input:focus-visable,
.gform_wrapper select:focus-visable,
.gform_wrapper textarea:focus-visable {
  outline: 1px solid #0b2265 !important;
  outline-color: #0b2265 !important;
}
.gform_wrapper input:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
  outline: 1px solid #0b2265 !important;
  outline-color: #0b2265 !important;
}

.gform_wrapper.gravity-theme .gfield input,
.gform_wrapper.gravity-theme .gfield select {
  max-width: 100%;
  box-shadow: 0px 3px 5px -5px #707372 !important;
}

#gform_1 input[type="text"],
#gform_1 input[type="email"] {
  padding: 0px 0px !important;
  padding-left: 10px !important;
  border-left: 4px solid #f0ab00 !important;
  height: 40px !important;
  background: rgba(0, 0, 0, 0.1) !important;
}
#gform_1 label {
  margin-bottom: 5px !important;
  color: white !important;
}

/* checked mark aspect changes */
.single-column-form [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.single-column-form [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/* disabled checkbox */
.single-column-form [type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}

.single-column-form [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}

.single-column-form [type="checkbox"]:disabled + label {
  color: #aaa;
}

/*Default styles for Gravity Forms single-column-form class*/

.single-column-form
  ul.gfield_checkbox
  li
  input[type="checkbox"]:checked
  + label,
.single-column-form
  ul.gfield_checkbox
  li
  input[type="checkbox"]:not(:checked)
  + label {
  margin-left: 19px;
  font-weight: 400;
  font-size: 15px;
}

/*Custom subscribe box for .single-column-form class*/
.single-column-form [type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute !important;
  left: -9999px;
}

.single-column-form [type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative !important;
  padding-left: 1em !important;
  cursor: pointer !important;
}

.single-column-form [type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: "";
  position: absolute;
  left: -17px;
  top: 2px;
  width: 1.3em;
  height: 1.3em;
  background: #f2f2f2;
  padding: 2px;
}

.single-column-form [type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  top: 5px;
  left: -14px;
  font-size: 1.3em;
  line-height: 0.8;
  background-color: #f0ab00;
  transition: all 0.2s;
}

/* checked mark aspect changes */
.single-column-form [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.single-column-form [type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/* disabled checkbox */
.single-column-form [type="radio"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}

.single-column-form [type="radio"]:disabled:checked + label:after {
  color: #999;
}

.single-column-form [type="radio"]:disabled + label {
  color: #aaa;
}

/*Custom subscribe box for .single-column-form class*/
.single-column-form [type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute !important;
  left: -9999px;
}

.single-column-form [type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative !important;
  padding-left: 1em !important;
  cursor: pointer !important;
  font-weight: 400 !important;
}
/* .single-column-form [type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  padding-left: 2em !important;
} */

.single-column-form [type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
  content: "";
  position: absolute;
  left: -17px;
  top: 2px;
  width: 1.3em;
  height: 1.3em;
  background: #f2f2f2;
  padding: 2px;
}
/* FOR REUSE */
/* .single-column-form [type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
  top: -6px;
  width: 35px;
  height: 35px;
} */

.single-column-form [type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  top: 5px;
  left: -14px;
  font-size: 1.3em;
  line-height: 0.8;
  background-color: #f0ab00;
  transition: all 0.2s;
}

/* .single-column-form [type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
  width: 35px;
  height: 35px;
  top: -6px;
  left: -17px;
} */
.autoFilter label:after,
.autoFilter label:before {
  content: none;
  display: none;
}
.autoFilter [type="radio"]:checked {
  position: unset !important;
  left: 0px;
}
.autoFilter label,
[type="radio"]:checked + label {
  position: relative !important;
  /* padding-left: 0em !important;  commneted out 10/8/24 not sure why this is here (BH)*/
  cursor: pointer !important;
}

/* checked mark aspect changes */
.single-column-form [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.single-column-form [type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/* disabled checkbox */
.single-column-form [type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}

.single-column-form [type="radio"]:disabled:checked + label:after {
  color: #999;
}

.single-column-form [type="radio"]:disabled + label {
  color: #aaa;
}

.single-column-form label {
  margin-left: 18px;
}

.blogSidebar label:before,
.blogSidebar label:after {
  display: none !important;
}

.smallButton {
  font-size: 18px !important;
  line-height: 1.5em !important;
  color: #ffffff !important;
  background: none !important;
  background-color: #da291c !important;
  font-family: "Barlow Semi Condensed";
  font-weight: 600;
  padding: 6px 14px !important;
  text-decoration: none !important;
  display: inline-block;
  cursor: pointer !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  border: 2px solid #da291c !important;
  box-shadow: none !important;
  text-shadow: none !important;

  text-transform: uppercase;
  text-align: center;
  max-width: 100%;
  white-space: normal;
  outline: none !important;
  margin: 1em 0 1em 0;
  border-radius: 0px;
  position: relative;
}

.smallButton:before {
  content: "";
  border-top: 5px solid #da291c;
  border-left: 5px solid #da291c;

  position: absolute;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  display: block;
  top: 0px;
  left: 0px;
  width: 40%;
  height: 40%;
}

.smallButton:hover:before {
  content: "";

  top: -10px;
  left: -10px;
  width: 80%;
  height: 80%;
}
.smallButton:after {
  content: "";
  border-bottom: 5px solid #da291c;
  border-right: 5px solid #da291c;

  position: absolute;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  display: block;
  bottom: 0px;
  right: 0px;
  width: 40%;
  height: 40%;
}
.smallButton:hover:after {
  content: "";

  display: block;
  bottom: -10px;
  right: -10px;
  width: 80%;
  height: 80%;
}
.smallButton:hover {
  color: white !important;
}

.owl-next {
  background-color: none !important;
  font-size: 30px !important;
  position: absolute;
  right: -30px;
  top: 100px;
}

.owl-prev {
  background-color: none !important;
  font-size: 30px !important;
  position: absolute;
  left: -30px;
  top: 100px;
}
#testOwlWrap .owl-next {
  right: -65px;
  top: 0px;
}

#testOwlWrap .owl-prev {
  left: -75px;
  top: 0px;
}
#testOwlWrap .smallHelp {
  font-family: Barlow Semi Condensed;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 133.333% */
}
#testOwlWrap .quoteItem p:not(.smallHelp) {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 140% */
  letter-spacing: 1px;
  color: #152266;
  /* Desktop Typography/quote */
  font-family: Barlow Semi Condensed;
}
.mediaSlider .owl-prev button:before,
.mediaSlider .owl-next button:before,
.mediaSlider .owl-prev button:after,
.mediaSlider .owl-next button:after {
  display: none !important;
}
.owl-item .noLink i {
  display: none;
}
#gform_wrapper_27 .gform_required_legend {
  display: none;
}
#gform_wrapper_27 .black {
  color: #000000 !important;
}
.mediaSlider .nav-tabs {
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  display: inline-block;
  margin: auto;
  text-align: center;
}
.mediaSlider .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  border: 0px;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  /* identical to box height, or 133% */

  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.05em;

  color: #007ac9 !important;
  border-top: 3px solid #007ac9;
}
.mediaSlider .nav-item {
  display: inline-block;
  border-radius: 0px;
}
.mediaSlider .nav-item a {
  border-radius: 0px;
  padding: 12px;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  /* identical to box height, or 133% */

  text-align: center;
  letter-spacing: 0.05em;

  color: #000b23 !important;
}
.mediaFlex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.postText {
  padding: 40px;
}
.postText p {
  color: #000b23 !important;
}
.contactNews .social-icon {
  padding: 14px;
  font-size: 24px;
  color: #000b23;
}
.pressBlueBox h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.05em;

  color: #007ac9 !important;
}
.page-template-page-news .insight-title {
  background-color: #f5f6fb !important;
}
.page-template-page-news #insights a:not(.button):not(.allButton),
.page-template-page-news #insights a span {
  color: #0079ca !important;
  text-decoration: none !important;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  /* or 133% */

  letter-spacing: 0.05em;
}
.page-template-page-news #insights a:hover:not(.newsButton),
.page-template-page-news #insights a span:hover:not(.newsButton) {
  color: #0b2265 !important;
}
.newsButton {
  display: block !important;
  text-align: left !important;
  height: auto !important;
  color: white !important;
  margin-top: -20px !important;
  width: auto !important;
}
#gform_submit_button_20 {
  padding: 10px 28px !important;
  margin-top: 45px;
  margin-bottom: 0;
}
#field_20_1 .gfield_label {
  margin-bottom: 30px !important;
}
.gchoice_20_8_0 {
  display: inline-block;
  float: left;
}
.gchoice_20_8_0 label {
  display: inline-block;
  float: left;
  min-width: 150px;
}
#gform_submit_button_20:before,
#gform_submit_button_20:after {
  display: none;
}
#gform_submit_button_20:hover {
  background-color: #0b2265 !important;
  border: 2px solid #0b2265 !important;
}

/* .page-id-4803 .archive .insight-image-wrapper{
	height: 140px;
} */
.pressItem a {
  text-decoration: none !important;
}
.lblue {
  color: #007ac9 !important;
}
.pressItem .insight-cta {
  text-decoration: none !important;
}
.pressFilters button {
  padding: 10px !important;
  margin-top: 0px;
  width: 100% !important;
  background: #fff !important;
  border: 2px solid #007ac9 !important;
  height: 50px;
  color: #000 !important;
}
.pressFilters input {
  border-radius: 0px;
  border: 2px solid #007ac9;
  border-right: 0px;
  height: 50px;
}
.pressFilters .input-group-append {
  border-radius: 0px;
  border: 2px solid #007ac9;
  border-left: 0px;
  color: white;
  height: 50px;
}
.pressFilters .input-group-text {
  background-color: #f5f6fb;
  border-radius: 0px;
  border-left: 2px solid #007ac9;
  color: #007ac9;
  cursor: pointer;
  padding: 0px 20px;
}
.pressFilters .dropdown-item {
  border-bottom: 2px solid #0b2265;
  padding: 10px;
}
.pressFilters .dropdown-item:hover {
  background: #f2f2f2;
}
.pressFilters .dropdown-menu {
  border: 2px solid #0b2265;
  border-radius: 0px;
  padding-bottom: 0px;
}
.pressFilters .dropdown-toggle {
  border-radius: 0px;
}
.pressFilters button i {
  margin-top: 5px;
}
.pressFilters button:before,
.pressFilters button:after {
  display: none !important;
}
.PressPostText h4 a {
  text-decoration: none !important;
}
.dbHover:hover {
  color: #0b2265 !important;
}

.lbButton {
  font-size: 18px !important;
  line-height: 1.5em !important;
  color: #ffffff !important;
  background: none !important;
  background-color: #007ac9 !important;
  font-family: "Barlow Semi Condensed";
  font-weight: 600;
  padding: 12px 28px !important;
  text-decoration: none !important;
  display: inline-block;
  cursor: pointer !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  border: 2px solid #007ac9 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  /*background-image: none !important;*/
  text-transform: uppercase;
  text-align: center;
  max-width: 100%;
  white-space: normal;
  outline: none !important;
  margin: 1em 0 1em 0;
  border-radius: 0px;
  position: relative;
}
.lbButton:after {
  content: "";
  border-bottom: 5px solid #007ac9 !important;
  border-right: 5px solid #007ac9 !important;
  /*     border-bottom-right-radius: 16px; */
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  display: block;
  bottom: 0px;
  right: 0px;
  width: 40%;
  height: 40%;
}
.lbButton:before {
  content: "";
  border-top: 5px solid #007ac9 !important;
  border-left: 5px solid #007ac9 !important;
  /*     border-top-left-radius: 16px; */
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  display: block;
  top: 0px;
  left: 0px;
  width: 40%;
  height: 40%;
}
.pagination .current {
  background-color: #0c2367 !important;
}
.newsButton {
  font-size: 18px !important;
  line-height: 1.5em !important;
  color: #ffffff !important;
  background: none !important;
  background-color: #0b2265 !important;
  border: 2px solid #0b2265 !important;
  font-family: "Barlow Semi Condensed";
  font-weight: 600;
  padding: 12px 28px !important;
  text-decoration: none !important;
  display: inline-block;
  cursor: pointer !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  box-shadow: none !important;
  text-shadow: none !important;
  /*background-image: none !important;*/
  text-transform: uppercase;
  text-align: center;
  max-width: 100%;
  white-space: normal;
  outline: none !important;
  margin: 1em 0 1em 0;
  border-radius: 0px;
  position: relative;
}
.newsButton:hover {
  color: white !important;
}

.text_container p,
.text_container a {
  font-size: 18px;
}
.resourcesec a .fa.fa-external-link {
  display: none;
}
.resourcesec .why-block.square {
  margin: 0;
  height: 262px;
}
.resourcesec .benefits-block-cta-wrapper ul {
  padding-top: 15px;
}
.resourcesec .pull-right {
  margin: 0;
}
.resourcesec .benefits-child-block {
  margin-bottom: 50px;
  background-color: #f5f6fb;
  border: 2px solid #0b2265;
}
#solution-in-action.vidsec .video-box {
  min-height: 550px !important;
}
.staff_band .benefits-child-block.margbott20.sequenceme.come-in:last-child {
  margin-bottom: -15px !important;
}
.staff_band .benefits-child-block.margbott20.sequenceme.come-in:nth-child(1) {
  margin-top: -15px !important;
}
.bullet_sec a {
  color: #007ac9 !important;
}
.bullet_sec .fa {
  display: none !important;
}
#solution-in-action.vidsec {
  background-color: #f5f6fb;
}
.vidsec .video-box .fa {
  color: #fff !important;
}

.staff_image {
  width: 70px;
}
.text_container {
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 74px);
}
.image_container {
  display: inline-block;
  vertical-align: middle;
}
.benefits-child-block .text_container h3 i {
  top: 120%;
}
.text_container a i {
  display: none;
}
@media (min-width: 768px) {
  .values-image-wrapper {
    display: flex;
    justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  .image_container {
    display: block;
  }
  .mobilenopaddtop {
    padding-top: 0px !important;
    margin-top: 0px !important;
  }
  .visionText {
  }
  .text_container {
    padding-left: 0;
    display: block;
    width: 100%;
    padding-top: 15px;
  }
  .text_container p,
  .text_container a {
    font-size: 16px;
  }
  .text_container h3,
  .resourcesec .benefits-child-block h3 {
    font-size: 20px !important;
  }
  .staff_image {
    width: 100%;
  }
  #solution-in-action.vidsec .video-box {
    min-height: 300px !important;
  }
}

.otnotice-menu {
  position: inherit !important;
  float: left !important;
}

.page-id-4193 .otnotice-sections {
  margin: 0px !important;
}
.page-id-4193 .otnotice-menu,
.otnotice-menu-mobile {
  display: none !important;
}
.page-id-4193
  .otnotice-sections
  > .otnotice-section
  > .otnotice-section-content {
  margin-left: 0px !important;
}
.page-id-4193
  .otnotice-sections
  > .otnotice-section
  > h2.otnotice-section-header {
  margin-left: 0px !important;
  line-height: 30px !important;
}

html,
body {
  scroll-behavior: smooth;
}

@media (max-width: 800px) {
  html,
  body {
    overflow-x: hidden;
  }
}
#gform_wrapper_16 {
  display: block !important;
}
.bg-blue.specialCTA {
  background-color: #0b2265 !important;
  border: 2px solid #0b2265 !important;
  line-height: 1.5em !important;
  color: #ffffff !important;
  background: #0b2265 !important;
  font-family: "Barlow Semi Condensed";
  text-decoration: none !important;
  display: inline-block;
  cursor: pointer !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  box-shadow: none !important;
  text-shadow: none !important;
  /*background-image: none !important;*/
  text-transform: uppercase;
  text-align: center;
  max-width: 100%;
  white-space: normal;
  outline: none !important;
  margin: 1em 0 1em 0;
  border-radius: 0px;
  position: relative;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 171.429% */
  letter-spacing: 0.7px !important;
  text-transform: uppercase;
  padding: 6px 14px !important;
}

.page-template-page-first-charge .blue_angle {
  width: 42%;
}
.page-template-page-first-charge .angle_image {
  background-position: bottom;
}
.page-template-page-first-charge .iconBox {
  min-height: 100px;
  display: flex;
  align-items: center;
}
.page-template-page-first-charge .iconBox img {
  max-width: 105px;
  max-height: 80px;
}
.page-template-page-first-charge .solution-video-content {
  padding: 0px 25px;
}
.page-template-page-first-charge .iconPadding h5 {
  min-height: auto;
  line-height: 1.2 !important;
}
.page-template-page-first-charge p {
  font-size: 18px;
}
.page-template-page-first-charge .video-box {
  min-height: 400px !important;
}
.page-template-page-first-charge .bg-mdgray p {
  margin-bottom: 45px;
}
.page-template-page-first-charge .bg-mdgray p:last-child {
  margin-bottom: 20px;
}
/* Gravity Forms */
.gravity-menu-contents {
  padding: 0 12px;
}
@media (min-width: 768px) {
  .gravity-menu-contents {
    padding: 0 35px;
  }
}
.gravity-menu-contents > h3.gravity-menu-contents-heading {
  display: block !important;
}

/* Gravity Form Submit button styling */
/* .gform_button {
  max-width: 145px !important;
} */
.menu-contents form {
  opacity: 1 !important;
}

/* NEW CSS FOR MENU DROP DOWNS */
.navbar {
  padding: 0 !important;
}
.navbar-expand-lg .navbar-collapse {
  justify-content: flex-end;
}
.navbar-light .navbar-nav .nav-link {
  color: #54585a !important;
}
.menu-intro-content {
  padding: 0 0 0 16px;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  bottom: 18px;
  pointer-events: none;
}
.menu-intro-content-mobile {
  position: absolute;
  bottom: 5px;
  font-size: 14px;
  padding-left: 25px;
}
.navbar-nav .dropdown-menu {
  display: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease-in-out;
  padding: 0 !important;
  border-radius: 0 !important;
}
.dropdown-menu .nav-item:hover .menu-intro-content {
  color: white; /* Change the text color to white on hover */
}
.navbar-nav .dropdown-menu .nav-item {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
}
.navbar-nav .dropdown-menu .nav-item:hover {
  border-bottom: 1px solid #da291c !important;
}
.navbar-nav .dropdown-menu .nav-item .nav-link {
  padding: 20px 16px 38px;
  font-weight: 600;
}
.navbar-nav .dropdown-menu .nav-item .nav-link:hover {
  background-color: #d52b1e !important;
  color: #fff !important;
  border-bottom: none !important;
}
.navbar-nav .dropdown:hover > .dropdown-menu {
  display: block;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.navbar-nav .dropdown-item {
  color: #000; /* Ensures text is visible */
}

.navbar-nav .dropdown-item:hover {
  color: #0056b3; /* Adds hover effect for child items */
}

.navbar-nav > .nav-item > .nav-link {
  color: #54585a !important; /* Top-level menu item text color */
  font-weight: 600;
  padding: 10px 15px !important;
  display: flex;
  align-items: center;
  font-size: 14px;
}
@media (min-width: 1200px) {
  .navbar-nav > .nav-item > .nav-link {
    font-size: 16px;
  }
}

.navbar-nav > .nav-item > .nav-link:hover {
  background-color: #54585a; /* Highlight background on hover */
  color: #fff !important; /* Highlight text color on hover */
  text-decoration: none;
}

/* Dropdown menu styles */
.navbar-nav .dropdown-menu {
  background-color: #fff; /* Dropdown background color */
  margin-top: 0 !important;
  padding: 10px 16px; /* Spacing inside the dropdown */
  white-space: nowrap; /* Prevent text from wrapping */
  width: auto; /* Allow width to adjust to content */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow */
  min-width: 250px;
  border-top: 0 !important;
}

/* Dropdown menu items */
.navbar-nav .dropdown-menu .dropdown-item {
  padding: 10px 15px;
  color: #000;
  font-weight: normal;
}

.navbar-nav .dropdown-menu .dropdown-item:hover {
  background-color: #f8f9fa; /* Light gray hover background */
  color: #000; /* Hover text color */
  text-decoration: none;
}

/* Highlight specific dropdown item */
.navbar-nav .dropdown-menu .dropdown-item.active {
  background-color: #d9534f; /* Red for highlighted item */
  color: #fff; /* White text for the active item */
}

/* Dropdown arrow alignment */
.navbar-nav .dropdown-toggle::after {
  display: none;
}

/* Responsive behavior for mobile */
.navbar-toggler {
  border: none;
  outline: none;
}

/* New Footer CSS */
footer .social_icons {
  display: flex;
  gap: 27px;
}
@media (max-width: 767px) {
  footer .social_icons {
    justify-content: center;
  }
}
footer .social_icons i {
  font-size: 25px;
}
/* CSS TO BE SHARED */
.hidden {
  display: none;
}
.phone-app-image {
  max-height: 440px;
}
@media (min-width: 768px) {
  .text-md-wrap {
    white-space: normal !important; /* Allows text to wrap */
  }
  .phone-app-image {
    max-height: 287px;
  }
}
@media (min-width: 992px) {
  .phone-app-image {
    max-height: 375px;
  }
}
@media (min-width: 1200px) {
  .phone-app-image {
    max-height: 465px;
  }
}
ul ul {
  list-style-type: disc;
}

.fact-block {
  min-height: 125px;
}
.text-decoration-dark {
  text-decoration-color: #000 !important;
}
.sub-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s ease, opacity 1s ease; /* Adjust duration and easing as needed */
}
.menu-item:hover .sub-menu {
  max-height: 500px; /* Adjust this value based on your dropdown's full height */
  opacity: 1;
}
.bg-light {
  background-color: #f5f6fb !important;
}
.no-margin-bottom-lastoftype:last-of-type {
  margin-bottom: 0 !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-underline {
  text-decoration: underline !important;
}
.bg-primary {
  background-color: #007ac9 !important;
}
.text-primary {
  color: #007ac9 !important;
}
.bg-warning {
  background-color: #f0ab00 !important;
}
.content-area-page-block p {
  margin-bottom: 3.5rem;
}
.text-light-weight,
.font-light-weight,
.text-light-weight p,
.font-light-weight p {
  font-weight: 300;
}
.bg-blurred {
  background: rgba(249, 249, 249, 0.75); /* 75% opacity */
  backdrop-filter: blur(10px); /* Apply a 10px blur effect */
  -webkit-backdrop-filter: blur(10px); /* Safari support */
}
.font-blue-first {
  color: #007ac9;
}
a.btn {
  color: white !important;
}
.btn-blue {
  background-color: #007ac9 !important;
  border: none !important;
}
.btn-blue::after,
.btn-blue::before {
  border: none !important;
}
a.btn-white {
  background-color: #fff !important;
  border: none !important;
  color: #007ac9 !important;
}
.btn-white::after,
.btn-white::before {
  border: none !important;
}
.bg-gray-first {
  background-color: #f5f6fb;
}
.border-left-red {
  border-left: 2px solid #d52b1e;
  padding-left: 25px;
}
.stats-left-border h4 {
  font-weight: 600;
}

.contract-info-wrapper {
  padding-left: 25px;
}
@media (min-width: 768px) {
  .bullet-list-two-col ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.font-weight-semibold {
  font-weight: 600;
}
.font-weight-medium {
  font-weight: 500;
}
.font-weight-light {
  font-weight: 300;
}
strong {
  font-weight: 500;
}
.fa-large {
  font-size: 20px !important;
}
.text-dark {
  color: #282828 !important;
}
.first-image-square {
  min-height: 375px;
  object-fit: cover;
}
@media (min-width: 992px) {
  .first-image-square {
    min-height: 500px;
  }
}
.first-rich-text-area li,
.first-text-area li {
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .first-text-area ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    margin-bottom: 0;
  }
}

.dark-divider {
  border-top-color: #000;
  opacity: 1;
  margin-top: 5px !important;
}
.first-list-wrapper li {
  margin-bottom: 15px;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .cta-button-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    float: right;
  }
}
/* NEW NAVIGATION CSS */
/* Apply hover effect to the parent and its children */
.nav-item.dropdown:hover > .nav-link {
  background-color: #54585a;
  color: white !important; /* Optional: Replace with your text color */
}

/* Home Hero Slider */

.swiper-wrapper {
  max-height: 650px;
}
.swiper-slide {
  position: relative; /* Ensures child elements are positioned relative to the slide */
  height: 100%; /* Matches the height of the slider container */
  background-size: cover; /* Ensures the background image covers the entire slide */
  background-position: center; /* Centers the background image */
  background-repeat: no-repeat; /* Prevents background repetition */
}
#swiper-hero .swiper-slide {
  min-height: 850px;
}
.swiper-pagination-bullet-active {
  background-color: #da291c !important; /* Color for the active bullet (red in this case) */
  opacity: 1; /* Fully visible active bullet */
  transition: all 0.3s ease; /* Smooth transition for size/color changes */
}

.hero-text-box {
  position: absolute;
  top: 25px;
  padding: 45px 25px 35px 50px;
  max-width: 550px;
}
@media (min-width: 992px) {
  .hero-text-box {
    top: 75px;
  }
}
@media (max-width: 992px) {
  .hero-text-box {
    max-width: 325px;
    padding: 20px 30px 10px;
  }
}

.hero-text-box h1 {
  font-size: 36px;
  color: #152266;
  margin-bottom: 15px;
}

.hero-text-box p {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 10px;
  max-width: 370px;
  font-weight: 300;
}

.hero-text-box .btn {
  display: inline-block;
  background: #ff0000;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 5px;
  font-size: 14px;
}
.hero-text-box .btn:hover {
  background: #cc0000;
}
/* CSS For Swiper */
.swiper-hero .swiper-pagination {
  position: absolute;
  padding-bottom: 35px; /* Adjust as needed for spacing */
  padding-right: 35px; /* Aligns it to the right */
  text-align: right; /* Ensures alignment for bullets */
}

.swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  background-color: #fff; /* Default color */
  opacity: 1 !important; /* Ensure visibility */
  margin: 0 10px !important; /* Spacing between bullets */
}

/* css for awards section on home page */


.awards-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding-top: 50px;

}
.award-item {
  background-color: #F5F6FB;
  padding: 20px;
  width: 25%;

  /* Make each award card a flex column */
  display: flex;
  flex-direction: column;
}

.award-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1; /* take up remaining space in the card */
}
.award-logo {
  height:40px;
}
.award-logo img {
  max-height:40px;
  max-width: 120px;
}

.award-text {
  padding-top: 15px;
  flex-grow: 1; /* push year down */
}

.award-text p {
  font-weight: 500;
  font-size: 30px;
  line-height: 35px;
  color: #152266;
}

.award-year {
  margin-top: auto; /* forces it to the bottom */
  font-size: 20px; 
  font-weight: 700;
  color: #444;
}


@media screen and (max-width:991px) {
  .awards-list {
    flex-wrap: wrap;
  }
  .award-item {
    width:45%;
  }

  .award-text p {
    font-size: 25px;
  }
}
@media screen and (max-width:499px) {
  .award-item {
    width:100%;
  }

  .award-text p {
    font-size: 25px;
  }
}




/* CSS FOR Homepage - TRUST AND STATS SECTION */
/* Trust Section */
.trust-section {
  display: grid;
}
.trust-image img {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .trust-section {
    grid-template-columns: 1fr 1fr;
    grid-gap: 35px;
  }
}
@media (min-width: 992px) {
  .trust-section {
    grid-template-columns: 3fr 2fr;
    grid-column-gap: 50px;
  }
}

.trust-section .trust-heading {
  font-size: 36px;
  line-height: 40px;
  font-weight: 400;
  color: #152266;
  margin-bottom: 30px;
  text-transform: none;
}

.trust-section .trust-paragraph {
  line-height: 28px;
  font-weight: 300;
}

/* Stats Section */

@media (min-width: 768px) {
  .stats-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 35px;
  }
}
@media (min-width: 992px) {
  .stats-section {
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 45px;
    grid-row-gap: 80px;
  }
}
.stats-section .stat-item {
  padding: 15px 20px 15px 25px;
  border-left: 2px solid #d52b1e; /* Red divider between items */
}

.stats-section .stat-heading {
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  color: #282828 !important;
  margin-bottom: 10px;
}

.stats-section .stat-paragraph {
  line-height: 28px;
  color: #282828;
  font-weight: 300;
  margin-bottom: 0;
}
/* Swiper Pagination Dots */
.stats-section-mobile .swiper-pagination {
  position: relative; /* Ensure it's positioned inside the swiper container */
  bottom: 25px; /* Adjust distance from the content */
  text-align: center; /* Center the dots */
  z-index: 10; /* Ensure it's above other elements */
}

.stats-section-mobile .swiper-pagination-bullet {
  width: 12px; /* Size of the dots */
  height: 12px;
  background: #cccccc; /* Default color */
  display: inline-block;
  border-radius: 50%; /* Make them circular */
  margin: 0 5px; /* Spacing between dots */
  opacity: 0.5; /* Make the inactive dots semi-transparent */
  transition: opacity 0.3s ease, background-color 0.3s ease;
}

.stats-section-mobile .swiper-pagination-bullet-active {
  background: #ff0000; /* Active dot color */
  opacity: 1; /* Fully opaque */
}
/* Tech Section */

.tech-image-col {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tech-image-col img {
  max-height: 450px;
}
.tech-image-col .tech-heading {
  font-size: 36px;
}
@media (min-width: 768px) {
  .tech-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 35px;
  }
  .tech-image-col img {
    max-height: 600px;
  }
}
@media (min-width: 992px) {
  .tech-section {
    grid-column-gap: 30px;
    max-width: 1025px;
    margin: 0 auto;
  }
}
.tech-text-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
p.tech-paragraph {
  margin-bottom: 0;
}

/* Apply Section */
.apply-section {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 475px; /* Adjust based on image ratio */
  margin-top: 140px;
}
@media (min-width: 992px) {
  .apply-section {
    min-height: 575px; /* Adjust based on image ratio */
    align-items: start;
    margin-top: 65px;
  }
}
.apply-bg {
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 20px;
  position: relative;
}
@media (min-width: 768px) {
  .apply-bg {
    background-size: cover;
    background-position: center;
  }
}

.apply-content {
  padding: 20px 30px 20px;
  max-width: 500px;
  text-align: left;
}
@media (min-width: 768px) {
  .apply-content {
    padding: 45px;
  }
}
.apply-heading {
  font-size: 30px;
  font-weight: 400;
  color: #333;
}

.apply-paragraph {
  font-weight: 400;
}

.apply-btn {
  margin-bottom: 0 !important;
}

.apply-btn:hover {
  background-color: #b71c1c; /* Adjust hover color */
}
/* FAQ Section */
.faq-section {
}

.faq-heading {
  margin-bottom: 35px;
}

.faq-paragraph {
  margin-bottom: 35px;
}

/* Accordion Styles */
.accordion-item {
  border: none; /* Remove default border */
  margin-bottom: 35px; /* Add space between accordion items */
  background-color: #ffffff; /* White background for each item */
  border-radius: 0 !important; /* Rounded corners */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow for better depth */
}
.accordion-item:last-of-type {
  margin-bottom: 0 !important;
}

.accordion-header {
  font-size: 20px;
  font-weight: 600;
  background-color: #f5f6fb !important; /* Light gray background */
  padding: 10px 15px;
}
.accordion-minus-sign {
  color: #da291c;
  display: inline-flex;
  width: 30px;
  height: 30px;
  padding-bottom: 4px;
  padding-left: 1px;
  border-radius: 50%;
  background-color: #fff;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 30px;
  margin-right: 10px;
}

.accordion-item .accordion-button {
  background-color: #f5f6fb !important; /* Light gray background */
  text-align: left !important;
  color: #152266 !important; /* Dark blue text color */
  font-size: 20px !important;
  line-height: 24px !important;
  border: none !important; /* Remove border */
  border-radius: 5px; /* Match parent radius */
  box-shadow: none; /* Remove button shadow */
  text-transform: none !important;
  font-weight: 500 !important;
  padding: 0 !important;
}

.accordion-button:hover {
  background-color: #e6f2ff; /* Light blue on hover */
  color: #002d4f; /* Darker blue */
}

.accordion-button.collapsed {
  color: #555; /* Change to medium gray when collapsed */
  background-color: #f9f9f9;
}

.accordion-collapse {
  border-top: 1px solid #e6e6e6; /* Light gray border for the top of collapsed content */
}

.accordion-body {
  background-color: #f9f9f9 !important; /* Light gray background */
  font-size: 16px;
  line-height: 24px;
  padding-top: 28px !important;
  padding-bottom: 5px !important;
  background-color: #ffffff; /* Match background of accordion item */
  border-radius: 5px; /* Rounded corners */
}
.accordion-body p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 25px;
}
.accordian-heading-text-wrapper {
  display: grid;
  grid-template-columns: 30px auto;
  grid-gap: 15px;
  align-items: center;
  line-height: 1.35;
}

/* PAGE - HOME TO SCHOOL */
/* Hero Section */
.hero-section {
  border-bottom: 20px solid #f0ab00;
}
.hero-grid {
  display: grid;
}
@media (min-width: 768px) {
  .hero-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .hero-grid {
    grid-template-columns: 5fr 3fr;
  }
}
.hero-image {
  background-size: cover;
  background-position: top center;
  width: 100%;
  /* height: 80% !important; */
  min-height: 350px;
}
.hero-content {
  padding: 35px 45px 25px;
  max-width: 450px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 768px) {
  .hero-content {
    padding: 50px 45px;
  }
}
@media (min-width: 992px) {
  .hero-image {
    min-height: 400px;
  }
}
@media (min-width: 1800px) {
  .hero-image {
    background-position: top center;
  }
  .hero-image.hero-image-bg-stay-centered {
    background-position: center center;
  }
}

.hero-paragraph {
  font-weight: 300;
}

/* Benefits Section */
.benefits-section {
  padding-top: 50px;
}

.benefits-heading {
}

.benefits-paragraph {
}

@media (min-width: 768px) {
  .benefits-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

.benefit-item {
  margin-bottom: 15px;
}

/* Learn More Section */
.embed-responsive-16by9::before {
  padding-top: 0;
}
.learn-more-section {
}

.learn-more-heading {
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .learn-more-grid {
    max-width: 80%;
  }
}

.learn-more-video {
}

/* Recruitment Section */
.recruitment-wrapper {
  background-color: #f5f6fb;
}
.recruitment-section {
  display: grid;
}
@media (min-width: 768px) {
  .recruitment-section {
    grid-template-columns: 1fr 1fr;
    grid-gap: 35px;
  }
}
@media (min-width: 992px) {
  .recruitment-section {
    grid-template-columns: 5fr 6fr;
    grid-gap: 75px;
  }
}
.recruitment-text li {
  margin-bottom: 15px;
}

/* Special Needs Section */
.special-needs-paragraph {
  margin-top: 20px;
  margin-bottom: 50px;
}
.special-needs-image,
.first-banner-image img {
  width: 100%; /* Ensure it stretches horizontally */
  height: 100%;
  object-fit: cover; /* Makes the image cover the entire div */
  min-height: 375px;
  max-height: 575px;
}
@media (max-width: 768px) {
  .special-needs-image {
    transform: translateX(100px); /* Move 100px to the right */
    overflow: visible;
  }
}

.special-needs-list {
  display: grid;
  margin-top: 35px;
}
@media (min-width: 768px) {
  .special-needs-list {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 125px;
  }
}
.special-needs-item {
  margin-bottom: 15px;
}

/* Fleet Section */
.fleet-section {
}

.fleet-heading {
}

.fleet-paragraph {
}

.fleet-list {
  display: grid;
  list-style-type: none; /* Removes bullets */
}
@media (min-width: 768px) {
  .fleet-list {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 25px;
  }
}
@media (min-width: 992px) {
  .fleet-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 55px;
  }
}

.fleet-item {
  margin-top: 45px;
}
.fleet-icon {
  margin-bottom: 25px;
}
.fleet-item-heading {
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
}


@media screen and (max-width: 992px) {

  .maint-services {
    flex-direction: column !important;
  }
  .icon-services {
    width:100% !important;
  }
  .maint-contact-from {
    width:100% !important;
    margin-top: 30px !important;
  }
  .maint-video-block {
    padding: 0 !important;
  }
  
}

.fleet-item {
  margin-top: 45px;
}
.fleet-icon {
  margin-bottom: 25px;
}
.fleet-item-heading {
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
}

.icon-services {
  width:40%;
  display: flex;
  flex-direction: column;
  margin-right: 60px;
}

.service-copy {
  margin-bottom: 30px;
}

.service-icon {
  max-width: 66px;
max-height: 66px;
flex-shrink: 0;
margin-right: 30px;
}

.icon-service {
  display: flex;
  flex-direction: row;
}

.maint-services {
  display: flex;
  flex-direction: row;
}

.maint-contact-from {
  padding: 30px;
  width:55%;
}

.maint-video-block {
  padding-left: 60px;
  padding-right: 60px;
}

#gform_wrapper_41 {
  padding-top:20px;
}

/* CTA Section */
.cta-section {
}
.cta-section > div {
  background-color: #007ac9;
  display: grid;
  align-items: center;
  padding: 15px 30px;
  max-width: 1080px;
}
@media (min-width: 768px) {
  .cta-section > div {
    grid-template-columns: auto 200px;
  }
}
@media (min-width: 992px) {
  .cta-section > div {
    grid-template-columns: auto 200px;
  }
}
.cta-heading {
  color: #fff !important;
  font-size: 28px;
  line-height: 36px;
  font-weight: 400;
}

/* Routing Section */
.routing-section {
  display: grid;
}
@media (min-width: 768px) {
  .routing-section {
    grid-template-columns: 1fr 1fr;
    grid-gap: 35px;
  }
}
@media (min-width: 992px) {
  .routing-section {
    grid-template-columns: 6fr 5fr;
    grid-gap: 65px;
  }
}
.routing-text li {
  margin-bottom: 15px;
}

.routing-heading {
}

.routing-paragraph p,
.routing-paragraph li {
  font-weight: 300;
}

.routing-image {
}

/* Early Childhood Section */
.early-childhood-image,
.firt-banner-image {
  width: 100%; /* Ensure it stretches horizontally */
  height: 100%; /* Ensure it stretches vertically */
  object-fit: cover; /* Makes the image cover the entire div */
  min-height: 375px;
  max-height: 575px;
}

.early-childhood-content li {
  margin-bottom: 15px;
}
.childhood-paragraph p,
.childhood-paragraph li {
  font-weight: 300;
}
/* Consulting Page */
.intro-paragraph p {
  font-weight: 300;
}
.transportation-section p,
.transportation-section li {
  font-weight: 300;
}
.transportation-section li {
  margin-bottom: 20px;
}
.routing-consulting-section li {
  margin-bottom: 20px;
}
.fleet-columns {
  display: grid;
}
.fleet-column h4 {
  color: #282828 !important;
}
.fleet-column li {
  font-size: 16px;
  line-height: 18px;
  text-align: center;
}
@media (min-width: 992px) {
  .fleet-columns {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 85px;
  }
  .fleet-column .fleet-col-p {
    min-height: 195px;
  }
}
.fleet-column ul {
  padding-left: 0;
}
.fleet-column li {
  padding: 9px 10px;
  margin-bottom: 8px;
  list-style-type: none;
  border: 1px solid #007ac9;
}
.fleet-column .highlighted {
  background-color: #007ac9;
  color: white;
  font-weight: 600;
}
.managed-by,
.provided-by {
  writing-mode: vertical-rl; /* Rotate the text vertically */
  text-orientation: mixed; /* Ensure text is properly oriented */
  transform: rotate(180deg); /* Flip the text to read correctly */
  font-size: 17px; /* Adjust font size */
  font-weight: 400; /* Normal weight */
  margin: 0; /* Remove default paragraph margin */
  text-align: center; /* Center align text */
}

.managed-by {
  position: absolute;
  bottom: 0;
  left: -35px; /* Adjust spacing from the list */
}

.provided-by {
  color: #007ac9; /* Matches the blue text color */
  position: absolute;
  top: 0;
  left: -35px; /* Adjust spacing from the list */
}
.management-consulting li {
  margin-bottom: 20px;
}
/* Electrification Page */
.consulting-image-wrapper img {
  width: 100%;
  min-height: 225px;
  max-height: 400px;
  object-fit: cover;
}
.sustainable-item {
  display: flex;
  align-items: center;
}
.sustainable-item .badge {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 12px;
}
.faq-section-electrification > .container {
  max-width: 900px;
}
/* Halo Page */
.who-benefits {
  display: flex;
  justify-content: space-between; /* even spacing */
  flex-wrap: wrap; /* keeps them from squishing on smaller screens */
  gap: 20px; /* adds consistent spacing between items */
}

.benefit-item {
  flex: 1; /* makes each item grow/shrink evenly */
  min-width: 200px; /* keeps items from getting too small */
  text-align: center; /* optional: center icon, label, description */
  padding: 10px;
  text-align: left;
}

.impact-title {
  padding-top:50px;
}

.before-trip, .during-trip, .after-trip {
  display: flex;
  flex-direction: row;
  margin-top: 50px;
  margin-bottom: 100px;
}
.during-tripinfo-container {
  padding-left: 25px;
}
.before-tripinfo-container, .during-tripinfo-container, .after-tripinfo-container {
  width: 50%;
}

.before-trip-image,.afer-trip-image {
  padding-left:25px;
}
.during-trip-image {
  padding-right: 25px;
}
.before-trip-image, .during-trip-image, .after-trip-image {
  width: 50%;
}

.before-trip,.during-trip,.after-trip {
  border-left: 2px solid #D52B1E;
  padding-left: 25px;
}

.after-trip-description {
  padding-right: 25px;
}

.safe-riders {
  margin-top: 50px;
}


.halo-benefit-icon {
  margin-bottom: 25px;
}

.halo-benefit-icon img{
  max-height:80px;
}

.halo-technology-section .card {
  display: grid;
  grid-template-columns: 1fr 5fr;
  align-items: center;
}
.halo-efficiency-section {
  position: relative;
}
.bg-partial {
  position: absolute;
  top: 0;
  height: 128px;
}
.red-vertical-line {
  position: absolute; /* Position relative to the parent container */
  left: 50%; /* Center the line horizontally in the parent container */
  transform: translateX(
    -50%
  ); /* Adjust to ensure the line is perfectly centered */
  bottom: -85px; /* Position the line at the bottom of the parent container */
  width: 2px; /* Set the width of the red line */
  height: 70px; /* Set the height of the red line (adjust as needed) */
  background-color: #d52b1e; /* Set the line color */
  z-index: 1; /* Ensure it appears above any background */
}

@media screen and (max-width: 992px) {
  .before-trip,.after-trip {
    flex-direction: column;
  }
  .during-trip {
    flex-direction: column-reverse;
  }
  .before-tripinfo-container,.before-trip-image,.during-trip-image,.after-trip-image,.during-tripinfo-container,.before-tripinfo-container,.after-tripinfo-container
   {
    width:100%;
  }
}
@media (min-width: 992px) {
  .red-vertical-line {
    bottom: -175px; /* Position the line at the bottom of the parent container */
    height: 145px;
  }
}
/* First View Page */
@media (min-width: 768px) {
  .text-above-phone-images {
    min-height: 275px;
  }
}
@media (min-width: 992px) {
  .text-above-phone-images {
    min-height: 225px;
  }
}
@media (min-width: 1200px) {
  .text-above-phone-images {
    min-height: 200px;
  }
}
.first-view-points-wrapper ul {
  display: grid;
  grid-gap: 20px;
}
@media (min-width: 768px) {
  .first-view-points-wrapper ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px 45px;
  }
}
.app-icon-image {
  max-width: 120px;
}
.blue-cta-btn-wrapper {
  display: flex;
  align-items: center;
}
.blue-cta-text-wrapper h3 {
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .app-icon-image {
    max-width: 200px;
  }
  .blue-cta-content-wrapper {
    grid-gap: 30px;
    grid-template-columns: auto 175px;
  }
}

/* New District Landing Page */
.new-district-landing-inner {
    max-width: 800px;
    margin: 0 auto;
}
.new-district-landing-inner .card img {
    max-width: 58px;
    height: auto;
}
.new-district-landing-inner .card .card-inner-heading {
    display: grid;
    grid-template-columns: 1fr 5fr;
    align-items: center;
}
.new-district-landing-inner .card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.new-district-landing-inner .card .card-inner-top {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
/* Diversity & Inclusion Page */
.benefits-block-cta-wrapper tr {
  background-color: transparent !important;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.benefits-block-cta-wrapper td {
  border-top: 0 !important;
  background-color: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
.diversity-table-wrapper li {
  margin-bottom: 20px;
}
.diversity-table-wrapper h4,
.diversity-table-wrapper h5 {
  color: #282828 !important;
  margin-bottom: 10px;
}
.diversity-table-wrapper h5 {
  font-weight: 500;
  margin-top: 30px;
}
/* Mergers & Acquisitions Page */
.merger-partners-section li {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .merger-partners-section ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 50px;
    margin-top: 25px;
  }
  .faq-image-col {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.our-process-section li {
  margin-bottom: 30px;
}
.merger-faq-section li {
  margin-bottom: 20px;
}
/* First View Page */
.first-view-districts-section li {
  margin-bottom: 20px;
}
/* Careers Page */
.feature-text h4 {
  line-height: 28px;
}
.apply-link {
  font-size: 18px;
  text-decoration: underline;
  color: #007ac9 !important;
  margin-right: 10px;
}
/* Safety Dog Page */
.tour-list li {
  margin-bottom: 15px;
  font-size: 18px;
}
@media (min-width: 768px) {
  .tour-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .blue-cta-inner-wrapper {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 30px;
  }
  .blue-cta-inner-wrapper-wide {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-gap: 30px;
  }
}
/* Training Page */
.training-feature-text li {
  margin-bottom: 15px;
}
.training-feature-text li:last-of-type {
  margin-bottom: 0px;
}
/* Safety Page */
.safe-drivers-paragraph li {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .safe-drivers-paragraph ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
/* About Us Page */
.blue-mission h3 {
  line-height: 44px;
}

.report-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.report-title > p {
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 15px;
}

.single-report {
  /* border: 1px solid #ddd; */
  padding: 1rem;
  text-align: left;
}

.single-report.empty {
  visibility: hidden;
}

.report-link {
  font-size: 18px;
}

.report-meta {
  padding: 1.5rem;
  background-color: #f4f5fa;
}

@media screen and (max-width: 991px) {
  .report-title > p {
    line-height: 21px;
  }
}


@media screen and (max-width: 768px) {
  .report-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 per row on tablets/mobile */
  }
}

@media screen and (max-width: 480px) {
  .report-grid {
    grid-template-columns: 1fr; /* 1 per row on very small screens */
  }
}

/* Halo Page */
.halo-technology-section img {
  margin: 0 auto;
}
.technology-section-inner-wrapper {
  max-width: 800px;
  margin: 0 auto;
}
.inner-tech-heading-wrapper {
  max-width: 770px;
  margin: 0 auto;
}
/* Mobile Nav CSS */
.fa-plus:before {
  content: none !important; /* Remove the Font Awesome icon */
}

.fa-plus {
  display: inline-block;
  width: 18px; /* Adjust width as needed */
  height: 18px; /* Adjust height as needed */
  background: url("/wp-content/uploads/red-plus-icon.svg") no-repeat center
    center;
  background-size: contain;
}
.resourceFilter .fa-plus {
  background: url("/wp-content/uploads/firs-blue-plus-icon.svg") no-repeat
    center center;
}

/* When the parent menu is opened, change the icon to white */
li.menu-item.opened .fa-plus {
  background: url("/wp-content/uploads/white-plus-icon.svg") no-repeat center
    center;
  background-size: contain;
}
/* When the parent menu item is opened, apply red background to the top-level link */
li.menu-item.opened > a {
  background-color: #da291c; /* Apply red background */
  transition: background-color 0.3s ease; /* Smooth transition */
  color: #fff !important;
}

/* When the parent menu item is closed (default state), reset background */
li.menu-item > a {
  background-color: transparent; /* Default background */
}
.hamburger {
  padding: 19px 15px 12px 15px !important;
}
/* Gravity Forms */
.gform_wrapper {
  display: block !important;
}
/* First Alt Page */
.first-alt-blue-icon {
  max-width: auto;
  max-height: 90px;
}
/* Page Load Transitions */
/* Add this to your site's CSS file */
.page-transition-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white; /* White background */
  z-index: 9999; /* Make sure it stays on top */
  opacity: 1; /* Fully visible by default */
  transition: opacity 0.5s ease-in-out; /* Smooth fade effect */
  pointer-events: none; /* Prevent interaction with the overlay */
}

.page-transition-overlay.hidden {
  opacity: 0; /* Fully transparent */
  pointer-events: none;
}


#content > section.halo-technology-section > div:nth-child(12) > div.row.align-items-center.mb-4 > div.col-lg-7.mt-lg-5 > img {
  padding-right: 50px;
}


/* quick fix for red vertical line on halo page  */
#content > section.halo-technology-section > div:nth-child(12) > div.row.align-items-center.mb-4 > div.col-lg-5.pr-lg-5 > div.red-vertical-line {
  left:35%;
}

@media screen and (max-width:991px) {
  #content > section.halo-technology-section > div:nth-child(12) > div.row.align-items-center.mb-4 > div.col-lg-5.pr-lg-5 > div.red-vertical-line {
    left:50%;
  }
}

/*** News Cards ***/
.block-news-card {display: grid;grid-template-columns: 1fr 2fr;justify-items: center;}

.block-news-image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.block-news-cards {
    display: grid;
    gap: 2rem;
}
.block-news-content h4 {
    font-size: 16px;
    color: #282828!important;
}

.block-news-content h3 {
    margin-bottom: 4px;
}

.block-news-content {
    background-color: #F5F6FB;
}
@media screen and (max-width: 767px) {
  .block-news-card {
    grid-template-columns: 1fr;
  }
}

a.button.button-icon-right {
    display: flex;
    align-items: center;
}

a.button.button-icon-right svg {
    width: 15px;
    height: 15px;
    margin-left: 3px;
    margin-bottom: 3px;
}

/*** Awards & Testimonials ***/
.award-filter-year select {
    border-left: 4px solid #F0AB00;
    background: rgba(217, 217, 217, 0.25);
    padding: .5rem 5rem .5rem .5em;
    border-top: none;
    border-right: none;
    border-bottom: none;
    appearance: none;
    background-image: url(/wp-content/uploads/arrow-down-red.svg);
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: right 10% top 50%;
}

form.award-filters-year {
    padding-bottom: 2rem;
    border-bottom: 1px solid black;
}
.award-filter-year {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.award-filter-year label {
    margin-bottom: 0;
    font-weight: 500;
}
.award-filter-type h2 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: 1em;
}
.award-filters .award-filter-type [type="radio"]:not(:checked), [type="radio"]:checked {
    position: unset !important;
}

.award-filters-container {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 2rem;
    padding: 2rem 0;
}

@media screen and (max-width: 800px) {
  .award-filters-container {
    grid-template-columns: 1fr;
  }

  .award-type-radios {
    display: flex;
    flex-direction: column;
  }
}

.award-filter-type {
    border: 1px solid #007AC9;
    padding: 1rem;
    background: #F5F6FB;
}
.award-type-radios input {
    margin-right: 10px;
}

.all-award-items {
  border: 1px solid #828389;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-height: 580px;
  overflow-x: auto;
  overflow-y: scroll;
}
.single-award-item {
  background-color: #F5F6FB;
  padding: 1rem;
}
.single-award-item h3 {
    color: #D52B1E!important;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
}

.single-award-item h4 {
    font-size: 20px;
}

.single-award-item p {
    font-size: 16px;
}

/* Spacing for filters */
.award-filters,
.award-filters-year { margin-block: 1rem; }

/* Cards hidden state */
.single-award-item[hidden] { display: none !important; }

/* Wrapper + dim behavior (only dims the grid, not the spinner) */
.award-wrapper { position: relative; }
.award-grid-wrapper { position: relative; }
.award-wrapper.loading .all-award-items {
  opacity: 0.5;
  transition: opacity 0.2s ease;
}

/* Spinner: pinned to a consistent spot above the grid */
.award-spinner {
  position: absolute;
  top: 100px;            /* adjust to taste */
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;

  display: inline-block;
  inline-size: 40px;
  block-size: 40px;
  border: 4px solid rgba(0,0,0,0.15);
  border-top-color: currentColor;
  border-radius: 50%;
  animation: award-spin 0.8s linear infinite;
}

/* Spinner animation */
@keyframes award-spin { to { transform: translateX(-50%) rotate(360deg); } }

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  .award-spinner { animation: none; }
  .award-wrapper.loading .all-award-items { transition: none; }
}

/*** Hero Background Video ***/
.block-background-video {
  position: relative;
  min-height: 650px;
  height: 100%;
}
.block-background-video .container {
  z-index: 20;
  position: relative;
  top: 220px;
}
.block-background-video .container .content-wrapper {
  max-width: 31rem;
}

.block-background-video video {
    position: absolute;
    top: 0;
    left: 0;
    background-position: center center;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 800px) {
  .block-background-video {
    min-height: 450px;
  }
  .block-background-video .container {
    top: 75px;
  }
}

.bg-overlay {
  position: absolute;
  height: 650px;
  width: 100%;
  background: rgba(0, 0, 0, .45);
  top: 0;
  left: 0;
  z-index: 10;
}