﻿@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@font-face {
  font-family: "UnitedSansCdBd";
  src: url("/fonts/UnitedSansSmCdBd.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "fontello";
  src: url("/fonts/fontello.eot?56925601");
  src: url("/fonts/fontello.eot?56925601#iefix") format("embedded-opentype"), url("/fonts/fontello.woff?56925601") format("woff"), url("/fonts/fontello.ttf?56925601") format("truetype"), url("/fonts/fontello.svg?56925601#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*  Color Palette
----------------------------------------------------------*/
COLORS {
  color: #161616;
  color: #222222;
  color: #323232;
  color: #333333;
  color: #444444;
  color: #676767;
  color: #707070;
  color: #777777;
  color: #888888;
  color: #8a8a8a;
  color: #b4b2b2;
  color: #ebebeb;
  color: #e5e5e5;
  color: #f7f7f7;
  color: #e72623;
  color: #d42828;
  color: #cd0202;
  color: #8b0000;
  color: #556B2F;
  color: #f0ad4e;
  color: #E5C527;
  color: #ebea3b;
  color: #3B5998;
  color: #4099FF;
}

/*  Font Families
----------------------------------------------------------*/
FONTS {
  font-family: "Open Sans", sans-serif;
  font-family: "UnitedSansCdBd";
  font-family: "Poppins";
}

/* GENERAL
----------------------------------------------------------*/
body {
  scroll-behavior: smooth;
}

html, body {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
}

abbr, address, article, aside, audio, b, blockquote, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup,
table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}

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

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.H1, .H2, .H3, .H4, .H5, .H6 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1, .h1, .H1 {
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  font-size: 24px;
  font-weight: 400; /*line-height:px; */
  color: #ffffff;
}

h2, .h2, .H2 {
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  font-size: 35px;
  font-weight: 400; /*line-height:px; */
  color: #161616;
}

h3, .h3, .H3 {
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  font-size: 27px;
  font-weight: 400; /*line-height:px; */
  color: #cd0202;
}

h4, .h4, .H4 {
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  color: #b4b2b2;
}

h5, .h5, .H5 {
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400; /*line-height:px; */
  color: #333333;
}

h6, .h6, .H6 {
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  font-size: 14px;
  font-weight: 400; /*line-height:px; */
  color: #cd0202;
}

span.h1, span.h2, span.h3, span.h4, span.h5, span.h6,
span.H1, span.H2, span.H3, span.H4, span.H5, span.H6 {
  display: inline-flex;
}

p, div, li, pre, table, blockquote {
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: #161616;
  line-height: 1.5625;
}

a {
  color: #cd0202;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8b0000;
  text-decoration: none;
}
a:focus {
  color: #8b0000;
  text-decoration: none;
}
a:visited {
  color: #cd0202;
  text-decoration: none;
}

ul, ol {
  padding-inline-start: 40px;
}
ul ul, ul ol, ol ul, ol ol {
  margin-top: 0;
  margin-bottom: 0;
}

hr {
  width: 100%;
  max-width: 100%;
  border-bottom: 1px solid #eaeaea;
}

input {
  border: 1px solid #eaeaea;
}
input:hover {
  border: 1px solid #b4b2b2;
}
input:focus {
  border: 1px solid #cd0202;
  box-shadow: none;
  outline: none;
}
input:active {
  border: 1px solid #cd0202;
  box-shadow: none;
  outline: none;
}

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

/*html.svg img {
    &.svg { display: inline; }
    &.png { display: none; }
}
img.svg { display: none; }*/
/* Small screens | max-width 640px, mobile-only styles */
/* Medium screens | min-width 641px */
/* Medium screens | min-width 641px and max-width 1024px  */
/* Laptop screens | min-width 1025px*/
/* Laptop screens | min-width 1025px and max-width 1440px  */
/* Large screens | min-width 1441px */
/* Large screens | min-width 1441px and max-width 1920px */
/* XLarge screens | min-width 1921px */
/*@import 'Components/glyphs.scss';*/
/* BUTTONS
----------------------------------------------------------*/
button, .button {
  background-color: #cd0202;
  color: #ffffff;
  border: 1px solid #cd0202;
  display: inline-block;
  border-radius: 0;
  text-transform: uppercase;
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  padding: 8px 24px;
  font-size: initial;
  font-weight: initial;
  line-height: initial;
}
button a, .button a {
  color: #ffffff;
  text-decoration: none;
}
button:hover, button:focus, button:visited, .button:hover, .button:focus, .button:visited {
  color: #ffffff;
}
button:hover, button:focus, .button:hover, .button:focus {
  background-color: #8b0000;
  border-color: #8b0000;
}
button.secondary, .button.secondary {
  background-color: #b4b2b2;
  border: 1px solid #b4b2b2;
  color: #000000;
}
button.secondary a, .button.secondary a {
  color: #000000;
}
button.secondary:hover, .button.secondary:hover {
  background-color: #b4b2b2;
  border: 1px solid #b4b2b2;
  color: #cd0202;
}
button.tertiary, .button.tertiary {
  background-color: #031227;
  color: #ffffff;
  border: 1px solid #031227;
}
button.tertiary a, .button.tertiary a {
  color: #ffffff;
}
button.tertiary:hover, .button.tertiary:hover {
  background-color: #031227;
  color: #ffffff;
  border: 1px solid #031227;
}
button.quaternary, .button.quaternary {
  background-color: #556B2F;
  color: #ffffff;
  border: 1px solid #556B2F;
}
button.quaternary a, .button.quaternary a {
  color: #ffffff;
}
button.quaternary:hover, .button.quaternary:hover {
  background-color: #556B2F;
  color: #ffffff;
  border: 1px solid #556B2F;
}
button.quinary, .button.quinary {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #556B2F;
}
button.quinary a, .button.quinary a {
  color: #000000;
}
button.quinary:hover, .button.quinary:hover {
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid #000000;
}
button.menu-control, .button.menu-control {
  color: #cd0202;
  background-color: transparent;
  border-style: none;
  font-size: 24px;
}

.btnPrimary {
  background-color: #cd0202;
  color: #ffffff;
  border: 1px solid #cd0202;
  display: inline-block;
  padding: 8px 24px;
  font-size: initial;
  font-weight: initial;
  line-height: initial;
  transition: all 0.25s ease-in-out;
  text-transform: uppercase;
  font-family: "UnitedSansCdBd", Arial, sans-serif;
}
.btnPrimary a {
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "UnitedSansCdBd", Arial, sans-serif;
}
.btnPrimary:hover {
  background-color: #8b0000;
  border-color: #8b0000;
}

.btnSecondary {
  background-color: #b4b2b2;
  border: 1px solid #b4b2b2;
  color: #000000;
  display: inline-block;
  padding: 8px 24px;
  font-size: initial;
  font-weight: initial;
  line-height: initial;
  transition: all 0.25s ease-in-out;
  text-transform: uppercase;
  font-family: "UnitedSansCdBd", Arial, sans-serif;
}
.btnSecondary a {
  color: #000000;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "UnitedSansCdBd", Arial, sans-serif;
}
.btnSecondary:hover {
  background-color: #b4b2b2;
  border: 1px solid #b4b2b2;
  color: #cd0202;
}

.btnTertiary {
  background-color: #031227;
  color: #ffffff;
  border: 1px solid #031227;
  display: inline-block;
  padding: 8px 24px;
  font-size: initial;
  font-weight: initial;
  line-height: initial;
  transition: all 0.25s ease-in-out;
  text-transform: uppercase;
  font-family: "UnitedSansCdBd", Arial, sans-serif;
}
.btnTertiary a {
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "UnitedSansCdBd", Arial, sans-serif;
}
.btnTertiary:hover {
  background-color: #031227;
  color: #ffffff;
  border: 1px solid #031227;
}

.btnQuaternary {
  background-color: #556B2F;
  color: #ffffff;
  border: 1px solid #556B2F;
  display: inline-block;
  padding: 8px 24px;
  font-size: initial;
  font-weight: initial;
  line-height: initial;
  transition: all 0.25s ease-in-out;
  text-transform: uppercase;
  font-family: "UnitedSansCdBd", Arial, sans-serif;
}
.btnQuaternary a {
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "UnitedSansCdBd", Arial, sans-serif;
}
.btnQuaternary:hover {
  background-color: #556B2F;
  color: #ffffff;
  border: 1px solid #556B2F;
}

.btnQuinary {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #000000;
  display: inline-block;
  padding: 8px 24px;
  font-size: initial;
  font-weight: initial;
  line-height: initial;
  transition: all 0.25s ease-in-out;
  text-transform: uppercase;
  font-family: "UnitedSansCdBd", Arial, sans-serif;
}
.btnQuinary a {
  color: #000000;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "UnitedSansCdBd", Arial, sans-serif;
}
.btnQuinary:hover {
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid #000000;
}

/* SITE DESIGN- VERSION 2
----------------------------------------------------------*/
.v02 .rounded-red-btn > a {
  background-color: #cd0202;
  color: #fff;
  border-radius: 36px;
  border: none;
  padding: 8px 12px 8px 28px;
  display: inline-flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}
.v02 .rounded-red-btn > a:hover, .v02 .rounded-red-btn > a:visited {
  color: #fff;
}
.v02 .rounded-red-btn > a::after {
  border-radius: 50%;
  margin-left: 36px;
  width: 28px;
  height: 28px;
  display: inline-flex;
  content: " ";
  background-color: #fff;
  background-image: url("/images/icons/arrow-right-solid-red.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  margin-left: 36px;
}

/* HEADER
----------------------------------------------------------*/
header nav {
  z-index: 100;
}
header nav ul {
  margin: 0;
  list-style: none;
  display: inline-flex;
  flex-direction: row;
  transition: all 0.25s ease-in-out;
}
header nav ul li {
  transition: all 0.25s ease-in-out;
}
header nav ul li a {
  white-space: nowrap;
  transition: all 0.25s ease-in-out;
}
header ul.minor-nav {
  padding-inline-start: 0;
}
header ul.minor-nav li {
  font-size: 13px;
  padding: 0 12px;
  line-height: 60px;
}
header ul.minor-nav li a {
  padding: 0 10px;
}
header ul.minor-nav li ul {
  display: none;
  background-color: transparent;
  text-align: left;
  opacity: 0;
  transition: all 0.25s ease-in-out;
  margin-left: -12px;
  padding-inline-start: 0;
}
header ul.minor-nav li ul li {
  background-color: transparent;
  transition: all 0.25s ease-in-out;
  line-height: 40px;
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  font-size: 17px;
}
header ul.minor-nav li ul li a {
  color: #fff;
  transition: all 0.25s ease-in-out;
}
header ul.minor-nav li.childLinks:hover {
  background-color: #222222;
}
header ul.minor-nav li.childLinks:hover a {
  color: #ffffff;
  width: 100%;
}
header ul.minor-nav li.childLinks:hover ul {
  position: absolute;
  display: block;
  background-color: #222222;
  opacity: 1;
  padding-inline-start: 0;
}
header ul.minor-nav li.childLinks:hover ul li a {
  color: #ffffff;
  width: 100%;
}
header ul.minor-nav li.childLinks:hover ul li:hover {
  background-color: #cd0202;
}
header ul.social-icons {
  padding-inline-start: 0;
}
header ul.social-icons li {
  color: #222222;
  font-size: 13px;
  line-height: 28px;
  padding: 0 2px;
}
header ul.social-icons li a {
  background-color: #b4b2b2;
  color: #FFFFFF;
  padding: 0;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  transition: all 0.25s ease-in-out;
  height: 30px;
  width: 30px;
  margin: 0 2px;
  font-size: 16px;
  line-height: 30px;
}
header ul.social-icons li a[class^=icon-]:before, header ul.social-icons li a[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
}
header ul.social-icons li a.icon-youtube:before {
  content: "\e800";
}
header ul.social-icons li a.icon-twitter:before {
  content: "\e801";
}
header ul.social-icons li a.icon-facebook:before {
  content: "\e802";
}
header ul.social-icons li a.icon-linkedin:before {
  content: "\e803";
}
header ul.social-icons li a.icon-instagram:before {
  content: "\e804";
}
header ul.social-icons li a:hover {
  text-decoration: none;
}
header ul.social-icons li a.facebook:hover {
  background-color: #3B5998;
}
header ul.social-icons li a.twitter:hover {
  background-color: #4099FF;
}
header ul.social-icons li a.linkedin:hover {
  background-color: #0e76a8;
}
header ul.social-icons li a.youtube:hover {
  background-color: #cd0202;
}
header ul.social-icons li a.instagram:hover {
  background-color: #E5C527;
}
header ul.main-nav {
  padding-inline-start: 0;
}
header ul.main-nav li {
  position: relative;
  transition: all 0.25s ease-in-out;
}
header ul.main-nav li a {
  display: inline-block;
  color: #cd0202;
  font-size: 18px;
  padding: 8px;
  text-transform: uppercase;
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  transition: all 0.25s ease-in-out;
}
header ul.main-nav li ul {
  display: none;
  background-color: transparent;
  text-align: left;
  opacity: 0;
  transition: all 0.25s ease-in-out;
  padding-inline-start: 0;
}
header ul.main-nav li ul li {
  background-color: transparent;
  transition: all 0.25s ease-in-out;
}
header ul.main-nav li ul li a {
  color: #fff;
  transition: all 0.25s ease-in-out;
  text-transform: capitalize;
}
header ul.main-nav li:hover {
  background-color: #222222;
}
header ul.main-nav li:hover a {
  color: #ffffff;
  width: 100%;
}
header ul.main-nav li:hover ul {
  position: absolute;
  display: block;
  background-color: #222222;
  opacity: 1;
  padding-inline-start: 0;
}
header ul.main-nav li:hover ul li:hover {
  background-color: #cd0202;
}
header .tagline {
  font-family: "Open Sans", sans-serif;
  color: #222222;
  display: inline-block;
  font-size: 14px;
}
header .logo {
  max-width: 280px;
  width: 100%;
  height: auto;
}
header hr {
  margin: 0.5rem auto;
}
@media only screen and (min-width: 40.063em) {
  header.listOfHomePgs ul.minor-nav {
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #676767;
  }
}

/* SITE DESIGN- VERSION 2
----------------------------------------------------------*/
.v02 header nav {
  z-index: 1;
}
.v02 header .minor {
  background-color: #333;
}
.v02 header .minor nav {
  z-index: 100;
}
.v02 header .minor ul.minor-nav li { /*line-height: 13px;*/
  line-height: 42px;
  font-weight: 500;
}
.v02 header .minor ul.minor-nav li a {
  color: #b4b2b2;
}
.v02 header .minor ul.social-icons {
  margin: 8px 0;
}
.v02 header .minor ul.social-icons li a {
  background-color: unset;
}
.v02 header .minor .phone-btn {
  color: white;
  font-weight: 500;
  padding: 3px 12px;
  border-radius: 6px;
  background-color: #12E3A4;
  background-image: linear-gradient(90deg, #00B7E0 20%, #12E3A4 80%);
}
.v02 header .main {
  background-color: #fff;
}
.v02 header .main ul.main-nav li {
  margin-left: 34px;
}
.v02 header .main ul.main-nav li a {
  font-family: "Poppins";
  text-transform: unset;
  color: #333333;
  font-weight: 500;
}
.v02 header .main ul.main-nav li:hover {
  background-color: unset;
}
.v02 header .main ul.main-nav li:hover a {
  color: #cd0202;
}

/* FOOTER
----------------------------------------------------------*/
footer {
  background-color: #222222;
}
footer a {
  white-space: nowrap;
}
footer .footer-description {
  background-color: #161616;
}
footer .footer-services nav h2, footer .footer-locations nav h2 {
  color: #b4b2b2;
  display: inline;
}
footer .footer-services nav a, footer .footer-locations nav a {
  font-size: 33px;
  line-height: 66px;
  text-transform: uppercase;
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  white-space: nowrap;
}
footer .footer-services nav .bullet, footer .footer-locations nav .bullet {
  font-size: 20px;
  font-family: "Open Sans", sans-serif;
  color: #333333;
}
footer .footer-social ul.social-icons {
  margin: 0;
  list-style: none;
  display: inline-flex;
  flex-direction: row;
  padding-inline-start: 0;
}
footer .footer-social ul.social-icons li {
  color: #222222;
  font-size: 13px;
  line-height: 28px;
  padding: 0 2px;
}
footer .footer-social ul.social-icons li a {
  background-color: #b4b2b2;
  color: #222222;
  padding: 0;
  margin: 0 12px;
  display: inline-block;
  text-align: center;
  transition: all 0.25s ease-in-out;
  height: 60px;
  width: 60px;
  font-size: 28px;
  line-height: 58px;
}
footer .footer-social ul.social-icons li a[class^=icon-]:before, footer .footer-social ul.social-icons li a[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
}
footer .footer-social ul.social-icons li a.icon-youtube:before {
  content: "\e800";
}
footer .footer-social ul.social-icons li a.icon-twitter:before {
  content: "\e801";
}
footer .footer-social ul.social-icons li a.icon-facebook:before {
  content: "\e802";
}
footer .footer-social ul.social-icons li a.icon-linkedin:before {
  content: "\e803";
}
footer .footer-social ul.social-icons li a.icon-instagram:before {
  content: "\e804";
}
footer .footer-social ul.social-icons li a:hover {
  text-decoration: none;
}
footer .footer-social ul.social-icons li a.facebook:hover {
  background-color: #3B5998;
}
footer .footer-social ul.social-icons li a.twitter:hover {
  background-color: #4099FF;
}
footer .footer-social ul.social-icons li a.linkedin:hover {
  background-color: #0e76a8;
}
footer .footer-social ul.social-icons li a.youtube:hover {
  background-color: #cd0202;
}
footer .footer-social ul.social-icons li a.instagram:hover {
  background-color: #E5C527;
}
footer .footer-minor-nav h6 {
  color: #b4b2b2;
  font-family: "Open Sans", sans-serif;
  display: inline;
}
footer .footer-minor-nav span {
  color: #b4b2b2;
}
footer .back-to-top {
  display: inline-block;
  color: #000;
  padding: 14px 24px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  background-color: #b4b2b2;
  transition: all 0.25s ease-in-out;
  line-height: 12px;
}
footer .footer-logo {
  width: 70%;
  height: auto;
}
@media only screen and (max-width: 40em) {
  footer a {
    white-space: normal;
  }
  footer .footer-services nav, footer .footer-locations nav {
    display: flex;
    flex-direction: column;
  }
  footer .footer-services nav a, footer .footer-locations nav a {
    font-size: 23px;
    line-height: 46px;
  }
  footer .footer-services nav .bullet, footer .footer-locations nav .bullet {
    display: none;
  }
  footer .footer-social ul.social-icons li a {
    margin: 0 2px;
    height: 50px;
    width: 50px;
    line-height: 48px;
  }
  footer .footer-logo {
    width: 80%;
    margin: 0 auto;
    display: flex;
  }
}

/* SITE DESIGN- VERSION 2
----------------------------------------------------------*/
.v02 footer p {
  color: #fff;
}

/* HERO
----------------------------------------------------------*/
#hero {
  height: 100vh;
  max-height: 435px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 0.5s ease;
  color: #fff;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  align-content: center;
  overflow: hidden;
  flex-direction: column;
}
#hero > div {
  z-index: 20;
}
#hero .grid-y {
  height: 100vh;
  max-height: 435px;
}
#hero h1 {
  color: #ffffff;
  font-size: 48px;
  line-height: 56px;
  margin: 0 0 10px;
}
#hero h2 {
  color: #ffffff;
  font-size: 48px;
  margin: 20px 0 10px;
}
#hero h3 {
  color: #ffffff;
  font-size: 27px;
  line-height: 32px;
  margin: 24px 0 10px;
}
#hero .button {
  font-size: 24px;
  padding: 8px 48px;
  margin: 0;
  line-height: 34px;
}
#hero video {
  position: absolute;
  z-index: 10;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  -o-object-fit: contain;
  object-fit: contain;
  transform: translate(-50%, -50%);
}
#hero .title-pnl {
  border: 1px solid red;
  background-color: #333333;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 25px;
}
#hero .title-pnl h1 {
  font-size: 24px;
  line-height: 24px;
  text-transform: uppercase;
  background-color: #222222;
  color: #fff;
  padding: 14px 26px;
  margin: 0;
  letter-spacing: 1px;
}
#hero.project-pg {
  max-height: 925px;
}
#hero.project-pg .grid-y {
  max-height: 925px;
}
#hero.project-pg h3 {
  margin: -20px 0 30px;
}
#hero.project-pg .grid-container {
  width: 100%;
}

