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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

/*-----------------------------------------------------------------------------------*/
/*	Variables
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	Mixins
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	Functions
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	Helpers
/*-----------------------------------------------------------------------------------*/
.clearfix {
  overflow: auto;
}
.clearfix:after {
  content: "";
  clear: both;
  display: table;
}

.no-br {
  white-space: nowrap;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.overflow-hidden {
  overflow: hidden;
}

.is-flat {
  padding: 150px 0px 0px 0px;
}
.is-xsmall {
  padding: 30px 0px;
}
.is-small, .wp-block {
  padding: 50px 0px;
}
.is-medium {
  padding: 100px 0px;
}
.is-large {
  padding: 200px 0px;
}

.margin-flat {
  margin: 0px auto !important;
}
.margin-small {
  margin: 25px auto !important;
}
.margin-medium {
  margin: 60px auto !important;
}
.margin-large {
  margin: 100px auto !important;
}

.has-letter-spacing-2 {
  letter-spacing: 2px;
}
.has-letter-spacing-3 {
  letter-spacing: 3px;
}
.has-letter-spacing-4 {
  letter-spacing: 4px;
}
.has-letter-spacing-5 {
  letter-spacing: 5px;
}
.has-letter-spacing-6 {
  letter-spacing: 6px;
}

.bgposition-is-cc {
  background-position: center center !important;
}
.bgposition-is-ct {
  background-position: center top !important;
}
.bgposition-is-cb {
  background-position: center bottom !important;
}
.bgposition-is-lt {
  background-position: left top !important;
}
.bgposition-is-lc {
  background-position: left center !important;
}
.bgposition-is-lb {
  background-position: left bottom !important;
}
.bgposition-is-rt {
  background-position: right top !important;
}
.bgposition-is-rc {
  background-position: right center !important;
}
.bgposition-is-rb {
  background-position: right bottom !important;
}

.reverse-row-order {
  display: flex;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 768px) {
  .reverse-row-order {
    display: block;
  }
}

.aligncenter {
  text-align: center;
  display: block;
  margin: auto;
}

.zindex-1 {
  z-index: 1;
}
.zindex-2 {
  z-index: 2;
}
.zindex-3 {
  z-index: 3;
}
.zindex-4 {
  z-index: 4;
}
.zindex-5 {
  z-index: 5;
}

.dropshadow {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.boxed {
  padding: 30px;
  border-radius: 2px;
}
.boxed.is-grey {
  background-color: #e6e6e6;
}

.cover {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.paraxify {
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
}

.torn-paper {
  background-image: url(../../images/bg-papertexttorn.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  height: 125px;
}

.dark-mode #wrapper {
  background: #000;
}
.dark-mode header {
  background-color: #000 !important;
}
.dark-mode header .navbar-brand img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(43deg) brightness(103%) contrast(102%);
  transition: filter 1s ease-in-out;
}
.dark-mode header .navbar-brand img:hover {
  filter: invert(90%) sepia(40%) saturate(1507%) hue-rotate(322deg) brightness(101%) contrast(96%);
  transition: filter 1s ease-in-out;
}
.dark-mode header .headerIcons,
.dark-mode header .navbar-burger svg {
  filter: invert(90%) sepia(40%) saturate(1507%) hue-rotate(322deg) brightness(101%) contrast(96%);
  transition: filter 1s ease-in-out;
}
.dark-mode header.headerMain #mainNavbar a {
  color: #fff;
}
.dark-mode header.headerMain #mainNavbar a:before {
  background-color: #FAC942;
}
.dark-mode header.headerMain #mainNavbar a:hover, .dark-mode header.headerMain #mainNavbar a:focus {
  color: #e6e6e6;
}
.dark-mode header .navbar-link:not(.is-arrowless)::after {
  border-color: #FAC942;
}
.dark-mode header .menuIcons .socialIcons a {
  color: #FAC942 !important;
}
.dark-mode header .menuIcons .socialIcons a:hover {
  color: #d09a06 !important;
  opacity: 1;
}
.dark-mode header .menuIcons .phoneNum {
  color: #fff !important;
}
.dark-mode header .menuIcons .topSearch input[type=search]::placeholder {
  color: #FAC942;
}
.dark-mode .lp-infographic img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(43deg) brightness(103%) contrast(102%);
  transition: filter 1s ease-in-out;
}
.dark-mode .lp-infographic img:hover {
  filter: invert(90%) sepia(40%) saturate(1507%) hue-rotate(322deg) brightness(101%) contrast(96%);
  transition: filter 1s ease-in-out;
}

.is-boxed {
  background-color: #fff;
  padding: 20px;
  border-radius: 2px;
}
.is-boxed.is-yellow {
  background-color: #FAC942;
}

.has-ar-16-9 {
  aspect-ratio: 16/9;
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
}
.has-ar-1-1 {
  aspect-ratio: 1/1;
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
}
.has-ar-3-2 {
  aspect-ratio: 3/2;
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
}

.wow {
  visibility: hidden;
}

.spin {
  animation: 15s spin linear infinite;
}

.typewriter {
  overflow: hidden;
  /* Ensures the content is not revealed until the animation */
  border-right: 0.15em solid #000;
  /* The typwriter cursor */
  white-space: nowrap;
  /* Keeps the content on a single line */
  margin: 0 auto;
  /* Gives that scrolling effect as the typing happens */
  animation: blink-caret 0.75s step-end infinite;
}

/*-----------------------------------------------------------------------------------*/
/*	Animations
/*-----------------------------------------------------------------------------------*/
@keyframes squish {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(1.25);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes balloon {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
    background: #FAC942;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* The typing effect */
@keyframes typing {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to {
    border-color: transparent;
  }
  50% {
    border-color: orange;
  }
}
.glitch {
  position: relative;
  letter-spacing: 0.5em;
}
.glitch::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: 2px;
  text-shadow: -2px 0 #ff00c1;
  /* Creates an initial clip for our glitch. This works in
  a typical top,right,bottom,left fashion and creates a mask
  to only show a certain part of the glitch at a time. */
  clip: rect(44px, 450px, 56px, 0);
  /* Runs our glitch-anim defined below to run in a 5s loop, infinitely,
  with an alternating animation to keep things fresh. */
  animation-name: glitch-anim;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-direction: alternate-reverse;
}
@media reader, speech, aural {
  .glitch::before {
    display: none;
    visibility: hidden;
  }
}
.glitch::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: -2px;
  text-shadow: -2px 0 #00fff9, 2px 2px #ff00c1;
  animation-name: glitch-anim2;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-direction: alternate-reverse;
}
@media reader, speech, aural {
  .glitch {
    display: none;
    visibility: hidden;
  }
}

@keyframes glitch-anim {
  0% {
    clip: rect(30px, 9999px, 99px, 0);
    transform: skew(or 0.83deg);
  }
  20% {
    clip: rect(1px, 9999px, 28px, 0);
    transform: skew(or 0.9deg);
  }
  40% {
    clip: rect(71px, 9999px, 30px, 0);
    transform: skew(or 0.8deg);
  }
  60% {
    clip: rect(61px, 9999px, 76px, 0);
    transform: skew(or 0.71deg);
  }
  80% {
    clip: rect(51px, 9999px, 71px, 0);
    transform: skew(or 0.85deg);
  }
  100% {
    clip: rect(94px, 9999px, 98px, 0);
    transform: skew(or 0.52deg);
  }
}
@keyframes glitch-anim2 {
  0% {
    clip: rect(62px, 9999px, 69px, 0);
    transform: skew(0.1deg);
  }
  20% {
    clip: rect(13px, 9999px, 23px, 0);
    transform: skew(0.62deg);
  }
  40% {
    clip: rect(42px, 9999px, 95px, 0);
    transform: skew(0.72deg);
  }
  60% {
    clip: rect(43px, 9999px, 72px, 0);
    transform: skew(0.92deg);
  }
  80% {
    clip: rect(63px, 9999px, 94px, 0);
    transform: skew(0.79deg);
  }
  100% {
    clip: rect(33px, 9999px, 42px, 0);
    transform: skew(0.14deg);
  }
}
@keyframes glitch-skew {
  0% {
    transform: skew(5deg);
  }
  20% {
    transform: skew(5deg);
  }
  40% {
    transform: skew(5deg);
  }
  60% {
    transform: skew(0deg);
  }
  80% {
    transform: skew(2deg);
  }
  100% {
    transform: skew(0deg);
  }
}
@keyframes scroll-background {
  from {
    background-position: top;
  }
  50% {
    background-position: bottom;
  }
  to {
    background-position: top;
  }
}
/*-----------------------------------------------------------------------------------*/
/*	Base css
/*-----------------------------------------------------------------------------------*/
html,
body {
  height: 100%;
}

html {
  font-size: 18px;
  color: #23232d;
  font-family: "Raleway", sans-serif;
  scroll-behavior: smooth;
}

body {
  letter-spacing: 0.04em;
  margin: 0;
  color: #23232d;
  font: 400 16px/2em "Raleway", sans-serif;
  background: white;
  min-width: 100%;
  max-width: 100vw;
}

#wrapper {
  background: white;
  overflow: hidden;
  padding-top: 69px;
}
@media only screen and (max-width: 768px) {
  #wrapper {
    padding-top: 70px;
  }
}

.lp-infographic {
  text-align: center;
  padding: 50px 0px;
  background: #FAC942;
}
.lp-infographic img {
  width: 125px;
  height: auto;
  display: block;
  margin: auto;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(43deg) brightness(103%) contrast(102%);
  transition: filter 1s ease-in-out;
}

.container, .wp-block {
  width: 80%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
}

.container-full {
  width: 95%;
  max-width: 1800px;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  .container-full {
    width: 90%;
  }
}

section.is-narrow {
  width: 80%;
  max-width: 1600px;
  margin: 40px auto;
  border-radius: 2px;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  section.is-narrow {
    width: 90%;
  }
}
section.is-narrow .container, section.is-narrow .wp-block {
  width: 90%;
}
@media only screen and (max-width: 768px) {
  section.is-skewed {
    transform: translateX(0px) !important;
  }
}

.overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.7;
}

.inverted h1, .inverted .h1style,
.inverted .headingLarge,
.inverted h2,
.inverted .h2style,
.inverted h3,
.inverted .h3style,
.inverted h4,
.inverted #pillarTabs .page h2,
#pillarTabs .page .inverted h2,
.inverted #pillarTabs .page .h2style,
#pillarTabs .page .inverted .h2style,
.inverted .h4style,
.inverted h5,
.inverted .h5style,
.inverted h6,
.inverted .h6style,
.inverted p,
.inverted .contentBlock ul li,
.contentBlock ul .inverted li,
.inverted .modal ul li,
.modal ul .inverted li,
.inverted .postContent ul li,
.postContent ul .inverted li,
.inverted a,
.inverted li,
.inverted i,
.inverted svg,
.inverted .slick-prev:before,
.inverted .slick-next:before {
  color: white;
}
.inverted a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.inverted .slick-prev,
.inverted .slick-next {
  background: #000;
}
.inverted .slick-prev:hover,
.inverted .slick-prev:focus,
.inverted .slick-next:hover,
.inverted .slick-next:focus {
  background: rgba(0, 0, 0, 0.8);
}

/*-----------------------------------------------------------------------------------*/
/*	Typography
/*-----------------------------------------------------------------------------------*/
a {
  color: #23232d;
  transition: all 0.25s ease-in-out;
  text-decoration: none;
  cursor: pointer;
}
a:focus, a:active {
  outline: none;
}

p, .contentBlock ul li,
.modal ul li, .postContent ul li, li {
  font: 100 18px/28px "Raleway", sans-serif;
  letter-spacing: 0;
  color: #23232d;
  font-weight: 400;
  margin-bottom: 15px;
}
p a, .contentBlock ul li a,
.modal ul li a, .postContent ul li a, li a {
  color: #23232d;
  font-weight: 700;
  position: relative;
}
p a:before, .contentBlock ul li a:before,
.modal ul li a:before, .postContent ul li a:before, li a:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  margin-bottom: -3px;
  height: 3px;
  background: rgba(250, 201, 66, 0.3);
  content: "";
  transition: all 0.5s ease-in-out;
}
p a:hover:before, li a:hover:before {
  bottom: 50%;
  transform: translateY(-50%) scaleY(2);
}
p a:focus, p a:active, li a:focus, li a:active {
  outline: none;
}
p a:focus:before, p a:active:before, li a:focus:before, li a:active:before {
  bottom: 50%;
  transform: translateY(-50%) scaleY(2);
}

.is-highlighted {
  position: relative;
  z-index: 2;
}
.is-highlighted:before {
  position: absolute;
  z-index: -1;
  left: -10px;
  right: -10px;
  bottom: 0;
  top: 15px;
  display: inline-block;
  margin-bottom: -0.25em;
  height: 0.75em;
  background: rgba(250, 201, 66, 0.4);
  content: "";
  transform: scaleX(1);
  transform-origin: left center;
  transition: all 0.5s ease-in-out;
}
.is-highlighted.is-blue:before {
  background: rgba(41, 86, 110, 0.3);
}
.is-highlighted.is-pink:before {
  background: rgba(229, 21, 77, 0.3);
}
.is-highlighted.is-green:before {
  background: rgba(72, 134, 100, 0.3);
}

