/*---------
Bootstrap 3 media query mixins
---------*/
/* Colors */
/* Fonts */
/* Fonts */
header {
  position: unset; }

.navigation-header .search {
  width: 35%;
  max-width: 500px; }
  @media (min-width: 768px) {
    .navigation-header .search .site-search {
      width: 100%; } }
  .navigation-header .search .site-search input.form-control {
    margin-top: -3px;
    border: 3px solid #a8abaf;
    border-radius: 20px; }

.navigation-header .help.desktop {
  color: #6c757d;
  padding-right: 10px;
  margin-top: 21px; }
  .navigation-header .help.desktop i {
    font-size: 1.6rem;
    cursor: pointer; }

.search-mobile .site-search input.form-control {
  border-radius: 20px;
  width: calc(100% - 35px);
  padding-left: 40px; }

.search-mobile .site-search .fa-search {
  right: 45px;
  /*margin-left:15px;
			color:$main-blue;*/ }

.search-mobile .site-search .help.mobile {
  position: absolute;
  margin-top: -30px;
  right: 0;
  margin-right: 7px;
  color: #6c757d; }
  .search-mobile .site-search .help.mobile i {
    font-size: 1.6rem;
    cursor: pointer; }

/* Colors */
/* Fonts */
/* Fonts */
.quick-view-dialog .modal-header .full-pdp-link,
.choose-bonus-product-dialog .modal-header .full-pdp-link {
  color: #004F93; }

.quick-view-dialog .modal-body,
.choose-bonus-product-dialog .modal-body {
  max-height: inherit; }

.product-detail {
  padding-top: 20px;
  font-family: 'OpenSansRegular'; }
  .product-detail .description-and-detail {
    margin-top: 3rem;
    margin-bottom: 2rem; }
    .product-detail .description-and-detail .description,
    .product-detail .description-and-detail .details, .product-detail .description-and-detail .models {
      margin-top: 3rem; }
      @media (max-width: 560px) {
        .product-detail .description-and-detail .description,
        .product-detail .description-and-detail .details, .product-detail .description-and-detail .models {
          margin-top: 0rem; } }
      .product-detail .description-and-detail .description h2,
      .product-detail .description-and-detail .details h2, .product-detail .description-and-detail .models h2 {
        font-size: 27px;
        margin-bottom: 25px;
        font-family: "MontserratRegular";
        font-weight: 600; }
      .product-detail .description-and-detail .description p,
      .product-detail .description-and-detail .details p, .product-detail .description-and-detail .models p {
        margin-top: 9px;
        margin-bottom: 7px; }
      .product-detail .description-and-detail .description .right-column,
      .product-detail .description-and-detail .details .right-column, .product-detail .description-and-detail .models .right-column {
        font-family: 'OpenSansBold';
        color: #4B4B4B; }
  .product-detail .primary-images {
    margin-bottom: 70px; }
  .product-detail .price-subtext,
  .product-detail .product-number,
  .product-detail .product-brand,
  .product-detail .product-name,
  .product-detail .price .range,
  .product-detail .price .sales,
  .product-detail .price .starting {
    font-family: 'OpenSansRegular'; }
  .product-detail .carousel-inner {
    box-shadow: 0px 3px 6px #00000029; }
  .product-detail .carousel-indicators li {
    background-color: #666664; }
  .product-detail .simple-quantity {
    font-size: 12px;
    color: #666664; }
  .product-detail .product-name {
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 0px; }
  .product-detail .product-brand {
    font-size: 18px;
    color: #ED8800;
    margin: 10px 0;
    text-transform: capitalize; }
    @media (max-width: 560px) {
      .product-detail .product-brand {
        font-size: 16px; } }
  .product-detail .product-number-rating {
    border-top: none;
    border-bottom: 1px solid #CCCCCC; }
    .product-detail .product-number-rating .product-number {
      margin-bottom: 5px; }
  .product-detail .attributes .sites-prices {
    padding: 2px;
    float: left; }
    .product-detail .attributes .sites-prices .site-price {
      border-radius: 3px;
      width: 100%;
      box-shadow: 0px 0px 3px #666666;
      margin-top: 15px;
      float: left; }
      .product-detail .attributes .sites-prices .site-price .site-name {
        width: 50%;
        float: left;
        padding: 10px;
        font-weight: bold;
        font-size: 1.2rem;
        color: #004F93; }
      .product-detail .attributes .sites-prices .site-price .price-list {
        padding: 10px;
        width: 50%;
        float: left;
        text-align: right;
        font-size: 1.2rem; }
      .product-detail .attributes .sites-prices .site-price .site-url {
        padding: 15px;
        width: 100%;
        float: left;
        box-shadow: 0px 0px 2px #666666; }
  .product-detail .attributes .color {
    font-size: 12px;
    color: #666664;
    display: block;
    margin-bottom: 7px; }
  .product-detail .attributes .color-attribute {
    border: none;
    padding: 0;
    background: none; }
  .product-detail .attributes .custom-select {
    border: 1px solid #444444;
    font-size: 12px; }
  .product-detail .attributes label {
    font-size: 12px;
    color: #666664; }

/* Colors */
/* Fonts */
/* Fonts */
@media (max-width: 768px) {
  .navigation-header .header {
    background-color: #220D4E !important; } }

@media (max-width: 768px) {
  .navigation-header .header.container {
    margin-bottom: 5px; } }

.navigation-header .header.container .pull-right .hidden-md-down .user .user-message {
  font-size: 12px; }

.navigation-header .header.container .navbar-header .navbar-toggler {
  color: #FFFFFF; }

@media (max-width: 768px) {
  .navigation-header .site-search {
    margin-bottom: 5px; } }

.navigation-header .container .brand {
  padding-top: 0.28em !important; }

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

.navigation-header .container .navbar-header .logo-home .hidden-sm-down {
  height: 65px !important;
  margin-top: -4px !important; }

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

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

.main-menu.menu-toggleable-left .container .row-nav .navbar.navbar-expand-md .close-menu {
  background-color: #220D4E; }
  .main-menu.menu-toggleable-left .container .row-nav .navbar.navbar-expand-md .close-menu .close-button button, .main-menu.menu-toggleable-left .container .row-nav .navbar.navbar-expand-md .close-menu .back button {
    color: #FFFFFF; }

.footer .icon-visa:before {
  color: #FFFFFF; }

.footer .icon-master_card:before {
  color: #FFFFFF; }

.footer .icon-american_express:before {
  color: #FFFFFF; }

h2.error-message {
  font-family: 'GothamBold' !important;
  font-size: 1.5rem; }

#maincontent .hero {
  height: 25vw; }

#maincontent .hero.error-hero {
  height: 10vw;
  background-image: none; }

#maincontent .hero.slant-down h1.page-title {
  top: 45%; }

@media (max-width: 768px) {
  #maincontent .hero.slant-down {
    margin-top: 10px;
    margin-bottom: 20px; }
    #maincontent .hero.slant-down h1.page-title {
      font-size: 20px; } }

@media (max-width: 768px) {
  #maincontent .banner-bg {
    margin-top: 10px;
    margin-bottom: 30px; } }

@media (min-width: 1101px) {
  #maincontent .banner-bg h2.image-title {
    width: 30%; } }

@media (min-width: 769px) and (max-width: 1100px) {
  #maincontent .banner-bg h2.image-title img {
    padding-top: 0px;
    max-width: 180px; } }

@media (min-width: 671px) and (max-width: 768px) {
  #maincontent .banner-bg h2.image-title img {
    padding-top: 0px;
    max-width: 150px; } }

@media (max-width: 670px) {
  #maincontent .banner-bg h2.image-title {
    width: 130px;
    height: 60px; }
    #maincontent .banner-bg h2.image-title img {
      bottom: 35px;
      position: inherit;
      padding-top: 0px;
      width: 120px;
      height: 100px; } }

.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 */
/* Fonts */
@media (max-width: 992px) {
  .header .brand {
    width: 120px;
    margin-left: 40px;
    padding-top: 30px; } }

@media (max-width: 543.98px) {
  #checkout-main .next-step-button button {
    width: 95%;
    margin: 25px 12px; } }

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

#maincontent .account-image {
  background-image: url(../../images/banners/man-with-tool-banner.jpg);
  background-position-y: 40%; }

#maincontent .hero.slant-down.account-image.account-image {
  background-image: url(../../images/banners/man-with-tool-banner.jpg);
  background-position-y: 40%; }

/* Colors */
/* Fonts */
/* Fonts */
.product-detail .attributes .container-availability .availability-msg .contactme-button {
  padding: 0px;
  border: none;
  font-size: 15px;
  color: #FFFFFF;
  font-weight: bold;
  padding: 9px;
  margin-top: 9px; }

.product-detail .attributes .prices-add-to-cart-actions .cart-and-ipay .pdp-checkout-button .add-to-cart .skb-icon {
  width: 20px;
  padding-bottom: 5px;
  margin-right: 5px; }

.product-detail .c-add-to-cart .btn-whatsap-PDP {
  background-color: #25d366 !important;
  color: #fff !important;
  border-color: #25d366; }

.product-detail .c-add-to-cart .unavailable-product-pdp {
  border: 1px solid;
  margin-bottom: 6px;
  padding: 9px; }

@media (max-width: 768px) {
  .secondary-bar {
    position: relative; } }

@media (max-width: 768px) {
  .refinements {
    position: relative;
    top: 250px;
    height: 500px; } }

.refinements .refinement-categoria .card-body .values {
  padding-left: 10px; }

.tab-pane .filter-background-header {
  background-color: #220D4E;
  color: #FFFFFF;
  padding: 1px 15px; }
  .tab-pane .filter-background-header .custom-filter-sidebar button {
    color: #FFFFFF;
    padding: 1px; }

@media (max-width: 768px) {
  .tab-pane .refinement-bar .filter-header {
    position: relative;
    top: 250px; } }

.tab-pane .refinement-bar .refinements .values button h2 {
  all: unset;
  text-transform: capitalize; }

.tab-pane .refinement-bar .filter-background {
  padding: 1px 15px; }
  .tab-pane .refinement-bar .filter-background .custom-filter-sidebar button {
    padding: 1px;
    border-radius: 16px;
    border: 1px solid #aaa;
    padding: 4px 12px 4px 12px;
    margin-bottom: 14px; }

#maincontent .login-image {
  background-image: url("../images/banners/man-with-tool-banner.jpg");
  background-position-y: 40%; }