@media only screen and (max-width: 40em) {
  #hero h1 {
    font-size: 40px;
    line-height: 41px;
  }
}
/* SITE DESIGN- VERSION 2
----------------------------------------------------------*/
/* CARDS
----------------------------------------------------------*/
.card {
  border: 1px solid #b4b2b2;
  margin: 0;
}
.card.news .card-header {
  background-color: #d42828;
  text-align: right;
}
.card.news .card-header span {
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  display: inline-block;
  background-color: #cd0202;
  color: #fff;
  font-size: 14px;
  line-height: 12px;
  padding: 14px 24px;
  text-transform: uppercase;
}
.card.news .card-section {
  text-align: center;
}
.card.news .card-section .date {
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
}
.card.news .card-section .content {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #161616;
}
.card.news .card-section .title {
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  font-size: 30px;
  line-height: 34px;
  font-weight: 700;
  color: #cd0202;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .card.news .card-section .title {
    font-size: 24px;
    line-height: 26px;
  }
}
.card.news .card-footer {
  text-align: right;
}
.card.news .card-footer span {
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  display: inline-block;
  background-color: #eee;
  color: #888;
  font-size: 17px;
  line-height: 13px;
  padding: 15px 24px 12px;
  text-transform: uppercase;
}
.card.readmore .card-header {
  background-color: #d42828;
  text-align: right;
}
.card.readmore .card-header span {
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  display: inline-block;
  background-color: #cd0202;
  color: #fff;
  font-size: 14px;
  line-height: 12px;
  padding: 14px 24px;
  text-transform: uppercase;
}
.card.readmore .card-section {
  text-align: center;
}
.card.readmore .card-section .pretitle {
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
}
.card.readmore .card-section .content {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #161616;
}
.card.readmore .card-section .title {
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  font-size: 30px;
  font-weight: 700;
  color: #cd0202;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .card.readmore .card-section .title {
    font-size: 24px;
    line-height: 26px;
  }
}
.card.info .card-header {
  background-color: #d42828;
  text-align: right;
}
.card.info .card-header span {
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  display: inline-block;
  background-color: #cd0202;
  color: #fff;
  font-size: 14px;
  line-height: 12px;
  padding: 14px 24px;
  text-transform: uppercase;
}
.card.info .card-section {
  text-align: center;
}
.card.info .card-section .content {
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  color: #161616;
}
.card.info .card-section .title {
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  font-size: 27px;
  font-weight: 400;
  color: #cd0202;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .card.info .card-section .title {
    font-size: 24px;
    line-height: 26px;
  }
}
.card.project .card-header {
  background-color: #d42828;
  text-align: right;
}
.card.project .card-header span {
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  display: inline-block;
  background-color: #cd0202;
  color: #fff;
  font-size: 14px;
  line-height: 12px;
  padding: 14px 24px;
  text-transform: uppercase;
}
.card.project .card-section {
  text-align: center;
}
.card.project .card-section .content {
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  color: #161616;
}
.card.project .card-section .title {
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  font-size: 27px;
  line-height: 32px;
  font-weight: 400;
  color: #cd0202;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .card.project .card-section .title {
    font-size: 24px;
    line-height: 26px;
  }
}
.card.location .card-header {
  background-color: #d42828;
  text-align: right;
}
.card.location .card-header span {
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  display: inline-block;
  background-color: #cd0202;
  color: #fff;
  font-size: 14px;
  line-height: 12px;
  padding: 14px 24px;
  text-transform: uppercase;
}
.card.location .card-section {
  text-align: center;
}
.card.location .card-section .title {
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #cd0202;
}
.card.location .card-section .content {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  color: #161616;
}
.card.bio .card-header {
  background-color: #d42828;
  text-align: right;
}
.card.bio .card-header span {
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  display: inline-block;
  background-color: #cd0202;
  color: #fff;
  font-size: 14px;
  line-height: 12px;
  padding: 14px 24px;
  text-transform: uppercase;
}
.card.bio .card-section {
  text-align: center;
}
.card.bio .card-section .title {
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #cd0202;
}
.card.bio .card-section .content {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  color: #161616;
}
.card.lead-generator {
  border-radius: 12px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.35);
  border-style: none;
}
.card.lead-generator .umbraco-forms-field-wrapper { /*display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;*/
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
}
.card.lead-generator input[type=submit] {
  margin-top: 12px;
}
.card.lead-generator input[type=checkbox] {
  margin-right: 9px;
}
.card.lead-generator .umbraco-forms-page label {
  line-height: 18px;
}

