/* Colors */
/* fonts */
body {
  font-family: 'GothamMedium'; }

#maincontent h1.page-title {
  background-color: #1E1932;
  font-family: "GothamBold"; }
  #maincontent h1.page-title:before {
    background-color: #1E1932; }

#maincontent .container h1.page-title {
  background-color: #1E1932; }
  #maincontent .container h1.page-title:before {
    background-color: #1E1932; }

#maincontent .nav.nav-tabs .nav-link.active {
  border-bottom: 0.188em solid #FAB42D; }

#maincontent .alert-danger {
  border-left: 5px solid #220D4E; }

.nav.nav-tabs .nav-link.active {
  border-bottom: 0.188em solid #220D4E; }

a.normal {
  color: #220D4E; }

header ~ #maincontent .container a:not(.btn-primary):not(.btn-outline-primary) {
  color: #220D4E; }

h1 {
  font-family: "GothamBold"; }

h2 {
  font-family: "GothamBold"; }

h3 {
  font-family: "GothamLight"; }

h5 {
  font-family: "GothamBold";
  text-transform: capitalize; }

label {
  font-family: "GothamBook"; }

input {
  font-family: "GothamLight"; }

#maincontent {
  /*.hero.slant-down h2.page-title {
		background-color: $primary-opacity-color;
	}
	.hero.slant-down h2.page-title:before {
    	background-color: $primary-opacity-color;
	}*/ }
  #maincontent .hero.slant-down h1.page-title {
    background-color: #1E1932; }
  #maincontent .hero.slant-down h1.page-title:before {
    background-color: #1E1932; }
  #maincontent .section-banner-promotion-one .side-spaces h6 {
    font-family: "GothamLight";
    text-transform: capitalize; }
  #maincontent .btn.btn-primary {
    border-color: #1E1932;
    background-color: #1E1932; }
  #maincontent .btn.btn-primary:hover {
    background-color: #220D4E;
    border-color: #220D4E;
    color: #ffff;
    opacity: 0.9; }
  #maincontent .btn.btn-primary:not(.disable):active {
    color: #ffff;
    border-color: #1E1932;
    background-color: #1E1932; }
  #maincontent .btn.btn-outline-primary {
    border-color: #1E1932;
    background-color: #ffff;
    color: #1E1932; }
    #maincontent .btn.btn-outline-primary:hover {
      border-color: #1E1932;
      color: #ffff;
      background-color: #1E1932; }
  #maincontent .icon {
    color: #1E1932; }

.popover .checkout-and-applepay #cart-checkout-button .btn.btn-primary {
  border-color: #1E1932; }

