/*!
 * Start Bootstrap - Freelancer v3.3.7+1 (http://startbootstrap.com/template-overviews/freelancer)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
 
 
/* CUSTOMIZE THE CSS IN THIS SECTION FOR FORM PAGES - ADDED 12-4-2017 */
/* Search and replace >>> #3B80BE <<< to replace light blue colors for all backgrounds */
/* Search and replace >>> #0f4fa9 <<< to replace hover darker blue colors for all backgrounds */

body{
  font-family: 'Poppins', sans-serif !important;
}
 /* Header */
 .navbar-custom {
  background: rgb(59 128 190 / 0%);
}

/* Menu Items */
.navbar-custom .navbar-nav li a {
  color: #000000;
  text-transform: uppercase;
}
/* Menu Items hover color */
.navbar-custom .navbar-nav li a:hover {
  color: #59d600; /* green text */
  outline: none;
}

/* Footer Area */
footer .footer-above {
  padding-top: 50px;
  background-color: rgb(16,16,16);
  padding: 0px;
}
footer .footer-below {
  background-color: rgb(252,185,0);
  color: white;
}

/* Phone Number & Email Color Footer */
footer a {
  color: white;
}

/* Next Button Standard & Hover State*/
.btn-primary {
  color: white;
  background-color: #3B80BE;
  border-color: #3B80BE;
  font-weight: 700;
  background-image: none !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #0f4fa9;
  border-color: #0f4fa9;
}

/* Menu item container */
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: #0f4fa9 !important;
}

/* Menu item dropdown */
.dropdown-menu>li>a {
    /* background-color: #3B80BE !important; */
    color: var(--main-form-secondary) !important;
}


/* Accept Button Google Map */
button.form-control {
  background-color: #3B80BE !important;
}

/* One Way & Return Button */

/* Calendar, Clock & Location Icon Buttons */
/* .input-group-addon {
    background: #3B80BE !important;
}
.input-group-addon:hover {
    background: #0f4fa9 !important;
} */


/* END OF CUSTOMIZATION */ 
.hid-boxx {
    border: 0px !important;
}
 

 
body {
  font-family: 'Poppins', sans-serif !important;
}
/* p {
  font-size: 20px;
} */
p.small {
  font-size: 16px;
}
a,
a:hover,
a:focus,
a:active,
a.active {

  outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif  !important;
  /* text-transform: uppercase; */
  font-weight: 700;
}
hr.star-light,
hr.star-primary {
  padding: 0;
  border: none;
  border-top: solid 5px;
  text-align: center;
  max-width: 250px;
  margin: 25px auto 30px;
}
hr.star-light:after,
hr.star-primary:after {
  content: "\f005";
  font-family: FontAwesome;
  display: inline-block;
  position: relative;
  top: -0.8em;
  font-size: 2em;
  padding: 0 0.25em;
}
hr.star-light {
  border-color: white;
}
hr.star-light:after {
  background-color: #0f4fa9;
  color: white;
}
hr.star-primary {
  border-color: #2C3E50;
}
hr.star-primary:after {
  background-color: white;
  color: #2C3E50;
}
.img-centered {
  margin: 0 auto;
}
header {
  text-align: center;
  background: #ffff;
  color: white;
}
header .container {
  padding-top: 100px;
  padding-bottom: 50px;
}
header img {
  display: block;
  margin: 0 auto 20px;
}
header .intro-text .name {
  display: block;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2em;
}
header .intro-text .skills {
  font-size: 1.25em;
  font-weight: 300;
}
@media (min-width: 768px) {
  header .container {
    padding-top: 200px;
    padding-bottom: 100px;
  }
  header .intro-text .name {
    font-size: 4.75em;
  }
  header .intro-text .skills {
    font-size: 1.75em;
  }
}
.navbar-custom {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* text-transform: uppercase; */
  font-weight: 700;
  border: none;
}
.navbar-custom a:focus {
  outline: none;
}
.navbar-custom .navbar-brand {
  color: white;
}


.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active {
  color: white;
}
.navbar-custom .navbar-nav {
  letter-spacing: 1px;
}

