/*============================================================================
style.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

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

  #Colors and fonts
  #Components
    // Wrappers
    // Titles
    // Links
    // Buttons
    // SVG icons
    // Placeholders
    // Selection states
  #Header and Nav
    // Logo
    // Nav
  #Home page
    // Newsletter popup
    // Social Widgets
    // Video
    // Instafeed
  #Product grid
    // Grid item
    // Pagination and infinite scroll
    // Filters and categories bar
  #Cart page
    // Shipping calculator
  #Product detail
    // Installments
    // Image
    // Form and info
    // Quickshop
  #Construction page
  #Footer
  #Account pages
  #Media queries
    // Max width 769px
        //// Nav
        //// Product grid
        //// Mobile Panels
        //// Product detail

==============================================================================*/
/*============================================================================
  #Colors and fonts
==============================================================================*/
/*============================================================================
  #Components
==============================================================================*/
/* // Wrappers */
body {
  background: #F5F5F5;
  font-family: Arial, sans-serif;
  color: #808080; }

.contenido {
  background-color: #F5F5F5; }

/* // Titles */
h1 small, .h4 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
  color: #808080; }

#wrap-welcome-message {
  color: #FFFFFF; }

#wrap-welcome-message .headerBox, .password-container.password-message {
  background-color: #808080; }

#wrap-welcome-message h2, .password-container.password-message h2 {
  border-bottom: 1px solid #FFFFFF; }

#wrap-welcome-message a:hover {
  opacity: 0.8;
  color: #FFFFFF; }

h1, h2 {
  border-bottom: rgba(128, 128, 128, 0.42) 1px solid; }

hr {
  border-color: rgba(128, 128, 128, 0.42); }

.box-container {
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 8px 12px;
  border: 1px solid rgba(128, 128, 128, 0.2); }

body,
.font-body {
  font-size: 14px; }

.font-medium {
  font-size: 16px; }

.font-small {
  font-size: 12px; }

.font-small-extra {
  font-size: 10px; }

.text-primary {
  color: #f11360; }

.price-compare {
  text-decoration: line-through;
  opacity: 0.8; }

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

.modal-body,
.modal-right {
  background: #F5F5F5;
  color: #808080; }

.modal-header {
  background: #F5F5F5;
  border-bottom: 1px solid rgba(245, 245, 245, 0.1); }
  .modal-header .nav-tabs-container {
    border-bottom: 0; }

.modal-body {
  float: left;
  width: 100%; }

.modal-footer {
  background: #F5F5F5;
  color: #808080;
  border-top: 1px solid rgba(128, 128, 128, 0.1);
  box-shadow: none; }

.nav-tabs {
  border-bottom: 1px solid rgba(128, 128, 128, 0.1); }

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

.nav-tabs .tab-link,
.nav-tabs .tab-check-link-text {
  color: #808080; }
.nav-tabs .tab.active .tab-link {
  color: #f11360;
  background-color: transparent;
  border: 0;
  border-bottom: 3px solid #f11360; }
.nav-tabs .tab-link {
  background-color: transparent; }
  .nav-tabs .tab-link:hover, .nav-tabs .tab-link:focus {
    background-color: transparent !important;
    border: 0; }
.nav-tabs .tab-check.active .tab-check-link,
.nav-tabs .tab-check.active .tab-check-link:focus {
  outline: 2px solid #f11360; }
.nav-tabs .tab-check-link-text {
  outline: 1px solid rgba(128, 128, 128, 0.3); }
.nav-tabs .tab-check-icon {
  color: #f11360; }
  .nav-tabs .tab-check-icon .fa-inverse {
    color: #F5F5F5; }

.table-striped > tbody > tr:nth-child(odd) {
  background-color: transparent; }
  .table-striped > tbody > tr:nth-child(odd) > th,
  .table-striped > tbody > tr:nth-child(odd) > td {
    background-color: rgba(128, 128, 128, 0.07);
    border-top: rgba(128, 128, 128, 0.05); }
.table-striped > thead > tr > th {
  border-bottom: 0; }

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border: 0; }

.table td,
.table th {
  border-top: 1px solid rgba(128, 128, 128, 0.2); }

/* // Links */
a {
  color: inherit; }

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

.contenido a:hover {
  color: #F5F5F5; }

.link-module {
  border-bottom: 1px solid rgba(128, 128, 128, 0.2); }

.link-module-icon {
  fill: #808080; }

/* // Buttons */
.boton {
  background-color: #f11360;
  color: #FFFFFF; }

.boton:hover {
  background-color: #aeaeae; }

.button.secondary:hover {
  color: rgba(128, 128, 128, 0.5); }

.btn-link {
  color: #f11360;
  text-decoration: underline;
  text-transform: none;
  font-size: 16px; }
  .btn-link:hover, .btn-link:focus {
    color: #f11360;
    opacity: 0.8; }
  .btn-link-small {
    font-size: 14px; }
  .btn-link-small-extra {
    font-size: 10px;
    text-transform: uppercase; }

.btn-floating {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  color: #f11360;
  fill: #f11360;
  background-color: transparent;
  font-size: 18px;
  z-index: 1; }
  .btn-floating:hover, .btn-floating:focus {
    opacity: 0.8; }
  .btn-floating.fixed-bottom {
    position: fixed;
    top: auto;
    bottom: 20px;
    right: 20px; }

.btn-whatsapp {
  color: white;
  background-color: #4dc247;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
  border-radius: 50%; }
  .btn-whatsapp svg {
    width: 35px;
    height: 35px;
    padding: 2px 0;
    fill: white;
    vertical-align: middle; }

/* // Forms */
.radio-button input[type="radio"] + .radio-button-content .unchecked {
  border: 2px solid #f11360; }
.radio-button input[type="radio"] + .radio-button-content .checked {
  background-color: #f11360; }
.radio-button input[type="radio"] + .radio-button-content .checked-invert {
  background-color: #F5F5F5; }

.alert-primary {
  border: 1px solid rgba(174, 174, 174, 0.5);
  color: #aeaeae;
  background: transparent; }
  .alert-primary:after {
    background: rgba(174, 174, 174, 0.5); }
  .alert-primary .btn-link {
    color: #aeaeae; }

.notification-primary {
  color: #FFFFFF;
  background-color: rgba(174, 174, 174, 0.8); }

/* // SVG Icons */
.svg-icon_primary-fill {
  fill: #f11360; }

.svg-icon_secondary-fill {
  fill: #aeaeae; }

.svg-icon_text-fill {
  fill: #808080; }

.svg-icon_back-fill {
  fill: #F5F5F5; }

/* // Placeholders */
.placeholder-container-background {
  background-color: #F5F5F5; }

.home-slider_placeholder-container,
.product-slider_placeholder {
  background-color: rgba(128, 128, 128, 0.05); }

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

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

/* // Selection sates */
::selection {
  background: #f11360;
  color: #F5F5F5; }

::-moz-selection {
  background: #f11360; }

/*============================================================================
  #Header and nav
==============================================================================*/
/* // Logo */
#logo, .no-logo {
  font-family: Arial, sans-serif;
  color: #f11360; }

.logo {
  color: #aeaeae; }

#cabezal_interior h3, .logo, .logo_footer {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.logo_footer {
  color: #F5F5F5; }

/* // Nav */
.navbar-inverse {
  background-color: #aeaeae;
  border-bottom: 1px rgba(255, 255, 255, 0.1) solid; }

.navbar-inverse9 {
  background: #aeaeae; }

.navbar-brand {
  background-color: #ffffff; }

.nav > li > a {
  color: rgba(255, 255, 255, 0.7); }

.nav > li > a:hover {
  color: #aeaeae; }

.navbar-inverse a {
  color: rgba(245, 245, 245, 0.7); }

.navbar-inverse a:hover {
  color: #f11360; }

.navbar-toggle .icon-bar {
  background-color: #F5F5F5;
  border: 0px; }

.navbar-toggle {
  border: 1px solid #aeaeae; }

.color {
  color: #f11360; }

.busqueda-carrito a:hover .search_svg-icon:hover {
  color: #f11360; }

.menu {
  background-color: #aeaeae; }

.navbar-base {
  background-color: #F5F5F5;
  border-bottom: 1px solid #FFFFFF; }

.navbar-submenu {
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 10px 0px;
  border-color: #FFFFFF; }

.toggle-submenu.active {
  font-weight: 400;
  color: #aeaeae;
  background-color: #eee; }

#busco {
  color: rgba(174, 174, 174, 0.42); }

/*============================================================================
  #Home page
==============================================================================*/
/* Newsletter popup */
#news.modal-dialog .modal-content {
  background-color: #F5F5F5; }

#newsletter-popup .loading-modal {
  font-size: 14px;
  text-align: center;
  margin-top: 20px;
  color: #f11360; }

.fb-page-img-container {
  background: #ffffff; }

.video-container {
  background-color: #aeaeae; }

.player-container-button {
  background-color: #FFFFFF; }
  .player-container-button-icon {
    color: #aeaeae; }
.player-container-text {
  color: #FFFFFF; }

.instafeed-module .instafeed-item {
  background-color: #aeaeae;
  color: #FFFFFF; }
  .instafeed-module .instafeed-item .instafeed-user {
    background-color: #f11360; }

/*============================================================================
  #Banners
==============================================================================*/
.banner_home .filtro {
  background-image: url("//d26lpennugtm8s.cloudfront.net/assets/themes/gourmet/static/banner-home.jpg?956260912"); }

.banner_home_2 .filtro {
  background-image: url("//d26lpennugtm8s.cloudfront.net/assets/themes/gourmet/static/banner-home-2.jpg?956260912"); }

#cabezal_interior {
  color: #f11360;
  background-color: #aeaeae; }

.banner_home {
  color: #FFFFFF;
  background-color: #f11360; }

.banner_home_2 {
  color: #FFFFFF;
  background-color: #aeaeae; }

#banner-services {
  border-top: 1px solid rgba(128, 128, 128, 0.1);
  border-bottom: 1px solid rgba(128, 128, 128, 0.1); }

.banner-services-footer {
  border-top: 1px solid rgba(128, 128, 128, 0.1);
  border-bottom: 1px solid rgba(128, 128, 128, 0.1);
  background-color: #FFFFFF; }

.contenido .banner-service-link:hover {
  color: #f11360; }

/*============================================================================
  #Product grid
==============================================================================*/
/* // Grid item */
.en_oferta {
  color: rgba(174, 174, 174, 0.42); }

#price_display,
.max_installments,
.max-installments {
  color: #f11360; }

.producto {
  background-color: #FFFFFF; }

.producto:hover {
  background-color: rgba(174, 174, 174, 0.95);
  color: #F5F5F5; }

.producto:hover .sin_stock {
  background-color: #aeaeae; }

.producto:hover .en_oferta {
  color: rgba(255, 255, 255, 0.42); }

/* // Pagination */
.pagination .active a {
  background-color: #f11360;
  border-color: #F5F5F5; }

.pagination .active a:hover {
  background-color: #f11360;
  border-color: #f11360; }

.pagination li a {
  background-color: #FFFFFF;
  color: #f11360; }

.pagination li a:hover {
  color: #aeaeae; }

.pagination .disabled a {
  border-color: #F5F5F5; }

/* // Filters and categories bar */
#categories-column #show-more-cats i.fa {
  background-color: #F5F5F5; }

a.category-back {
  color: #f11360; }

.mobile-filters_svg-icon {
  width: 28px;
  height: 28px;
  padding: 5px;
  margin: 0px 6px 0px 0px;
  background: #f11360;
  fill: #F5F5F5; }

/*============================================================================
  #Product detail
==============================================================================*/
/* // Installments */
.installments_modal {
  background: #F5F5F5; }

.installments_modal .tab-content {
  color: #808080; }

.installments_gateways-horizontal-container {
  border-bottom: 1px solid rgba(241, 19, 96, 0.2); }

.installments_gateways-tabs-container {
  border-bottom: 0; }

.nav-tabs .installments_pill-tab-link {
  margin: 0 5px 5px 0;
  border-radius: 0;
  font-size: 14px;
  color: #808080; }

.nav-tabs .installments_pill-tab.active .installments_pill-tab-link {
  background-color: #f11360;
  color: #F5F5F5;
  border: 1px solid rgba(241, 19, 96, 0.2); }

.nav-tabs .installments_pill-tab-link,
.nav-tabs .installments_pill-tab-link:hover {
  border: 1px solid rgba(241, 19, 96, 0.2); }

.nav-tabs .installments_flag-tab-link {
  padding: 2px;
  background-color: transparent;
  border: 0; }

.nav-tabs .installments_flag-tab.active .installments_flag-tab-link,
.nav-tabs .installments_flag-tab.active .installments_flag-tab-link:focus {
  background-color: transparent;
  border: 0;
  line-height: 12px;
  outline-offset: 0;
  outline: 2px solid #f11360; }

.nav-tabs .installments_flag-tab .installments_flag-tab-link:hover {
  opacity: 0.8;
  background-color: transparent; }

.fa-stack.installments_check-icon {
  display: none;
  position: absolute;
  top: -7px;
  right: -5px;
  color: #f11360;
  font-size: 8px; }

.fa-stack.installments_check-icon-gw {
  position: relative;
  display: inline-block;
  top: 0;
  right: 0;
  margin-top: -3px; }

.installments_check-icon .fa-inverse {
  color: #F5F5F5; }

.installments_credit-bank-container {
  background-color: rgba(241, 19, 96, 0.06); }

.installment_price-accent {
  color: #f11360; }

.installments-divider {
  border-bottom: 1px dotted rgba(241, 19, 96, 0.2); }

.installments_selected-gw {
  color: #f11360; }

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

.installments_credit-icon {
  color: #f11360; }

.see-installments-button {
  color: #aeaeae; }

.see-installments-button:hover, .see-installments-button:focus {
  color: #aeaeae; }

/* // Image */
.oferta > i {
  border: 1.5em solid #f11360;
  border-right: 21px solid transparent; }

.oferta {
  background-color: #f11360;
  color: #FFFFFF; }

.envios_gratis {
  border: 10px solid #aeaeae;
  color: #FFFFFF;
  background-color: #aeaeae; }

.sin_stock {
  background-color: rgba(255, 255, 255, 0.95);
  color: #f11360; }

.foto_producto img {
  border: rgba(174, 174, 174, 0.1) 1px solid; }

/* // Form and info */
.info_producto select {
  background-color: rgba(174, 174, 174, 0.1);
  border: none;
  color: #aeaeae;
  outline: none; }

.agregar {
  background-color: #f11360;
  border: none;
  color: #FFFFFF; }

.agregar:hover {
  background-color: #aeaeae; }

a.agregar:hover {
  color: #FFFFFF; }

/* // Quickshop */
.quick_view {
  background-color: #aeaeae; }

.quick_view a {
  color: #F5F5F5; }

.quick_view a:hover {
  color: #f11360; }

.vista_producto .sin_stock,
.vista_producto-quickshop .sin_stock {
  border: rgba(174, 174, 174, 0.1) 1px solid; }

.info_producto-quickshop .attributeLineQuickshop label span {
  color: rgba(174, 174, 174, 0.3); }

.info_producto-quickshop .attributeLineQuickshop label .number {
  background-color: rgba(174, 174, 174, 0.1); }

.info_producto-quickshop .attributeLineQuickshop select {
  background-color: rgba(174, 174, 174, 0.1);
  color: #aeaeae; }

.info_producto-quickshop .attributeLineQuickshop input {
  background-color: rgba(174, 174, 174, 0.1);
  color: #aeaeae; }

a.quick {
  color: #f11360;
  text-decoration: underline; }

/*============================================================================
  #Cart page
==============================================================================*/
.cantidad {
  background-color: #F5F5F5; }

.cambiar_cant {
  background-color: rgba(174, 174, 174, 0.95);
  color: #FFFFFF;
  margin: 20px; }

.cambiar_cant:hover {
  background-color: #f11360;
  color: #FFFFFF !important; }

#calculate-shipping-button,
.secondary-button {
  background-color: rgba(174, 174, 174, 0.95);
  color: #FFFFFF;
  margin-top: -2px; }

#calculate-shipping-button:hover,
.secondary-button:hover {
  color: #FFFFFF;
  background-color: #f11360; }

.cabezal_tabla {
  background-color: #aeaeae;
  color: #f11360; }

.celdas_tabla {
  background-color: #FFFFFF; }

.total_tabla {
  background-color: rgba(174, 174, 174, 0.1);
  font-size: 16pt; }

.cantidad {
  font-family: Arial, sans-serif; }

.cart-header {
  background-color: #aeaeae;
  color: #f11360; }

/*============================================================================
  #Construction page
==============================================================================*/
.password-page .password-container.password-message h2 {
  color: #FFFFFF; }

.password-page .password-container.password-icon .password-svg {
  width: 54%;
  margin-top: 40px;
  fill: #f11360; }

/*============================================================================
  #Footer
==============================================================================*/
.red {
  color: #F5F5F5;
  background: #f11360; }

.red:hover {
  background: #aeaeae; }

.medios {
  background-color: #FFFFFF; }

footer {
  background-color: rgba(174, 174, 174, 0.95); }

.footer_bajo {
  border-top: rgba(255, 255, 255, 0.1) 1px solid;
  background-color: #aeaeae; }

footer h2, footer li a, footer li, footer .contact-info i, footer p {
  color: #FFFFFF; }

.logo_footer {
  text-transform: uppercase;
  font-size: 20px;
  /* For FF: http://stackoverflow.com/a/12173285 */
  /* Needs to be BEFORE other filter rules: http://stackoverflow.com/q/39646388 */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; }

.powered-by-logo {
  width: 175px;
  float: right; }
  .powered-by-logo svg {
    fill: #808080; }

/*============================================================================
  #Account pages
==============================================================================*/
.page-account .badge {
  color: #808080;
  background: #F5F5F5;
  font-size: 13px; }

/*============================================================================
  #Media queries
==============================================================================*/
/* // Max width 769px */
@media (max-width: 769px) {
  /* //// Nav */
  .navbar-submenu {
    background: transparent;
    border-style: solid;
    border-width: 10px 0px;
    border-color: transparent; }

  .toggle-submenu.active {
    font-weight: 400;
    color: #FFFFFF;
    background-color: transparent; }

  /* //// Links */
  .btn-module {
    color: #f11360;
    border: 1px solid rgba(241, 19, 96, 0.2);
    border-radius: 0;
    background: #F5F5F5; }
    .btn-module:hover
    .btn-module:focus {
      color: #f11360; }
    .btn-module-icon {
      fill: #aeaeae; }

  .link-module {
    border-top: 1px solid rgba(241, 19, 96, 0.2); }

  /* //// Product grid */
  .producto:hover {
    background-color: #FFFFFF;
    color: #808080; }

  #filters-container {
    background: rgba(128, 128, 128, 0.05);
    padding: 15px 0; }

  .modal-xs {
    background-color: #F5F5F5; }
    .modal-xs.sheet-bottom {
      background-color: transparent; }
    .modal-xs .sheet-bottom-body {
      background-color: #F5F5F5; }
    .modal-xs-header {
      color: #f11360; }
      .modal-xs-header.sheet-bottom-header {
        background-color: #f0f0f0; }
      .modal-xs-header:active {
        background-color: #aeaeae;
        color: #F5F5F5; }
        .modal-xs-header:active-icon {
          color: #F5F5F5;
          fill: #F5F5F5; }
    .modal-xs.inverse {
      background-color: #f11360; }
      .modal-xs.inverse .modal-xs-header {
        color: #F5F5F5; }
      .modal-xs.inverse .modal-xs-header-icon {
        color: #F5F5F5;
        fill: #F5F5F5; }
    .modal-xs-footer {
      border: 0; }

  .modal-xs-list-item {
    color: #f11360;
    border-bottom: 1px solid rgba(241, 19, 96, 0.25); }
    .modal-xs-list-item.darker {
      background-color: rgba(241, 19, 96, 0.02); }
    .modal-xs-list-item .modal-xs-list-icon {
      fill: #aeaeae; }
    .modal-xs-list-item:active {
      background-color: #aeaeae;
      color: #F5F5F5; }
      .modal-xs-list-item:active .modal-xs-list-icon {
        color: #F5F5F5;
        fill: #F5F5F5; }
    .modal-xs-list-item.selected {
      color: #F5F5F5;
      border-right: 0;
      border-left: 0;
      border-bottom: 0;
      background: #aeaeae; }
      .modal-xs-list-item.selected .modal-xs-radio-icon {
        background: #F5F5F5; }
        .modal-xs-list-item.selected .modal-xs-radio-icon i {
          visibility: visible;
          color: #aeaeae; }
    .modal-xs-list-item .modal-xs-radio-icon {
      background: rgba(174, 174, 174, 0.4);
      color: #aeaeae; }
    .modal-xs-list-item.inverse {
      color: rgba(245, 245, 245, 0.8);
      border-bottom: 1px solid rgba(245, 245, 245, 0.05); }
      .modal-xs-list-item.inverse .modal-xs-list-icon {
        fill: #F5F5F5; }

  /* //// Product detail */
  .product-detail_installments-module {
    border-top: 1px solid rgba(128, 128, 128, 0.1);
    border-bottom: 1px solid rgba(128, 128, 128, 0.1); } }

/*# sourceMappingURL=main-color.css.map */