@charset "UTF-8";
/* 
 * http://meyerweb.com/eric/tools/css/reset/
 * v2.0 | 20110126 
 * License: none (public domain) 
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
 * Styles v1.5.0 - ©2023 by bebomo.com
 */
/*
 * Webfont
 */
/* Webfont: Raleway Light */
@font-face {
  font-family: "Raleway";
  src: url("fonts/Raleway-Light.woff2") format("woff2"), url("fonts/Raleway-Light.woff") format("woff");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  text-rendering: optimizeLegibility;
}
/* Webfont: Raleway Light Italic */
@font-face {
  font-family: "Raleway";
  src: url("fonts/Raleway-LightItalic.woff2") format("woff2"), url("fonts/Raleway-LightItalic.woff") format("woff");
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  text-rendering: optimizeLegibility;
}
/* Webfont: Raleway Regular */
@font-face {
  font-family: "Raleway";
  src: url("fonts/Raleway-Regular.woff2") format("woff2"), url("fonts/Raleway-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  text-rendering: optimizeLegibility;
}
/* Webfont: Raleway Italic */
@font-face {
  font-family: "Raleway";
  src: url("fonts/Raleway-Italic.woff2") format("woff2"), url("fonts/Raleway-Italic.woff") format("woff");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  text-rendering: optimizeLegibility;
}
/* Webfont: Raleway SemiBold */
@font-face {
  font-family: "Raleway";
  src: url("fonts/Raleway-SemiBold.woff2") format("woff2"), url("fonts/Raleway-SemiBold.woff") format("woff");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  text-rendering: optimizeLegibility;
}
/* Webfont: Raleway Bold */
@font-face {
  font-family: "Raleway";
  src: url("fonts/Raleway-Bold.woff2") format("woff2"), url("fonts/Raleway-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  text-rendering: optimizeLegibility;
}
/* https://medium.freecodecamp.org/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862 */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  font-size: 16px;
  line-height: 24px;
}
@media (min-width: 720px) {
  html {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 1200px) {
  html {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (min-width: 1800px) {
  html {
    font-size: 18px;
    line-height: 24px;
  }
}

body {
  font-family: "Raleway", sans-serif;
  text-align: left;
  font-weight: 300;
  color: #333;
  background-color: #fff;
  margin: 0 auto;
}
body.blog, body.single-post, body.category {
  font-weight: 400 !important;
}
body.blog h1, body.blog h2, body.blog h3, body.single-post h1, body.single-post h2, body.single-post h3, body.category h1, body.category h2, body.category h3 {
  text-align: left;
}
body.blog h2, body.blog h3, body.single-post h2, body.single-post h3, body.category h2, body.category h3 {
  font-weight: 400;
}
body.blog #header, body.single-post #header, body.category #header {
  height: 48px;
  padding: 0 20px;
  max-width: 1600px;
  width: 100%;
}
@media (min-width: 1024px) {
  body.blog #header, body.single-post #header, body.category #header {
    width: 936px;
  }
}
@media (min-width: 1200px) {
  body.blog #header, body.single-post #header, body.category #header {
    width: 1184px;
  }
}
@media (min-width: 1600px) {
  body.blog #header, body.single-post #header, body.category #header {
    width: 1432px;
  }
}
@media (min-width: 1800px) {
  body.blog #header, body.single-post #header, body.category #header {
    width: 1704px;
  }
}
body.blog .div_Ajustable, body.single-post .div_Ajustable, body.category .div_Ajustable {
  height: calc(100vh - 48px) !important;
}
@media (max-width: 719px) {
  body.blog .div_Ajustable, body.single-post .div_Ajustable, body.category .div_Ajustable {
    height: 100vw !important;
  }
}
body.blog #contenedor, body.single-post #contenedor, body.category #contenedor {
  margin-top: 30px;
}
body.blog .grey, body.single-post .grey, body.category .grey {
  background-color: transparent !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}
body.blog .grey:hover, body.single-post .grey:hover, body.category .grey:hover {
  color: #B99333;
}
body.blog .white, body.single-post .white, body.category .white {
  color: white !important;
}
body.blog .fecha_level1, body.blog .fecha_level2, body.blog .fecha_level3, body.single-post .fecha_level1, body.single-post .fecha_level2, body.single-post .fecha_level3, body.category .fecha_level1, body.category .fecha_level2, body.category .fecha_level3 {
  margin-bottom: 8px;
  font-weight: 600 !important;
}
body.blog .mas_Info.gold, body.blog .mas_Info.white, body.single-post .mas_Info.gold, body.single-post .mas_Info.white, body.category .mas_Info.gold, body.category .mas_Info.white {
  font-weight: 400 !important;
  padding: 8px 12px 8px;
}
body.blog article.post a, body.single-post article.post a, body.category article.post a {
  font-weight: 600;
}
body.blog article.post ul, body.single-post article.post ul, body.category article.post ul {
  list-style: disc;
  margin-left: 0.8rem;
}
body.blog article.post ul li, body.single-post article.post ul li, body.category article.post ul li {
  padding-left: 0.6rem;
}
body.blog article.post p, body.blog article.post li, body.single-post article.post p, body.single-post article.post li, body.category article.post p, body.category article.post li {
  line-height: 1.5;
}
body.blog nav ul, body.single-post nav ul, body.category nav ul {
  display: flex;
  margin-top: 4px;
}
body.blog nav ul li, body.single-post nav ul li, body.category nav ul li {
  font-size: 16px !important;
  margin: 0 !important;
}
body.blog nav ul li:after, body.single-post nav ul li:after, body.category nav ul li:after {
  margin-left: 0 !important;
}
body.blog nav ul li a:visited, body.single-post nav ul li a:visited, body.category nav ul li a:visited {
  color: white;
}
body.blog nav ul li a:hover, body.single-post nav ul li a:hover, body.category nav ul li a:hover {
  color: #B99333;
}

.level2, .level3 {
  display: block;
}

h1, h2, h3 {
  font-weight: 300;
  line-height: 1.3;
}

