/*[class*="col"] { border:red dotted 1px;} [class*="row"] { border:green dashed 1px;} */
.fw-light {
  font-weight: 100 !important;
}
.fw-normal {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: 800 !important;
}
.easeease {
  transition: 200ms;
  transition-timing-function: ease-in-out;
  -webkit-transition: 200ms;
  -webkit-transition-timing-function: ease-in-out;
}
body {
  font-size: 14px;
  font-family: 'dunbar-text', sans-serif;
  font-weight: 500;
  color: #363b3a;
  margin: 0em;
  font-display: swap;
}
.feature-font {
  font-family: 'Audiowide', sans-serif;
  font-weight: 400!important;
}
p {
  margin: 0em 0em 1em 0em;
  color: inherit;
}
ul.body,
ol.body,
ul.tick {
  margin: 0em 0em 1.5em 0em;
  padding: 0em;
  color: inherit!important;
}
ul.body li,
ol.body li,
ul.tick li {
  margin: 0em 0em 0em 1.5em;
  padding: 0em;
  line-height: normal;
  position: relative;
  list-style: none;
  font-size: 1em;
  margin-bottom: 0.5em;
  color: inherit!important;
}
ul.body li ul,
ol.body li ul,
ul.tick li ul {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0em;
}
ul.body li li,
ol.body li li,
ul.tick li li {
  margin: 0em 0em 0em 1.5em;
  padding: 0em;
  line-height: 1em;
  position: relative;
  list-style: none;
  font-size: 0.9em;
  margin-bottom: 0.5em;
}
ul.body li:before,
ol.body li::before,
ul.tick li:before {
  position: absolute;
  left: -1.5em;
  top: 0px;
  font-size: inherit;
}
ul.body li:before {
  content: "\25A0";
}
ul.tick li:before {
  content: "\2714\0020";
  color: #36a9e1 !important;
  left: -2em;
}
ul.tick li {
  margin: 0em 0em 0.7em 2em;
}
ol.body li {
  counter-increment: step-counter;
}
ol.body li::before {
  content: counter(step-counter) ".";
}
.small {
  font-size: 0.9em;
}
a {
  color: #36a9e1;
  text-decoration: none!important;
}
a:hover {
  text-decoration: none;
  color: #f5a90d;
}
a.invert,
.invert a {
  color: white;
}
a.invert:hover,
.invert a:hover {
  text-decoration: none;
  color: #e6e6e6;
  color: #f5a90d;
}
/* ------------------------ Cookies CSS ------------------------ */
.cc-window {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.cc-window.cc-invisible {
  opacity: 0;
}
.cc-animate.cc-revoke {
  -webkit-transition: transform 1s ease;
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
}
.cc-animate.cc-revoke.cc-top {
  -webkit-transform: translateY(-2em);
  transform: translateY(-2em);
}
.cc-animate.cc-revoke.cc-bottom {
  -webkit-transform: translateY(2em);
  transform: translateY(2em);
}
.cc-animate.cc-revoke.cc-active.cc-top {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.cc-animate.cc-revoke.cc-active.cc-bottom {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.cc-revoke:hover {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.cc-grower {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 1s;
  transition: max-height 1s;
}
.cc-revoke,
.cc-window {
  position: fixed;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
  font-size: 1.2em;
  line-height: 1.2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  z-index: 9999;
  font-display: swap;
}
.cc-window.cc-static {
  position: static;
}
.cc-window.cc-floating {
  padding: 2em;
  max-width: 24em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cc-window.cc-banner {
  padding: 1em 1.8em;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.cc-revoke {
  padding: 0.5em;
}
.cc-revoke:hover {
  text-decoration: underline;
}
.cc-header {
  font-size: 18px;
  font-weight: 700;
}
.cc-btn,
.cc-close,
.cc-link,
.cc-revoke {
  cursor: pointer;
}
.cc-link {
  opacity: 0.8;
  display: inline-block;
  padding: 0.2em;
  text-decoration: underline;
}
.cc-link:hover {
  opacity: 1;
}
.cc-link:active,
.cc-link:visited {
  color: initial;
}
.cc-btn {
  display: block;
  padding: 0.4em 0.8em;
  font-size: 0.9em;
  font-weight: 700;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  white-space: nowrap;
}
.cc-btn.cc-allow {
  background-color: #36a9e1 !important;
  text-decoration: none !important;
  border: solid 1px #36a9e1 !important;
}
.cc-btn.cc-deny {
  border: solid 1px #FFFFFF !important;
  text-decoration: none !important;
}
.cc-btn.cc-deny:hover,
.cc-btn.cc-allow:hover {
  border: solid 1px #FFFFFF !important;
  text-decoration: none !important;
  background-color: black !important;
  color: #f5a90d !important;
}
.cc-highlight .cc-btn:first-child {
  background-color: transparent;
  border-color: transparent;
}
.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover {
  background-color: transparent;
  text-decoration: underline;
}
.cc-close {
  display: block;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  font-size: 1.6em;
  opacity: 0.9;
  line-height: 0.75;
}
.cc-close:focus,
.cc-close:hover {
  opacity: 1;
}
.cc-revoke.cc-top {
  top: 0;
  left: 3em;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
.cc-revoke.cc-bottom {
  bottom: 0;
  left: 3em;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}
.cc-revoke.cc-left {
  left: 3em;
  right: unset;
}
.cc-revoke.cc-right {
  right: 3em;
  left: unset;
}
.cc-top {
  top: 1em;
}
.cc-left {
  left: 1em;
}
.cc-right {
  right: 1em;
}
.cc-bottom {
  bottom: 1em;
}
.cc-floating > .cc-link {
  margin-bottom: 1em;
}
.cc-floating .cc-message {
  display: block;
  margin-bottom: 1em;
}
.cc-window.cc-floating .cc-compliance {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.cc-window.cc-banner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cc-banner.cc-top {
  left: 0;
  right: 0;
  top: 0;
}
.cc-banner.cc-bottom {
  left: 0;
  right: auto;
  bottom: 20px;
  width: 400px;
}
.cc-banner .cc-message {
  display: block;
  /*-webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;*/
  max-width: 100%;
  margin-right: 1em;
}
.cc-compliance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}
.cc-floating .cc-compliance > .cc-btn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.cc-btn + .cc-btn {
  margin-left: 0.5em;
}
@media print {
  .cc-revoke,
  .cc-window {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .cc-btn {
    white-space: normal;
  }
}
@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
  .cc-window.cc-top {
    top: 0;
  }
  .cc-window.cc-bottom {
    bottom: 0;
  }
  .cc-window.cc-banner,
  .cc-window.cc-floating,
  .cc-window.cc-left,
  .cc-window.cc-right {
    left: 0;
    right: 0;
  }
  .cc-window.cc-banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .cc-window.cc-banner .cc-compliance {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .cc-window.cc-floating {
    max-width: none;
  }
  .cc-window .cc-message {
    margin-bottom: 1em;
  }
  .cc-window.cc-banner {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
  }
  .cc-window.cc-banner .cc-message {
    margin-right: 0;
  }
}
.cc-floating.cc-theme-classic {
  padding: 1.2em;
  border-radius: 5px;
}
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
  text-align: center;
  display: inline;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.cc-theme-classic .cc-btn {
  border-radius: 5px;
}
.cc-theme-classic .cc-btn:last-child {
  min-width: 140px;
}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
  display: inline-block;
}
.cc-theme-edgeless.cc-window {
  padding: 0;
}
.cc-floating.cc-theme-edgeless .cc-message {
  margin: 2em;
  margin-bottom: 1.5em;
}
.cc-banner.cc-theme-edgeless .cc-btn {
  margin: 0;
  padding: 0.8em 1.8em;
  height: 100%;
}
.cc-banner.cc-theme-edgeless .cc-message {
  margin-left: 1em;
}
.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
  margin-left: 0;
}
/* ------------------------ END Cookies CSS ------------------------ */
/* ------------------------ Lazy Load ------------------------ */
img {
  display: block;
}
img.lazy {
  opacity: 0;
}
img:not(.initial) {
  transition: opacity 1s;
}
img.initial,
img.loaded,
img.error {
  opacity: 1;
}
img:not([src]) {
  visibility: hidden;
}
/* ------------------------ END Lazy Load ------------------------ */
/* ------------------------ Animations CSS ------------------------ */
.scroll-animations {
  opacity: 0;
}
.showme {
  opacity: 1;
}
.contain-animation {
  overflow: hidden !important;
}
/* ------------------------ END Animations CSS ------------------------ */
/*  Email Sent */
#mail-sent {
  max-width: 100%;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
  margin: 10px;
  padding: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 1000;
  moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  animation: mail-sent 1s 1;
  -webkit-animation: mail-sent 0.5s 1;
  animation-fill-mode: forwards;
  animation-delay: 4s;
  -webkit-animation-delay: 4s;
  /* Safari and Chrome */
  -webkit-animation-fill-mode: forwards;
}
@keyframes mail-sent {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes mail-sent {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
#mail-sent a {
  color: #f5a90d;
  text-decoration: none;
}
/*  END Email sent */
/*Social Network icon render*/
.social-bar-group {
  overflow: auto;
  font-size: 18px;
  font-weight: 700;
  width: 100%;
  background-color: transparent;
  text-align: left;
  padding: 4px;
  margin-bottom: 25px;
  display: block;
}
.social-icon-header-link {
  width: 32px;
  height: 32px;
  display: block;
  margin: 0px 0px 0px 10px;
  background-color: #f5a90d;
  border-radius: 16px;
  transition: 200ms;
  transition-timing-function: ease-in-out;
  -webkit-transition: 200ms;
  -webkit-transition-timing-function: ease-in-out;
  float: left;
  position: relative;
  padding: 0px!important;
}
.social-icon-header-link:hover {
  background-color: #c78808;
  transition: 200ms;
  transition-timing-function: ease-in-out;
  -webkit-transition: 200ms;
  -webkit-transition-timing-function: ease-in-out;
}
.social-icon-header-link .svg {
  width: 60%;
  height: 60%;
  top: 50%!important;
  left: 50%!important;
  transform: translate(-50%, -50%);
  border: solid red 0px;
  position: absolute;
  fill: #1e8fc6;
}
/*Social Network icon render*/
/*  Footer Menu */
.footer-menu .nav-pills {
  padding: 0px 0px 0px 0px;
  display: block;
  color: white;
}
.footer-menu .nav-pills > li {
  display: block;
  font-size: 1.1em;
}
.footer-menu .nav-pills > li > a {
  color: #FFFFFF;
  padding: 2px 0px 2px 0px;
  margin: 0px;
  text-decoration: none;
}
.footer-menu .nav-pills > li > ul {
  margin: 0px 0px 1em 0px;
  padding: 0px ;
  text-decoration: none;
  list-style: none;
}
.footer-menu .nav-pills > li > ul > li {
  text-indent: 0px;
  padding: 0px 0px 0px 1em!important;
  display: block;
  font-size: 1em;
}
.footer-menu .nav-pills > li > ul > li > a {
  color: white;
  text-decoration: none;
}
.footer-menu .nav-pills > li > a:hover,
.footer-menu .nav-pills > li > ul > li > a:hover {
  color: #966706;
  background-color: transparent;
  text-decoration: none;
}
.footer-menu .nav-pills > li.active a {
  color: #36a9e1;
  background-color: transparent;
}
/*  END Footer menu */
/* Base Form */
.contactForm .form-group {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  text-indent: 0px;
  font-size: 1em;
}
.control-label {
  width: 100%;
  padding-bottom: 0px;
}
.contactForm label {
  color: #363b3a;
  font-weight: 500;
  padding: 0em;
  margin: 0px;
  font-size: 1em;
}
.contactForm input[type="text"],
.contactForm input[type="tel"],
.contactForm input[type="email"],
.contactForm textarea,
.contactForm select,
.contactForm input[type="date"] {
  margin: 0em;
  margin-bottom: 1em;
  width: 100%;
  border-radius: 0px;
  border: #36a9e1 solid 1px;
  padding: 0.5em;
  color: #363b3a;
  font-size: 1em;
  background-color: rgba(255, 255, 255, 0.75);
}
.contactForm input[type="text"]:hover,
.contactForm input[type="tel"]:hover,
.contactForm input[type="email"]:hover,
.contactForm textarea:hover,
.contactForm select:hover,
.contactForm input[type="date"]:hover {
  background-color: white;
}
.contactForm input[type="text"]:focus,
.contactForm input[type="tel"]:focus,
.contactForm input[type="email"]:focus,
.contactForm textarea:focus,
.contactForm select:focus,
.contactForm input[type="date"]:focus {
  background-color: white;
  border: #f5a90d solid 1px;
  outline: none;
  color: #36a9e1;
}
.contactForm .btn:hover {
  background-color: #36a9e1;
}
.contactForm .checkbox {
  margin: 20px 0px 20px 0px;
  display: block;
}
.contactForm .checkbox label {
  display: block;
  margin: 0px 0px 10px 20px;
  position: relative;
}
.contactForm .checkbox label input {
  display: block;
  position: inherit;
  float: left;
}
.houdini {
  display: none;
}
/* END Base Form */
/* ERROR PAGES */
.error {
  position: relative;
  color: white;
  background-color: #2b292a;
  font-size: 0.7em;
}
.error .error-number {
  font-size: 10em;
  display: block;
  color: inherit;
  font-weight: 800;
}
.error .error-title {
  font-size: 3em;
  line-height: auto;
  text-align: inherit;
  font-weight: 100;
  color: inherit;
  margin: 0px;
  padding-bottom: 0.5em;
}
.error .error-sub-title {
  font-size: 1.6em;
  color: inherit;
  padding-bottom: 1em;
  font-weight: 100;
}
.error .copy {
  position: relative;
  /*background-color: @brand-body;*/
  color: inherit;
  padding: 20px 20px 20px 20px;
  text-align: center;
}
.error .error-text {
  font-size: 1.4em;
  color: inherit;
  text-align: left;
}
.error-divider {
  border-bottom: solid white 1px;
}
/* END Error pages */
/* scroll to top */
.back-to-top {
  background: none;
  margin: 0;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 100;
  display: none;
  text-decoration: none;
  color: #ffffff;
  background-color: rgba(54, 169, 225, 0.4);
  text-align: center;
  font-size: 26px;
  line-height: 40px;
  padding: 4px 10px 0px 10px;
}
.back-to-top:hover {
  background-color: rgba(54, 169, 225, 0.8);
  color: #ffffff;
}
/* END Scroll to top */
/*  Navigation */
.navbar {
  border-radius: 0px;
  background-color: #6c7056;
  margin: 0px;
  padding: 0px;
}
.navbar-nav {
  background-color: #6c7056;
}
.navbar-light .navbar-nav > li > a {
  color: white;
  font-size: 1em;
  padding: 1em 1.5em !important;
}
.nav-item a {
  display: flex;
  align-items: center;
}
.navbar-light .navbar-nav > li > a .svg {
  fill: white;
  width: 30px;
}
.navbar-light .navbar-nav > li > a:hover .svg {
  fill: #36a9e1;
}
.navbar-light .navbar-nav > li > a:hover,
.navbar-light .navbar-nav > li > a:focus {
  color: #36a9e1;
}
.navbar-light .navbar-nav > .active > a,
.navbar-light .navbar-nav > .active > a:hover,
.navbar-light .navbar-nav > .active > a:focus {
  color: #62bce8;
  background-color: transparent!important;
}
.dropdown-menu {
  background-color: #6c7056;
  border: 0px solid white;
  border-radius: 0px!important;
  padding: 0px 0px 0px 0px!important;
  clear: both;
  font-weight: 100;
  line-height: auto;
  color: white;
  margin-bottom: 4px;
  margin-top: -2px;
  white-space: nowrap;
}
.dropdown-menu > li > a {
  color: white;
  font-weight: 100;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a.active,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #36a9e1;
  background-color: rgba(0, 0, 0, 0.1);
  font-weight: 100;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #FFFFFF;
  text-decoration: none;
}
.dropdown-menu > li.active a {
  background-color: transparent!important;
  color: #FFFFFF;
}
.dropdown-menu > li > ul > li > a:hover,
.dropdown-menu > li > ul > li > a.active,
.dropdown-menu > li > ul > li > a:focus {
  text-decoration: none;
  color: #36a9e1;
  font-weight: 100;
}
/*  END Navigation */
.window-size {
  display: inline-block;
  position: fixed;
  z-index: 10000;
  top: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.61);
  border: dotted 1px red;
  color: black!important;
  padding: 0.5em 0.7em;
  font-size: 0.7em;
  box-shadow: 1px 1px 2.5px 2px rgba(0, 0, 0, 0.15);
}
.window-size:after {
  content: "XS - 576 and below";
}
/* ------------------------ Animations CSS ------------------------ */
.kenburns {
  overflow: hidden;
}
.kenburns img {
  animation: kenburns 30s infinite;
}
@keyframes kenburns {
  0% {
    opacity: 0;
    transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    animation-timing-function: ease-out;
  }
  1.5% {
    opacity: 1;
  }
  98.5% {
    opacity: 1;
    transform: scale3d(1.25, 1.25, 1.25) translate3d(-6%, -6%, 0px);
  }
  100% {
    animation-timing-function: ease-in;
    transform: scale3d(1.25, 1.25, 1.25) translate3d(-6%, -6%, 0px);
    opacity: 0;
  }
}
/* ------------------------ END Animations CSS ------------------------ */
@media (min-width: 576px) {
  .window-size:after {
    content: "SM - 576 and up";
  }
  .dropdown-menu > li > ul > li > a {
    color: #FFFFFF;
  }
  .dropdown-menu > li > ul {
    margin: 0px 0px 0px 0px;
  }
}
@media (min-width: 768px) {
  .window-size:after {
    content: "MD - 768 and up";
  }
  .error .copy {
    position: absolute;
    top: 50%;
    left: 4.5%;
    width: 65%;
    transform: translate(0%, -50%);
    padding: 0px!important;
    background-color: transparent;
    text-align: left;
  }
  .error {
    font-size: 0.6em;
  }
  .error .error-text {
    font-size: 1.4em;
    color: white!important;
  }
}
@media (min-width: 992px) {
  .window-size:after {
    content: "LG - 992 and up";
  }
  .error {
    font-size: 0.9em;
  }
  .error .error-text {
    font-size: 1.1em;
  }
}
@media (min-width: 1200px) {
  .error {
    font-size: 1em;
  }
  .window-size:after {
    content: "XL - 1200 to 1400";
  }
}
@media (min-width: 1400px) {
  .window-size:after {
    content: "XXL - 1400 and up";
  }
}
.background-primary {
  background-color: #36a9e1 !important;
}
.background-primary-light {
  background-color: #a5d8f2;
}
.background-primary-lighter {
  background-color: #d1ebf8;
}
.background-primary-dark {
  background-color: #1a7fb0;
}
.background-primary-darker {
  background-color: #104f6e;
}
.background-secondary {
  background-color: #f5a90d !important;
}
.background-secondary-light {
  background-color: #f8c356;
}
.background-secondary-lighter {
  background-color: #fad587;
}
.background-secondary-dark {
  background-color: #ae7807;
}
.background-secondary-darker {
  background-color: #7d5605;
}
.background-tertiary {
  background-color: #c8d400 !important;
}
.background-tertiary-light {
  background-color: #f2ff21;
}
.background-tertiary-lighter {
  background-color: #f5ff55;
}
.background-tertiary-dark {
  background-color: #686e00;
}
.background-tertiary-darker {
  background-color: #383b00;
}
.background-quaternary {
  background-color: #e1572d !important;
}
.background-quaternary-light {
  background-color: #ee9e86;
}
.background-quaternary-lighter {
  background-color: #f4c2b3;
}
.background-quaternary-dark {
  background-color: #a93a18;
}
.background-quaternary-darker {
  background-color: #7d2b12;
}
.background-body {
  background-color: #363b3a !important;
}
.background-body-light {
  background-color: #737e7b;
}
.background-body-lighter {
  background-color: #a8afad;
}
.background-body-dark {
  background-color: #000000;
}
.background-body-darker {
  background-color: #000000;
}
.background-camo {
  background-color: #6c7056 !important;
}
.background-camo-light {
  background-color: #abaf97;
}
.background-camo-lighter {
  background-color: #dadbd0;
}
.background-camo-dark {
  background-color: #505340;
}
.background-camo-darker {
  background-color: #26281f;
}
.color-primary {
  color: #36a9e1 !important;
}
.color-secondary {
  color: #f5a90d !important;
}
.color-tertiary {
  color: #c8d400 !important;
}
.color-quaternary {
  color: #e1572d !important;
}
.color-white {
  color: white!important;
}
.color-black {
  color: black!important;
}
.color-body {
  color: #363b3a !important;
}
.color-camo {
  color: #6c7056 !important;
}
.btn-link {
  display: inline-block;
  padding: 0.5em 2em;
  font-size: 1em;
  border: 1px solid #363b3a;
  color: #363b3a;
  background-color: white;
  text-decoration: none;
  border-radius: 0px;
  transition: 200ms;
  transition-timing-function: ease-in-out;
  -webkit-transition: 200ms;
  -webkit-transition-timing-function: ease-in-out;
}
.btn-link:hover {
  background-color: #363b3a;
  border: 1px solid #363b3a;
  color: white!important;
  text-decoration: none;
}
.btn-link-inverse {
  display: inline-block;
  padding: 0.5em 2em;
  font-size: 1em;
  border: 1px solid white;
  color: white;
  background-color: #363b3a;
  text-decoration: none;
  border-radius: 0px;
  transition: 200ms;
  transition-timing-function: ease-in-out;
  -webkit-transition: 200ms;
  -webkit-transition-timing-function: ease-in-out;
}
.btn-link-inverse:hover {
  background-color: white!important;
  border: 1px solid #363b3a !important;
  color: #363b3a !important;
  text-decoration: none;
}
.btn-link.primary {
  border-color: #36a9e1;
  color: #36a9e1;
}
.btn-link.primary:hover {
  background-color: #36a9e1;
  border-color: #36a9e1;
  color: white!important;
}
.btn-link.secondary {
  border-color: #f5a90d;
  color: #f5a90d;
}
.btn-link.secondary:hover {
  background-color: #f5a90d;
  border-color: #f5a90d;
  color: white!important;
}
.btn-link.tertiary {
  border-color: #c8d400;
  color: #c8d400;
}
.btn-link.tertiary:hover {
  background-color: #c8d400;
  border-color: #c8d400;
  color: white!important;
}
.btn-link.quaternary {
  border-color: #e1572d;
  color: #e1572d;
}
.btn-link.quaternary:hover {
  background-color: #e1572d;
  border-color: #e1572d;
  color: white!important;
}
.btn-link.primary.inverse {
  background-color: #36a9e1;
  border-color: #36a9e1;
  color: white;
}
.btn-link.primary.inverse:hover {
  background-color: white;
  border-color: #36a9e1;
  color: #36a9e1 !important;
}
.btn-link.secondary.inverse {
  background-color: #f5a90d;
  border-color: #f5a90d;
  color: white;
}
.btn-link.secondary.inverse:hover {
  background-color: white;
  border-color: #f5a90d;
  color: #f5a90d !important;
}
.btn-link.tertiary.inverse {
  background-color: #c8d400;
  border-color: #c8d400;
  color: white;
}
.btn-link.tertiary.inverse:hover {
  background-color: white;
  border-color: #c8d400;
  color: #c8d400 !important;
}
.btn-link.quaternary.inverse {
  background-color: #e1572d;
  border-color: #e1572d;
  color: white;
}
.btn-link.quaternary.inverse:hover {
  background-color: white;
  border-color: #e1572d;
  color: #e1572d !important;
}
/*-----------------------------------------------------End of Base CSS------------------------------------------------------------------------------*/
.background-camouflage {
  background-image: url("../../images/set-up/background-camouflage-tiled.webp");
  background-repeat: repeat;
}
.navbar-toggler {
  background-color: white;
}
/**/
.menu-background {
  background-image: #040508;
  background-image: linear-gradient(90deg, #040508 0%, #6c7056 20%, #6c7056 80%, #040508 100%);
  background-position: center;
  background-repeat: no-repeat;
}
.parallax {
  /* Set background image */
  background-image: url('../../images/set-up/home-hero.webp');
  /* Set background size */
  background-size: cover;
  /* Set background attachment to fixed for parallax effect
  background-attachment: fixed; */
  /* Set background position */
  background-position: bottom;
  /* Set minimum height */
  min-height: 100vh;
  /* Center content vertically and horizontally */
  display: flex;
  align-items: center;
  justify-content: center;
  /* Add initial background position */
  background-position-y: 0%;
  overflow: visible;
  background-repeat: no-repeat;
  transform-origin: bottom;
}
.text-shadow {
  text-shadow: 2px 2px 16px rgba(0, 0, 0, 0.5);
}
.big-button {
  position: relative;
  padding-bottom: 10em!important;
}
.big-button > div {
  background-color: rgba(54, 169, 225, 0.2);
}
.clip-bottom-right {
  position: relative;
}
.clip-bottom-right:after {
  display: block;
  content: "";
  width: 40px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: -40px;
  background-color: rgba(54, 169, 225, 0.2) !important;
  clip-path: polygon(100% 0, 100% 90%, 0% 100%, 0 100%, 0 0);
}
.clip-top-left {
  position: relative;
}
.big-button .overshoot {
  transform: translatex(10%) translatey(-10%) scale(1.2);
  position: relative;
  z-index: 100;
}
.clip-top-left:before {
  display: block;
  content: "";
  width: 25px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -25px;
  background-color: rgba(54, 169, 225, 0.5) !important;
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 30% 100%, 30% 10%);
}
.big-button .overshoot {
  position: relative;
  z-index: 100;
}
.big-button .btn-link {
  background-color: #36a9e1;
  color: black;
  clip-path: polygon(5% 0, 95% 0, 100% 15%, 100% 85%, 95% 100%, 5% 100%, 0 85%, 0 15%);
  text-transform: uppercase;
  font-family: 'Audiowide', sans-serif;
  border: none !important;
}
.big-button .icon {
  position: absolute;
  bottom: 10px;
  right: -40px;
  transform: scale(1);
  z-index: 300;
}
.big-button.secondary > div {
  background-color: rgba(245, 169, 13, 0.2);
}
.big-button.secondary .clip-bottom-right:after {
  background-color: rgba(245, 169, 13, 0.2) !important;
}
.big-button.secondary .clip-top-left:before {
  background-color: rgba(245, 169, 13, 0.5) !important;
}
.big-button.secondary .btn-link {
  background-color: #f5a90d;
}
.big-button.tertiary > div {
  background-color: rgba(200, 212, 0, 0.2);
}
.big-button.tertiary .clip-bottom-right:after {
  background-color: rgba(200, 212, 0, 0.2) !important;
}
.big-button.tertiary .clip-top-left:before {
  background-color: rgba(200, 212, 0, 0.5) !important;
}
.big-button.tertiary .btn-link {
  background-color: #c8d400;
}
.big-button.quaternary > div {
  background-color: rgba(225, 87, 45, 0.2);
}
.big-button.quaternary .clip-bottom-right:after {
  background-color: rgba(225, 87, 45, 0.2) !important;
}
.big-button.quaternary .clip-top-left:before {
  background-color: rgba(225, 87, 45, 0.5) !important;
}
.big-button.quaternary .btn-link {
  background-color: #e1572d;
}
.big-button:hover .btn-link {
  color: white!important;
}
.button-corner-clip {
  clip-path: polygon(5% 0, 95% 0, 100% 15%, 100% 85%, 95% 100%, 5% 100%, 0 85%, 0 15%);
  text-transform: uppercase;
  font-family: 'Audiowide', sans-serif;
  border: none !important;
}
#target-icon {
  position: absolute;
  z-index: 999;
  width: 40px;
  height: 40px;
}
#dark-target-icon {
  position: absolute;
  z-index: 999;
  width: 40px;
  height: 40px;
}
.shaker:hover {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  perspective: 1000px;
}
@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}
.scaler {
  transition: all 0.2s;
  transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
  transition-duration: 0.25s;
}
.scaler:hover {
  transform: scale(1.15);
}
.grower {
  transition: all 0.3s ease-in-out;
}
.grower:hover {
  animation: grow 0.5s ease-in-out;
}
@keyframes grow {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(0.9);
  }
  60% {
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.95);
  }
  80% {
    transform: scale(1.02);
  }
  90% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}