.popover .minicart-error .alert-danger {
  border-left: 5px solid #220D4E; }

.minicart .minicart-footer .checkout-and-applepay > .row #cart-checkout-button a {
  background-color: #1E1932; }

.btn.btn-primary {
  border-color: #1E1932;
  background-color: #1E1932; }

.btn.btn-primary:hover {
  border-color: #220D4E;
  background-color: #220D4E;
  color: #ffff; }

button {
  font-family: "GothamBook"; }

p {
  font-family: "GothamBook"; }

span {
  font-family: "GothamBook"; }

a {
  font-family: "GothamBook"; }

.product-detail .c-add-to-cart .btn.btn-primary {
  border-color: #FAB42D !important;
  background-color: #FAB42D !important; }

.product-detail .c-add-to-cart .btn.btn-primary:hover {
  border-color: #FAB42D !important;
  background-color: #FAB42D !important;
  color: #ffff; }

.cart .card .item-attributes .product-edit .move {
  color: #FAB42D !important; }

.tab-pane .custom-select {
  color: #1E1932; }

.shipping-section .single-shipping .card .card-body .shipping-address .btn-show-details, .shipping-section .single-shipping .card .card-body .shipping-address .btn-add-new {
  color: #FAB42D; }

.footer .whatsappFloat {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  background-size: cover; }
  .footer .whatsappFloat .position {
    position: fixed;
    bottom: 75px;
    right: 6px;
    z-index: 9999999; }

/* Colors */
/* fonts */
/*@font-face {
    font-family: 'Ubuntu-Bold';
    src: url("../fonts/Ubuntu-Bold.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Ubuntu-BoldItalic';
    src: url("../fonts/Ubuntu-BoldItalic.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Ubuntu-Italic';
    src: url("../fonts/Ubuntu-Italic.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Ubuntu-Light';
    src: url("../fonts/Ubuntu-Light.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Ubuntu-LightItalic';
    src: url("../fonts/Ubuntu-LightItalic.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Ubuntu-Medium';
    src: url("../fonts/Ubuntu-Medium.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Ubuntu-MediumItalic';
    src: url("../fonts/Ubuntu-MediumItalic.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Ubuntu-Regular';
    src: url("../fonts/Ubuntu-Regular.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}*/
@font-face {
  font-family: 'GothamBlack';
  src: url("../fonts/Gotham-Black.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamBlacklta';
  src: url("../fonts/Gotham-Blacklta.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamBold';
  src: url("../fonts/Gotham-Bold.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamBoldlta';
  src: url("../fonts/Gotham-Boldlta.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamBook';
  src: url("../fonts/Gotham-Book.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamBooklta';
  src: url("../fonts/Gotham-Booklta.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamLight';
  src: url("../fonts/Gotham-Light.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamLightlta';
  src: url("../fonts/Gotham-Lightlta.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamMedium';
  src: url("../fonts/Gotham-Medium.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamMediumlta';
  src: url("../fonts/Gotham-Mediumlta.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamThin';
  src: url("../fonts/Gotham-Thin.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamThinlta';
  src: url("../fonts/Gotham-Thinlta.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamUltra';
  src: url("../fonts/Gotham-Ultra.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamUltralta';
  src: url("../fonts/Gotham-Ultralta.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamXLight';
  src: url("../fonts/Gotham-XLight.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamXLightlta';
  src: url("../fonts/Gotham-XLightlta.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamCondBold';
  src: url("../fonts/GothamCond-Bold.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamCondBook';
  src: url("../fonts/GothamCond-Book.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamCondLight';
  src: url("../fonts/GothamCond-Light.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamCondMedium';
  src: url("../fonts/GothamCond-Medium.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamRndBold';
  src: url("../fonts/GothamRnd-Bold.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamRndBoldlta';
  src: url("../fonts/GothamRnd-Boldlta.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamRndBooklta';
  src: url("../fonts/GothamRnd-Booklta.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamRndLight';
  src: url("../fonts/GothamRnd-Light.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamRndLightlta';
  src: url("../fonts/GothamRnd-Lightlta.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamRndMedlta';
  src: url("../fonts/GothamRnd-Medlta.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'GothamRndMedium';
  src: url("../fonts/GothamRnd-Medium.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

#maincontent .login-image {
  background-image: url("../images/banner-myAccount-repuestosexpress.png");
  background-position-y: 40%; }

header {
  position: sticky;
  top: 0;
  z-index: 1041; }

.navigation-header .site-search .search-button {
  background: #FAB42D;
  color: #ffff;
  width: 25px;
  height: 25px;
  border-radius: 20px;
  margin: -3px -5px 3px 0; }

.navigation-header .container .navbar-header .vehicle-search .choose-vehicle:hover .open-garage {
  background-color: #E4E4E4;
  color: #1E1932; }

.navigation-header .container .navbar-header .vehicle-search .choose-vehicle:hover .close-garage {
  background-color: #ffff;
  color: #1E1932; }

.navigation-header .container .navbar-header .vehicle-search .vehicleSearchButton {
  color: #444;
  border-color: #1E1932;
  border-radius: 20px;
  padding: 3px 4px; }
  .navigation-header .container .navbar-header .vehicle-search .vehicleSearchButton .open-garage {
    color: #1E1932;
    border-color: #E4E4E4;
    background-color: #E4E4E4; }
    .navigation-header .container .navbar-header .vehicle-search .vehicleSearchButton .open-garage .fa-angle-down {
      color: #1E1932; }
    .navigation-header .container .navbar-header .vehicle-search .vehicleSearchButton .open-garage .fa-angle-down:hover {
      color: #1E1932; }
  .navigation-header .container .navbar-header .vehicle-search .vehicleSearchButton .open-garage:hover {
    color: #1E1932; }
  .navigation-header .container .navbar-header .vehicle-search .vehicleSearchButton .close-garage {
    color: #1E1932;
    border-color: #1E1932; }
    .navigation-header .container .navbar-header .vehicle-search .vehicleSearchButton .close-garage .fa-angle-up {
      color: #1E1932;
      top: 0px;
      left: 3px; }
    .navigation-header .container .navbar-header .vehicle-search .vehicleSearchButton .close-garage .fa-angle-up:hover {
      color: #1E1932; }
  .navigation-header .container .navbar-header .vehicle-search .vehicleSearchButton .close-garage:hover {
    color: #1E1932; }

.navigation-header .container .navbar-header .vehicle-search .vehicleSearchSubmit {
  background-color: #1E1932;
  opacity: 1; }

@media (min-width: 769px) {
  .navigation-header .container .navbar-header .display-element {
    display: none; } }

.navigation-header .container .navbar-header .logo-home .hidden-sm-down {
  height: 86px !important;
  margin-top: -10px !important;
  width: 200px;
  margin-left: 23px; }
  @media (max-width: 991px) {
    .navigation-header .container .navbar-header .logo-home .hidden-sm-down {
      height: 45px !important;
      margin-top: 15px !important;
      width: 170px;
      margin-left: -130px; } }

.navigation-header .container .pull-right .minicart .minicart-quantity {
  background-color: #FAB42D; }

@media (max-width: 768px) {
  .navigation-header .header {
    background-color: #ffff !important; } }

.navigation-header .main-menu {
  background-color: #1E1932; }

@media (min-width: 769px) {
  .navigation-header .navbar-nav {
    background-color: #1E1932; } }

.navigation-header .navbar-nav .nav-item .nav-link {
  font-family: "GothamBold"; }

.navigation-header .navbar-nav .dropdown-menu .dropdown {
  font-family: "GothamBold"; }

.navigation-header .navbar-nav .dropdown-menu .dropdown-item {
  font-family: "GothamBold"; }

.navigation-header .navbar-header .navbar-toggler {
  color: #1E1932 !important; }

.navigation-header .navbar-header .pull-right .search .site-search .form-control {
  font-family: "GothamLight"; }

.navigation-header .navbar-header .pull-right .hidden-md-down .user {
  width: 100%;
  margin-left: 175px; }
  .navigation-header .navbar-header .pull-right .hidden-md-down .user .user-message {
    font-family: "GothamBook";
    font-size: 12px; }
  .navigation-header .navbar-header .pull-right .hidden-md-down .user .whislist-icon {
    height: 25px;
    width: 25px;
    border-radius: 20px;
    background: #E4E4E4;
    padding: 5px 0 0 5px; }
  .navigation-header .navbar-header .pull-right .hidden-md-down .user .user-icon {
    height: 25px;
    width: 25px;
    border-radius: 20px;
    background: #E4E4E4;
    padding: 4px 0 0 6px; }

@media (max-width: 768px) {
  .vehicle-search .choose-vehicle:hover .close-garage {
    background-color: #ffff; }
  .vehicle-search .choose-vehicle:hover .open-garage {
    background-color: #E4E4E4; }
  .vehicle-search .choose-vehicle:hover .close-garage i {
    color: #1E1932; }
  .vehicle-search .choose-vehicle:hover .open-garage i {
    color: #1E1932; }
  .vehicle-search .choose-vehicle-slidedown .menu-garage-open .vehicle-search-form button {
    background-color: #1E1932;
    border: #1E1932;
    opacity: 1; }
  .vehicle-search .vehicleSearchButton {
    border-radius: 20px;
    border: solid 2px #1E1932; }
    .vehicle-search .vehicleSearchButton .veh-selection {
      color: #1E1932; }
    .vehicle-search .vehicleSearchButton .open-garage {
      border: 2px solid #E4E4E4; }
    .vehicle-search .vehicleSearchButton .close-garage {
      border: 2px solid #1E1932; }
    .vehicle-search .vehicleSearchButton i.fa {
      color: #1E1932; } }

.footer {
  background-color: #1E1932; }
  .footer .footer-container .column p {
    font-family: "GothamBold";
    color: #FAB42D; }
  .footer .footer-container .column a {
    font-family: "GothamBook";
    color: #ffff; }
  .footer .border-hr {
    border-top: 2px solid #ffff; }
  .footer .icon-facebook:before {
    color: #ffff; }
  .footer .icon-linkedin:before {
    color: #ffff; }
  .footer .icon-twitter:before {
    color: #ffff; }
  .footer .icon-youtube:before {
    color: #ffff; }
  .footer .icon-google:before {
    color: #ffff; }
  .footer .parag-rights {
    font-family: "GothamBook";
    color: #ffff; }
  .footer .icon-visa:before {
    color: #ffff; }
  .footer .icon-master_card:before {
    color: #ffff; }
  .footer .icon-american_express:before {
    color: #ffff; }

.hero.slant-down.banner-bg h2.image-title {
  background-color: rgba(112, 112, 112, 0.6);
  border-radius: 0px 5px 5px 0px; }
  @media (max-width: 575px) {
    .hero.slant-down.banner-bg h2.image-title {
      display: -ms-flexbox;
      display: flex;
      width: 100%; } }
  .hero.slant-down.banner-bg h2.image-title img {
    max-width: 300px; }

/* Colors */
/* fonts */
.main-menu .navbar .menu-group .nav-item .dropdown-menu .dropdown-item a:hover {
  color: #364a1e; }

.main-menu .navbar .menu-group .nav-item .dropdown-menu .dropdown-item:hover {
  background-color: #FAB42D; }

.navigation-header .container .navbar-header .logo-home .d-lg-none {
  margin-top: 10px !important; }

.postalCode-modal .postalCode-text {
  margin: 15px 15px;
  font-size: 17px; }

#maincontent .account-image {
  background-image: url(../../images/banner-myAccount-repuestosexpress.png);
  background-position-y: 40%; }

#maincontent .hero.slant-down.account-image.account-image {
  background-image: url(../../images/banner-myAccount-repuestosexpress.png);
  background-position-y: 40%; }