h1 {
  text-align: center;
  font-size: 32px;
  line-height: 1.2;
  margin-bottom: 16px;
}
h1.modelo {
  margin-bottom: 8px;
}
@media (max-width: 719px) {
  h1 {
    font-size: 28px;
  }
}
@media (min-width: 1200px) {
  h1 {
    font-size: 36px;
  }
  h1.modelo {
    margin-bottom: 8px;
  }
}
@media (min-width: 1600px) {
  h1 {
    font-size: 40px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1800px) {
  h1 {
    font-size: 48px;
    margin-bottom: 24px;
  }
  h1.modelo {
    margin-bottom: 12px;
  }
}

h2 {
  font-size: 20px;
  margin-bottom: 12px;
}
h2.top {
  margin-top: 24px;
}
@media (max-width: 719px) {
  h2 {
    font-weight: 400;
    margin-top: 16px;
  }
}
@media (min-width: 1200px) {
  h2 {
    font-size: 24px;
    margin-bottom: 16px;
  }
  h2.top {
    margin-top: 32px;
  }
  h2.marcas, h2.modelo, h2.entradilla, h2.leyenda {
    font-size: 28px;
  }
  h2.modelo {
    margin-bottom: 4px;
  }
}
@media (min-width: 1600px) {
  h2 {
    font-size: 22px;
  }
  h2.marcas, h2.modelo, h2.entradilla, h2.leyenda {
    font-size: 32px;
  }
  h2.modelo {
    margin-bottom: 4px;
  }
}
@media (min-width: 1800px) {
  h2 {
    font-size: 24px;
  }
  h2.marcas, h2.modelo, h2.entradilla, h2.leyenda {
    font-size: 36px;
    line-height: 44px;
  }
  h2.modelo {
    margin-bottom: 4px;
  }
}
h2.entradilla {
  text-align: center;
}
h2.leyenda {
  text-align: right;
  color: white;
  padding: 48px 48px 24px;
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
}

@media (max-width: 719px) {
  h3 {
    font-weight: 400;
  }
}
@media (min-width: 720px) {
  h3 {
    font-size: 16px;
    margin-bottom: 12px;
  }
}
@media (min-width: 1200px) {
  h3 {
    font-size: 18px;
    margin-bottom: 12px;
  }
}
@media (min-width: 1600px) {
  h3 {
    font-size: 20px;
    margin-bottom: 16px;
  }
}
@media (min-width: 1800px) {
  h3 {
    font-size: 22px;
  }
}

p, li {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
}
p.entradilla, li.entradilla {
  font-weight: 400;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 1024px) {
  p.entradilla, li.entradilla {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (min-width: 720px) {
  p, li {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  p, li {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1600px) {
  p, li {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
  }
}
@media (min-width: 1800px) {
  p, li {
    font-size: 18px;
  }
  p.entradilla, li.entradilla {
    font-size: 24px;
    line-height: 32px;
  }
}

a, a:visited {
  color: #B99333;
  text-decoration: none;
  font-weight: 400;
}

a:active, a:active * {
  outline: none !important;
  -moz-outline-style: none !important;
}

a:focus, a:focus * {
  outline: none !important;
  -moz-outline-style: none !important;
}

button:focus {
  outline: none !important;
  -moz-outline-style: none !important;
}

a:hover {
  color: #333;
}

.negra, strong {
  font-weight: 600;
}

.upper {
  text-transform: uppercase;
}

.superscript {
  position: relative;
  font-size: 0.5rem;
  top: -0.66rem;
  line-height: 1.333rem;
}

.verticalCenter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

#page-wrapper {
  opacity: 0;
  background-color: #fff;
  padding-top: 28px;
}
@media (min-width: 1200px) {
  #page-wrapper {
    padding-top: 168px;
  }
}

#page-wrapper.show {
  opacity: 1;
  transition: opacity 1.2s ease-in;
}

#header, .row {
  margin: 0 auto;
  width: 90vw;
}
@media (min-width: 1024px) {
  #header, .row {
    width: 936px;
  }
}
@media (min-width: 1200px) {
  #header, .row {
    width: 1184px;
  }
}
@media (min-width: 1600px) {
  #header, .row {
    width: 1432px;
  }
}
@media (min-width: 1800px) {
  #header, .row {
    width: 1704px;
  }
}

@media (min-width: 1024px) {
  #header {
    top: 0;
    left: 0;
    background-color: white;
    z-index: 1;
    position: fixed;
    width: 100vw;
    padding: 48px calc((100vw - 936px) * 0.5) 0px;
  }
}
@media (min-width: 1200px) {
  #header {
    padding: 48px calc((100vw - 1184px) * 0.5) 0px;
  }
}
@media (min-width: 1600px) {
  #header {
    padding: 48px calc((100vw - 1432px) * 0.5) 0px;
  }
}
@media (min-width: 1800px) {
  #header {
    padding: 48px calc((100vw - 1704px) * 0.5) 0px;
  }
}
#header .shadow {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.05);
}

#main {
  margin-top: 32px;
}
@media (max-width: 719px) {
  #main {
    margin-top: 16px;
  }
}
@media (min-width: 1600px) {
  #main {
    margin-top: 48px;
  }
}
@media (min-width: 1800px) {
  #main {
    margin-top: 64px;
  }
}