h1, .h1style,
.headingLarge,
h2,
.h2style,
h3,
.h3style,
h4,
#pillarTabs .page h2,
#pillarTabs .page .h2style,
.h4style,
h5,
.h5style,
h6,
.h6style {
  margin-bottom: 15px;
  color: #23232d;
  text-transform: none;
  line-height: 1em;
}
h1.uppercase, .uppercase.h1style,
.uppercase.headingLarge,
h2.uppercase,
.uppercase.h2style,
h3.uppercase,
.uppercase.h3style,
h4.uppercase,
#pillarTabs .page h2.uppercase,
#pillarTabs .page .uppercase.h2style,
.uppercase.h4style,
h5.uppercase,
.uppercase.h5style,
h6.uppercase,
.uppercase.h6style {
  text-transform: uppercase;
}
h1.caps, .caps.h1style,
.caps.headingLarge,
h2.caps,
.caps.h2style,
h3.caps,
.caps.h3style,
h4.caps,
#pillarTabs .page h2.caps,
#pillarTabs .page .caps.h2style,
.caps.h4style,
h5.caps,
.caps.h5style,
h6.caps,
.caps.h6style {
  text-transform: capitalize;
}
h1.light, .light.h1style,
.light.headingLarge,
h2.light,
.light.h2style,
h3.light,
.light.h3style,
h4.light,
#pillarTabs .page h2.light,
#pillarTabs .page .light.h2style,
.light.h4style,
h5.light,
.light.h5style,
h6.light,
.light.h6style {
  font-weight: 300;
}
h1.regular, .regular.h1style,
.regular.headingLarge,
h2.regular,
.regular.h2style,
h3.regular,
.regular.h3style,
h4.regular,
#pillarTabs .page h2.regular,
#pillarTabs .page .regular.h2style,
.regular.h4style,
h5.regular,
.regular.h5style,
h6.regular,
.regular.h6style {
  font-weight: 400;
}
h1.semibold, .semibold.h1style,
.semibold.headingLarge,
h2.semibold,
.semibold.h2style,
h3.semibold,
.semibold.h3style,
h4.semibold,
#pillarTabs .page h2.semibold,
#pillarTabs .page .semibold.h2style,
.semibold.h4style,
h5.semibold,
.semibold.h5style,
h6.semibold,
.semibold.h6style {
  font-weight: 500;
}
h1.bold, .bold.h1style,
.bold.headingLarge,
h2.bold,
.bold.h2style,
h3.bold,
.bold.h3style,
h4.bold,
#pillarTabs .page h2.bold,
#pillarTabs .page .bold.h2style,
.bold.h4style,
h5.bold,
.bold.h5style,
h6.bold,
.bold.h6style {
  font-weight: 700;
}
h1.black, .black.h1style,
.black.headingLarge,
h2.black,
.black.h2style,
h3.black,
.black.h3style,
h4.black,
#pillarTabs .page h2.black,
#pillarTabs .page .black.h2style,
.black.h4style,
h5.black,
.black.h5style,
h6.black,
.black.h6style {
  font-weight: 900;
}

h2, .h2style,
h3,
.h3style,
h4,
#pillarTabs .page h2,
#pillarTabs .page .h2style,
.h4style,
h5,
.h5style,
h6,
.h6style {
  font-family: "Raleway", sans-serif;
}

h1, .h1style,
.headingLarge {
  font-size: 2rem;
  line-height: 1em;
  font-family: "acier-bat-solid", sans-serif;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  h1, .h1style,
.headingLarge {
    font-size: 1.75rem !important;
  }
}

h2, .h2style {
  font-size: 1.25em;
  font-weight: 400;
}

h3, .h3style {
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 2px;
}

h4, #pillarTabs .page h2, #pillarTabs .page .h2style, .h4style {
  font-size: 1rem;
  font-weight: 700;
}

h5, .h5style {
  font-size: 0.9em;
  font-weight: 700;
}

h6, .h6style {
  font-size: 0.8em;
  font-weight: 700;
}

.is-family-primary {
  font-family: "acier-bat-solid", sans-serif !important;
}

.is-family-secondary {
  font-family: "Raleway", sans-serif !important;
}

.is-family-serif {
  font-family: "bely-display", sans-serif !important;
}

.is-text-yellow {
  color: #FAC942 !important;
}
.is-text-yellow i,
.is-text-yellow svg {
  color: #FAC942 !important;
}

.script {
  font-family: "Pirata One", cursive !important;
  text-transform: none !important;
}

.serif {
  font-family: "bely-display", sans-serif !important;
  text-transform: none !important;
  font-weight: 400 !important;
  letter-spacing: 0px !important;
}

ol,
ul {
  padding: 0;
  margin-bottom: 15px;
}
ol.noStyle,
ul.noStyle {
  margin-left: 0px;
}
ol.noStyle li,
ul.noStyle li {
  list-style: none !important;
  margin-bottom: 5px;
  margin-left: 0px !important;
}

li {
  list-style: disc;
}

ol {
  list-style: decimal;
}

.featuredList {
  font-weight: 700;
  list-style: none;
  margin-left: 20px;
}
.featuredList li {
  list-style: none;
  line-height: 1.5em;
  margin-bottom: 15px;
}
.featuredList i {
  color: #FAC942;
}

.featuredList li:nth-child(1n) {
  animation-delay: 0.5s;
}

.featuredList li:nth-child(2n) {
  animation-delay: 1s;
}

.featuredList li:nth-child(3n) {
  animation-delay: 1.5s;
}

.featuredList li:nth-child(4n) {
  animation-delay: 2s;
}

.featuredList li:nth-child(5n) {
  animation-delay: 2.5s;
}

.featuredList li:nth-child(6n) {
  animation-delay: 3s;
}

.featuredList li:nth-child(7n) {
  animation-delay: 3.5s;
}

.featuredList li:nth-child(8n) {
  animation-delay: 4s;
}

.featuredList li:nth-child(9n) {
  animation-delay: 4.5s;
}

.featuredList li:nth-child(10n) {
  animation-delay: 5s;
}

::selection {
  background: #f9f9de;
  color: #000;
}

::-moz-selection {
  background: #f9f9de;
  color: #fff;
}

hr {
  height: 3px;
  margin: 20px auto;
  width: 100%;
  border: none;
  background-color: #fac942;
}

em {
  font-style: italic;
}

strong,
b {
  font-weight: 700;
  color: inherit;
}

blockquote {
  background-color: rgba(250, 201, 66, 0.1);
  padding: 20px;
  margin: 20px 0px;
}
blockquote::before {
  content: '"';
  font-family: "acier-bat-solid", sans-serif;
  font-size: 4rem;
  line-height: 2rem;
  color: #000;
  float: left;
  margin-right: 15px;
}
blockquote cite {
  font-size: 0.8rem;
}

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

figcaption {
  font-size: 0.8rem;
  line-height: 1rem;
  color: rgba(35, 35, 45, 0.75);
  text-align: center;
  border-top: solid #f2f2f2;
  border-bottom: solid #f2f2f2;
  padding: 10px 0px;
}

.has-drop-cap::first-letter {
  color: #FAC942;
  font-family: "acier-bat-solid", sans-serif;
}

.fal {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}

.p-small {
  font-size: 0.7rem;
  line-height: 1rem;
}

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

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

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

.vert-text {
  transform: rotate(90deg);
  transform-origin: 0% 100%;
  white-space: nowrap;
}

/*-----------------------------------------------------------------------------------*/
/*	accessibility
/*-----------------------------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.25);
  clip: auto !important;
  clip-path: none;
  color: #29566E;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  border: solid 2px #29566E;
  outline: none;
  /* Above WP toolbar. */
}
.screen-reader-text:focus-visible {
  outline: 0 !important;
}

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

a:focus-visible,
button:focus-visible,
input[type=submit]:focus-visible,
.modal-content:focus-visible,
.focusable:focus-visible {
  outline: #29566E solid 2px !important;
  outline-offset: 5px;
}

input:focus,
textarea:focus,
select:focus {
  border: solid 2px #29566E !important;
  outline: #29566E solid 2px !important;
  outline-offset: 5px;
}

.home header a.logo:focus img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(43deg) brightness(103%) contrast(102%);
  transition: filter 1s ease-in-out;
}

.featCol:focus-within {
  outline: #29566E solid 2px !important;
  outline-offset: 10px;
}

/*-----------------------------------------------------------------------------------*/
/* Header
/*-----------------------------------------------------------------------------------*/
.home .lp-icon {
  opacity: 1;
  max-width: 70px;
}
.home .navbar-brand a {
  height: unset !important;
}

header {
  padding: 5px 0px;
  background: #fff;
}
@media only screen and (max-width: 768px) {
  header {
    padding: 5px 0px;
  }
}
header.headerMain {
  position: fixed;
  z-index: 92;
  top: 0;
  left: 0;
  width: 100vw;
  /* Force Hardware Acceleration */
  transform: translateZ(0);
  will-change: transform;
  transition: transform 0.5s;
}
header.headerMain.is-hidden-nav {
  transform: translateY(-100%);
}
header.headerMain #mainNavbar a {
  color: #23232d;
  padding: 5px;
  margin: 0px 15px;
  font-weight: 700;
  z-index: 1;
}
header.headerMain #mainNavbar a:before {
  position: absolute;
  z-index: -1;
  left: -10px;
  right: -10px;
  bottom: 0;
  top: 15px;
  display: inline-block;
  margin-bottom: -0.25em;
  height: 1em;
  background: rgba(250, 201, 66, 0.3);
  content: "";
  transform: scaleX(0);
  transform-origin: left center;
  transition: all 0.5s ease-in-out;
}
header.headerMain #mainNavbar a:after {
  display: none;
}
header.headerMain #mainNavbar a:hover, header.headerMain #mainNavbar a:focus, header.headerMain #mainNavbar a:focus-visible, header.headerMain #mainNavbar a:focus-within {
  color: #23232d;
}
header.headerMain #mainNavbar a:hover:before, header.headerMain #mainNavbar a:focus:before, header.headerMain #mainNavbar a:focus-visible:before, header.headerMain #mainNavbar a:focus-within:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
header.headerMain #mainNavbar a.headerCTA {
  background-color: rgba(250, 201, 66, 0.3) !important;
  border: none !important;
}
header.headerMain #mainNavbar a.headerCTA::before {
  display: none;
}
header.headerMain #mainNavbar a.headerCTA:hover {
  background-color: #FAC942 !important;
  transform: none;
  transition: all 0.5s ease-in-out;
  box-shadow: none;
}
header.headerMain #mainNavbar .navbar-dropdown {
  background: #fff;
  visibility: hidden;
  opacity: 0;
  height: 1px;
}
header.headerMain #mainNavbar .navbar-dropdown a.navbar-item {
  color: #23232d;
}
header.headerMain #mainNavbar .navbar-dropdown a.navbar-item:before {
  display: none;
}
header.headerMain #mainNavbar .navbar-dropdown a.navbar-item:hover {
  color: #505066;
}
header.headerMain #mainNavbar .navbar-dropdown a.navbar-item.menu-seperator {
  font-size: 1rem;
  border-bottom: solid 1px black;
  margin-bottom: 15px;
}
header.headerMain #mainNavbar .navbar-dropdown.is-open {
  visibility: visible;
  opacity: 1;
  height: auto;
  transition: all 0.25s ease-in-out;
  pointer-events: auto;
  transform: translateY(0);
}
header .navbar-brand img {
  width: 100%;
  height: auto;
  max-width: 250px;
}
@media only screen and (max-width: 768px) {
  header .navbar-brand img {
    max-width: 200px;
  }
}
header .headerIcons img {
  width: auto;
  height: 6px;
}
header .lp-icon {
  width: 90px;
  height: auto;
}
header .mainNav a {
  color: #23232d;
  text-transform: uppercase;
  font-size: 0.7rem;
  letter-spacing: 1px;
  background: rgba(255, 255, 255, 0) !important;
}
header .mainNav a:hover {
  color: #FAC942;
}
header .menuIcons .topSearch input[type=search] {
  padding: 5px;
  width: 50px;
  height: 30px;
  border: none;
  border-radius: 10px;
  transition: all 0.25s ease-in-out;
  background: transparent;
  padding: 5px !important;
}
header .menuIcons .topSearch input[type=search]::placeholder {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  color: #000;
}
header .menuIcons .topSearch input[type=search]:focus {
  background: rgba(0, 0, 0, 0.05);
  outline: none;
  width: 100px;
  transition: all 0.25s ease-in-out;
}
header .menuIcons .socialIcons li {
  margin-right: 10px;
}
header .menuIcons .socialIcons li:last-child {
  margin-right: 0px;
}
header .menuIcons .socialIcons li a:before {
  display: none;
}
header .menuIcons .socialIcons li a:hover,
header .menuIcons .socialIcons li a:focus {
  color: #FAC942 !important;
}
header .menuIcons .phoneNum {
  margin-right: 10px;
}
header .navbar-burger svg {
  height: 20px;
  width: auto;
  margin-top: 8px;
  cursor: pointer;
  transition: all 1s;
}
header .navbar-burger:hover svg {
  fill: #FAC942;
}
header .navbar-burger:hover svg:nth-of-type(1) {
  transform: rotate(45deg);
  transform-origin: 50% 50%;
  transition: all 1s;
}
header .navbar-burger:hover svg:nth-of-type(2) {
  animation: squish 1s infinite;
}
header .navbar-burger:hover svg:nth-of-type(3) {
  animation: squish 1s infinite;
  animation-delay: 0.25s;
}
header .navbar-burger:hover svg:nth-of-type(4) {
  animation: squish 1s infinite;
  animation-delay: 0.5s;
}