.navbar-custom .navbar-nav li a:focus,
.navbar-custom .navbar-nav li a:active {
  color: white;
}
.navbar-custom .navbar-nav li.active a {
  color: white;
  background: #0f4fa9;
}
.navbar-custom .navbar-nav li.active a:hover,
.navbar-custom .navbar-nav li.active a:focus,
.navbar-custom .navbar-nav li.active a:active {
  color: white;
  background: #0f4fa9;
}
.navbar-custom .navbar-toggle {
  color: #353535;
  text-transform: uppercase;
  font-size: 10px;
  border-color: white;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: var(--main-form-primary);
  color: #ffffff;
  border-color: var(--main-form-primary);
}
.navbar-custom .navbar-toggle {
  font-size: 16px;
  padding: 8px 15px;
}
@media (min-width: 768px) {
  .navbar-custom {
    padding: 25px 0;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;
  }
  .navbar-custom .navbar-brand {
    font-size: 2em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .navbar-custom.affix {
    padding: 10px 0;
  }
  .navbar-custom.affix .navbar-brand {
    font-size: 1.5em;
  }
}
section {
  padding: 100px 0;
}
section h2 {
  margin: 0;
  font-size: 3em;
}
section.success {
  background: #0f4fa9;
  color: white;
}
@media (max-width: 767px) {
  section {
    padding: 75px 0;
  }
  section.first {
    padding-top: 75px;
  }
}
@media (max-width: 1024px) {
  .call-nowrap{
    display:none !important;
  }
}

@media (min-width: 767px) {
  #portfolio .portfolio-item {
    margin: 0 0 30px;
  }
}
@media (max-width: 767px) {
  div#bs-example-navbar-collapse-1 {
    background-color: rgb(84 84 84 / 5%);
    text-align: center;
  }
}

@media (min-width: 920px) {
  .navbar-nav>li {
    float: left;
    margin-left: 10px;
  }
  ul.nav.navbar-nav {
    /* margin-left: 80px; */
    padding-top: 5px;
    float: right;
  }
}
.navbar-collapse.in {
  overflow-y: unset;
}

.floating-label-form-group {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #eeeeee;
}
.floating-label-form-group input,
.floating-label-form-group textarea {
  z-index: 1;
  position: relative;
  padding-right: 0;
  padding-left: 0;
  border: none;
  border-radius: 0;
  font-size: 1.5em;
  background: none;
  box-shadow: none !important;
  resize: none;
}
.floating-label-form-group label {
  display: block;
  z-index: 0;
  position: relative;
  top: 2em;
  margin: 0;
  font-size: 0.85em;
  line-height: 1.764705882em;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
  -webkit-transition: top 0.3s ease,opacity 0.3s ease;
  -moz-transition: top 0.3s ease,opacity 0.3s ease;
  -ms-transition: top 0.3s ease,opacity 0.3s ease;
  transition: top 0.3s ease,opacity 0.3s ease;
}
.floating-label-form-group:not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #eeeeee;
}
.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}
.floating-label-form-group-with-focus label {
  color: #0f4fa9;
}
form .row:first-child .floating-label-form-group {
  border-top: 1px solid #eeeeee;
}
footer {
  color: white;
}

footer h3 {
  margin-bottom: 30px;
}

footer .footer-col {
  /* margin-bottom: 50px; */
}

.btn-outline {
  color: white;
  font-size: 20px;
  border: solid 2px white;
  background: transparent;
  transition: all 0.3s ease-in-out;
  margin-top: 15px;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
  color: #0f4fa9;
  background: white;
  border: solid 2px white;
}


.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #2C3E50;
  border-color: #2C3E50;
}
.btn-primary .badge {
  color: #2C3E50;
  background-color: white;
}
.btn-success {
  color: white;
  background-color: #0f4fa9;
  border-color: #0f4fa9;
  font-weight: 700;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: white;
  background-color: #128f76;
  border-color: #11866f;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #0f4fa9;
  border-color: #0f4fa9;
}
.btn-success .badge {
  color: #0f4fa9;
  background-color: white;
}
.btn-social {
  display: inline-block;
  height: 50px;
  width: 50px;
  border: 2px solid white;
  border-radius: 100%;
  text-align: center;
  font-size: 20px;
  line-height: 45px;
}
.btn:focus,
.btn:active,
.btn.active {
  outline: none;
}
.scroll-top {
  position: fixed;
  right: 2%;
  bottom: 2%;
  width: 50px;
  height: 50px;
  z-index: 1049;
}
.scroll-top .btn {
  font-size: 20px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  line-height: 28px;
}
.scroll-top .btn:focus {
  outline: none;
}