/* SITE DESIGN- VERSION 2
----------------------------------------------------------*/
/* PANELS
----------------------------------------------------------*/
.video-panel {
  background-color: #222222;
}
.video-panel h2 {
  color: #ebea3b;
}
.video-panel p {
  color: #fff;
}
.video-panel .responsive-embed {
  margin-bottom: 0;
}
fieldset:not(.umbraco-forms-field) {
  position: relative;
  box-sizing: border-box;
  border: solid #cd0202 6px;
  padding: 40px 65px 70px 65px;
  margin: 0 24px;
}
fieldset:not(.umbraco-forms-field) legend {
  background-color: #cd0202;
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  font-size: initial;
  font-weight: initial;
  line-height: initial;
  position: absolute;
  bottom: 0;
  transform: translate(0%, 50%);
  margin: 0;
  transition: all ease-in-out 0.5s;
}
fieldset:not(.umbraco-forms-field) legend a, fieldset:not(.umbraco-forms-field) legend a:visited {
  color: #ffffff;
  padding: 16px 48px;
  display: block;
  text-transform: uppercase;
}
fieldset:not(.umbraco-forms-field) legend a:hover, fieldset:not(.umbraco-forms-field) legend a:visited:hover {
  color: #fff;
}
fieldset:not(.umbraco-forms-field) legend:hover {
  background-color: #8b0000;
}

@media only screen and (max-width: 40em) {
  fieldset:not(.umbraco-forms-field) {
    padding: 10px 15px 15px 15px;
  }
}
/* SITE DESIGN- VERSION 2
----------------------------------------------------------*/
.v02 fieldset:not(.umbraco-forms-field) legend {
  transform: unset;
}
.v02 fieldset:not(.umbraco-forms-field) > div {
  padding-bottom: 65px;
}

/* BLOGS
----------------------------------------------------------*/
.blogpost article h2 {
  margin: 0;
}
.blogpost article h4 {
  margin-top: 0;
}
.blogpost article time {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  font-family: "UnitedSansCdBd", Arial, sans-serif;
}
.blogpost article img:not(.carousel-img) {
  width: 100%;
  max-width: 550px;
  padding: 0.5rem 2rem 2rem 2rem;
  float: right;
}
.blogpost .sidebar h4 {
  color: #000;
}
.blogpost .sidebar .search-pnl input[type=text] {
  border-radius: 0;
  background: inherit;
  border: 1px solid #4a4a4a;
  padding: 5px;
  float: left;
  display: inline-block;
  margin-bottom: 6px;
  width: initial;
  box-shadow: none;
}
.blogpost .sidebar .search-pnl button {
  display: inline-block;
  height: 35px;
  color: #d72027;
  background: none;
  border: 0;
  padding-block: 1px;
  padding-inline: 6px;
}
.blogpost .sidebar .categorylist ul {
  padding-left: 0;
  margin-top: 6px;
  margin-left: 0;
}
.blogpost .sidebar .categorylist ul li {
  list-style: none;
  text-align: left;
  text-transform: capitalize;
}
.blogpost .sidebar .social-icons {
  text-align: left;
  font-size: 15px;
}
.blogpost .sidebar .social-icons .icon {
  font-size: 24px;
  color: #cd0202;
  transition: all 0.25s ease-in-out;
  margin: 0 0.2em;
}
.blogpost .sidebar .social-icons .icon:first-of-type {
  margin-left: 0;
}
.blogpost .sidebar .social-icons .icon:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
}
.blogpost .sidebar .social-icons .icon.icon-youtube:before {
  content: "\e800";
}
.blogpost .sidebar .social-icons .icon.icon-twitter:before {
  content: "\e801";
}
.blogpost .sidebar .social-icons .icon.icon-facebook:before {
  content: "\e802";
}
.blogpost .sidebar .social-icons .icon.icon-linkedin:before {
  content: "\e803";
}
.blogpost .sidebar .social-icons .icon.icon-instagram:before {
  content: "\e804";
}

.blog .blog-post-card {
  position: relative;
}
.blog .blog-post-card img {
  width: 100%;
  height: auto;
}
.blog .blog-post-card .content {
  position: absolute;
  overflow: hidden;
  top: unset;
  right: 30%;
  bottom: 6px;
  left: 6px;
  background-color: #fff;
  border-width: 3px 0 0 0;
  border-style: solid;
  border-color: red;
  padding: 6px 9px;
  max-height: 200px;
}
.blog .blog-post-card .content h3 {
  font-size: 20px;
  line-height: 22px;
  margin: 4px 0;
}
.blog .blog-post-card .content h6 {
  color: #000;
  margin: 6px 0 0 0;
}
.blog .blog-post-card .content .ellipsis {
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog .sidebar h4 {
  color: #000;
}
.blog .sidebar .search-pnl input[type=text] {
  border-radius: 0;
  background: inherit;
  border: 1px solid #4a4a4a;
  padding: 5px;
  float: left;
  display: inline-block;
  margin-bottom: 6px;
  width: initial;
  box-shadow: none;
}
.blog .sidebar .search-pnl button {
  display: inline-block;
  height: 35px;
  color: #d72027;
  background: none;
  border: 0;
  padding-block: 1px;
  padding-inline: 6px;
}
.blog .sidebar .categorylist ul {
  padding-left: 0;
  margin-top: 6px;
  margin-left: 0;
}
.blog .sidebar .categorylist ul li {
  list-style: none;
  text-align: left;
}
.blog .sidebar .social-icons {
  text-align: left;
  font-size: 15px;
}
.blog .sidebar .social-icons .icon {
  font-size: 24px;
  color: #cd0202;
  transition: all 0.25s ease-in-out;
  margin: 0 0.2em;
}
.blog .sidebar .social-icons .icon:first-of-type {
  margin-left: 0;
}
.blog .sidebar .social-icons .icon:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
}
.blog .sidebar .social-icons .icon.icon-youtube:before {
  content: "\e800";
}
.blog .sidebar .social-icons .icon.icon-twitter:before {
  content: "\e801";
}
.blog .sidebar .social-icons .icon.icon-facebook:before {
  content: "\e802";
}
.blog .sidebar .social-icons .icon.icon-linkedin:before {
  content: "\e803";
}
.blog .sidebar .social-icons .icon.icon-instagram:before {
  content: "\e804";
}

/* PROJECTS
----------------------------------------------------------*/
.projectpage h2.headline {
  margin-top: 30px;
  line-height: 38px;
}
.projectpage h3.headline {
  margin: 32px 0 -20px;
  line-height: 27px; /*letter-spacing: 1px;*/
  text-transform: uppercase; /*color: #333333;*/
}
.projectpage .sidebar h3 {
  text-transform: uppercase;
  margin-bottom: 0px;
  margin-top: 28px;
}
.projectpage .sidebar .project-detail-widget {
  border: 1px solid #eaeaea;
  margin-bottom: 20px;
}
.projectpage .sidebar .project-detail-widget strong {
  font-weight: normal;
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  background-color: #eaeaea;
  padding: 10px;
  text-align: center;
  display: block;
  font-size: 18px;
  color: #222222;
}
.projectpage .sidebar .project-detail-widget p {
  margin-bottom: 0;
}
.projectpage .sidebar .project-detail-widget ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.projectpage .sidebar .project-detail-widget ul li {
  border-bottom: 1px solid #f1f1f1;
  padding: 8px 8px 8px 10px;
  transition: all 0.25s ease-in-out;
}
.projectpage .sidebar .project-detail-widget ul li:last-child {
  border-bottom: 0;
}
.projectpage .sidebar .project-detail-widget ul li:hover {
  background: #f1f1f1;
}
.projectpage .sidebar .project-detail-widget dt {
  margin: 0;
}
.projectpage .sidebar .project-detail-widget dl {
  margin: 0;
}
.projectpage .headline-spacer {
  height: 60px;
}

