/* Define site colors: */
:root {
    --primary-color: #00954d;
    --secondary-color: #ff7f27;
    --light-primary-color: #8bedb8;
    --action-link: #00954d;
    --action-button: #ff7f27;
    --bground-color: #ece7de;
    --very-light-color: #fcfcfc;
    --light-color: #f8f8f8;
    --dark-color: #505050;
    --grey-color: #999;
    --light-grey: #aaa;
    --border-color: #bbb;
	  --dark-text: #333;
	  --page-header-bg: #555;
	  --light-grey-bg: #f6f2ef;
    --list-bg: #f0f0f0;
    --black: #000;
    --white: #fff;
    --tooltip-bg: #1e1e1e;
    --alert-color: #ff0000;
    --progress-border: #efefef;
    --shadow1: rgba(0,0,0,.1);
    --shadow-color: rgba(0,0,0,.15);
    --shadow4: rgba(0,0,0,.4);
  }

/* General layout */
body{
	background-color: #fff;
	color: #333;
	font-family: 'Roboto';
	margin: 0px auto;
}
body >*{
	position: relative;
}
#body{
  background-color: #ece7de;
  overflow: auto;
  padding: 0;
  /*padding-bottom: 3em;*/
}


/* Hidden divs for JavaScript */
.pt-hidden{
	display: none;
}

/* Prevent Android font-boosting */
p{
	max-height: 999999px;
}

/* Standard anchor */
/*a{
  color: #ff7f27;
  text-decoration: none;
}*/

/* Inputs */
input[type="text"]{
	box-sizing: border-box;
	height: 2.5em;
}
select{
	color: #333;
	font-family: inherit;
	height: 2.5em;
}
button{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}
a.pt-button{
	background-color: #ff7f27;
	border: none;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	outline: none;
	overflow: hidden;
	padding: 0.75em 2em;
	text-decoration: none;
}
button[type="submit"].pt-button{
	background-color: #ff7f27;
	border: none;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	font-size: 1em;
	padding: 0.75em 1em;
}
button[type="submit"].pt-button:disabled{
	background-color: #999;
}
button[type="submit"].pt-text{
	background-color: transparent;
	border: none;
	color: inherit;
	cursor: pointer;
	font-size: 1em;
	padding: 0em;
}
input[type="text"].pt-input{
	border: 1px solid #ff7f27;
	border-radius: 5px;
	box-sizing: border-box;
	height: 2.5em;
}
input[type="password"].pt-input{
	border: 1px solid #ff7f27;
	border-radius: 5px;
	box-sizing: border-box;
	height: 2.5em;
}
textarea.pt-input{
	border: 1px solid #ff7f27;
	border-radius: 5px;
	box-sizing: border-box;
}
select.pt-input{
	background-color: #fff;
	border: 1px solid #ff7f27;
	border-radius: 5px;
	box-sizing: border-box;
	height: 2.5em;
}

/*from mid.css that are global */
.bg-transparent {
	background-color: transparent;
}
.bg-beige {
	background-color: #ece7de; }

.hidden {
		position: relative;
		display: none;
	  }
		  
  
*.font-awesome {
	font-family: FontAwesome;
  }
/* border widths - compete with bootstrap, so need  !important */
.border-2 {
    border-width:2px !important;
}
.border-3 {
    border-width:3px !important;
}

.border-4 {
    border-width:4px !important;
}		

a.faq-help {
    color: inherit;
    font-family: FontAwesome;
    text-decoration: none;
}

.constrain-width {
	max-width: 1280px;
  }
  
.hover-pointer {
	cursor: pointer;
  }
  
.start-display-none {
	display: none;
  }

  /* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }

  ul.dropdown {
	display: none;
	z-index: 1000; /* from bootstrap docs for modal */
	top: 3em;
	right: 3em;
	width: 12em;
	padding-top: 2em;
  }
  
  ul.hamburger-parent:hover ul,
  ul.hamburger-parent:active ul,
  ul.hamburger-parent:focus ul,
  ul.hamburger-parent ul:hover,
  ul.hamburger-parent ul:active,
  ul.hamburger-parent ul:focus {
	display: block;
	transition-duration: 0.5s;
  }
	
/* Extra Margins require important to work within bootstrap framework */
.p-01,
.pl-01,
.px-01 {
  padding-left: 0.025rem !important; }

.p-01,
.pr-01,
.px-01 {
  padding-right: 0.025rem !important; }

.p-01,
.pt-01,
.py-01 {
  padding-top: 0.025rem !important; }

.p-01,
.pb-01,
.py-01 {
  padding-bottom: 0.025rem !important; }

.m-01,
.mt-01,
.my-01 {
  margin-top: 0.025rem !important; }

.m-01,
.mb-01,
.my-01 {
  margin-bottom: 0.025rem !important; }

.m-01,
.ml-01,
.mx-01 {
  margin-left: 0.025rem !important; }

.m-01,
.mr-01,
.mx-01 {
  margin-right: 0.025rem !important; }

.p-05,
.pl-05,
.px-05 {
  padding-left: 0.125rem !important; }

.p-05,
.pr-05,
.px-05 {
  padding-right: 0.125rem !important; }

.p-05,
.pt-05,
.py-05 {
  padding-top: 0.125rem !important; }

.p-05,
.pb-05,
.py-05 {
  padding-bottom: 0.125rem !important; }

.m-05,
.mt-05,
.my-05 {
  margin-top: 0.125rem !important; }

.m-05,
.mb-05,
.my-05 {
  margin-bottom: 0.125rem !important; }

.m-05,
.ml-05,
.mx-05 {
  margin-left: 0.125rem !important; }

.m-05,
.mr-05,
.mx-05 {
  margin-right: 0.125rem !important; }



.p-1-5,
.pl-1-5,
.px-1-5 {
  padding-left: 0.375rem !important; }

.p-1-5,
.pr-1-5,
.px-1-5 {
  padding-right: 0.375rem !important; }

.p-1-5,
.pt-1-5,
.py-1-5 {
  padding-top: 0.375rem !important; }

.p-1-5,
.pb-1-5,
.py-1-5 {
  padding-bottom: 0.375rem !important; }

.m-1-5,
.mt-1-5,
.my-1-5 {
  margin-top: 0.375rem !important; }

.m-1-5,
.mb-1-5,
.my-1-5 {
  margin-bottom: 0.375rem !important; }

.m-1-5,
.ml-1-5,
.mx-1-5 {
  margin-left: 0.375rem !important; }

.m-1-5,
.mr-1-5,
.mx-1-5 {
  margin-right: 0.375rem !important; }


@media (min-width: 768px) {
	
.p-md-1-5,
.pl-md-1-5,
.px-md-1-5 {
  padding-left: 0.375rem !important; }

.p-md-1-5,
.pr-md-1-5,
.px-md-1-5 {
  padding-right: 0.375rem !important; }

.p-md-1-5,
.pt-md-1-5,
.py-md-1-5 {
  padding-top: 0.375rem !important; }

.p-md-1-5,
.pb-md-1-5,
.py-md-1-5 {
  padding-bottom: 0.375rem !important; }

.m-md-1-5,
.mt-md-1-5,
.my-md-1-5 {
  margin-top: 0.375rem !important; }

.m-md-1-5,
.mb-md-1-5,
.my-md-1-5 {
  margin-bottom: 0.375rem !important; }

.m-md-1-5,
.ml-md-1-5,
.mx-md-1-5 {
  margin-left: 0.375rem !important; }

.m-md-1-5,
.mr-md-1-5,
.mx-md-1-5 {
  margin-right: 0.375rem !important; }
	
}

@media print{
  #header{
    display: none;
  }
}




/*nav bar */

#header > .navbar > a.navbar-brand > span.tag-line {
	font-size: 0.8rem;
	font-weight: bold;
}

#header > .navbar > ul#nav-list {
	max-width: 575px;
}

#header > .navbar > ul#nav-list li span.my-account {
	margin-bottom: -0.4rem;
}

#header > .navbar > ul#nav-list li span.my-account,
#header > .navbar > ul#nav-list div#nav-menu span.my-account {
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
	display: inline-block;
	max-width: 92px;	
}

#header > .navbar .advantage-program {
}
#header > .navbar .advantage-program img {
	max-width: 100%;
	max-height: 60px;
	margin: 0 auto;
}
#header > .navbar .advantage-program img.mobile {
	max-height: 40px;
}
#header > .navbar .advantage-program p {
	margin: 0;
	text-align: center;
	font-weight: bold;
}
#header > .navbar .advantage-program p.phone {
	font-size: 1.2em;
	color: var(--primary-color);
}
#header > .navbar .advantage-program div.hours p {
	font-size: 0.7em;
	color: var(--dark-color);
}



/* Top nav */
/*
#header >#top-nav{
	background-color: #00954e;
  display: block;
  overflow: hidden;
  position: relative;
	text-align: right;
}
#header >#top-nav >a{
  color: #fff;
  line-height: 2.5em;
  margin: 0em 1.5em;
}
#header >#top-nav >a.my-equipment span{
  font-family: FontAwesome;
}
*/

/* Bottom nav */
/*
#header >#bottom-nav{
  display: block;
	height: 6em;
	overflow: hidden;
	position: relative;
}
#header >#bottom-nav >div{
	overflow: hidden;
	position: absolute;
	height: 100%;
	top: 0px;
}
#header >#bottom-nav >.logo{
	display: table;
	left: 10px;
}
#header >#bottom-nav >.logo >div{
	display: table-cell;
	vertical-align: middle;
}
#header >#bottom-nav >.logo a img{
	border: none;
	width: 170px;
}
#header >#bottom-nav >.shop-by-equipment{
	left: 240px;
}
#header >#bottom-nav >.shop-by-equipment >a{
	color: #555;
	font-size: 1.25em;
	font-weight: 800;
	text-decoration: none;
	vertical-align: middle;
}
#header >#bottom-nav >.shop-by-brand{
	left: 440px;
}
#header >#bottom-nav >.shop-by-brand >a{
	color: #555;
	font-size: 1.25em;
	font-weight: 800;
	text-decoration: none;
	vertical-align: middle;
}
#header >#bottom-nav >.search{
	left: 20%;
	right: 7em;
	text-align: right;
	white-space: nowrap;
}
#header >#bottom-nav >.search >span{
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
#header >#bottom-nav >.search >span.or{
	background-color: #999;
	border-radius: 1.5em;
	color: #fff;
	font-size: 0.8em;
	height: 1.8em;
	line-height: 1.8em;
	margin: 0em 1em;
	text-align: center;
	vertical-align: middle;
	width: 1.8em;
}
#header >#bottom-nav >.search >form{
	display: inline-block;
	height: 2.7em;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
}
#header >#bottom-nav >.search >form >span{
	background-color: #555;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	box-sizing: border-box;
	color: #fff;
	display: inline-block;
	height: 100%;
	line-height: 250%;
	padding: 0em 0.5em;
	vertical-align: middle;
}
#header >#bottom-nav >.search >form >div{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
#header >#bottom-nav >.search >form >div input[type="text"]{
	border-left: none;
	border-top: 2px solid #555;
	border-right: none;
	border-bottom: 2px solid #555;
  box-sizing: border-box;
	height: 100%;
	padding-left: 1em;
}
#header >#bottom-nav >.search >form button[type="submit"]{
	background-color: #ff7f27;
	border: none;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
  font-family: FontAwesome;
	height: 100%;
	width: 40px;
}
#header >#bottom-nav >.search >a{
	bottom: 0.2em;
	right: 0em;
	position: absolute;
}
#header >#bottom-nav >.shopping-cart{
	right: 1em;
	white-space: nowrap;
}
#header >#bottom-nav >.shopping-cart >span{
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
#header >#bottom-nav >.shopping-cart >a{
  color: inherit;
}
#header >#bottom-nav >.shopping-cart >a >*{
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}
#header >#bottom-nav >.shopping-cart >a >span.arrow{
  font-family: FontAwesome;
}
#header >#bottom-nav >.shopping-cart .icon{
	background-image: url('/img/Shop/shopping-cart.png');
	background-repeat: no-repeat;
	display: inline-block;
	height: 30px;
	position: relative;
	vertical-align: middle;
	width: 40px;
}
#header >#bottom-nav >.shopping-cart .icon p.quantity{
	color: #00954e;
	font-size: 1.25em;
	font-weight: 700;
	left: 0.55em;
	margin: 0px;
	position: absolute;
	text-align: center;
  top: -0.3em;
  width: 1.25em;
}
*/

/* Bread crumbs */
/*
#header >.bread-crumbs{
	color: #555;
	margin-left: 1em;
	overflow: hidden;
}
#header >.bread-crumbs >a{
	color: inherit;
	text-decoration: none;
}
#header >.bread-crumbs span{
	font-weight: 700;
}
#header >.bread-crumbs span.space{
	font-weight: normal;
}
*/

/* Search autocomplete */
.ui-autocomplete.pt-autocomplete{
	background: #555;
	border: none;
	border-radius: 0em;
	box-shadow: 0.25em 0.25em 1em #000;
}
.ui-autocomplete.pt-autocomplete .ui-menu-item a{
	color: #fff;
}
.ui-autocomplete.pt-autocomplete .ui-menu-item a.ui-state-focus{
	background: none;
	border: none;
	margin: 0px;
	color: #ff7f27;
}

@media print{
  #footer{
    display: none;
  }
}

#footer{
}
#footer >div{
  box-sizing: border-box;
  margin: 0em auto;
  position: relative;
}

/* tag-line */
#footer .tag-line{
  padding: 2em 0em;
}
#footer .tag-line >.side{
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  top: 0em;
  width: 15em;
}
#footer .tag-line >.side.left{
  background-image: url('/img/Home/side2.jpg');
  background-position: 100%;
  left: 0em;
}
#footer .tag-line >.side.right{
  background-image: url('/img/Home/side5.jpg');
  background-position: 0%;
  right: 0em;
}
#footer .tag-line >p{
  font-size: 1.8em;
  font-weight: 700;
  position: relative;
  text-align: center;
}
#footer .tag-line >p >span:nth-child(1){
  color: #000;
}
#footer .tag-line >p >span:nth-child(2){
  color: #ff7f27;
}
#footer .tag-line >p >span:nth-child(3){
  color: #00954e;
}
#footer .tag-line >div{
  margin: 0em auto;
  position: relative;
  text-align: center;
  width: 80%;
}
#footer .tag-line >div >div{
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
#footer .tag-line >div >div.seal{
  width: 160px;
  height: 120px;
  margin: 0em auto;
}

#footer .tag-line >div >div img{
  max-width: 100%;
  max-height: 100%;
}

/* Payments and social */
#footer .payments-social{
  background-color: #999;
  color: #fff;
  box-sizing: border-box;
  margin: auto;
  padding: 0.25em;
  text-align: center;
}
#footer .payments-social >div{
  display: inline-block;
  vertical-align: middle;
}
#footer .payments-social >div.payments{
  margin-right: 3em;
}
#footer .payments-social >div >*{
  display: inline-block;
  vertical-align: middle;
}
#footer .payments-social p{
  text-align: initial;
}
#footer .payments-social img{
  margin: 0em 0.75em;
  width: 48px;
  height: 36px;
}
#footer .payments-social img.pci{
  margin: 0em 0.75em;
  width: 150px;
  height: 80px;
}
/* Links */
#footer .links{
  background-color: white;
  border-top: 0.5em solid #00954e;
  padding: 1em 0em;
  text-align: center;
}
#footer .links >span{
  color: #999;
}
#footer .links a{
  color: #00954e;
  margin: 0em 1em;
  text-decoration: none;
}

/* Copyright */
#footer .copyright{
  margin: 1em 0em;
	text-align: center;
}
#footer .copyright p{
	color: #aaa;
	font-size: 0.8em;
	margin: 0em;
}
#footer .copyright a{
  text-decoration: none;
}

.google-reviews {
	margin: 0 auto 0 auto;
  background-color: #fff;
  box-shadow: 0 0 1em 0.2em #ababab;
  width: 97%;
  margin: 1em auto;
  min-height: 7em;
  overflow: hidden;
  position: relative;
  font-family: Google Sans Text,Arial,Helvetica,sans-serif;
}

.headerComponentTop {
	display: flex;
	flex-direction: column;
	border-radius: 8px;
}

.headerContainerInner {
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  padding: 1em; /* 1em 0 1em; */
}

.headerInfoContainer {
  display: flex;
}

.headerHeadingContainer {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 6px;
}

.iconContainer {
  height: 1.99em;
  width: 6em;
  background-image: url('/img/google.png');
  background-size: cover;
}

.iconContainer > div {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	width: inherit;
	height: inherit;
}

/* Numeric Rating */
.headerHeadingText {
	width: 1.5em;
	font-weight: 500;
	font-size: 1.8em;
	line-height: 26px;
	color: rgb(17, 17, 17);
}
.headerRatingContainer {
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	align-items: center;
	gap: 6px;
}
.ratingValueContainer {
	font-weight: 700;
	font-size: 22px;
	line-height: 28px;
	color: rgb(17, 17, 17);
	word-break: normal !important;
}

/* Review Us button */
.headerWriteReviewButton {
  padding-left: 30px;
  display: inline-flex;
  position: relative;
  max-width: 100%;
}
.headerWriteReviewButton > button {
  border-radius: 50px;
  background-color: #4285F4;
  border: none;
  color: white;
}
.headerWriteReviewButton > button:hover {
  background-color: #185abc;
}
.headerWriteReviewButton > button > a {
  text-decoration: none;
}
.reviewUs {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: white;
  text-decoration: none;
  font-family: Google Sans Text,Arial,Helvetica,sans-serif;
  font-weight: 500;
  padding: 0 1em 0 1em;
}

/* Individual Reviews */
.reviewRow {
	display: flex;
	flex-wrap: wrap;
}
.reviewColumn {
  float: left;
  width: 33.33%;
  padding: 20px;
}
/* Clear floats after the columns */
.reviewRow:after {
  content: "";
  display: table;
  clear: both;
}
.reviewBackgroundContainer {
  display: flex;
  flex-direction: column;
  position: relative;
  transition: background-color 0.1s;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  flex-grow: 1;
  border: 1px solid transparent;
}
.reviewAuthorBlock {
  display: flex;
  flex-wrap: nowrap;
  max-width: 100%;
  gap: 12px;
}
.reviewAuthorName {
  font-weight: 500;
}
.reviewLink {
  color: inherit;
  max-width: 100%;
  text-decoration: none;
  position: static !important;
  border: none !important;
}
.reviewAvatar {
  width: 40px;
  height: 40px;
  position: relative;
}
.reviewAvatar img {
  object-fit: cover;
}
.avatarContainer {
  position: relative;
  width: 40px;
  height: 40px;
  box-shadow: rgba(17, 17, 17, 0.1) 0px 0px 2px inset;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
}
.avatarBackground {
  width: inherit;
  height: inherit;
  transition: opacity 1s ease-out;
  background-color: rgb(210, 210, 210);
  opacity: 1;
  border-radius: 50%;
  overflow: hidden;
}
.avatarBackground > img {
  display: inline-block !important;
  position: static !important;
  margin: 0px !important;
  padding: 0px !important;
  max-width: none !important;
  height: inherit !important;
  width: inherit !important;
  visibility: visible !important;
}
.reviewAuthorBlockInfoContainer {
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  min-width: 0px;
  width: 100%;
  gap: 4px;
  line-height: 1em;
}
.reviewTextContainer {
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  padding-top: 0.5em;
}


/* RATING STARS */
span.stars, span.stars span {
  display: block;
  background: url('/img/greviews/star-o-white.svg') 0 0 repeat-x;');
  width: 60px; /* width of a star multiplied by 5 */
  height: 20px; /* the height of the star */
  background-size: 20px 20px;
}
span.stars span {
  background-position: 0 0;
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/747/star.svg);
}
/* stars of the individual reviews */
.fa-star {
  color: grey;
}
.fa-star.checked {
  color: orange;
}

