.box4 {
	width:98%;
	height:70px;
	background-image: linear-gradient(#68000c, #d9001a);
	margin:20px auto;
	font-face: "open sans";
	font-size:18px;
	font-weight: 400;
	color: #fff;
top: -20px;
}
.box4:hover {
	width:98%;
	height:70px;
	background-image: linear-gradient(#a50000, #ff0000);
	margin:20px auto;
	font-face: "open sans";
	font-size:18px;
	font-weight: 400;
	color: #fff
	opacity: 0.7; }
.effect4
{
  position: relative;
}
.effect4:before, .effect4:after
{

  z-index: -1;
  position: absolute;
  content: "";
  bottom: 5px;
  left: 5px;
  width: 80%;
  top: 20%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 8px 2px #777;
  -moz-box-shadow: 0 8px 2px #777;
  box-shadow: 0 8px 2px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect4:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.violetIMG{
content: url(https://napleton.com/images/Violet-Foundation-Mobile.webp);
background-repeat: no-repeat;
width: 100%;
}
.btn.btn-primary.price-btn.btn-block{background: #ff7e00 !important; font-size: 16px;}
.DmjViolet{
position: fixed;
bottom: 0px !important;
right: 0px !important;
z-index: 1900 !important;
width: 20%;
}

/* fdbarfety 08642701 */
.price-btn.cst-btn-2{
  animation: jiggle 2s infinite ease-in;
}
@keyframes jiggle {
  45%, 65% {
    transform: scale(1.0, 1.0)
  }
  50% {
    transform: scale(1.1, 0.9)
  }
  55% {
    transform: scale(0.9, 1.1) translate(0, -5px)
  }
  60% {
    transform: scale(1.0, 1.0) translate(0, -5px)
  }
}


/*cnconway 08597553*/
.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 .5s;
	animation-delay: 5s;
    animation-iteration-count: infinite; 
    /* 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);}
}

#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;
}

div.MenuService{
 background-image: linear-gradient(#8b0000, #ff0000);
background: linear-gradient(#ff0000,#8b0000);
 height: 90%;
 width: 100%;
 border: #000000 solid 1px;
 border-radius:7px;
color: white;
 margin: 0px;
 padding:9px;
box-shadow: 
  0 1px 2px #fff, /*bottom external highlight*/
  0 -1px 1px #860000, /*top external shadow*/ 
  inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/ 
  inset 0 1px 1px rgba(255,255,255,0.7); /*top internal highlight*/
}

div.MenuService:hover{
background: linear-gradient(#8b0000,#ff0000);
 height: 90%;
 width: 100%;
 border-radius:9px;
color: white;
 margin: 0px;
 padding:9px;
 box-shadow: 0px 0px 0px 1px #000 inset;
}

.modelButtons {
    background: #12489e;
    height: 100%;
    width: 100%;
    font-size: 21px;
    border: #000000 solid 1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: white;
    margin: 0px;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}

.modelButtons:hover {
  background: #36F;
  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: #009900;
 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 #fff inset;
 padding:10px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}

.modelButtonsG:hover {
  background: #00f400;
  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;
}
.modelButtonsO {
    background: #f77f00;
 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 #fff inset;
 padding:10px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}


.modelButtonsO:hover {
  background: #ffba08;
  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;
}

.modelButtonsOz {
    background: #1e96fc;
 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 #fff inset;
 padding:10px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}


.modelButtonsOz:hover {
  background: #fdc500;
  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;
}

#EddieFloat  {
float: right;    
 margin: 0 0 0 15px;
}

#EddieFloat2  {
float: left;    
 margin: 0 15px 0px 0px;
}

hr.splitEnds:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -60px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
}
a.anchor {
    display: block;
    position: relative;
    top: -225px;
    visibility: hidden;
}
fade { 
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); 
}

.djFont{
font-face: alegra sans;
font-size: 20px;
font-weight: 200;
}
.fancyFont{
font-face: alegra sans;
font-size: 19px;
font-weight: 100;
color: #000000;
}

.nopadd{padding: 0px; margin: 5px;}
[data-widget-id="content12"]{
visibility: hidden;
}
.clock-text{
color: #ff0;
font-weight: bold;
}
#header_container {     background: -webkit-linear-gradient(rgb(255,255,0), rgb(255,255,0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgb(255,0,0), rgb(255,0,0),rgb(109,1,1)) ); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgb(255,0,0), rgb(255,0,0),rgb(109,1,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgb(255,0,0), rgb(255,0,0),rgb(109,1,1)); /* Standard syntax (must be last) */ 
border:1px solid #666; 
padding-top: 2px; 
bottom: 0px; 
padding-right: 160px; 
height:100px; 
left:0; 
position: fixed; 
z-index: 1199; 
width:100%; 
  -webkit-box-shadow: 0px -4px 9px rgba(50, 50, 50, 0.65);
  -moz-box-shadow: 0px -4px 9px rgba(50, 50, 50, 0.65);
  box-shadow: 0px -4px 9px rgba(50, 50, 50, 0.65);
}
#header { line-height:1 px; margin:0 auto; width:100%;}
/*Also Must Add Font below for Button style.  This is commented out so just copy the whole thing*/
.fancyFont21{
font-face: alegra sans;
font-size: 32px;
font-weight: bold;
color: #000;
text-shadow:1px 1px 10px #fff, 1px 1px 10px #fff;
}
.v9-oem-cllc-0003-v1 .countdown-container{padding-bottom: 0px;}
.counter-spot.days-1,.counter-spot.days-2,.counter-spot.hours-1,.counter-spot.hours-2,.counter-spot.minutes-1,.counter-spot.minutes-2,.counter-spot.seconds-1,.counter-spot.seconds-2{
color: #ffff00 !important;
text-shadow:1px 1px 10px #ff0, 1px 1px 10px #ff0;
}
.v9-global-0011-v2 .countdown-container{padding-bottom: 0px;}
.countdown-clock{padding-botom: 10px !important; padding-top:1px;}
.countdown-clock-default{padding-bottom: 0px !important; padding-top: 50px !important; width: 20% !important;}
.v9-global-0011-v2 .countdown-clock-default .countdown-content {position: sticky !important; top: 0 !important;}

