.brand-default, .brand-default .navbar-nav-mobile .nav-item {background-color:#000000 !important}
.brand-default .nav-item.dropdown:hover > .nav-link, .brand-default .nav-link:focus, .brand-default .nav-item a:hover {background-color: #010407 !important;}

.logo-brand-secondary img {width:120px; }

.logo-brand-secondary
{
  position: absolute;
  left: 214px;
  top: 28px;

  display: block;
}

.bg-primary-brand {background-color:#9ea2a2 !important;}
.bg-secondary-brand {background-color:#000000;}
.bg-primary-brand-gradient {background: linear-gradient(180deg, rgba(158,162,162,1) 0%, rgba(107,108,108,1) 100%);}

h1, .primary, .h1, h1, .text-primary {color:#000000 !important}


.accordion-button {

    color: #000000;
}
.accordion-button::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2305141f '%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) {
    color: #fff;
    background-color: #000000;
}
.hero-search-tab-content .btn-primary { border-radius:0.2em;}



/*Brand page*/

.omoda-menu {position:fixed; top:160px; right:0; z-index:99; color:#fff;background-color:rgba(0,0,0,0.8); }
.omoda-menu ul {margin:0; padding:0;}

.omoda-menu li {list-style-type:none;border-bottom:1px solid #3e3e3e;  text-transform:uppercase; font-size:0.7em; font-weight:700;}
.omoda-menu a {color:#fff; text-decoration:none;padding:8px 15px 8px 10px; display:block }
.omoda-menu a:hover {opacity:0.7;}
.omoda-hero {
        color: #fff;
    position: relative;
    display: flex;
   width:100%;
      justify-content: start;
    align-items: center;
    background-repeat: no-repeat;
    background-position: top;
    height: 100vh;
    background-image: url(/images/brands/omoda/hero.jpg);
    background-size: cover;
    margin-top:-1rem;

}

.omoda-hero-inner {padding:50px; background-color:rgba(0,0,0,0.6); }

.bg-grey {background-color:rgba(107,108,108,1)}
.bg-grey-dark {background-color:rgba(81,81,81,1)}
.omoda-intro {
        color: #fff;
    position: relative;
    display: flex;
   width:100%;
     
    align-items: end;
    background-repeat: no-repeat;
    background-position: center;
    height: 750px;
    background-image: url(/images/brands/omoda/hero-intro.jpg);
    background-size: cover;
    margin-top:-1rem;

}

.omoda-intro h1 {color:#fff !important;}

.btn-primary {background-color:#000 !important; border:solid 1px #000 !important;   padding:9px 30px; font-weight:700; color:#fff}
.btn-primary:hover {background-color:#fff !important; color:#000;}

.btn-secondary {background-color:#9ea2a2 !important; border:#9ea2a2; border-radius:1em; padding:5px 12px; font-weight:700;}
.btn-secondary:hover {background-color:#000000 !important;}

.btn-tertiary {background-color:#000000 !important; border:#000000; border-radius:2em; padding:9px 30px; font-weight:700; color:#fff}
.btn-tertiary:hover {background-color:#0f2e44 !important;  color:#fff}

.btn-outline-primary {color: #000000;border-color: #000000;}
.btn-outline-primary:hover {color: #000000;border-color: rgba(107,108,108,1);}


.btn-outline-secondary {color: #000;border-color: #000;}
.btn-outline-secondary:hover {color: #fff;border-color: #000000; background-color:#000000 }

.btn-outline-white:hover {
    color: #fff;
   border-color: #ea0029;
}


.images-desaturate img {  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {

    background-color: #000000;
}

.nav-link {
    color: #000000;
}

.owl-theme .owl-controls .owl-buttons div, .owl-theme .owl-controls .owl-page span {background-color:#9ea2a2 !important; }

.table-primary {
    --bs-table-bg: #000000;
}


table a:link {
    color: #000;
    text-decoration: underline
}

table a:visited {
    color: #000;
    text-decoration: underline
}

table a:active, table a:hover {
    color: #000;
    text-decoration: none
}

table i {
    opacity: .4
}

table {
    color: #000;
    font-size: .9em;

    background: #fff;
    margin: 0 0 30px 0;
    width: 100%;
    font-weight: 300;
 
}

    table th {
        text-shadow: 1px 1px 0 #000;
        padding: 2% 1%;
        border-bottom: 1px solid #e0e0e0;
        font-size: 1em;
        color: #FFF;
        background: #3a3a3a;
        background: -webkit-gradient(linear,left top,left bottom,from(#000),to(#000));
        background: -moz-linear-gradient(top,#000,#000)
    }

        table th:first-child {
            text-align: left;
            padding-left: 20px
        }

 
    table tr {
        text-align: center;
        padding-left: 20px
    }

        table tr td:first-child {
            text-align: left;
            padding-left: 20px;
            border-left: 0
        }

        table tr td {
            padding: 12px;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #e0e0e0;
            border-left: 1px solid #e0e0e0;
            background: #fff;
            background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fafafa));
            background: -moz-linear-gradient(top,#fff,#fafafa)
        }

        table tr.even td {
            background: #ececec;
            background: -webkit-gradient(linear,left top,left bottom,from(#ececec),to(#f6f6f6));
            background: -moz-linear-gradient(top,#ececec,#f6f6f6)
        }

        table tr:last-child td {
            border-bottom: 0
        }

        table tr:hover td {
            background: #f2f2f2;
            background: -webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#f0f0f0));
            background: -moz-linear-gradient(top,#f2f2f2,#f0f0f0)
        }
hr {  height: 1px;
  margin: 30px 0 20px 0;
  background: #000;
background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
  border: 0;}



/*-------------------------------------MOBILE LG-----------------------------*/
@media only screen and (max-width : 992px) {


    /*----------header and nav----------------------*/

    .header-center {
       padding:8px 0 5px 0;
    }


    .omoda-hero {
 
    height: 800px;
  

}

    .button-overlay {width:100%; margin:auto; margin-bottom:0;}

   .button-overlay-base {
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
  top:0;
  background-color: rgba(0,0,0,0.7);
  color: #fff;
  padding: 20px;
  border-radius:0.2em 0.2em 0 0 ;
  z-index: 1; 
}

.button-overlay a {text-decoration:none !important;}
}


@media only screen and (max-width : 500px) {


    .logo-brand-primary img {
  width: 150px;
 
}

.logo-brand {

  top:25px;
}

.logo-brand-secondary {

  left:180px;
  top: 28px;

}
.logo-brand-secondary img {
  width: 110px;
}
}