#bcrumb Ol{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
font-family:"Roboto";
font-weight:200;
}

#bcrumb Ol li { display: inline;font-family:"Roboto";
font-weight:200; }

#bcrumb Ol li a{
text-decoration: none;
padding: .1em 1em;
color: #000;
font-family:"Roboto";
font-weight:200;
}

#bcrumb Ol li a:hover{
color: #fff;
background-color: #00b4ff;
font-family:"Roboto";
font-weight:200;
}
a.anchor {
    display: block;
    position: relative;
    top: -213px;
    visibility: hidden;
}
div.modelHome{
 background-color: #bebebe;
 height: 100%;
 width: 100%;
 border: #7aacff solid 1px;
 border-radius:7px;
 font-face: alegra sans;
 font-weight: 200;
 font-size: 16px;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fff inset;
 padding:5px;
}
.newDJ {
    /* Start the shake animation and make the animation last for 0.5 seconds  */
    animation: shake .5s;
	animation-delay: 2s;
animation-iteration-count: infinite; 
    /* When the animation is finished, start again */
    animation-iteration-count: 3; 
}
@keyframes shake {
    
  10%, 90% {transform: rotate(-2deg);}
  20%, 80% {transform: rotate(1deg);}
  40%, 60% {transform: translate3d(3px, 0, 0);}

} 
.newDJ2 {
    /* Start the shake animation and make the animation last for 0.5 seconds  */
    animation: wiggle .6s;
	animation-delay: 4s;
    /* When the animation is finished, start again */
    animation-iteration-count: 3; 
}
@keyframes wiggle {


  10% {transform: translate3d(3px, 120, 215);}
  20% {transform: rotate(360deg);}
  30% {transform: translate3d(6px, -120, -230);}
  50% {transform: rotate(-3deg);}



} 
.modelButtons {
    background: #000;
 height: 100%;
 width: 100%;
font-face: "open Sans";
font-size: 21px;
 border: #000000 solid 1px;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
color: #f00;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #f00 inset;
 padding:10px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}
.modelButtons:hover {
  background: #000;
  height: 100%;
 width: 99%;
font-face: "open Sans";
font-size: 21px;
 border: #000000 solid 1px;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
color: white;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fffinset;
 padding:10px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}
.modelButtonsG {
    background: #000000;
 height: 100%;
 width: 100%;
font-face: "open Sans";
font-size: 21px;
 border: #000000 solid 1px;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
color: white;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #f00 inset;
 padding:10px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}
.modelButtonsG:hover {
  background: #ff0000;
  height: 100%;
 width: 99%;
font-face: "open Sans";
font-size: 21px;
 border: #000000 solid 1px;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
color: white;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fffinset;
 padding:10px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}
/*Top Model Buttons*/
.modelButtons2 {
    background: #12489e;
 height: 100%;
 width: 100%;
font-face: "open Sans";
font-size: 21px;
 border: #000000 solid 1px;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
color: white;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fffinset;
 padding:10px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}
.modelButtons2:hover {
  background: #36F;
  height: 100%;
 width: 99%;
font-face: "open Sans";
font-size: 21px;
 border: #000000 solid 1px;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
color: white;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fffinset;
 padding:10px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}
.modelButtonsG2 {
    background: #009900;
 height: 100%;
 width: 100%;
font-face: "open Sans";
font-size: 21px;
 border: #000000 solid 1px;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
color: white;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fffinset;
 padding:10px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}
.modelButtonsG2:hover {
  background: #00f400;
  height: 100%;
 width: 99%;
font-face: "open Sans";
font-size: 21px;
 border: #000000 solid 1px;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
color: white;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fffinset;
 padding:10px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}

.endorsedCare{
font-size: 10px;
font-weight: 200;
}
/* Inventory buttons on Acura */
.invButton {
    display: inline-block;
    margin: 0 auto;
padding: 0px;
color: white;
text-decoration: none !important;
font-size: 25px;
font-weight: bold;

    
    -webkit-border-radius: 10px;
    
  -webkit-box-shadow: 
        0px 3px rgba(128,0,128,1), /* gradient effects */
        0px 4px rgba(118,0,118,1),
        0px 5px rgba(108,0,108,1),
        0px 6px rgba(98,0,98,1),
        0px 7px rgba(88,0,88,1),
        0px 8px rgba(78,0,78,1),
        0px 14px 6px -1px rgba(128,0,128,1); /* shadow */
    
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
} 