.footer-logo {
  background-color: #363b3a;
  background-image: url("../../images/set-up/logo-footer-fade.webp");
  background-repeat: no-repeat;
  background-position: 10% 15%;
}
#carouselTestimonials .carousel-control-next,
#carouselTestimonials .carousel-control-prev {
  width: auto!important;
}
#carouselTestimonials .carousel-inner {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.product {
  background-color: #eaecec;
  margin-bottom: 4em;
  position: relative;
  padding: 1.5em;
  z-index: 1;
  transition: all 0.2s;
  transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
  transition-duration: 0.25s;
}
.product:hover {
  background-color: #cfd4d3;
}
.product:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-top: 20px solid white;
  border-right: 20px solid transparent;
  width: 0;
  z-index: 2;
}
.product:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  border-top: 20px solid transparent;
  border-right: 20px solid white;
  width: 0;
  z-index: 2;
}
.background-camo .product:before {
  border-top: 20px solid #6c7056;
}
.background-camo .product:after {
  border-right: 20px solid #6c7056;
}
.product .title {
  font-size: 1.5em;
  line-height: 1em;
  color: #36a9e1;
  font-family: 'Audiowide', sans-serif;
  margin-bottom: 0.25em;
  text-transform: uppercase;
}
.product .sub-title {
  font-size: 1.1em;
  color: #36a9e1;
  font-family: 'Audiowide', sans-serif;
  margin-bottom: 0.25em;
}
.product:hover .title {
  transform: scale(1.25);
}
.product .info {
  font-size: 0.8em;
  line-height: 1.2em;
  color: #67706e;
  margin-bottom: 0.5em;
}
.product .image {
  z-index: 100;
}
@keyframes cockit {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(23deg) scale(1.24);
  }
  60% {
    transform: rotate(22deg) scale(1.18);
  }
  70% {
    transform: rotate(18deg) scale(1.22);
  }
  80% {
    transform: rotate(21deg) scale(1.19);
  }
  90% {
    transform: rotate(19deg) scale(1.21);
  }
  100% {
    transform: rotate(20deg) scale(1.2);
  }
}
.product .image img {
  transition: all 0.2s;
  transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
  transition-duration: 0.25s;
}
.product:hover .image img {
  transform: scale(1.25) rotate(10deg);
}
.product-link {
  position: absolute;
  bottom: -10px;
  right: 8.5%;
  font-size: 0.8em !important;
  padding: 0.5em 1.25em;
  background-color: #c8d400;
  color: #363b3a;
  z-index: 3;
}
.product-link:hover {
  background-color: #36a9e1;
  color: white;
}
.product .ammount {
  position: absolute;
  top: 20px;
  right: -20px;
  background-color: #36a9e1;
  border-radius: 50%;
  width: 75px;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2em;
  font-weight: 700;
  color: white;
  font-family: 'Audiowide', sans-serif;
}
.product .ammount.small {
  font-size: 0.85em;
  font-weight: 100;
}
.call-us {
  clip-path: polygon(5% 0, 95% 0, 100% 15%, 100% 85%, 95% 100%, 5% 100%, 0 85%, 0 15%);
  background-color: #c8d400;
  color: #02305d;
}
.clip-box {
  clip-path: polygon(5% 0, 100% 0, 100% 80%, 95% 100%, 0 100%, 0 20%);
}
.call-us:hover {
  background-color: #dadbd0;
  color: #02305d;
}
.clip-box-equal {
  clip-path: polygon(7.5% 0, 100% 0%, 100% 90%, 92.5% 100%, 0 100%, 0 10%);
}
.icon-360 {
  position: absolute;
  bottom: 10px;
  right: 7.5%;
  z-index: 100;
}
.lightbox .carousel-control-next-icon,
.lightbox .carousel-control-prev-icon {
  background-color: rgba(0, 0, 0, 0.5) !important;
  border-radius: 50%;
  padding: 1em;
  background-size: 50%;
  width: 3em!important;
  height: 3em!important;
}
.lightbox .btn-close svg {
  fill: #36a9e1;
}
.lightbox-gallery .card {
  background-color: #f1f2f2 !important;
  border: none!important;
  border-radius: 0px!important;
  clip-path: polygon(10% 0, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 20%);
}
.lightbox-gallery .card:hover {
  background-color: #e3e6e5 !important;
}
.lightbox-gallery .card {
  transition: all 0.3s ease-in-out;
}
.lightbox-gallery .card:hover {
  transform: scale(1.2);
}
.custom-tooltip {
  --bs-tooltip-bg: #36a9e1;
  --bs-tooltip-max-width: 400px!important;
}
.accordion-item {
  background-color: rgba(255, 0, 4, 0);
}
.accordion .accordion-button {
  color: white;
  background-color: #6c7056;
}
.accordion .accordion-button.collapsed {
  color: white;
}
.accordion .accordion-body {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
}
.accordion-item:first-of-type,
.accordion-item:first-of-type .accordion-button {
  border-radius: 0px!important;
}
.accordion-item:last-of-type,
.accordion-item:last-of-type .accordion-button {
  border-radius: 0px!important;
}
.accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
.girl-with-gun {
  background-image: url('../../images/set-up/girl-with-lazer-tag-gun.webp');
  background-position: right 200px ;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 30%;
}
.boy-with-gun {
  background-image: url('../../images/set-up/boy-with-lazer-tag-gun.webp');
  background-position: left 200px;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.nav-pills {
  border-bottom: 0px solid #c8d400 !important;
  margin-bottom: 20px;
}
.nav-pills .nav-items {
  padding: 0px!important;
}
.nav-pills .nav-item {
  padding: 0px!important;
}
.nav-pills .nav-link {
  background-color: white!important;
  color: #c8d400 !important;
  border: solid 1px #c8d400;
  border-bottom: none!important;
  padding: 0 20px;
  border-radius: 0px;
}
.nav-pills .nav-link:hover {
  background-color: #363b3a !important;
  color: white!important;
  border: solid 1px #c8d400;
  padding: 0 20px;
  border-radius: 0px;
}
.nav-pills .nav-link.active {
  background-color: #c8d400 !important;
  color: white!important;
  border: solid 1px #c8d400;
}
#primary .nav-pills .nav-link {
  background-color: white!important;
  color: #36a9e1 !important;
  border: solid 1px #36a9e1;
  border-bottom: none!important;
  padding: 0 20px;
  border-radius: 0px;
}
#primary .nav-pills .nav-link:hover {
  background-color: #363b3a !important;
  color: white!important;
  border: solid 1px #36a9e1;
  padding: 0 20px;
  border-radius: 0px;
}
#primary .nav-pills .nav-link.active {
  background-color: #36a9e1 !important;
  color: white!important;
  border: solid 1px #36a9e1;
}
table.equipmentparams_container {
  width: 100%;
  margin-top: 20px;
  border-bottom: 0px solid white!important;
}
table.equipmentparams_container > tbody > tr > td {
  width: 100%;
  display: block;
  vertical-align: top;
}
table.equipmentparams_container > tbody > tr > td > table {
  width: 95%;
}
table.equipmentparams_container > tbody > tr > td > table td {
  border-bottom: 1px solid #c8d400;
  padding: 7px 0;
}
table.equipmentparams_container td.text-right {
  font-family: 'Audiowide', sans-serif;
  text-align: right;
}
.reel {
  cursor: url(../../images/set-up/rotate-icon.png), auto;
}
.reel-fade {
  cursor: url(../../images/set-up/rotate-fade-icon.png), auto;
}
#image-reel {
  height: auto!important;
}
.blockquote {
  font-size: 1.1em;
  font-weight: 100;
  margin-bottom: 1.5em;
  color: white;
}
.blockquote-footer {
  font-size: 1.1em;
  font-weight: 100;
  color: white!important;
}
.blockquote-footer cite {
  font-size: 0.9em;
  font-weight: 100;
  margin-left: 1em;
  color: rgba(255, 255, 255, 0.75);
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(54,169,225,1.00)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
@media (min-width: 768px) {
  .navbar {
    background-color: transparent;
  }
  .navbar-light .navbar-nav > li > a {
    padding: 1em 1em!important;
    font-size: 0.9em;
  }
  .navbar-light .navbar-nav > li > a .svg {
    width: 15px;
  }
  .menu-background-sides {
    background-color: #6c7056;
    position: relative;
    padding-right: 25px;
    padding-left: 25px;
  }
  .menu-background-sides:before {
    position: absolute;
    background-color: #6c7056;
    width: 40px;
    height: 99%;
    display: block;
    content: "";
    left: -25px;
    width: 25px;
    -webkit-transform-origin: 100% 0;
    -webkit-transform: skew(25deg);
    -ms-transform: skew(25deg);
    transform: skew(25deg);
  }
  .menu-background-sides:after {
    position: absolute;
    background-color: #6c7056;
    width: 40px;
    height: 99%;
    display: block;
    content: "";
    right: -25px;
    width: 25px;
    -webkit-transform-origin: 100% 0;
    -webkit-transform: skew(-25deg);
    -ms-transform: skew(-25deg);
    transform: skew(-25deg);
  }
  .menu-background {
    background-image: linear-gradient(90deg, #040508 0%, #6c7056 5%, #6c7056 95%, #040508 100%);
  }
  .clip-bottom-right:after {
    width: 60px;
    right: -60px;
  }
  .clip-top-left:before {
    width: 30px;
    left: -30px;
  }
  .big-button .icon {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    transform: scale(1);
  }
  table.equipmentparams_container > tbody > tr > td {
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }
}
@media (min-width: 992px) {
  .menu-background {
    background-image: linear-gradient(90deg, #040508 0%, #6c7056 10%, #6c7056 90%, #040508 100%);
  }
  .navbar-light .navbar-nav > li > a {
    padding: 1em 1.5em !important;
    font-size: 1em;
  }
  .navbar-light .navbar-nav > li > a .svg {
    width: 20px;
  }
  .big-button .overshoot {
    transform: translateY(-45%) scale(1.6);
    position: absolute;
    top: 50%;
    left: 0px;
    right: -40px;
    z-index: 100;
  }
  .clip-bottom-right:after {
    width: 75px;
    right: -75px;
    clip-path: polygon(100% 0, 100% 80%, 0% 100%, 0 100%, 0 0);
  }
  .clip-top-left:before {
    width: 75px;
    left: -75px;
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 30% 100%, 30% 25%);
  }
  .big-button .icon {
    position: absolute;
    top: -5px;
    right: -100px;
    transform: scale(0.8);
  }
  .call-us {
    clip-path: polygon(2.5% 0, 97.5% 0, 100% 15%, 100% 85%, 97.5% 100%, 2.5% 100%, 0 85%, 0 15%);
  }
}
@media (min-width: 1200px) {
  .menu-background {
    background-image: linear-gradient(90deg, #040508 0%, #6c7056 20%, #6c7056 80%, #040508 100%);
  }
  .big-button .overshoot {
    transform: translateY(-45%) scale(1.4);
    position: absolute;
    top: 50%;
    left: 0px;
    right: -40px;
    z-index: 100;
  }
  .big-button .overshoot.cadet-offset {
    position: absolute;
    top: auto;
    bottom: 0px;
    left: 0px;
    right: -140px;
    z-index: 100;
    transform: translateY(-11.5%) scale(1.4);
  }
  .big-button .icon {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    transform: scale(1);
  }
}