/**
 * Vendor (Third party libs)
 * Mixins/Functions
 */
/**
 * Settings
 */
/**
 * Colors
 */
/**
 * Typography
 */
/**
 * Font Weight
 * Uses by 'font-weight' mixin
 */
/* stylelint-disable-next-line */
/**
 * Settings alerts boxes
 */
/**
 * General Variables
 * Call on every SASS files
 */
/**
 * SASS Rem config
 */
/**
 * Initialize.css config
 */
/**
 * SASS Form Reset
 */
@import url("https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre:300,400,500,700,900");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700");
/**
 * Tools
 */
/**
 * Register all z-indexes values
 * Desc order (...5003, 5002, 5001)
 */
/**
 * Z-indexes organization
 * Main file is in: scss/settings/_z-indexes.scss
 */
/**
 * Screen Sizes
 */
/**
 * Breakpoints - Media Queries
 */
/**
 * Media Queries
 * Mobile first
 */
/**
 * Font Weight
 */
/**
 * Common Helpers
 */
/**
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/**
 * Custom text selection style
 */
/**
 * Custom input placeholders
 */
/**
 * Custom default browser scrollbar
 */
/**
 * Generate arrow on a pseudo-element
 * To set color, use 'border-color' inside a class
 *
 * @param  {string} $position:     up              Arrow position (up, right, bottom, left)
 * @param  {string} $arrow-width:  20px             Arrow Width
 * @param  {string} $arrow-size:   $arrow-width/4   Arrow size
 *
 * @return A CSS Arrow
 */
/**
 * @include triangle within a pseudo element and add positioning properties (ie. top, left)
 * $direction: up, down, left, right
 */
/**
 * Feature.js mixins
 * http://featurejs.com/
 */
/**
 * Provide a hover effect for non-touch devices, turn it into an Active state for mobile, and maintain a fallback.
 * @requires Modernizr as a JS dependency to get .no-touch classes
 * Adds styles via @content
 *
 * To apply it to a specific class, the mixin must be applied inside that class, like so (since it relies on the & operator):
 * .anchor {
 *     @include touch-hover {
 *         color: purple;
 *     }
 * }
 */
/**
 * Applies transition to element but removes it from the same element on touch devices.
 * Useful for making all pseudo hover effects on mobile instant on click.
 *
 * @requires Modernizr
 */
/**
 * Placeholder Components
 */
/**
 * SVG Icons
 */
.x-resultado-busca {
  margin-top: 185px; }

.x-empty-search__main-container {
  font-family: 'Source Sans Pro', sans-serif;
  margin: 62px 1% 0 4%; }
  @media only screen and (max-width: 768px) {
    .x-empty-search__main-container {
      display: block;
      margin: 80px 0 10px 0; } }

.x-empty-search__wrapper {
  width: 100%;
  text-align: center;
  margin-bottom: 113px; }
  @media only screen and (max-width: 768px) {
    .x-empty-search__wrapper {
      display: block;
      margin-bottom: 70px; } }