.invButton span {
    background-color: #E8E8E8;
    
    background-image: 
        /* gloss gradient */
        -webkit-gradient(
            linear, 
            left bottom, 
            left top, 
            color-stop(50%,rgba(255,255,255,0)), 
            color-stop(50%,rgba(255,255,255,0.3)), 
            color-stop(100%,rgba(255,255,255,0.2))),
        
        /* dark outside gradient */
        -webkit-gradient(
            linear, 
            left top, 
            right top, 
            color-stop(0%,rgba(210,210,210,0.3)), 
            color-stop(20%,rgba(210,210,210,0)), 
            color-stop(80%,rgba(210,210,210,0)), 
            color-stop(100%,rgba(210,210,210,0.3))),
        
        /* light inner gradient */
        -webkit-gradient(
            linear, 
            left top, 
            right top, 
            color-stop(0%,rgba(255,255,255,0)), 
            color-stop(20%,rgba(255,255,255,0.5)), 
            color-stop(80%,rgba(255,255,255,0.5)), 
            color-stop(100%,rgba(255,255,255,0))),        
        
        /* diagonal line pattern */
        -webkit-gradient(
            linear, 
            0% 100%, 
            100% 0%, 
            color-stop(0%,rgba(255,255,255,0)), 
            color-stop(40%,rgba(255,255,255,0)), 
            color-stop(40%,#D2D2D1), 
            color-stop(60%,#D2D2D1), 
            color-stop(60%,rgba(255,255,255,0)), 
            color-stop(100%,rgba(255,255,255,0)));
    
        -webkit-box-shadow:
            0px -1px #fff, /* top highlight */
            0px 1px 1px #FFFFFF; /* bottom edge */
    
    -webkit-background-size: 100%, 100%, 100%, 4px 4px;
    
    -webkit-border-radius: 10px;
    -webkit-transition: -webkit-transform .1s ease-in-out;
    
    display: inline-block;
    padding: 10px 40px 10px 40px;
    
    color: #3A474D;
    text-transform: uppercase;
    font-family: 'TradeGothicLTStd-BdCn20','PT Sans Narrow';
    font-weight: 700;
    font-size: 32px;
    
    text-shadow: 0px 1px #fff, 0px -1px #262F33;
}

        .invButton span:hover {
            color: #AEBF3B;
            text-shadow: 0px -1px #97A63A;
            cursor: pointer;
        }

        .invButton:active {
            -webkit-box-shadow: 
                0px 3px rgba(128,128,128,1),
                0px 4px rgba(118,118,118,1),
                0px 5px rgba(108,108,108,1),
                0px 6px rgba(98,98,98,1),
                0px 7px rgba(88,88,88,1),
                0px 8px rgba(78,78,78,1),
                0px 10px 2px 0px rgba(128,128,128,.6); /* shadow */
        }

        .invButton:active span{
            -webkit-transform: translate(0, 5px); /* depth of button press */
        }

    .invButton span:after {
        content: ">";
        display: block;
        width: 10px;
        height: 10px;
    
        position: absolute;
        right: 14px;
        top: 12px;    
        
        font-family: 'Cabin';
        font-weight: 700;
        color: #AEBF3B;
        text-shadow: 0px 1px #fff, 0px -1px #97A63A;
        font-size: 26px;
    }
div.dmj2{
 background-color: #59a6e1;
 height: 100%;
 width: 100%;
 border: #7aacff solid 1px;
 border-radius:7px;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fff inset;
 padding:5px;
}
div.dmj{
 background-color: #d4d4d4;
 height: 100%;
 width: 100%;
} 
div.landingP2{
 background-color: #e4e4e4;
 height: 100%;
 width: 100%;
 border: #790000 solid 2px;
 border-radius:7px;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fff inset;
 padding:5px;
}
.landingP2:hover{
 background-color: #ffffff;
 height: 100%;
 width: 100%;
 border: #790000 solid 2px;
 border-radius:7px;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fff inset;
 padding:5px;
background-size:cover;
}
.landingP:hover{
 background-color: #ffffff;
 height: 100%;
 width: 100%;
 border: #790000 solid 2px;
 border-radius:7px;
 margin: 0px;
 box-shadow: 0px 0px 0px 1px #fff inset;
 padding:5px;
 background-size:cover;
}
a.dave1{
text-decoration:none;
font-face: roboto;
font-size: 26px;
font-weight: 200;
color: #ffffff;
}
a:hover.dave1{
text-decoration:none;
font-face: roboto;
font-size: 26px;
font-weight: 200;
color: #ff0000;
}
/*landing page layouts and buttons from drd*/

.rdx-cc {
display: grid;
grid-template-columns: 1fr 1fr ; 
/* grid-template-rows: 300px 175px; */
grid-column-gap: 20px; 
/* grid-row-gap: 10px;*/
}
.package-cc{ 1fr 1fr 1fr 1fr;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr ; 
/* grid-template-rows: 300px 175px; */
grid-column-gap: 20px; 
/* grid-row-gap: 10px;*/
}
html {
scroll-behavior: smooth;
}
.rdx-item {
/*border: 1px solid #222;*/
text-align: left;
}
.rdx-item1 {
/*border: 1px solid #222;*/
text-align: left;
padding-top:200px;
}
/* Accordion */
.okaccordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}
.active, .okaccordion:hover {
background-color: #ccc;
}
.okpanel {
padding: 0 18px;
background-color: white;
overflow: hidden;
display:none;
}
.okaccordion:after {
content: '\02795'; /* Unicode character for "plus" sign (+) */
font-size: 13px;
color: #777;
float: right;
margin-left: 5px;
}
.active:after {
content: "\2796"; /* Unicode character for "minus" sign (-) */
}
/* End accordion */
@media 
only screen and (max-width: 740px),
(min-device-width: 362px) and (max-device-width: 1024px)  {
.rdx-cc {
display: grid;
grid-template-columns: 1fr  ; 
/* grid-template-rows: 300px 175px; */
grid-column-gap: 20px; 
/* grid-row-gap: 10px;*/
}
.package-cc{ 
display: grid;
grid-template-columns: 1fr  ; 
/* grid-template-rows: 300px 175px; */
grid-column-gap: 20px; 
/* grid-row-gap: 10px;*/
}
}
/*end of landing page layouts and buttons by drd*/