/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 @font-face {
  font-family: "Century Gothic", "CenturyGothic" , "AppleGothic", sans-serif;
  src: url(../css/3d4a907b1b7a232654324a3dd7ae4aa3.eot);
  src: local("Century Gothic Regular"), local("Century Gothic-Regular"), url(../css/3d4a907b1b7a232654324a3dd7ae4aa3.eot) format("embedded-opentype"), url(../css/19c1b868764c0e4d15a45d3f61250488.woff2) format("woff2"), url(../css/846c191efd3d0aacde5a916cf2ebf1a4.woff) format("woff"), url(../css/2fd9c16b805724d590c0cff96da070a4.ttf) format("truetype"), url(../css/5ea9fdf2293930126fa9c544968009ae.svg) format("svg");
  font-weight: 400;
  font-style: normal
}

 @media (min-width:576px) {
  .container {
    width: 100%;
    max-width: 100%;
    padding-left: 0px;
    padding-right: 10px;
  }
}

@media (min-width:768px) {
  .container {
    width: 100%;
    max-width: 100%;
    padding-left: 0px;
    padding-right: 15px;
  }
}

@media (min-width:992px) {
  .container {
    width: 100%;
    max-width: 100%;
    padding-left: 35px;
    padding-right: 50px;
  }
}

@media (min-width:1200px) {
  .container {
    width: 100%;
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px;
  }
}

body {
  font-family: "Century Gothic", sans-serif;
}

#header .header-nav {
  border-bottom: none;
}

#wrapper {
  background: #ffffff;
  box-shadow: none;
}

 #wrapper .breadcrumb {
  margin-left: 25%;
  padding-left: 15px;
}

.top-menu {
  text-align: right;
  text-transform: uppercase;
}

.footer-container {
  box-shadow: none;
}

.carousel {
  box-shadow: none;
}

.product-price {
  color: #7a7a7a;
  font-size: 1.6rem;
}

.product-price-shopping-card {
  color: #7a7a7a;
  font-size: 0.9rem;
} */

.btn-primary {
  color: #fff;
  background-color: #707070;
  border-color: transparent
}
.btn-primary.focus, 
.btn-primary:focus, 
.btn-primary:hover {
  background-color: #3a3a3a;
}

.btn-primary.active,
.btn-primary:active,
.open>.btn-primary.dropdown-toggle {
  background-color: #3a3a3a;
}

.btn-outline-primary {
  color: #707070;
  border-color: #707070
}

.btn-outline-primary.active,
.btn-outline-primary.focus,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:hover,
.open>.btn-outline-primary.dropdown-toggle {
  background-color: #707070;
  border-color: #707070
}

.btn-link {
  color: #707070;
}

.dropdown-item.active,
.dropdown-item.active:focus,
.dropdown-item.active:hover {
  background-color: #3a3a3a;
}

a {
  color: #7a7a7a;
}

a:focus,
a:hover {
  color: #707070;
}

.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
  background-color: #707070
}

.card-primary {
  background-color: #707070;
  border-color: #707070
}

.card-outline-primary {
  border-color: #707070
}

.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover {
  background-color: #707070;
  border-color: #707070
}

.page-link {
  color: #707070;
}

.tag-primary {
  background-color: #707070
}

.tag-primary[href]:focus,
.tag-primary[href]:hover {
  background-color: #3a3a3a
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  background-color: #707070;
  border-color: #707070
}

.bg-primary {
  background-color: #707070 !important
}

.text-primary {
  color: #707070 !important
}

a.text-primary:focus,
a.text-primary:hover {
  color: #2592a9 !important
}

a:hover {
  color: #707070;
}

.form-control:focus,
.input-group.focus {
  outline: .1875rem solid #707070
}

.custom-radio input[type=radio]:checked+span {
  background-color: #707070;
}

.dropdown:hover .expand-more {
  color: #707070
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #707070
}

.search-widget form input[type=text]:focus {
  outline: 3px solid #707070;
}

.search-widget form input[type=text]:focus+button .search {
  color: #707070
}

#header .top-menu a[data-depth="0"]:hover {
  color: #707070;
}

.top-menu .sub-menu a:hover {
  color: #707070
}

body#checkout section.checkout-step .address-item.selected {
  border: 3px solid #707070
}

.page-my-account #content .links a:hover i {
  color: #707070
}

.carousel .carousel-control .icon-next:hover i,
.carousel .carousel-control .icon-prev:hover i {
  color: #707070
}

#products .highlighted-informations .quick-view:hover,
.featured-products .highlighted-informations .quick-view:hover,
.product-accessories .highlighted-informations .quick-view:hover,
.product-miniature .highlighted-informations .quick-view:hover {
  color: #707070
}

.products-sort-order .select-list:hover {
  background: #707070;
}

.facet-dropdown.open>.select-title {
  border: 3px solid #707070;
}

.facet-dropdown .select-list:hover {
  background: #707070;
}

.pagination .current a {
  color: #707070;
}

.block-categories .collapse-icons .add:hover,
.block-categories .collapse-icons .remove:hover {
  color: #707070
}

.block-categories .arrows .arrow-down:hover,
.block-categories .arrows .arrow-right:hover {
  color: #707070
}

.tabs .nav-tabs .nav-link.active {
  color: #707070
}

.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover {
  border-bottom: 3px solid #707070
}

#product-modal .modal-content .modal-body .product-images img:hover {
  border: 3px solid #707070
}

#blockcart-modal .product-name {
  color: #707070;
}

.product-images>li.thumb-container>.thumb.selected,
.product-images>li.thumb-container>.thumb:hover {
  border: 3px solid #707070
}

.product-flags li.product-flag {
  background: #707070;
}

.product-customization .product-message:focus {
  outline: .1875rem solid #707070
}

.cart-grid-body a.label:hover {
  color: #707070
}

.block-promo .promo-input+button {
  border: 2px solid #707070
}

.block-promo .promo-code-button.cancel-promo {
  color: #707070;
}

.block_newsletter form input[type=text]:focus+button .search {
  color: #707070
}

.block_newsletter form button[type=submit] .search:hover {
  color: #707070
}

.block_newsletter form input[type=email]:focus {
  border: 3px solid #707070;
}
.account-list a:hover {
  color: #707070
}

.block-social ul li:hover {
  background-color: #707070
}

.footer-container li a:hover {
  color: #707070
}

#header a:hover {
  text-decoration: none;
  color: #707070
}

#header .header-nav .cart-preview.active {
  background: #707070
}

#header .header-nav .blockcart a:hover {
  color: #707070
}

#header .header-nav .user-info .logged {
  color: #707070
}