body.admin-bar header.headerMain {
  margin-top: 32px;
}

.navbar-link:not(.is-arrowless)::after {
  border-color: #23232d;
}

.navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

a.navbar-item:focus,
a.navbar-item:focus-within,
a.navbar-item:hover,
a.navbar-item.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
.navbar-link.is-active {
  background: rgba(255, 255, 255, 0);
}

/*-----------------------------------------------------------------------------------*/
/* Footer
/*-----------------------------------------------------------------------------------*/
footer .footerLogo {
  width: 150px;
  height: 150px;
}
footer .footerLogo img {
  width: 150px;
  height: 150px;
}
footer .footerSearch input {
  width: 90%;
  transition: all 0.25s ease-in-out;
}
@media only screen and (max-width: 768px) {
  footer .footerSearch input {
    margin: auto;
  }
}
footer .footerSearch input::placeholder {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  color: #000;
}
footer .footerSearch input:hover, footer .footerSearch input:focus {
  width: 100%;
  border-color: #29566E;
  transition: all 0.25s ease-in-out;
}
footer .footerSearch input:focus {
  outline: #29566E solid 2px !important;
  outline-offset: 5px;
}
@media only screen and (max-width: 768px) {
  footer .footerSearch {
    text-align: center;
  }
}
footer .footerMenu li {
  display: inline-block;
  margin-right: 20px;
  position: relative;
}
footer .footerMenu li a {
  color: #000;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: none;
  line-height: 1rem;
  padding: 5px;
  text-decoration: none;
}
footer .footerMenu li a:before {
  position: absolute;
  left: -10px;
  right: -10px;
  bottom: 0;
  top: 15px;
  display: inline-block;
  margin-bottom: -0.25em;
  height: 1em;
  background: rgba(250, 201, 66, 0.3);
  content: "";
  transform: scaleX(0);
  transform-origin: left center;
  transition: all 0.5s ease-in-out;
}
footer .footerMenu li a:hover, footer .footerMenu li a:focus, footer .footerMenu li a:focus-visible, footer .footerMenu li a:focus-within {
  color: #333333;
}
footer .footerMenu li a:hover:before, footer .footerMenu li a:focus:before, footer .footerMenu li a:focus-visible:before, footer .footerMenu li a:focus-within:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
footer .footerMenu li:last-of-type {
  margin-right: 0px;
}
@media only screen and (max-width: 768px) {
  footer .footerMenu li {
    display: block;
    margin-right: 0px;
  }
}
footer .contactInfo .email,
footer .contactInfo .phoneNum,
footer .contactInfo .address {
  margin-bottom: 10px;
  line-height: calc(1rem + 4px);
}
footer .footerSocial .socIcons li {
  margin-right: 10px;
}
footer .footerSocial .socIcons li:last-child {
  margin-right: 0px;
}
footer .footerSocial .socIcons li a:before {
  display: none;
}
@media only screen and (max-width: 768px) {
  footer .footerMenu,
footer .contactInfo,
footer .footerSocial {
    text-align: center;
  }
}

#copyright p, #copyright .contentBlock ul li, .contentBlock ul #copyright li,
#copyright .modal ul li,
.modal ul #copyright li, #copyright .postContent ul li, .postContent ul #copyright li {
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.8rem;
}
#copyright a {
  font-weight: 400;
  text-decoration: none;
}

.lp-infographic img:hover {
  filter: invert(90%) sepia(40%) saturate(1507%) hue-rotate(322deg) brightness(101%) contrast(96%);
  transition: filter 1s ease-in-out;
}

.pulltab-contact {
  position: fixed;
  right: 0;
  bottom: 10px;
  background: #262626;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  width: 90px;
  height: 60px;
  padding: 15px;
  transition: all 0.5s ease-in-out;
}
.pulltab-contact i,
.pulltab-contact svg {
  color: #fff;
  font-size: 1.25rem;
  margin-right: 10px;
}
.pulltab-contact:hover {
  width: 100px;
  transition: all 0.5s ease-in-out;
}

.cookie-banner {
  position: fixed;
  z-index: 9999;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  padding: 15px 30px;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

#lpbp-menu-trigger {
  flex-grow: 100;
  font-size: 1.5rem;
}

#lpbp-lateral-nav {
  position: fixed;
  height: 100vh;
  right: 0;
  top: 0;
  visibility: hidden;
  /* the secondary navigation is covered by the main element */
  z-index: 94;
  width: 300px;
  background-color: #f3f3f3;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0.4s;
  -moz-transition: -moz-transform 0.4s 0s, visibility 0s 0.4s;
  transition: transform 0.4s 0s, visibility 0s 0.4s;
  /* this creates the subtle slide in animation of the navigation */
  -moz-transform: translateX(300px);
  -o-transform: translateX(300px);
  -ms-transform: translateX(300px);
  -webkit-transform: translateX(300px);
  transform: translateX(300px);
}
#lpbp-lateral-nav .closing-time {
  background: #f3f3f3;
  padding: 10px 20px;
}
#lpbp-lateral-nav .closing-time button {
  font-size: 1.5rem;
  color: #23232d;
  background: rgba(255, 255, 255, 0);
  border: none;
}
#lpbp-lateral-nav .meta-meta {
  padding: 1rem 0 0 1.5rem;
  display: inline-block;
}
#lpbp-lateral-nav .meta-meta li {
  float: left;
  color: #fff;
  display: flex;
}
#lpbp-lateral-nav .meta-meta li a {
  padding: 3px;
  opacity: 0.6;
  line-height: 3.2em;
  padding: 0px 7px 0px 7px;
  font-size: 13px;
}
#lpbp-lateral-nav .meta-meta li a:hover {
  opacity: 1;
  text-decoration: underline;
}
#lpbp-lateral-nav .meta-meta li:after {
  content: "|";
  color: #fff;
  opacity: 0.5;
  display: block;
  padding-top: 5px;
}
#lpbp-lateral-nav .meta-meta li:last-child:after {
  content: "";
}
#lpbp-lateral-nav h4, #lpbp-lateral-nav #pillarTabs .page h2, #pillarTabs .page #lpbp-lateral-nav h2, #lpbp-lateral-nav #pillarTabs .page .h2style, #pillarTabs .page #lpbp-lateral-nav .h2style, #lpbp-lateral-nav .h4style {
  font-size: 1.25rem;
  font-weight: 700;
  padding: 1.5rem 0 0 1.5rem;
  color: #fff;
}
#lpbp-lateral-nav .lpbp-navigation {
  margin: 50px 0px;
}
@media only screen and (max-width: 768px) {
  #lpbp-lateral-nav .lpbp-navigation {
    margin: 30px 0;
  }
}
#lpbp-lateral-nav .sub-menu {
  padding: 0 10px 20px 15px;
  display: none;
}
#lpbp-lateral-nav hr {
  border: 0px none;
  background-color: #d09a06;
  margin: 0 1.5rem;
  height: 1px;
  width: auto;
}
#lpbp-lateral-nav a {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 1.5em;
  padding: 10px 16px 10px 32px;
  color: #23232d;
  transition: all 0.5s ease-in-out;
  text-decoration: none;
  position: relative;
}
#lpbp-lateral-nav a:before {
  position: absolute;
  z-index: -1;
  left: -10px;
  right: -10px;
  bottom: 0;
  top: 15px;
  display: inline-block;
  margin-bottom: -0.25em;
  height: 1em;
  background: rgba(250, 201, 66, 0.3);
  content: "";
  transform: scaleX(0);
  transform-origin: left center;
  transition: all 0.5s ease-in-out;
}
#lpbp-lateral-nav a:hover, #lpbp-lateral-nav a:focus, #lpbp-lateral-nav a:focus-visible {
  transition: all 0.5s ease-in-out;
}
#lpbp-lateral-nav a:hover:before, #lpbp-lateral-nav a:focus:before, #lpbp-lateral-nav a:focus-visible:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
#lpbp-lateral-nav .current-menu-item a {
  background-color: rgba(255, 255, 255, 0.025);
  color: #FAC942;
  font-weight: 700;
}
#lpbp-lateral-nav .socialcons li a {
  padding: 10px;
  color: #FAC942 !important;
}
#lpbp-lateral-nav .socialcons li a,
#lpbp-lateral-nav .socialcons li i,
#lpbp-lateral-nav .socialcons li svg {
  font-size: 1.25rem !important;
}
#lpbp-lateral-nav .socialcons li:first-of-type a {
  padding-left: 32px;
}
#lpbp-lateral-nav .email a,
#lpbp-lateral-nav .phoneNum a {
  font-size: 0.9rem;
  line-height: 1rem;
  color: #e6e6e6 !important;
  text-transform: unset;
}
#lpbp-lateral-nav.lateral-menu-is-open {
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  -webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.4s 0s, visibility 0s 0s;
  transition: transform 0.4s 0s, visibility 0s 0s;
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}