/* Review */
.stars_time {
  width: 100%;
  vertical-align: middle;
}
.timeframe {
  float: right;
  color: grey;
}
.fontBodyMedium {
  font-family: "Google Sans",Roboto,Arial,sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.00625rem;
  line-height: 1.25rem;
}


/* Mobile Layout */
@media screen and (max-width: 880px) {
  .reviewColumn {
    width: 100%;
    padding: 0 20px 0 20px;
  }
  .timeframe {
    width: 100%;
    float: left;
  }
}
@media screen and (max-width: 530px) {
  .headerInfoContainer {
    display: block;
  }
  .headerWriteReviewButton {
    padding-left: 0;
  }
}
/* Carousel */
.pt-carousel{
  overflow: hidden;
  position: relative;
	text-align: center;
  min-height: 12.5em;
}
.pt-carousel >ul{
	display: flex;
	list-style: none;
	height: 100%;
	min-height: 10em;
	margin: 0 3em;
	overflow-x: auto;
	padding: 0;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
}
.pt-carousel >ul::-webkit-scrollbar{
	height: 10px;
	width: 10px;
}
.pt-carousel >ul::-webkit-scrollbar-thumb{
	background: black;
	border-radius: 10px;
}
.pt-carousel >ul::-webkit-scrollbar-track{
	background: transparent;
}
.pt-carousel >ul >li{
	flex-shrink: 0;
	list-style: none;
	width: 300px;
	overflow: hidden;
	position: relative;
	scroll-snap-align: start;
	vertical-align: middle;
}
.pt-carousel >.arrow{
  background-color: #505050cc;
  color: #fff;
	cursor: pointer;
	display: inline-block;
	height: 100%;
	position: absolute;
	text-align: center;
	top: 0em;
	width: 1.8em;
  z-index: 1;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.pt-carousel >.arrow.prev{
  left: 0em;
	-webkit-transition: opacity 250ms ease-in-out;
	-moz-transition: opacity 250ms ease-in-out;
	-ms-transition: opacity 250ms ease-in-out;
	-o-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
}
.pt-carousel >.arrow.next{
  right: 0em;
	-webkit-transition: opacity 250ms ease-in-out;
	-moz-transition: opacity 250ms ease-in-out;
	-ms-transition: opacity 250ms ease-in-out;
	-o-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
}
.pt-carousel >.arrow span{
  display: inline-block;
	vertical-align: middle;
}
.pt-carousel >.arrow span:nth-child(1){
  height: 100%;
}
.pt-carousel >.arrow span:nth-child(2){
  font-family: FontAwesome;
  font-size: 3em;
}
.pt-carousel.begin >.arrow.prev{
	-webkit-transition: opacity 250ms ease-in-out;
	-moz-transition: opacity 250ms ease-in-out;
	-ms-transition: opacity 250ms ease-in-out;
	-o-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
	opacity: 0;
	cursor: default;
}
.pt-carousel.end >.arrow.next{
	-webkit-transition: opacity 250ms ease-in-out;
	-moz-transition: opacity 250ms ease-in-out;
	-ms-transition: opacity 250ms ease-in-out;
	-o-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
	opacity: 0;
	cursor: default;
}

/* Context menu */
.pt-cmenu{
  display: none;
	box-shadow: 0.25em 0.25em 1em #000;
	overflow: hidden;
	position: absolute;
	z-index: 10;
}

/* Select element context menu */
.pt-cselect{
	background-color: #f8f8f8;
	color: #00954d;
	overflow: hidden;
	height: 300px;
	width: 300px;
}
.pt-cselect >.search{
	display: none;
}
.pt-cselect.pt-cselect-searchable >.search{
	display: block;
	height: 4.5em;
	left: 0.75em;
	overflow: hidden;
	position: absolute;
	right: 0.75em;
	text-align: center;
	top: 0.75em;
}
.pt-cselect.pt-cselect-searchable >.search input{
	background-color: #fff;
	border: 1px solid #ff7f27;
	border-radius: 5px;
	box-sizing: border-box;
	color: #333;
	height: 3em;
	padding-left: 1em;
	width: 100%;
}
.pt-cselect >.options{
	bottom: 0.75em;
	left: 0.75em;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	right: 0.75em;
	top: 0.75em;
}
.pt-cselect.pt-cselect-searchable >.options{
	top: 4.5em;
}
.pt-cselect >.options p.option{
	cursor: pointer;
	margin: 0em;
	padding: 0.75em;
}
.pt-cselect >.options p.option:hover{
	background-color: #ddd;
}
.pt-cselect >.options .optgroup p.label{
	border-bottom: 1px solid #999;
	color: #999;
	font-size: 0.9em;
}
.pt-cselect >.options .optgroup .option{
	margin-left: 1em;
}

/* Fadetip */
.pt-fadetip{
	overflow: hidden;
	z-index: 10;
}
.pt-fadetip >div{
	background: #555;
	border-radius: 3px;
	color: #fff;
	margin: 0em;
	padding: 0.5em;
	text-align: center;
}
.pt-fadetip.error >div{
	color: #faa;
}
.pt-fadetip.top >div{
	background: linear-gradient(to top, #888, #555);
	display: block;
}
.pt-fadetip.bottom >div{
	background: linear-gradient(to bottom, #888, #555);
	display: block;
}
.pt-fadetip.left >div{
	background: linear-gradient(to left, #888, #555);
	display: inline-block;
	vertical-align: middle;
}
.pt-fadetip.right >div{
	background: linear-gradient(to right, #888, #555);
	display: inline-block;
	vertical-align: middle;
}
.pt-fadetip.top::before{
	border-color: #555 transparent;
	border-style: solid;
	border-width: 0em 1em 1em 1em;
	content: "";
	display: block;
	margin: 0em auto;
	width: 0;
}
.pt-fadetip.bottom::after {
	border-color: #555 transparent;
	border-style: solid;
	border-width: 1em 1em 0em 1em;
	content: "";
	display: block;
	margin: 0em auto;
	width: 0;
}
.pt-fadetip.left::before{
	border-color: transparent #555;
	border-style: solid;
	border-width: 1.05em 1em 1.05em 0em;
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
}
.pt-fadetip.right::after{
	border-color: transparent #555;
	border-style: solid;
	border-width: 1.05em 0em 1.05em 1em;
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
}

/* Loader */
.pt-loader{
	background-color: rgba(0, 0, 0, 0.7);
	bottom: 0px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 10;
}
.pt-loader table{
	border: none;
	border-collapse: collapse;
	font-size: 1em;
	height: 100%;
	width: 100%;
}
.pt-loader table td{
	color: #fff;
	text-align: center;
}
.pt-loader p.text{
	margin: 0px;
}
.pt-loader .confirm button{
	margin: 5px;
}

.pt-background-radio input[type="radio"] {
  display: none;
}      

.pt-background-radio label {
  display: inline-block;
  background-color: #d1d1d1;
  padding: 4px 11px;
  font-family: Arial;
  font-size: 18px;
  cursor: pointer;
}      

.pt-background-radio input[type="radio"]:checked+label {
  background-color: #76cf9f;
}

.pt-background-radio label:hover {
	cursor: pointer;
}
div.pt-floating-placeholder {
	position: relative;
}

div.pt-floating-placeholder > label {
	left: 0;
	padding: 1em;
	position: absolute;
	color: #777;
	transition: 0.25s;
	pointer-events: none;
	white-space: nowrap;
}

div.pt-floating-placeholder > input,
div.pt-floating-placeholder > select  {
	height: initial !important;
	padding: 1em !important;
	border: 1px solid #aaa;
	box-sizing: border-box;
	outline: none;
	font-size: 1em;
	background: transparent;
}
div.pt-floating-placeholder > select  {
	appearance: none;
	-webkit-appearance: none;
	background-image:url(/img/down_arrow.png); 
	background-repeat:no-repeat; 
	background-position:calc(100% - 5px);
}

div.pt-floating-placeholder > input:not(:placeholder-shown) + label,
div.pt-floating-placeholder > select:not(:invalid) + label {
	left: 0.5em;
	padding: 0;
	font-size: 0.8em;
}

div.pt-floating-placeholder > span.error {
	right: 0.5em;
	position: absolute;
	transition: 0.25s;
	color: red;
	font-size: 0.8em;
	pointer-events: none;
}
.pt-loading-overlay {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: opacity 0.5s;
}

.pt-loading-overlay.loading {
    opacity: 1;
}

.pt-loading-overlay > div {
    width: 20px;
    height: 20px;
    border-width: 30px;
    border-radius: 50%;
    border-style: double;
    border-color: #ccc transparent;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(-360deg);
    }
}
.pt-scrolling-carousel {
	display: flex;
	gap: 10px;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
}

.pt-scrolling-carousel > * {
	flex: 0 0 auto;
	scroll-snap-align: center;
}

.pt-scrolling-carousel > li > label {
	height: 150px;	
}
/* Product */
.pt-product{
  background-color: #fff;
  display: block;
  position: relative;
  /*white-space: nowrap;*/
  width: 100%;
}
.pt-product >div{
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  padding: 0.5em;
  position: relative;
  vertical-align: middle;
}
/*.pt-product >div >*{
  display: inline-block;
  vertical-align: middle;
}*/

/* Thumb */
.pt-product >div.thumb{
  text-align: center;
  width: 10%;
}
.pt-product >div.thumb a, .pt-product > div.pt-details > div.thumb a{
  height: 100%;
  left: 0em;
  position: absolute;
  top: 0em;
  width: 100%;
}

.pt-product >div.thumb img{
  max-height: 5em;
  max-width: 95%;
}

/* Model details */
.pt-product.model >div.details.part{
  display: none;
}
.pt-product.model >div.details{
  white-space: nowrap;
  width: 85%;
}
.pt-product.model >div.details p{
  font-size: 1.2em;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
/*
do this to wrap
  white-space: initial;
*/
}
.pt-product.model >div.details >a{
  height: 100%;
  left: 0em;
  position: absolute;
  right: 0em;
  width: 100%;
}

/* Part details */
.pt-product.part >div.details.model{
  display: none;
}

.pt-product.part >div.details p{
  margin: 0em;
}

.pt-product.part >div.details p.description{
  color: #ff7f27;
  font-size: 1.2em;
  font-weight: 500;
  text-decoration: none;
}
.pt-product.part >div.details p.title{
  color: inherit;
  font-weight: 500;
  text-decoration: none;
}
.pt-product.part >div.details p.title >span.supersede a.faq-help{
  color: inherit;
  font-family: FontAwesome;
  text-decoration: none;
}
.pt-product.part >div.details p.notes{
  color: #999;
}
.pt-product.part >div.details p.oem{
  color: #333;
  margin-left: 1em;
}
.pt-product.part >div.details p.shipping{
  color: #00954e;
  margin-left: 1em;
}

/* Pricing */
.pt-product >div.price{
  text-align: center;
  width: 15%;
}
.pt-product >div.price p{
  margin: 0em;
}
.pt-product >div.price p.availability{
  color: #999;
}
.pt-product >div.price p.availability a.faq-help{
  color: inherit;
  font-family: FontAwesome;
  text-decoration: none;
}
.pt-product > div.price-avail-shop-data> div >div.price p.regular{
  color: #999;
}
.pt-product > div.price-avail-shop-data> div >div.price p.regular >span{
  text-decoration: line-through;
}
.pt-product > div.price-avail-shop-data> div >div.price span.regular{
  color: #999;
  text-decoration: line-through;
}

/* Shop */
.pt-product >div.shop{
  text-align: center;
  width: 20%;
}
.pt-product >div.shop form{
  display: inline-block;
}
.pt-product >div.shop form input,button,select{
  vertical-align: middle;
}
.pt-product >div.shop form input[name="quantity"]{
  border: 1px solid #ccc;
  text-align: center;
  width: 4.5rem;
}
/*.pt-product >div.shop form button[type="submit"]{
  height: 2.5em;
  margin-left: 0.2em;
}*/
.pt-product >div.shop form[name="update"] button{
  height: 2.5em;
  margin-left: 0.2em;
}
.pt-product >div.shop form[name="remove"] button{
  background: none;
  border: none;
  color: #555;
  cursor: pointer;
  font-family: FontAwesome;
  font-size: 1.2em;
  margin-left: 0.5em;
}
.pt-product > .shop > form[name="add"]{
  float: left;
}
.pt-product > .shop > form[name="add"] > .icon{
  background-image: url('/img/Shop/shopping-cart_sm.png');
  background-repeat: no-repeat;
  display: none;
  height: 20px;
  position: relative;
  /*float: right;*/
  vertical-align: middle;
  width: 30px;
}
.pt-product > .shop > form[name="add"] >.icon p.quantity{
  color: #00954e;
  font-size: 0.9em;
  font-weight: 700;
  left: 0.55em;
  margin: 0px;
  position: absolute;
  text-align: center;
  top: -0.4em;
  width: 1.25em;
}

/* Variants */
.pt-product >div.variants{
  display: block;
  padding-left: 16%;
}
/* Hide variants for models */
.pt-product.model > .pt-details > div.variants {
  display: none;
}
.pt-product >div.variants >p.variations{
  border-bottom: 4px solid #ece7de;
  color: #ff7f27;
  width: 100%;
}
.pt-product >div.variants >.pt-product{
  border-bottom: 1px solid #ece7de;
  display: block;
}
.pt-product >div.variants >.pt-product:last-of-type{
  border: none;
}
.pt-product >div.variants >.pt-product .thumb{
  display: none;
}
.pt-product >div.variants >.pt-product span.reference{
  display: none;
}
.pt-product >div.variants >.pt-product p.oem{
  display: none;
}

.pt-product > .price-avail-shop-data > .shop > form[name="add"] {
  margin-left:auto; 
  margin-right:0;
  width: 100%;
  display: block;
}

.pt-product select.custom-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.pt-product > .price-avail-shop-data > .variants > select {
  max-width: 100%;
}

#body.home > .h0 {
  margin-top: 0;
  margin-bottom: 0.5rem; 
  font-weight: 500;
  line-height: 1.2;
  color: #2d2d2d; 
  font-size: 1.75rem; 
}
#body.home > .home-section-btn {
	min-height:5rem;
}
#body.home > .card > .card-body > .service {
  margin: 0 auto;
  background-color: #ece7de;
  min-height: 15em;
  padding: 2em 0em;
}
#body.home > .card > .card-body > div > .content-no-color {
  margin: 0 auto;
  max-width: 1280px;
}
#body.home > .card > .card-body > .content {
  margin: 0 auto;
  background-color: #fff; 
  max-width: 1280px;
}


/* Section Headers */

#body.home > .card >  .card-header h2{
  background-color: #00954e;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 700;
}


/* Common */
.arrow-head{
  position: relative;
  top: -20px;
}
.home >.card-header{
  padding: 0;
  border-bottom: none;
}
.green_line {
  height: 30px;
}
#body.home .home_section >.side{
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  top: 0em;
  width: 25em;
}
/* Selection */
#body.home .home_section >.side.left{
  background-image: url('/img/Home/side1.jpg');
  background-position: 100%;
  left: 0em;
}
#body.home .selection >.side.right{
  background-image: url('/img/Home/side4.jpg');
  background-position: 0%;
  right: 0em;
}
#body.home .home_section h1{
  top: -1em;
}
#body.home .home_section h1 span >span{
  font-size: 0.6em;
  margin: 0em auto;
  white-space: nowrap;
  width: 100%;
}

#body.home .links{
  position: relative;
  text-align: center;
}
#body.home .links a{
  color: #ff7f27;
  font-size: 1.5em;
  font-weight: 700;
  margin: 0em 3em;
  text-decoration: none;
}

.img-fit {
  object-fit: scale-down;
  max-width: 100%;
}

div.intro-card-contained{
  max-width: 1280px;
}

/* Satisfaction */
#body.home .satisfaction{
  background-color: #ece7de;
  padding: 4em 0em;
}
#body.home .satisfaction >div{
  margin: 0em auto;
}
#body.home .satisfaction noscript{
  text-align: center;
}
#body.home .satisfaction noscript >p.link >*{
  vertical-align: middle;
}
#body.home .satisfaction noscript img{
  margin-right: 2em;
}
#body.home >div.selection >div.links >a >span.button {
  padding:5px;
  background-color: #555;
  border-radius:5px;
  color:#fff;
  border-color: #ff7f27;
  border-width: 5px;
  font-weight: normal;
}

/* My equipment context menu */
#menu-equipment{
	background-color: #fff;
	display: none;
	max-height: 30em;
	right: 0em;
	top: 2.5em;
	width: 50em;
}

/* Informational */
#menu-equipment >.information{
	overflow: hidden;
	padding: 1em;
	text-align: center;
}
#menu-equipment >.information a{
	color: #ff7f27;
	text-decoration: none;
}

/* Items */
#menu-equipment >.items{
	background-color: #f6f2ef;
	display: none;
	margin: 0.5em;
	overflow: auto;
}
#menu-equipment >.items >.empty p{
	display: inline-block;
	font-size: 1.3em;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
#menu-equipment >.equipment >.items{
}

/* Controls */
#menu-equipment >.controls{
	height: 3em;
	overflow: hidden;
	text-align: center;
}
#menu-equipment >.controls a{
	color: #ff7f27;
	margin: 0em 1em;
	padding: 1em 0em;
	text-decoration: none;
	vertical-align: middle;
}

div#shop-cart-summary {
  display: none;
  max-width: 720px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  box-shadow: 0.25em 0.25em 1em #000;
}
div#shop-cart-summary > form[name="messages"] {
  margin: 1em;
  padding: 1em;
  background-color: #fff3cd;
  border: 1px solid #999;
  border-radius: 0.25rem;
}
div#shop-cart-summary > form[name="messages"] ul{
  list-style: none;
  padding: 0;
}
div#shop-cart-summary > form[name="messages"] button[type="submit"]{
  display: block;
}
div#shop-cart-summary > div.content > div.cart .item > div.thumb > a > img {
  width: 100%;
  max-height: 130px;
  object-fit: scale-down;
}
div#shop-cart-summary > div.content > div.cart .item > .shop > div > div > form[name="update"] > input[name="quantity"]{
	max-width:4.5rem;
}
div#shop-cart-summary > div.content > div.cart .item > .price > div > .regular {
  color: #999;
  text-decoration: line-through;
}

div#shop-cart-summary > div.content > div.impulse > hr {
  width: 20%;
  height: 2px;
  color: #999;
  margin: 2em auto;
}

div#shop-cart-summary > div.content > div.impulse .item .thumb > img {
  width: 100%;
  max-height: 130px;
  object-fit: scale-down;
}
div#shop-cart-summary > div.content > div.impulse .item .price p.regular {
  color: #999;
  text-decoration: line-through;
}
div#shop-cart-summary > div.content > div.impulse .item form[name="add"] {
  white-space: nowrap;
}
div#shop-cart-summary > div.content > div.impulse .item form[name="add"] button[type="submit"] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
div#nav-menu {
  display: none;
  background-color: white;
  z-index: 10;
  position: absolute;
  top: 3em;
  right: 3em;
  width: auto;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
div#nav-menu p {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* Save equipment or bin context menu */
#menu-save-product{
  background-color: #fff;
  display: none;
  max-height: 30em;
  right: 0em;
  width: 25em;
}

/* Search suggestion context menu */
.pt-search-suggest-menu{
  background-color: white;
  list-style: none;
  padding: 0;
}

@media (max-width: 575.98px) {
  .pt-search-suggest-menu{
    width: 95%;
  } 
}
@media (min-width: 576px) {
  .pt-search-suggest-menu{
    width: 47%;
  } 
}

.pt-search-suggest-menu li{
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}

.pt-search-suggest-menu li:hover{
  background-color: #ece7de;
  cursor: pointer;
}

.pt-search-suggest-menu p{
  color: #00954d;
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.pt-search-suggest-menu p.title{
  font-weight: 900;
}

form.password-visibility {

}

form.password-visibility div.caps-warning {
  display: none;
  color: red;
}

form.password-visibility span.toggle-password {
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
  float: right;
  bottom: 1.75em;
  right: 0.75em;
}

form .field {
  position: relative;
}
#body.account-login form .field {
  position: relative;
}