.box5 {
  width:98%;
  height:50px;
  background-image: linear-gradient(#a50000, #ff0000);
  margin:20px auto;
  font-face: "open sans";
  font-size:18px;
  font-weight: 400;
  color: #fff
}
.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 5px;
  left: 5px;
  width: 80%;
  top: 20%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 8px 2px #777;
  -moz-box-shadow: 0 8px 2px #777;
  box-shadow: 0 8px 2px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.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;
}
/*--callus button--*/
#callUs{ border: none; /*border-style: ridge;*/ padding:16px; width: 80%; background: linear-gradient(#527cce,#194395); border-radius:8px; background-image: linear-gradient(#527cce, #194395);}
#footer_container { background:#ccc; border:1px solid #666; bottom:0; height:115px; left:0; position:fixed; width:100%; } 
.fancyFont21{
font-face: alegra sans;
font-size: 19px;
font-weight: 100;
color: #ffffff;
}
[data-widget-id="content7"]{
width: 100% !important;
padding: 2px !important;
padding-top: 20px !important;
}

/* fdbarfety 11173675 */
.ddc-footer {height: 180px;}
.ddc-footer .container {width: 1080px;}
.ddc-footer .navigation-default {width: 785px;}
.ddc-footer .navigation-default ul li>a {padding: 40px 12px;; height: 40px;}

.double-container {
display: grid;
grid-template-columns: 1fr 1fr; 
/* grid-template-rows: 300px 175px; */
grid-column-gap: 7px; 
/* grid-row-gap: 10px;*/
}
.tricon {
display: grid;
grid-template-columns: 1fr 2fr 1fr; 
/* grid-template-rows: 300px 175px; */
grid-column-gap: 7px; 
/* grid-row-gap: 10px;*/
}
.trirow{
display: grid;
grid-template-columns: 1fr 1fr 1fr; 
/* grid-template-rows: 300px 175px; */
grid-column-gap: 7px; 
/* grid-row-gap: 10px;*/
}
.mrmitem {
text-align: center;
background-color: #168aad;
color: #002059;
transition: .5s ease;
margin: 4px; padding: 20px; text-align: center; cursor: pointer; border-radius: 5px;
color:white;
}
.mrmitem:hover {
background-color: #1ac9aa;
color: white;
box-shadow: 0 20px 20px -10px;
border: 2px solid #fcbf49;
}
.mrmitem:nth-child(2){
background-color:green;
}
.mrmitem a{
color:white;
font-weight:700;
}

/* ddcrandyh CC02025372 */
.incentive-type-heading.manufacturer-incentive.label { white-space: normal; }

/* 05173583 ddcjareds */
.alias-promotions-listing-service .modal-dialog .modal-header .modal-title { width: 96%; }
.modal-dialog button.close.text-muted.close-modal {opacity: 1; color: #000 !important;}
.modal-dialog .close {font-size: 23px;}