/* style menu items which have a submenu  */
#lpbp-lateral-nav .menu-item-has-children > a {
  position: relative;
  text-transform: uppercase;
  font-weight: 600;
}
#lpbp-lateral-nav .menu-item-has-children > a:after {
  transition: all 0.6s ease-in-out;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  position: absolute;
  right: 1em;
  content: "\f067";
  -moz-transition-property: transform;
  -o-transition-property: transform;
  -webkit-transition-property: transform;
  transition-property: transform;
  color: #FAC942;
}
#lpbp-lateral-nav .menu-item-has-children > a.submenu-open:after {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*-----------------------------------------------------------------------------------*/
/*	Blog
/*-----------------------------------------------------------------------------------*/
.blogSidebar {
  background-color: rgba(250, 201, 66, 0.2);
  padding: 15px;
  margin-bottom: 30px;
  color: #fff;
}
.blogSidebar form input[type=search] {
  padding: 5px;
  width: 100%;
  border: none;
  background: #fff;
  color: #000;
}
.blogSidebar form input[type=submit] {
  display: none;
  height: 40px;
}
.blogSidebar .widget {
  margin-bottom: 20px;
}
.blogSidebar .widget h2, .blogSidebar .widget .h2style {
  background: #FAC942;
  padding: 0px 5px;
  color: #000 !important;
  font-size: 0.7rem !important;
  line-height: 1rem;
  font-family: "acier-bat-solid", sans-serif;
  display: inline-block;
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.blogSidebar .widget ul {
  list-style: none;
  margin-left: 0px;
}
.blogSidebar .widget ul li {
  font-size: 0.9rem;
}
.blogSidebar .widget ul.children {
  margin-left: 0px;
}

.postHeader {
  background-color: #000;
  overflow: hidden;
}
.postHeader .postTags {
  position: inherit;
  z-index: 2;
  margin-bottom: 20px;
}
.postHeader .postTags ul {
  margin: 0px 0px 40px 0px;
}
.postHeader .postTags ul li {
  background-color: rgba(255, 255, 255, 0);
  padding: 5px 10px;
  border: solid 1px rgba(255, 255, 255, 0.5);
  border-radius: 0px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.6rem;
  text-transform: uppercase;
  display: inline;
  margin-right: 10px;
}
@media only screen and (max-width: 768px) {
  .postHeader .postTags ul li {
    display: block;
  }
}
.postHeader .postTags ul li a {
  color: rgba(255, 255, 255, 0.5);
}
.postHeader .postTags ul li:hover {
  transition: all 0.5s ease;
}
.postHeader .postTags ul li:hover a {
  color: rgba(255, 255, 255, 0.8);
  transition: all 0.5s ease;
}
.postHeader .postTitle h1, .postHeader .postTitle .h1style,
.postHeader .postTitle .headingLarge {
  font-size: 4rem;
  line-height: 4.25rem;
  color: white;
  font-family: "Raleway", sans-serif;
  font-weight: 300;
  text-transform: none;
}
@media only screen and (max-width: 768px) {
  .postHeader .postTitle h1, .postHeader .postTitle .h1style,
.postHeader .postTitle .headingLarge {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
.postHeader .authorPhoto span {
  margin-right: 20px;
}
.postHeader .authorPhoto img {
  width: 75px;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}
@media only screen and (max-width: 768px) {
  .postHeader .authorPhoto img {
    width: 30px;
  }
}
.postHeader .overlay {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
}

.postContent img {
  margin: 20px 0px;
}
.postContent ul {
  list-style: circle;
  margin-bottom: 20px;
}
.postContent ul li {
  margin-left: 15px;
  margin-bottom: 5px;
}

.postAuthor {
  background: #e5f3fb;
  padding: 30px;
}
.postAuthor .authorPhoto {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-right: 20px;
}
.postAuthor .authorPhoto img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}

.postsPage .featuredpost {
  background: #000;
}
.postsPage .featuredpost .postContent h1, .postsPage .featuredpost .postContent .h1style,
.postsPage .featuredpost .postContent .headingLarge {
  font-size: 4rem;
}
@media only screen and (max-width: 768px) {
  .postsPage .featuredpost .postContent h1, .postsPage .featuredpost .postContent .h1style,
.postsPage .featuredpost .postContent .headingLarge {
    font-size: 2rem;
    line-height: 2.25rem;
  }
}
.postsPage .featuredpost .postContent .author .authorPhoto img {
  width: 50px;
  margin-right: 20px;
  object-fit: cover;
  border-radius: 50%;
}
@media only screen and (max-width: 768px) {
  .postsPage .featuredpost .postContent .author .authorPhoto img {
    width: 30px;
  }
}
.postsPage .featuredpost .postContent .author p, .contentBlock ul .postsPage .featuredpost .postContent .author li,
.modal ul .postsPage .featuredpost .postContent .author li, .postsPage .featuredpost .postContent .author ul li, .postsPage .featuredpost .postContent ul .author li {
  font-size: 700;
}
.postsPage .featuredpost .overlay {
  background-color: #000;
  opacity: 0.7;
}
.postsPage .blogSearch {
  background: #000;
  padding: 10px 0px;
}
.postsPage .blogSearch input[type=search] {
  padding: 5px;
  border-style: solid;
  background: rgba(255, 255, 255, 0);
  border: solid 2px white;
  color: #fff;
  width: 300px;
}
.postsPage .blogSearch input[type=search]::placeholder {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  color: white;
}
.postsPage .postFeed a:focus-visible {
  outline: #29566E solid 2px !important;
  outline-offset: 5px;
}
.postsPage .postFeed a:focus-visible .postContent {
  bottom: 0%;
  background: rgba(31, 42, 60, 0.8);
  transition: all 0.5s ease-in-out;
}
.postsPage .post {
  border-bottom: 1px solid black;
  background-color: #1F2A3C;
  border-radius: 2px;
  overflow: hidden;
  height: 400px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.postsPage .post .postContent {
  background: rgba(0, 0, 0, 0.6);
  bottom: -70%;
  color: #fff;
  height: 100%;
  left: 0%;
  transition: bottom 0.5s ease;
  width: 100%;
  padding: 10px;
  transition: all 0.5s ease-in-out;
  padding: 20px;
}
.postsPage .post .postContent .content p, .contentBlock ul .postsPage .post .postContent .content li,
.modal ul .postsPage .post .postContent .content li, .postsPage .post .postContent .content ul li, .postsPage .post .postContent ul .content li {
  height: 75px;
  overflow: hidden;
}
.postsPage .post:hover .postContent {
  bottom: 0%;
  background: rgba(31, 42, 60, 0.8);
  transition: all 0.5s ease-in-out;
}
.postsPage .post .overlay {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 2;
}

.archive #postFeed img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: center;
}
.archive hr {
  margin: 60px 0px;
}

.navigation .next-posts,
.navigation .prev-posts {
  display: inline-block;
}
.navigation .next-posts a,
.navigation .prev-posts a {
  padding: 10px;
  border: solid 1px #000;
  margin: 0px 10px;
}

/*-----------------------------------------------------------------------------------*/
/* Buttons
/*-----------------------------------------------------------------------------------*/
.button {
  transition: all 0.5s ease-in-out;
  background-color: rgba(255, 255, 255, 0);
  border-width: 2px;
  border-color: #000;
  font-family: "Raleway", sans-serif;
  color: #000;
  font-weight: 700;
  padding: 8px 30px !important;
  font-size: 0.8rem;
  line-height: 1.25em;
  text-transform: uppercase;
  border-radius: 8px;
}
.button::before {
  display: none !important;
}
.button:hover, .button:focus-visible {
  cursor: pointer;
  border-color: #000 !important;
  transform: translateY(-6px);
  transform-origin: bottom center;
  transition-timing-function: ease-in-out;
  box-shadow: 0px 6px 0px 0px black;
}
.button .smallBTN {
  padding: 5px 20px !important;
  font-size: 0.8rem !important;
  border-radius: 10px !important;
}
.button.mediumBTN {
  padding: 8px 30px !important;
  font-size: 1rem !important;
  border-radius: 15px !important;
}
.button.largeBTN {
  padding: 15px 40px !important;
  font-size: 1.5rem !important;
  border-radius: 20px !important;
}
@media only screen and (max-width: 768px) {
  .button {
    font-size: 0.6rem !important;
    line-height: 1em !important;
  }
}

.buttonHolder {
  margin-top: 20px;
}

.inverted .button {
  background: #fff !important;
  color: #23232d !important;
  border-color: #fff !important;
}
.inverted .button:hover {
  background: #e6e6e6 !important;
}

input[type=submit] {
  line-height: 1rem;
}

/*-----------------------------------------------------------------------------------*/
/* Forms
/*-----------------------------------------------------------------------------------*/
form input[type=text],
form input,
form select,
form textarea {
  background: rgba(255, 255, 255, 0);
  border: solid 2px #000;
  font-size: 1rem !important;
  padding: 10px !important;
  box-shadow: none;
  border-radius: 2px;
}
form input[type=text]::placeholder,
form input::placeholder,
form select::placeholder,
form textarea::placeholder {
  text-transform: none;
  letter-spacing: 0.8px;
  color: rgba(35, 35, 45, 0.6);
  font-size: 1rem !important;
}
form label,
form .gfield_label {
  font-size: 1rem !important;
  font-weight: 700 !important;
}
form .button {
  padding: 0px;
}

.image-choices-field {
  text-align: center !important;
}

/*-----------------------------------------------------------------------------------*/
/*	Tables
/*-----------------------------------------------------------------------------------*/
table {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid #FAC942;
  border-collapse: collapse;
  background: #29566E;
}
table h2, table .h2style {
  margin-bottom: 0px;
}
table tfoot tr th,
table thead tr th {
  background-color: #29566E;
  font-size: 21px;
  color: #23232d;
  text-align: left;
  font-weight: 500;
  padding: 8px;
}
table > tbody > tr td,
table > tbody > tr th {
  color: #23232d;
  padding: 10px;
  font-size: 14px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #FAC942;
  border-right: 1px solid #FAC942;
}
table > tbody > tr td a,
table > tbody > tr th a {
  font-weight: 500;
}
table > tbody > tr td a i,
table > tbody > tr th a i {
  color: #E5154D;
  padding-right: 10px;
}
table > tbody > tr:nth-of-type(odd) {
  background-color: white;
}
table > tbody > tr:nth-of-type(even) {
  background-color: rgba(0, 0, 0, 0.1);
}
table .label {
  color: white;
  padding: 0px 6px 3px;
}
table.container::after, table.wp-block::after {
  height: 0px;
  content: none;
}

/*-----------------------------------------------------------------------------------*/
/*	Modal
/*-----------------------------------------------------------------------------------*/
.modal {
  z-index: 1000;
}
.modal .modal-content::-webkit-scrollbar {
  width: 1em;
}
.modal .modal-content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.modal .modal-content::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
.modal .modal-background {
  background: rgba(0, 0, 0, 0.8);
}
.modal .modal-close::before,
.modal .delete::before {
  height: 2px;
  width: 20px;
}
.modal .modal-close::after,
.modal .delete::after {
  height: 20px;
  width: 2px;
}

/*-----------------------------------------------------------------------------------*/
/*	Accordian Block
/*-----------------------------------------------------------------------------------*/
.accordion .card {
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
}
.accordion .card .card-header {
  box-shadow: none;
  border-bottom: solid 1px #FAC942;
}
.accordion .card .card-header h4, .accordion .card .card-header #pillarTabs .page h2, #pillarTabs .page .accordion .card .card-header h2, .accordion .card .card-header #pillarTabs .page .h2style, #pillarTabs .page .accordion .card .card-header .h2style, .accordion .card .card-header .h4style {
  margin: 0px;
  padding-left: 0px;
  font-size: 0.9rem;
}
.accordion .card .card-header .card-header-icon {
  padding: 0 0.75rem;
}
.accordion .card .card-header.open .card-header-icon {
  transform: rotate(180deg);
  transition: all 0.25s ease-in-out;
}

/*-----------------------------------------------------------------------------------*/
/*	Content Block
/*-----------------------------------------------------------------------------------*/
.contentBlock ul,
.modal ul {
  list-style: circle;
  margin-bottom: 20px;
}
.contentBlock ul li,
.modal ul li {
  margin-left: 15px;
}

#wp-block-columns.contentBlock {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#wp-block-columns.contentBlock .container, #wp-block-columns.contentBlock .wp-block {
  z-index: 2;
}
#wp-block-columns.contentBlock .column {
  flex: 1 1 300px;
}

/*-----------------------------------------------------------------------------------*/
/*	Call to Action Block
/*-----------------------------------------------------------------------------------*/
.cta2 {
  clear: both;
  width: 100%;
  overflow: hidden;
}
.cta2 .columns {
  margin: 0px;
}
.cta2 .cta2-col {
  padding-left: 75px;
  padding-right: 75px;
}
.cta2 .cta-button {
  margin-top: 20px;
}