.portfolio-sidebar {
  background-color: #333333;
  margin-bottom: 40px;
  padding: 24px 16px;
}
.portfolio-sidebar h3, .portfolio-sidebar h3 a:hover {
  color: #cd0202;
  text-transform: uppercase;
  background: none;
  cursor: default;
  margin-top: 0;
}
.portfolio-sidebar ul {
  list-style-type: none;
  margin: 0;
}
.portfolio-sidebar ul li:hover {
  background-color: #cd0202;
}
.portfolio-sidebar ul li.active {
  background-color: #cd0202;
}
.portfolio-sidebar ul li a {
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  display: block;
  line-height: 17px;
  padding: 7px 10px;
}
.portfolio-sidebar ul li a:hover {
  color: #fff;
}

/* SITE DESIGN- VERSION 2
----------------------------------------------------------*/
/* TREES
----------------------------------------------------------*/
@media only screen and (min-width: 64.063em) {
  .tree {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .tree.align-left {
    align-items: flex-start;
  }
  .tree ul {
    padding: 20px 0 0 0;
    margin-left: 0;
    padding-inline-start: 0;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
  }
  .tree ul ul::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 1px solid #b4b2b2;
    width: 0;
    height: 20px;
  }
  .tree li {
    float: left;
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
  }
  .tree li::after {
    right: auto;
    left: 50%;
    border-left: 1px solid #b4b2b2;
  }
  .tree li:only-child {
    padding-top: 0;
  }
  .tree li:last-child::before {
    border-right: 1px solid #b4b2b2;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
  }
  .tree li:first-child::after {
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
  }
  .tree li span {
    font-family: "UnitedSansCdBd", Arial, sans-serif;
    border: 1px solid #b4b2b2;
    padding: 10px 20px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
  }
  .tree li::before, .tree li::after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 1px solid #b4b2b2;
    width: 50%;
    height: 20px;
  }
  .tree li:only-child::after, .tree li:only-child::before {
    display: none;
  }
  .tree li:first-child::before, .tree li:last-child::after {
    border: 0 none;
  }
  .tree li span:hover, .tree li span:hover + ul li span {
    background: #cd0202;
    color: #FFFFFF;
    border: 1px solid #8b0000;
  }
  .tree li span:hover + ul li::after, .tree li span:hover + ul li::before, .tree li span:hover + ul::before, .tree li span:hover + ul ul::before {
    border-color: #8b0000;
  }
}
/* TIMELINES
----------------------------------------------------------*/
@media only screen and (min-width: 64.063em) {
  .timeline ul {
    margin: 0;
    padding: 0;
    padding-inline-start: 0;
  }
  .timeline li {
    position: relative;
    float: left;
    width: 14.28%;
    min-height: 70px;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    border-bottom: 1px solid #b4b2b2;
    font-size: 15px;
    line-height: 17px;
  }
  .timeline li:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 50%;
    height: 11px;
    border-right: 1px solid #b4b2b2;
  }
  .timeline li:nth-child(2):after {
    background-color: #ffffff;
  }
  .timeline li:last-child:after {
    left: auto;
    right: 0;
    border-left: 1px solid #b4b2b2;
    border-right: none;
    background-color: #ffffff;
  }
  .timeline li.title {
    padding-top: 15px;
    font-family: "UnitedSansCdBd", Arial, sans-serif;
    color: #000000;
    text-align: left;
    border: none;
  }
  .timeline li.title:after {
    display: none;
  }
  .timeline dl {
    clear: both;
    padding-top: 15px;
  }
  .timeline dt {
    clear: left;
    display: block;
    float: left;
    width: 35.7%;
    margin-bottom: 5px;
    line-height: 30px;
  }
  .timeline dd {
    display: block;
    float: left;
    margin-bottom: 5px;
    padding-right: 15px;
    background-color: #b4b2b2;
    text-align: right;
    line-height: 30px;
    color: #ffffff;
  }
}
/* SITE DESIGN- VERSION 2
----------------------------------------------------------*/
/* PAGINATION
----------------------------------------------------------*/
.pagination-container {
  text-align: center;
}
.pagination-container .pagination li.first {
  font-weight: 900;
}
.pagination-container .pagination li.prev {
  font-weight: 900;
}
.pagination-container .pagination li.page.active {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #cd0202;
  border-radius: 0;
}
.pagination-container .pagination li.next {
  font-weight: 900;
}
.pagination-container .pagination li.last {
  font-weight: 900;
}

/* SITE DESIGN- VERSION 2
----------------------------------------------------------*/
/* UMBRACO FORMS
----------------------------------------------------------*/
.umbraco-forms-page h2 {
  margin-top: 0;
}
.umbraco-forms-page h3 {
  margin-top: 0;
}
.umbraco-forms-page h4 {
  margin-top: 0;
}
.umbraco-forms-page h5 {
  margin-top: 0;
  margin-bottom: 0;
}
.umbraco-forms-page label {
  font-weight: 600;
}
.umbraco-forms-page fieldset {
  margin-bottom: 24px;
}
.umbraco-forms-page .radiobuttonlist {
  margin-left: 36px;
}
.umbraco-forms-page .checkboxlist {
  margin-left: 36px;
}
.umbraco-forms-page .recaptcha2 {
  margin-bottom: 24px;
}

.umbraco-forms-navigation {
  margin: 36px 0;
}

/* SITE DESIGN- VERSION 2
----------------------------------------------------------*/
/* Styles for List of Home Pages
----------------------------------------------------------*/
.listofhomepgs .banner_btn {
  background: #fff;
  padding: 150px 30px;
  cursor: pointer;
}
.listofhomepgs .banner_btn h3 {
  font-size: 36px;
  color: #e72623;
  line-height: 40px;
  margin: 0;
}
.listofhomepgs .banner_btn.active {
  background: #e72623;
}
.listofhomepgs .banner_btn.active h3 {
  color: #fff;
}
.listofhomepgs .banner {
  height: 100%;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.listofhomepgs .btnExplore {
  background: #e72623;
  color: #fff;
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  font-size: 24px;
  padding: 18px 45px 13px;
  line-height: 36px;
  border-radius: 8px;
  letter-spacing: 2px;
  display: inline;
  position: relative;
}
.listofhomepgs .btnExplore:after {
  content: "";
  background: url(/Images/btn_icon.png);
  width: 53px;
  height: 40px;
  position: absolute;
  right: -20px;
  top: 8px;
}
.listofhomepgs h1 {
  margin: 0;
  font-size: 70px;
  line-height: 76px;
}
.listofhomepgs header {
  background-color: #161616;
}
.listofhomepgs header a {
  color: #b4b2b2;
}
.listofhomepgs header .sub-header {
  background-image: url(/Images/header_bg1.jpg);
}
.listofhomepgs header .sub-header .ptext {
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  font-size: 29px;
  color: #151714;
  line-height: 36px;
}
.listofhomepgs header .sub-header .ptext .red-text {
  color: #e72623;
}
@media only screen and (max-width: 40em) {
  .listofhomepgs header .sub-header .ptext {
    position: relative;
    font-size: 24px;
    line-height: 30px;
  }
  .listofhomepgs header .sub-header .ptext::before {
    content: "";
    width: 100px;
    background: #b4b2b2;
    height: 4px;
    position: absolute;
    top: 0;
  }
}
.listofhomepgs header .left-border {
  border-left: 4px solid #b4b2b2;
}
@media only screen and (max-width: 40em) {
  .listofhomepgs .banner_btn {
    padding: 24px 12px;
    text-align: center;
  }
  .listofhomepgs .banner_btn h3 {
    font-size: 36px;
    line-height: 40px;
    margin: 0;
  }
  .listofhomepgs .btnExplore {
    font-size: 20px;
    padding: 18px 45px 13px;
    line-height: 36px;
  }
  .listofhomepgs .btnExplore:after {
    width: 53px;
    height: 40px;
    right: -20px;
    top: 5px;
  }
  .listofhomepgs h1 {
    margin: 12px;
    font-size: 40px;
    line-height: 40px;
  }
}

/* SITE DESIGN- VERSION 2
----------------------------------------------------------*/
/* MOBILE NAV
----------------------------------------------------------*/
.off-canvas {
  background-color: #ededed;
}
.off-canvas.position-right {
  width: 300px;
  z-index: 200;
}
.off-canvas hr {
  border-bottom: 1px solid #d7d7d7;
}
.off-canvas ul.main-nav > li a {
  background-color: #ededed;
}
.off-canvas ul.main-nav > li a::before {
  border-color: transparent rgba(205, 2, 2, 0.65) transparent transparent;
}
.off-canvas ul.main-nav > li a::after {
  border-color: transparent transparent transparent rgba(205, 2, 2, 0.65);
}
.off-canvas ul.main-nav > li .js-drilldown-back a {
  background-color: #d7d7d7;
}
/* SITE DESIGN- VERSION 2
----------------------------------------------------------*/
/*  TEMP- USED FOR WIREFRAMING
----------------------------------------------------------*/
/*.grid-container { border: 1px solid rgba(255, 0, 0, 0.5); }
.grid-x { border: 1px solid rgba(0, 128, 0, 0.5); }
.cell { border: 1px solid rgba(0, 0, 255, 0.5); }*/
/*===================================================================================*/
/* MISC CLASSES
/*===================================================================================*/
.center {
  text-align: center;
}

.form-control {
  border: 1px solid #eaeaea;
}
.form-control:hover {
  border: 1px solid #b4b2b2;
}
.form-control:focus {
  border: 1px solid #cd0202;
  box-shadow: none;
  outline: none;
}
.form-control:active {
  border: 1px solid #cd0202;
  box-shadow: none;
  outline: none;
}

.z-index-100 {
  z-index: 100;
}

.z-index-200 {
  z-index: 200;
}

.project-detail-link {
  border: 1px solid #eaeaea;
  display: block;
  padding: 12px 0;
  margin-bottom: 12px;
  transition: all 0.25s ease-in-out;
}
.project-detail-link:hover {
  background-color: rgba(205, 2, 2, 0.05);
}

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

/*===================================================================================*/
/* BACKGROUND COLORS
/*===================================================================================*/
.bg-red {
  background-color: #ba1917;
  color: #fff;
}
.bg-red h2 {
  color: #fff;
}

.bg-light-grey {
  background-color: #ebebeb !important;
}

.bg-medium-grey {
  background-color: #222222 !important;
  color: #fff;
}
.bg-medium-grey p, .bg-medium-grey div {
  color: #fff;
}
.bg-medium-grey h2 {
  color: #ebea3b;
}

.bg-dark-grey {
  background-color: #161616 !important;
  color: #fff;
}
.bg-dark-grey p, .bg-dark-grey div {
  color: #b4b2b2;
}
.bg-dark-grey h2 {
  color: #b4b2b2;
}
.bg-dark-grey h4 {
  color: #b4b2b2;
}
.bg-dark-grey a {
  color: #cd0202;
}
.bg-dark-grey a:hover {
  color: #8b0000;
}

/*===================================================================================*/
/* SLICK SLIDER
/*===================================================================================*/
.slideshow {
  position: relative;
}

.slick-container .slick-slider {
  display: inline;
}
.slick-container .slick-slider .slick-slide {
  opacity: 0.4;
  transition: all 300ms ease;
  -moz-transform: scale(0.66);
  -ms-transform: scale(0.66);
  -o-transform: scale(0.66);
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}
.slick-container .slick-slider .slick-slide.slick-center {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.slick-container .slick-slider .slick-slide img {
  margin: 0 auto;
}
.slick-container .mbl.lft-arrow {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 42px;
  z-index: 1;
}
.slick-container .mbl.rgt-arrow {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 42px;
  z-index: 1;
}

/*===================================================================================*/
/* ALERT MESSAGE PANEL
/*===================================================================================*/
/*background-color: #71ff00; background-color: #f5ff36; background-color: #e7882b;*/
#alertMsgPnl { /*background-color: #fece00;*/
  padding: 16px 8px;
}
#alertMsgPnl .button {
  margin: 0;
}
#alertMsgPnl .text-content {
  font-size: 20px;
  font-weight: 700;
}
#alertMsgPnl .btn-close {
  background-color: transparent;
  border-style: none;
  padding: 8px;
  line-height: 0;
  cursor: pointer;
}