.row {
  clear: both;
  display: table;
  margin-bottom: 0;
}
.row .col1, .row .col2, .row .col3, .row .col4, .row .col5, .row .col6, .row .col7, .row .col8, .row .col9, .row .col10, .row .col11, .row .col12 {
  width: 90vw;
  margin-left: 0;
  margin-bottom: 36px;
}
.row .col1.nested:first-child, .row .col2.nested:first-child, .row .col3.nested:first-child, .row .col4.nested:first-child, .row .col5.nested:first-child, .row .col6.nested:first-child, .row .col7.nested:first-child, .row .col8.nested:first-child, .row .col9.nested:first-child, .row .col10.nested:first-child, .row .col11.nested:first-child, .row .col12.nested:first-child {
  margin-left: 0;
}
.row.div_flex {
  display: flex;
  flex-wrap: wrap;
}
.row.div_flex .col4 {
  margin-bottom: 1rem;
}
.row.div_flex .col4:nth-child(3n+1) {
  margin-left: 0;
}
@media (min-width: 720px) {
  .row.div_flex .col4 {
    width: 43vw;
    margin-left: 0;
    margin-bottom: 2em;
  }
  .row.div_flex .col4:nth-child(even) {
    margin-left: 2vw;
    margin-right: 0;
  }
  .row.div_flex .col4:nth-child(odd) {
    margin-left: 0;
    margin-right: 2vw;
  }
}
@media (min-width: 1024px) {
  .row.div_flex .col4 {
    width: 32%;
    margin-left: 2% !important;
  }
  .row.div_flex .col4:nth-child(even), .row.div_flex .col4:nth-child(odd) {
    margin-left: 0;
    margin-right: 0;
  }
  .row.div_flex .col4:nth-child(3n+1) {
    margin-left: 0 !important;
  }
}
.row.menosBotton {
  margin-bottom: 0px;
}
.row .block2_3 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 394px;
}
.row .block2_3 > div:before {
  display: block;
  content: "";
  width: 100%;
}
.row .block2_3 > div.block2:before {
  padding-top: 185px;
}
.row .block2_3 > div.block3:before {
  padding-top: 115.3333333333px;
}
.row .block2_3 > div:before {
  padding-top: 394px;
}
.row .block1_1_5_3 {
  height: 376px;
}
.row .block1_1_5_3 > div:before {
  display: block;
  content: "";
  width: 100%;
}
.row .block1_1_5_3 > div:before {
  padding-top: 376px;
}
.row .block1_1_3_5 {
  height: 282px;
  height: initial;
}
.row .block1_1_3_5 > div:before {
  display: block;
  content: "";
  width: 100%;
}
.row .block1_1_3_5 > div:before {
  padding-top: 282px;
}
.row .block2_1_5_3 {
  height: 282px;
  height: auto;
}
.row .block2_1_5_3 > div:before {
  display: block;
  content: "";
  width: 100%;
}
.row .block2_1_5_3 > div:before {
  padding-top: 282px;
}
.row .block2_1_5_3 > div:before {
  padding-top: 282px;
}
.row .block2_1_5_3 > div:last-child {
  margin-left: 0;
  margin-top: 24px;
}
.row .block1_1_5_3_34 {
  height: 282px;
}
.row .block1_1_5_3_34 > div:before {
  display: block;
  content: "";
  width: 100%;
}
.row .block1_1_5_3_34 > div:before {
  padding-top: 282px;
}
.row .block1_1_5_3_34 > div:before {
  padding-top: 282px;
}
.row .block1_2_7_4_3 {
  height: 301.5px;
  height: 487.5px;
  height: initial;
}
.row .block1_2_7_4_3 > div:before {
  display: block;
  content: "";
  width: 100%;
}
.row .block1_2_7_4_3 > div:before {
  padding-top: 301.5px;
}
.row .block1_2_7_4_3 > div:before {
  padding-top: 301.5px;
}
.row .block1_2_7_4_3 > div:nth-child(2) {
  margin-left: 0px;
  margin-top: 24px;
}
.row .block1_2_7_4_3 > div:nth-child(2):before {
  padding-top: initial;
}
.row .block1_2_7_4_3 > div:last-child {
  margin-top: 24px;
}
.row .block1_2_7_4_3 > div:last-child:before {
  padding-top: 162px;
}
@media (min-width: 720px) {
  .row .block2_3 {
    height: initial;
    margin-bottom: 0px;
  }
  .row .block2_3 > div.block3:before {
    padding-top: 33vw;
  }
  .row .block2_3 > div.block2:before {
    padding-top: 33vw;
  }
  .row .block2_3 > div.coverImage {
    margin-bottom: 32px;
  }
}
@media (min-width: 1024px) {
  .row {
    margin-bottom: 48px;
    margin-bottom: 72px;
  }
  .row .col1, .row .col2, .row .col3, .row .col4, .row .col5, .row .col6, .row .col7, .row .col8, .row .col9, .row .col10, .row .col11, .row .col12 {
    float: left;
    margin-bottom: 0;
  }
  .row.menosBotton {
    margin-bottom: 48px;
  }
  .row .col1, .row .col2, .row .col3, .row .col4, .row .col5, .row .col6, .row .col7, .row .col8, .row .col9, .row .col10, .row .col11, .row .col12 {
    margin-left: 24px;
  }
  .row .col1 {
    width: 56px;
  }
  .row .push1 {
    margin-left: 80px;
  }
  .row .col2 {
    width: 136px;
  }
  .row .push2 {
    margin-left: 160px;
  }
  .row .col3 {
    width: 216px;
  }
  .row .push3 {
    margin-left: 240px;
  }
  .row .col4 {
    width: 296px;
  }
  .row .push4 {
    margin-left: 320px;
  }
  .row .col5 {
    width: 376px;
  }
  .row .push5 {
    margin-left: 400px;
  }
  .row .col6 {
    width: 456px;
  }
  .row .push6 {
    margin-left: 480px;
  }
  .row .col7 {
    width: 536px;
  }
  .row .push7 {
    margin-left: 560px;
  }
  .row .col8 {
    width: 616px;
  }
  .row .push8 {
    margin-left: 640px;
  }
  .row .col9 {
    width: 696px;
  }
  .row .push9 {
    margin-left: 720px;
  }
  .row .col10 {
    width: 776px;
  }
  .row .push10 {
    margin-left: 800px;
  }
  .row .col11 {
    width: 856px;
  }
  .row .push11 {
    margin-left: 880px;
  }
  .row .col12 {
    width: 936px;
  }
  .row .push12 {
    margin-left: 960px;
  }
  .row .block2_3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 394px;
  }
  .row .block2_3 > div:before {
    display: block;
    content: "";
    width: 100%;
  }
  .row .block2_3 > div.block2:before {
    padding-top: 185px;
  }
  .row .block2_3 > div.block3:before {
    padding-top: 115.3333333333px;
  }
  .row .block2_3 > div:before {
    padding-top: 394px;
  }
  .row .block1_1_5_3 {
    height: 376px;
  }
  .row .block1_1_5_3 > div:before {
    display: block;
    content: "";
    width: 100%;
  }
  .row .block1_1_5_3 > div:before {
    padding-top: 376px;
  }
  .row .block1_1_3_5 {
    height: 282px;
  }
  .row .block1_1_3_5 > div:before {
    display: block;
    content: "";
    width: 100%;
  }
  .row .block1_1_3_5 > div:before {
    padding-top: 282px;
  }
  .row .block2_1_5_3 {
    height: 282px;
    height: auto;
  }
  .row .block2_1_5_3 > div:before {
    display: block;
    content: "";
    width: 100%;
  }
  .row .block2_1_5_3 > div:before {
    padding-top: 282px;
  }
  .row .block2_1_5_3 > div:before {
    padding-top: 282px;
  }
  .row .block2_1_5_3 > div:last-child {
    margin-left: 0;
    margin-top: 24px;
  }
  .row .block1_1_5_3_34 {
    height: 282px;
  }
  .row .block1_1_5_3_34 > div:before {
    display: block;
    content: "";
    width: 100%;
  }
  .row .block1_1_5_3_34 > div:before {
    padding-top: 282px;
  }
  .row .block1_1_5_3_34 > div:before {
    padding-top: 282px;
  }
  .row .block1_2_7_4_3 {
    height: 301.5px;
    height: 487.5px;
  }
  .row .block1_2_7_4_3 > div:before {
    display: block;
    content: "";
    width: 100%;
  }
  .row .block1_2_7_4_3 > div:before {
    padding-top: 301.5px;
  }
  .row .block1_2_7_4_3 > div:before {
    padding-top: 301.5px;
  }
  .row .block1_2_7_4_3 > div:nth-child(2) {
    margin-left: 0px;
    margin-top: 24px;
  }
  .row .block1_2_7_4_3 > div:nth-child(2):before {
    padding-top: initial;
  }
  .row .block1_2_7_4_3 > div:last-child {
    margin-top: 24px;
  }
  .row .block1_2_7_4_3 > div:last-child:before {
    padding-top: 162px;
  }
}
@media (min-width: 1200px) {
  .row {
    margin-bottom: 84px;
  }
  .row.menosBotton {
    margin-bottom: 56px;
  }
  .row .col1, .row .col2, .row .col3, .row .col4, .row .col5, .row .col6, .row .col7, .row .col8, .row .col9, .row .col10, .row .col11, .row .col12 {
    margin-left: 28px;
  }
  .row .col1 {
    width: 73px;
  }
  .row .push1 {
    margin-left: 101px;
  }
  .row .col2 {
    width: 174px;
  }
  .row .push2 {
    margin-left: 202px;
  }
  .row .col3 {
    width: 275px;
  }
  .row .push3 {
    margin-left: 303px;
  }
  .row .col4 {
    width: 376px;
  }
  .row .push4 {
    margin-left: 404px;
  }
  .row .col5 {
    width: 477px;
  }
  .row .push5 {
    margin-left: 505px;
  }
  .row .col6 {
    width: 578px;
  }
  .row .push6 {
    margin-left: 606px;
  }
  .row .col7 {
    width: 679px;
  }
  .row .push7 {
    margin-left: 707px;
  }
  .row .col8 {
    width: 780px;
  }
  .row .push8 {
    margin-left: 808px;
  }
  .row .col9 {
    width: 881px;
  }
  .row .push9 {
    margin-left: 909px;
  }
  .row .col10 {
    width: 982px;
  }
  .row .push10 {
    margin-left: 1010px;
  }
  .row .col11 {
    width: 1083px;
  }
  .row .push11 {
    margin-left: 1111px;
  }
  .row .col12 {
    width: 1184px;
  }
  .row .push12 {
    margin-left: 1212px;
  }
  .row .block2_3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 498px;
  }
  .row .block2_3 > div:before {
    display: block;
    content: "";
    width: 100%;
  }
  .row .block2_3 > div.block2:before {
    padding-top: 235px;
  }
  .row .block2_3 > div.block3:before {
    padding-top: 147.3333333333px;
  }
  .row .block2_3 > div:before {
    padding-top: 498px;
  }
  .row .block1_1_5_3 {
    height: 477px;
  }
  .row .block1_1_5_3 > div:before {
    display: block;
    content: "";
    width: 100%;
  }
  .row .block1_1_5_3 > div:before {
    padding-top: 477px;
  }
  .row .block1_1_3_5 {
    height: 357.75px;
  }
  .row .block1_1_3_5 > div:before {
    display: block;
    content: "";
    width: 100%;
  }
  .row .block1_1_3_5 > div:before {
    padding-top: 357.75px;
  }
  .row .block2_1_5_3 {
    height: 357.75px;
    height: auto;
  }
  .row .block2_1_5_3 > div:before {
    display: block;
    content: "";
    width: 100%;
  }
  .row .block2_1_5_3 > div:before {
    padding-top: 357.75px;
  }
  .row .block2_1_5_3 > div:before {
    padding-top: 357.75px;
  }
  .row .block2_1_5_3 > div:last-child {
    margin-left: 0;
    margin-top: 28px;
  }
  .row .block1_1_5_3_34 {
    height: 357.75px;
  }
  .row .block1_1_5_3_34 > div:before {
    display: block;
    content: "";
    width: 100%;
  }
  .row .block1_1_5_3_34 > div:before {
    padding-top: 357.75px;
  }
  .row .block1_1_5_3_34 > div:before {
    padding-top: 357.75px;
  }
  .row .block1_2_7_4_3 {
    height: 381.9375px;
    height: 616.1875px;
  }
  .row .block1_2_7_4_3 > div:before {
    display: block;
    content: "";
    width: 100%;
  }
  .row .block1_2_7_4_3 > div:before {
    padding-top: 381.9375px;
  }
  .row .block1_2_7_4_3 > div:before {
    padding-top: 381.9375px;
  }
  .row .block1_2_7_4_3 > div:nth-child(2) {
    margin-left: 0px;
    margin-top: 28px;
  }
  .row .block1_2_7_4_3 > div:nth-child(2):before {
    padding-top: initial;
  }
  .row .block1_2_7_4_3 > div:last-child {
    margin-top: 28px;
  }
  .row .block1_2_7_4_3 > div:last-child:before {
    padding-top: 206.25px;
  }
}
@media (min-width: 1600px) {
  .row {
    margin-bottom: 96px;
  }
  .row.menosBotton {
    margin-bottom: 64px;
  }
  .row .col1, .row .col2, .row .col3, .row .col4, .row .col5, .row .col6, .row .col7, .row .col8, .row .col9, .row .col10, .row .col11, .row .col12 {
    margin-left: 32px;
  }
  .row .col1 {
    width: 90px;
  }
  .row .push1 {
    margin-left: 122px;
  }
  .row .col2 {
    width: 212px;
  }
  .row .push2 {
    margin-left: 244px;
  }
  .row .col3 {
    width: 334px;
  }
  .row .push3 {
    margin-left: 366px;
  }
  .row .col4 {
    width: 456px;
  }
  .row .push4 {
    margin-left: 488px;
  }
  .row .col5 {
    width: 578px;
  }
  .row .push5 {
    margin-left: 610px;
  }
  .row .col6 {
    width: 700px;
  }
  .row .push6 {
    margin-left: 732px;
  }
  .row .col7 {
    width: 822px;
  }
  .row .push7 {
    margin-left: 854px;
  }
  .row .col8 {
    width: 944px;
  }
  .row .push8 {
    margin-left: 976px;
  }
  .row .col9 {
    width: 1066px;
  }
  .row .push9 {
    margin-left: 1098px;
  }
  .row .col10 {
    width: 1188px;
  }
  .row .push10 {
    margin-left: 1220px;
  }
  .row .col11 {
    width: 1310px;
  }
  .row .push11 {
    margin-left: 1342px;
  }
  .row .col12 {
    width: 1432px;
  }
  .row .push12 {
    margin-left: 1464px;
  }
  .row .block2_3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 602px;
  }
  .row .block2_3 > div:before {
    display: block;
    content: "";
    width: 100%;
  }
  .row .block2_3 > div.block2:before {
    padding-top: 285px;
  }
  .row .block2_3 > div.block3:before {
    padding-top: 179.3333333333px;
  }
  .row .block2_3 > div:before {
    padding-top: 602px;
  }
  .row .block1_1_5_3 {
    height: 578px;
  }
  .row .block1_1_5_3 > div:before {
    display: block;
    content: "";
    width: 100%;
  }
  .row .block1_1_5_3 > div:before {
    padding-top: 578px;
  }
  .row .block1_1_3_5 {
    height: 433.5px;
  }
  .row .block1_1_3_5 > div:before {
    display: block;
    content: "";
    width: 100%;
  }
  .row .block1_1_3_5 > div:before {
    padding-top: 433.5px;
  }
  .row .block2_1_5_3 {
    height: 433.5px;
    height: auto;
  }
  .row .block2_1_5_3 > div:before {
    display: block;
    content: "";
    width: 100%;
  }
  .row .block2_1_5_3 > div:before {
    padding-top: 433.5px;
  }
  .row .block2_1_5_3 > div:before {
    padding-top: 433.5px;
  }
  .row .block2_1_5_3 > div:last-child {
    margin-left: 0;
    margin-top: 32px;
  }
  .row .block1_1_5_3_34 {
    height: 433.5px;
  }
  .row .block1_1_5_3_34 > div:before {
    display: block;
    content: "";
    width: 100%;
  }
  .row .block1_1_5_3_34 > div:before {
    padding-top: 433.5px;
  }
  .row .block1_1_5_3_34 > div:before {
    padding-top: 433.5px;
  }
  .row .block1_2_7_4_3 {
    height: 462.375px;
    height: 744.875px;
  }
  .row .block1_2_7_4_3 > div:before {
    display: block;
    content: "";
    width: 100%;
  }
  .row .block1_2_7_4_3 > div:before {
    padding-top: 462.375px;
  }
  .row .block1_2_7_4_3 > div:before {
    padding-top: 462.375px;
  }
  .row .block1_2_7_4_3 > div:nth-child(2) {
    margin-left: 0px;
    margin-top: 32px;
  }
  .row .block1_2_7_4_3 > div:nth-child(2):before {
    padding-top: initial;
  }
  .row .block1_2_7_4_3 > div:last-child {
    margin-top: 32px;
  }
  .row .block1_2_7_4_3 > div:last-child:before {
    padding-top: 250.5px;
  }
}
@media (min-width: 1800px) {
  .row {
    margin-bottom: 108px;
  }
  .row.menosBotton {
    margin-bottom: 72px;
  }
  .row .col1, .row .col2, .row .col3, .row .col4, .row .col5, .row .col6, .row .col7, .row .col8, .row .col9, .row .col10, .row .col11, .row .col12 {
    margin-left: 36px;
  }
  .row .col1 {
    width: 109px;
  }
  .row .push1 {
    margin-left: 145px;
  }
  .row .col2 {
    width: 254px;
  }
  .row .push2 {
    margin-left: 290px;
  }
  .row .col3 {
    width: 399px;
  }
  .row .push3 {
    margin-left: 435px;
  }
  .row .col4 {
    width: 544px;
  }
  .row .push4 {
    margin-left: 580px;
  }
  .row .col5 {
    width: 689px;
  }
  .row .push5 {
    margin-left: 725px;
  }
  .row .col6 {
    width: 834px;
  }
  .row .push6 {
    margin-left: 870px;
  }
  .row .col7 {
    width: 979px;
  }
  .row .push7 {
    margin-left: 1015px;
  }
  .row .col8 {
    width: 1124px;
  }
  .row .push8 {
    margin-left: 1160px;
  }
  .row .col9 {
    width: 1269px;
  }
  .row .push9 {
    margin-left: 1305px;
  }
  .row .col10 {
    width: 1414px;
  }
  .row .push10 {
    margin-left: 1450px;
  }
  .row .col11 {
    width: 1559px;
  }
  .row .push11 {
    margin-left: 1595px;
  }
  .row .col12 {
    width: 1704px;
  }
  .row .push12 {
    margin-left: 1740px;
  }
  .row .block2_3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 716px;
  }
  .row .block2_3 > div:before {
    display: block;
    content: "";
    width: 100%;
  }
  .row .block2_3 > div.block2:before {
    padding-top: 340px;
  }
  .row .block2_3 > div.block3:before {
    padding-top: 214.6666666667px;
  }
  .row .block2_3 > div:before {
    padding-top: 716px;
  }
  .row .block1_1_5_3 {
    height: 689px;
  }
  .row .block1_1_5_3 > div:before {
    display: block;
    content: "";
    width: 100%;
  }
  .row .block1_1_5_3 > div:before {
    padding-top: 689px;
  }
  .row .block1_1_3_5 {
    height: 516.75px;
  }
  .row .block1_1_3_5 > div:before {
    display: block;
    content: "";
    width: 100%;
  }
  .row .block1_1_3_5 > div:before {
    padding-top: 516.75px;
  }
  .row .block2_1_5_3 {
    height: 516.75px;
    height: auto;
  }
  .row .block2_1_5_3 > div:before {
    display: block;
    content: "";
    width: 100%;
  }
  .row .block2_1_5_3 > div:before {
    padding-top: 516.75px;
  }
  .row .block2_1_5_3 > div:before {
    padding-top: 516.75px;
  }
  .row .block2_1_5_3 > div:last-child {
    margin-left: 0;
    margin-top: 36px;
  }
  .row .block1_1_5_3_34 {
    height: 516.75px;
  }
  .row .block1_1_5_3_34 > div:before {
    display: block;
    content: "";
    width: 100%;
  }
  .row .block1_1_5_3_34 > div:before {
    padding-top: 516.75px;
  }
  .row .block1_1_5_3_34 > div:before {
    padding-top: 516.75px;
  }
  .row .block1_2_7_4_3 {
    height: 550.6875px;
    height: 885.9375px;
  }
  .row .block1_2_7_4_3 > div:before {
    display: block;
    content: "";
    width: 100%;
  }
  .row .block1_2_7_4_3 > div:before {
    padding-top: 550.6875px;
  }
  .row .block1_2_7_4_3 > div:before {
    padding-top: 550.6875px;
  }
  .row .block1_2_7_4_3 > div:nth-child(2) {
    margin-left: 0px;
    margin-top: 36px;
  }
  .row .block1_2_7_4_3 > div:nth-child(2):before {
    padding-top: initial;
  }
  .row .block1_2_7_4_3 > div:last-child {
    margin-top: 36px;
  }
  .row .block1_2_7_4_3 > div:last-child:before {
    padding-top: 299.25px;
  }
}
.row div[class*=col]:first-child:not([class*=push]) {
  margin-left: 0;
}
.row.noBottom {
  margin-bottom: 0;
}