@media only screen and (max-width: 768px) {
  .cta2 .cta2-one,
.cta2 .cta2-two {
    width: 100%;
    display: block;
    float: none;
  }
}
/*-----------------------------------------------------------------------------------*/
/*	Featured Columns Block
/*-----------------------------------------------------------------------------------*/
.featuredColumns {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.featuredColumns .featurColumn {
  flex: 1 1 300px;
}
.featuredColumns.has-break-1 .featurColumn {
  flex: 1 1 800px !important;
}
.featuredColumns.has-break-2 .featurColumn {
  flex: 1 1 500px !important;
}
.featuredColumns.has-break-3 .featurColumn {
  flex: 1 1 350px !important;
}
.featuredColumns.has-break-4 .featurColumn {
  flex: 1 1 270px !important;
}
.featuredColumns.has-break-5 .featurColumn {
  flex: 1 1 225px !important;
}
.featuredColumns.has-no-flex-grow .featurColumn {
  flex-grow: 0 !important;
}
.featuredColumns .featCol {
  min-height: 100%;
}
.featuredColumns .featCol .columnImage {
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 15px;
  transition: all 0.7s ease;
  overflow: hidden;
}
.featuredColumns .featCol .columnImage img {
  transform: scale(1.1);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.featuredColumns .featCol .columnImage.imgSmall {
  width: 100%;
  text-align: center;
}
.featuredColumns .featCol .columnImage.imgSmall img {
  width: 40px;
  height: auto;
}
.featuredColumns .featCol .columnImage.imgMd {
  width: 80%;
  height: 125px;
}
.featuredColumns .featCol .columnImage.imgLg {
  width: 100%;
  height: 150px;
}
.featuredColumns .featCol .columnImage img {
  transition: all 0.7s ease;
}
.featuredColumns .featCol:hover .columnImage img {
  transform: scale(1);
}
.featuredColumns.half-columns .column {
  flex: 1 1 600px !important;
}
.featuredColumns.has-image-ar-16-9 .columnImage,
.featuredColumns.has-image-ar-16-9 .columnImage img {
  aspect-ratio: 16/9;
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
}
.featuredColumns.has-image-ar-1-1 .columnImage,
.featuredColumns.has-image-ar-1-1 .columnImage img {
  aspect-ratio: 1/1;
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
}
.featuredColumns.has-image-ar-3-2 .columnImage,
.featuredColumns.has-image-ar-3-2 .columnImage img {
  aspect-ratio: 3/2;
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
}
.featuredColumns.is-icons .featCol .columnImage {
  width: 100px !important;
  height: 100px !important;
}
.featuredColumns.is-icons .featCol .columnImage img {
  transform: none;
  object-fit: contain;
}

.featuredList .iconBar img {
  opacity: 0.5;
}
@media only screen and (max-width: 768px) {
  .featuredList .iconBar {
    height: 100px;
  }
}

.featuredNumbers .featNum h2, .featuredNumbers .featNum .h2style {
  font-size: 4rem;
  line-height: 4rem;
  font-family: "acier-bat-solid", sans-serif;
  color: #1F2A3C;
  margin-bottom: 15px !important;
}
@media only screen and (max-width: 768px) {
  .featuredNumbers .featNum h2, .featuredNumbers .featNum .h2style {
    font-size: 2.5rem;
    line-height: 3rem;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .featuredNumbers .featNum h3, .featuredNumbers .featNum .h3style {
    font-size: 0.8rem;
    line-height: 1rem;
    letter-spacing: 0px;
  }
}
.featuredNumbers .bigStat h2, .featuredNumbers .bigStat .h2style {
  font-size: 9rem;
}
@media only screen and (max-width: 768px) {
  .featuredNumbers .bigStat h2, .featuredNumbers .bigStat .h2style {
    font-size: 2rem;
  }
}

/*-----------------------------------------------------------------------------------*/
/*	Testimonials Block
/*-----------------------------------------------------------------------------------*/
.testimonials .testimonial {
  padding: 40px;
  margin-bottom: 30px;
}
.testimonials .body-copy p, .testimonials .body-copy .postContent ul li, .postContent ul .testimonials .body-copy li, .testimonials .body-copy .contentBlock ul li, .contentBlock ul .testimonials .body-copy li,
.testimonials .body-copy .modal ul li,
.modal ul .testimonials .body-copy li {
  font-size: 1.25rem;
  line-height: 1.76rem;
}
@media only screen and (max-width: 768px) {
  .testimonials .body-copy p, .testimonials .body-copy .postContent ul li, .postContent ul .testimonials .body-copy li, .testimonials .body-copy .contentBlock ul li, .contentBlock ul .testimonials .body-copy li,
.testimonials .body-copy .modal ul li,
.modal ul .testimonials .body-copy li {
    font-size: 0.9rem;
    line-height: 1rem;
  }
}
.testimonials .body-copy p:before, .testimonials .body-copy .postContent ul li:before, .postContent ul .testimonials .body-copy li:before, .testimonials .body-copy .contentBlock ul li:before, .contentBlock ul .testimonials .body-copy li:before,
.testimonials .body-copy .modal ul li:before,
.modal ul .testimonials .body-copy li:before {
  content: open-quote;
  font-size: 3rem;
  margin-right: 10px;
}
.testimonials .body-copy p:after, .testimonials .body-copy .postContent ul li:after, .postContent ul .testimonials .body-copy li:after, .testimonials .body-copy .contentBlock ul li:after, .contentBlock ul .testimonials .body-copy li:after,
.testimonials .body-copy .modal ul li:after,
.modal ul .testimonials .body-copy li:after {
  content: close-quote;
}
.testimonials .byline {
  margin-top: 15px;
}
.testimonials .byline span {
  font-weight: 700;
}

/*-----------------------------------------------------------------------------------*/
/*	Hero Block
/*-----------------------------------------------------------------------------------*/
.hero {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  .hero .image-container img {
    width: 100% !important;
    display: block;
    margin: auto;
  }
}
.hero .hero-button .button:first-of-type {
  color: #23232d !important;
  border: solid 2px #23232d !important;
}
.hero .hero-button .button:last-of-type {
  background-color: #23232d !important;
  color: #fff !important;
  border: solid 2px #23232d !important;
}
.hero .hero-button .button {
  margin-right: 20px;
}
@media only screen and (max-width: 768px) {
  .hero .button:last-of-type {
    margin-top: 15px;
  }
}

.videoHero {
  background-image: none;
}
.videoHero .sub-title {
  text-shadow: none;
}
.videoControls {
  right: 0;
  bottom: 20px;
}
.videoControls button {
  background: #000;
  color: #fff;
  border: 2px solid #000;
  outline: none;
  padding: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  font-size: 0.6rem;
}
.videoControls button:hover, .videoControls button:focus {
  border-color: #FAC942;
}

.banner__video {
  min-width: 100%;
  min-height: 100%;
  z-index: 1;
  object-fit: cover;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
}

.hero.inverted .button:first-of-type,
.videoHero.inverted .button:first-of-type {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #FAC942 !important;
  border: solid 2px #FAC942 !important;
}
.hero.inverted .button:first-of-type:hover,
.videoHero.inverted .button:first-of-type:hover {
  border-color: #d09a06 !important;
  color: #d09a06 !important;
}

@media only screen and (max-width: 768px) {
  .hero .hero-button button:first-of-type {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1216px) {
  .homeHero {
    max-width: 2000px !important;
    display: block;
    margin: auto;
  }
}
.homeHero .heroImage,
.homeHero .heroImage {
  min-height: 100%;
  overflow: hidden;
}
.homeHero .heroImage img,
.homeHero .heroImage img {
  min-height: 100%;
  width: 100%;
  object-fit: cover;
}
.homeHero.nocrop .heroImage img,
.homeHero.nocrop .heroImage img {
  min-height: 100%;
  width: 100%;
  object-fit: contain;
}
.homeHero.is-square .heroImage {
  aspect-ratio: 1/1 !important;
}

/*-----------------------------------------------------------------------------------*/
/*	Homepage Hero Block
/*-----------------------------------------------------------------------------------*/
#homeHero {
  width: 100%;
  margin: auto;
  display: flex;
  position: relative;
  z-index: 1;
}
#homeHero .columns {
  width: 100%;
}
#homeHero .square {
  background: #000;
  min-height: 500px;
}
@media only screen and (max-width: 768px) {
  #homeHero .square {
    min-height: 150px;
  }
}
@media only screen and (min-width: 769px) {
  #homeHero .square {
    min-height: 150px;
  }
}
#homeHero .square .content {
  width: 100%;
  height: 100%;
  padding: 60px 75px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  margin-bottom: 0px;
}
@media only screen and (max-width: 768px) {
  #homeHero .square .content {
    padding: 20px 30px;
  }
}
#homeHero .square .content h1, #homeHero .square .content .h1style,
#homeHero .square .content .headingLarge,
#homeHero .square .content h2,
#homeHero .square .content .h2style,
#homeHero .square .content p,
#homeHero .square .content .postContent ul li,
.postContent ul #homeHero .square .content li,
#homeHero .square .content .contentBlock ul li,
.contentBlock ul #homeHero .square .content li,
#homeHero .square .content .modal ul li,
.modal ul #homeHero .square .content li {
  color: white;
}
#homeHero .square .content h1, #homeHero .square .content .h1style,
#homeHero .square .content .headingLarge {
  font-size: 3.5rem !important;
  line-height: 2.75rem;
  letter-spacing: 4px;
  margin-top: 0px;
  margin-bottom: 10px;
}
#homeHero .square .content h2, #homeHero .square .content .h2style {
  font-size: 2.5rem;
  line-height: 2rem;
  margin-top: 0px;
  letter-spacing: 3px;
}
#homeHero .square .content p, #homeHero .square .content .postContent ul li, .postContent ul #homeHero .square .content li, #homeHero .square .content .contentBlock ul li, .contentBlock ul #homeHero .square .content li,
#homeHero .square .content .modal ul li,
.modal ul #homeHero .square .content li {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.25rem;
}
@media only screen and (max-width: 768px) {
  #homeHero .square .content p, #homeHero .square .content .postContent ul li, .postContent ul #homeHero .square .content li, #homeHero .square .content .contentBlock ul li, .contentBlock ul #homeHero .square .content li,
#homeHero .square .content .modal ul li,
.modal ul #homeHero .square .content li {
    font-size: 0.7rem;
    line-height: 1rem;
  }
}
#homeHero .square .content .button {
  border-color: #FAC942;
  color: #FAC942;
}
#homeHero .square .content .button:hover {
  background-color: #FAC942;
  border-color: #FAC942 !important;
  color: #000;
}
#homeHero .square .content .iconL,
#homeHero .square .content .iconPlus,
#homeHero .square .content .iconP {
  position: absolute;
  height: 30px;
  width: auto;
  opacity: 0.25;
}
#homeHero .square .content .iconL {
  top: 30px;
  left: 30px;
}
@media only screen and (max-width: 768px) {
  #homeHero .square .content .iconL {
    top: 5px;
    left: 5px;
  }
}
#homeHero .square .content .iconPlus {
  top: 30px;
  right: 30px;
}
@media only screen and (max-width: 768px) {
  #homeHero .square .content .iconPlus {
    top: 5px;
    right: 5px;
  }
}
#homeHero .square .content .iconP {
  right: 30px;
  bottom: 30px;
}
@media only screen and (max-width: 768px) {
  #homeHero .square .content .iconP {
    right: 5px;
    bottom: 5px;
  }
}
#homeHero .square .overlay {
  background: #000;
  opacity: 0.85;
}
#homeHero .square #homeVideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#homeHero .square .videoControls {
  margin: 20px;
  left: 0;
}
#homeHero .square .videoControls button {
  width: 20px;
  height: 20px;
  padding: 2px;
  font-size: 0.4rem;
}
#homeHero .heroGrid .bottom-row {
  width: 100%;
  height: 100%;
}
#homeHero .heroGrid .bottom-row .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), black);
}
@media only screen and (max-width: 768px) {
  #homeHero .square {
    width: 100%;
  }
  #homeHero .square .content h1, #homeHero .square .content .h1style,
#homeHero .square .content .headingLarge {
    font-size: 1.75rem !important;
    line-height: 1.5rem !important;
  }
  #homeHero .square .content h2, #homeHero .square .content .h2style {
    font-size: 1.25rem;
  }
  #homeHero .square .content hr {
    width: 100%;
    border-top-width: 1px;
  }
  #homeHero .square .content .iconL,
#homeHero .square .content .iconPlus,
#homeHero .square .content .iconP {
    height: 15px;
  }
}

#pillarTabs .nav {
  will-change: transform;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  background: #1a1a1a;
  transform: translateY(-100%);
  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
#pillarTabs .nav--active {
  transform: translateY(0);
}
#pillarTabs .nav__list {
  display: flex;
  border-top: solid 2px #FAC942;
}
#pillarTabs .nav__item {
  flex: 1;
  position: relative;
  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  height: 100px;
}
@media only screen and (max-width: 768px) {
  #pillarTabs .nav__item {
    height: 60px;
  }
}
#pillarTabs .nav__item:hover .nav__label {
  font-weight: 700;
  transition: all 0.5s ease-in-out;
}
#pillarTabs .nav__item:hover .nav__link::before {
  visibility: visible;
  transform: scale(1.25);
  transition: all 0.5s ease-in-out;
}
#pillarTabs .nav__item span {
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #e6e6e6;
  margin: 0;
  font-size: 1rem;
  font-weight: 300;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  #pillarTabs .nav__item span {
    font-size: 7pt;
    letter-spacing: 0px;
  }
}
#pillarTabs .nav__link::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #000;
  border: solid 2px #FAC942;
  text-align: center;
  animation-name: balloon;
  animation-duration: 1s;
  animation-iteration-count: 1;
  position: absolute;
  left: calc(50% - 10px);
  top: -10px;
  transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 768px) {
  #pillarTabs .nav__link::before {
    width: 10px;
    height: 10px;
    left: calc(50% - 5px);
    top: -5px;
  }
}
#pillarTabs .nav__link.nav__active {
  font-weight: 700;
  transition: all 0.5s ease-in-out;
}
#pillarTabs .nav__link.nav__active::before {
  transform: scale(1.5);
  border-radius: 50%;
  background: #FAC942;
  transition: all 0.5s ease-in-out;
}
#pillarTabs .nav__item a:focus-visible {
  outline: 3px solid #fff !important;
  outline-offset: -3px;
}
#pillarTabs .nav__item a {
  display: block;
}
#pillarTabs .nav__thumb {
  display: block;
  height: 80px;
  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
#pillarTabs .nav__thumb:before {
  display: none;
}
#pillarTabs .nav__label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #e6e6e6;
  margin: 0;
}
@media (max-width: 850px) {
  #pillarTabs .nav__link {
    font-size: 14px;
  }
}
@media (max-width: 720px) {
  #pillarTabs .nav__label {
    font-size: 0.5rem;
    font-weight: 900;
    letter-spacing: 0px;
  }
  #pillarTabs .nav__thumb {
    height: 60px;
  }
  #pillarTabs .nav__thumb:before {
    font-size: 0.4rem;
    color: white;
    opacity: 0.7;
    font-weight: 900;
  }
}
#pillarTabs .page {
  will-change: transform;
  perspective: 400px;
  overflow: hidden;
  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  height: 100%;
  min-height: 450px;
}
@media only screen and (max-width: 768px) {
  #pillarTabs .page {
    min-height: 300px;
  }
}
#pillarTabs .page h2, #pillarTabs .page .h2style {
  font-size: 0.7rem;
  margin-bottom: 15px;
}
@media only screen and (max-width: 768px) {
  #pillarTabs .page h2, #pillarTabs .page .h2style {
    margin-bottom: 5px;
    font-size: 0.7rem !important;
  }
}
#pillarTabs .page h3, #pillarTabs .page .h3style {
  font-size: 3rem;
  line-height: 2.5rem;
  word-break: break-all;
  color: #759AAD !important;
}
@media only screen and (max-width: 768px) {
  #pillarTabs .page h3, #pillarTabs .page .h3style {
    font-size: 2rem;
    line-height: 2rem;
  }
}
#pillarTabs .page ul {
  list-style: none;
  margin: 10px 0px;
  line-height: 1.25rem;
}
#pillarTabs .page ul li {
  display: inline-block;
  margin-right: 15px;
  font-size: 0.75rem;
  font-weight: 700;
}
#pillarTabs .page ul li:last-of-type {
  margin-right: 0px;
}
#pillarTabs .section {
  will-change: transform;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
  transform: translateX(100%);
  transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  visibility: hidden;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  #pillarTabs .section h3, #pillarTabs .section .h3style {
    font-size: 2rem;
    margin-bottom: 5px;
  }
  #pillarTabs .section .button {
    font-size: 0.6rem;
  }
}
#pillarTabs .section--hidden {
  transform: translateX(-100%);
}
#pillarTabs .section--active {
  transform: translateX(0) rotateY(0);
  z-index: 2;
  visibility: visible;
}
#pillarTabs .section__wrapper {
  width: 100%;
  padding: 50px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #pillarTabs .section__wrapper {
    padding: 5px;
  }
}
#pillarTabs .section__title {
  margin: 0 0 25px 0;
  font-size: 48px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 5px;
}
#pillarTabs .section p:last-child, #pillarTabs .section .postContent ul li:last-child, .postContent ul #pillarTabs .section li:last-child, #pillarTabs .section .contentBlock ul li:last-child, .contentBlock ul #pillarTabs .section li:last-child,
#pillarTabs .section .modal ul li:last-child,
.modal ul #pillarTabs .section li:last-child {
  margin-bottom: 0;
}
#pillarTabs .nav__item:nth-child(1) {
  background: #29566E;
}
#pillarTabs .nav__item:nth-child(2) {
  background: #466676;
}
#pillarTabs .nav__item:nth-child(3) {
  background: #1F2A3C;
}
#pillarTabs .nav__item:nth-child(4) {
  background: #1b3949;
}
#pillarTabs .nav__item:nth-child(5) {
  background: #161e2b;
}

#pillarTabs .nav__item:nth-child(1n) .nav__link::before {
  animation-delay: 0.75s;
}

#pillarTabs .nav__item:nth-child(2n) .nav__link::before {
  animation-delay: 1.5s;
}

#pillarTabs .nav__item:nth-child(3n) .nav__link::before {
  animation-delay: 2.25s;
}