.x-empty-search__title {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 100;
  letter-spacing: 10px;
  font-family: 'Frank Ruhl Libre', serif;
  color: #093953;
  margin: 0 0 10px;
  text-transform: uppercase; }
  @media only screen and (max-width: 768px) {
    .x-empty-search__title {
      font-size: 32px;
      font-size: 2rem;
      font-weight: 100;
      letter-spacing: 5px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }

.x-empty-search__advice {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0px;
  color: #656564; }

.x-empty-search__advice-mark {
  color: #093953; }

.x-empty-search__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 768px) {
    .x-empty-search__container {
      display: block; } }

.x-empty-search__left-container {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  border-right: solid 1px #d4d4d4; }
  @media only screen and (max-width: 768px) {
    .x-empty-search__left-container {
      display: block;
      text-align: left;
      border: none;
      margin: 0 4%; } }

.x-empty-search__box-search {
  padding-right: 10px; }
  @media only screen and (max-width: 768px) {
    .x-empty-search__box-search {
      display: block;
      text-align: left;
      padding-right: 0; } }

.x-empty-search__suggestions {
  clear: both; }
  @media only screen and (max-width: 768px) {
    .x-empty-search__suggestions {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-align-content: center;
      -ms-flex-line-pack: center;
      align-content: center;
      margin-bottom: 30px; } }

@media only screen and (max-width: 768px) {
  .x-empty-search__suggestions-item {
    padding: 20px; } }

.x-empty-search__suggestions-item-identifier-dot {
  display: none; }
  @media only screen and (max-width: 768px) {
    .x-empty-search__suggestions-item-identifier-dot {
      display: inline;
      padding-right: 5px; } }

.x-empty-search__box-search-text {
  text-align: center;
  text-transform: uppercase;
  margin: 0 auto 70px auto;
  font-family: 'Frank Ruhl Libre', serif;
  white-space: nowrap;
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: 300;
  letter-spacing: 6px; }
  @media only screen and (max-width: 768px) {
    .x-empty-search__box-search-text {
      margin-bottom: 20px;
      font-size: 15px;
      font-size: 0.9375rem;
      font-weight: 400;
      letter-spacing: 6px; } }

.x-empty-search__suggestions-item-identifier {
  display: block;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 600;
  letter-spacing: 0px;
  color: #093953;
  padding: 20px 0;
  font-family: sans-serif; }
  @media only screen and (max-width: 768px) {
    .x-empty-search__suggestions-item-identifier {
      padding: 0;
      margin: 0;
      float: left; } }

.x-empty-search__suggestions-item-discription {
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0px;
  padding: 0 25px;
  color: #656564; }

@media only screen and (max-width: 768px) and (max-width: 768px) {
  .x-empty-search__suggestions-item-discription {
    padding: 0;
    margin: 0;
    text-align: left; } }

.x-empty-search__box-search-wrapper {
  color: #000;
  font-size: 20px;
  border-bottom: solid 1px #d4d4d4;
  padding: 20px 0; }
  @media only screen and (max-width: 768px) {
    .x-empty-search__box-search-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      width: 80%;
      margin: auto;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 20px; } }

.header-search .busca label,
.header-search .busca legend,
.header-search .busca select {
  display: none; }

.header-search .busca .fulltext-search-box {
  background: 0 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #5a5a5a;
  font-size: 12px;
  float: left;
  height: auto;
  margin: 0;
  outline: 0;
  padding: 0px 15px;
  text-transform: uppercase;
  width: 100%; }
  @media only screen and (max-width: 768px) {
    .header-search .busca .fulltext-search-box {
      width: 100px; } }

@media only screen and (max-width: 768px) {
  .x-empty-search__box-search-btn.btn-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

.header-search .busca .fulltext-search-box:focus {
  text-decoration: underline; }
  @media only screen and (max-width: 768px) {
    .header-search .busca .fulltext-search-box:focus {
      width: 300px; } }
  @media only screen and (max-width: 349px) {
    .header-search .busca .fulltext-search-box:focus {
      width: 250px; } }

@media only screen and (max-width: 768px) {
  .busca {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content; } }

.header-search .busca .btn-buscar {
  display: none; }

.aviator-icon-search {
  float: left; }
  @media only screen and (max-width: 768px) {
    .aviator-icon-search {
      right: 200px; } }

.x-empty-search__right-container {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  -moz-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media only screen and (max-width: 768px) {
    .x-empty-search__right-container {
      border-top: solid 1px #d4d4d4; } }

.x-empty-search__shelf-title {
  text-align: center;
  text-transform: uppercase;
  margin: 0 auto 70px auto;
  font-family: 'Frank Ruhl Libre', serif;
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: 300;
  letter-spacing: 6px; }
  @media only screen and (max-width: 768px) {
    .x-empty-search__shelf-title {
      padding: 20px;
      text-align: left;
      margin: 0;
      font-size: 20px;
      font-size: 1.25rem;
      font-weight: 500;
      letter-spacing: 1px;
      color: #093953;
      text-transform: capitalize; } }

.prateleira ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow-y: scroll;
  height: 450px; }
  .prateleira ul li {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    margin-left: 2.5%; }
    @media only screen and (max-width: 768px) {
      .prateleira ul li {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-right: 5%;
        margin-left: 5%; } }
    .prateleira ul li .product-image img {
      width: 100%; }
  @media only screen and (max-width: 768px) {
    .prateleira ul {
      overflow-y: auto; } }

.prateleira ul::-webkit-scrollbar {
  width: 2px;
  background-color: #d4d4d4; }
  @media only screen and (max-width: 768px) {
    .prateleira ul::-webkit-scrollbar {
      width: 0; } }

.prateleira ul::-webkit-scrollbar-thumb {
  border: 100px solid #093953;
  -webkit-border-radius: 10px;
  border-radius: 10px; }
  @media only screen and (max-width: 768px) {
    .prateleira ul::-webkit-scrollbar-thumb {
      border: none; } }

.prateleira .product-name {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 0px;
  text-align: left; }
  .prateleira .product-name a {
    color: #656564; }

.product-details {
  text-align: left;
  font-weight: bold; }

.prateleira .product-btn {
  display: none; }