.p-auto {
  padding: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 1rem !important;
}
.pt-1 {
  padding-top: 1rem !important;
}
.pr-1 {
  padding-right: 1rem !important;
}
.pb-1 {
  padding-bottom: 1rem !important;
}
.pl-1 {
  padding-left: 1rem !important;
}
.p-2 {
  padding: 2rem !important;
}
.pt-2 {
  padding-top: 2rem !important;
}
.pr-2 {
  padding-right: 2rem !important;
}
.pb-2 {
  padding-bottom: 2rem !important;
}
.pl-2 {
  padding-left: 2rem !important;
}
.p-3 {
  padding: 3rem !important;
}
.pt-3 {
  padding-top: 3rem !important;
}
.pr-3 {
  padding-right: 3rem !important;
}
.pb-3 {
  padding-bottom: 3rem !important;
}
.pl-3 {
  padding-left: 3rem !important;
}
.p-4 {
  padding: 4rem !important;
}
.pt-4 {
  padding-top: 4rem !important;
}
.pr-4 {
  padding-right: 4rem !important;
}
.pb-4 {
  padding-bottom: 4rem !important;
}
.pl-4 {
  padding-left: 4rem !important;
}
.m-auto {
  margin: auto !important;
}
.m-0 {
  margin: 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 1rem !important;
}
.mt-1 {
  margin-top: 1rem !important;
}
.mr-1 {
  margin-right: 1rem !important;
}
.mb-1 {
  margin-bottom: 1rem !important;
}
.ml-1 {
  margin-left: 1rem !important;
}
.m-2 {
  margin: 2rem !important;
}
.mt-2 {
  margin-top: 2rem !important;
}
.mr-2 {
  margin-right: 2rem !important;
}
.mb-2 {
  margin-bottom: 2rem !important;
}
.ml-2 {
  margin-left: 2rem !important;
}
.m-3 {
  margin: 3rem !important;
}
.mt-3 {
  margin-top: 3rem !important;
}
.mr-3 {
  margin-right: 3rem !important;
}
.mb-3 {
  margin-bottom: 3rem !important;
}
.ml-3 {
  margin-left: 3rem !important;
}
.m-4 {
  margin: 4rem !important;
}
.mt-4 {
  margin-top: 4rem !important;
}
.mr-4 {
  margin-right: 4rem !important;
}
.mb-4 {
  margin-bottom: 4rem !important;
}
.ml-4 {
  margin-left: 4rem !important;
}


