.violetIMG{
content: url(https://napleton.com/images/Violet-Foundation-Mobile.webp);
background-repeat: no-repeat;
width: 100%;
}
.DmjViolet{
position: fixed;
bottom: 0px !important;
right: 0px !important;
z-index: 1900 !important;
width: 20%;
}

/*ddcrmelasky 08504553*/
.page-header .header-logo img {margin-left:15px;}


/* michael.gamache- change stacking images in DEA */
.content-default img {display:inline;}

/* ====== DMJ NewNavi ====== */
.tg  {border-collapse:collapse;}
.tg td{padding:10px 10px;overflow:hidden;word-break:normal;}
.tg th{overflow:hidden;word-break:normal; padding-bottom: 18px !important;}

@media all and (max-width: 479px) {
.lpT, .lpt table,
  .lpt thead,
 .lpt tbody,
 .lpt th,
  .lpt td,
 .lpt tr
{
    display: block	;
  }}

.shad-Bor{
padding: 10px;
border-left: 5px solid rgba(0, 0, 0, .25);
border-bottom: 5px solid rgba(0, 0, 0, .45);
background-color: rgba(255, 255, 255, 0.15);
/* border-bottom-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px; */
}
.shad-Bor:hover{
color: #ff0!important;
border-left: 1px solid rgba(0, 0, 0, .65);
border-bottom: 2px solid rgba(0, 0, 0);
background-color: rgba(255, 255, 255, 0.3);
/*
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 20px;
border-top-left-radius: 20px; */
box-shadow: 0px 0px 6px 6px rgb(168,0,255,.4);
  /* in order: x offset, y offset, blur size, spread size, color */
}
.shad-Bor2{
margin-left: 5px;
text-align: center;
border-left: 5px solid rgba(0, 0, 0, .25);
border-bottom: 5px solid rgba(0, 0, 0, .45);
background-color: rgba(255, 255, 255, 0.1);
}
.shad-Bor2:hover{
margin-left: 10px;
text-align: center;
border-left: 2px solid rgba(0, 0, 0, .25);
border-bottom: 2px solid rgba(0, 0, 0, .45);
background-color: rgba(255, 255, 255, 0.15);
}
/* ====== END DMJ NewNavi ====== */
.dmjDIV{
-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
width: 350px;

}
.dmjBXtxt{ font-family: 'Open Sans', sans-serif; font-size: 18px; }
.dmjBXSEO{ width: 60%; cursor: pointer; border: 1px solid rgba(0,6, 255, .4); background: linear-gradient(to bottom, transparent, transparent, rgba(0,119,198, .4)); background-color: transparent; height: 40px; color: #3498db; box-shadow: 0 4px 8px rgba(51, 51, 51, 0.4), inset 0px 0px 15px rgba(0,119,198, .4); /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/ border-radius: 10px 10px 10px 10px; text-align: center; color: #000; padding-bottom: 15px; }
.dmjBXSEO:hover{width: 60%; cursor: pointer; border: 1px solid rgba(52,152,219, .5); background: linear-gradient(to bottom, transparent, transparent, rgba(52,152,219, .3)); background-color: transparent; height: 40px; color: #3498db; box-shadow: 0 4px 8px rgba(51, 51, 51, 0.2), inset 0px 0px 15px rgba(52,152,219,.7); border-radius: 10px 10px 10px 10px; text-align: center; color: #000; }
.dmjBXSEO2{ width: 60%; cursor: pointer; border: 1px solid rgba(13,230, 15, .4); background: linear-gradient(to bottom, transparent, transparent, rgba(0,119,0, .4)); background-color: transparent; height: 40px; color: #3498db; box-shadow: 0 4px 8px rgba(5, 51, 5, 0.4), inset 0px 0px 15px rgba(0,119,15, .4); /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/ border-radius: 10px 10px 10px 10px; text-align: center; color: #000; padding-bottom: 15px; }
.dmjBXSEO2:hover{width: 60%; cursor: pointer; border: 1px solid rgba(52,152,219, .5); background: linear-gradient(to bottom, transparent, transparent, rgba(52,152,219, .3)); background-color: transparent; height: 40px; color: #3498db; box-shadow: 0 4px 8px rgba(51, 51, 51, 0.2), inset 0px 0px 15px rgba(52,152,219,.7); border-radius: 10px 10px 10px 10px; text-align: center; color: #000; }
.alias-sitebuilder-index-1 .ddc-content.content-page-title{ visibility: hidden;}
[data-widget-id="content13"]{ padding: 5px; background: rgb(0,0,0, .8); border-bottom: solid 2px rgb(0,0,0,.4); }
.dmjSEO{ -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); font-weight: 100; }
.DMHover:hover{ opacity: .3; }
.box5 {
	text-decoration: none;
	box-shadow: inset 0 7px 15px -7px rgba(0,0,0,0.8);
	width:98%;
	height:105px;
	background-image: linear-gradient(rgba(0,18,255,01), rgba(104,143,254,.8));
	margin:25px auto;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	top: -45px;
	font-family:'Open Sans', sans-serif;
	font-size: 21px;
	font-weight: 400;
	color: #fff;
	
}
.box5:hover {
	text-decoration: none;
	box-shadow: inset 0 7px 35px -7px rgba(0,0,0,1);
	width:98%;
	height:105px;
	background-image: linear-gradient(#0037a6, #0054ff);
	margin:25px auto;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	top: -42px;
	font-family:'Open Sans', sans-serif;
	font-size:19px;
	font-weight: 400;
	color: #ff0;
	text-decoration: none;
	
	
}
.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 7px;
  left: 5px;
  width: 95%;
  top: 20%;
  max-width:400px;
border-radius: 8px;
  background: #777;
  -webkit-box-shadow: 0 6px 2px #777;
  -moz-box-shadow: 0 6px 2px #777;
  box-shadow: 0 5px 2px #777;
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
.effect5:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.effect5:before
{
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  right: 10px;
  left: auto;
}
.effect5:hover::before{
  z-index: -5;
  position: absolute;
  content: "";
  bottom: 5px;
  left: 5px;
  width: 80%;
  top: 20%;
  max-width:500px;
  background: #000;
  -webkit-box-shadow: 0 2px 2px #000;
  -moz-box-shadow: 0 2px 2px #000;
  box-shadow: 0 2px 2px #000;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
.effect5:hover:after
{

  z-index: -5;
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -o-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  transform: rotate(1deg);
  right: 10px;
  left: auto;
}
.dmjTD{position: relative; top: -18px; z-index: 1;}
.arrowDMJ{width: 40px; height: 40px; background-image: url('https://pictures.dealer.com/n/napleton/1081/56a535c1c4931a2b666b762c36291424x.jpg'); background-size: contain; -webkit-animation-duration: 2s; animation-duration: 2s;            -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: bounce; animation-iteration-count: 10;}
@-webkit-keyframes bounce2 { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
 40% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}}
@keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-30px);}
 60% {transform: translateY(-15px);}}
.arrowDMJ3{width: 40px; height: 40px; background-image: url('https://pictures.dealer.com/n/napleton/1081/56a535c1c4931a2b666b762c36291424x.jpg'); background-size: contain; -webkit-animation-duration: 2s; animation-duration: 10s;            -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: bounce; animation-iteration-count: 10;}
@-webkit-keyframes bounce3 { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
 40% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}}
.alias-sitebuilder-index-1 [data-widget-id="content21"]{position: relative; top: -45px; }
.alias-sitebuilder-index-1 [data-widget-id="inventory-search2"] .widget-heading:after{content: "By ( New, Used, Year, Make or Model )";}
.alias-sitebuilder-index-1 [data-widget-id="inventory-search2"] .widget-heading{color: #009; font-size: 24px; font-weight: 100; }
.alias-sitebuilder-index-1 [data-widget-id="inventory-search2"]{border: 1px solid rgb(0,116,246,.2);}
.alias-sitebuilder-index-1 .form-group{padding: 0px; font-family:'Open Sans', sans-serif; background: rgb(10,0,254,.7); border-radius: 10px; }
.alias-sitebuilder-index-1 .form-control{ border-radius:0px; font-size: 23px; padding: 0px; padding-left: 10px; border-top: 0px; border-left: 0px; border-right: 0px; border-color: rgb(10,0,254,.7); }
.alias-sitebuilder-index-1 [data-widget-id="inventory-search2"]{background: rgb(0,52,254,.9); padding: 15px; color: #fff; position: relative; top: -17px; }
.type-1.ddc-content.inventory-search-facetbrowse{background: #fff; padding: 15px;}
.dmjZoomIMG img{
transition: all 0.3s;
}
.dmjTBL4{
	font-family:'Open Sans', sans-serif;
	font-size: 20px;
	color: #fff; 
	padding-left: 5px;

}
.dmjTBL4:hover{
	font-family:'Open Sans', sans-serif;
	font-size: 20px;
	color: #fffaa8;	
	
}
.dmjTBL5{
background-image: linear-gradient(#4200ff, #46069d, #222222);
box-shadow: inset 0 0 10px #000000;
}
.dmjZoomIMG:hover img{
/*transform: scale(1.1);    (150% zoom) */
transform: scale(1.25) rotate(360deg);
box-shadow: 5px 5px 2px 1px rgba(0, 0, 0, .2);
}

.hpDMJ:hover{box-shadow:5px 4px 8px rgba(0,0,0,.7);}
.SrchDmjFnt1{font-size: 17px;}
.SrchDmjFnt2{font-size: 20px;}
.SrchDmjFnt1-c{font-size: 20px;}
.SrchDmjFnt2-C{font-size: 20px; color: #fff;}
.alias-sitebuilder-index-1 [data-widget-id="content20"]{position: relative; top: -25px; margin-bottom: 0px;}
.alias-sitebuilder-index-1 [data-widget-id="content22"]{position: relative; top: -25px;}
.dmjTdHalf{width: 50%;}
#dmjSaleHrs{background: #444;}
.cst-btn-0 .btn{background: #ff8400 !important;font-family:'Open Sans', sans-serif;}
.cst-btn-0 .btn:hover{background: #ff5a00 !important;font-family:'Open Sans', sans-serif;}
.cst-btn-1 .btn{background: #ccc !important;font-family:'Open Sans', sans-serif;}
.cst-btn-2 .btn{background: #5c5b5a !important;font-family:'Open Sans', sans-serif;}
.alias-sitebuilder-index-1 .home-logolink{visibility: hidden;}
.alias-sitebuilder-index-1 .dealer-path-override-img{ position: relative; left: -100px; }
.price-btn.cst-btn-0{
 

  animation: jiggle; animation-duration: 3s;
  animation-iteration-count:3;
}
@keyframes jiggle {
  45%, 65% {
    transform: scale(1.0, 1.1)
  }
  50% {
    transform: scale(1.1, 0.6)
  }
  55% {
    transform: scale(0.9, 1.1) translate(0, -5px)
  }
  60% {
    transform: scale(1.0, 1.0) translate(0, -5px)
  }
}
.internetPrice.final-price .label{color: #009900 !important; font-size: 13px !important;}
.internetPrice.final-price .value{color: #009900 !important; font-size: 23px !important;}
[data-style-editor-id="vdp-used-price-label"]{color: #009900 !important; font-size: 13px !important;}
[data-style-editor-id="vdp-used-price-value"]{color: #009900 !important; font-size: 21px !important;}