/* Login */
#body.account-login > .card > .card-body > div > .card > .card-body > form[name="login"] .field.forgot-pass a{
  font-size: 0.9em;
}

/* Register */
#body.account-login > .card > .card-body > div > .card > .card-body > form[name="register"] .field.recaptcha{
  margin-top: 2em;
  text-align: center;
}

#body.account-login > .card > .card-body > div > .card > .card-body > form[name="register"] .field.recaptcha .pt-fadetip{
  display: block;
  margin: 0em auto;
  width: 50%;
}

#body.account-forgot-pass form[name="reset"] div.field {
  position: relative;
}
/* Temporary */
#body.account-account >.account >.equipment{
  display: none;
}

/* Header */
#body.account-account > .card > h1{
  color: #000;
}

/* Account */


/* Content */

/* Floating help */
/*
#body.account-account >.help{
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  padding-left: 2em;
  vertical-align: top;
  width: 25%;
}
#body.account-account >.help p.label{
  color: #00954e;
  font-size: 1.1em;
}
#body.account-account >.help a{
  color: inherit;
  display: block;
  margin: 0.5em 0em;
  text-decoration: none;
}
#body.account-account >.help form button[type="submit"]{
  margin-top: 1em;
}
#body.account-account >.help form button[type="submit"]{
  width: 80%;
}
#body.account-account > .card > .card-body > div > div > .account > .settings > form[name="password"] >.form-group > .field.show-pass a{
  font-size: 0.9em;
}
*/

#body.account-account form[name="password"] .input-group span.toggle-password {
  bottom: 0.75em;
  position: absolute;
  z-index: 3;
  right: 5.5em;
}

#body.account-account form[name="email"] > .form-group > .input-group > input[name="email"] {
  min-width: 190px;
}

/* Addresses */
#body.account-addresses .addresses .address {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
#body.account-addresses .addresses .address.editing .new-content {
  display: block;
}
/* Header */
#body.account-carts >h1{
  background-color: #555;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0em;
  padding: 0.8em;
}
#body.account-carts >h1 span.arrow{
  font-family: FontAwesome;
}

/* Unauthenticated informational */
#body.account-carts >.unauthenticated{
  background-color: #ece7de;
  background-image: url('/img/Home/start-here.png');
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  display: block;
  height: 414px;
  margin: 0em auto;
  margin-bottom: 2px;
  max-width: 1024px;
  min-height: 30em;
  overflow: hidden;
  text-align: center;
}
#body.account-carts >.unauthenticated >div{
  background-color: rgba(0, 0, 0, 0.5);
  margin: 7em auto;
  padding: 1em;
}
#body.account-carts >.unauthenticated >div p{
  color: #fff;
  font-size: 1.3em;
  margin: 1em;
}
#body.account-carts >.unauthenticated >div a{
  color: #ff7f27;
  text-decoration: none;
}

/* Empty */
#body.account-carts >.authenticated >.empty{
  display: block;
}
#body.account-carts >.authenticated >.empty >p{
  padding: 5em 0em;
  text-align: center;
}

/* Cart list */
#body.account-carts >.authenticated >.carts{
  display: block;
  margin: 0em auto;
  margin-top : 1em;
  max-width: 1024px;
  overflow: hidden;
}

/* Cart */
#body.account-carts >.authenticated >.carts >.cart{
  font-style: normal;
  margin-bottom: 2px;
  overflow: hidden;
  position: relative;
}

/* Summary */
#body.account-carts >.authenticated >.carts >.cart >.summary{
  background-color: #fff;
  overflow: hidden;
  position: relative;
}
#body.account-carts >.authenticated >.carts >.cart >.summary a{
  color: inherit;
  height: 100%;
  left: 0em;
  position: absolute;
  top: 0em;
  vertical-align: middle;
  width: 100%;
}
#body.account-carts >.authenticated >.carts >.cart >.summary >*{
  display: inline-block;
  padding: 1em;
  vertical-align: middle;
}
#body.account-carts >.authenticated >.carts >.cart >.summary >* p{
  margin: 0em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#body.account-carts >.authenticated >.carts >.cart >.summary >.expand span{
  font-family: FontAwesome;
  margin-left: 1em;
  vertical-align: middle;
}
#body.account-carts >.authenticated >.carts >.cart >.summary >.expand span.show{
  display: none;
}
#body.account-carts >.authenticated >.carts >.cart.editing >.summary >.expand span.show{
  display: inline-block;
}
#body.account-carts >.authenticated >.carts >.cart >.summary >.expand span.hide{
  display: inline-block;
}
#body.account-carts >.authenticated >.carts >.cart.editing >.summary >.expand span.hide{
  display: none;
}
#body.account-carts >.authenticated >.carts >.cart >.summary >div p.title{
  font-size: 1.3em;
}
#body.account-carts >.authenticated >.carts >.cart >.summary >div p.description{
  font-size: 1.1em;
}

/* Content */
#body.account-carts >.authenticated >.carts >.cart >.content{
  background-color: #fff;
  display: none;
  margin-bottom: 2px;
  overflow: hidden;
  position: relative;
}
#body.account-carts >.authenticated >.carts >.cart.editing >.content{
  display: block;
}
#body.account-carts >.authenticated >.carts >.cart >.content >form[name="cart"] >table{
  font-size: 1em;
  margin: 0em auto;
}
#body.account-carts >.authenticated >.carts >.cart >.content >form[name="cart"] >table tr td{
  padding: 0.5em 0em;
}
#body.account-carts >.authenticated >.carts >.cart >.content >form[name="cart"] >table tr td:nth-child(1){
  padding-right: 1em;
  text-align: right;
}
#body.account-carts >.authenticated >.carts >.cart >.content >form[name="cart"] >.error{
  margin: 0em auto;
  width: 60%;
}
#body.account-carts >.authenticated >.carts >.cart >.content >form[name="cart"] >.controls{
  margin: 1em;
  text-align: center;
}
#body.account-carts >.authenticated >.carts >.cart >.content >form[name="cart"] >.controls >a.cancel{
  background-color: #ece7de;
  border: none;
  border-radius: 5px;
  color: inherit;
  outline: none;
  overflow: hidden;
  padding: 0.75em 2em;
  text-decoration: none;
}
#body.account-carts >.authenticated >.carts >.cart >.content >form[name="cart"] >.controls >*{
  display: inline-block;
  vertical-align: middle;
}

/* New cart button */
#body.account-carts >.authenticated >.carts >.new >.new{
  margin: 1em auto;
  text-align: center;
}


/* Cart (always list) */
.pt-cart{
  margin-top: 1em;
  vertical-align: top;
}

/* Tab */
.pt-cart >.tab{
  border-bottom: 5px solid #00954e;
  height: 3.5em;
  margin-bottom: 2px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}
.pt-cart >.tab >*{
  display: table;
  height: 100%;
  overflow: hidden;
  position: absolute;
}
.pt-cart >.tab >* >*{
  display: table-cell;
  vertical-align: middle;
}
.pt-cart >.tab >.name{
  left: 0em;
  width: 50em;
}
.pt-cart >.tab >.name >div{
  background-color: #00954e;
  border-top-left-radius: 5px;
  height: 100%;
  vertical-align: bottom;
  width: 100%;
}
.pt-cart >.tab >.name::after{
  background-image: url('/img/green-tab.png');
  background-repeat: no-repeat;
  background-size: 2em 100%;
  content: "";
  display: inline-block;
  height: 100%;
  width: 2em;
}
.pt-cart >.tab >.name a.expand{
  color: #fff;
  font-size: 1.3em;
  font-weight: bold;
  margin: 0em 1em;
  text-decoration: none;
}
.pt-cart >.tab >.name input[name="name"]{
  background-color: transparent;
  border: none;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.3em;
  height: 90%;
  outline-width: 0em;
  width: 32em;
}
.pt-cart >.tab >.name button[value="update-cart"]{
  background: none;
  border: none;
  color: #eee;
  cursor: pointer;
  font-size: 1.5em;
}
.pt-cart >.tab >.summary{
  left: 50em;
  right: 10em;
}
.pt-cart >.tab >.summary p{
  margin: 0em;
}
.pt-cart >.tab >.actions{
  right: 0em;
  text-align: right;
  width: 10em;
}
.pt-cart >.tab >.actions button{
  background: none;
  border: none;
  color: #555;
  cursor: pointer;
  font-size: 1.5em;
  margin: 0em 0.25em;
}

/* Items list */
.pt-cart >.items{
  background-color: #f6f2ef;
  overflow: hidden;
  position: relative;
}
.pt-cart >.items .empty{
  display: none;
}
.pt-cart >.items.empty .empty{
  font-size: 1.1em;
  font-style: italic;
  text-align: center;
}


/* Empty */
#body.account-orders > div > .card > .card-body > .empty{
  border-radius: 0.5em;
  margin: 0em auto;
  margin-bottom: 1em;
  padding: 1em;
  width: 40em;
}

/* Orders */
#body.account-orders > div > .card > .card-body > .orders{
  display: block;
  overflow: hidden;
  position: relative;
}
#body.account-orders > div > .card > .card-body > .orders > .order{
  font-style: normal;
  overflow: hidden;
  position: relative;
}
#body.account-orders > div > .card > .card-body > .orders > .order > .summary{
  overflow: hidden;
  position: relative;
}
#body.account-orders > div > .card > .card-body > .orders > .order > .summary >* p{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#body.account-orders > div > .card > .card-body > .orders > .order > .summary .expand span{
  font-family: FontAwesome;
}
#body.account-orders > div > .card > .card-body > .orders > .order > .summary .expand span.show{
  display: none;
}
#body.account-orders > div > .card > .card-body > .orders > .order.editing >.summary .expand span.show{
  display: inline-block;
}
#body.account-orders > div > .card > .card-body > .orders > .order > .summary .expand span.hide{
  display: inline-block;
}
#body.account-orders > div > .card > .card-body > .orders > .order.editing > .summary .expand span.hide{
  display: none;
}
#body.account-orders > div > .card > .card-body > .orders > .order > .summary .status >*{
  vertical-align: middle;
}
#body.account-orders > div > .card > .card-body > .orders > .order > .summary .status span.icon{
  font-family: FontAwesome;
  font-size: 1.5em;
}
#body.account-orders > div > .card > .card-body > .orders > .order > .summary .status span.icon.pending{
  color: #00f;
}
#body.account-orders > div > .card > .card-body > .orders > .order > .summary .status span.icon.pt-alert{
  color: #ff7f27;
}
#body.account-orders > div > .card > .card-body > .orders > .order > .summary .status span.icon.shipping{
  color: #00954e;
}
#body.account-orders > div > .card > .card-body > .orders > .order > .summary .status span.icon.complete{
  color: #00954e;
}
#body.account-orders > div > .card > .card-body > .orders > .order > .summary .status span.icon.canceled{
  color: #999;
}
#body.account-orders > div > .card > .card-body > .orders > .order > .content{
  background-color: #fff;
  display: none;
  overflow: hidden;
  padding: 1em 0em;
  position: relative;
}
#body.account-orders > div > .card > .card-body > .orders > .order.editing > .content{
  display: block;
}
#body.account-orders > div > .card > .card-body > .orders > .order > .content > .items{
  margin-left: 7em;
}
#body.account-orders > div > .card > .card-body > .orders > .order > .content > .items >*{
  border: none;
}
#body.account-orders > div > .card > .card-body > .orders > .order > .content > .controls{
  text-align: right;
}
#body.account-orders > div > .card > .card-body > .orders > .order > .content > .controls a{
  margin-right: 1em;
}
#body.account-orders > div > .card > .card-body > .orders > .order > .content > .controls a > span.arrow{
  font-family: FontAwesome;
}

/* Pagination */
#body.account-orders > div > .card > .card-body > .pagination{
  text-align: center;
}
#body.account-orders > div > .card > .card-body > .pagination span.page{
  margin: 0em 2em;
}
#body.account-orders > div > .card > .card-body > .pagination >*{
  vertical-align: middle;
}
#body.account-orders > div > .card > .card-body > .orders .more{
  padding: 1em;
  position: relative;
}

/* Product */
#body.account-orders > div > .card > .card-body > .orders > .order > .content > .items > .pt-product-order{
  background-color: #fff;
  /*display: block;*/
  position: relative;
  /*white-space: nowrap;*/
  width: 100%;
}
#body.account-orders > div > .card > .card-body > .orders > .order > .content > .items > .pt-product-order >div{
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  padding: 0.5em;
  position: relative;
  vertical-align: middle;
}
/*.pt-product >div >*{
  display: inline-block;
  vertical-align: middle;
}*/

/* Thumb */
#body.account-orders > div > .card > .card-body > .orders > .order > .content > .items > .pt-product-order >div.thumb{
  text-align: center;
  width: 10%;
}
#body.account-orders > div > .card > .card-body > .orders > .order > .content > .items > .pt-product-order >div.thumb a{
  height: 100%;
  left: 0em;
  position: absolute;
  top: 0em;
  width: 100%;
}
#body.account-orders > div > .card > .card-body > .orders > .order > .content > .items > .pt-product-order >div.thumb img{
  max-height: 5em;
  max-width: 95%;
}

/* Payments */
#body.account-payments .payments .payment{
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
#body.account-payments .payments .payment .field input[type="text"] {
  min-width: 2.5rem;
}
#body.account-payments .payments .payment.editing .new-content{
  display: block;
}
/* Variants menu */
#menu-variants{
  display: none;
}
.ui-dialog[aria-describedby="menu-variants"]{
  background: #fff;
  border: none;
  border-radius: 0em;
  box-shadow: 0em 0em 1em #000;
  overflow: initial;
}
.ui-dialog[aria-describedby="menu-variants"] .ui-dialog-titlebar{
  border: none;
  padding: 0em;
  z-index: 1;
}
.ui-dialog[aria-describedby="menu-variants"] .ui-dialog-titlebar .ui-dialog-title{
  display: none;
}
.ui-dialog[aria-describedby="menu-variants"] .ui-dialog-titlebar .ui-dialog-titlebar-close{
  background: #333;
  border: none;
  border-radius: 15px;
  right: 0em;
  margin: -15px -15px 0 0;
  height: 30px;
  width: 30px;
}
.ui-dialog[aria-describedby="menu-variants"] .pt-dialog-variants p.title{
  font-size: 1.7em;
  margin: 0.5em 0em;
}
.ui-dialog[aria-describedby="menu-variants"] .pt-dialog-variants p.description{
  font-size: 1.5em;
  margin: 0.5em 0em;
}
.ui-dialog[aria-describedby="menu-variants"] .pt-dialog-variants p.label{
  border-bottom: 1px solid #999;
  color: #999;
  margin-top: 2em;
  padding-bottom: 0.25em;
}
.ui-dialog[aria-describedby="menu-variants"] .pt-dialog-variants ul{
  padding: 0em;
}
.ui-dialog[aria-describedby="menu-variants"] .pt-dialog-variants ul li{
  list-style-type: none;
  margin: 0.5em;
}
.ui-dialog[aria-describedby="menu-variants"] .pt-dialog-variants ul li a{
  color: #ff7f27;
  font-size: 1.3em;
  outline: none;
  text-decoration: none;
}

.catalog-search{
  padding-top: 3.5px;
}
/* Header  */
#body.catalog-search > .start-here > div > .search > h1, #body.catalog-search > .start-here > div > .search {
  padding: 0.25rem;
}
#body.catalog-search > .start-here > div > .search > h1, #body.catalog-search > .start-here > div > .search >h2{
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 0.25rem;
  box-sizing: border-box;
  display: inline-block;
  margin-top: 5%;
  margin-right: 1%;
  margin-bottom: 5%;
  overflow: hidden;
  padding: 0.25rem;
  position: relative;
  float: left;
  vertical-align: middle;
}
#body.catalog-search >h1 span.count, #body.catalog-search >h2 span.count{
  /*color: #00954e;*/
  color: grey;
}
#body.catalog-search >h1 span.grey{
  /*color: #00954e;*/
  color: grey;
}
#body.catalog-search > .start-here > div > .genuinelogo {
  vertical-align:middle;
  min-width:100px;
}
#body.catalog-search > .start-here > div > .genuinelogo >span{
height: 100%;
}


#body.catalog-search > .start-here > div > .genuinelogo img{
max-width: 92%;
}

/* Main form */
#body.catalog-search >.start-here{
  background-image: url('/img/Catalog/brand-bg.jpg');
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0em auto;
  max-width: 1280px;
  max-height: 250px;
  overflow: hidden;
  position: relative;
  text-align: center;
}
#body.catalog-search >.start-here >.background{
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0em;
  position: absolute;
  top: 0em;
  width: 100%;
}

#body.catalog-search > .start-here > div > .genuinelogo .genuineimg {
  background-image: url('/img/Catalog/genuine.png');
  background-size: cover;
  }
#body.catalog-search > .start-here > div > .genuine{
  background-image: url('/img/Catalog/genuine.png');
  background-size: cover;
  display: inline-block;
  height: 13.75em;
  margin-top: 2em;
  position: relative;
  float: left;
  margin-left: 2em;
  text-align: center;
  vertical-align: top;
  width: 14em;
}
#body.catalog-search >.start-here >.genuine >*{
  display: inline-block;
  vertical-align: middle;
}
#body.catalog-search >.start-here >.genuine >span{
  height: 100%;
}
#body.catalog-search >.start-here >.genuine >img{
  max-height: 5.5em;
  max-width: 95%;
}
#body.catalog-search .model img.img-fit{
  max-height: 3.25em;
}
#body.catalog-search > .start-here > .search{
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 0.25rem;
  box-sizing: border-box;
  display: inline-block;
  margin-top: 5%;
  margin-right: 1%;
  margin-bottom: 5%;
  overflow: hidden;
  padding: 1.2rem;
  position: relative;
  float: left;
  vertical-align: middle;
}
#body.catalog-search > .start-here > .search >h1{
  margin: 0em;
  margin-bottom: 0.5rem;
  text-align: center;
}


/* Form */
#body.catalog-search input[name="quantity"]{
  max-width: 4.5em;
}

#body.catalog-search form[name="search"] .facet.selected select{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  color: #00954e;
}
#body.catalog-search form[name="search"] .facet.selected select::-ms-expand{
  display: none;
}
#body.catalog-search form[name="search"] .facet a{
  display: none;
}
#body.catalog-search form[name="search"] .facet{
  max-height: 2.5rem;
}
  #body.catalog-search form[name="search"] .facet.selected a{
  background-color: #333;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-family: FontAwesome;
  height: 1.2em;
  line-height: 1.2em;
  overflow: hidden;
  position: relative;
  float: right;
  right: 0em;
  text-align: center;
  text-decoration: none;
  top: -3em;
  width: 1.2em;
}

/* make filter limited on mobile and scroll */
@media (max-width: 767px) {
  #body.catalog-search #filters-col #filter-body {
    overflow-y: scroll;
    max-height: 12.3rem;
  }
}

/* Empty */
#body.catalog-search .empty{
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 0.5em;
  display: block;
  margin: 0em auto;
  margin-bottom: 1em;
  padding: 0.5em;
  /*width: 50em;*/
}

/* Results */
#body.catalog-search .results.narrow{
  box-sizing: border-box;
  margin-bottom: 1em;
  margin: 0em auto;
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 1280px;
}
#body.catalog-search .results{
  box-sizing: border-box;
  margin-bottom: 1em;
  margin: 0em auto;
  overflow: hidden;
  /*padding: 1em;*/
  position: relative;
  width: 100%;
}
#body.catalog-search >.results >.pt-product{
  border-bottom: 1px solid #ece7de;
}

/* Pagination */
#body.catalog-search >.pagination{
  text-align: center;
}
#body.catalog-search >.pagination >span.page{
  margin: 0em 2em;
}
#body.catalog-search >.pagination >*{
  vertical-align: middle;
}
#body.catalog-search >.results >.more{
  padding: 1em;
  position: relative;
}

#body.catalog-search >.models{
  margin: 0em auto;
  margin-bottom: 0.8em;
  position: relative;
  width: 100%;
  max-width: 1280px;
}