/* SITE DESIGN- VERSION 2
----------------------------------------------------------*/
/* Print Stylesheet
----------------------------------------------------------*/
@media print {
  @page {
    size: letter;
  }
  .no-print {
    display: none;
  }
  html {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  body {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    float: none;
    background: #fff url(../../Scss/none);
    text-shadow: none;
  }
  /*    header { display: none; }
      footer { display: none; }

      main { width: 100%; height: 100%; margin: 0; padding: 0; float: none; background: #fff url(../../Scss/none); text-shadow: none;
          .grid-container { padding: 0; margin: 0; }
          .grid-x { padding: 0 !important; margin: 0 !important; width: 100% !important; }
          .cell { padding: 0 12px !important; margin: 0 !important;  width: 100% !important;
              &.medium-6 { width: 25% !important; }
              &.medium-10 { width: 41.6% !important; }
              &.medium-12 { width: 50% !important; }
              &.medium-18 { width: 75% !important; }
          }

          .Product { margin: 0; padding: 0;
              p { font-size: 14px; line-height: 18px; color: #000; }
              h2 { font-size: 19px; line-height: 21px; color: #004b7e !important; margin: 0 0 9px;
                  sup { color: #004b7e !important; }
              }
              h3 { font-size: 17px; line-height: 24px; color: #004b7e !important; margin: 0;
                  sup { color: #004b7e !important; }
              }
              .product-code { font-size: 16px; line-height: 20px; color: #646464; padding: 0; }
              .product-photos { display: none; }
              .product-photo-print { display: block; width: 95%; height: auto; padding: 8px; margin: 8px; border: 1px solid #CCC; }
              .product-utility-divider { display: none; }
              .product-utilities { display: none; }
              .product-icon-group { color: #646464 !important; font-size: 11px; line-height: 15px; text-align: center;
                  .fa-circle-check { color: #50aa4b !important; }
                  .svg-inline--fa { color: #50aa4b !important; }
                  i { color: #50aa4b !important; }
                  svg { color: #50aa4b !important; }
                  path { color: #50aa4b !important; }

                  .fa-circle-check:before { color: #50aa4b !important; }
                  .svg-inline--fa:before { color: #50aa4b !important; }
                  i:before { color: #50aa4b !important; }
                  svg:before { color: #50aa4b !important; }
                  path:before { color: #50aa4b !important; }
              }
              .serving-selector { display: none; }
              .date-disclaimer { font-size: 12px; line-height: 15px; }
              #nutrition-serving table.table tbody tr:nth-child(3) { border-top: 2px solid #D6D4D5; }
              .brand-logo { max-width: 100px !important; margin-bottom: 12px; }
              .specs-printcol-a {
                  br { display: none; }
              }

              table { border: 1px solid #666;
                  tbody {
                      tr {
                          td { border: 1px solid #666; font-size: 13px !important; line-height: 16px !important; color: #000 !important; padding: 0 0 0 3px !important;
                              strong { }
                              hr { margin: 6px 0; }
                              h5 { font-size: 15px !important; font-weight: 700; margin: 0; }
                          }
                      }
                  }
              }
          }

          .Recipe { margin: 0; padding: 0;
              p { font-size: 14px; line-height: 18px; color: #000; }
              h2 { font-size: 19px; line-height: 21px; color: #666 !important; margin: 0 0 9px !important; }
              h3 { font-size: 17px; line-height: 21px; color: #666 !important; margin: 0 !important; }
              h5 { font-size: 15px; line-height: 18px; color: #666 !important; margin: 0 !important; }

              ul, ol {
                  li { font-size: 14px; line-height: 18px; color: #000;
                      span { }
                  }
              }
              .recipe-photos { margin-bottom: 12px;
                  img { padding: 8px; border: 1px solid #CCC; }
              }
              #RelatedProducts { display: none; }

              table { border: 1px solid #666;
                  tbody {
                      tr {
                          td { border: 1px solid #666; font-size: 13px !important; line-height: 16px !important; color: #000 !important; padding: 0 0 0 3px !important;
                              strong { }
                              hr { margin: 6px 0; }
                              h5 { font-size: 15px !important; font-weight: 700; margin: 0; }
                          }
                      }
                  }
              }
          }

          .BlogPost { margin: 0; padding: 0;
              p { font-size: 14px; line-height: 18px; color: #000; }
              h1 { font-size: 21px; line-height: 24px; color: #666 !important; margin: 0 0 9px !important; }
              h2 { font-size: 19px; line-height: 21px; color: #666 !important; margin: 0 0 9px !important; }
              h3 { font-size: 17px; line-height: 21px; color: #666 !important; margin: 0 !important; }
              h5 { font-size: 15px; line-height: 18px; color: #666 !important; margin: 0 !important; }

              ul, ol {
                  li { font-size: 14px; line-height: 18px; color: #000;
                      span { }
                  }
              }
              .post-image { margin-bottom: 12px;
                  img { padding: 8px; border: 1px solid #CCC; width: 50% !important; margin: 0 auto !important; display: block; }
              }
              .blog-navigation { display: none; }

              table { border: 1px solid #666;
                  tbody {
                      tr {
                          td { border: 1px solid #666; font-size: 13px !important; line-height: 16px !important; color: #000 !important; padding: 0 0 0 3px !important;
                              strong { }
                              hr { margin: 6px 0; }
                              h5 { font-size: 15px !important; font-weight: 700; margin: 0; }
                          }
                      }
                  }
              }
          }
      }
  */
}
/* SITE DESIGN- VERSION 2
----------------------------------------------------------*/
/**/
/* SITE DESIGN- VERSION 2
----------------------------------------------------------*/
.v02 {
  /*  TEMP- USED FOR WIREFRAMING
  ---------------------------------------------------------- */
  /*    .grid-container { border: 1px solid rgba(255, 0, 0, 0.5); }
  .grid-x { border: 1px solid rgba(0, 128, 0, 0.5); }
  .cell { border: 1px solid rgba(0, 0, 255, 0.5); }*/
  /*===================================================================================*/
  /* COLORS
  /*===================================================================================*/
  /*===================================================================================*/
  /* FOOTER
  /*===================================================================================*/
  /*===================================================================================*/
  /* HOME PG
  /*===================================================================================*/
  /*===================================================================================*/
  /* HERO
  /*===================================================================================*/
  /*===================================================================================*/
  /* BUTTONS
  /*===================================================================================*/
  /*===================================================================================*/
  /* SLICK
  /*===================================================================================*/
  /*===================================================================================*/
  /* Panels
  /*===================================================================================*/
  /*===================================================================================*/
  /* CARDS
  /*===================================================================================*/
  /*===================================================================================*/
  /* MENU & NAV
  /*===================================================================================*/
  /*===================================================================================*/
  /* SLIDER PANEL
  /*===================================================================================*/
  /*===================================================================================*/
  /* PROJECT PAGE
  /*===================================================================================*/
  /*===================================================================================*/
  /* SIDEBAR
  /*===================================================================================*/
  /*===================================================================================*/
  /* PAGINATION
  /*===================================================================================*/
  /*===================================================================================*/
  /* SEARCH PANEL
  /*===================================================================================*/
  /*===================================================================================*/
  /* MISC
  /*===================================================================================*/
  /*===================================================================================*/
  /* SOCIAL ICONS
  /*===================================================================================*/
  /*===================================================================================*/
  /* BUBBLE
  /*===================================================================================*/
  /*===================================================================================*/
  /* BIO PAGE
  /*===================================================================================*/
  /*===================================================================================*/
  /* BLOGS
  /*===================================================================================*/
  /*===================================================================================*/
  /* FORMS
  /*===================================================================================*/
}
.v02 FONTS {
  font-family: "Anton";
  font-family: "Poppins";
}
.v02 body {
  scroll-behavior: smooth;
}
.v02 html, .v02 body {
  font-family: "Poppins";
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
}
.v02 abbr, .v02 address, .v02 article, .v02 aside, .v02 audio, .v02 b, .v02 blockquote, .v02 canvas, .v02 caption, .v02 cite, .v02 code, .v02 dd, .v02 del, .v02 details, .v02 dfn, .v02 div, .v02 dl, .v02 dt, .v02 em, .v02 fieldset, .v02 figcaption, .v02 figure, .v02 footer, .v02 form,
.v02 h1, .v02 h2, .v02 h3, .v02 h4, .v02 h5, .v02 h6, .v02 header, .v02 hgroup, .v02 i, .v02 iframe, .v02 img, .v02 ins, .v02 kbd, .v02 label, .v02 legend, .v02 li, .v02 mark, .v02 menu, .v02 nav, .v02 object, .v02 ol, .v02 p, .v02 pre, .v02 q, .v02 samp, .v02 section, .v02 small, .v02 span, .v02 strong, .v02 sub, .v02 summary, .v02 sup,
.v02 table, .v02 tbody, .v02 td, .v02 tfoot, .v02 th, .v02 thead, .v02 time, .v02 tr, .v02 ul, .v02 var, .v02 video {
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}
.v02 article, .v02 aside, .v02 details, .v02 figcaption, .v02 figure, .v02 footer, .v02 header, .v02 hgroup, .v02 menu, .v02 nav, .v02 section {
  display: block;
}
.v02 p, .v02 div, .v02 li, .v02 pre, .v02 table, .v02 blockquote {
  font-family: "Poppins";
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
  color: #161616;
  line-height: 1.5625;
}
.v02 p.smaller {
  font-size: 12px;
}
.v02 h1, .v02 h2, .v02 h3, .v02 h4, .v02 h5, .v02 h6,
.v02 .h1, .v02 .h2, .v02 .h3, .v02 .h4, .v02 .h5, .v02 .h6,
.v02 .H1, .v02 .H2, .v02 .H3, .v02 .H4, .v02 .H5, .v02 .H6 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.v02 h1 {
  font-family: "Anton";
  /*font-size: 80px;*/
  /*line-height: 100px;*/
  font-size: 64px;
  line-height: 86px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
}
.v02.listofhomepgs h1 {
  font-size: 80px;
}
.v02 .h1 {
  font-family: "Poppins";
  font-size: 40px;
  font-weight: 400;
  line-height: 60px;
  color: #161616;
}
.v02 .h1 span {
  font-family: "Anton";
  font-size: 34px;
  text-transform: uppercase;
}
.v02 h2 {
  font-family: "Anton";
  font-size: 70px;
  font-weight: 400;
  color: #161616;
  text-transform: uppercase;
}
.v02 .h2 {
  font-family: "Anton";
  font-size: 60px;
  font-weight: 400;
  color: #161616;
  text-transform: uppercase;
}
.v02 h3 {
  font-family: "Anton";
  font-size: 50px;
  font-weight: 400;
  color: #161616;
  text-transform: uppercase;
}
.v02 .h3 {
  font-family: "Poppins";
  font-size: 40px;
  font-weight: 400;
  color: #161616;
  text-transform: uppercase;
}
.v02 h4 {
  font-family: "Poppins";
  font-size: 30px;
  font-weight: 400;
  color: #161616;
}
.v02 .h4 {
  font-family: "Anton";
  font-size: 30px;
  font-weight: 400;
  color: #161616;
}
.v02 h5 {
  font-family: "Anton";
  font-size: 24px;
  font-weight: 400;
  color: #161616;
  text-transform: uppercase;
}
.v02 .h5 {
  font-family: "Poppins";
  font-size: 24px;
  font-weight: 400;
  color: #161616;
}
.v02 h6 {
  font-family: "Poppins";
  font-size: 22px;
  font-weight: 400;
  color: #161616;
}
.v02 .h6 {
  font-family: "Poppins";
  font-size: 18px;
  font-weight: 400;
  color: #161616;
}
@media only screen and (max-width: 40em) {
  .v02 h1 {
    font-size: 38px;
    line-height: 50px;
  }
  .v02 h2 {
    font-size: 50px;
    line-height: 62px;
  }
  .v02 h4 { /*font-size: 16px;  preconstruction page doesnt look good with this.  not sure why i set this.*/ }
  .v02 .h4 { /*font-size: 16px;*/ }
}
.v02 span.h1, .v02 span.h2, .v02 span.h3, .v02 span.h4, .v02 span.h5, .v02 span.h6,
.v02 span.H1, .v02 span.H2, .v02 span.H3, .v02 span.H4, .v02 span.H5, .v02 span.H6 {
  display: inline-flex;
}
.v02 a {
  color: #cd0202;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.v02 a:hover {
  color: #8b0000;
  text-decoration: none;
}
.v02 a:focus {
  color: #8b0000;
  text-decoration: none;
}
.v02 a:visited {
  color: #cd0202;
  text-decoration: none;
}
.v02 ul, .v02 ol {
  padding-inline-start: 40px;
}
.v02 ul ul, .v02 ul ol, .v02 ol ul, .v02 ol ol {
  margin-top: 0;
  margin-bottom: 0;
}
.v02 hr {
  width: 100%;
  max-width: 100%;
  border-bottom: 1px solid #eaeaea;
}
.v02 input {
  border: 1px solid #eaeaea;
}
.v02 input:hover {
  border: 1px solid #b4b2b2;
}
.v02 input:focus {
  border: 1px solid #cd0202;
  box-shadow: none;
  outline: none;
}
.v02 input:active {
  border: 1px solid #cd0202;
  box-shadow: none;
  outline: none;
}
.v02 img {
  max-width: 100%;
  height: auto;
}
.v02 img.full-width {
  width: 100%;
}
.v02 .full-height {
  height: 100%;
}
.v02 strong.medium {
  font-weight: 500;
}
.v02 strong.semibold {
  font-weight: 600;
}
.v02 .grid-container {
  max-width: 100rem;
}
.v02 .margin-zero {
  margin: 0;
}
.v02 .margin-top-zero {
  margin-top: 0;
}
.v02 .margin-bottom-zero {
  margin-bottom: 0;
}
.v02 .upper-case {
  text-transform: uppercase;
}
.v02 .ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.v02 .fa-brands, .v02 .fab {
  font-family: "Font Awesome 6 Brands" !important;
}
.v02 .fa-brands::before, .v02 .fab::before {
  content: unset !important;
}
.v02 .fa-brands::after, .v02 .fab::after {
  font-family: "Font Awesome 6 Brands" !important;
  content: var(--fa);
}
.v02 .position-relative {
  position: relative;
}
.v02 .display-block {
  display: block !important;
}
@media only screen and (max-width: 40em) {
  .v02 section {
    /*padding-right: 12px;
    padding-left: 12px;*/
  }
}
.v02 .color-white {
  color: #fff !important;
}
.v02 .color-red {
  color: #e52923 !important;
}
.v02 .color-black {
  color: #161616 !important;
}
.v02 .color-lightgrey {
  color: #b4b2b2 !important;
}
.v02 .color-grey {
  color: #7F7F7F !important;
}
.v02 .gradient {
  color: #00B7E0;
  background-image: linear-gradient(90deg, #00B7E0 20%, #12E3A4 80%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.v02 .bg-red {
  background-color: #ba1917 !important;
}
.v02 .bg-white {
  background-color: #FFFFFF !important;
}
.v02 .bg-egg-white {
  background-color: #F3F3F3 !important;
}
.v02 .bg-off-white {
  background-color: #f5f5f5 !important;
}
.v02 .bg-light-grey {
  background-color: #ebebeb !important;
}
.v02 .bg-medium-grey {
  background-color: #222222 !important;
}
.v02 .bg-dark-grey {
  background-color: #161616 !important;
}
.v02 .bg-black {
  background-color: #000 !important;
}
.v02 footer {
  background-color: #000;
}
.v02 footer .social-icons span {
  width: 100%;
  border-radius: 100px;
  display: inline-flex;
}
.v02 footer .social-icons span img {
  width: 100%;
  height: auto;
  border-radius: 100px;
  padding: 16px;
  margin-right: 12px;
  overflow: visible;
  border: 1px solid #fff;
  background-color: transparent;
  transition: background-color 0.35s, border-color 0.35s;
}
.v02 footer .social-icons span:hover img {
  border: 1px solid #cd0202;
  background-color: #cd0202;
}
@media only screen and (max-width: 40em) {
  .v02.homepg #about-us {
    padding: 0 12px;
  }
}
.v02 #hero.IsVsn02 {
  max-height: 550px;
}
.v02 #hero.IsVsn02 .grid-y {
  max-height: 550px;
}
.v02 #hero.IsVsn02 h1 {
  font-family: "Anton";
  font-size: 80px;
  font-weight: 400;
  line-height: 100px;
  color: #ffffff;
  text-transform: uppercase;
}
.v02 #hero.IsVsn02 p.pre-title {
  font-family: "Poppins", sans-serif;
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 600;
}
.v02 #hero.IsVsn02 h1.title {
  font-family: "Anton", sans-serif;
  color: #fff;
  text-transform: uppercase;
  font-size: 82px;
  line-height: 98px;
  margin: 0 0 16px;
}
.v02 #hero.IsVsn02 p.post-title {
  font-family: "Poppins", sans-serif;
  font-size: 31px;
  font-weight: 400;
  color: #fff;
}
.v02 #hero.IsVsn02 p.subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 31px;
  font-weight: 400;
  color: #fff;
}
@media only screen and (max-width: 40em) {
  .v02 #hero.IsVsn02 h1 {
    font-size: 60px;
    line-height: 72px;
  }
  .v02 #hero.IsVsn02 h1.title {
    font-size: 50px;
    line-height: 64px;
  }
}
.v02.homepg #hero {
  max-height: 100vh;
  height: 980px;
  /*            p.pre-title { font-family: 'Poppins', sans-serif; color: #fff; text-transform: uppercase; font-size: 24px; font-weight: 600; }
  h1.title { font-family: 'Anton', sans-serif; color: #fff; text-transform: uppercase; font-size: 82px; line-height: 98px; margin: 0 0 16px; }
  p.post-title { font-family: 'Poppins', sans-serif; font-size: 31px; font-weight: 400; color: #fff; }
  p.subtitle {font-family: 'Poppins', sans-serif; font-size: 31px; font-weight: 400; color: #fff;}*/
}
.v02.homepg #hero .bgImgOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.v02.homepg #hero .grid-y {
  max-height: unset;
}
@media only screen and (max-width: 40em) {
  .v02.homepg #hero {
    max-height: revert;
    height: auto;
  }
  .v02.homepg #hero .grid-y {
    max-height: unset;
    height: auto;
  }
  .v02.homepg #hero .grid-y .medium-auto {
    height: 60px;
  }
}
.v02 #hero-IsLocationPg h1 {
  color: #161616;
}
.v02 #hero-IsLocationPg .bg {
  border-radius: 12px;
  width: 100%;
  height: auto;
}
.v02 #hero-IsLocationPg .logo {
  position: absolute;
  bottom: -60px;
  right: 120px;
  width: 120px;
  height: auto;
}
.v02 .heroBtn {
  font-family: "UnitedSansCdBd", Arial, sans-serif;
  text-transform: uppercase;
  background-color: #cd0202;
  color: #fff;
  border-radius: 36px;
  border: none;
  padding: 8px 12px;
  display: inline-flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
}
.v02 .heroBtn .txt {
  display: inline-flex;
  font-size: 22px;
  line-height: 22px;
  margin-left: 28px;
}
.v02 .heroBtn span.img {
  display: inline-block;
  background-color: #fff;
  border-radius: 50%;
  margin-left: 65px;
  width: 38px;
  height: 38px;
}
.v02 .heroBtn span.img img {
  width: 16px;
  height: auto;
  filter: brightness(0) saturate(100%) invert(15%) sepia(96%) saturate(3491%) hue-rotate(354deg) brightness(82%) contrast(119%);
}
.v02 .heroBtn:hover {
  color: #fff;
}
.v02 .heroBtn:focus {
  color: #fff;
}
.v02 .heroBtn:visited {
  color: #fff;
}
.v02 .learnmore-btn {
  background-color: #cd0202;
  color: #fff;
  border-radius: 36px;
  border: none;
  padding: 8px 12px;
  display: inline-flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
}
.v02 .learnmore-btn .txt {
  display: inline-flex;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  margin-left: 18px;
}
.v02 .learnmore-btn span.img {
  background-color: #fff;
  border-radius: 50%;
  margin-left: 36px;
  width: 38px;
  height: 38px;
  display: inline-flex;
}
.v02 .learnmore-btn span.img img {
  border-radius: 50%;
  width: 16px;
  height: auto;
  filter: brightness(0) saturate(100%) invert(15%) sepia(96%) saturate(3491%) hue-rotate(354deg) brightness(82%) contrast(119%);
}
.v02 .icon.rounded {
  width: 64px;
  height: auto;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}
