/* *****************************************************



    ** Custom Stylesheet **



    Any custom styling you want to apply should be

    defined here.



***************************************************** */

/**



* AALayer, © 2017

* All Rights Reserved

* www.aalayer.com

  -

* Template: lowendhost

* For any issue or question contact our support.



**/



@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap');

body {

    font-family: 'Montserrat', sans-serif !important;

    background-color: #E7E7E7 !important;

    margin-right: 0px !important;

  }

  html {

    font-family: 'Montserrat', sans-serif !important;

  }

  #main-body {

      padding-top: 45px !important;

      padding-bottom: 35px !important;

      background: #ffffff !important;

  }

  /* Hide #main-body only on the homepage */
  body #home-banner ~ #main-body {
      display: none !important;
      margin: 0 !important;
      padding: 0 !important;
  }


  .container {

    padding-right: 19px;

    padding-left: 19px;

  }

  ::-moz-selection { background: #4BB8BC; color: white}

  ::selection { background: #4BB8BC; color: white;}

  ::-webkit-scrollbar {

    width: 7px;

    background-color: #E7E7E7;

  }

  ::-webkit-scrollbar-thumb {

     background: linear-gradient(
    120deg,
    #000 0%,
    #36acad 30%,
    #3661ad 40%,
    #53d694 50%,
    #000 100%
  );

    border-radius: 0;

  }

  ::-webkit-scrollbar-thumb:hover {

    background-color: #EA5252;

    border-radius: 10px;

  }

  #order-standard_cart .view-cart-items-header {

    background-color: #4BB8BC;

  }

  a {color: #919393;

  background-color: transparent;

  transition-timing-function: linear;

  -webkit-transition-timing-function: linear;

  border-radius: 1px;}

  a:hover, a:active {

    color: #4BB8BC;

    outline: 0;

    text-decoration: none !important;

  }

  .navbar {

  border-bottom-color: transparent !important;

  }

  .navbar-default {

      background-color: rgb(0, 0, 0);

      border:0;

      border-radius: 0;

      border-bottom: 0;

  }

  .navbar-default .navbar-brand {

      color: #9d9d9d

  }

  .navbar-default .navbar-brand:focus,

  .navbar-default .navbar-brand:hover {

      color: #fff;

      background-color: transparent

  }

  .navbar-default .navbar-text {

      color: #9d9d9d

  }

  .navbar-default .navbar-nav>li>a {

      

      font-size: 14px !important;

      text-transform: uppercase;

      padding-top: 27px;

      padding-bottom: 27px;

      color: rgb(255, 255, 255);

      padding-left: 16px;

      padding-right: 16px;

      top: 0%;

      transition: all 0.1s ease-out;

      font-weight: 300;

  }

  .navbar-default .navbar-nav>li>a:focus,

  .navbar-default .navbar-nav>li>a:hover {

      /*border-color: #E7E7E7;*/

      color: #82B9FF;
      background-color: #000;

  }

  .navbar-default .navbar-nav>.active>a,

  .navbar-default .navbar-nav>.active>a:focus,

  .navbar-default .navbar-nav>.active>a:hover {

      color: white;

      background-color: #4BB8BC;

      border-bottom-color: transparent;

  }

  .navbar-default .navbar-nav>.disabled>a,

  .navbar-default .navbar-nav>.disabled>a:focus,

  .navbar-default .navbar-nav>.disabled>a:hover {

      color: #ccc;

      background-color: transparent

  }

  .navbar-default .navbar-toggle {

      border-color: #333

  }

  .navbar-default .navbar-toggle:focus,

  .navbar-default .navbar-toggle:hover {

    color: #fff;

    background-color: #4BB8BC;

    border: 0;

  }

  .navbar-default .navbar-toggle .icon-bar {

      background-color: #fff

  }

  .navbar-default .navbar-collapse,

  .navbar-default .navbar-form {

     border-color: #101010

  }

  .navbar-default .navbar-nav>.open>a,

  .navbar-default .navbar-nav>.open>a:focus,

  .navbar-default .navbar-nav>.open>a:hover {

    color: #fff;

    background-color: transparent !important;

  }

  @media (max-width: 750px) {

      .navbar-default .navbar-nav .open .dropdown-menu>.dropdown-header {

          border-color: #080808

      }

      .navbar-default .navbar-nav .open .dropdown-menu .divider {

          background-color: #080808

      }

      .navbar-default .navbar-nav .open .dropdown-menu>li>a {

          color: #9d9d9d;

      }

      .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,

      .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {

          color: #fff;

          background-color: black;

      }

      .navbar-default .navbar-nav .open .dropdown-menu>.active>a,

      .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,

      .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {

          color: #fff !important;

          background-color: #080808

      }

      .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,

      .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,

      .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {

          color: #444;

          background-color: transparent

      }

  }

  .navbar-default .navbar-link {

      color: #9d9d9d

  }

  .navbar-default .navbar-link:hover {

      color: #fff

  }

  .navbar-default .btn-link {

      color: #9d9d9d

  }

  .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: rgba(0,0,0,0.9);

      -webkit-background-clip: padding-box;

      background-clip: padding-box;

      border: 1px solid #ccc;

      border: 1px solid rgba(0, 0, 0, .15);

      border-radius: 4px;

      -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

      box-shadow: 0 6px 12px rgba(0, 0, 0, .175)

  }

  .dropdown-menu>li>a {

      display: block;

      padding: 3px 20px;

      clear: both;

      font-weight: 300;

      line-height: 1.32857143;

      color: #9d9d9d;

      white-space: nowrap;

      padding-top: 9px;

      padding-bottom: 9px;

  }

  .dropdown-menu>li>a:focus,

  .dropdown-menu>li>a:hover {

      text-decoration: none;

      color: #fff !important;

      background-color: transparent !important;

  }

  .dropdown-menu>.active>a,

  .dropdown-menu>.active>a:focus,

  .dropdown-menu>.active>a:hover {

      color: #fff;

      text-decoration: none;

      background-color: #337ab7 !important;

      outline: 0

  }

  .nav-divider {

    border-color: #2B2B2B !important;

    color: #2B2B2B !important;

    background-color: #2B2B2B !important;

  }

  .nav-divider:hover {

    border-color: #2B2B2B !important;

    color: #2B2B2B !important;

    background-color: #2B2B2B !important;

  }

  #header {

    background-color: white;

    border-radius: 0 !important;

  }

  #top-nav {

    background-color: transparent !important;

  }

  .header-lined h1 {

    color: #348cfb !important;
    

  }

  .list-group-item .active {

    background-color: #4BB8BC !important;

  }

  div.sidebar .list-group-item-selected {

      background-color: #4BB8BC !important;

      color: #4BB8BC;

  }

  .navbar-main li.account {

    background-color: transparent!important;

  }

  a.list-group-item.active, a.list-group-item.active:focus {

      border-top: 1px solid transparent !important;

      background-color: #000000 !important;
      color: #82B9FF;

      border-bottom: 1px solid transparent !important;

  }
  a.list-group-item.active:hover{
    background-color: #c9c9c9 !important;
      color: #82B9FF;
  }

  .dataTables_wrapper .dataTables_info

  {

    background-color: #3664ad !important;

  }

  .home-shortcuts {

    background-color: #3664ad !important;

  }

  .home-shortcuts li, .home-shortcuts li:first-child {

    border-color: #f1f1f154

  }

  #order-boxes .fields-container {

    border-top-color: #4BB8BC !important;

    border-bottom-color: #4BB8BC !important;

  }

  #order-boxes .fields-container .field-row:nth-child(even) {

    background-color: #EEEEEE !important;

  }

  #order-boxes .fields-container .field-row:nth-child(odd) {

    background-color: #FFF9F8 !important;

  }

  #order-boxes table.styled tr th {

    background-color: #4BB8BC !important;

  }

  #order-boxes table.styled tr.carttablesummary td {

    background-color: #FFF4F2 !important;

  }

  .alert-info {

    background-color: rgba(232, 102, 76, 0.8) !important;

    color: white !important;

  }

  .form-control {

    min-height: 40px;

  }

  .form-control:focus, .form-control:active {

    border-color: #66afe9 !important;

    box-shadow: 0 0px 0px rgba(255, 255, 255, 0.8) inset, 0 0 4px rgba(255, 255, 255, 0.8) !important;

  }

  .lehlogo {

    max-width: 255px !important;

    margin-top: 2px;

  }

  .btn-info, .btn-default{

    margin:10px 0px;
    display:block;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-image: radial-gradient(at top center, #5F5F5F 0%, #000000 100%);
    transition-duration: 0.3s;
    border-style: none;
    border-radius: 5px 5px 5px 5px;
    padding: 7px 13px 7px 13px;

  }

  ul.top-nav>li.primary-action>a.btn {

    background-color: #ffffff !important;
    color: #000;

  }
    ul.top-nav>li.primary-action>a.btn:hover {

    background-color: #2a3753 !important;
    color: #82B9FF;
    transition: all .3s ease;

  }

  ul.top-nav>li>a:hover {

      color: #82B9FF !important;

  }

  .btn-info:hover, .btn-info:focus, .btn-default:hover, .btn-default:focus, .btn-primary:hover, .btn-primary:focus {

    background-color: transparent;
    background-image: radial-gradient(at top center, #004A5C 0%, #000000 100%);

    color: rgb(255, 255, 255);

  }

  .btn-warning, .btn-primary {

    background-color: #348cfb;

    color: white;

    font-weight: 600;
    font-size: 15px;

    border-color: transparent;

    width: 100%;

  }

  .btn-warning:hover, .btn-warning:focus, .btn-primary:hover, .btn-primary:focus {

    background-color: #05456B !important;

    border-color: #4BB8BC !important;

  }

  
/*FOOTER NEW CSS Starts*/
.footer-wrapper {
        margin: 0 auto;
        width: 100%;
        }

        .footer {
        background: radial-gradient(ellipse at bottom center, #002d53 0%, #000000 63%);
        min-height: 40vh;
        padding: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        display: flex;
        flex-direction: column;
        align-items: stretch;
        flex-wrap: wrap;
        align-content: center;

        }

        .footer-container {
        display: flex;
        flex-direction: row;
        gap: 0;
        min-width: 1170px;
        max-width: 1170px;

        }

        /* Logo Column */
        .logo-column {
        flex: 0 0 25%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 20px;
        padding: 8% 0;
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .logo-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        }

        .footer-logo {
        width: 210px;
        height: auto;
        }

        .tagline {
        font-size: 1.25rem;
        font-weight: 400;
        color: #b3c3ff;
        text-align: center;
        margin: 0;
        }

        .social-section {
        display: flex;
        gap: 30px;
        padding: 4%;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        justify-content:center;
        }

        .social-icon {
        color: white;
        font-size: 18px;
        text-decoration: none;
        border: 1px solid rgba(255, 255, 255, 0.1);
        padding: 8px;
        border-radius: 4px;
        transition: all 0.3s ease;
        }

        .social-icon:hover {
        color: #86bbf7;
        transform: scale(0.9);
        }

        /* Solutions Column */
        .solutions-column {
        flex: 0 0 45%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        padding: 6% 0;
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .column-title {
        font-size: 16px;
        font-weight: 600;
        color: white;
        text-transform: uppercase;
        letter-spacing: 0;
        line-height: 19px;
        margin: 0;
        padding: 15px 0 0 20px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        width: 100%;
        text-align: left;
        }

        .links-container {
        display: flex;
        justify-content: space-around;
        width: 100%;
        gap:45px;
        padding: 15px 20px 0 20px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        }

        .links-column {
        flex: 1;
        }

        .footer-links {
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 0;
        }

        .footer-links a {
        color: white;
        text-decoration: none;
        font-size: 14px;
        font-weight: 300;
        line-height: 22px;
        letter-spacing: 0.76px;
        transition: color 0.3s ease;
        }

        .footer-links a:hover {
        color: #86bbf7;
        }

        /* Company Column */
        .company-column {
        flex: 0 0 30%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        padding: 6% 0;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .company-column .column-title {
        text-align: left;
        padding-left: 20px;
        }

        .company-column .footer-links {
        padding: 0px;
        width: 100%;
        }

        /* Copyright Section */
        .copyright-section {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px 0 20px 0;
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        }

        .copyright-text {
        font-size: 14px;
        font-weight: 400;
        color: white;
        text-transform: uppercase;
        line-height: 19px;
        letter-spacing: 0;
        text-align: center;
        margin: 0;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
        .footer-container {
            flex-direction: column;
            gap: 40px;
            padding: 0 5%;
        }

        .logo-column,
        .solutions-column,
        .company-column {
            flex: none;
            width: 100%;
            border-left: none;
            border-right: none;
        }

        .links-container {
            flex-direction: column;
            gap: 20px;
            padding-left: 20px;
            align-items: flex-start;
        }

        .column-title {
            text-align: left;
            padding-left: 20px;
        }

        .footer-links a {
            font-size: 12px;
        }

        .tagline {
            font-size: 0.7rem;
        }
        }

        @media (max-width: 480px) {
        .footer {
            margin-top: 20%;
            margin-bottom: 5%;
        }

        .social-section {
            gap: 20px;
        }

        .footer-logo {
            width: 180px;
        }
        }


    /*FOOTER New CSS ENDS*/








  blockquote {

    border-color: #4BB8BC;

  }

  .logincontainer {

    background-color: white;

    padding: 40px 60px 40px 60px;

    border-radius: 4px;

  }




 /*Header Banner New CSS Starts*/

   /* Parent section */
  #home-banner {
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(180deg, #000000 0%, #003981 100%) !important;
    height: 60vh;
    /* align-items: center; */
    align-content: center;
  }

  /* Background bars wrapper */
  .header_background-image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;            /* sits above background image */
    pointer-events: none;  /* don’t block clicks */
  }

  /* Flex grid for bars */
  .header_hero-grid {
    display: flex;   /* make children (.hero_bar) flex items */
    width: 100%;
    height: 100%;
  }

  /* Each vertical bar */
  .header_hero-grid .hero_bar {
    flex: 1;                 /* equal width for all bars */
    background: linear-gradient(
      to right,
      rgba(255, 255, 255, 0.08),
      rgba(255, 255, 255, 0)
    );
    
  }



  /* Ensure text sits above everything */
  .container.text-center {
    position: relative;
    z-index: 2;
  }





  div.header-lined h1 {

    font-weight: bold !important;

  }

  @media (max-width: 767px) {

    body {

      max-width: 98% !important;

    }

  }