@media (min-width: 720px) {
  .bottom {
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .bottom {
    margin-bottom: 32px;
  }
}
@media (min-width: 1800px) {
  .bottom {
    margin-bottom: 36px;
  }
}

@media (min-width: 720px) {
  .bottomImage, .slick-slide {
    margin-bottom: 12px;
  }
}
@media (min-width: 1024px) {
  .bottomImage, .slick-slide {
    margin-bottom: 16px;
  }
}
@media (min-width: 1200px) {
  .bottomImage, .slick-slide {
    margin-bottom: 20px;
  }
}
@media (min-width: 1800px) {
  .bottomImage, .slick-slide {
    margin-bottom: 24px;
  }
}

.grey {
  width: 100%;
  background-color: #EFEFEF;
  padding: 36px 0 0 0;
  margin-bottom: 36px;
}
@media (min-width: 1024px) {
  .grey {
    padding: 30px 0 24px 0;
    margin-bottom: 48px;
  }
}
@media (min-width: 1200px) {
  .grey {
    padding: 36px 0 28px 0;
    margin-bottom: 56px;
  }
}
@media (min-width: 1600px) {
  .grey {
    padding: 64px 0 36px 0;
    margin-bottom: 72px;
  }
}
@media (min-width: 1800px) {
  .grey {
    padding: 72px 0 42px 0;
    margin-bottom: 96px;
  }
}

.image {
  width: 100%;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media (min-width: 720px) {
  .image {
    margin-bottom: 48px;
  }
}
@media (min-width: 1200px) {
  .image {
    margin-bottom: 56px;
  }
}
@media (min-width: 1600px) {
  .image {
    margin-bottom: 72px;
  }
}
@media (min-width: 1800px) {
  .image {
    margin-bottom: 96px;
  }
}

.opacity-slide:before {
  background-color: black;
  opacity: 0.6;
}

.coverImage {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.whitePadding {
  background-color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 719px) {
  .whitePadding {
    padding: 2px 32px;
    margin: 32px auto;
  }
}
@media (min-width: 720px) {
  .whitePadding {
    padding: 24px 24px 48px;
  }
}
@media (min-width: 1200px) {
  .whitePadding {
    padding: 28px 32px 56px;
  }
}
@media (min-width: 1600px) {
  .whitePadding {
    padding: 36px 32px 72px;
  }
}
@media (min-width: 1800px) {
  .whitePadding {
    padding: 48px 36px 96px;
  }
}

.transparentPadding {
  color: white;
}
@media (min-width: 720px) {
  .transparentPadding {
    padding: 24px 24px 48px;
  }
}
@media (min-width: 1200px) {
  .transparentPadding {
    padding: 28px 32px 56px;
  }
}
@media (min-width: 1600px) {
  .transparentPadding {
    padding: 36px 32px 72px;
  }
}
@media (min-width: 1800px) {
  .transparentPadding {
    padding: 48px 36px 96px;
  }
}
.transparentPadding a, .transparentPadding a:visited, .transparentPadding a:hover {
  color: white;
}

.posBottom {
  position: absolute;
  bottom: 4em;
}
@media (max-width: 719px) {
  .posBottom {
    bottom: initial;
  }
}

/* aspecto */
.vintiu-trentados {
  position: relative;
}
.vintiu-trentados:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 152.380952381%;
}
.vintiu-trentados > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.disset-out {
  position: relative;
}
.disset-out:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.disset-out > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (min-width: 1024px) {
  .disset-out {
    position: relative;
  }
  .disset-out:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 47.0588235294%;
  }
  .disset-out > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.disset-out > .garantiaEmotions, .disset-out > .garantiaResidence {
  top: initial;
  left: initial;
  right: 32px;
  bottom: 32px;
}
.disset-out > .garantiaEmotions img, .disset-out > .garantiaResidence img {
  width: 252px;
}
@media (min-width: 1024px) {
  .disset-out > .garantiaEmotions, .disset-out > .garantiaResidence {
    right: 48px;
    bottom: 48px;
  }
  .disset-out > .garantiaEmotions img, .disset-out > .garantiaResidence img {
    width: 252px;
  }
}
@media (max-width: 719px) {
  .disset-out > .garantiaEmotions, .disset-out > .garantiaResidence {
    display: none;
  }
}
.disset-out > .garantiaResidence img {
  width: 290px;
}

.setze-nou {
  position: relative;
}
.setze-nou:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.setze-nou > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.setze-deu {
  position: relative;
}
.setze-deu:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.setze-deu > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (min-width: 1024px) {
  .setze-deu {
    position: relative;
  }
  .setze-deu:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 62.5%;
  }
  .setze-deu > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.setze-deu > .garantiaEmotionsSigno, .setze-deu > .garantiaResidenceSigno {
  top: initial;
  left: initial;
  right: 36px;
  bottom: 32px;
  display: flex;
  align-items: center;
}
.setze-deu > .garantiaEmotionsSigno a.garantia img, .setze-deu > .garantiaResidenceSigno a.garantia img {
  width: 120px;
}
.setze-deu > .garantiaEmotionsSigno a.life, .setze-deu > .garantiaResidenceSigno a.life {
  margin-left: 2.25rem;
}
.setze-deu > .garantiaEmotionsSigno a.life img, .setze-deu > .garantiaResidenceSigno a.life img {
  height: 64px;
}
@media (max-width: 719px) {
  .setze-deu > .garantiaEmotionsSigno, .setze-deu > .garantiaResidenceSigno {
    display: none;
  }
}
.setze-deu > .garantiaResidence img {
  width: 110px;
}

.quatre-tres {
  position: relative;
}
.quatre-tres:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.quatre-tres > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (min-width: 1024px) {
  .quatre-tres {
    position: relative;
  }
  .quatre-tres:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 75%;
  }
  .quatre-tres > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.un-un {
  position: relative;
}
.un-un:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.un-un > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (min-width: 1024px) {
  .un-un {
    position: relative;
  }
  .un-un:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
  }
  .un-un > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.quatre-un {
  position: relative;
}
.quatre-un:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 25%;
}
.quatre-un > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 719px) {
  .quatre-un {
    position: relative;
  }
  .quatre-un:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 50%;
  }
  .quatre-un > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.tres-un {
  position: relative;
}
.tres-un:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 33.3333333333%;
}
.tres-un > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 719px) {
  .tres-un {
    position: relative;
  }
  .tres-un:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 50%;
  }
  .tres-un > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.dos-un {
  position: relative;
}
.dos-un:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 50%;
}
.dos-un > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.vuit-deu {
  position: relative;
}
.vuit-deu:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 125%;
}
.vuit-deu > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (max-width: 719px) {
  .armarios, .indoor {
    position: relative;
    margin-bottom: 32px;
  }
  .armarios:before, .indoor:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 125%;
  }
  .armarios > .content, .indoor > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