#body.catalog-search > #search-results-card > .card-body > #results-col > .pt-product > .price-avail-shop-data > .price > .product > .regular {
  color: #999;
  text-decoration: line-through;
}

#body.catalog-search > #search-results-card > .card-body > #results-col > .pt-product > .price-avail-shop-data > .shop > form[name="add"] {
  margin-left:auto; 
  margin-right:0;
  width: 100%;
  display: block;
}

#body.catalog-search > #search-results-card > .card-body > #results-col > .pt-product > .pt-details > div.thumb > img {
  width: 100%;
  max-height: 240px;
  object-fit: scale-down;
}
/* Header */
#body.catalog-multisearch >h1{
  background-color: #555;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0em;
  padding: 0.8em;
}

/* Input */
#body.catalog-multisearch >.input{
  text-align: center;
}
#body.catalog-multisearch >.input p.title{
  font-size: 1.7em;
}
#body.catalog-multisearch >.input p.title span.icon{
  font-family: FontAwesome;
}
#body.catalog-multisearch >.input >form >.input-method{
  background-color: #fff;
  display: inline-block;
  min-height: 20em;
  margin: 0em 1em 2em 1em;
  vertical-align: top;
  width: 35em;
}
#body.catalog-multisearch >.input >form >.input-method >p.title{
  font-size: 1.5em;
}
#body.catalog-multisearch >.input >form >.input-method >p.title span{
  vertical-align: middle;
}
#body.catalog-multisearch >.input >form >.input-method >p.title span.pt-fa-font{
  color: #999;
  font-size: 2.5em;
}

/* File input */
#body.catalog-multisearch >.input >form >.input-method.file a{
  font-size: 1.1em;
}
#body.catalog-multisearch >.input >form >.input-method.file form{
  margin: 2em 0em;
}
#body.catalog-multisearch >.input >form >.input-method.file p.note{
  color: #999;
  font-size: 0.8em;
  margin-top: 2em;
}

/* Text input */
#body.catalog-multisearch >.input >form >.input-method.text p.columns{
  color: #999;
  font-size: 0.8em;
  margin: 0em 0em 0.5em 1.5em;
  text-align: left;
}
#body.catalog-multisearch >.input >form >.input-method.text textarea{
  height: 6em;
  width: 95%;
}

/* Results */
#body.catalog-multisearch >.results{
}
#body.catalog-multisearch >.results .summary{
  background-color: #fff;
  height: 7em;
  overflow: hidden;
  margin: 1em;
  position: relative;
}
#body.catalog-multisearch >.results .summary >span{
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
#body.catalog-multisearch >.results .summary p.count{
  display: inline-block;
  font-size: 1.5em;
  margin-left: 1em;
  vertical-align: middle;
}
#body.catalog-multisearch >.results .summary p.count span.valid{
  color: #00954e;
}
#body.catalog-multisearch >.results .summary a.invalid-link{
  border: 2px solid #ece7de;
  border-radius: 5px;
  color: #ff7f2f;
  margin-left: 5em;
  padding: 0.5em 1em;
  text-decoration: none;
}
#body.catalog-multisearch >.results .summary .add-to-cart{
  height: 100%;
  position: absolute;
  right: 0em;
  top: 0em;
  width: 17em;
}
#body.catalog-multisearch >.results .summary .add-to-cart >span{
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
#body.catalog-multisearch >.results .summary .add-to-cart .link{
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
#body.catalog-multisearch >.results .summary .add-to-cart .link >a >span{
  background-color: #ff7f2f;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #fff;
  display: inline-block;
  height: 3em;
  line-height: 3em;
  padding-left: 1em;
  padding-right: 0.5em;
  vertical-align: middle;
}
#body.catalog-multisearch >.results .summary .add-to-cart .link a::after{
  border-color: transparent #ff7f2f;
  border-style: solid;
  border-width: 1.5em 0em 1.5em 1em;
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1.2em;
}
#body.catalog-multisearch >.results .columns{
  color: #999;
  margin: 0.5em 1em;
  overflow: hidden;
  position: relative;
}
#body.catalog-multisearch >.results .columns span.term{
  box-sizing: border-box;
  display: inline-block;
  padding-left: 1em;
  width: 40%;
}
#body.catalog-multisearch >.results .columns span.results{
  box-sizing: border-box;
  display: inline-block;
  padding-left: 1em;
  width: 50%;
}
#body.catalog-multisearch >.results .columns span.quantity{
  box-sizing: border-box;
  display: inline-block;
  padding-left: 1em;
}
#body.catalog-multisearch >.results .list{
  margin: 1em;
}

/* Invalid result */
#body.catalog-multisearch >.results >.list >.result.invalid{
}
#body.catalog-multisearch >.results >.list >.result.invalid >.part-number p.index span.index{
  background-color: #999;
}




/* Styles for all multiproducts */
.pt-multiproduct{
  height: 6em;
  margin-bottom: 2px;
  overflow: hidden;
  position: relative;
}
.pt-multiproduct >.term span.index{
  background-color: #999;
  border-radius: 2em;
  color: #fff;
  display: inline-block;
  height: 2em;
  line-height: 2em;
  margin: 1em;
  text-align: center;
  width: 2em;
}
.pt-multiproduct.valid >.term span.index{
  background-color: #00954e;
}
.pt-multiproduct >.results select{
  display: none;
}
.pt-multiproduct.multi >.results select{
  display: inline-block;
}
.pt-multiproduct >.results span.invalid{
  display: none;
}
.pt-multiproduct.invalid >.results span.invalid{
  color: #555;
  display: inline-block;
  font-style: italic;
}
.pt-multiproduct >.results span.valid{
  display: none;
}
.pt-multiproduct.valid >.results span.valid{
  display: inline-block;
}
.pt-multiproduct >.quantity input[name="quantity"]{
  width: 4.5rem;
}
.pt-multiproduct.unavailable >.quantity input[name="quantity"]{
  display: none;
}

/* Default list style */
.pt-multiproduct >*{
  background-color: #fff;
  border-right: 2px solid #ece7de;
  box-sizing: border-box;
  display: table;
  height: 100%;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}
.pt-multiproduct >* >*{
  display: table-cell;
  vertical-align: middle;
}
.pt-multiproduct >.term{
  left: 0em;
  width: 40%;
}
.pt-multiproduct >.results{
  left: 40%;
  padding-left: 1em;
  width: 50%;
}
.pt-multiproduct >.results select{
  width: 90%;
}
.pt-multiproduct >.quantity{
  text-align: center;
  right: 0em;
  width: 10%;
}
#body.catalog-multisearch .add-to-cart {
  width: 100%;
}

/* Header */
#body.catalog-brands > .start-here{
  background-image: url('/img/Catalog/brand-bg.jpg');
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0em auto;
  width: 100%;
  max-height: 250px;
  overflow: hidden;
  position: relative;
  text-align: center;
}
#body.catalog-brands > .start-here > .row >.search{
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 0.25rem;
  box-sizing: border-box;
  display: inline-block;
  margin-top: 5%;
  margin-right: 1%;
  margin-bottom: 5%;
  overflow: hidden;
  padding: 1.2rem;
  position: relative;
  float: left;
  vertical-align: middle;
}
#body.catalog-brands > .start-here > .row >.search > h1{
  margin: 0em;
  margin-bottom: 0.5rem;
  text-align: center;
}

#body.catalog-brands > .start-here > .row >.search > h1{
  background-color: #555;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0em;
  padding: 0.8em;
}

/* Filter */
/*
#body.catalog-brands .filter{
  background-color: #555;
  display: none;
  overflow: hidden;
}
#body.catalog-brands .filter p{
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin: 0px;
  padding: 0.75em 0em;
  text-align: center;
  vertical-align: top;
  width: 3.575%;
}
#body.catalog-brands .filter p.all{
  width: 7%;
}
#body.catalog-brands .filter p.selected{
  background-color: #00954e;
}
*/

/* Brands */
#body.catalog-brand >.content >.brands{
  background-color: #fff;
  float: left;
}
#body.catalog-brands p.label{
  background-color: #fff;
  border-bottom: 1px solid #aaa;
  color: #aaa;
  margin: 2em 1em 0em 1em;
  padding-bottom: 0.7em;
}
#body.catalog-brands .brands .empty{
  display: none;
}
#body.catalog-brands .brands.empty .empty{
  display: block;
  padding: 2em;
  text-align: center;
}

.genuinelogo img{
  max-width: 92%;
  max-height: 40%;
}
/* Header */
#body.catalog-categories > .start-here{
  background-image: url('/img/Catalog/category-bg.jpg');
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0em auto;
  width: 100%;
  max-height: 250px;
  overflow: hidden;
  position: relative;
  text-align: center;
}

#body.catalog-categories > .start-here > .row >.search{
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 0.25rem;
  box-sizing: border-box;
  display: inline-block;
  margin-top: 5%;
  margin-right: 1%;
  margin-bottom: 5%;
  overflow: hidden;
  padding: 1.2rem;
  position: relative;
  float: left;
  vertical-align: middle;
}
#body.catalog-categories > .start-here > .row >.search >h1{
  margin: 0em;
  margin-bottom: 0.5rem;
  text-align: center;
}

#body.catalog-categories > .start-here > .row >.search  >h1{
  background-color: #555;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0em;
  padding: 0.8em;
}

/* Filter */
#body.catalog-categories .filter{
  background-color: #555;
  display: none;
  overflow: hidden;
}
#body.catalog-categories .filter p{
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin: 0px;
  padding: 0.75em 0em;
  text-align: center;
  vertical-align: top;
  width: 3.575%;
}
#body.catalog-categories .filter p a{
  color: inherit;
}
#body.catalog-categories .filter p.all{
  width: 7%;
}
#body.catalog-categories .filter p.selected{
  background-color: #00954e;
}

/* Categories */
#body.catalog-category >.content{
  /* margin: 0em auto; */
  /* margin-top: 1em; */
  /* max-width: 1280px; */
  /* font-size: 1.6em; */
  /* display: block; */
}
#body.catalog-category.eq-brands >.content{
  /* margin: 0em auto; */
  /* max-width: 1280px; */
  /* font-size: 1.6em; */
  /* display: block; */
}
#body.catalog-category >.content >.categories{
  /* margin-right: 1%; */
  /* float: left; */
  /* height: 100%; */
}
#body.catalog-categories p.label{
  /* background-color: #fff; */
  /* border-bottom: 1px solid #aaa; */
  /* color: #aaa; */
  /* margin: 2em 1em 0em 1em; */
  /* padding-bottom: 0.7em; */
}

#body.catalog-categories .categories .empty{
  display: none;
}
#body.catalog-categories .categories.empty .empty{
  display: block;
  padding: 2em;
  text-align: center;
}

/* Category tile */


#body.catalog-brand {
}

/* Main form */
#body.catalog-brand >.start-here{
  position: relative;
  overflow: hidden;
  max-height: 16em;
  width: 100%;
  padding: 1em;
  background-image: url('/img/Catalog/brand-bg.jpg');
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  gap: 0.5em;
}

#body.catalog-brand >.start-here .background{
  position: absolute;
  overflow: hidden;
  height: 100%;
  width: 100%;
  top: 0em;
  left: 0em;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}

#body.catalog-brand >.start-here .genuinelogo {
  flex: 0 0 10em;
  position: relative;
  overflow: hidden;
  height: 10em;
  width: 10em;
  background-image: url('/img/Catalog/genuine.png');
  background-size: cover;
  text-align: center;
}
#body.catalog-brand >.start-here .genuinelogo img {
  margin-top: 50%;
  width: 100%;
  transform: translate(0, -50%);
}

#body.catalog-brand >.start-here h1{
  flex: 0 1 auto;
  position: relative;
  padding: 0.75em;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.75);
  font-size: 1.6em;
  color: #fff;
  border-radius: 0.25rem;
  max-width: 78%;
}

#body.catalog-brand >.start-here form {
  flex: 0 1 auto;
  display: flex;
  position: relative;
  overflow: hidden;
  padding: 0.5em;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 5px;
}
#body.catalog-brand >.start-here form input[name="term"] {
  border: 3pt solid #ff7f27;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  outline: none;
  font-size: 1.2em;
  width: 100%;
}
#body.catalog-brand >.start-here form button[type="submit"] {
  padding: 0 0.8em;
  background-color: #ff7f27;
  border: none;
  border-top-right-radius: 5px;  
  border-bottom-right-radius: 5px;
  outline: none;
  color: white;
  font-size: 1.25em;
}

/* Layout for smaller screens */
@media only screen and (max-width: 767px) {
  #body.catalog-brand >.start-here {
    flex-direction: row;
    align-items: center;
    max-height: initial;
  }
  #body.catalog-category >.start-here >* {
    min-width: 0;
  }
  #body.catalog-brand >.start-here .genuinelogo {
    flex: 0 0 7em;
    height: 7em;
    width: 7em;
  }
  #body.catalog-brand >.start-here h1 {
    flex: 1 1 7em;
  }
  #body.catalog-brand >.start-here form {
    width: 80%;
  }
}

#body.catalog-category {
}

/* Main form */
#body.catalog-category >.start-here{
  position: relative;
  overflow: hidden;
  max-height: 16em;
  width: 100%;
  padding: 1em;
  background-image: url('/img/Catalog/category-bg.jpg');
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  gap: 0.5em;
}

#body.catalog-category >.start-here .background{
  position: absolute;
  overflow: hidden;
  height: 100%;
  width: 100%;
  top: 0em;
  left: 0em;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}

#body.catalog-category >.start-here .genuinelogo {
  flex: 0 0 10em;
  position: relative;
  overflow: hidden;
  height: 10em;
  width: 10em;
  background-image: url('/img/Catalog/genuine.png');
  background-size: cover;
  text-align: center;
}
#body.catalog-category >.start-here .genuinelogo img {
  margin-top: 50%;
  width: 100%;
  transform: translate(0, -50%);
}

#body.catalog-category >.start-here h1 {
  flex: 0 1 auto;
  position: relative;
  padding: 0.75em;
  background-color: rgba(0, 0, 0, 0.75);
  font-size: 1.6em;
  color: #fff;
  border-radius: 0.25rem;
  max-width: 78%;
}

#body.catalog-category >.start-here form {
  flex: 0 1 auto;
  display: flex;
  position: relative;
  overflow: hidden;
  padding: 0.5em;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 5px;
}
#body.catalog-category >.start-here form input[name="term"] {
  border: 3pt solid #ff7f27;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  outline: none;
  font-size: 1.2em;
  width: 100%;
}
#body.catalog-category >.start-here form button[type="submit"] {
  padding: 0 0.8em;
  background-color: #ff7f27;
  border: none;
  border-top-right-radius: 5px;  
  border-bottom-right-radius: 5px;
  outline: none;
  color: white;
  font-size: 1.25em;
}

/* Layout for smaller screens */
@media only screen and (max-width: 767px) {  
  #body.catalog-category >.start-here {
    flex-direction: row;
    align-items: center;
    max-height: initial;
  }
  #body.catalog-category >.start-here >* {
    min-width: 0;
  }
  #body.catalog-category >.start-here .genuinelogo {
    flex: 0 0 7em;
    height: 7em;
    width: 7em;
  }
  #body.catalog-category >.start-here h1 {
    flex: 1 1 7em;
  }
  #body.catalog-category >.start-here form {
    width: 80%;
  }
}

#body.catalog-models{
}

/* Main form */
#body.catalog-models >.start-here{
  position: relative;
  overflow: hidden;
  max-height: 16em;
  width: 100%;
  padding: 1em;
  background-image: url('/img/Catalog/brand-bg.jpg');
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  gap: 0.5em;
}

#body.catalog-models >.start-here .background{
  position: absolute;
  overflow: hidden;
  height: 100%;
  width: 100%;
  top: 0em;
  left: 0em;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}

#body.catalog-models >.start-here .genuinelogo {
  flex: 0 0 10em;
  position: relative;
  overflow: hidden;
  height: 10em;
  width: 10em;
  background-image: url('/img/Catalog/genuine.png');
  background-size: cover;
  text-align: center;
}
#body.catalog-models >.start-here .genuinelogo img {
  margin-top: 50%;
  width: 100%;
  transform: translate(0, -50%);
}

#body.catalog-models >.start-here h1{
  flex: 0 1 auto;
  position: relative;
  padding: 0.75em;
  background-color: rgba(0, 0, 0, 0.75);
  font-size: 1.6em;
  text-align: center;
  color: #fff;
  border-radius: 0.25rem;
  max-width: 75%;
}

#body.catalog-models >.start-here form {
  flex: 0 1 auto;
  display: flex;
  position: relative;
  overflow: hidden;
  padding: 0.5em;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 5px;
}
#body.catalog-models >.start-here form input[name="term"] {
  border: 3pt solid #ff7f27;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  outline: none;
  font-size: 1.2em;
  width: 100%;
}
#body.catalog-models >.start-here form button[type="submit"] {
  padding: 0 0.8em;
  background-color: #ff7f27;
  border: none;
  border-top-right-radius: 5px;  
  border-bottom-right-radius: 5px;
  outline: none;
  color: white;
  font-size: 1.25em;
}

/* Form */
#body.catalog-models #filters-col {
  display: none;
}
#body.catalog-models input[name="quantity"]{
  max-width: 4.5em;
}

#body.catalog-models form[name="search"] .facet.selected select{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  color: #00954e;
}
#body.catalog-models form[name="search"] .facet.selected select::-ms-expand{
  display: none;
}
#body.catalog-models form[name="search"] .facet a{
  display: none;
}
#body.catalog-models form[name="search"] .facet{
  max-height: 2.5rem;
}
  #body.catalog-models form[name="search"] .facet.selected a{
  background-color: #333;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-family: FontAwesome;
  height: 1.2em;
  line-height: 1.2em;
  overflow: hidden;
  position: relative;
  float: right;
  right: 0em;
  text-align: center;
  text-decoration: none;
  top: -3em;
  width: 1.2em;
}

/* Empty */
#body.catalog-models .empty{
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 0.5em;
  display: block;
  margin: 0em auto;
  margin-bottom: 1em;
  padding: 0.5em;
  /*width: 50em;*/
}

/* Results */
#body.catalog-models .results.narrow{
  box-sizing: border-box;
  margin-bottom: 1em;
  margin: 0em auto;
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 1280px;
}
#body.catalog-models .results{
  box-sizing: border-box;
  margin-bottom: 1em;
  margin: 0em auto;
  overflow: hidden;
  /*padding: 1em;*/
  position: relative;
  width: 100%;
}
#body.catalog-models >.results >.pt-product{
  border-bottom: 1px solid #ece7de;
}

/* Pagination */
#body.catalog-models >.pagination{
  text-align: center;
}
#body.catalog-models >.pagination >span.page{
  margin: 0em 2em;
}
#body.catalog-models >.pagination >*{
  vertical-align: middle;
}
#body.catalog-models >.results >.more{
  padding: 1em;
  position: relative;
}

#body.catalog-models >.models{
  margin: 0em auto;
  margin-bottom: 0.8em;
  position: relative;
  width: 100%;
  max-width: 1280px;
}

#body.catalog-models > #search-results-card > .card-body > #results-col > .pt-product > .price-avail-shop-data > .price > .product > .regular {
    color: #999;
    text-decoration: line-through;
  }
  #body.catalog-models > #search-results-card > .card-body > #results-col > .pt-product > .price-avail-shop-data > .shop > form[name="add"] {
  margin-left:auto; 
  margin-right:0;
  width: 100%;
  display: block;
}

/* make filter limited on mobile and scroll */
@media (max-width: 767px) {
  #body.catalog-models >.start-here {
    flex-direction: row;
    align-items: center;
    max-height: initial;
  }
  #body.catalog-models >.start-here >* {
    min-width: 0;
  }
  #body.catalog-models >.start-here .genuinelogo {
    flex: 0 0 7em;
    height: 7em;
    width: 7em;
  }
  #body.catalog-models >.start-here h1 {
    flex: 1 1 7em;
  }
  #body.catalog-models >.start-here form {
    width: 80%;
  }

  #body.catalog-models #filters-col #filter-body {
    overflow-y: scroll;
    max-height: 12.3rem;
  }
}
/* make recommended parts small on small */
  #body.catalog-model > div > #recommended-card > .card-body > ul > li  {
    width: 200px;
  }
  #body.catalog-model > div > #recommended-card > .card-body > ul > li > .card > .card-footer {
    display: flex;
  }

