/*============================================================================
custom.scss.tpl

    -This file contains all the theme styles related to settings defined by user from config/settings.txt
    -Rest of styling can be found in:
        -static/css/style.css --> For non critical styles witch will be loaded asynchronously
        -snipplets/css/critical-css.tpl --> For critical CSS rendered inline before the rest of the site
        -static/css/checkout.scss.tpl --> For color and font styles related to config/settings.txt applied on the checkout

==============================================================================*/
/*============================================================================
  Table of Contents

  #Components
    // Mixins
    // Body
    // SVG Icons
    // Placeholders
    // Titles
    // Buttons
    // Links
    // Badge
    // HRs
    // Forms
    // Alerts
    // Texts
    // Tabs
  #Header and nav
    // Logo
    // Nav desktop
    // Nav mobile
    // Search suggestions
    // Cart widget desktop
  #Home page
  #Product grid
    // Filters and categories
    // Grid item
  #Product detail
    // Installments
    // Color variations
    // Mobile variations
  #Footer
  #Contact
  #Banners
  #Cart page
    // Table
    // Ajax cart
  #Helpers
  #Media queries
    // Max width 767px
        //// Header and nav
        //// Product grid
        //// Product detail

==============================================================================*/
/*============================================================================
  #Components
==============================================================================*/
/* // Mixins */
/* // Body */
body {
  color: #000000;
  font-family: "Open Sans",sans-serif;
  background-color: #ffffff; }

/* // SVG Icons */
.svg-icon-secondary {
  fill: #9d9d9d; }

.svg-icon-text {
  fill: #000000; }

/* // Placeholders */
.home-slider_placeholder-container,
.product-slider_placeholder-container {
  background-color: rgba(0, 0, 0, 0.05); }

.product-slider-placeholder_svg-icon {
  fill: rgba(0, 0, 0, 0.07); }

.placeholder-color {
  background-color: rgba(0, 0, 0, 0.07); }

/* // Titles */
.title-container {
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .title-container h1,
  .title-container .h1,
  .title-container h2 {
    color: #535353;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 40px;
    letter-spacing: 1px;
    font-family: "Open Sans Condensed",sans-serif; }

.subtitle-container {
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #ffffff; }
  .subtitle-container h1,
  .subtitle-container h2 {
    color: #535353;
    font-size: 27px;
    font-weight: 300;
    text-transform: uppercase;
    font-family: "Open Sans Condensed",sans-serif; }

.featured-products-header {
  font-family: "Open Sans Condensed", sans-serif !important; }

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #000000; }

/* // Buttons */
.button {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  font-family: "Open Sans Condensed",sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  .button:hover {
    opacity: 0.9; }

.btn {
  padding: 9px 12px;
  font-family: "Open Sans Condensed",sans-serif;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 20px;
  text-shadow: none;
  background-image: none;
  color: #ffffff;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: 0; }
  .btn:hover, .btn:focus {
    background-image: none;
    color: #ffffff;
    opacity: 0.9; }

.btn-primary {
  background-color: #1b1b1b; }
  .btn-primary:hover, .btn-primary:focus {
    background-color: #1b1b1b; }
  .btn-primary[disabled] {
    background-color: #DDD; }

.btn-secondary {
  background: transparent;
  color: #000000;
  border: 1px solid #000000; }
  .btn-secondary:hover, .btn-secondary:focus {
    background: transparent;
    color: #000000;
    opacity: 0.6; }

.btn-link {
  font-size: 18px;
  text-decoration: underline;
  color: #000000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.btn-link:hover,
.btn-link:focus {
  color: #000000;
  opacity: 0.6; }

.btn-close {
  padding: 0px 5px;
  color: rgba(0, 0, 0, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.8); }
  .btn-close:hover, .btn-close:focus {
    opacity: 0.8; }

.btn-footer {
  background-color: #ffffff;
  color: #1b1b1b;
  border: 0; }
  .btn-footer:hover, .btn-footer:focus {
    opacity: 0.6; }

.btn-xs {
  font-size: 15px; }

.submit-with-icon,
.submit-with-icon:hover,
.submit-with-icon:focus,
.submit-with-icon:active {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  border: 0;
  text-indent: -9999px; }

.button:hover,
.submit_button:hover,
.button:hover, .submit_button:hover,
button#calculate-shipping-button:hover,
.button.continue-buying:hover,
.submit_button.contact:hover,
.btn:hover,
input.btn.news:hover {
  opacity: 0.8; }

.button, .submit_button,
#newsletter-popup input.btn.news,
button#calculate-shipping-button,
.button.continue-buying,
.password-password .btn {
  background-color: #9d9d9d;
  background: #9d9d9d;
  color: #ffffff;
  font-family: "Open Sans Condensed",sans-serif; }

.button:hover, .submit_button:hover {
  opacity: 0.9; }

button, select, textarea {
  font-family: "Open Sans Condensed", sans-serif !important; }

.button,
.submit_button {
  background-color: #1b1b1b; }

.secondary-button {
  background-color: #9d9d9d; }

/* // Links */
a {
  color: #000000;
  font-family: "Open Sans",sans-serif; }

/* // Badge */
.badge {
  color: #000000;
  background: #ffffff;
  font-size: 13px; }

/* // HRs */
hr {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 0; }

.divider-dotted {
  float: left;
  width: 100%;
  margin: 20px 0;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.2); }

/* // Forms */
input {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input.form-control {
  padding: 10px; }

/* // Alerts */
.alert {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0; }

/* // Texts */
.text-secondary {
  color: #9d9d9d; }

/* // Tabs */
.nav-tabs-container {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.nav-tabs-links {
  border-bottom: 0; }

.nav-tabs .tab.active .tab-link {
  color: #9d9d9d;
  background-color: transparent;
  border: 0;
  border-bottom: 2px solid #9d9d9d; }

.nav-tabs .tab-link {
  background-color: transparent; }
  .nav-tabs .tab-link:hover, .nav-tabs .tab-link:focus {
    background-color: transparent !important; }

.nav-tabs .tab-check-link-text {
  outline: 1px solid rgba(0, 0, 0, 0.3); }

.nav-tabs .tab-check.active .tab-check-link,
.nav-tabs .tab-check.active .tab-check-link:focus {
  outline: 2px solid #9d9d9d; }

.tab-check-icon,
.installments-selected-gw {
  color: #9d9d9d; }

.tab-check-icon .fa-inverse {
  color: #ffffff; }

/*============================================================================
  #Header and nav
==============================================================================*/
/* // Logo */
.logo-text {
  color: #000000;
  text-transform: capitalize;
  font-weight: bold; }

/* // Nav desktop */
.sf-menu a, .sf-menu a:visited {
  color: #535353; }

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  color: #A8A8A8; }

.sf-menu li.selected a {
  color: #A8A8A8;
  border-top: 1px solid #A8A8A8;
  border-bottom: 1px solid #A8A8A8; }

#navigation,
.sf-menu li {
  background-color: #ffffff; }

#navigation {
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8; }

.sf-menu ul {
  border: 1px solid #e8e8e8;
  background-color: #ffffff; }

.sf-menu li.selected ul li a {
  color: #535353; }

.sf-menu li.selected ul li a:hover {
  color: #A8A8A8; }

.sf-menu a,
.footer a {
  font-family: "Open Sans Condensed",sans-serif; }

/* // Nav mobile */
.mobile-nav {
  background-color: #ffffff;
  border-bottom: 1px solid #e8e8e8; }

.mobile-nav_page-title {
  font-family: "Open Sans Condensed",sans-serif; }

.mobile-nav_tab-text {
  color: #535353; }

.mobile-nav_tab.mobile-nav_tab-selected {
  border-bottom: 2px solid #A8A8A8; }

.mobile-nav_tab.mobile-nav_tab-selected .mobile-nav_tab-text {
  color: #A8A8A8; }

.mobile-nav_tab-cart-amount {
  background-color: #A8A8A8;
  color: #ffffff; }

.mobile-nav_second-row {
  background-color: #ffffff; }

.mobile-nav_main-categories-container {
  background-color: #ffffff;
  box-shadow: 2px 0px 1px 1px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.mobile-nav_main-categories-close-btn {
  border: 1px solid rgba(0, 0, 0, 0.3); }

.mobile-categories-nav-all-link {
  background-color: #f7f7f7; }

.mobile-category-dropdown.dropdown-selected .mobile-categories-nav-arrow i {
  transform-origin: center;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  color: #9d9d9d; }

.mobile-category-dropdown.dropdown-selected {
  font-weight: bold;
  color: #9d9d9d; }

.mobile-categories-nav-link {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

/* Mobile Categories Links */
.mobile-nav_main-categories-container {
  background-color: white;
  color: #ffffff;
  box-shadow: 2px 0px 1px 1px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.mobile-sidenav_pages-arrow-selected i {
  background: #9d9d9d; }

.mobile-nav_category-list-item-link,
.mobile-nav_all-categories-link {
  color: #000000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.mobile-nav_all-categories-link {
  background-color: #fafafa; }

.mobile-nav_category-list-item-link:hover {
  color: #000000; }

.mobile-right-panel {
  background-color: white; }

.mobile-right-panel_arrow-right,
.mobile-right-panel_arrow-left {
  color: #9d9d9d; }

.mobile-right-panel_header-dark {
  background-color: #fcfcfc;
  border-bottom: 1px solid #f7f7f7; }

.mobile-nav_main-categories-container li a:active,
.mobile-nav_main-categories-container li a:active span,
.mobile-nav_category-list-item-link:active,
.mobile-nav_category-list-item-link:active .mobile-right-panel_arrow-right,
.mobile-nav_main-categories-container a:active .mobile-right-panel_arrow-left,
.mobile-right-panel_header:active,
.mobile-right-panel_header:active .mobile-right-panel_arrow-left {
  background-color: #9d9d9d;
  color: #ffffff; }

input.mobile-nav_search-input {
  background-color: #ffffff; }

.mobile-nav_search-icon {
  color: #000000; }

/* Hamburguer nav */
.pushy a:hover {
  background: #1b1b1b;
  color: #ffffff;
  text-decoration: none; }

i.mobile-sidenav_pages-arrow-icon {
  background: rgba(131, 131, 131, 0.4);
  color: white; }

.mobile-sidenav_first-row,
.item-with-subitems > .pages-accordion {
  background: rgba(131, 131, 131, 0.4);
  color: white; }

/* // Search suggestions */
.search-suggest {
  background-color: #ffffff; }

.search-suggest_link,
i.search-suggest_icon {
  color: rgba(0, 0, 0, 0.8); }

.search-suggest_product-name strong {
  color: #000000; }

.search-suggest_link:hover,
.search-sugget_link:focus {
  color: rgba(0, 0, 0, 0.6);
  background-color: #f7f7f7; }

.search-suggest_all-results-link {
  background-color: #f7f7f7; }

/* // Cart widget desktop */
.cart-summary:hover {
  opacity: 0.8; }

.cart-summary {
  background-color: #9d9d9d;
  background: #9d9d9d;
  color: #ffffff;
  font-family: "Open Sans Condensed",sans-serif; }

.cart-summary a,
.cart-summary span,
.cart-summary i.fa {
  color: #ffffff; }

/*============================================================================
  #Home page
==============================================================================*/
#newsModal {
  background-color: #ffffff; }

#categories-column.sidebar-home #show-more-cats i.fa {
  background-color: #9d9d9d;
  border: none;
  color: #ffffff;
  left: 30%; }

/*============================================================================
  #Product grid
==============================================================================*/
.grid-row {
  float: left;
  width: 100%;
  padding: 0 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

/* // Filters and categories */
a.category-back {
  color: #000000; }

a.category-back i {
  font-size: 12px;
  margin-right: 10px; }

.filter-btn {
  color: #000000; }

/* // Grid item */
.item {
  border-top: 1px solid rgba(0, 0, 0, 0.2); }

.item-price-compare {
  border-right: 1px solid #000000; }

.item-name {
  font-family: "Open Sans Condensed",sans-serif; }

.item-quickshop-link {
  background-color: #1b1b1b; }

.item-quickshop-link span:hover,
.item-quickshop-link span {
  color: #ffffff; }

.out-of-stock-product {
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(0, 0, 0, 0.3); }

.free-shipping-product {
  background: rgba(255, 255, 255, 0.85);
  color: #000000; }

.product-detail-label.free-shipping-product {
  border: 1px solid rgba(0, 0, 0, 0.3); }

/*============================================================================
  #Product detail
==============================================================================*/
.cloud-zoom-big {
  background-color: #ffffff; }

/* // Cart widget desktop */
.cart-summary:hover {
  opacity: 0.8; }

/* // Thumbnails */
.product-thumbs-btn {
  background-color: #000000;
  color: #ffffff; }

.product-thumbs-btn:hover {
  background-color: #1a1a1a; }

/* // Installments */
.installments-tab-container {
  border: 1px solid rgba(0, 0, 0, 0.1); }

.see-installments-button {
  color: #000000;
  background: none !important;
  text-decoration: underline; }

.product-detail_installments-module {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.installments_modal {
  background: #ffffff; }

/* // Color variations */
a.insta-variations {
  border: 2px solid rgba(0, 0, 0, 0.2);
  float: left; }

a.insta-variations.selected {
  border: 2px solid #9d9d9d; }

/* // Mobile variations */
.mobile-vars_btn {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: #ffffff; }

.mobile-vars-panel {
  background: #ffffff; }

.mobile-vars-panel_item-row {
  border-top: 1px solid rgba(157, 157, 157, 0.4); }

.mobile-vars-panel_item-icon-container {
  background: rgba(157, 157, 157, 0.4); }

.mobile-vars-panel_item-row.selected {
  color: #ffffff;
  border-right: 0;
  border-left: 0;
  border-bottom: 0;
  background: #1b1b1b; }

.mobile-vars-panel_item-row.selected .mobile-vars-panel_item-icon-container {
  background: #ffffff;
  color: #1b1b1b; }

.mobile-vars-panel_item-row.selected .mobile-vars-panel_item-icon {
  visibility: visible; }

.mobile-vars_selected-label {
  color: #1b1b1b; }

.mobile-vars_btn-icon {
  fill: #1b1b1b; }

.offer-product {
  background: #1b1b1b;
  color: #ffffff; }

/* // CTA */
.product-buy-fixed.affix .product-buy-container {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2); }

/* // CTA */
.product-buy-fixed.affix .product-buy-container {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2); }

/*============================================================================
  #Footer
==============================================================================*/
.rounded-icon.password-page-icon {
  color: #ffffff;
  background-color: #1b1b1b; }

.footer {
  background-color: #1b1b1b;
  color: #ffffff; }

.footer h4,
.footer .footer-icon,
.footer a,
.footer li {
  color: #ffffff; }
  .footer h4 .rounded-icon,
  .footer .footer-icon .rounded-icon,
  .footer a .rounded-icon,
  .footer li .rounded-icon {
    color: #1b1b1b;
    background-color: #ffffff; }

.newsletter-footer input[type="news"],
.newsletter-footer input[type="text"],
.password-password input[type="password"] {
  background-color: #1b1b1b; }

.newsletter-footer input[type="news"],
.newsletter-footer input[type="text"],
.password-password input[type="password"] {
  border: 1px solid #ffffff;
  color: #ffffff; }

/*============================================================================
  #Contact page
==============================================================================*/
.contact a,
.contact_form .field label,
.user-content a.quick {
  color: #000000;
  font-family: "Open Sans",sans-serif; }

.fancybox-skin {
  color: #000000;
  background: #ffffff; }

/*============================================================================
  #Banners
==============================================================================*/
.services,
.mobile-banner-services .bx-wrapper .bx-viewport,
.mobile-services-container {
  background: #ffffff; }

.service-title {
  font-family: "Open Sans Condensed",sans-serif;
  color: #000000;
  font-weight: 500; }

.mobile-services-container .bx-wrapper .bx-pager.bx-default-pager a {
  background: #000000;
  opacity: 0.5; }

.mobile-services-container .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000000;
  opacity: 1; }

.services .span4:not(:last-child),
.services .span6:not(:last-child) {
  border-right: 1px solid;
  border-color: #000000; }

.banner-services-footer {
  background: #ffffff;
  border-top: 1px dotted #a0a0a0; }

/*============================================================================
  #Cart page
==============================================================================*/
/* // Table */
.cart-table-row {
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.2); }

.cart-table-header {
  border-bottom: 1px solid #000000; }

.cart-quantity-btn {
  color: #000000;
  border: 1px solid #000000; }

input.cart-quantity-input {
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid rgba(0, 0, 0, 0.5); }

.cart-total {
  color: #1b1b1b; }

.cart-totals-container {
  border-bottom: 1px solid rgba(0, 0, 0, 0.7);
  background: rgba(0, 0, 0, 0.02); }

.mobile-totals-container {
  background: none;
  border-bottom: 0; }

.cart-promotion-number {
  color: #1b1b1b; }

/* // Ajax cart */
.cart-contents .name {
  color: #000000;
  font-family: "Open Sans",sans-serif; }

.ajax-cart-container {
  background: #ffffff; }

.ajax-cart-table-header {
  background: #ffffff; }

.ajax-cart-title {
  font-family: "Open Sans Condensed",sans-serif; }

.ajax-cart-table-header {
  font-family: "Open Sans Condensed",sans-serif;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.ajax-cart-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.ajax-cart-shipping-calculator {
  background-color: rgba(0, 0, 0, 0.01);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.cart-notification-alert {
  color: #ffffff;
  background-color: #1b1b1b; }

.cart-notification-arrow {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #1b1b1b;
  position: absolute;
  right: 12%;
  top: -9px; }

/*============================================================================
  #Helpers
==============================================================================*/
.border-left {
  border-left: 1px solid rgba(0, 0, 0, 0.3); }

.border-top {
  border-top: 1px solid rgba(0, 0, 0, 0.3); }

.border-right {
  border-right: 1px solid rgba(0, 0, 0, 0.3); }

.border-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.text-primary {
  color: #1b1b1b; }

/*============================================================================
  #Media queries
==============================================================================*/
/* // Max width 767px */
@media (max-width: 767px) {
  /* //// Components */
  /* Titles */
  .title-container h1,
  .title-container h2 {
    margin-top: 10px;
    font-size: 20px;
    line-height: 30px; }

  .subtitle-container h1,
  .subtitle-container h2 {
    font-size: 18px;
    line-height: 27px; }

  /* Buttons */
  .btn {
    padding: 12px; }

  /* //// Header and nav */
  /* Search Suggestons */
  .backdrop.mobile-search-backdrop {
    background-color: rgba(255, 255, 255, 0.9); }

  /* //// Product grid */
  .grid-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }

  /* Mobile filters */
  a.mobile-filters-btn {
    color: #1b1b1b; }

  .mobile-zoom_panel {
    background: #ffffff; }

  /* Horizontal Mobile categories */
  .mobile-horizontal-categories_link {
    background-color: rgba(0, 0, 0, 0.1); }

  /* //// Product detail */
  /*  Mobile Zoom */
  .mobile-zoom_btn {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.5); }

  .product-quantity {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

  .product-quantity-mobile-no-line {
    border-top: 0; }

  /* Installments details */
  .product-detail_installments-module {
    border-top: 1px solid rgba(0, 0, 0, 0.1); }

  /* //// Cart */
  .cart-shipping-calculator {
    background-color: rgba(0, 0, 0, 0.01);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

  .cart-totals-container {
    background-color: transparent;
    border-bottom: 0; } }

/*# sourceMappingURL=custom.css.map */