#menuSup, #menuInf {
  position: relative;
  height: 24px;
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
}
#menuSup > div:first-child img, #menuInf > div:first-child img {
  width: 200px;
}
@media (min-width: 1200px) {
  #menuSup > div:first-child img, #menuInf > div:first-child img {
    width: 254px;
  }
}
#menuSup a, #menuSup a:visited, #menuInf a, #menuInf a:visited {
  color: #333;
}
#menuSup a.active, #menuSup a:visited.active, #menuInf a.active, #menuInf a:visited.active {
  color: #CBCBCB;
}
#menuSup a:hover, #menuInf a:hover {
  color: #B99333;
}

#menuSup {
  height: 48px;
  border-bottom: 1px #ccc solid;
  z-index: 1000;
  position: relative;
}
#menuSup > nav {
  display: none;
}
@media (min-width: 1024px) {
  #menuSup > nav {
    display: block;
  }
}

#menuSup {
  /*	@include for-size(tablet-portrait-up) { */
  height: 76px;
  background-color: white;
  width: 100vw;
  left: -5vw;
  top: -28px;
  padding: 28px 5vw 0;
  margin-bottom: 0;
  /*	} */
}
@media (min-width: 1024px) {
  #menuSup {
    height: 48px;
    background-color: white;
    width: initial;
    left: initial;
    top: initial;
    padding: initial;
    margin-bottom: 24px;
  }
}