#pillarTabs .nav__item:nth-child(4n) .nav__link::before {
  animation-delay: 3s;
}

#pillarTabs .nav__item:nth-child(5n) .nav__link::before {
  animation-delay: 3.75s;
}

/*-----------------------------------------------------------------------------------*/
/*	Hotspot Image Block
/*-----------------------------------------------------------------------------------*/
.hotspotBlock .hotspotHolder {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.hotspotBlock .hotspotHolder.is-active {
  z-index: 3;
}
.hotspotBlock .hotspotTooltip.is-active .tooltiptext {
  visibility: visible;
  transition-delay: 0s;
  z-index: 3;
}
.hotspotBlock .hotspotTooltip:focus .hotspotTrigger, .hotspotBlock .hotspotTooltip:focus-visible .hotspotTrigger {
  outline: solid 4px #FAC942 !important;
}
.hotspotBlock .hotspotTooltip .hotspotTrigger {
  transform: translate(0%, -50%);
  text-shadow: 0px 0px 1px black, 0px 0px 2px black, 0px 0px 3px black, 0px 0px 4px black, 0px 0px 5px black, 0px 0px 8px black;
  font-size: 1rem;
  white-space: nowrap;
  color: white;
}
@media only screen and (max-width: 768px) {
  .hotspotBlock .hotspotTooltip .hotspotTrigger {
    font-size: 0.5em !important;
    line-height: 0.5em !important;
  }
}
.hotspotBlock .hotspotTooltip .hotspotTrigger:after {
  content: "";
  background: transparent;
  border-radius: 50%;
  box-shadow: 0 0 0 0 black;
  margin: 0px;
  height: 1em;
  width: 1em;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transform: scale(1);
  animation: pulse-black 2s infinite;
}
@media only screen and (max-width: 768px) {
  .hotspotBlock .hotspotTooltip .hotspotTrigger:after {
    font-size: 0.75em;
  }
}
@keyframes pulse-black {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
.hotspotBlock .hotspotTooltip .tooltiptext {
  visibility: hidden;
  background-color: #e5f3fb;
  border-radius: 6px;
  transition-delay: 0.5s;
}
.hotspotBlock .hotspotTooltip .tooltiptext.right {
  transform: translate(-75%, 0%);
}
.hotspotBlock .hotspotTooltip .tooltiptext p, .hotspotBlock .hotspotTooltip .tooltiptext .postContent ul li, .postContent ul .hotspotBlock .hotspotTooltip .tooltiptext li, .hotspotBlock .hotspotTooltip .tooltiptext .contentBlock ul li, .contentBlock ul .hotspotBlock .hotspotTooltip .tooltiptext li,
.hotspotBlock .hotspotTooltip .tooltiptext .modal ul li,
.modal ul .hotspotBlock .hotspotTooltip .tooltiptext li {
  color: #23232d;
}
@media only screen and (max-width: 768px) {
  .hotspotBlock .hotspotTooltip .tooltiptext p, .hotspotBlock .hotspotTooltip .tooltiptext .postContent ul li, .postContent ul .hotspotBlock .hotspotTooltip .tooltiptext li, .hotspotBlock .hotspotTooltip .tooltiptext .contentBlock ul li, .contentBlock ul .hotspotBlock .hotspotTooltip .tooltiptext li,
.hotspotBlock .hotspotTooltip .tooltiptext .modal ul li,
.modal ul .hotspotBlock .hotspotTooltip .tooltiptext li {
    font-size: 0.5em;
    line-height: 1.1em;
  }
  .hotspotBlock .hotspotTooltip .tooltiptext p + p, .hotspotBlock .hotspotTooltip .tooltiptext .postContent ul li + p, .postContent ul .hotspotBlock .hotspotTooltip .tooltiptext li + p, .hotspotBlock .hotspotTooltip .tooltiptext .contentBlock ul li + p, .contentBlock ul .hotspotBlock .hotspotTooltip .tooltiptext li + p,
.hotspotBlock .hotspotTooltip .tooltiptext .modal ul li + p,
.modal ul .hotspotBlock .hotspotTooltip .tooltiptext li + p, .hotspotBlock .hotspotTooltip .tooltiptext .postContent ul p + li, .postContent ul .hotspotBlock .hotspotTooltip .tooltiptext p + li, .hotspotBlock .hotspotTooltip .tooltiptext .postContent ul li + li, .postContent ul .hotspotBlock .hotspotTooltip .tooltiptext li + li, .hotspotBlock .hotspotTooltip .tooltiptext .contentBlock ul p + li, .contentBlock ul .hotspotBlock .hotspotTooltip .tooltiptext p + li, .hotspotBlock .hotspotTooltip .tooltiptext .contentBlock ul li + li, .contentBlock ul .hotspotBlock .hotspotTooltip .tooltiptext li + li,
.hotspotBlock .hotspotTooltip .tooltiptext .modal ul p + li,
.modal ul .hotspotBlock .hotspotTooltip .tooltiptext p + li,
.hotspotBlock .hotspotTooltip .tooltiptext .modal ul li + li,
.modal ul .hotspotBlock .hotspotTooltip .tooltiptext li + li {
    margin-top: 10px;
  }
}

/*-----------------------------------------------------------------------------------*/
/*	Page Title Block
/*-----------------------------------------------------------------------------------*/
.pageTitle {
  border-bottom: solid 5px #FAC942;
}
.pageTitle .container, .pageTitle .wp-block {
  margin-bottom: 0px;
}
.pageTitle h1, .pageTitle .h1style,
.pageTitle .headingLarge {
  margin-bottom: 0px;
  color: #fff;
}
.pageTitle h3, .pageTitle .h3style {
  margin-top: 15px;
  font-size: 1rem;
  line-height: 1.4rem;
  font-weight: 400;
}
.pageTitle.is-small, .pageTitle.wp-block {
  padding: 20px 0px;
}

/*-----------------------------------------------------------------------------------*/
/*	Recent Posts Block
/*-----------------------------------------------------------------------------------*/
.recentPosts {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.recentPosts .postTags {
  margin-bottom: 5px;
}
.recentPosts .postTags ul {
  margin-left: 0px !important;
  margin-bottom: 0px !important;
}
.recentPosts .postTags ul li {
  background: #29566E;
  text-transform: uppercase;
  font-size: 0.5rem;
  line-height: 1rem;
  padding: 5px 10px;
  border-radius: 5px;
  display: inline-block;
  margin-right: 10px;
}
.recentPosts .postTags ul li a {
  color: #23232d;
}

.postImg {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.postExcerpt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 20px;
}

.postBlock .blog-feature {
  overflow: hidden;
  height: 225px;
}
.postBlock .blog-feature img {
  width: 100%;
  height: 225px;
  object-fit: cover;
  overflow: hidden;
  transition: all 0.7s ease;
}
.postBlock .postContent {
  padding: 5px 15px 15px 15px;
}
.postBlock .postContent .postDate p, .postBlock .postContent .postDate ul li, .postBlock .postContent ul .postDate li, .contentBlock ul .postBlock .postContent .postDate li,
.modal ul .postBlock .postContent .postDate li {
  font-weight: 500;
  font-size: 0.9rem;
  line-height: 1rem;
  color: rgba(35, 35, 45, 0.75);
}
.postBlock .postContent .post-header h3, .postBlock .postContent .post-header .h3style {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.postBlock .postContent .post-header h3 a, .postBlock .postContent .post-header .h3style a {
  color: #23232d;
}
.postBlock .postContent .post-header h3 a:hover, .postBlock .postContent .post-header .h3style a:hover {
  color: rgba(35, 35, 45, 0.8);
}
.postBlock .postContent .post-section p, .postBlock .postContent .post-section ul li, .postBlock .postContent ul .post-section li, .contentBlock ul .postBlock .postContent .post-section li,
.modal ul .postBlock .postContent .post-section li {
  font-size: 0.9rem;
  line-height: 1.1rem;
}
.postBlock .postContent .entry-content a {
  background: rgba(255, 255, 255, 0);
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
}
.postBlock .postContent .entry-content a:hover {
  text-decoration: none;
  background: rgba(250, 201, 66, 0.6);
  cursor: pointer;
}
.postBlock:hover .blog-feature img {
  transform: scale(1.05);
}

/*-----------------------------------------------------------------------------------*/
/*	Slider Block
/*-----------------------------------------------------------------------------------*/
.slide {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.slide .buttonHolder {
  height: 75px;
}

#slider {
  overflow: hidden;
  margin: 0 auto 0 auto;
  border-radius: 4px;
}
#slider ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 0px !important;
  margin-bottom: 0px !important;
}
#slider ul li {
  float: left;
  margin: 0;
  padding: 0;
  background: #ccc;
  line-height: 300px;
}

.slick-list {
  padding: 25px;
}

.slick-prev,
.slick-next {
  z-index: 5;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  padding: 5px;
  background: #fff;
}

.slick-prev {
  left: 25px;
}
@media only screen and (max-width: 768px) {
  .slick-prev {
    left: -10px;
  }
}

.slick-next {
  right: 25px;
}
@media only screen and (max-width: 768px) {
  .slick-next {
    right: -10px;
  }
}

.slick-prev:before {
  content: "\f053";
  font-family: "Font Awesome 6 Pro";
  font-size: 1.5rem;
  font-display: swap;
}

.slick-next:before {
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
  font-size: 1.5rem;
  font-display: swap;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  background: rgba(255, 255, 255, 0.8);
}

.slick-track {
  display: flex !important;
}

.slick-slide {
  height: inherit !important;
}

.slide {
  height: 100% !important;
}

@media only screen and (max-width: 768px) {
  .slide {
    background-size: cover !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat;
  }
}
.work-slider .bigWorkImage img {
  width: 100%;
  height: 300px;
  max-width: 500px;
  object-fit: cover;
  display: block;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  .work-slider .bigWorkImage img {
    height: 200px;
  }
}
@media only screen and (max-width: 768px) {
  .work-slider .workInfo .slick-list {
    padding: 0px 10px;
  }
}
.work-slider .workInfo .slick-slide {
  padding: 0px 50px;
  display: block;
}
.work-slider .slick-prev {
  left: 0px;
}
.work-slider .slick-next {
  right: 0px;
}

/*-----------------------------------------------------------------------------------*/
/*	Logo Slider
/*-----------------------------------------------------------------------------------*/
.logoSlider .logoSlides .slick-track {
  display: flex !important;
}
.logoSlider .logoSlides .slick-slide {
  height: inherit !important;
}
.logoSlider .logoSlides .slide {
  height: 100% !important;
}
.logoSlider .logoSlides .slick-slide {
  align-self: center;
  padding: 0 40px;
}
@media only screen and (max-width: 768px) {
  .logoSlider .logoSlides .slick-slide {
    padding: 0px 20px;
  }
}
.logoSlider .logoSlides .slick-slide img {
  display: inline-block;
  margin: auto;
  min-width: 100% !important;
}
.logoSlider .slick-prev {
  left: -40px;
}
@media only screen and (max-width: 768px) {
  .logoSlider .slick-prev {
    left: -20px;
  }
}
.logoSlider .slick-next {
  right: -40px;
}
@media only screen and (max-width: 768px) {
  .logoSlider .slick-next {
    right: -20px;
  }
}

/*-----------------------------------------------------------------------------------*/
/*	Steps Block
/*-----------------------------------------------------------------------------------*/
.steps {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.steps .container .stepsCol hr, .steps .wp-block .stepsCol hr {
  border-top: solid 1px #23232d;
}

/*-----------------------------------------------------------------------------------*/
/*	Tabs  Block
/*-----------------------------------------------------------------------------------*/
.tabHolder .tabsBlock .tabs-tabs {
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
}
.tabHolder .tabsBlock button {
  border: none;
  background: transparent;
  font-size: 1.1rem;
  text-align: left;
  padding: 15px;
}
.tabHolder .tabsBlock [role=tab] {
  z-index: 1;
}
.tabHolder .tabsBlock [role=tab]:before {
  position: absolute;
  z-index: -1;
  left: -10px;
  right: -10px;
  bottom: 0;
  top: 30px;
  display: inline-block;
  margin-bottom: -0.25em;
  height: 1em;
  background: rgba(250, 201, 66, 0.3);
  content: "";
  transform: scaleX(0);
  transform-origin: left center;
  transition: all 0.5s ease-in-out;
}
.tabHolder .tabsBlock [role=tab][aria-selected=true]:before {
  visibility: visible;
  transform: scaleX(1);
}
.tabHolder .tabsPanel {
  margin: 25px 0px;
}
@media only screen and (max-width: 768px) {
  .tabHolder .tabsPanel .tabImage img {
    width: 150px;
    height: auto;
  }
}

/*-----------------------------------------------------------------------------------*/
/*	Video/Image and Copy Block
/*-----------------------------------------------------------------------------------*/
.viCopy p, .viCopy .postContent ul li, .postContent ul .viCopy li, .viCopy .contentBlock ul li, .contentBlock ul .viCopy li,
.viCopy .modal ul li,
.modal ul .viCopy li, .viCopy li {
  font-size: 1.25rem;
  line-height: 1.25em;
}
.viCopy .columnImage.is-img-float-left {
  margin-left: -75px;
}
@media only screen and (max-width: 768px) {
  .viCopy .columnImage.is-img-float-left {
    margin-left: 0px !important;
  }
}
.viCopy .columnImage.is-img-float-right {
  margin-right: -75px;
}
@media only screen and (max-width: 768px) {
  .viCopy .columnImage.is-img-float-right {
    margin-right: 0px !important;
  }
}
@media only screen and (max-width: 768px) {
  .viCopy .columnImage img {
    width: 100% !important;
    margin: auto;
  }
}
.viCopy .is-centered .column {
  width: 100%;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
}
.viCopy.twoCol .columnImage img {
  max-width: 75%;
}

/*-----------------------------------------------------------------------------------*/
/*	Video Block
/*-----------------------------------------------------------------------------------*/
.embed-container,
.wp-block-embed-youtube .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.embed-container iframe,
.wp-block-embed-youtube .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wp-block-embed-youtube .wp-block-embed__wrapper {
  margin-bottom: 20px;
}

.embed-youtube {
  background-color: #000;
  margin-bottom: 30px;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  cursor: pointer;
}
.embed-youtube img {
  width: 100%;
  top: -16.84%;
  left: 0;
  opacity: 0.7;
}
.embed-youtube .embed-youtube-play {
  width: 68px;
  height: 48px;
  background-color: #333;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  z-index: 1;
  opacity: 0.8;
  border-radius: 6px;
}
.embed-youtube .embed-youtube-play:before {
  content: "";
  border-style: solid;
  border-width: 15px 0 15px 26px;
  border-color: transparent transparent transparent #fff;
}

.embed-youtube img,
.embed-youtube .embed-youtube-play {
  cursor: pointer;
}

.embed-youtube img,
.embed-youtube iframe,
.embed-youtube .embed-youtube-play,
.embed-youtube .embed-youtube-play:before {
  position: absolute;
}

.embed-youtube .embed-youtube-play,
.embed-youtube .embed-youtube-play:before {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 999;
}

.embed-youtube iframe {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.embed-youtube .embed-youtube-play:hover {
  background-color: #f00;
}

:root {
  --vi-lazyload-logo-blue: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 109 31' fill='%231ab7ea'%3E%3Cpath d='M88.24 23.443a11.978 11.978 0 0 1-.054-.678c-.184-3.124.947-5.995 3.394-8.61 2.627-2.905 5.929-4.358 9.908-4.358 2.553 0 4.487.855 5.801 2.561 1.242 1.563 1.807 3.578 1.698 6.047-.147 3.342-1.387 6.23-3.723 8.663-2.335 2.434-5.237 3.65-8.704 3.65-2.882 0-5.072-.926-6.568-2.78a7.757 7.757 0 0 1-.871-1.372 34.1 34.1 0 0 1-1.235.727c-3.868 2.217-7.792 3.323-11.769 3.323-2.956 0-5.074-.982-6.35-2.945a7.353 7.353 0 0 1-.266-.422 21.55 21.55 0 0 1-.117.103c-2.446 2.108-4.89 3.162-7.335 3.162-2.374 0-3.522-1.307-3.45-3.926.036-1.164.265-2.562.684-4.198.42-1.636.648-2.909.685-3.818.037-1.38-.384-2.073-1.264-2.073-.952 0-2.086 1.13-3.404 3.384-1.392 2.365-2.144 4.656-2.252 6.874-.074 1.566.08 2.767.46 3.603-2.546.073-4.33-.346-5.348-1.256-.911-.8-1.33-2.126-1.255-3.983a14.67 14.67 0 0 1 .537-3.492c.321-1.164.5-2.2.537-3.11.074-1.347-.42-2.02-1.48-2.02-.915 0-1.902 1.038-2.96 3.111-1.06 2.073-1.645 4.239-1.754 6.494-.073 2.037.058 3.455.392 4.256-2.505.073-4.284-.454-5.337-1.58-.48-.518-.817-1.185-1.01-2.002-.205.194-.415.386-.631.574-2.446 2.108-4.89 3.162-7.335 3.162-1.133 0-2-.363-2.601-1.09-.602-.728-.885-1.672-.848-2.836.035-1.199.41-3.053 1.121-5.562.712-2.508 1.069-3.854 1.069-4.036 0-.944-.33-1.417-.985-1.417-.207 0-.77.34-1.69 1.016-.693 2.067-2.205 4.595-4.535 7.584-3.315 4.295-6.119 6.443-8.413 6.443-1.42 0-2.624-1.307-3.606-3.924L5.41 19.497c-.73-2.615-1.512-3.924-2.349-3.924-.182 0-.82.383-1.913 1.145L0 15.244a309.082 309.082 0 0 0 3.558-3.163c1.604-1.383 2.809-2.11 3.612-2.183 1.897-.182 3.065 1.111 3.503 3.88.474 2.986.802 4.844.986 5.57.547 2.479 1.148 3.716 1.806 3.716.51 0 1.276-.803 2.298-2.41 1.021-1.608 1.568-2.831 1.642-3.672.146-1.387-.401-2.082-1.642-2.082-.583 0-1.185.134-1.804.399 1.198-3.914 3.487-5.814 6.866-5.706 2.256.066 3.438 1.387 3.546 3.961L26 12.081c1.57-1.383 2.738-2.11 3.506-2.183 1.203-.109 2.088.244 2.654 1.06.564.816.774 1.875.63 3.18-.475 2.212-.987 5.02-1.534 8.425-.037 1.56.53 2.338 1.697 2.338.51 0 1.422-.537 2.737-1.615l.049-.04c.083-.76.218-1.662.405-2.708.3-1.687.468-3 .504-3.945.072-.652-.093-.979-.493-.979-.22 0-.84.369-1.862 1.104l-1.314-1.473c.183-.144 1.331-1.2 3.45-3.164 1.532-1.418 2.572-2.145 3.119-2.182.949-.073 1.715.318 2.299 1.172.584.855.876 1.847.876 2.974 0 .364-.036.71-.108 1.037a10.044 10.044 0 0 1 1.916-2.183c1.678-1.455 3.558-2.274 5.638-2.456 1.788-.145 3.064.273 3.833 1.255.619.8.91 1.947.875 3.438a73.7 73.7 0 0 0 .822-.71c.838-.982 1.659-1.763 2.462-2.345 1.35-.982 2.756-1.528 4.215-1.638 1.752-.145 3.01.271 3.777 1.25.656.798.949 1.94.877 3.424-.037 1.015-.284 2.492-.74 4.431-.457 1.94-.684 3.052-.684 3.342-.037.763.037 1.287.22 1.577.181.29.618.434 1.313.434.311 0 .773-.2 1.385-.602a9.877 9.877 0 0 1-.072-1.43c.035-2.945 1.35-5.745 3.942-8.401 2.845-2.909 6.203-4.365 10.072-4.365 3.576 0 5.474 1.453 5.693 4.355.145 1.85-.877 3.755-3.065 5.715-2.337 2.142-5.276 3.502-8.815 4.082.656.908 1.641 1.36 2.956 1.36 2.627 0 5.492-.664 8.596-1.997.138-.058.274-.117.408-.175zm14.56-5.244c.038-.984-.1-1.886-.41-2.706-.31-.82-.758-1.23-1.341-1.23-1.862 0-3.395 1.002-4.597 3.007-1.024 1.64-1.571 3.39-1.643 5.247-.037.912.128 1.714.492 2.406.4.803.966 1.203 1.697 1.203 1.642 0 3.048-.965 4.216-2.898.985-1.604 1.513-3.28 1.587-5.029zm-21.1-1.834c.035-.976-.365-1.465-1.203-1.465-1.094 0-2.204.751-3.334 2.253-1.13 1.502-1.713 2.94-1.748 4.315-.021 0-.021.236 0 .706a12.322 12.322 0 0 0 4.645-2.985c1.056-1.157 1.603-2.1 1.64-2.824zM34.651 2.714c-.036.906-.492 1.775-1.369 2.607-.985.941-2.153 1.412-3.503 1.412-2.08 0-3.084-.905-3.011-2.715.035-.94.592-1.846 1.669-2.715C29.513.435 30.708 0 32.023 0c.766 0 1.405.3 1.917.896.51.598.747 1.204.711 1.818z'/%3E%3C/svg%3E");
}

/* vimeo lazyload container */
.vi-lazyload {
  width: 100%;
  position: relative !important;
  overflow: hidden;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* vimeo lazyload container ::before --> to maintain 16/9 ratio & black bg before JS loaded */
.vi-lazyload::before {
  content: "";
  width: 100%;
  display: block;
  position: relative;
  padding-top: 56.25%;
  /*16:9 ratio*/
  background-color: #000;
}

/* vimeo lazyload wrap */
.vi-lazyload-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: inherit;
}

/* vimeo lazyload content */
.vi-lazyload-content {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #000;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

/* play-btn */
.vi-lazyload-playbtn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 8'%3E%3Crect fill='rgba(0,0,0,.65)' width='13' height='8' rx='1' ry='1'/%3E%3Cpolygon fill='%23fff' points='5 6 9 4 5 2'/%3E%3C/svg%3E");
  background-position: 50%;
  background-size: calc(35px + 10%) auto;
  background-repeat: no-repeat;
}

/* play-btn:hover */
.vi-lazyload-playbtn:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 8'%3E%3Crect fill='%231ab7ea' width='13' height='8' rx='1' ry='1'/%3E%3Cpolygon fill='%23fff' points='5 6 9 4 5 2'/%3E%3C/svg%3E");
}

/* logo */
.vi-lazyload-logo {
  display: block;
  width: 30%;
  min-width: 95px;
  min-height: 27px;
  max-width: 215px;
  padding-top: 8.6%;
  /* 28.440367% (logo height/width in %) * 0.3 (equivalent to width:30%) = 8.5321101% rounded up */
  position: absolute;
  right: 4%;
  bottom: 4%;
  z-index: 2;
  background-image: var(--vi-lazyload-logo-blue);
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.75;
  transition: opacity 0.3s;
}

/* 0 = no logo! */
/* 1 = blue  - #1ab7ea */
/* 2 = dark  - #162221 */
.vi-lazyload[data-logo="2"] .vi-lazyload-logo {
  filter: brightness(0) saturate(100%) invert(10%) sepia(31%) saturate(433%) hue-rotate(126deg) brightness(96%) contrast(95%);
}

/* 3 = white - #fff    */
.vi-lazyload[data-logo="3"] .vi-lazyload-logo {
  filter: grayscale(100%) brightness(200%);
}

/* logo:hover */
.vi-lazyload-logo:hover {
  opacity: 1;
  transition: opacity 0.3s;
}

/* iframe */
.vi-lazyload iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  border: 0;
  background-color: #000;
}

.transcriptTab .card-header {
  border-bottom: none !important;
}
.transcriptTab .card-header h3, .transcriptTab .card-header .h3style {
  font-family: "Raleway", sans-serif;
}
.transcriptTab .card-content {
  background-color: #fff;
}
.transcriptTab .card-content h1, .transcriptTab .card-content .h1style,
.transcriptTab .card-content .headingLarge,
.transcriptTab .card-content h2,
.transcriptTab .card-content .h2style,
.transcriptTab .card-content h3,
.transcriptTab .card-content .h3style,
.transcriptTab .card-content h4,
.transcriptTab .card-content .h4style,
.transcriptTab .card-content #pillarTabs .page h2,
#pillarTabs .page .transcriptTab .card-content h2,
.transcriptTab .card-content #pillarTabs .page .h2style,
#pillarTabs .page .transcriptTab .card-content .h2style,
.transcriptTab .card-content h5,
.transcriptTab .card-content .h5style,
.transcriptTab .card-content h6,
.transcriptTab .card-content .h6style,
.transcriptTab .card-content p,
.transcriptTab .card-content ul,
.transcriptTab .card-content ol,
.transcriptTab .card-content li,
.transcriptTab .card-content span {
  color: #000 !important;
}

/*-----------------------------------------------------------------------------------*/
/*	Separator Block
/*-----------------------------------------------------------------------------------*/
.separator {
  height: 10px;
  width: 100%;
  content: "";
}
.separator.yellow {
  background-color: #FAC942;
}
.separator.gradient {
  background: linear-gradient(to right, #29566e, #e5154d);
  background-size: 150% 150%;
  animation: gradient 8s ease infinite;
}

/*-----------------------------------------------------------------------------------*/
/*	Partnerships Block
/*-----------------------------------------------------------------------------------*/
.partnerships .column {
  flex: 1 1 600px;
}
.partnerships .featCol {
  border: solid 1px #fff;
  padding: 20px;
  height: 100%;
}
.partnerships .columnImage img {
  height: 50px;
  width: auto;
}

/*-----------------------------------------------------------------------------------*/
/*	Work Block
/*-----------------------------------------------------------------------------------*/
/* Portoflio grid*/
#projectGrid:after, #projectGrid:before {
  content: " ";
  position: absolute;
  height: 50%;
  width: 100%;
}
#projectGrid:before {
  background-color: #000;
  top: 0;
  background-image: url("../../images/bg-grungetext3.jpg");
  background-repeat: no-repeat;
  background-size: 50% 100%;
  background-position: top right;
}
#projectGrid:after {
  background-color: #fff;
  bottom: 0;
  background-image: url("../../images/bg-grungetext4.jpg");
  background-repeat: no-repeat;
  background-size: 50% 100%;
  background-position: top left;
}
#projectGrid #loading {
  width: 100%;
}
#projectGrid #loading.is-active {
  display: block;
}
#projectGrid .projectSorter ul {
  list-style: none;
  margin: 0px;
}
#projectGrid .projectSorter ul li {
  display: inline-block;
  margin-right: 20px;
  background: #000;
  transition: all 0.25s ease-in-out;
}
#projectGrid .projectSorter ul li a {
  color: white;
  padding: 3px;
  border: solid #000 1px;
}
#projectGrid .projectSorter ul li a.filter-is-active {
  border: solid #fff 1px;
  border-radius: 2px;
}
#projectGrid .projectSorter ul li a:hover, #projectGrid .projectSorter ul li a:focus-visible {
  background: linear-gradient(to right, #29566E, #E5154D);
  transition: all 0.25s ease-in-out;
}
#projectGrid .showMore {
  font-size: 1.5rem;
  color: #000;
  font-weight: 700;
  position: relative;
}
#projectGrid .showMore:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #FAC942;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out;
}
#projectGrid .showMore:hover, #projectGrid .showMore:focus {
  color: #1a1a1a;
  transition: all 0.5s ease-in-out;
}
#projectGrid .showMore:hover:before, #projectGrid .showMore:focus:before {
  visibility: visible;
  transform: scaleX(1);
  transition: all 0.5s ease-in-out;
}
#projectGrid .container .projectBlocks .column:nth-child(2), #projectGrid .wp-block .projectBlocks .column:nth-child(2) {
  margin-top: 50px;
}
#projectGrid .container .projectBlocks .column:nth-child(2) .projectBlock .overlay, #projectGrid .wp-block .projectBlocks .column:nth-child(2) .projectBlock .overlay {
  background: #000;
  opacity: 0.8;
}
#projectGrid .container .projectBlocks .column:nth-child(2) .projectBlock:nth-child(odd) .overlay, #projectGrid .wp-block .projectBlocks .column:nth-child(2) .projectBlock:nth-child(odd) .overlay {
  background: #1F2A3C;
  opacity: 0.8;
}
#projectGrid .container .projectBlocks .projectBlock, #projectGrid .wp-block .projectBlocks .projectBlock {
  width: 100%;
  height: 300px;
  padding: 40px;
  background-color: #000;
  background-image: url("../../images/bgtext-concrete.jpg");
  background-repeat: repeat;
  margin-bottom: 20px;
  transition: all 1s ease-in-out;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border-radius: 2px;
  overflow: hidden;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