/*
#body.catalog-model > div > #recommended-card > .card-body > ul > li > .recommended   a.product-title {
        color: #009554 !important;
    }

#body.catalog-model .product-thumbnail.thumbnail {
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: block;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
*/

#body.catalog-model > div > #recommended-card > .card-body > ul > li > .recommended > .shop > .pricing > .regular {
        color: #999;
        text-decoration: line-through;
      }
      
#body.catalog-model > div > #recommended-card > .card-body > ul > li > .recommended > .shop > .input-group > form[name="add"] {
  margin-left:auto; 
  margin-right:0;
  width: 100%;
  display: block;
}

#body.catalog-model .variants select {
    max-width: 100%;
  }
#body.catalog-model > div > #recommended-card > .card-body > ul > li > .recommended > .shop > .input-group > form[name="add"] button.btn-cta {
  background-color: #ff7d3c ;
  border: 0;
}
  
/* hide borders on sm for IPL list on model page */
@media (max-width: 575.98px) {
  #body.catalog-model > div > .ipls-card > .card-body > ul > li > .ipl-card{border: hidden;box-shadow: none }
  #body.catalog-model > div > .ipls-card > .card-body > ul > li > .ipl-card > .card-body h3.ipl-title {text-align:left ;margin-left:1em;}
  #body.catalog-model > div > .ipls-card > .card-body > ul > li > .ipl-card > .card-body h3.ipl-title::before {content: '\2022';
      display: inline-flex; width: 1em;
      margin-left: -1em;
      }
  }

@media (min-width: 576px) {
    #body.catalog-model > div > .ipls-card > .card-body > ul > li > .ipl-card  { width:260px; }
  }

#body.catalog-model > div > .ipls-card > .card-body > ul > li > .ipl-card > .thumb {
  width:100%;
  height:260px;
}#body.catalog-model > div > .ipls-card > .card-body > ul > li > .ipl-card > .thumb img{
  max-height:100%;
}
/*
#body.catalog-model .li-link {text-align:left ;margin-left:1em;}
#body.catalog-model .li-link::before {content: '\2022';
      display: inline-flex; width: 1em;
      margin-left: -1em;
}


#body.catalog-model div.part-thumbnail {
  position:absolute;
  top:5px;
  left:2px;
}
#body.catalog-model .product-thumbnail.thumb {
  max-width:16%;
  min-width:70px;
  background:#fff;
}


#body.catalog-model .qfield {
  max-width:3rem;
  padding:1px;
  margin:0;
}
 */  
#body.catalog-model div.model div.thumbnail img.logo{
  object-fit: scale-down;
  max-width: 100%;
}
#body.catalog-model div.model div.thumbnail {
  width: 180px;
}

@media (min-width: 750px) {
/* for grids */
  #body.catalog-model > div {
    display: grid;
    grid-template-columns: auto 260px;
  }
#body.catalog-model  #intro-card {
  grid-column: 1 / 3;
  width: 100%
}
#body.catalog-model  #recommended-card {
  grid-column: 2 / 3;
}
#body.catalog-model  #find-on-model {
  grid-column: 1 / 2;
}
#body.catalog-model  #variants-card {
  grid-column: 1 / 2;
}
#body.catalog-model  .ipls-card {
  grid-column: 1 / 2;
}
#body.catalog-model  #attachments-card {
  grid-column: 1 / 3;
  width: 100%
}
  #body.catalog-model #recommended-card > .pt-carousel > ul {
    overflow-x: hidden;
    overflow-y: auto;
    flex-flow: column;
     max-height: 1280px;
 }
  #body.catalog-model #recommended-card > .pt-carousel > ul > li {
    margin: 0 0 0.75em 0 !important;
  }
  #body.catalog-model #recommended-card > .card-body > .arrow.prev,
  #body.catalog-model #recommended-card > .card-body > .arrow.next {
    display: none;
  }
  #body.catalog-model #recommended-card > .card-body > ul > li  {
    margin: 0.75em auto auto auto;
  }
  #body.catalog-model  #recommended-card > .card-body > ul > li img {
    max-width: 120px;
  }
  #body.catalog-model  #recommended-card > .card-body > ul > li.recommended > .shop >  form[name="add"] button {
  flex-shrink: 1;
  }

}
#body.catalog-ipl > .model div.thumbnail img.logo{
  object-fit: scale-down;
  max-width: 100%;
}

#body.catalog-ipl > .ipl > div > .diagram > .pt-fadetip > div > .parts > div {
  margin-bottom: 0 !important; /* required */
}

#body.catalog-ipl > .ipl > div > .diagram > .pt-fadetip > div > .parts > .part > .pt-details{
  text-align: left;
}

#body.catalog-ipl > .ipl > div > .diagram > .pt-fadetip > div > .parts > .part > .close-button{
  top: -.5rem;
  right: -.2rem;
  cursor: pointer;
  z-index: 10;
}

#body.catalog-ipl > .ipl > div > .diagram > .pt-fadetip > div > .parts > .part > .close-button i{
  position: relative;
  cursor: pointer;
  z-index: 10;
}

#body.catalog-ipl > .ipl > div > .diagram > .pt-fadetip > div > .parts > .part > .price-avail-shop-data > div > .price > .product .regular {
  color: #999;
  text-decoration: line-through;
}

#body.catalog-ipl > .ipl > div > .diagram > .pt-fadetip > div > .parts > .part > .price-avail-shop-data > .shop > form[name="add"] {
  margin-left:auto; 
  margin-right:0;
  width: 100%;
  display: block;
}

#body.catalog-ipl > .ipl > div > #parts-list > .pt-product > .price-avail-shop-data > div > .price > .product .regular {
  color: #999;
  text-decoration: line-through;
}

#body.catalog-ipl > .ipl > div > #parts-list > .pt-product > .price-avail-shop-data > .shop > form[name="add"] {
  margin-left:auto; 
  margin-right:0;
  width: 100%;
  display: block;
}

/* My equipment */
#body.catalog-ipl form[name="my-equipment"]{
  margin-left: 0.3em;
  margin-top: 1em;
  text-align: left;
}
#body.catalog-ipl form[name="my-equipment"] button[type="submit"]{
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
}
#body.catalog-ipl form[name="my-equipment"] button[type="submit"] span{
  display: inline-block;
  vertical-align: middle;
}
#body.catalog-ipl form[name="my-equipment"] button[type="submit"] span.star{
  color: #ece7de;
  font-family: FontAwesome;
  font-size: 2em;
}
#body.catalog-ipl form[name="my-equipment"] button[type="submit"]:hover span.star{
  color: #ff7f27;
}

.start-display-none {
  display: none;
}

/* IPL */
#body.catalog-ipl >.ipl{
  overflow: hidden;
  position: relative;
}
#body.catalog-ipl >.ipl .control{
display: none;
  margin: 1.5em;
  overflow: hidden;
}
#body.catalog-ipl >.ipl .control .search-term{
  display: inline-block;
  width: 50%;
}
#body.catalog-ipl input[name="quantity"]{
  max-width: 4.5em;
}
#body.catalog-ipl >.ipl .control .search-term input[name="search-term"]{
  border: none;
  border-radius: 5px;
  height: 2.5em;
  padding: 0em 1em;
  width: 100%;
}
#body.catalog-ipl >.ipl .control .search-term input[name="search-term"]::-webkit-input-placeholder{
  color: #ff7f27;
}
#body.catalog-ipl >.ipl .control .search-term input[name="search-term"]::-ms-input-placeholder{
  color: #ff7f27;
}
#body.catalog-ipl >.ipl .control .search-term input[name="search-term"]::-moz-input-placeholder{
  color: #ff7f27;
}
#body.catalog-ipl >.ipl .control .search-term input[name="search-term"]:-moz-input-placeholder{
  color: #ff7f27;
}

/* Diagram */
#body.catalog-ipl >.ipl .diagram{
  background-color: #ccc;
  /* min-height: 50em; */
  overflow: auto;
  padding: 0!important;
  position: relative;
  text-align: center;
}
#body.catalog-ipl >.ipl .diagram.full-screen{
  display: block;
  height: 100%;
  width: 100%;
}
#body.catalog-ipl >.ipl .diagram.full-screen .full-screen span.compress{
  display: inline-block;
}
#body.catalog-ipl >.ipl .diagram.full-screen .full-screen span.expand{
  display: none;
}
#body.catalog-ipl >.ipl .diagram .image{
  box-shadow: 0.25em 0.25em 1em #000;
  left: 0px;
  overflow: hidden;
  position: absolute;
}
#body.catalog-ipl >.ipl .diagram .image.ui-draggable{
  cursor: url('/img/cursor/openhand.cur'), move;
}
#body.catalog-ipl >.ipl .diagram .image.ui-draggable-dragging{
  cursor: url('/img/cursor/closedhand.cur'), move;
}
#body.catalog-ipl >.ipl .diagram .image img{
  height: 100%;
  width: 100%;
}
#body.catalog-ipl >.ipl .diagram .image .hotspots{
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 1;
}
#body.catalog-ipl >.ipl .diagram .image .hotspots.ui-draggable-handle{
	touch-action: auto;
}
#body.catalog-ipl >.ipl .diagram .image .hotspots .hotspot{
  border: 1px solid #ff7f27;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
  height: 2em;
  margin-left: -1em;
  margin-top: -1em;
  position: absolute;
  width: 2em;
}
#body.catalog-ipl >.ipl .diagram .image .hotspots .hotspot:hover{
	border-width: 3px;
}
#body.catalog-ipl #parts-list .pt-product:hover{
	border-color: #ff7f27 !important;
}


#body.catalog-ipl .hotspot-detail >div:hover{
	border: 2px solid #ff7f27;
}
#body.catalog-ipl .hotspot-detail > div .parts .ipl:hover{
	border: none !important;
}

#body.catalog-ipl >.ipl .diagram .zoom{
  display: none;
  left: 1em;
  position: absolute;
  top: 1em;
  z-index: 2;
}
#body.catalog-ipl >.ipl .diagram .zoom button{
  background-color: transparent;
  border: none;
  color: #555;
  display: block;
  font-family: FontAwesome;
  font-size: 2.3em;
}
#body.catalog-ipl >.ipl .diagram a.full-screen{
  display: none;
  color: #555;
  font-size: 2.1em;
  position: absolute;
  right: 1em;
  text-decoration: none;
  top: 0.75em;
  z-index: 2;
}
#body.catalog-ipl >.ipl .diagram a.full-screen >span{
  font-family: FontAwesome;
}
#body.catalog-ipl >.ipl .diagram a.full-screen span.compress{
  display: none;
}

/* Hotspot popup */
@media only screen and (min-device-width: 572px){  
  #body.catalog-ipl .hotspot-detail{
    display: none;
    max-width: 30em;
    overflow: hidden;
    position: absolute;
  }
  #body.catalog-ipl .hotspot-detail >div{
    background: #fff;
    border: 2px solid #555;
    border-radius: 5px;
    color: #333;
    overflow: hidden;
    padding: 0.5em;
    position: relative;
    white-space: initial;
  }
  #body.catalog-ipl .hotspot-detail >div ul.options{
    list-style: none;
    padding: 0em;
  }
  #body.catalog-ipl .hotspot-detail >div ul.options li{
    list-style: none;
  }


  #body.catalog-ipl >.ipl .diagram{
    display: inline-block;
  }
  #body.catalog-ipl >.ipl >.parts{
    display: inline-block;
  }
}

/* Layout for smaller screens */
@media only screen and (max-device-width: 571px){  
  div.hotspot-detail {
    display: none;
    width: 90vw !important;
    position: relative !important;
    background: #fff;
    border: 2px solid #555;
    border-radius: 5px;
/* this is already on pt-fadetip
    overflow: hidden;
*/
    padding: 0em;
    white-space: initial;
  }

  #body.catalog-ipl .hotspot-detail >div{
    background: #fff;
    border: 2px solid #555;
    border-radius: 5px;
    color: #333;
/* added to scroll pop-ups on small screen */
    overflow: auto;
    max-height: 80vh;
    padding: 0.5em;
    position: relative;
    white-space: initial;
  }
  #body.catalog-ipl .hotspot-detail >div ul.options{
    list-style: none;
    padding: 0em;
  }
  #body.catalog-ipl .hotspot-detail >div ul.options li{
    list-style: none;
  }
}

/* Need this to prevent scrolling parts under the IPL diagram on xs size screens (phones).
probably should make this just for the parts-list class
*/
@media (max-width: 1399.98px) {
  .overflow-parts{
    overflow:hidden!important;
    height: 100% !important;
  }
}
@media (min-width: 1400px) {
  .overflow-parts{
    overflow:auto!important;
    height: 85vh !important;
  }
}

#body.catalog-part >#body{
  padding-top: 0.5em;
}

#body.catalog-part >.part{
  height: 40em;
  margin: 1.5em auto;
  max-width: 1280px;
  overflow: hidden;
  position: relative;
}
#body.catalog-part >.part >div{
  background-color: #fff;
  display: inline-block;
  height: 100%;
  overflow: hidden;
  position: relative;
  vertical-align: top;
}

/* Photos */
/* #body.catalog-part >.part >.photos{
  text-align: center;
  width: 40em;
} */
#body.catalog-part > div > #part-card > #part-card-body > div > .photos > .no-photos > div.genuine{
  background-image: url('/img/Catalog/genuine.png');
  background-size: cover;
  /* display: inline-block;
  height: 23.75em;
  margin-top: 6.25em; */
  text-align: center;
  /* width: 24em; */
}
#body.catalog-part > div > #part-card > #part-card-body > div > .photos > .no-photos > div.genuine img{
  background: none;
  max-height: 40%;
}

#body.catalog-part > div > #part-card > #part-card-body > div > .photos > .no-photos > .genuine >span{
  height: 100%;
}
#body.catalog-part > div > #part-card > #part-card-body > div > .photos > .no-photos > .genuine >img{
  max-width: 92%;
}
#body.catalog-part > div > #part-card > #part-card-body > div > .photos > .no-photos > .genuine {
  min-width:45px;
}

#body.catalog-part > div > #part-card > #part-card-body > div > .photos > .with-photos > #carouselPartPhotos {
  min-height: unset;
}

/* #body.catalog-part >.part >.photos >.active{
  display: block;
  height: 75%;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
#body.catalog-part >.part >.photos >.active >span{
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
#body.catalog-part >.part >.photos >.active >img{
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
}
#body.catalog-part >.part >.photos.empty >.active{
  height: 100%;
}
#body.catalog-part >.part >.photos.empty >.list{
  display: none;
} */

/* Details */
#body.catalog-part >.part >.details{
  width: calc(100% - 40.8em);
}
#body.catalog-part >.part >.details p{
  margin: 0em;
}
#body.catalog-part >.part >.details p.title{
  font-size: 1.5em;
  margin-left: 0.5em;
  margin-top: 0.5em;
}
#body.catalog-part >.part >.details p.description{
  font-size: 1.3em;
  margin-left: 0.6em;
  margin-top: 0.3em;
}
/*h2.title{
  display: block;
}*/
span.description{
  display: block;
}
span.label{
  white-space: pre;
}
/* Dimensions */
#body.catalog-part #part-card > #part-card-body div.dimensions {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
#body.catalog-part #part-card > #part-card-body .dimensions label {
  font-weight: bold;
  margin-right: 0.25em;
}
#body.catalog-part #part-card > #part-card-body .dimensions > p {
  margin-right: 0.5em;
}

#body.catalog-part >.part >.details p.supersede{
  font-size: 1em;
  margin-left: 0.7em;
  margin-top: 0.3em;
}
#body.catalog-part >.part >.details p.supersede a.help{
  color: initial;
  font-family: FontAwesome;
}
#part-accordion button {
  width: 100%;
}
/* Price and quantity in cart */
#body.catalog-part >.part >.details >.price-avail-shop-data{
  margin: 0em auto;
  margin-bottom: 2em;
  margin-top: 2em;
  overflow: hidden;
  width: 50%;
}
#body.catalog-part >.part >.details >.price-avail-shop-data >*{
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
#body.catalog-part >.part >.details >.price-avail-shop-data >.in-cart{
  text-align: right;
}
/* mid.css fix moved here */
#body.catalog-part > div > #part-card > #part-card-body > div > .price-avail-shop-data > div > .price > .product .regular{
  color: #999;
  text-decoration: line-through;
}
#body.catalog-part >.part >.details >.price-avail-shop-data >.price p.price{
  font-size: 1.3em;
}

/* Shipping */
#body.catalog-part >.part >.details >.shipping{
  color: #00954e;
  margin-top: 2em;
  text-align: center;
}

/* My bins */
#body.catalog-part form[name="my-bins"]{
  margin: 1em;
  text-align: center;
}
#body.catalog-part form[name="my-bins"] button[type="submit"]{
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
}
#body.catalog-part form[name="my-bins"] button[type="submit"] span{
  display: inline-block;
  vertical-align: middle;
}
#body.catalog-part form[name="my-bins"] button[type="submit"] span.star{
  color: #ece7de;
  font-family: FontAwesome;
  font-size: 2em;
}
#body.catalog-part form[name="my-bins"] button[type="submit"]:hover span.star{
  color: #ff7f27;
}

/* Color codes */
#body.catalog-part >.part >.details >.color-codes{
  bottom: 1em;
  left: 2em;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  right: 1em;
  top: 7em;
}
#body.catalog-part >.part >.details >.color-codes >.pt-product{
  margin-bottom: 1em;
}
#body.catalog-part >.part >.details >.color-codes >.pt-product >.thumb{
  display: none;
}
#body.catalog-part >.part >.details >.color-codes >.pt-product >.details{
  width: 40%;
}
#body.catalog-part >.part >.details >.color-codes >.pt-product >.details p.description{
  font-size: 1em;
  margin: 0em;
}
#body.catalog-part >.part >.details >.color-codes >.pt-product >.details p.title{
  font-size: 1em;
  margin: 0em;
}
#body.catalog-part >.part >.details >.color-codes >.pt-product >.details p.oem{
  display: none;
}
#body.catalog-part >.part >.details >.color-codes >.pt-product >.details p.shipping{
  display: none;
}
#body.catalog-part >.part >.details >.color-codes >.pt-product >.price{
  width: 30%;
}
#body.catalog-part >.part >.details >.color-codes >.pt-product >.shop{
  width: 30%;
}

/* Where used */
/*
#body.catalog-part >.part >.details >.where-used{
  bottom: 1em;
  left: 1em;
  overflow: hidden;
  position: absolute;
  right: 1em;
}
#body.catalog-part >.part >.details >.where-used.empty{
  display: none;
}
#body.catalog-part >.part >.details >.where-used >.header{
  border-bottom: 1px solid #555;
  margin-bottom: 0.5em;
}
#body.catalog-part >.part >.details >.where-used >.content{
  height: 15em;
  overflow-x: hidden;
  overflow-y: auto;
}
#body.catalog-part >.part >.details >.where-used >.content >.pair{
}
#body.catalog-part >.part >.details >.where-used >.content >.pair >a{
  color: #555;
}
#body.catalog-part >.part >.details >.where-used >.content >.pair >a:hover{
  text-decoration: underline;
}
*/

/* Common section */
#body.catalog-part >.section{
  margin-bottom: 2px;
  overflow: hidden;
  position: relative;
}
#body.catalog-part >.section >h1{
  background-color: #555;
  font-size: 1em;
  font-weight: 400;
  line-height: 4em;
  margin: 0em;
  overflow: hidden;
  padding-left: 1.5em;
}
#body.catalog-part >.section >h1 >span{
  color: #fff;
  font-size: 1.5em;
}
#body.catalog-part >.section >h1 >a{
  display: none;
  float: right;
  font-size: 0.9em;
  margin-right: 2em;
}
#body.catalog-part >.section >h1 >a >span{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