.v02 .slick-scroller_x_3slides .card {
  margin: 0 24px;
  border-radius: 16px;
  background-color: rgb(237, 240, 246);
}
.v02 .slick-scroller_x_3slides .card .text-center img {
  display: inline-block;
}
.v02 .slick-scroller_x_3slides .card .thumbnail {
  margin-bottom: 15px;
}
.v02 .slick-scroller_x_3slides .card > .grid-x {
  height: 100%;
}
.v02 .slick-scroller_x_3slides .card > .grid-x .grid-x {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.v02 .slick-scroller_x_3slides .card > .grid-x .grid-x > .cell {
  flex-shrink: 1;
  flex-grow: 0;
}
.v02 .slick-scroller_x_3slides .card > .grid-x .grid-x > .cell.grow {
  flex-shrink: 1;
  flex-grow: 1;
  margin: 0;
  padding: 0;
}
.v02 .icon.rounded {
  width: 64px;
  height: auto;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}
.v02 .slick-scroller_x_1slide .card {
  margin: 0 24px;
  border-radius: 16px;
  background-color: rgb(237, 240, 246);
  position: relative;
}
.v02 .slick-scroller_x_1slide .card .text-center img {
  display: inline-block;
}
.v02 .slick-scroller_x_1slide .card .bg {
  width: 100%;
  height: auto;
}
.v02 .slick-scroller_x_1slide .card .circle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.v02 .slick-scroller_x_1slide .card > .grid-x {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media only screen and (max-width: 64em) {
  .v02 .slick-scroller_x_1slide .slick-list {
    height: auto !important; /*.slick-dots { display: none !important; }*/
  }
  .v02 .slick-scroller_x_1slide .slick-list .card .circle {
    display: none;
  }
  .v02 .slick-scroller_x_1slide .slick-list .card > .grid-x {
    position: initial;
    padding: 16px 16px;
  }
  .v02 .slick-scroller_x_1slide .slick-list .card > .grid-x .color-white {
    color: #161616;
  }
}
.v02 .ap3w-bar-62fce34af7b96b0aadee939e {
  background-color: #ffffff;
}
.v02 ul.slick-dots {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.v02 ul.slick-dots li {
  width: 24px;
  color: #fff;
  font-size: 24px;
}
.v02 ul.slick-dots li.slick-active {
  color: #cd0202;
}
.v02 ul.slick-dots li button {
  display: none;
}
.v02 .pnl-our-industry {
  padding-bottom: 360px;
}
.v02 .pnl-recent-news {
  padding-bottom: 120px;
}
@media only screen and (max-width: 40em) {
  .v02 .pnl-our-industry {
    padding-bottom: 100px;
  }
  .v02 .pnl-recent-news {
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .v02 .pnl-our-industry {
    padding-bottom: 260px;
  }
  .v02 .pnl-recent-news {
    padding-bottom: 120px;
  }
}
.v02 .bg-img-b-l {
  background-repeat: no-repeat;
  background-position: left bottom;
}
.v02 .bg-img-b-r {
  background-repeat: no-repeat;
  background-position: right bottom;
}
.v02 .bg-contain {
  background-size: contain;
}
.v02 .pnl-recent-news .card {
  background-color: #EDF0F6;
  border-radius: 16px;
}
.v02 .pnl-recent-news .card img {
  border-radius: 16px;
}
.v02 .pnl-recent-news .card p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.v02 .bio-cards .card {
  background-color: #EDF0F6;
  border-radius: 16px;
}
.v02 .bio-cards .card img {
  border-radius: 16px; /*margin: 16px;*/
  padding: 0; /*width: calc(100% - 32px);*/
  width: 100%;
}
.v02 .bio-cards .card p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 15px;
}
.v02 .bio-cards .card p.h6 {
  font-size: 18px;
  margin-top: 0;
}
.v02 .bg-light-grey .bio-cards .card {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.v02 .bg-light-grey .bio-cards .card img {
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.v02 .pnl-contact-us {
  background-color: #f5f5f5;
  padding-bottom: 120px;
}
.v02 .pnl-contact-us .card.form {
  background-color: #fff;
  border-radius: 16px;
  border-top: 4px solid #cd0202;
}
.v02 .pnl-contact-us .card.form input, .v02 .pnl-contact-us .card.form textarea {
  box-shadow: none;
  border-width: 0 0 2px 0;
}
.v02 .card.location {
  background-color: rgb(237, 240, 246);
  border-radius: 16px;
  padding: 16px;
}
.v02 .card.location .main-img {
  width: 100%;
  height: auto;
  border-radius: 16px;
}
.v02 .card.location .heading {
  font-size: 18px;
}
.v02 .card.location address {
  font-style: normal;
  font-size: 14px;
}
.v02 .card.location .icon {
  background-color: #fff;
  aspect-ratio: 1/1;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  border-radius: 50px;
  padding: 16px;
  margin-right: 12px;
}
.v02.projectlists .project-list .project-item .card .grid-x {
  display: contents;
}
.v02 .card.ProjectCard_v02 {
  background-color: rgb(237, 240, 246);
  border-radius: 16px;
}
.v02 .card.ProjectCard_v02 img {
  width: 100%;
  height: auto;
  border-radius: 16px;
}
.v02 .super-nav-pnl {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1000;
  top: 100%;
  background: linear-gradient(to right, #F3F3F3 0%, #F3F3F3 50%, #fff 50%, #fff 100%);
  border-top: 4px solid;
  border-image: linear-gradient(to right, transparent 50%, #cd0202 50%) 100% 1;
}
.v02 .super-nav-pnl .grid-container {
  margin-top: -4px;
}
.v02 .super-nav-pnl .title-section {
  padding: 48px;
}
.v02 .super-nav-pnl .title-section .learn-more-link {
  background-color: #cd0202;
  color: #fff;
  border-radius: 36px;
  border: none;
  padding: 8px 12px;
  display: inline-flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
}
.v02 .super-nav-pnl .title-section .learn-more-link .txt {
  display: inline-flex;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  margin-left: 18px;
}
.v02 .super-nav-pnl .title-section .learn-more-link .img {
  background-color: #fff;
  border-radius: 50%;
  margin-left: 36px;
  width: 28px;
  height: 28px;
  display: inline-flex;
}
.v02 .super-nav-pnl .title-section .learn-more-link .img img {
  border-radius: 50%;
  width: 14px;
  height: auto;
  filter: brightness(0) saturate(100%) invert(15%) sepia(96%) saturate(3491%) hue-rotate(354deg) brightness(82%) contrast(119%);
}
.v02 .super-nav-pnl .nav-section {
  padding: 48px 0 0 0;
}
.v02 .super-nav-pnl ul {
  list-style: none;
}
.v02 .super-nav-pnl ul li {
  border-bottom: 2px solid #e7e7e7;
  padding: 12px 0;
}
.v02 .super-nav-pnl ul li h5 {
  margin: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.v02 .super-nav-pnl ul li i {
  display: none;
}
.v02 .super-nav-pnl ul li:last-of-type {
  border-width: 0;
}
.v02 .super-nav-pnl ul li.active h5 {
  color: #cd0202;
}
.v02 .super-nav-pnl ul li.active i {
  display: inline-block;
  margin-right: 8px;
}
.v02 .super-nav-pnl ul li:hover h5 {
  color: #cd0202;
}
.v02 .off-canvas-content .off-canvas.position-right.is-transition-overlap {
  background-color: #fff;
}
.v02 .off-canvas-content .off-canvas.position-right.is-transition-overlap ul.menu.vertical {
  padding-inline-start: unset;
}
.v02 .off-canvas-content .off-canvas.position-right.is-transition-overlap ul.menu.vertical li {
  background-color: transparent;
}
.v02 .off-canvas-content .off-canvas.position-right.is-transition-overlap ul.menu.vertical li a {
  background-color: transparent;
  color: #cd0202;
  font-size: 18px;
  padding: 18px 24px;
}
.v02 .slider-pnl {
  height: 70vh; /*height: 100vh;*/
}
.v02 .slider-pnl .slide {
  height: 100%;
  display: flex;
  transition: width 0.75s;
  transition-timing-function: ease;
  width: 37.5%;
  position: relative;
  overflow: hidden;
  background-color: #000;
}
.v02 .slider-pnl .slide.laptop-auto {
  width: 62.5%;
}
.v02 .slider-pnl .slide.laptop-auto img.bg-img {
  opacity: 1;
}
.v02 .slider-pnl .slide.laptop-auto .in-front button {
  background-color: #cd0202;
}
.v02 .slider-pnl .slide.laptop-auto .in-front button img {
  filter: brightness(0) saturate(100%) invert(15%) sepia(96%) saturate(3491%) hue-rotate(354deg) brightness(82%) contrast(119%);
}
.v02 .slider-pnl .slide.laptop-auto .in-front button span.txt.open {
  display: inline-flex;
}
.v02 .slider-pnl .slide.laptop-auto .in-front button span.txt.explore {
  display: none;
}
.v02 .slider-pnl .slide img.bg-img { /*object-fit: none;*/
  object-fit: cover;
  opacity: 0.25;
  transition: opacity 0.75s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  height: auto;
  width: auto;
  z-index: 0;
  object-position: center;
}
.v02 .slider-pnl .slide .in-front {
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.v02 .slider-pnl .slide .in-front button {
  background-color: #000;
  color: #fff;
  border-radius: 36px;
  border: none;
  padding: 8px 12px;
  display: inline-flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  cursor: pointer;
}
.v02 .slider-pnl .slide .in-front button span {
  display: inline-block;
}
.v02 .slider-pnl .slide .in-front button span.txt {
  font-size: 22px;
  line-height: 22px;
  margin-left: 28px;
}
.v02 .slider-pnl .slide .in-front button span.txt.open {
  display: none;
}
.v02 .slider-pnl .slide .in-front button span.txt.explore {
  display: inline-flex;
}
.v02 .slider-pnl .slide .in-front button span.img {
  background-color: #fff;
  border-radius: 50%;
  margin-left: 65px;
  width: 38px;
  height: 38px;
}
.v02 .slider-pnl .slide .in-front button img {
  width: 16px;
  height: auto;
  filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg) brightness(96%) contrast(104%);
}
@media only screen and (max-width: 40em) {
  .v02 .slider-pnl .slide .in-front button span.txt {
    font-size: 16px;
    line-height: 16px;
    margin-left: 20px;
  }
  .v02 .slider-pnl .slide .in-front button span.img {
    margin-left: 56px;
    width: 28px;
    height: 28px;
  }
}
@media only screen and (max-width: 64em) {
  .v02 .slider-pnl {
    height: unset;
  }
  .v02 .slider-pnl .slide {
    width: 100% !important;
  }
  .v02 .slider-pnl .slide .in-front {
    position: unset;
  }
}
.v02.projectpage h1 {
  color: #161616;
  margin-bottom: 0;
}
.v02.projectpage p.h4 {
  font-size: 32px;
  text-transform: uppercase;
  margin-top: 0;
}
.v02 .sidebar {
  background-color: #f5f5f5;
  overflow: hidden;
  border-radius: 16px;
}
.v02 .sidebar .header {
  background-color: #fff;
  border-radius: 16px;
  border: 2px solid #eeeeee;
  border-top: 4px solid #cd0202;
}
.v02 .sidebar .header input, .v02 .sidebar .header textarea {
  box-shadow: none;
  border-width: 0 0 2px 0;
}
.v02 .sidebar .project-detail-widget {
  border-style: none;
}
.v02 .sidebar .project-detail-widget ul li {
  padding: 12px 0;
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  border-bottom: 1px solid #f1f1f1;
  transition: all 0.25s ease-in-out;
  text-transform: capitalize;
}
.v02 .sidebar .project-detail-widget ul li:last-child {
  border-bottom: 0;
}
.v02 .sidebar .project-detail-widget ul li:hover {
  background: #f1f1f1;
}
.v02 .sidebar .project-detail-widget ul li dl {
  margin-bottom: 6px;
  display: inline-block;
}
.v02 .sidebar .project-detail-widget ul li dl dt {
  font-size: 17px;
  line-height: 20px;
}
.v02 .sidebar .project-detail-widget ul li dl dd {
  font-size: 14px;
  line-height: 18px;
}
.v02 .sidebar .project-detail-widget ul li img {
  display: inline-block;
  margin-right: 16px;
}
.v02 .pagination-container {
  margin-top: 24px;
}
.v02 .pagination-container .pagination {
  padding-inline-start: initial;
}
.v02 .pagination-container .pagination li {
  border-width: 1px;
  border-style: solid;
  border-color: #b6b6b6;
  color: #535353;
  border-radius: 8px;
  font-weight: 400;
  margin: 4px;
}
.v02 .pagination-container .pagination li a {
  padding: 0;
  min-width: 48px;
  align-content: center;
  border-style: none;
  border-radius: 8px;
  color: #535353;
  font-weight: 400;
  font-size: 18px;
  height: 36px;
}
.v02 .pagination-container .pagination li.page.active {
  background-color: #fc1314;
  border-color: #fc1314;
  border-width: 1px;
  color: #fff;
  border-radius: 8px;
}
.v02 .pagination-container .pagination li.page.active a {
  color: #fff;
}
.v02 .pagination-container .pagination li.prev, .v02 .pagination-container .pagination li.next {
  min-width: 115px;
}
.v02 .pagination-container .pagination li:hover {
  border-width: 1px;
  border-style: solid;
}
.v02 .pagination-container .pagination li:hover a {
  border-style: none;
}
.v02 .pagination-container .pagination .disabled {
  padding: 0;
  color: #535353;
  cursor: not-allowed;
}
.v02 .search-pnl.v2 {
  background-color: #f1f4f9;
  border-radius: 50px;
  padding: 2px 10px;
}
.v02 .search-pnl.v2 form {
  border-style: none;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.v02 .search-pnl.v2 form input[type=text] {
  border-style: none;
  font-size: 15px;
  line-height: 15px;
  margin: 0;
  padding: 6px 0 6px 12px;
}
.v02 .search-pnl.v2 form input[type=text]::placeholder {
  font-style: italic;
}
.v02 .search-pnl.v2 form button {
  border-style: none;
  margin: 0;
  padding: 0;
}
.v02 .search-pnl.v2 form button i {
  color: #fff;
  background: #cd0202;
  padding: 8px;
  border-radius: 24px;
  transform: scaleX(-1);
  font-size: 13px;
}
.v02 .dual-hr {
  margin-bottom: 24px;
}
.v02 .dual-hr hr {
  margin: 0;
  padding: 0;
}
.v02 .dual-hr hr:last-of-type {
  border-bottom: 3px solid #cd0202;
  width: 20%;
  margin: -2px 0 0 0;
}
.v02 .sideways-content {
  transform: rotate(90deg);
  transform-origin: left;
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  width: 150%;
}
.v02 .sideways-content span {
  display: inline-block;
  display: inline-block;
  white-space: nowrap;
}
.v02 .filter-by label {
  display: inline-block;
}
.v02 .filter-by select {
  width: auto;
}
.v02 .drilldown .is-drilldown-submenu {
  background: #fff !important;
}
.v02 .social-icons {
  text-align: left;
  font-size: 15px;
}
.v02 .social-icons .icon {
  font-size: 24px;
  color: #cd0202;
  transition: all 0.25s ease-in-out;
  border: 1px solid #e0e0e0;
  width: 40px;
  aspect-ratio: 1/1;
  display: inline-block;
  text-align: center;
  border-radius: 50px;
  margin: 0 2px 0 0 !important;
}
.v02 .social-icons .icon:first-of-type {
  margin-left: 0;
}
.v02 .social-icons .icon:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: initial;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
}
.v02 .social-icons .icon.icon-youtube:before {
  content: "\e800";
}
.v02 .social-icons .icon.icon-twitter:before {
  content: "\e801";
}
.v02 .social-icons .icon.icon-facebook:before {
  content: "\e802";
}
.v02 .social-icons .icon.icon-linkedin:before {
  content: "\e803";
}
.v02 .social-icons .icon.icon-instagram:before {
  content: "\e804";
}
.v02 .social-icons .icon:hover {
  background-color: #cd0202;
  border-color: #cd0202;
  color: #fff;
}
.v02 .bullet-bubble {
  border: 1px solid grey;
  border-radius: 50px;
  padding: 6px 12px;
}
.v02 .bullet-bubble i {
  margin-right: 12px;
}
.v02 a.btn-bubble {
  background-color: #cd0202;
  color: #fff;
  border-radius: 36px;
  border: none;
  padding: 8px 12px;
  display: inline-flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.v02 a.btn-bubble.larger {
  font-size: 26px;
}
.v02 a.btn-bubble.full-width {
  width: 100%;
}
.v02.bio .bio-img {
  border: 1px solid #edf0f6;
  border-radius: 8px;
}
.v02.bio .demographics .record {
  margin-bottom: 20px;
  font-size: 18px;
}
.v02.bio .demographics .record .icon {
  width: 20px;
  display: inline-block;
  margin-right: 16px;
}
.v02.bio .demographics .record .icon i {
  font-size: 20px;
}
.v02.blog .list h4 {
  margin: 0;
  color: #000;
}
.v02.blog .list .blog-post-card {
  background-color: rgb(237, 240, 246);
  border-radius: 16px;
}
.v02.blog .list .blog-post-card > a > .grid-x {
  display: contents;
}
.v02.blog .list .blog-post-card > a > .grid-x img {
  width: 100%;
  height: auto;
  border-radius: 16px;
}
.v02.blogpost .breadcrumbs {
  background: #eee;
}
.v02.blogpost .postImgUrl {
  width: 100%;
  height: auto;
  border-radius: 12px;
  float: unset;
  max-width: unset;
  padding: unset;
}
.v02.blogpost .related-article-sidebar img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  width: 95px;
  height: 75px;
}
.v02.blogpost .related-article-sidebar .date {
  line-height: 16px;
  margin-bottom: 8px;
}
.v02.blogpost .related-article-sidebar .date i {
  font-size: 13px;
}
.v02.blogpost .related-article-sidebar .date time {
  font-size: 11px;
  line-height: 11px;
}
.v02 form h5 {
  font-family: "Poppins";
  font-size: 18px;
  font-weight: 400;
  color: #161616;
  text-transform: unset;
  padding-top: 0.9375rem;
  padding-bottom: 1.9375rem;
  font-weight: 700;
}
.v02 form label {
  font-family: "Poppins";
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
  color: #161616;
  line-height: 1.5625;
}
.v02 form .umbraco-forms-field {
  margin-bottom: 3rem;
}
.v02 form button {
  background-color: #cd0202;
  color: #fff;
  border-radius: 36px;
  border: none;
  padding: 8px 12px;
  display: inline-flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  cursor: pointer;
}
.v02 form button .txt {
  display: inline-flex;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  margin-left: 18px;
  font-family: "Poppins";
}
.v02 form button .img {
  background-color: #fff;
  border-radius: 50%;
  margin-left: 36px;
  width: 38px;
  height: 38px;
  display: inline-flex;
}
.v02 form button .img img {
  border-radius: 50%;
  width: 16px;
  height: auto;
  filter: brightness(0) saturate(100%) invert(15%) sepia(96%) saturate(3491%) hue-rotate(354deg) brightness(82%) contrast(119%);
}
.v02 form input[type=submit] {
  float: right;
  font-family: "Poppins";
  background-color: #cd0202;
  color: #fff;
  border-radius: 36px;
  border: none;
  padding: 16px 72px 16px 32px;
  display: inline-flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  cursor: pointer;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  margin-left: 18px;
}
.v02 form .umbraco-forms-navigation {
  position: relative;
}
.v02 form .umbraco-forms-navigation::after {
  content: "\f061";
  font-family: "Font Awesome 6 Free";
  width: 36px;
  height: 36px;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 9px;
  background: white;
  color: #cd0202;
  text-align: center;
  top: calc(50% - 27px);
  line-height: 38px;
  font-weight: 700;
  font-size: 18px;
  border-radius: 50px;
}

/* Small screens | max-width 640px, mobile-only styles */
/* Medium screens | min-width 641px */
/* Medium screens | min-width 641px and max-width 1024px  */
/* Laptop screens | min-width 1025px*/
/* Laptop screens | min-width 1025px and max-width 1440px  */
/* Large screens | min-width 1441px */
/* Large screens | min-width 1441px and max-width 1920px */
/* XLarge screens | min-width 1921px */