@media (min-width: 720px) {
  #menuInf {
    display: flex;
  }
}
#menuInf > nav {
  margin-top: 0;
}

nav ul, .path ul {
  display: flex;
}
nav ul li, .path ul li {
  text-transform: uppercase;
  font-weight: 400;
  margin: 0;
}
nav ul li:after, .path ul li:after {
  content: " ";
  padding: 0 8px;
}
@media (min-width: 1600px) {
  nav ul li:after, .path ul li:after {
    padding: 0 16px;
  }
}
nav ul li:last-child:after, .path ul li:last-child:after {
  content: "";
  padding: 0;
}

#menuSup nav ul, .path ul {
  font-size: 0.9rem;
}
@media (min-width: 1600px) {
  #menuSup nav ul, .path ul {
    font-size: 1rem;
  }
}

.path {
  float: none !important;
}
@media (min-width: 1024px) {
  .path {
    float: left !important;
  }
}
.path ul li {
  font-weight: 600;
}
.path ul li:after {
  content: "|";
}

@media (min-width: 1024px) {
  #subMenu ul {
    display: flex !important;
  }
}
#subMenu ul li:after {
  content: "";
  padding: 0;
}
@media (min-width: 1024px) {
  #subMenu ul li:after {
    content: " ";
    padding: 0 8px;
  }
}
@media (min-width: 1200px) {
  #subMenu ul li:after {
    padding: 0 16px;
  }
}
#subMenu a, #subMenu a:visited {
  color: #333;
}
#subMenu a.active, #subMenu a:visited.active {
  color: #999;
}
#subMenu a:hover {
  color: #B99333;
}