/* Related products */
#body.catalog-part >.related .related{
  display: inline-block;
  margin: 2em;
  text-align: center;
  vertical-align: top;
  width: 10em;
}
#body.catalog-part >.related .related a{
  background-color: #f6f2ef;
  color: inherit;
}
#body.catalog-part >.related .related:hover a{
  background-color: #fff;
}
#body.catalog-part >.related .related p{
  white-space: initial;
}

#body.catalog-part > div > #part-card > #part-card-body > div > .photos {
  border-width: .2em;
}

#body.catalog-part > div > #part-card > #part-card-body > div > .photos > .with-photos .item > img {
  width: 100%;
  max-height: 240px;
  object-fit: scale-down;
}

/*
#body.catalog-part > div > #part-card > #part-card-body > div > .photos > .no-photos .genuine {
  background-image: url(/img/Catalog/genuine.png);
  background-repeat: no-repeat;
  background-size: 99% 99%;
  height: 240px;
  position: absolute;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
  vertical-align: top;
  min-width: 255px;
}


#body.catalog-part .photos .genuine >*{
  display: inline-block;
  vertical-align: middle;
}
#body.catalog-part .photos .genuine >span{
  height: 100%;
}
#body.catalog-part .photos .genuine >img{
  max-width: 95%;
}
#body.catalog-part .photos.empty >.active{
  height: 100%;
}
#body.catalog-part .photos.empty >.list{
  display: none;
}
*/
#body.catalog-part > div > #part-card > #part-card-body > div > .product-details > div > h2 > a.product-title {
  color: #009554;
}


/* Shopping form */
#body.catalog-part > div > #part-card > #part-card-body > div > .price-avail-shop-data > .shop > form[name="add"] {
  margin-left:auto; 
  margin-right:0;
  width: 100%;
  display: block;
}

#body.catalog-part > div > #part-card > #part-card-body > div > .price-avail-shop-data > .shop > form[name="add"] div.cart-count {
  position: absolute; 
  right: 0.1em; 
  top: 0.1em;
}

/* make often bought with parts small  */
#body.catalog-part > div > #recommended-card > .card-body > ul > li  {
  width: 200px;
}
#body.catalog-part > div > #recommended-card > .card-body > ul > li > .card > .card-footer {
  display: flex;
}

#body.catalog-part > div > #recommended-card > div.card-body > ul > li > div.recommended > .shop > div > form[name="add"] div.cart-count {
  position: absolute; 
  right: 0.1em; 
  top: -0.1em;
}

#body.catalog-part > div > #recommended-card > div.card-body > ul > li > div.recommended > .shop > .pricing > .regular {
  color: #999;
  text-decoration: line-through;
}

#body.catalog-part > div > #recommended-card > .card-body > ul > li > .recommended > .shop > .input-group > form[name="add"] button.btn-cta {
  background-color: #ff7d3c ;
  border: 0;
}

#body.catalog-part select.custom-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#body.catalog-part > div > #part-card > #part-card-body > div > .product-details > .variants {
  display: block;
}
#body.catalog-part > div > #part-card > #part-card-body > div > .price-avail-shop-data > .variants select {
  max-width: 100%;
}
/* Header */
#body.help-home >h1{
  background-color: #555;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0em;
  padding: 0.8em;
}

/* Topics */
#body.help-home >.help{
  margin: 1em auto;
  max-width: 1024px;
}
#body.help-home >.help >.topic{
  background-color: #fff;
  margin: 1em;
  overflow: hidden;
  padding: 1em;
  position: relative;
}
#body.help-home >.help >.topic >a{
  color: #ff7f27;
  text-decoration: none;
}

/* Header */
/*#body.help-about-us >h1{
  background-color: #555;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0em;
  padding: 0.8em;
}*/

/* Content */
/*#body.help-about-us >.about-us{
  background-color: #fff;
  box-sizing: border-box;
  margin: 1em auto;
  max-width: 1024px;
  padding: 1em;
}
#body.help-about-us >.about-us a{
  color: #ff7f27;
  text-decoration: none;
}
#body.help-about-us >.about-us >img{
  display: block;
  margin: 0em auto;
  max-width: 100%;
}
#body.help-about-us >.about-us >.video{
  text-align: center;
}*/
#body.help-about-us .bbb {
  width: 100%;
  margin: 0.25rem;
}
#body.help-about-us .bbb div.seal{
  width: 160px;
  height: 120px;
  margin: 0em auto;
}

@media only screen and (min-width: 750px) {  
  #body.help-about-us .bbb {
    margin: 0.75rem;
  }
  
}

#body.help-contact-us .card-body > .form > .success{
    display: none;
}
/* Header */
#body.help-faq >h1{
  background-color: #555;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0em;
  padding: 0.8em;
}

/* Topics */
#body.help-faq >.faq{
  margin: 1em auto;
  max-width: 1024px;
}
#body.help-faq >.faq >.contents{
  background-color: #fff;
  margin: 1em;
  overflow: hidden;
  padding: 1em;
  position: relative;
}
#body.help-faq >.faq >.topic{
  background-color: #fff;
  margin: 1em;
  overflow: hidden;
  padding: 1em;
  position: relative;
}
#body.help-faq >.faq >.topic >a{
  color: #ff7f27;
  text-decoration: none;
}

/* CVC images */
#body.help-faq >.faq >.topic.before-cvc >.images{
  text-align: center;
}

/* Header */
/*#body.help-model-tags >h1{
  background-color: #555;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0em;
  padding: 0.8em;
}*/

/* Topics */
/*#body.help-model-tags >.modeltags{
  margin: 1em auto;
  max-width: 1024px;
}
#body.help-model-tags >.modeltags >div{
  background-color: #fff;
  margin: 1em;
  overflow: hidden;
  padding: 1em;
  position: relative;
}
#body.help-model-tags >.modeltags >div >img{
  border: 1px solid #999;
  border-radius: 0.5em;
  float: right;
  padding: 0em 1em;
}
#body.help-model-tags >.modeltags >div >a{
  color: #ff7f27;
  text-decoration: none;
}*/

/* Header */
#body.help-partstree-advantage >h1{
  background-color: #f8f8f8;
  box-sizing: border-box;
  color: #000;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0em;
  padding: 0.8em;
}

/* Content */
#body.help-partstree-advantage .partstree-advantage{
  background-color: #fff;
  box-sizing: border-box;
  margin: 1em auto;
  max-width: 1024px;
  padding: 1em;
}
#body.help-partstree-advantage .card-body > .form > .success{
  display: none;
}

#body.help-partstree-advantage .card-body > .form {
  margin: auto;
  max-width: 620px;
}


#body.help-partstree-advantage > .card > .card-body > div > div > .card > .card-body > form[name="login"] .field.forgot-pass a{
  font-size: 0.9em;
}
#body.help-partstree-advantage > .card > .card-body > div > div > .card > .card-body > form[name="login"] .field.show-pass a{
  font-size: 0.9em;
}

#body.help-partstree-advantage > .card > .card-body > div > div > .card > .card-body > form[name="login"] .field.show-pass a:hover {
  cursor: pointer;
}


#body.help-partstree-advantage > .card > .card-body > div > div > .card > .card-body > form[name="login"] > .caps-warning {
  display: none;
  color: red;
}


#body.help-partstree-advantage div.pro-apply input[id="apply-opener"] {
  display: none;
}
#body.help-partstree-advantage div.pro-apply div#pa-application {
  max-height: 0px;
  overflow-y: hidden;
  transition: 0.25s;
}

#body.help-partstree-advantage div.pro-apply label[for="apply-opener"] {
  width: 100%;
  margin: 0.5em auto;
  text-align: center;
}

#body.help-partstree-advantage div.pro-apply label[for="apply-opener"] > span {
  font-weight: 400;
  padding: 0.5em;
  cursor: pointer;
  display: inline-block;
  color: var(--white);
  background-color: var(--primary);
  border-radius: 5px;
}

#body.help-partstree-advantage div.pro-apply label[for="apply-opener"] > span.less {
  display: none;
}

#body.help-partstree-advantage div.pro-apply > div.card-body > input#apply-opener:checked ~ label > span.less {
  display: inline-block;
}

#body.help-partstree-advantage div.pro-apply > div.card-body > input#apply-opener:checked ~ label > span.more {
  display: none;
}

#body.help-partstree-advantage div.pro-apply > div.card-body > input#apply-opener:checked ~ div#pa-application {
  max-height: unset;
}

#body.help-partstree-advantage form .field {
  position: relative;
}

/* Login */
#body.help-partstree-advantage > .card > .card-body > div > .card > .card-body > form[name="login"] .field.forgot-pass a{
  font-size: 0.9em;
}

@media (max-width: 767px) {
  #body.help-partstree-advantage div.pro-apply .card-body {
    display:flex;
    flex-flow: column;
  }
  #apply-opener {order:1}
  #pa-program {order:2}
  
}

/* Header */
/*#body.help-partstree-difference >h1{
  background-color: #555;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0em;
  padding: 0.8em;
}*/

/* Content */
/*#body.help-partstree-difference >.partstree-difference{
  background-color: #fff;
  box-sizing: border-box;
  margin: 1em auto;
  max-width: 1024px;
  padding: 1em;
}*/

/*#body.help-privacy-policy >h1{
  background-color: #555;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0em;
  padding: 0.8em;
}
#body.help-privacy-policy >h1 >span.note{
  font-size: 0.75em;
}

#body.help-privacy-policy >.content{
  background-color: #fff;
  box-sizing: border-box;
  margin: 1em auto;
  max-width: 1280px;
  padding: 1em;
}
#body.help-privacy-policy >.content .section{
  margin-left: 1em;
}
*/
/*#body.help-terms-and-conditions >h1{
  background-color: #555;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0em;
  padding: 0.8em;
}
#body.help-terms-and-conditions >h1 >span.note{
  font-size: 0.75em;
}

#body.help-terms-and-conditions >.content{
  background-color: #fff;
  box-sizing: border-box;
  margin: 1em auto;
  max-width: 1280px;
  padding: 1em;
}
#body.help-terms-and-conditions >.content .section{
  margin-left: 1em;
}*/

#body.shop-shopcart >#body{
}
#body.shop-shopcart >div{
  margin: 0em auto;
  max-width: 1280px;
  width: 100%;
}

/* Override default header */
#body.shop-shopcart #header >.bottom-nav >.search{
  right: 1em;
}
#body.shop-shopcart #header >.bottom-nav >.shopping-cart{
  display: none;
}

/* Header */
#body.shop-shopcart >h1{
  background-color: #555;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0em;
  padding: 0.8em;
}
#body.shop-shopcart >h1 >span.summary{
  font-size: 0.75em;
  margin-left: 1em;
}

/* Summary */
#body.shop-shopcart >.summary{
  border-bottom: 3px solid #00954e;
  box-sizing: border-box;
  margin-top: 1em;
  overflow: hidden;
}
#body.shop-shopcart >.summary >div{
  box-sizing: border-box;
  display: inline-block;
  vertical-align: bottom;
}
#body.shop-shopcart >.summary div.tab{
  width: 30%;
}
#body.shop-shopcart >.summary div.tab:after{
  border-color: transparent #00954e;
  border-style: solid;
  border-width: 2.1em 0em 0em 1em;
  content: "";
  display: inline-block;
  vertical-align: bottom;
  width: 0em;
}
#body.shop-shopcart >.summary div.tab p{
  background-color: #00954e;
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
  color: #fff;
  display: inline-block;
  margin: 0em;
  padding: 0.5em;
}
#body.shop-shopcart >.summary div.checkout{
  padding-right: 0.5em;
  text-align: right;
  width: 70%;
}

/* Messages */
#body.shop-shopcart >form[name="messages"]{
  margin: 1em;
  padding: 1em;
  background-color: #fff3cd;
  border: 1px solid #999;
  border-radius: 0.25rem;
}

#body.shop-shopcart >form[name="messages"] ul{
  list-style: none;
  padding: 0;
}

#body.shop-shopcart >form[name="messages"] button[type="submit"]{
  display: block;
}

/* Items */
#body.shop-shopcart >.items{
  overflow: hidden;
  position: relative;
}
#body.shop-shopcart >.items .empty{
  height: 20em;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}
#body.shop-shopcart >.items.empty .empty{
  display: block;
}
#body.shop-shopcart >.items .empty >span{
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
#body.shop-shopcart >.items .empty >p{
  color: #555;
  display: inline-block;
  font-size: 1.3em;
  vertical-align: middle;
}
#body.shop-shopcart >.items >.pt-product{
  border-bottom: 1px solid #ece7de;
}

/* Shipping */
#body.shop-shopcart >.shipping{
  background-color: #fff;
  margin-bottom: 2px;
}
#body.shop-shopcart >.shipping >div{
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
}
#body.shop-shopcart >.shipping >.form{
  padding: 1em;
  width: 70%;
}
#body.shop-shopcart >.shipping >.form >form >*{
  vertical-align: middle;
}
#body.shop-shopcart >.shipping >.form >form input[name="postal_code"]{
  margin-right: 0.5em;
  width: 5em;
}
#body.shop-shopcart .action-details form[name="update"] input[name="quantity"]{
  max-width: 4.5rem;
}
#body.shop-shopcart >.shipping >.checkout{
  padding-right: 0.5em;
  text-align: right;
  width: 30%;
}

/* Impulse */
#body.shop-shopcart >.impulse{
  margin-top: 1em;
}
#body.shop-shopcart >.impulse>h2{
  text-align: center;
}
#body.shop-shopcart >.impulse >hr {
  width: 20%;
  height: 2px;
  background-color: #999;
}

/* Payments and social */
#body.shop-shopcart >.payments{
  color: #ff7f27;
  box-sizing: border-box;
  margin: 2em auto;
  padding: 0.25em;
  text-align: center;
}
#body.shop-shopcart >.payments >*{
  display: inline-block;
  vertical-align: middle;
}
#body.shop-shopcart >.payments p{
  margin: 0em;
}
#body.shop-shopcart >.payments img{
  margin: 0em 0.75em;
  max-height: 2em;
}
#body.shop-shopcart > div > .pt-product > .product-details > div > .title > a.product-title {
  color: #009554;
}

#body.shop-shopcart > div > .pt-product > .product-thumbnail.thumbnail {
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: block;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#body.shop-shopcart > div > .pt-product > .product-details > .product-thumbnail > div > img {
  width: 100%;
  max-height: 130px;
  object-fit: scale-down;
}

#body.shop-shopcart > div.items > div.item > div.price > div > p.regular{
  color: #999;
  text-decoration: line-through;
}
#body.shop-checkout {
	display: grid;
	grid-gap: 1em;

}



/* Universal styling */
#body.shop-checkout button[type="submit"] {
	padding: 1em;
}

#body.shop-checkout ul.items {
	padding: 0;
}

#body.shop-checkout ul.items li {
	list-style: none;
	padding: 0.5em;
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	grid-gap: 0.75em;
}

#body.shop-checkout ul.items li p {
	margin: 0;
}

#body.shop-checkout ul.items li p.col1 {
	grid-column: 1 / 2;
}

#body.shop-checkout ul.items li p.col1 img {
	width: 100%;
  	max-height: 240px;
  	object-fit: scale-down;
}

#body.shop-checkout ul.items li p.col2 {
	grid-column: 2 / 3;
}

#body.shop-checkout ul.items li p.col2 span {
	display: block;
}

#body.shop-checkout ul.items li p.col3 {
	grid-column: 3 / 4;
}

#body.shop-checkout ul.items li p.col3 span {
	text-align: right;
	display: block;
}

#body.shop-checkout address > * {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0;
}

#body.shop-checkout address > *:empty {
	display: none;
}



/* Loading modal */
#loading-modal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
}



/* Summary */
#body.shop-checkout aside.summary {
	position: relative;
	background-color: var(--white);
}

#body.shop-checkout aside.summary > h2 {
	padding: 0.5em;
	margin: 0;
}

#body.shop-checkout aside.summary > h2 > p {
	margin: 0px !important;
	vertical-align: middle;
	display: inline-block;
}

#body.shop-checkout aside.summary > h2 > p.total {
	float: right;
}

#body.shop-checkout aside.summary > div.content {
	max-height: 0px;
	overflow-y: hidden;
	transition: 0.25s;
}

#body.shop-checkout aside.summary > div.content > ul.items {
	max-height: 20em;
	overflow-x: hidden;
	overflow-y: auto;
}

#body.shop-checkout aside.summary > div.content > div.address {
	margin: 2em 1em;
}

#body.shop-checkout aside.summary > div.content > div.address > address {
	margin-left: 2em;
}

#body.shop-checkout aside.summary > div.content > div.payment {
	margin: 2em 1em;
}

#body.shop-checkout aside.summary > div.content > div.payment > p {
	margin-left: 2em;
}

#body.shop-checkout aside.summary > div.content > div.totals {
	margin: 2em 1em;
}

#body.shop-checkout aside.summary > div.content > div.totals p.amount {
	margin: 0.25em;
	text-align: right;
}

#body.shop-checkout aside.summary > div.content > div.totals p.amount > label > i.title {
	display: block;
	color: grey;
}

#body.shop-checkout aside.summary > div.content > div.totals p.amount > span {
	display: inline-block;
	width: 7em;
}

#body.shop-checkout aside.summary > div.content form[name="coupon"] {
	text-align: center;
}

#body.shop-checkout aside.summary > div.content form[name="coupon"] > input {
	max-width: 12em;
	padding: 1em;
  	height: initial !important;
}

#body.shop-checkout aside.summary > div.content form[name="coupon"] > button{
	border: none;
	padding: 1em;
}

#body.shop-checkout aside.summary input[id="summary-opener"] {
	display: none;
}

#body.shop-checkout aside.summary label[for="summary-opener"] {
	width: 100%;
	margin: 0.5em auto;
	text-align: center;
}

#body.shop-checkout aside.summary label[for="summary-opener"] > span {
	font-size: 0.7em;
	padding: 0.5em;
	cursor: pointer;
}

#body.shop-checkout aside.summary label[for="summary-opener"] > span.less {
	display: none;
}

#body.shop-checkout aside.summary > input#summary-opener:checked ~ label > span.less {
	display: inline-block;
}

#body.shop-checkout aside.summary > input#summary-opener:checked ~ label > span.more {
	display: none;
}

#body.shop-checkout aside.summary > input#summary-opener:checked + div.content {
	max-height: 100em;
}

#body.shop-checkout div.save-new-address input:hover,
#body.shop-checkout div.save-new-address label:hover,
#body.shop-checkout div.save-new-payment input:hover,
#body.shop-checkout div.save-new-payment label:hover {
	cursor: pointer;
}



/* Phases */
#body.shop-checkout > div.phases {
	position: relative;
	overflow: hidden;
}

#body.shop-checkout > div.phases > section.phase.hidden {
	display: none;
}



/* Account phase */
#body.shop-checkout section.phase.account {
}

#body.shop-checkout section.phase.account form input,
#body.shop-checkout section.phase.account form button {
	width: 100%;
}

#body.shop-checkout section.phase.account div.forms.hidden {
	display: none;
}



/* Address phase */
#body.shop-checkout section.phase.address {
}

#body.shop-checkout section.phase.address form input,
#body.shop-checkout section.phase.address form select,
#body.shop-checkout section.phase.address form button {
	width: 100%;
}

#body.shop-checkout section.phase.address > .forms {
	margin: 1em;
}

#body.shop-checkout section.phase.address > .forms > input[type="radio"] {
	display: none;
}

#body.shop-checkout section.phase.address > .forms > input[type="radio"]:not(:checked) ~ label {
	cursor: pointer;
	transition: 0.25s;
}
#body.shop-checkout section.phase.address > .forms > input[type="radio"]:not(:checked) + label > h3 {
	color: var(--grey-color);
}
#body.shop-checkout section.phase.address > .forms > input[type="radio"]:not(:checked) + label > h3 > i {
	color: var(--action-button);
}

