.bg-img-1 {
    background: url("https://us.evocdn.io/dealer/1409/content/media/My_Theme/oc-img-office.jpg");
}

.bg-img-2 {
    background: url("https://us.evocdn.io/dealer/1409/content/media/My_Theme/oc-img-office-cluttered.jpg");
}

.bg-img-3 {
    background: url("https://us.evocdn.io/dealer/1409/content/media/My_Theme/oc-hero-1.jpg");
}

.bg-img-4 {
    background: url("https://us.evocdn.io/dealer/1409/content/media/My_Theme/oc-office-and-glasses.jpg");
}

.switch-acccount {
color: #01746d;
}

body > div.customertools.new.open > div > div.switch-account-new.small.hidden > table > tbody > tr:nth-child(3) {
  	display: none
}

/*
.live-inventory-v2-add-to-cart-wrapper {
  width: calc(100% - 45px);
  max-width: none;
}

.live-inventory-v2-wrapper {
  white-space: normal;
  margin: 5px 0;
  text-align: left;
}

.softgraybackground  .live-inventory-v2-wrapper {
   text-align: center;
}

.ex-product .softgraybackground  .live-inventory-v2-wrapper {
   display:none;
}

.catalog-grid .tile .footer button.btn-primary {
  width: 100%;
}
*/

.live-inventory-v2-add-to-cart-wrapper {
/* check button width */
  width: calc(100% - 45px);
  max-width: none;
}

.live-inventory-v2-wrapper {
  white-space: normal;
  margin: 5px 0;
}

.catalog-grid .tile .footer button.btn-primary {
  width: 100%;
}

.ex-product .softgraybackground .live-inventory-v2-add-to-cart-wrapper .live-inventory-v2-wrapper {
  display: none;
}




/* Support Request for Hero Animation */
.ex-content-page .no-effect .hero .accent-wrapper .accent {
	left: 400px;

	@media only screen and (min-width: 1921px) {	
		left: -350px;
	}

  	@media only screen and (max-width: 1366px) {
		left: 100px;
	}
	@media only screen and (max-width: 991px) {
		left: -300px;
	}
}

.ex-content-page .no-effect .hero .image-section {
	width: 55%;
	
	@media only screen and (max-width: 991px) {
		width: 100%;
	}
}

.ex-content-page .no-effect .hero:hover .accent-wrapper .accent {

	@media only screen and (min-width: 1921px) {	
		left: -350px;
	}


  	@media only screen and (max-width: 1366px) {
		left: 100px;
	}
 
}


.ex-content-page .small-effect .hero .accent-wrapper .accent {
	left: 400px;
	@media only screen and (min-width: 1921px) {	
		left: -300px;
	}

	
  	@media only screen and (max-width: 1366px) {
		left: 150px;
	}
	@media only screen and (max-width: 991px) {
		left: -300px;
	}
}

.ex-content-page .small-effect .hero:hover .accent-wrapper .accent {
	left: 350px;

	@media only screen and (min-width: 1921px) {	
		left: -350px;
	}

  	@media only screen and (max-width: 1366px) {
		left: 100px;
	}
	@media only screen and (max-width: 991px) {
		left: -300px;
	}
}


.ex-content-page .small-effect .hero .image-section {
	width: 55%;
	
	@media only screen and (max-width: 991px) {
		width: 100%;
	}
}



.ex-content-page .small-effect .hero .accent-wrapper .accent::after,
.ex-content-page .no-effect .hero .accent-wrapper .accent::after {
	@media only screen and (min-width: 1921px) {
 
		left: 1990px;

  	}
}

/*easter egg*/
 @keyframes eggPulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}


/* Smoothly fade in Easter Eggs (prevents flashing on reload) */
[data-easter-egg] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.easter-egg-visible {
  visibility: visible;
  opacity: 1;
}


[data-easter-egg]:hover {
  opacity: 1;
}

body.ex-loggedout img[data-easter-egg] {
    display: none !important;
  }

/*centers test meet the team easter egg*/
img[data-easter-egg="Team-penny-1"] {
    position: relative;
    left: 300%;
    transform: translateX(-50%);
    display: block !important;
  }
@media (max-width: 768px) {
  img[data-easter-egg="Team-penny-1"] {
    left: 40%;
  }

li.standOut > a {
  display: inline-block !important;
  position: relative;
  text-decoration: none;
}

li.standOut > a::after {
  content: 'New';
  position: absolute;
  bottom: 99%;
  right: 11%;
  background: orange;
  padding: 0 6px;
  color: white;
  font-size: 12px;
  font-weight: bold;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 1;
  transition: all 200ms ease;
  animation: fadeinnd 1s;
  z-index: 2;
}

li.standOut > a::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 8px solid orange;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  right: 12%;
  bottom: 88%;
  opacity: 1;
  transition: all 200ms ease;
  animation: fadeinnd 1.6s;
  z-index: 2;
}

li.standOut > a:hover::after {
  bottom: 89%;
}
li.standOut > a:hover::before {
  bottom: 78%;
}

@keyframes fadeinnd {
  from { opacity: 0; }
  to   { opacity: 1; }
}