#projectGrid .container .projectBlocks .projectBlock .overlay, #projectGrid .wp-block .projectBlocks .projectBlock .overlay {
  background: #000;
  opacity: 0.8;
}
#projectGrid .container .projectBlocks .projectBlock:nth-child(even) .overlay, #projectGrid .wp-block .projectBlocks .projectBlock:nth-child(even) .overlay {
  background: #1F2A3C;
  opacity: 0.8;
}
#projectGrid .container .projectBlocks .projectBlock:hover, #projectGrid .wp-block .projectBlocks .projectBlock:hover, #projectGrid .container .projectBlocks .projectBlock:focus-within, #projectGrid .wp-block .projectBlocks .projectBlock:focus-within {
  transform: scale(1.05);
  transition: all 0.5s ease-in-out;
}
#projectGrid .container .projectBlocks .projectBlock:hover .overlay, #projectGrid .wp-block .projectBlocks .projectBlock:hover .overlay, #projectGrid .container .projectBlocks .projectBlock:focus-within .overlay, #projectGrid .wp-block .projectBlocks .projectBlock:focus-within .overlay {
  opacity: 0.9 !important;
  transition: all 0.5s ease-in-out;
}
#projectGrid .container .projectBlocks .projectBlock:focus-within, #projectGrid .wp-block .projectBlocks .projectBlock:focus-within {
  outline: #29566E solid 4px !important;
  outline-offset: 10px;
}
#projectGrid .container .projectBlocks .projectBlock .projectBlockLink:focus-visible, #projectGrid .wp-block .projectBlocks .projectBlock .projectBlockLink:focus-visible {
  outline: none !important;
}
#projectGrid .container .projectBlocks .projectBlock:hover, #projectGrid .wp-block .projectBlocks .projectBlock:hover {
  transition: all 1s ease-in-out;
}
#projectGrid .container .projectBlocks .projectBlock:hover .projectRollover, #projectGrid .wp-block .projectBlocks .projectBlock:hover .projectRollover {
  opacity: 1;
  transition: all 1s ease-in-out;
}
#projectGrid .container .projectBlocks .projectBlock .content, #projectGrid .wp-block .projectBlocks .projectBlock .content {
  z-index: 4;
  position: relative;
  margin: 0px;
}
#projectGrid .container .projectBlocks .projectBlock .content h2, #projectGrid .wp-block .projectBlocks .projectBlock .content h2, #projectGrid .container .projectBlocks .projectBlock .content .h2style, #projectGrid .wp-block .projectBlocks .projectBlock .content .h2style {
  font-size: 1.5rem !important;
  line-height: 1.75rem;
  text-shadow: 2px 2px 2px black;
  margin-bottom: 10px;
  color: #fff;
}
#projectGrid .container .projectBlocks .projectBlock .content ul, #projectGrid .wp-block .projectBlocks .projectBlock .content ul {
  list-style: none;
  margin: 0px;
}
#projectGrid .container .projectBlocks .projectBlock .content ul li, #projectGrid .wp-block .projectBlocks .projectBlock .content ul li {
  color: white;
  margin: 0px;
  font-size: 0.8rem;
  line-height: 1rem;
  font-weight: 400;
}
#projectGrid .container .projectImage, #projectGrid .wp-block .projectImage {
  position: absolute;
  height: 100%;
  width: 50%;
  top: 0;
  right: 0;
  opacity: 0.8;
}
#projectGrid .container .projectImage img, #projectGrid .wp-block .projectImage img {
  object-fit: cover;
  height: 100%;
}