#body.shop-checkout section.phase.address > .forms > .address-opener-content {
	position: relative;
	overflow: hidden;
	max-height: 0em;
	transition: 0.25s;
}

#body.shop-checkout section.phase.address > .forms > input[type="radio"]:checked ~ .address-opener-content {
	max-height: 100em;
}

#body.shop-checkout section.phase.address > .forms.validation form {
	margin: 1em;
	padding: 1em;
	border-radius: 0.5em;
	background-color: var(--light-grey-bg);
	text-align: center;
}

#body.shop-checkout section.phase.address > .forms.vaulted ul {
	margin: 0;
	padding: 0;
}

#body.shop-checkout section.phase.address > .forms.vaulted ul li {
	list-style: none;
	padding: 1em;
	width: 75%;
	max-width: 20em;
	border-radius: 0.5em;
	background-color: var(--light-grey-bg);
}

#body.shop-checkout section.phase.address > .forms.vaulted ul li address {
	overflow: hidden;
	user-select: none;
}

#body.shop-checkout section.phase.address > .forms.manual form fieldset {
	margin-bottom: 1em;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 0.75em;
}

#body.shop-checkout section.phase.address > .forms.manual form fieldset > * {
	grid-column: 1 / 5;
}

#body.shop-checkout section.phase.address > .forms.manual form fieldset > div.usps-deliverable input {
	width: initial;
}

#body.shop-checkout section.phase.address > .forms.manual form fieldset > div.save-new-address input {
	width: initial;
}

#body.shop-checkout section.phase.address > .forms.manual form fieldset > div.country-code {
	display: none;
}



/* Service phase */
#body.shop-checkout section.phase.service {
}

#body.shop-checkout section.phase.service form input,
#body.shop-checkout section.phase.service form button {
	width: 100%;
}

#body.shop-checkout section.phase.service form fieldset {
	padding: 1em;
}

#body.shop-checkout section.phase.service > form[name="split"] {
	padding: 0.75em;
	margin-bottom: 2em;
	border-radius: 5px;
	border: 1px solid var(--border-color);
	background-color: var(--list-bg);
}

#body.shop-checkout section.phase.service > form[name="split"] > p {
	margin: auto;
	display: inline;
}
#body.shop-checkout section.phase.service > form[name="split"] > p.hidden {
	display: none;
}

#body.shop-checkout section.phase.service > form[name="split"] p.current {
	font-weight: 900;
}

#body.shop-checkout section.phase.service > form[name="split"].hidden {
	display: none;
}

#body.shop-checkout section.phase.service > .forms.shipments ul.shipments {
	list-style: none;
	padding: 0;
}

#body.shop-checkout section.phase.service > .forms.shipments ul.shipments li {
	margin-bottom: 0.75em;
}

#body.shop-checkout section.phase.service > .forms.shipments ul.shipments ul.services {
	list-style: none;
	padding: 0 0.75em 0 0.75em;
}

#body.shop-checkout section.phase.service > .forms.shipments ul.shipments ul.services li label {
	display: grid;
	grid-template-columns: 4fr 1fr;
}

#body.shop-checkout section.phase.service > .forms.shipments ul.shipments ul.services li p {
	margin: 0;
}

#body.shop-checkout section.phase.service > .forms.shipments ul.shipments ul.services li p.service {
	font-weight: 900;
}

#body.shop-checkout section.phase.service > .forms.shipments ul.shipments ul.services li p.rate {
	text-align: right;
}

#body.shop-checkout section.phase.service > .forms.shipments ul.shipments ul.services li p.description {
	grid-column: 1 / 3;
}

#body.shop-checkout section.phase.service > .forms.shipments form input[name="note"] {
	margin-bottom: 1em;
}



/* Payment phase */
#body.shop-checkout section.phase.payment {
}

#body.shop-checkout section.phase.payment form input,
#body.shop-checkout section.phase.payment form select,
#body.shop-checkout section.phase.payment form button {
	width: 100%;
}

#body.shop-checkout section.phase.payment > .forms {
	margin: 1em;
}

#body.shop-checkout section.phase.payment > .forms > input[type="radio"] {
	display: none;
}

#body.shop-checkout section.phase.payment > .forms > input[type="radio"]:not(:checked) ~ label {
	cursor: pointer;
	transition: 0.25s;
}
#body.shop-checkout section.phase.payment > .forms > input[type="radio"]:not(:checked) + label > h3 {
	color: var(--grey-color);
}
#body.shop-checkout section.phase.payment > .forms > input[type="radio"]:not(:checked) + label > h3 > i {
	color: var(--action-button);
}

#body.shop-checkout section.phase.payment > .forms > .payment-opener-content {
	position: relative;
	overflow: hidden;
	max-height: 0em;
	transition: 0.25s;
}

#body.shop-checkout section.phase.payment > .forms > input[type="radio"]:checked ~ .payment-opener-content {
	max-height: 100em;
}

#body.shop-checkout section.phase.payment > .forms.vaulted ul {
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
}

#body.shop-checkout section.phase.payment > .forms.vaulted ul li {
	list-style: none;
	padding: 1em;
	width: 75%;
	max-width: 20em;
	border-radius: 0.5em;
	background-color: var(--light-grey-bg);
}

#body.shop-checkout section.phase.payment > .forms.vaulted ul li address {
	overflow: hidden;
	user-select: none;
}

#body.shop-checkout section.phase.payment > .forms.paycard fieldset {
	margin-bottom: 1em;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 0.75em;
}

#body.shop-checkout section.phase.payment > .forms.paycard fieldset > * {
	grid-column: 1 / 4;
}

#body.shop-checkout section.phase.payment > .forms.paycard fieldset > div.expiration {
	grid-column: 1 / 3;
}

#body.shop-checkout section.phase.payment > .forms.paycard fieldset > div.cvv {
	grid-column: 3 / 4;
}

#body.shop-checkout section.phase.payment > .forms.paycard fieldset > div.country-code {
	display: none;
}

#body.shop-checkout section.phase.payment > .forms.paycard fieldset > div.save-new-payment input {
	width: initial;
}

#body.shop-checkout section.phase.payment > .forms.echeck fieldset {
	margin-bottom: 1em;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0.75em;
}

#body.shop-checkout section.phase.payment > .forms.echeck fieldset > * {
	grid-column: 1 / 3;
}

#body.shop-checkout section.phase.payment > .forms.echeck fieldset > div.dl-state {
	grid-column: 1 / 2;
}

#body.shop-checkout section.phase.payment > .forms.echeck fieldset > div.dl-number {
	grid-column: 2 / 3;
}



/* Review phase */
#body.shop-checkout section.phase.review {
}

#body.shop-checkout section.phase.review div.totals {
	margin: 2em 1em;
}

#body.shop-checkout section.phase.review div.totals p.amount {
	margin: 0.25em;
	text-align: right;
}

#body.shop-checkout section.phase.review div.totals p.amount > label > span.summary_shipment {
	display: block
}

#body.shop-checkout section.phase.review div.totals p.amount > label > i {
	display: block;
	color: grey;
}

#body.shop-checkout section.phase.review div.totals p.amount > span {
	display: inline-block;
	width: 7em;
}

#body.shop-checkout section.phase.review > form {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 0.75em;
}

/* Layout for desktops */
@media only screen and (min-width: 750px) {  
	#body.shop-checkout {
		min-width: 1024px;
		grid-template-columns: 2fr 1fr;
	}
	
	#body.shop-checkout > * {
		overflow: hidden;
	}
	
	#body.shop-checkout form button {
	    width: 50%;
	}


	/* Phases */
	#body.shop-checkout > div.phases {
		order: 1;
		grid-column: 1 / 2;
	}



	/* Summary */
	#body.shop-checkout aside.summary {
		order: 2;
		grid-column: 2 / 3;
	}

	#body.shop-checkout aside.summary > div.content {
		max-height: initial;
	}

	#body.shop-checkout aside.summary > label[for="summary-opener"] {
		display: none;
	}



	/* Account phase */
	#body.shop-checkout section.phase.account > div.forms {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 1em;
	}



	/* Address phase */
	#body.shop-checkout section.phase.address > .forms.validation .address-opener-content {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 1em;
	}

	#body.shop-checkout section.phase.address > .forms.validation .address-opener-content > p {
		grid-column: 1 / 3;
	}

	#body.shop-checkout section.phase.address > .forms.manual form fieldset {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	}

	#body.shop-checkout section.phase.address > .forms.manual form fieldset > * {
		grid-column: 1 / 7;
	}

	#body.shop-checkout section.phase.address > .forms.manual form fieldset > div.first-name {
		grid-column: 1 / 4;
	}

	#body.shop-checkout section.phase.address > .forms.manual form fieldset > div.last-name {
		grid-column: 4 / 7;
	}

	#body.shop-checkout section.phase.address > .forms.manual form fieldset > div.email-address {
		grid-column: 1 / 4;
	}

	#body.shop-checkout section.phase.address > .forms.manual form fieldset > div.phone-number{
		grid-column: 4 / 7;
	}

	#body.shop-checkout section.phase.address > .forms.manual form fieldset > div.street-lines-0 {
		grid-column: 1 / 5;
	}

	#body.shop-checkout section.phase.address > .forms.manual form fieldset > div.street-lines-1 {
		grid-column: 5 / 7;
	}

	#body.shop-checkout section.phase.address > .forms.manual form fieldset > div.city-municipality {
		grid-column: 1 / 3;
	}

	#body.shop-checkout section.phase.address > .forms.manual form fieldset > div.state-province {
		grid-column: 3 / 5;
	}

	#body.shop-checkout section.phase.address > .forms.manual form fieldset > div.postal-code {
		grid-column: 5 / 7;
	}



	/* Payment phase */
	#body.shop-checkout section.phase.payment > .forms.paycard form fieldset.paycard {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	}

	#body.shop-checkout section.phase.payment > .forms.paycard form fieldset.paycard > div.number {
		grid-column: 1 / 4;
	}

	#body.shop-checkout section.phase.payment > .forms.paycard form fieldset.paycard > div.expiration {
		grid-column: 4 / 6;
	}

	#body.shop-checkout section.phase.payment > .forms.paycard form fieldset.paycard > div.cvv {
		grid-column: 6 / 7;
	}

	#body.shop-checkout section.phase.payment > .forms.paycard form fieldset.address {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	}

	#body.shop-checkout section.phase.payment > .forms.paycard form fieldset.address > * {
		grid-column: 1 / 7;
	}

	#body.shop-checkout section.phase.payment > .forms.paycard form fieldset.address > div.first-name {
		grid-column: 1 / 4;
	}

	#body.shop-checkout section.phase.payment > .forms.paycard form fieldset.address > div.last-name {
		grid-column: 4 / 7;
	}

	#body.shop-checkout section.phase.payment > .forms.paycard form fieldset.address > div.street-lines-0 {
		grid-column: 1 / 5;
	}

	#body.shop-checkout section.phase.payment > .forms.paycard form fieldset.address > div.street-lines-1 {
		grid-column: 5 / 7;
	}

	#body.shop-checkout section.phase.payment > .forms.paycard form fieldset.address > div.city-municipality {
		grid-column: 1 / 3;
	}

	#body.shop-checkout section.phase.payment > .forms.paycard form fieldset.address > div.state-province {
		grid-column: 3 / 5;
	}

	#body.shop-checkout section.phase.payment > .forms.paycard form fieldset.address > div.postal-code {
		grid-column: 5 / 7;
	}	
}

#body.shop-checkout {
  padding: 1em;
  overflow: initial;
}



/* Universal utility override */
#body.shop-checkout .pt-background-radio label {
  border: 2px solid var(--lighter-grey);
  border-radius: 5px;
}      

#body.shop-checkout .pt-background-radio input[type="radio"]:checked+label {
  background-color: var(--light-primary-color);
  border: 1px solid var(--primary-color);
  border-radius: 5px;
}



/* Universal styling */
#body.shop-checkout button[type="submit"] {
  width: 100%;
  border-radius: 5px;
  padding: 1em;
  box-shadow: 8px 8px 15px var(--shadow1);
  transition: all 0.3s ease 0s;
  outline: none;
  margin: 0.5em 0em;
}

#body.shop-checkout button[type="submit"]:not([disabled]) {
  border-color: var(--border-color);
  background-color: var(--action-button);
  color: var(--very-light-color);
  cursor: pointer;
}


#body.shop-checkout ul.items li {
  margin-bottom: 1em;
  border-radius: 5px;
  border: 1px solid var(--border-color);
  background-color: var(--list-bg);
}

#body.shop-checkout ul.items li p.col3 span.qty:before {
  content: "Qty ";
}

#body.shop-checkout form input,
#body.shop-checkout form select,
#body.shop-checkout form button {
  border-radius: 5px;
  border: 1px solid var(--grey-color);
  background-color: var(--very-light-color);
}

#body.shop-checkout form input {
  width: 100%;
}

#body.shop-checkout abbr[title] {
  position: relative;
  
  /* ensure consistent styling across browsers */
  text-decoration: underline dotted;
}

#body.shop-checkout abbr[title]:hover::after,
#body.shop-checkout abbr[title]:focus::after {
  content: attr(title);
  
  /* position tooltip like the native one */
  position: absolute;
  left: -70px;
  bottom: 20px;
  width: auto;
  white-space: nowrap;
  
  /* style tooltip */
  background-color: var(--tooltip-bg);
  color: var(--white);
  border-radius: 3px;
  box-shadow: 1px 1px 5px 0 var(--shadow4);
  font-size: 14px;
  padding: 3px 5px;
}



/* Progress bar */
#body.shop-checkout nav.progress-nav {
  position: sticky;
  top: -1px;
  width: 100%;
  height: 72px;
  padding: 1em 0;
  z-index: 1;
  background-color: var(--bground-color);
}

#body.shop-checkout nav.progress-nav ul {
  position: relative;
  padding: 0;
  display: flex;
  justify-content: space-evenly;
  counter-reset: step;
}

#body.shop-checkout nav.progress-nav ul:before {
  position: absolute;
  top: 0.6rem;
  transform: translateY(-50%);
  width: 75%;
  height: 5px;
  content: "";
  background-color: var(--white);
  z-index: 1;
}

#body.shop-checkout nav.progress-nav ul:after {
  position: absolute;
  top: 0.6rem;
  left: 12.5%;
  transform: translateY(-50%);
  height: 5px;
  width: 0%;
  content: "";
  background-color: var(--primary-color);
  z-index: 1;
  transition: all 0.2s ease-out;
}
#body.shop-checkout nav.progress-nav[data-phase="address"] ul:after {
  width: 0%;
}
#body.shop-checkout nav.progress-nav[data-phase="service"] ul:after {
  width: 25%;
}
#body.shop-checkout nav.progress-nav[data-phase="payment"] ul:after {
  width: 50%;
}
#body.shop-checkout nav.progress-nav[data-phase="review"] ul:after {
  width: 75%;
}

#body.shop-checkout nav.progress-nav ul li {
  list-style-type: none;
  position: relative;
  flex-grow: 1;
  text-align: center;
  cursor: pointer;
}

#body.shop-checkout nav.progress-nav ul li a {
  text-decoration: none !important;
}

#body.shop-checkout nav.progress-nav ul li a:before {
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 auto;
  box-sizing: border-box;
  border: 1px solid var(--progress-border);
  border-radius: 50%;
  display: block;
  font-size: 0.6rem;
  line-height: 1.1rem;
  color: var(--primary-color);
  background-color: var(--white);
  border-color: var(--primary-color);
  text-align: center;
  vertical-align: middle;
  content: counter(step);
  counter-increment: step;
  z-index: 5;
}

#body.shop-checkout nav.progress-nav ul li.step-done a:before {
  background-color: var(--primary-color);
  color: var(--white);
  content: "";
  font-family: "FontAwesome";
}



/* Summary */
#body.shop-checkout aside.summary > h2 > p {
  margin: 0px !important;
  vertical-align: middle;
  display: inline-block;
}

#body.shop-checkout aside.summary > div.content div.totals > p > abbr {
  width: 5em;
  display: inline-block;
}



/* Phases use flexbox to align horizontally */
#body.shop-checkout div.phases {
  background-color: var(--white);
  overflow: hidden;
  order: 1;
  grid-column: 1 / 2;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: hidden;
}

#body.shop-checkout div.phases > section.phase {
  overflow: hidden;
  flex: 0 0 auto;
  width: 100%;
  padding: 1em;
  transition: all 0.2s ease-out;
}

#body.shop-checkout div.phases[data-phase="account"] > section.phase.account {
  margin-left: -0%;
}

#body.shop-checkout div.phases[data-phase="address"] > section.phase.account {
  margin-left: -100%;
}

#body.shop-checkout div.phases[data-phase="service"] > section.phase.account {
  margin-left: -200%;
}

#body.shop-checkout div.phases[data-phase="payment"] > section.phase.account {
  margin-left: -300%;
}

#body.shop-checkout div.phases[data-phase="review"] > section.phase.account {
  margin-left: -400%;
}



/* Account phase */
#body.shop-checkout section.phase.account {
/*  display: none;*/
}

#body.shop-checkout section.phase.account p.or {
  margin: 0em;
}

#body.shop-checkout section.phase.account ul.errors {
  color: var(--alert-color);
  list-style: none;
}



/* Address phase */
#body.shop-checkout section.phase.address form fieldset {
  margin-bottom: 1em;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 0.75em;
}

#body.shop-checkout section.phase.address > .forms > .address-opener-content {
  margin-left: auto;
  margin-right: auto;
}

#body.shop-checkout section.phase.address > .forms > form[name="manual"] {
  max-width: 620px;
}

#body.shop-checkout section.phase.address > .forms.vaulted ul {
  background-color: var(--light-color);
}

#body.shop-checkout section.phase.address > .forms.vaulted ul li {
  background-color: var(--dark-color);
}

#body.shop-checkout section.phase.address > .forms.vaulted ul li h3 {
  color: var(--white);
  background-color: var(--dark-color);
  padding-bottom: 0.25em;
}

#body.shop-checkout section.phase.address > .forms.vaulted ul li address p {
  color: var(--black);
  padding: 0em 0.5em;
}

#body.shop-checkout section.phase.address > .forms.vaulted ul li address {
  background-color: var(--white);
  height: 6em;
}

#body.shop-checkout section.phase.address > .forms.manual form fieldset > div.usps-deliverable input {
  accent-color: var(--primary-color);
}



/* Service phase */
#body.shop-checkout section.phase.service > .forms.shipments ul.shipments > li {
  margin-bottom: 2em;
}
#body.shop-checkout section.phase.service > .forms.shipments ul.shipments > li > h4 {
  font-size: 1.17em;
}
#body.shop-checkout section.phase.service > .forms.shipments .note {
  margin-bottom: 1em;
}

#body.shop-checkout section.phase.service > .forms.split button[type="submit"] {
  display: block;
  background: none!important;
  border: 1px;
  padding: 0!important;
  margin: 0.5em auto;
  width: auto;
  box-shadow: none;
  color: var(--action-button);
  text-decoration: none;
  cursor: pointer;
}

#body.shop-checkout section.phase.service > .forms.split p.informational {
  display: block;
  margin: 0 0.75em;
  max-height: 0;
  transition: max-height 0.5s;
  overflow: hidden;
}

#body.shop-checkout section.phase.service > .forms.split > i.fa:hover ~ p.informational {
  max-height: 10em;
}



/* Payment phase */
#body.shop-checkout section.phase.payment form fieldset {
  margin-bottom: 1em;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 0.75em;
}

#body.shop-checkout section.phase.payment > .forms > .payment-opener-content {
  margin-left: auto;
  margin-right: auto;
}

#body.shop-checkout section.phase.payment ul.errors {
  color: var(--alert-color);
  list-style: none;
}

#body.shop-checkout section.phase.payment > .forms > form[name="paycard"] {
  max-width: 620px;
}

#body.shop-checkout section.phase.payment > .forms.vaulted ul.vaulted {
  background-color: var(--light-color);
}