#menu {
  position: absolute;
  display: none;
}
#menu li {
  margin: 0 !important;
}

footer {
  background-color: black;
  color: white;
  font-weight: 600;
  padding: 16px 0;
}
@media (min-width: 720px) {
  footer {
    padding: 24px 0;
  }
}
@media (min-width: 1200px) {
  footer {
    padding: 28px 0;
  }
}
@media (min-width: 1600px) {
  footer {
    padding: 36px 0;
  }
}
@media (min-width: 1800px) {
  footer {
    padding: 48px 0;
  }
}
footer li {
  line-height: 1.2em;
  margin: 0 !important;
}
footer li:first-child {
  padding-bottom: 0.5em;
}
footer a, footer a:visited, footer a:hover {
  color: white;
  font-weight: 300;
  display: inline-table;
  padding: 0.5em 0;
}
footer a:hover {
  color: #B99333;
}

#grupo {
  height: 28px;
}

.mobileOut {
  display: none;
}
@media (min-width: 1024px) {
  .mobileOut {
    display: block;
  }
}

.mobileBottom {
  margin-bottom: 8px !important;
}
@media (min-width: 1024px) {
  .mobileBottom {
    margin-bottom: 0px !important;
  }
}

.your-class {
  margin-bottom: 36px !important;
}
@media (max-width: 719px) {
  .your-class {
    margin-bottom: 0px !important;
  }
}
@media (min-width: 1024px) {
  .your-class {
    margin-bottom: 24px !important;
  }
}
.your-class > div div.gradient-back:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 33%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
}
.your-class > div div.gradient-back p.modelo {
  font-size: 24px;
  color: white;
  position: absolute;
  right: 48px;
  bottom: 48px;
  margin-bottom: 0;
}