.btn-success { background: #000000 !important; color: #FFFFFF !important; border-color: #000000 !important; }
.has-error .form-control { border-color: #FF0000 !important; }
.has-success .form-control { border-color: #006600 !important; }
.has-success-message { color: #006600 !important; }
.has-error-message { color: #FF0000 !important; }
.container-validator { padding: 0px; }
.has-error-text { color: #FF0000 !important; }
.has-success-text { color: #006600 !important; }

.color-selector {border-radius:0; border:0;}
.color-selector-disabled {opacity: 0.2;filter: alpha(opacity=20);}
.color-selector-active {outline:4px solid #000000;opacity:1;}

.dropdown-cart-vertical-scroller {max-height: 310px;overflow-y: auto;}

.section.page-cat .page-tit-custom {border:2px solid #eeeeee;border-radius:5px;max-height:4000px !important ;margin-bottom:40px;}
.page-tit-txt-custom {padding: 2% 60px !important;}
.navbar-services .dropdown {display:none;}
.alert.alert-success {display:none;}

.widget .box-head h2 {font-size:20px;color:#000;font-family:"bg-medium";text-transform:uppercase;margin:0;}
.page-tit .page-tit-txt h1 {font-size:32px;color:#000;font-family:"bg-medium";text-transform:uppercase;margin-bottom:25px;}



.btn-grade-active {height:50px;border-radius:30px;background:#f6a623;font-size:18px;color:#fff;padding:15px;text-align:center;vertical-align:middle;text-transform:uppercase;letter-spacing:1px;}
.btn-grade-active:hover, button.btn-cart-add:focus, button.btn-cart-add:active:focus {color:#fff !important;outline:0 !important;}

.btn-grade {height:50px;border-radius:30px;background:#f5f5f5;font-size:18px;color:#484848;padding:15px;text-align:center;vertical-align:middle;text-transform:uppercase;letter-spacing:1px;}
.btn-grade:hover, button.btn-cart-add:focus, button.btn-cart-add:active:focus {color:#484848 !important;outline:0 !important;}

.discount {text-decoration: line-through;}

.dealer-checkout-error { color: #FF0000 !important; margin: 20px; }

.tech-title { color: #FFFFFF; background:#646566; padding-top:10px; padding-bottom: 10px; }
.tech-group { margin-bottom: 25px; }
.tech-row { padding-top:5px; padding-bottom: 5px; }
.tech-row a { border-bottom: 1px dashed; color: #454545; }

.discount-text { color: #909090 !important; text-decoration: line-through !important; } 
.grade-text { position: absolute; top: 6px; right: 18px; font-size: 10px; border-radius: 12px; padding: 4px 10px 4px 10px; background: #646566 !important; color: #FFFFFF !important; }

/* #share-buttons img { width: 35px; border: 0; box-shadow: 0; display: inline; vertical-align: top; } */
.facebook-like { border:none; overflow:hidden; padding-top:3px; }

.prod-warranty { margin: 0px !important; }
.prod-cod-2 { margin: 5px 0px 0px 0px !important; }

.form-control.border {
  border: 1px solid #ccc;
}

.card-shape,
#creditcard-container.visa,
#creditcard-container.master-card,
#creditcard-container.maestro,
#creditcard-container.american-express,
#creditcard-container.discover,
#creditcard-container.unionpay,
#creditcard-container.jcb,
#creditcard-container.diners-club {
  border-radius: 6px;
  padding: 2em 2em 1em;
}
@media (max-width: 476px) {
  .card-shape,
  #creditcard-container.visa,
  #creditcard-container.master-card,
  #creditcard-container.maestro,
  #creditcard-container.american-express,
  #creditcard-container.discover,
  #creditcard-container.unionpay,
  #creditcard-container.jcb,
  #creditcard-container.diners-club {
    padding: 2em 1.5em 1em;
  }
}

.paypal-button.paypal-button-shape-rect {border-radius:10px;}

#creditcard-container {
  margin-bottom: 2em;
  transition: all 600ms cubic-bezier(0.2, 1.3, 0.7, 1);
  -webkit-animation: cardIntro 500ms cubic-bezier(0.2, 1.3, 0.7, 1);
  animation: cardIntro 500ms cubic-bezier(0.2, 1.3, 0.7, 1);
  z-index: 1;
}
@media (max-width: 476px) {
  #creditcard-container {
    box-sizing: border-box;
    padding: 20px 0;
    width: 100%;
  }
}
#creditcard-container.visa {
  color: #fff;
  background-color: #0d4aa2;
}
#creditcard-container.master-card {
  color: #fff;
  background-color: #363636;
  background: linear-gradient(
    115deg,
    #d82332,
    #d82332 50%,
    #f1ad3d 50%,
    #f1ad3d
  );
}
#creditcard-container.maestro {
  color: #fff;
  background-color: #363636;
  background: linear-gradient(
    115deg,
    #009ddd,
    #009ddd 50%,
    #ed1c2e 50%,
    #ed1c2e
  );
}
#creditcard-container.american-express {
  color: #fff;
  background-color: #007cc3;
}
#creditcard-container.discover {
  color: #fff;
  background-color: #ff6000;
  background: linear-gradient(#d14310, #f7961e);
}
#creditcard-container.unionpay,
#creditcard-container.jcb,
#creditcard-container.diners-club {
  color: #fff;
  background-color: #363636;
}

.checkout-button-label-container {
  padding: 16px 16px;
  background: #f1f1f1;
  border-radius: 4px;
  font-size: 16px;
  text-align: center;
  margin-bottom:15px;
  max-width:750px;
}

.cardinfo-label {
  display: block;
  font-size: 11px;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.cardinfo-exp-date {
  margin-right: 1em;
  width: 100%;
}

.cardinfo-cvv {
  width: 100%;
}

#button-pay {
  cursor: pointer;
  width: 16em;
  font-size: 15px;
  height: 55px;
  border: 0;
  padding: 1.2em 1em;
  color: #fff;
  background: #282c37;
  border-radius: 4px;
  z-index: 0;
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
  transition: all 500ms cubic-bezier(0.2, 1.3, 0.7, 1);
  opacity: 0;
  -webkit-appearance: none;
}
#button-pay:hover {
  background: #535b72;
}
#button-pay:active {
  -webkit-animation: cardIntro 200ms cubic-bezier(0.2, 1.3, 0.7, 1);
  animation: cardIntro 200ms cubic-bezier(0.2, 1.3, 0.7, 1);
}
#button-pay.show-button {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.cardinfo-card-number {
  position: relative;
}

#card-image {
  position: absolute;
  top: 2em;
  right: 1em;
  width: 44px;
  height: 28px;
  background-image: url();
  background-size: 86px 458px;
  border-radius: 4px;
  background-position: -100px 0;
  background-repeat: no-repeat;
  margin-bottom: 1em;
}
#card-image.visa {
  background-position: 0 -398px;
}
#card-image.master-card {
  background-position: 0 -281px;
}
#card-image.american-express {
  background-position: 0 -370px;
}
#card-image.discover {
  background-position: 0 -163px;
}
#card-image.maestro {
  background-position: 0 -251px;
}
#card-image.jcb {
  background-position: 0 -221px;
}
#card-image.diners-club {
  background-position: 0 -133px;
}

.input-wrapper {
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.86);
  height: 2.75em;
  border: 1px solid #eee;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
  padding: 5px 10px;
  margin-bottom: 1em;
}

.cardinfo-card-number,
.cardinfo-exp-date,
.cardinfo-cvv {
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

#js_loader {
  background-color: #000000aa;
  z-index: 120;
}


#js_loader{ background-color: #000000AA; z-index: 120; }

.checkout-button-label-container {
  padding: 16px 16px;
  background: #f1f1f1;
  border-radius: 4px;
  font-size: 16px;
  text-align: center;
  margin-bottom:15px;
  max-width:750px;
}