/* CSS Document */
/* modify theme colors
$theme-colors: (
  "primary":    $primary,
  "secondary":  $secondary,
  "success":    $success,
  "info":       $info,
  "warning":    $warning,
  "danger":     $danger,
  "light":      $light,
  "dark":       $dark
);

$colors: (
  "blue":       $blue,
  "indigo":     $indigo,
  "purple":     $purple,
  "pink":       $pink,
  "red":        $red,
  "orange":     $orange,
  "yellow":     $yellow,
  "green":      $green,
  "teal":       $teal,
  "cyan":       $cyan,
  "white":      $white,
  "gray":       $gray-600,
  "gray-dark":  $gray-800
);

*/
/* CSS Document */
body {
  font-family: 'Nunito Sans', sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Quicksand', sans-serif; }

.btn {
  font-family: 'Quicksand', sans-serif; }

a, .btn-link, a:hover, .nav-link {
  color: #13d800; }

.body-type a {
  color: #0EAD00; }

.body-type a.btn-primary {
  color: #000 !important; }

.body-type a.btn-primary:focus {
  color: #fff !important; }

.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
  box-shadow: 0 0 0 0.25rem rgba(100, 100, 100, 0.5); }

.bg-primary {
  background: #13d800 !important; }

.border-primary {
  border-color: #13d800 !important; }

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.85); }

.navbar-dark .bg-dark {
  height: 80px;
  color: #fff;
  background-color: #000 !important; }

.navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  top: -1px;
  left: 30px; }

.nav-link {
  transition: none; }

.navbar-expand-lg .navbar-nav .nav-link {
  padding-left: .75rem;
  padding-right: .75rem; }

.navbar-nav li.nav-item {
  text-transform: uppercase; }

.navbar-nav li.nav-item li {
  text-transform: none; }

.navbar-nav li.nav-item {
  background: #000; }

.navbar-nav li.nav-item li {
  background: inherit; }

.navbar-nav li.nav-item li.active a {
  background-color: #13d800; }

.dropdown-item.active, .dropdown-item:active {
  background-color: #13d800; }

@media all and (min-width: 992px) {
  .navbar .dropdown-menu-end {
    right: 0;
    left: auto; }

  .navbar .nav-item .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    margin-top: 0; }

  .navbar .nav-item:hover .nav-link {
    color: #fff; }

  .navbar .dropdown-menu.fade-down {
    top: 80%;
    transform: rotateX(-75deg);
    transform-origin: 0% 0%; }

  .navbar .dropdown-menu.fade-up {
    top: 180%; }

  .navbar .nav-item:hover .dropdown-menu {
    transition: .3s;
    opacity: 1;
    visibility: visible;
    top: 100%;
    transform: rotateX(0deg); } }
.body-content {
  background-image: url(/template/gba/images/circles-bottom-page.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  padding-bottom: 180px; }

.page-banner {
  background-position: right -35px;
  background-repeat: no-repeat;
  background-size: 100%; }

.main-title {
  font-size: 2.25rem;
  text-shadow: 0 0 10px #fff;
  text-transform: uppercase; }

.maintitle-bottom-border {
  width: 50%;
  height: 10px;
  border-radius: 5px;
  background-color: #13d800; }

.main-title.white {
  text-shadow: 0 0 10px #333; }

.headband {
  padding-top: 140px;
  padding-bottom: 60px; }

section#home-second .main-title {
  margin-top: -140px; }

.btn {
  border-radius: 2rem;
  text-transform: uppercase;
  border-left-width: 2px;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-right-width: 2px;
  font-weight: bold;
  padding: .75rem 1rem; }

.btn-primary, .btn-outline-primary {
  background-color: #fff;
  border-color: #13d800;
  color: black; }

.btn-primary:hover {
  background-color: #13d800;
  border-color: #13d800; }

.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
  background-color: #13d800; }

.btn-success {
  background-color: #13d800;
  border-color: #13d800; }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: #13d800; }

.column-signup .btn {
  padding: 0 1rem;
  font-size: .875rem; }

.page-link, .page-link:focus {
  color: #000; }

.page-link:hover {
  background-color: black;
  color: white; }

.page-item.active .page-link {
  background-color: #13d800;
  border-color: #13d800; }

.form-control {
  border-radius: 2rem; }

.joinBg {
  background-image: url(/template/gba/images/signup-battery-bg-image.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 60px 0; }

.bg-dark {
  background-color: #000 !important;
  color: #fff; }

.footer-links h4 {
  font-size: 1rem;
  text-transform: uppercase; }
.footer-links ul {
  padding: 0;
  margin: 0; }
.footer-links li {
  list-style: none; }
.footer-links a {
  color: #fff;
  text-decoration: none; }
.footer-links a:hover {
  text-decoration: underline; }
.footer-links .copyright {
  font-size: .875rem;
  color: #CCCCCC; }
  .footer-links .copyright a {
    color: #CCCCCC; }

#footer .signup {
  margin-top: -68px;
  z-index: 9; }

.green-blue-gradient {
  background: #13d800;
  background: linear-gradient(127deg, #13d800 0%, #005ca6 90%); }

#google_translate_element {
  width: 22px;
  height: 22px;
  background-image: url("../images/google-translate-globe.png") !important;
  background-repeat: no-repeat;
  background-position: 0 1px !important; }
  #google_translate_element .goog-te-menu-value {
    display: none; }
  #google_translate_element .goog-te-gadget-simple {
    background: none;
    border: none; }
  #google_translate_element .goog-te-gadget-icon {
    background-image: none !important; }

.accordion-button {
  font-size: 1.25rem; }

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%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:not(.collapsed) {
  background-color: transparent;
  color: #13d800; }

.accordion-button:focus {
  box-shadow: 0 0 5px 0.25rem rgba(25, 25, 25, 0); }

.modal.pilot-disclaimer {
  background-color: rgba(255, 255, 255, 0.9); }

.pilot-starter {
  padding-top: 170px; }

.table_pilot {
  border: 0 !important; }
  .table_pilot th {
    font-size: 10px;
    font-family: 'Quicksand', sans-serif;
    text-transform: uppercase;
    color: #8f8f8f;
    vertical-align: bottom; }
  .table_pilot tr {
    height: 32px !important; }

.vend-logo {
  display: table; }
  .vend-logo span {
    vertical-align: middle;
    display: table-cell; }
  .vend-logo img {
    display: block; }

#poc-tab .nav-item .nav-link {
  background: #eeeeee !important;
  border: 1px solid #a1a1a1;
  color: #000;
  text-transform: uppercase;
  font-size: 1rem; }

#poc-tab .nav-item .nav-link.active {
  background: #000 !important;
  color: #fff; }

#poc-tab li {
  margin-right: 5px; }

#poc-tab li:last-child {
  margin-right: 0; }

#cd_timer {
  display: block;
  min-height: 36px;
  background: url("../images/countdown_bg.jpg") no-repeat center bottom;
  color: white;
  border-radius: 10px; }
  #cd_timer div {
    display: inline-block;
    font-size: 68px;
    line-height: 50px; }
  #cd_timer .dots::before {
    content: ": "; }
  #cd_timer .small {
    display: block;
    font-size: 14px; }
  #cd_timer small {
    font-size: 14px; }
  #cd_timer small::before {
    content: ""; }

@media (min-width: 768px) {
  .body-type {
    font-size: 1.25rem; }

  .main-title {
    font-size: 3rem; }

  section#home-second .main-title {
    margin-top: -160px; }

  .video-right {
    float: right;
    width: 50%;
    margin-left: 20px; } }
@media (min-width: 992px) {
  .headband {
    padding-bottom: 200px; }

  .half_width {
    width: 49.99% !important;
    float: left; } }
@media (min-width: 1600px) {
  .page-banner {
    background-size: 85%; } }
@media (max-width: 575.98px) {
  .navbar-brand {
    left: 0;
    margin-left: -10px; }
    .navbar-brand img {
      height: 80px; }

  #poc-tab .nav-item .nav-link {
    font-size: .75rem; }

  .pilot-starter {
    padding-top: 110px; }

  #cd_timer div {
    font-size: 48px; } }