.slider-product-class div.slick-slide {
  margin: 0 16px 16px !important;
}
.slider-product-class div.slick-slide div.gradient-back:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 33%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
}
.slider-product-class div.slick-slide div.gradient-back p.modelo {
  font-size: 24px;
  color: white;
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 0;
}

@media (max-width: 719px) {
  .row.slider {
    margin-bottom: 16px !important;
  }
}

.slick-dots {
  bottom: -24px !important;
  display: block;
}
@media (max-width: 719px) {
  .slick-dots {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .slick-dots {
    bottom: -28px !important;
  }
}
.slick-dots li {
  margin: 0px 8px !important;
}
.slick-dots li button:before {
  font-size: 10px !important;
  opacity: 0.16 !important;
}
.slick-dots li.slick-active button:before {
  opacity: 0.66 !important;
}

.marcas.emotions, .marcas.residence {
  margin-bottom: 12px;
}
@media (max-width: 719px) {
  .marcas.emotions, .marcas.residence {
    margin-top: 16px;
    height: 40px;
  }
}
@media (min-width: 1024px) {
  .marcas.emotions, .marcas.residence {
    margin-bottom: 24px;
  }
}
.marcas.emotions img, .marcas.residence img {
  height: 44px;
}
@media (max-width: 719px) {
  .marcas.emotions img, .marcas.residence img {
    height: 40px;
  }
}

/*------------------
  MENU
  ------------------*/
#back {
  display: none;
  z-index: 1;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.8);
}
#back:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

#menu, .subMenuMobil {
  display: none;
  width: 100%;
  top: 75px;
  right: 0px;
  padding-top: 0px;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 50;
  font-weight: 600;
}

/* Acordeon */
#menu ul, .subMenuMobil ul {
  padding: 0;
  margin: 0 auto;
  list-style: none;
  flex-flow: column;
}
@media (min-width: 1024px) {
  #menu ul, .subMenuMobil ul {
    flex-flow: row;
  }
}

#menu ul > li, .subMenuMobil ul > li {
  display: block;
}

#menu a, .subMenuMobil a {
  display: block;
  padding: 16px 5vw 16px 5vw;
  font-size: 1rem;
  line-height: 1rem;
  text-decoration: none;
  color: #333;
  border-top: 1px rgba(204, 204, 204, 0.8) solid;
}

#menu > ul li:first-child > a, .subMenuMobil > ul li:first-child > a {
  border-top: 1px rgba(204, 204, 204, 0.8) solid;
}

/* Lista anidada inicialmente oculta */
#menu ul ul {
  display: none;
  width: 100%;
  position: initial;
  top: 44px;
}

#menu ul ul > li {
  display: block;
}

/* Sangrado y segundo color para sub-opciones */
#menu ul ul a {
  border-top: 1px rgba(204, 204, 204, 0.8) solid;
  padding: 14px 5vw 14px 10vw;
}

#menu a:hover,
#menu a.activo,
#menu ul ul a:hover,
#menu ul ul a.activo {
  color: #B99333;
}

/* Indicador arrow */
.arrow {
  position: relative;
  float: right;
  left: 0px;
  top: 0px;
  display: inline-block;
  border: solid #B99333 !important;
  border-width: 0 2px 2px 0 !important;
  padding: 4px !important;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.arrow.submenu {
  margin-left: 86vw;
  position: absolute;
  top: 4px;
}
@media (min-width: 720px) {
  .arrow.submenu {
    margin-left: 88vw;
  }
}
@media (min-width: 1024px) {
  .arrow.submenu {
    display: none;
  }
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  top: 2px;
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

#menu .arrow.up {
  top: 5px;
}

/*
 * ICON MENU
 */
#nav-icon {
  display: block;
  float: right;
  width: 24px;
  height: 24px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
@media (min-width: 1024px) {
  #nav-icon {
    display: none;
  }
}

#nav-icon.iconMenu {
  float: right;
  width: 24px;
  height: 24px;
  margin: 3px 0 0;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #333;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#nav-icon span:nth-child(1) {
  background: none;
  top: -3px;
  left: -52px;
  color: white;
  font-size: 0.9rem;
}

#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
  top: 7px;
}

#nav-icon span:nth-child(4) {
  top: 14px;
}

#nav-icon.open span:nth-child(1), #nav-icon.open span:nth-child(4), #nav-icon.open span:nth-child(5) {
  background: none;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}