#body.shop-checkout section.phase.payment > .forms.vaulted ul.vaulted li {
  background-color: var(--dark-color);
}

#body.shop-checkout section.phase.payment > .forms.vaulted ul.vaulted li label {
  display: block;
  background-color: var(--white);
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

#body.shop-checkout section.phase.payment > .forms.vaulted ul.vaulted li label p {
  color: var(--black);
  padding: 0em 0.5em;
}

#body.shop-checkout section.phase.payment > .forms.vaulted ul.vaulted li label p:first-of-type {
  margin-bottom: 0.5em;
}
#body.shop-checkout section.phase.payment > .forms.vaulted ul.vaulted li label p:last-of-type {
  padding-bottom: 0.5em;
}

#body.shop-checkout section.phase.payment > .forms.vaulted ul.vaulted li label h3 {
  color: var(--white);
  background-color: var(--dark-color);
  padding-bottom: 0.25em;
}

#body.shop-checkout section.phase.payment > .forms.manual form fieldset > div.usps-deliverable input {
  accent-color: var(--primary-color);
}



/* Review phase */
#body.shop-checkout section.phase.review > form .note {
  margin-bottom: 1em;
}

#body.shop-checkout section.phase.review > .forms.submit ul.errors {
  color: var(--alert-color);
  list-style: none;
}




/* Layout for desktops */
@media only screen and (min-width: 750px) {
  #body.shop-checkout {
    min-width: 1024px;
    grid-template-columns: 2fr 1fr;
  }

  #body.shop-checkout > * {
    overflow: hidden;
  }
  
  #body.shop-checkout form button {
      width: 50%;
  }

  #body.shop-checkout nav.progress-nav {
    grid-column: 1 / 3;
  }

  #body.shop-checkout section.phase.service > .forms.shipments ul.shipments ul.services {
    width: 50%;
    padding: 0.5em;
    margin: auto;
  }
  
  /* Phases */
  #body.shop-checkout > div.phases {
    order: 1;
    grid-column: 1 / 2;
  }



  /* Summary */
  #body.shop-checkout aside.summary {
    order: 2;
    grid-column: 2 / 3;
  }

  #body.shop-checkout aside.summary > div.content {
    max-height: initial;
  }

  #body.shop-checkout aside.summary > label[for="summary-opener"] {
    display: none;
  }



  /* Account phase */
  #body.shop-checkout section.phase.account > div.forms {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1em;
  }

  #body.shop-checkout section.phase.account > div.forms > div.card {
    position: relative;
    vertical-align: top;
  }


  /* Address phase */
  #body.shop-checkout section.phase.address > .forms.validation .address-opener-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1em;
  }

  #body.shop-checkout section.phase.address > .forms.validation .address-opener-content > p {
    grid-column: 1 / 3;
  }

  #body.shop-checkout section.phase.address > .forms.manual form fieldset {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  #body.shop-checkout section.phase.address > .forms.manual form fieldset > * {
    grid-column: 1 / 7;
  }

  #body.shop-checkout section.phase.address > .forms.manual form fieldset > div.first-name {
    grid-column: 1 / 4;
  }

  #body.shop-checkout section.phase.address > .forms.manual form fieldset > div.last-name {
    grid-column: 4 / 7;
  }

  #body.shop-checkout section.phase.address > .forms.manual form fieldset > div.email-address {
    grid-column: 1 / 4;
  }

  #body.shop-checkout section.phase.address > .forms.manual form fieldset > div.phone-number{
    grid-column: 4 / 7;
  }

  #body.shop-checkout section.phase.address > .forms.manual form fieldset > div.street-lines-0 {
    grid-column: 1 / 5;
  }

  #body.shop-checkout section.phase.address > .forms.manual form fieldset > div.street-lines-1 {
    grid-column: 5 / 7;
  }

  #body.shop-checkout section.phase.address > .forms.manual form fieldset > div.city-municipality {
    grid-column: 1 / 3;
  }

  #body.shop-checkout section.phase.address > .forms.manual form fieldset > div.state-province {
    grid-column: 3 / 5;
  }

  #body.shop-checkout section.phase.address > .forms.manual form fieldset > div.postal-code {
    grid-column: 5 / 7;
  }



  /* Service phase */
  #body.shop-checkout section.phase.service > .forms.split button[type="submit"]:not([disabled]):hover {
    text-decoration: underline;
  }


  
  /* Payment phase */
  #body.shop-checkout section.phase.payment > .forms.paycard form fieldset.paycard {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  #body.shop-checkout section.phase.payment > .forms.paycard form fieldset.paycard > div.number {
    grid-column: 1 / 4;
  }

  #body.shop-checkout section.phase.payment > .forms.paycard form fieldset.paycard > div.expiration {
    grid-column: 4 / 6;
  }

  #body.shop-checkout section.phase.payment > .forms.paycard form fieldset.paycard > div.cvv {
    grid-column: 6 / 7;
  }

  #body.shop-checkout section.phase.payment > .forms.paycard form fieldset.address {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  #body.shop-checkout section.phase.payment > .forms.paycard form fieldset.address > * {
    grid-column: 1 / 7;
  }

  #body.shop-checkout section.phase.payment > .forms.paycard form fieldset.address > div.first-name {
    grid-column: 1 / 4;
  }

  #body.shop-checkout section.phase.payment > .forms.paycard form fieldset.address > div.last-name {
    grid-column: 4 / 7;
  }

  #body.shop-checkout section.phase.payment > .forms.paycard form fieldset.address > div.street-lines-0 {
    grid-column: 1 / 5;
  }

  #body.shop-checkout section.phase.payment > .forms.paycard form fieldset.address > div.street-lines-1 {
    grid-column: 5 / 7;
  }

  #body.shop-checkout section.phase.payment > .forms.paycard form fieldset.address > div.city-municipality {
    grid-column: 1 / 3;
  }

  #body.shop-checkout section.phase.payment > .forms.paycard form fieldset.address > div.state-province {
    grid-column: 3 / 5;
  }

  #body.shop-checkout section.phase.payment > .forms.paycard form fieldset.address > div.postal-code {
    grid-column: 5 / 7;
  } 
}
/* Header */
#body.shop-receipt >h1{
  background-color: #555;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0em;
  padding: 0.8em;
}

/* Header */
#body.shop-receipt >h1{
  background-color: #555;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0em;
  padding: 0.8em;
}
#body.shop-receipt >h1 span.arrow{
  font-family: FontAwesome;
}

/* Print */
#body.shop-receipt >.print{
  display: none;
  margin: 0em auto;
  max-width: 1280px;
  padding-top: 1em;
  text-align: right;
}
#body.shop-receipt >.print span.icon{
  font-family: FontAwesome;
}

/* Thanks */
#body.shop-receipt >.thanks{
  margin: 0em auto;
  max-width: 1280px;
  padding: 1em;
}

/* Order identifier */
#body.shop-receipt >.order{
  margin: 0em auto;
  max-width: 1280px;
  padding: 1em;
}
#body.shop-receipt >.order >.id{
  margin: 1em 0em;
}

/* Header */
#body.shop-receipt >.order .header{
  background-color: #fff;
  margin-bottom: 2px;
  padding: 1em;
}
#body.shop-receipt >.order .header >div{
  white-space: nowrap;
}
#body.shop-receipt >.order .header >div >*{
  display: inline-block;
  vertical-align: top;
}
#body.shop-receipt >.order .header >div >.pii{
  box-sizing: border-box;
  padding-right: 2em;
  width: 60%;
  white-space: normal;
}
#body.shop-receipt >.order .header >div >.address{
  width: 30%;
}
#body.shop-receipt >.order .header >div >.payment{
  width: 30%;
}
#body.shop-receipt >.order .header >div >.summary{
  width: 40%;
}
#body.shop-receipt >.order .header >.labels{
  border-bottom: 1px solid #000;
}
#body.shop-receipt >.order .header >.values{
}
#body.shop-receipt >.order .header >.values >.summary{
}
#body.shop-receipt >.order .header >.values >.summary p >span{
  display: inline-block;
  width: 50%;
}
#body.shop-receipt >.order .header >.values >.summary span.value{
  text-align: right;
  width: 10em;
}
#body.shop-receipt >.order .header >.values >.summary p.grandtotal{
  font-weight: 700;
  margin-top: 1em;
}

/* Items */
#body.shop-receipt >.order >.items{
  background-color: #fff;
  margin: 1em auto;
  overflow: hidden;
  padding: 1em;
  position: relative;
}
#body.shop-receipt >.order >.items >.item >div.details{
  width: 60%;
}
#body.shop-receipt >.order >.items >.item >div.price{
  width: 25%;
}
#body.shop-receipt >.order >.items >.item >div.shop{
  display: none;
}

#body.shop-receipt > div.thanks > p > span.order_number {
  font-weight: bolder;
  color: #ff7f27;
  font-size: 1.5em;
}
#body.shop-receipt > div.thanks > p > span.bold_orng {
  font-weight: bolder;
  color: #ff7f27;
  font-size: 1.5em;
}
#body.shop-receipt > div > .card > .order > .items > .card-body > .pt-product > .product-details > .part-title > .title > a.product-title {
  color: #009554;
}
#body.shop-receipt > div > .card > .order > .items > .card-body > .pt-product > .price-cart > div > .shop > form[name="add"] {
  margin-left:auto; 
  margin-right:0;
  width: 100%;
  display: block;
}

#body.shop-receipt > div > .card > .order > .items > .card-body > .pt-product > .thumbnail div.part-thumbnail {
	position:absolute;
	top:5px;
	left:2px;
}

/* Save Account Info section forms */
#body.shop-receipt .save-info form .field {
  position: relative;
}
#body.shop-receipt .save-info form > div > label:hover {
  cursor: pointer;
}
/* Header */
/*#body.shop-orders >h1{
  background-color: #555;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0em;
  padding: 0.8em;
}*/

/* Order lookup */
/*#body.shop-orders >.lookup{
  text-align: center;
}
#body.shop-orders >.lookup form{
  background-color: #fff;
  margin: 1em auto;
  max-width: 800px;
  min-width: 640px;
  overflow: hidden;
  padding: 1em;
  position: relative;
  vertical-align: top;
  width: 45%;
}
#body.shop-orders >.lookup form >h2{
  font-size: 1.5em;
  margin: 1em;
}
#body.shop-orders >.lookup form p.description{
  margin: 1em;
}
#body.shop-orders >.lookup form p.information{
  font-weight: 700;
  margin: 1em;
  margin-left: 2em;
}
#body.shop-orders >.lookup form .field{
  margin: 0.75em 0em;
  text-align: left;
  white-space: nowrap;
}
#body.shop-orders >.lookup form .field >*{
  display: inline-block;
  vertical-align: middle;
}
#body.shop-orders >.lookup form .field p.label{
  color: #555;
  margin: 0em 0.5em;
  text-align: right;
  width: 40%;
}
#body.shop-orders >.lookup form >.error{
  margin: 0em auto;
  width: 60%;
}
#body.shop-orders >.lookup form >button[type="submit"]{
  display: block;
  margin: 1em auto;
}
#body.shop-orders >.lookup form .field.recaptcha{
  margin-top: 2em;
  text-align: center;
}*/
#body.shop-orders >.lookup > .card-body > div > .card > .card-body {
  padding: 0.75rem;
}

#body.shop-orders >.lookup > .card-body > div > .card > .card-body > .form > form > .field > label {
  margin-bottom: 0px;
} 
@media print{
  #body.shop-order form{
    display: none;
  }
}

/* Header */
#body.shop-order >h1{
  background-color: #555;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0em;
  padding: 0.8em;
}
#body.shop-order >h1 span.arrow{
  font-family: FontAwesome;
}

/* Print */
#body.shop-order >.print{
  display: none;
  margin: 0em auto;
  max-width: 1280px;
  padding-top: 1em;
  text-align: right;
}
#body.shop-order >.print span.icon{
  font-family: FontAwesome;
}

/* Order identifier */
#body.shop-order >.order{
  margin: 0em auto;
  max-width: 1280px;
  padding: 1em;
}
#body.shop-order >.order >.id{
  margin: 1em 0em;
}

/* Header */
#body.shop-order >.order .header{
  background-color: #fff;
  margin-bottom: 2px;
  padding: 1em;
}
#body.shop-order >.order .header >div{
  white-space: nowrap;
}
#body.shop-order >.order .header >div >*{
  display: inline-block;
  vertical-align: top;
}
#body.shop-order >.order .header >div >.pii{
  box-sizing: border-box;
  padding-right: 2em;
  width: 60%;
  white-space: normal;
}
#body.shop-order >.order .header >div >.address{
  width: 30%;
}
#body.shop-order >.order .header >div >.payment{
  width: 30%;
}
#body.shop-order >.order .header >div >.summary{
  width: 40%;
}
#body.shop-order >.order .header >.labels{
  border-bottom: 1px solid #000;
}
#body.shop-order >.order .header >.values >.summary p >span{
  display: inline-block;
  width: 50%;
}
#body.shop-order >.order .header >.values >.summary span.value{
  text-align: right;
  width: 10em;
}
#body.shop-order #order-summary-card .summary p.shipping >span >span{
}
#body.shop-order #order-summary-card .summary p.shipping >span >i{
  color: #999;
  font-size: 0.9em;
}

#body.shop-order >.order .header >.values >.summary p.grandtotal{
  font-weight: 700;
  margin-top: 1em;
}

/* Status */
#body.shop-order >.order .status{
  background-color: #fff;
  margin-bottom: 2px;
  overflow: hidden;
  padding: 1em;
  text-align: center;
}
#body.shop-order >.order .status p.title >*{
  vertical-align: middle;
}
#body.shop-order >.order .status span.icon{
  font-family: FontAwesome;
  font-size: 1.5em;
}
#body.shop-order >.order .status span.icon.pending{
  color: #00f;
}
#body.shop-order >.order .status span.icon.alert{
  color: #ff7f27;
}
#body.shop-order >.order .status span.icon.shipping{
  color: #00954e;
}
#body.shop-order >.order .status span.icon.complete{
  color: #00954e;
}
#body.shop-order >.order .status span.icon.canceled{
  color: #999;
}


/* Items */
#body.shop-order >.order >.items{
  background-color: #fff;
  margin: 1em auto;
  overflow: hidden;
  padding: 1em;
  position: relative;
}
#body.shop-order >.order >.items >.item >div.details{
  width: 45%;
}
#body.shop-order >.order >.items >.item >div.price{
  width: 25%;
}
#body.shop-order >.order >.items >.item >div.shop{
  width: 15%;
}

/* Shipments */
#body.shop-order >.order >.shipments{
  background-color: #fff;
  box-sizing: border-box;
  margin: 1em auto;
  padding: 1em;
}
#body.shop-order >.order >.shipments >.shipment{
  border: 1px solid #ece7de;
  border-radius: 0.5em;
  display: inline-block;
  margin: 1em;
  padding: 0.5em;
  text-align: center;
  vertical-align: top;
}
#body.shop-order >.order >.shipments >.shipment img{
  height: 5em;
}
#body.shop-order >.order >.shipments >.shipment p{
  margin: 0.5em;
}

/* Logs */
#body.shop-order >.order >.logs{
  background-color: #fff;
  box-sizing: border-box;
  margin: 1em auto;
  padding: 1em;
}
#body.shop-order >.order >.logs >.logs{
  max-height: 20em;
  overflow-y: auto;
}
#body.shop-order >.order >.logs >.logs >.log{
  padding: 0.5em;
  white-space: nowrap;
}
#body.shop-order >.order >.logs >.logs >.log >*{
  margin: 0em;
  vertical-align: top;
  white-space: normal;
}
#body.shop-order >.order >.logs >.logs >.log >p.time{
  color: #999;
}
#body.shop-order div.logs .log[mailid] >p.log{
  cursor: pointer;
}
#body.shop-order div.logs .log[mailid] >p.log:hover{
text-decoration: underline;
}

/* Orders */
#body.shop-orders > div > .order > .card-body > .card > .card-body > div.logs > div.log p.clickable:hover {
  cursor: pointer;
}

#body.shop-order >.order >.logs >.logs >.log >p.log{
  margin-left: 5em;
}

/* for account order log details */
#body.shop-orders > div > .order > .card-body > .card > .card-body > div.logs .log > .email > p.log {
	cursor:pointer;
}

/*
#body.shop-order .content {
  margin: 0 auto;
  background-color: #fff; 
  max-width: 1280px;
}
*/

/*
#body.shop-order >.order >.logs >.logs table{
  font-size: 1em;
}
#body.shop-order >.order >.logs >.logs table tr td{
  padding: 0.5em;
  vertical-align: top;
}
#body.shop-order >.order >.logs >.logs table tr td:nth-child(1){
  width: 15em;
}
#email-modal{
  overflow: hidden;
  padding: 0em;
}
#email-modal iframe{
  border: none;
  height: 100%;
  width: 100%;
}
*/

/* Forms */
#body.shop-order >.order >form{
  background-color: #fff;
  box-sizing: border-box;
  margin: 1em auto;
  overflow: hidden;
  padding: 1em;
  position: relative;
  width: 60%;
}
#body.shop-order >.order >form .fields{
  margin-bottom: 1em;
  text-align: center;
}
#body.shop-order >.order >form .fields >*{
  display: inline-block;
  vertical-align: middle;
}
#body.shop-order >.order >form textarea{
  height: 5em;
  width: 70%;
  max-height: 5em;
  max-width: 70%;
}
#body.shop-order >.order >form button[type="submit"]{
  display: block;
  margin: 0em auto;
}
#body.shop-order >.order >form >.success{
  background-color: rgba(255, 255, 255, 0.9);
  bottom: 0em;
  color: #333;
  display: none;
  left: 0em;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 0em;
  width: 100%;
  z-index: 1;
}
#body.shop-order >.order >form >.success >span{
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
#body.shop-order >.order >form >.success >div{
  display: inline-block;
  vertical-align: middle;
}
#body.shop-order >.order >form >.success >div .response{
  display: inline-block;
  vertical-align: middle;
}
#body.shop-order >.order >form >.success >div .response .reference-number{
  font-weight: 900;
}
#body.shop-order >.order >form >.success >div .response a{
  color: #ff7f27;
  text-decoration: none;
}

/* Email menu */
#menu-email{
  display: none;
}
#menu-email iframe{
  border: none;
  min-height: 20em;
  width: 100%;
}
.ui-dialog[aria-describedby="menu-email"]{
  background: #fff;
  border: none;
  border-radius: 0em;
  box-shadow: 0em 0em 1em #000;
  overflow: initial;
}
.ui-dialog[aria-describedby="menu-email"] .ui-dialog-titlebar{
  border: none;
  padding: 0em;
  z-index: 1;
}
.ui-dialog[aria-describedby="menu-email"] .ui-dialog-titlebar .ui-dialog-title{
  display: none;
}
.ui-dialog[aria-describedby="menu-email"] .ui-dialog-titlebar .ui-dialog-titlebar-close{
  background: #FF7F27;
  border: none;
  border-radius: 15px;
  right: 0em;
  margin: -15px -15px 0 0;
  height: 30px;
  width: 30px;
}
.ui-dialog[aria-describedby="menu-email"] .pt-dialog-variants p.title{
  font-size: 1.7em;
  margin: 0.5em 0em;
}
.ui-dialog[aria-describedby="menu-email"] .pt-dialog-variants p.description{
  font-size: 1.5em;
  margin: 0.5em 0em;
}
.ui-dialog[aria-describedby="menu-email"] .pt-dialog-variants p.label{
  border-bottom: 1px solid #999;
  color: #999;
  margin-top: 2em;
  padding-bottom: 0.25em;
}
.ui-dialog[aria-describedby="menu-email"] .pt-dialog-variants ul{
  padding: 0em;
}
.ui-dialog[aria-describedby="menu-email"] .pt-dialog-variants ul li{
  list-style-type: none;
  margin: 0.5em;
}
.ui-dialog[aria-describedby="menu-email"] .pt-dialog-variants ul li a{
  color: #ff7f27;
  font-size: 1.3em;
  outline: none;
  text-decoration: none;
}