.addr_pop{
  color: black;
  font-size: 14px; 
  /*font-weight: bold;*/

}


.datepicker {

  z-index: 1061;
}
/*/////////// FIX ROUTE //////////////////*/
    .row_line_style{
      border-bottom: 10px solid #2C3E50;
    }
    .row_style{
      background-color: #ff5487;
      margin-bottom: 50px;
      border-top:10px solid #2C3E50;
    }
    #priceOptions .row{
      border-bottom:1px solid #2C3E50;
    }
    .addr{
      text-align: left;
    }
    .cont{
      line-height: 65px;
      text-align: center;
    }
    .headt{
      line-height: 35px;
      text-align: center;

    }
    .d-head{
      background-color: #2C3E50;
      color: white;
      font-weight:bold;
    }
    .d-body{
      background-color: #ff5487;
    }
        #headingOne{
      height: 37px;
      background-color: #2C3E50;
      color: white;
    }

    .outward_to{
      margin-left: 15px;
    }
    .going_from{
      margin-left: 15px;

    }

    #collapseOne{
      background-color: #ff5487;
    }
        .text-contact-details{
        background-color: #2C3E50;
        color: #FFF;
        margin-top: -40px;
        padding: 5px 0;
        margin-bottom: 10px;
    }
    #new{
        margin-bottom:40px;
    }
    .fix-route-bg{
     background-color: #ff5487;
    }
    .Submenu{
      list-style: none;
      display: inline-block;
      margin-left: 40px;
    }
    .Submenu a{
      line-height: 20px;
      position: relative;
      display: block;
      padding: 10px 15px;
      font-weight: 500;
      font-size: 16px;
      background-color: transparent !important;
      text-decoration: none !important;
  }
  .Submenu a.active{
    border-bottom: 1px solid rgba(255,255,255,.3);
  }
  .Submenu a:hover{
        border-bottom: 1px solid rgba(255,255,255,.8);
        opacity: .8;
        color: #FFF !important;
        text-decoration: none;
        background-color: #000 !important;
    }
    .sticky{
      background-color:rgba(0,0,0,.9);
      box-shadow: 0 0 18px 1px rgb(0 0 0 / 10%);
      transition: all .3s ease;
      position: sticky !important;
    }
    nav#mainNav {
      transition: all .3s ease;
      position: unset;
      background-color: rgba(255, 255, 255);
    }
    /* .navbar {
        min-height: 60px !important;
        margin-bottom: 0;
    } */
    /* .navbar-toggle {
        margin-top: 27px !important;
    } */

    a:hover {
      color: var(--main-form-secondary);
    }
    a:hover {
      color: #FFF !important;
      text-decoration: none !important;
    }

    ::-webkit-scrollbar {
      width: 5px;
    }
    ::-webkit-scrollbar-thumb {
      background: var(--main-form-primary);
    }
    ::-webkit-scrollbar-track {
      background: rgb(135 133 133 / 78%);
    }
    #jquery-live-search {
      z-index: 20000!important;
      background: rgb(255 255 255 / 90%) !important;
    }
    div#googleSuggest {
        background-color: rgb(255 255 255 / 0%) !important;
    }
    .dropdown-menu>li>a {
      display: block;
      padding: 3px 20px;
      clear: both;
      font-weight: 400;
      line-height: 1.42857143;
      color: #333;
      white-space: nowrap;
  }
  .dropdown-menu {
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 1000;
      display: none;
      float: left;
      min-width: 160px;
      padding: 5px 0;
      margin: 2px 0 0;
      font-size: 14px;
      text-align: left;
      list-style: none;
      background-color: #fff;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid #ccc;
      border: 1pxsolidrgba(0,0,0,.15);
      border-radius: 4px;
      -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
      box-shadow: 0 6px 12pxrgba(0,0,0,.175);
  }
  
    @media (orientation: landscape) AND (max-width: 920px) {
      .navbar-nav {
        float: right !important;
      }
      .full-wd-mb{
        width: 100% !important;
      }
    }

    @media (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
      .navbar-nav {
        float: right !important;
      }
      .full-wd-mb{
        width: 100% !important;
      }
    }

    /* iPad Mini in portrait only */
    @media  (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){
      .navbar-nav {
        float: right !important;
      }
      .full-wd-mb{
        width: 100% !important;
      }
    }
    button#btn_Extra_ticker {
        background-color: rgb(251 176 59) !important;
    }

    /* footer#footer {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 2.5rem;
  } */
    .call-nowrap{
      text-transform: uppercase;
      font-weight: 400;
      letter-spacing: 1px;
      font-family: Montserrat,sans-serif;
      text-decoration: none!important;
      transition: background-color .3s ease;
      color: #fff;
      background-color: #fcb900;
      border-radius: 9999px;
      box-shadow: none;
      cursor: pointer;
      display: inline-block;
      font-size: 13px;
      padding: calc(0.667em + 2px) calc(1.333em + 2px);
      text-align: center;
      text-decoration: none;
      word-break: break-word;
      box-sizing: border-box;
      margin-left: 85px;
      margin-top: 10px;
    }

    
    .jumbotron{
      max-width: 650px;
      width: 100%;
  }

  #head-top{
      height: 100px;
      position: absolute;
  }
  /* #findlocation{
      left: 37%;
  } */
  .loader {
      position: fixed;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      z-index: 9999;
      background: url('images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
  }
  #invoice_logo{
      width:50%;
      margin-top: -25px;
  }

  #invoice_logo img{
    max-width: 35%;
}

  @media (min-width: 768px) {
      .jumbotron.text-center{
          padding-left: 15px;
          padding-right: 15px;
      }
      #head-top{
          margin-top: -10px
      }
      #invoice_logo{
          width:200px;
          margin-top: -25px;
      }
      /* #findlocation{
          left: 37%;
          top: 230px
      } */
  }
  @media (max-width: 768px) {
      /* #findlocation{
          left: 17%;
      } */
      #invoice_logo{
          width:100px;
          margin-top: -5px;
      }
  }
  @media (max-width: 400px) {
      .navbar-brand{
          float:left;
      }
      /* #findlocation{
          left: 0px;
      } */
      #invoice_logo{
          width:100px;
          margin-top: -12px;
          margin-left: 24px;
      }
      .jumbotron{
          padding-left: 0px;
          padding-right: 0px;
      }
      .jumbotron.text-center{
          padding-left: 0px;
          padding-right: 0px;
      }
      #head-top{
          height: 50px;
      }

      .sub-footer{
        padding: 40px 20px !important;
      }
      .footer-address {
        padding: 15px !important;
        font-size: 12px;
      }
      .text-footer {
        font-size: 12px !important;
      
      }

      .text-footer {
        font-size: 12px !important;      
      }

      .flex-basis-30-percent.text-footer{
        margin-bottom: 15px;
      }
  }
  .col-sm-12.err_msg.have_error {
    font-weight: 900;
    color: red !important;
    font-size: 16px;
  }
  
  .flex-start{
    display: flex;
  }
  .flex-wrap-nowrap{
    flex-wrap: nowrap;
  }
  .flex-justify-content-space-between{
    justify-content: space-between;
  }
  .flex-justify-content{
    justify-content: flex-end;
  }
  .column-gap-20 {
    display: flex;
    column-gap: 20px;
  }
  .column-gap-10 {
    display: flex;
    column-gap: 10px;
  }
  .menu-sub-head{
    align-items: center;
    justify-content: space-between;
    column-gap: 20px;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 40px;
    max-width: 1200px;
  }
  
  .bd-menu{
    border: 1px solid #e6e6e6;
    background: #ffffff;
  }
  p.headline-menu-sub-head {
    /* color: #8d9297; */
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    padding-left: 20px;
    margin-bottom: 0;
    border-left-style: solid;
    border-left-width: 1px;
    border-color: #e6e6e6;
  }
  .bg-footer{
    background-color: #0e0e0e;
  }
  .flex-basis-30-percent{
    flex-basis: 30%;
  }
  .sub-footer{
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding: 80px 40px;
  }
  a.icon-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #8d9297;
      text-align: center;
      padding: 8px;
      border-radius: 40px;
      font-size: 12px;
      border-style: solid;
      border-width: 2px;
      border-color: #8d9297;
  }
  a.fb-only {
    padding-left: 11px;
    padding-right: 11px;
  }
  a.call-now-menu {
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 26px !important;
    border-radius: 30px;
    margin-left: 20px;
    background: var(--main-form-secondary);
    color: #ffffff !important;
    margin-top: 7px;
  }
    ul#menu {
      /* margin-top: 10px; */
  }
  .text-logo {
      color: #f8f8f8;
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 0;
  }
 .gb-icon {
      line-height: 0;
      padding-right: 1em;
  }
  .gb-icon svg {
    width: 1.2em;
    height: 1.2em;
    fill: currentColor;
    color: #f8f8f8;
  }
  .footeLine1{
    margin-bottom: 50px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #353535;
    padding: 0 0 40px;
  }
  .footeRow2,.footeRow3{
    flex-basis: 20%;
    padding-left: 60px;
  }
  .footeRow4{
    flex-basis: 30%;
    padding-left: 60px;
  }
  .footer-address{
    margin-bottom: 25px;
    background-color: #353535;
    padding: 30px;
  }
  .none-li li{
    list-style: none;
  }
  .footer-sub {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 30px;
    /* margin-top: 100px; */
    background-color: #0e0e0e;
}
ul.none-li {
  padding: 0;
  line-height: 30px;
}
.text-footer a{
  color: #8d9297 !important;
  font-size: 14px;
}
.text-footer {
  color: #8d9297 !important;
  font-size: 14px;
}
footer a:hover{
  color: #fff !important;
}
/* .color-8d:hover{
  color: #8d9297 !important;
} */
.color-wh:hover{
  color: #ffffff;
}
@media only screen and (min-width: 1280px) {
    #slider-main img {
      height: 630px;
  }
}
  @media only screen and (max-width: 920px) {
    .column-down-mb {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
    }
    .head-sub.bd-menu,.navbar-brand {
        /* display: none; */
    }
   .navbar-toggle{
      float: right !important;
      margin-right: 10px !important;
    }
    picture#slider-main {
        position: relative;
    }
    .boxForm {
      top: unset !important;
    }
    .Submenu{
      margin-left: unset !important;
    }
    .navbar {
      min-height: 60px !important;
      margin-bottom: 0;
    }
    a.call-now-menu {
        margin: 5px;
    }
    #slider-main img {
      height: 500px;
    }
    .mb-unset-pl {
      padding: 10px !important;
    }
    .flex-start.flex-justify-content-space-between.footeLine1 {
        display: block;
        text-align: center;
        line-height: 50px;
    }
    .flex-basis-30-percent {
        flex-basis: 100%;
    }
    .footeRow2,.footeRow3{
      flex-basis: 50%;
    }
    .footeRow4.mb-unset-pl {
      flex-basis: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
  }
  }
  .nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #fff !important;
    color: var(--main-form-secondary)!important;
    transition: line-height 300ms ease;
}
a:hover{
  text-decoration: none;
  color: var(--main-form-primary)!important;
  transition: line-height 300ms ease;
}
a {
  color: #8d9297;
  text-decoration: none;
}

/* This class is for the container of the image */
.image-container {
  position: relative;
  display: inline-block; /* or block depending on your layout */
}

/* This pseudo-element acts as the overlay */
.image-container::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* Make it cover the whole image */
  height: 100%; /* Make it cover the whole image */
  background: rgba(0,0,0, 0.5); /* This is a black background with 50% opacity */
  pointer-events: none; /* This makes sure the overlay doesn't interfere with clicks */
}

.nav>li>a.call-now-menu:hover {
  background: var(--main-form-primary) !important;
  color: #fff !important;
}

/* #body_page {
  width: auto;
} */

.head_banner {
  background-color: #414242;
  padding-top: 4px;
  padding-bottom: 4px;
  /* margin-top: -42px; */
  width: 100%;
  /*position: relative;*/
}

div#body_page {
  margin-top: unset;
}
.w-100 {
  width: 100%;
}
.mx-w-350{
  max-width: 350px;
}

.navbar-custom {
  padding: 0 !important;
}

ul#menu {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Target all mobile devices invoice logo*/
@media only screen and (max-width: 767px) {
  .navbar-brand img {
    width: 80px !important;
    height: 30px !important;
  }
}