/*Project Links Block*/
#projectLinks {
  background: #000;
  position: relative;
  background-image: url("../../images/bg-grungetext3.jpg");
}
#projectLinks .overlay {
  background-color: #000;
}
#projectLinks .focusable:focus .projectBlocks {
  width: 100%;
  transition: all 1s ease-in-out;
}
#projectLinks .container .projectBlocks, #projectLinks .wp-block .projectBlocks {
  padding: 40px;
  background-image: url("../../images/bgtext-concrete.jpg");
  background-repeat: repeat;
  margin-bottom: 20px;
  width: 90%;
  transition: all 1s ease-in-out;
  position: relative;
  overflow: hidden;
}
#projectLinks .container .projectBlocks .overlay, #projectLinks .wp-block .projectBlocks .overlay {
  background: rgba(0, 0, 0, 0.8);
}
#projectLinks .container .projectBlocks:nth-child(odd) .overlay, #projectLinks .wp-block .projectBlocks:nth-child(odd) .overlay {
  background: rgba(31, 42, 60, 0.8);
}
#projectLinks .container .projectBlocks:hover, #projectLinks .wp-block .projectBlocks:hover, #projectLinks .container .projectBlocks:focus-within, #projectLinks .wp-block .projectBlocks:focus-within, #projectLinks .container .projectBlocks:focus, #projectLinks .wp-block .projectBlocks:focus {
  width: 100%;
  transition: all 1s ease-in-out;
}
#projectLinks .container .projectBlocks:focus-within, #projectLinks .wp-block .projectBlocks:focus-within {
  outline: #29566E solid 2px !important;
  outline-offset: 10px;
}
#projectLinks .container .projectBlocks .content h3, #projectLinks .wp-block .projectBlocks .content h3, #projectLinks .container .projectBlocks .content .h3style, #projectLinks .wp-block .projectBlocks .content .h3style {
  font-size: 2rem !important;
  line-height: 2.25rem;
  text-shadow: 2px 2px 2px black;
}
#projectLinks .container .projectImage, #projectLinks .wp-block .projectImage {
  position: absolute;
  height: 100%;
  width: 50%;
  top: 0;
  right: 0;
  opacity: 0.8;
}
#projectLinks .container .projectImage img, #projectLinks .wp-block .projectImage img {
  object-fit: cover;
  object-position: center;
  width: 100%;
}
#projectLinks .container .projectRollover, #projectLinks .wp-block .projectRollover {
  position: absolute;
  top: 22px;
  right: 50px;
  z-index: 4;
  opacity: 0;
  transition: all 1s ease-in-out;
}
#projectLinks .container .projectRollover img, #projectLinks .wp-block .projectRollover img {
  width: 75px;
  height: auto;
}

.single-work .postHeader {
  background-image: url("../../images/bg-grungetext3.jpg");
  background-repeat: no-repeat;
}
.single-work .casestudy {
  padding: 0px !important;
}
.single-work .casestudy .container, .single-work .casestudy .wp-block {
  max-width: 800px;
  border-left: solid 2px #e6e6e6;
  padding-left: 75px;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .single-work .casestudy .container, .single-work .casestudy .wp-block {
    padding-left: 25px;
  }
}
.single-work .casestudy .container:before, .single-work .casestudy .wp-block:before, .single-work .casestudy .container:after, .single-work .casestudy .wp-block:after {
  content: "\f111";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  width: 1rem;
  left: -0.5rem;
  top: 50px;
}
.single-work .casestudy .container:before, .single-work .casestudy .wp-block:before {
  font-weight: 900;
  color: white;
}
.single-work .casestudy .container:after, .single-work .casestudy .wp-block:after {
  font-weight: 400;
  color: #1F2A3C;
}

/*-----------------------------------------------------------------------------------*/
/*	Pricing Table Block
/*-----------------------------------------------------------------------------------*/
.pricingTable {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.pricingTable .featCol {
  padding: 40px 20px;
  height: 100%;
  border: solid 1px rgba(0, 0, 0, 0.25);
}
.pricingTable .featCol .priceHeader h3, .pricingTable .featCol .priceHeader .h3style {
  margin: 0px 0px 15px;
}
.pricingTable .featCol .priceHeader .headingLarge {
  margin-bottom: 0px;
}
.pricingTable .featCol .priceHeader .billingPeriod {
  margin-top: 0px;
  opacity: 0.5;
}
.pricingTable .featCol .sellingPoints {
  margin: 15px 0px;
}
.pricingTable .featCol .sellingPoints li {
  border-top: solid 1px rgba(0, 0, 0, 0.25);
  padding: 5px 0px;
  font-size: 0.8rem;
}
.pricingTable .featCol .sellingPoints li:last-of-type {
  border-bottom: solid 1px rgba(0, 0, 0, 0.25);
}
.pricingTable .featCol .buttonHolder {
  margin-top: auto;
  padding-top: 15px;
}
.pricingTable .featured {
  transform: scale(1.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  background: #FAC942 !important;
}
.pricingTable .featured h3, .pricingTable .featured .h3style {
  font-weight: 900;
}

/*-----------------------------------------------------------------------------------*/
/*	Video Gallery Block
/*-----------------------------------------------------------------------------------*/
.image-video-slider .slideBig .slide {
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.image-video-slider .slideBig .slide .container, .image-video-slider .slideBig .slide .wp-block {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  .image-video-slider .slideBig h2, .image-video-slider .slideBig .h2style {
    font-size: 1rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .image-video-slider .slideBig p, .image-video-slider .slideBig .postContent ul li, .postContent ul .image-video-slider .slideBig li, .image-video-slider .slideBig .contentBlock ul li, .contentBlock ul .image-video-slider .slideBig li,
.image-video-slider .slideBig .modal ul li,
.modal ul .image-video-slider .slideBig li {
    font-size: 0.7rem;
    line-height: 1rem;
  }
}
.image-video-slider .slideBig i, .image-video-slider .slideBig svg {
  font-size: 4rem;
  color: #FAC942;
}
@media only screen and (max-width: 768px) {
  .image-video-slider .slideBig i, .image-video-slider .slideBig svg {
    font-size: 1.5rem;
  }
}
.image-video-slider .slider-nav li {
  width: 200px !important;
  padding: 10px;
}
.image-video-slider .slider-nav .thumbnail {
  width: 100%;
  height: 101px;
  padding: 10px;
}
.image-video-slider .slider-nav i, .image-video-slider .slider-nav svg {
  text-align: center;
  display: block;
  margin: auto;
  font-size: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .image-video-slider .slider-nav li {
    width: 100px !important;
  }
  .image-video-slider .slider-nav .thumbnail {
    height: 50px;
  }
}
.image-video-slider .slick-prev {
  left: -25px;
}
.image-video-slider .slick-next {
  right: -25px;
}

/*-----------------------------------------------------------------------------------*/
/*	Case Study Slider Block
/*-----------------------------------------------------------------------------------*/
.caseStudySlider .monitor {
  aspect-ratio: 6/5;
  overflow: hidden;
  background-size: 100%;
  background-position: center 40px;
}
.caseStudySlider .monitor::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../../images/monitor-overlay.png");
  background-size: 100% 100%;
}
.caseStudySlider .monitor.is-animated {
  animation-name: scroll-background;
  animation-timing-function: ease-in-out;
  animation-duration: 60s;
  animation-iteration-count: infinite;
}
.caseStudySlider .slick-next {
  right: 25px;
}
.caseStudySlider .slick-prev {
  left: 25px;
}

/*-----------------------------------------------------------------------------------*/
/* Overrides
/*-----------------------------------------------------------------------------------*/
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -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);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* SLICK THEME */
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  /* color:black; */
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  /* color:black; */
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #ccc;
}

.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.gt3pg_pro_title_wrap {
  display: none !important;
}

/*# sourceMappingURL=app.css.map */
