/* ---------------------------------- */
/* ----------- BASE CONFIG ---------- */
/* ---------------------------------- */
@import url("./font/BebasNeue/styles.css");
@import url("./font/BebasNeueRegular/styles.css");
@import url("./font/Gotham-Bold/styles.css");
@import url("./font/Gotham-Light/styles.css");
@-webkit-keyframes arrow-up {
  from {
    -webkit-transform: translateY(0); }
  to {
    -webkit-transform: translateY(-10px); } }

@-moz-keyframes arrow-up {
  from {
    -moz-transform: translateY(0); }
  to {
    -moz-transform: translateY(-10px); } }

@keyframes arrow-up {
  from {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  to {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); } }

@-webkit-keyframes arrow-down {
  from {
    -webkit-transform: translateY(0); }
  to {
    -webkit-transform: translateY(5px); } }

@-moz-keyframes arrow-down {
  from {
    -moz-transform: translateY(0); }
  to {
    -moz-transform: translateY(5px); } }

@keyframes arrow-down {
  from {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  to {
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px); } }

@-webkit-keyframes move-left {
  from {
    -webkit-transform: translateX(0); }
  to {
    -webkit-transform: translateX(-10px); } }

@-moz-keyframes move-left {
  from {
    -moz-transform: translateX(0); }
  to {
    -moz-transform: translateX(-10px); } }

@keyframes move-left {
  from {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  to {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px); } }

/* -------------------------- */
/* ------- TYPOGRAPHY ------- */
/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* --------- RESET ---------- */
/* -------------------------- */
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; }

/* HTML5 display-role reset for older browsers */
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; }

img {
  vertical-align: middle; }

* {
  box-sizing: border-box; }

/* -------------------------- */
.main-font, ol, form label, form select, form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="date"],
form input[type="password"], form textarea, body, .attachs h3, .part-mosaic .content .item .text .mosaic-content p, .special-events .info-top.fixed h2, .ecommerce .inner-product .product-info .excerpt {
  font-family: "Gotham-Light", sans-serif;
  font-size: 13px;
  line-height: 15.6px; }

.featured-font, article.eproduct .info .subtitle {
  font-family: "Gotham-Light", sans-serif;
  font-size: 20px;
  line-height: 20px; }

.title-font, h2,
h3, header .nav .bottom-nav .featured, .share .title, .blocks .block .text h3, .part-mosaic .content .item .text .title, .body h1, .body .part h4, .body .part.part-featured, .contacts_map-block.block .content .item.contact-info h4, .gallery .viewport .close-button .text .close {
  font-family: "Gotham-Bold", sans-serif;
  font-size: 20px;
  line-height: 20px; }
  .title-font.bold, h2.bold,
  h3.bold, header .nav .bottom-nav .bold.featured, .share .bold.title, .blocks .block .text h3.bold, .part-featured .content .text h3, .part-mosaic .content .item .text .bold.title, .body h1.bold, .body .part h3, .body .part h4.bold, .body .bold.part.part-featured, .contacts_map-block.block .content .item.contact-info h4.bold, .gallery .viewport .close-button .text .bold.close {
    font-weight: bold; }

.small-title-font, .special-events .screen .event-basket .data .title-info, .special-events .screen .event-basket .resume .grid .info .title-info, .special-events .screen .event-basket .resume .grid .info .field, .ecommerce.basket h3, .ecommerce.login h3,
.ecommerce.register h3,
.ecommerce.recover-password h3,
.ecommerce.change-password h3, .ecommerce.profile .aside-content h4 {
  font-family: "Gotham-Bold", sans-serif;
  font-size: 13px;
  line-height: 13px; }

.subtitle-font, h4, .blocks .block .text h4, .ecommerce.profile .aside-content h3, .ecommerce.orders .aside-content h3 {
  font-family: "Gotham-Light", sans-serif;
  font-size: 20px;
  line-height: 20px; }
  .subtitle-font.bold, h4.bold, .blocks .block .text h4.bold, .ecommerce.profile .aside-content h3.bold, .ecommerce.orders .aside-content h3.bold {
    font-weight: bold; }

.e-product_mosaic-title-font, article.eproduct .info .title {
  font-family: "BebasNeue", sans-serif;
  font-size: 38px;
  line-height: 38px; }

.e-product_list-title-font, .product-list.block .content .list-product .info .title {
  font-family: "BebasNeueRegular", sans-serif;
  font-size: 65px;
  line-height: 65px;
  letter-spacing: 2px; }

.e-product_events-number-font, .special-events .screen .event-basket .body-tabs .amounts .item .image .title, .special-events .screen .event-basket .resume .grid .image .amount-img .amount-title {
  font-family: "Gotham-Bold", sans-serif;
  font-size: 38px;
  line-height: 38px; }

.e-product_events-units-font, .special-events .screen .event-basket .tab-units .grid .info .units {
  font-family: "Gotham-Light", sans-serif;
  font-size: 28px;
  line-height: 28px; }

.e-product_events-price-font, .special-events .screen .event-basket .resume .grid .info .price {
  font-family: "Gotham-Bold", sans-serif;
  font-size: 38px;
  line-height: 38px; }

.shop-product-name-font, .ecommerce .inner-product .product-info .name {
  font-family: "Gotham-Light", sans-serif;
  font-size: 65px;
  line-height: 65px; }
  .shop-product-name-font span, .ecommerce .inner-product .product-info .name span {
    font-family: "BebasNeue", sans-serif; }

.shop-product-basket-title-font, .ecommerce .inner-product .product-info .add-basket .basket-title {
  font-family: "Gotham-Bold", sans-serif;
  font-size: 13px;
  line-height: 13px;
  text-transform: uppercase; }

.shop-product-price-font, .ecommerce .inner-product .product-info .add-basket .bottom-basket .left .price {
  font-family: "BebasNeue", sans-serif;
  font-size: 28px;
  line-height: 13px;
  text-transform: uppercase; }

.top-title-font, .home-top .text h1.title, .home-top .text h2.subtitle, .top .info h1,
.top .info .title {
  font-family: "BebasNeue", sans-serif;
  font-size: 65px;
  line-height: 65px; }
  @media (max-width: 480px) {
    .top-title-font, .home-top .text h1.title, .home-top .text h2.subtitle, .top .info h1,
    .top .info .title {
      font-size: 45px;
      line-height: 50px; } }

.top-subtitle-font, .top .info h2,
.top .info .subtitle {
  font-family: "Gotham-Light", sans-serif;
  font-size: 20px;
  line-height: 20px; }

.menu-main-font, header .nav nav .menu-item .main-link {
  font-family: "BebasNeueRegular", sans-serif;
  font-size: 38px;
  line-height: 38px; }
  @media (max-width: 480px) {
    .menu-main-font, header .nav nav .menu-item .main-link {
      font-size: 25px;
      line-height: 25px; } }

.sub-menu-link-font, header .nav .bottom-nav .items .menu-item .child-link {
  font-family: "Gotham-Light", sans-serif;
  font-size: 15px; }

.button-font, .button, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar, footer .center-footer .newsletter input[type="submit"] {
  font-family: "BebasNeueRegular", sans-serif;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 1px; }

.events-title-font, .special-events .info-top h1 {
  font-family: "BebasNeueRegular", sans-serif;
  font-size: 65px;
  line-height: 65px; }

.events-subtitle-font, .special-events .info-top h2 {
  font-family: "Gotham-Light", sans-serif;
  font-size: 20px;
  line-height: 20px; }

.footer-font, footer, footer .left-footer nav a, footer .center-footer .newsletter p {
  font-family: "Gotham-Light", sans-serif;
  font-size: 12px;
  line-height: 20px; }

.align-left {
  text-align: left; }

.align-right {
  text-align: right; }

.align-center {
  text-align: center; }

/* ---------------------------------- */
/* ---------------------------------- */
/* --------- GENERAL LAYOUTS -------- */
/* ---------------------------------- */
/* -------------------------- */
/* ------ GENERAL GRID ------ */
/* ------ LAYOUT ------------ */
/* -------------------------- */
a {
  color: #7f4413;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  a:hover {
    text-decoration: underline; }
  .ft-black a {
    color: #000000; }
    .ft-black a:hover {
      text-decoration: underline; }
  .ft-white a {
    color: #FFFFFF; }
    .ft-white a:hover {
      text-decoration: underline; }
  .ft-extra-color a {
    color: #7f4413; }
    .ft-extra-color a:hover {
      text-decoration: underline; }
  .ft-extra-color-2 a {
    color: #c3804d; }
    .ft-extra-color-2 a:hover {
      text-decoration: underline; }
  .ft-extra-color-3 a {
    color: #b28072; }
    .ft-extra-color-3 a:hover {
      text-decoration: underline; }
  .ft-dark-gray a {
    color: #202020; }
    .ft-dark-gray a:hover {
      text-decoration: underline; }
  .ft-gray a {
    color: #9D9D9C; }
    .ft-gray a:hover {
      text-decoration: underline; }
  .ft-light-gray a {
    color: #EAEAEA; }
    .ft-light-gray a:hover {
      text-decoration: underline; }

h2,
h3 {
  margin-bottom: 20px; }

h4 {
  margin-bottom: 20px; }
  h4 + h3 {
    margin-top: -20px; }

p {
  margin-bottom: 5px; }

.ft-black h3, .ft-black
h4 {
  color: #000000; }

.ft-white h3, .ft-white
h4 {
  color: #FFFFFF; }

.ft-extra-color h3, .ft-extra-color
h4 {
  color: #7f4413; }

.ft-extra-color-2 h3, .ft-extra-color-2
h4 {
  color: #c3804d; }

.ft-extra-color-3 h3, .ft-extra-color-3
h4 {
  color: #b28072; }

.ft-dark-gray h3, .ft-dark-gray
h4 {
  color: #202020; }

.ft-gray h3, .ft-gray
h4 {
  color: #9D9D9C; }

.ft-light-gray h3, .ft-light-gray
h4 {
  color: #EAEAEA; }

h3 a:hover,
h4 a:hover {
  text-decoration: underline; }

ul {
  list-style-type: disc;
  padding-left: 20px;
  margin-bottom: 20px; }

ol {
  counter-reset: my-badass-counter;
  font-size: 38px;
  line-height: 1.2em; }
  @media (max-width: 480px) {
    ol {
      font-size: 28px; } }

ol li {
  margin-bottom: 10px; }

ol li:before {
  content: counter(my-badass-counter) ".";
  counter-increment: my-badass-counter;
  display: inline-block;
  width: 50px;
  margin-right: 10px;
  color: #7f4413;
  font-size: 97.5px;
  font-style: normal;
  text-align: right; }
  @media (max-width: 480px) {
    ol li:before {
      font-size: 65px; } }

img {
  max-width: 100%; }

strong {
  font-family: 700; }

em {
  font-style: italic; }

sup {
  vertical-align: super; }

sub {
  vertical-align: sub; }

.clearboth::after {
  clear: both;
  content: "";
  display: table; }

.button, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar {
  position: relative;
  display: inline-block;
  padding: 5px 20px;
  border: 1px solid #df9a1b;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;
  line-height: 1.2em;
  background-color: #df9a1b;
  cursor: pointer; }
  .button:before, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button:before, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #df9a1b;
    -webkit-transition: 0.2s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    -moz-transition: 0.2s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    transition: 0.2s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
  .button input, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button input, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar input,
  .button span,
  .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button span,
  .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar span {
    color: #FFFFFF;
    position: relative;
    cursor: pointer; }
  .button:hover, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button:hover, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar:hover {
    color: #FFFFFF; }
    .button:hover:before, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button:hover:before, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar:hover:before {
      height: 100%; }
  .button.input, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .input.basket-button, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .input.button-tramitar {
    padding: 0; }
    .button.input input, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .input.basket-button input, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .input.button-tramitar input {
      padding: 10px 20px;
      color: inherit;
      background-color: transparent;
      border: none;
      font-size: inherit;
      font-family: inherit;
      text-transform: inherit;
      cursor: pointer;
      color: #FFFFFF; }
  .button.small, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .small.basket-button, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .small.button-tramitar {
    border: none;
    font-style: italic;
    text-transform: none; }
    .button.small:hover, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .small.basket-button:hover, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .small.button-tramitar:hover {
      color: inherit; }

form {
  width: 100%;
  max-width: 512px;
  margin: auto;
  color: #2b1810; }
  form select {
    width: 100%;
    padding: 10px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border: 1px solid #7f4413;
    border-radius: 0;
    color: #000000;
    background-color: #FFFFFF;
    background-image: url(../img/style/arrow-down.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 20px 20px;
    margin-bottom: 20px; }
  form input[type="text"],
  form input[type="email"],
  form input[type="tel"],
  form input[type="date"],
  form input[type="password"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: 10px 20px;
    border-radius: 0;
    border: 1px solid #AAAAAA;
    color: #000000;
    text-align: left; }
  form textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: 10px 20px;
    border: 0;
    border-radius: 0;
    background-color: #AAAAAA;
    color: #000000;
    line-height: 1.2em; }
  form input::-webkit-input-placeholder,
  form textarea::-webkit-input-placeholder {
    color: #9D9D9C; }
  form input::-moz-placeholder,
  form textarea::-moz-placeholder {
    color: #9D9D9C; }
  form input:-moz-placeholder,
  form textarea:-moz-placeholder {
    color: #9D9D9C; }
  form input:-ms-input-placeholder,
  form textarea:-ms-input-placeholder {
    color: #9D9D9C; }
  form input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer; }
  form .form-block {
    margin-bottom: 20px; }
    form .form-block.legal {
      font-style: italic; }
      form .form-block.legal p {
        margin-bottom: 20px; }
    @media (max-width: 480px) {
      form .form-block.legal {
        flex-direction: column;
        align-items: flex-start; }
        form .form-block.legal > :first-child {
          margin-bottom: 10px; } }

.lens {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(95, 58, 23, 0.5); }

.inner-border {
  padding: 10px; }
  .inner-border:after {
    content: '';
    display: block;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 2px solid #FFFFFF; }

.image {
  position: relative;
  overflow: hidden;
  margin: auto;
  text-align: center; }
  .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
    .image img.horizontal {
      max-width: 100%;
      max-height: none; }
    .image img.vertical {
      max-width: none;
      max-height: 100%; }
  .image.static img {
    position: static;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }
  .image.cover img {
    opacity: 0;
    min-width: 100%;
    min-height: 100%; }
  .image.cover.loaded img {
    opacity: 1; }
  .image.contain img {
    max-width: 100%;
    max-height: 100%; }

.cover-video {
  position: relative;
  overflow: hidden; }
  .cover-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
    .cover-video video.loaded {
      opacity: 1; }
    .cover-video video.horizontal {
      width: 100%;
      height: none; }
    .cover-video video.vertical {
      width: none;
      height: 100%; }

html {
  position: relative;
  min-height: 100%;
  background-color: #FFFFFF; }

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  margin: 0;
  color: #202020; }

.content {
  width: 100%;
  max-width: 1024px;
  padding: 20px;
  margin: auto; }

.wrapper {
  flex-grow: 1; }

/* -------------------------- */
/* -------------------------- */
/* ------ GRID LAYOUT ------- */
/* -------------------------- */
.grid {
  display: flex; }
  .grid.row {
    flex-direction: row; }
  .grid.row-reverse {
    flex-direction: row-reverse; }
  .grid.column {
    flex-direction: column; }
  .grid.column-reverse {
    flex-direction: column-reverse; }
  .grid.wrap {
    flex-wrap: wrap; }
  .grid.justify-start {
    justify-content: flex-start; }
  .grid.justify-end {
    justify-content: flex-end; }
  .grid.justify-center {
    justify-content: center; }
  .grid.justify-between {
    justify-content: space-between; }
  .grid.justify-around {
    justify-content: space-around; }
  .grid.items-start {
    align-items: flex-start; }
  .grid.items-end {
    align-items: flex-end; }
  .grid.items-center {
    align-items: center; }
  .grid.items-baseline {
    align-items: baseline; }
  .grid.items-stretch {
    align-items: stretch; }
  .grid.content-start {
    align-content: flex-start; }
  .grid.content-end {
    align-content: flex-end; }
  .grid.content-center {
    align-content: center; }
  .grid.content-between {
    align-content: space-between; }
  .grid.content-around {
    align-content: space-around; }
  .grid.content-stretch {
    align-content: stretch; }
  .grid .item.grow {
    flex-grow: 1; }
  .grid .item.grow-2 {
    flex-grow: 2; }
  .grid .item.grow-3 {
    flex-grow: 3; }
  .grid .item.grow-4 {
    flex-grow: 4; }
  .grid .item.start {
    align-self: flex-start; }
  .grid .item.end {
    align-self: flex-end; }
  .grid .item.center {
    align-self: center; }
  .grid .item.baseline {
    align-self: baseline; }
  .grid .item.stretch {
    align-self: stretch; }
  .grid .item.full {
    width: 100%; }
  .grid .item.oneoftwo {
    width: 50%; }
  .grid .item.oneofthree {
    width: 33.33333%; }
  .grid .item.twoofthree {
    width: 66.66667%; }
  .grid .item.oneoffour {
    width: 25%; }
  .grid .item.twooffour {
    width: 50%; }
  .grid .item.threeoffour {
    width: 75%; }
  .grid .item.oneoffive {
    width: 20%; }
  .grid .item.twooffive {
    width: 40%; }
  .grid .item.threeoffive {
    width: 60%; }
  .grid .item.fouroffive {
    width: 80%; }
  .grid .item.oneofsix {
    width: 16.66667%; }
  .grid .item.twoofsix {
    width: 33.33333%; }
  .grid .item.threeofsix {
    width: 50%; }
  .grid .item.fourofsix {
    width: 66.66667%; }
  .grid .item.fiveofsix {
    width: 83.33333%; }
  .grid .item.oneofseven {
    width: 14.28571%; }
  .grid .item.twoofseven {
    width: 28.57143%; }
  .grid .item.threeofseven {
    width: 42.85714%; }
  .grid .item.fourofseven {
    width: 57.14286%; }
  .grid .item.fiveofseven {
    width: 71.42857%; }
  .grid .item.sixofseven {
    width: 85.71429%; }
  .grid .item.oneofeight {
    width: 12.5%; }
  .grid .item.twoofeight {
    width: 25%; }
  .grid .item.threeofeight {
    width: 37.5%; }
  .grid .item.fourofeight {
    width: 50%; }
  .grid .item.fiveofeight {
    width: 62.5%; }
  .grid .item.sixofeight {
    width: 75%; }
  .grid .item.sevenofeight {
    width: 87.5%; }
  .grid .item.oneofnine {
    width: 11.11111%; }
  .grid .item.twoofnine {
    width: 22.22222%; }
  .grid .item.threeofnine {
    width: 33.33333%; }
  .grid .item.fourofnine {
    width: 44.44444%; }
  .grid .item.fiveofnine {
    width: 55.55556%; }
  .grid .item.sixofnine {
    width: 66.66667%; }
  .grid .item.sevenofnine {
    width: 77.77778%; }
  .grid .item.eightofnine {
    width: 88.88889%; }
  .grid .item.oneoften {
    width: 10%; }
  .grid .item.twooften {
    width: 20%; }
  .grid .item.threeoften {
    width: 30%; }
  .grid .item.fouroften {
    width: 40%; }
  .grid .item.fiveoften {
    width: 50%; }
  .grid .item.sixoften {
    width: 60%; }
  .grid .item.sevenoften {
    width: 70%; }
  .grid .item.eightoften {
    width: 80%; }
  .grid .item.nineoften {
    width: 90%; }
  .grid .item.oneofeleven {
    width: 9.09091%; }
  .grid .item.twoofeleven {
    width: 18.18182%; }
  .grid .item.threeofeleven {
    width: 27.27273%; }
  .grid .item.fourofeleven {
    width: 36.36364%; }
  .grid .item.fiveofeleven {
    width: 45.45455%; }
  .grid .item.sixofeleven {
    width: 54.54545%; }
  .grid .item.sevenofeleven {
    width: 63.63636%; }
  .grid .item.eightofeleven {
    width: 72.72727%; }
  .grid .item.nineofeleven {
    width: 81.81818%; }
  .grid .item.tenofeleven {
    width: 90.90909%; }
  .grid .item.oneoftwelve {
    width: 8.33333%; }
  .grid .item.twooftwelve {
    width: 16.66667%; }
  .grid .item.threeoftwelve {
    width: 25%; }
  .grid .item.fouroftwelve {
    width: 33.33333%; }
  .grid .item.fiveoftwelve {
    width: 41.66667%; }
  .grid .item.sixoftwelve {
    width: 50%; }
  .grid .item.sevenoftwelve {
    width: 58.33333%; }
  .grid .item.eightoftwelve {
    width: 66.66667%; }
  .grid .item.nineoftwelve {
    width: 75%; }
  .grid .item.tenoftwelve {
    width: 83.33333%; }
  .grid .item.elevenoftwelve {
    width: 91.66667%; }

/* -------------------------- */
/* -------------------------- */
/* ----- HEADER STYLES ------ */
/* -------------------------- */
.menu-scroll {
  width: 100%;
  height: 0; }

header {
  position: fixed;
  z-index: 100;
  top: 0;
  width: 100%;
  height: 60px;
  background-color: transparent;
  letter-spacing: 0;
  -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
  -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
  transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
  @media (max-width: 480px) {
    header {
      height: 50px; } }
  header .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0;
    max-width: 100%; }
  header .logo {
    opacity: 1;
    margin: 10px 0 0 50px;
    z-index: 2;
    -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
    header .logo img {
      width: 90px; }
    @media (max-width: 480px) {
      header .logo {
        margin: 10px; }
        header .logo img {
          width: auto;
          height: 35px;
          max-width: auto; } }
  header .right-menu {
    display: flex;
    align-items: center; }
    header .right-menu.events {
      margin-top: 20px; }
      @media (max-width: 480px) {
        header .right-menu.events {
          margin-top: 0; } }
  header .menu-button {
    margin: 10px 50px 0 0;
    z-index: 2;
    padding: 0;
    cursor: pointer; }
    header .menu-button .bars {
      display: block;
      position: relative;
      width: 25px;
      height: 25px; }
      header .menu-button .bars .bar {
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        border-bottom: 2px solid #FFFFFF;
        -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
        -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
        transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
        transform: translate(0, 0) rotate(0); }
        header .menu-button .bars .bar:nth-child(1) {
          top: 4px; }
        header .menu-button .bars .bar:nth-child(2) {
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
        header .menu-button .bars .bar:nth-child(3) {
          top: calc(100% - 5px);
          -webkit-transform: translateY(-100%) rotate(0);
          -moz-transform: translateY(-100%) rotate(0);
          -ms-transform: translateY(-100%) rotate(0);
          -o-transform: translateY(-100%) rotate(0);
          transform: translateY(-100%) rotate(0); }
      header .menu-button .bars:hover .bar:nth-child(1) {
        top: 0; }
      header .menu-button .bars:hover .bar:nth-child(3) {
        top: 100%; }
    @media (max-width: 480px) {
      header .menu-button {
        width: 15%;
        margin: 10px 10px 0 0; } }
  header .nav {
    position: fixed;
    z-index: -1;
    opacity: 0;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    height: 0;
    min-height: 0;
    overflow-y: auto;
    background-color: rgba(95, 58, 23, 0.5);
    -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    -webkit-transition: height 0s linear 0.5s, min-height 0s linear 0.5s, z-index 0s linear 0.5s, opacity 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    -moz-transition: height 0s linear 0.5s, min-height 0s linear 0.5s, z-index 0s linear 0.5s, opacity 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    transition: height 0s linear 0.5s, min-height 0s linear 0.5s, z-index 0s linear 0.5s, opacity 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
    header .nav nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      align-items: flex-start;
      position: relative;
      transform: translateY(-100%);
      width: 100%;
      max-width: 900px;
      margin: auto;
      background-color: #FFFFFF;
      padding: 0;
      -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
      header .nav nav .close {
        position: absolute;
        top: 20px;
        right: 20px;
        cursor: pointer;
        z-index: 10; }
        header .nav nav .close .lines {
          display: inline-block;
          position: relative;
          height: 3px;
          width: 40px;
          margin-top: -10px;
          background-color: transparent;
          -webkit-transition: all 0.3s ease-out;
          -moz-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out; }
          header .nav nav .close .lines:before, header .nav nav .close .lines:after {
            content: '';
            display: inline-block;
            position: absolute;
            right: 0;
            height: 3px;
            width: 25px;
            background: #7f4413;
            -webkit-transform-origin: 50% 50%;
            -moz-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out; }
          header .nav nav .close .lines:before {
            top: 0px;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            -moz-transform: rotate3d(0, 0, 1, 45deg);
            -ms-transform: rotate3d(0, 0, 1, 45deg);
            -o-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg); }
          header .nav nav .close .lines:after {
            top: 0px;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            -moz-transform: rotate3d(0, 0, 1, -45deg);
            -ms-transform: rotate3d(0, 0, 1, -45deg);
            -o-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg); }
      header .nav nav .items {
        display: flex;
        flex-wrap: wrap;
        width: 100%; }
      header .nav nav .menu-item {
        padding: 20px; }
        header .nav nav .menu-item .main-link {
          position: relative;
          display: block;
          width: 100%; }
        header .nav nav .menu-item .child-link {
          display: flex;
          align-items: center;
          margin-bottom: 5px; }
          header .nav nav .menu-item .child-link:last-child {
            margin-bottom: 0; }
          header .nav nav .menu-item .child-link .arrow {
            display: inline-block;
            margin-left: 10px; }
            header .nav nav .menu-item .child-link .arrow:before, header .nav nav .menu-item .child-link .arrow:after {
              border-color: #7f4413; }
        header .nav nav .menu-item .submenu {
          padding: 20px 0 0; }
        header .nav nav .menu-item:hover .main-link .arrow, header .nav nav .menu-item.current .main-link .arrow {
          width: 100px; }
      @media (max-width: 1024px) {
        header .nav nav {
          height: auto; }
          header .nav nav .menu-item .submenu {
            padding: 10px 0 0; } }
      @media (max-width: 480px) {
        header .nav nav {
          padding: 0;
          flex-direction: column;
          justify-content: flex-start;
          height: 100vh;
          flex-wrap: nowrap; }
          header .nav nav .items {
            width: 100%;
            text-align: center; }
          header .nav nav .menu-item {
            width: 100% !important;
            padding: 0 0 5px; }
            header .nav nav .menu-item .submenu {
              padding: 10px; }
            header .nav nav .menu-item .main-link:after {
              width: 200px; }
            header .nav nav .menu-item .main-link br,
            header .nav nav .menu-item .child-link br {
              display: none; }
            header .nav nav .menu-item .main-link .arrow,
            header .nav nav .menu-item .child-link .arrow {
              display: none; }
            header .nav nav .menu-item .child-link {
              margin-bottom: 0; } }
    header .nav .top-nav {
      padding: 20px;
      width: 100%; }
      header .nav .top-nav .logo-icon {
        position: absolute;
        top: 20px;
        left: 20px;
        cursor: pointer;
        z-index: 10;
        max-width: 90px; }
      header .nav .top-nav .langs {
        position: absolute;
        top: 60px;
        right: 20px;
        cursor: pointer;
        z-index: 10;
        color: #7f4413;
        font-size: 10px; }
        header .nav .top-nav .langs.current {
          font-weight: bold; }
      header .nav .top-nav .items {
        justify-content: center;
        margin: auto;
        width: 80%; }
      @media (max-width: 480px) {
        header .nav .top-nav .logo-icon img {
          width: auto;
          height: 35px; }
        header .nav .top-nav .langs {
          top: 50px; }
        header .nav .top-nav .items {
          margin-top: 40px; } }
    header .nav .bottom-nav {
      padding: 50px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      width: 100%;
      padding-top: 20px;
      background-color: #4c2b12;
      color: #FFFFFF;
      flex-grow: 1; }
      header .nav .bottom-nav .featured {
        margin-bottom: 40px;
        font-size: 20px; }
        @media (max-width: 480px) {
          header .nav .bottom-nav .featured {
            margin-bottom: 20px; } }
      header .nav .bottom-nav .items {
        justify-content: center;
        margin-bottom: 20px; }
        header .nav .bottom-nav .items .menu-item {
          display: flex;
          flex-direction: column;
          width: 50%;
          padding: 0 20px;
          max-width: 340px; }
          header .nav .bottom-nav .items .menu-item .main-link {
            color: #FFFFFF; }
          header .nav .bottom-nav .items .menu-item .child-link {
            color: #FFFFFF; }
          header .nav .bottom-nav .items .menu-item:first-child {
            text-align: right;
            align-items: flex-end;
            border-right: 2px solid #FFFFFF; }
            header .nav .bottom-nav .items .menu-item:first-child .submenu {
              text-align: right; }
      header .nav .bottom-nav .social {
        display: flex;
        padding: 0 20px; }
        header .nav .bottom-nav .social a {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 30px;
          height: 30px;
          margin: 0 5px;
          background-color: #7f4413;
          border-radius: 50%;
          color: #FFFFFF;
          font-size: 18px; }
      @media (max-width: 480px) {
        header .nav .bottom-nav {
          height: auto;
          display: block;
          padding: 20px;
          text-align: center; }
          header .nav .bottom-nav .items {
            text-align: center; }
            header .nav .bottom-nav .items .menu-item {
              padding: 10px 0; }
              header .nav .bottom-nav .items .menu-item:first-child {
                text-align: center;
                align-items: center;
                border-right: none; }
                header .nav .bottom-nav .items .menu-item:first-child .submenu {
                  text-align: center; }
              header .nav .bottom-nav .items .menu-item .submenu {
                text-align: center; }
                header .nav .bottom-nav .items .menu-item .submenu .child-link {
                  justify-content: center;
                  margin-bottom: 5px; }
          header .nav .bottom-nav .social {
            padding: 0 0 40px;
            justify-content: center; } }
  header.active .nav {
    z-index: 101;
    opacity: 1;
    height: 100vh;
    -webkit-transition: height 0s linear 0s, min-height 0s linear 0s, z-index 0s linear 0s, opacity 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    -moz-transition: height 0s linear 0s, min-height 0s linear 0s, z-index 0s linear 0s, opacity 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    transition: height 0s linear 0s, min-height 0s linear 0s, z-index 0s linear 0s, opacity 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
    header.active .nav nav {
      transform: translate(0);
      overflow-y: auto; }
  header.scroll {
    background-color: #7f4413; }
    header.scroll .logo {
      opacity: 1 !important;
      margin: 0 0 0 5px; }
      header.scroll .logo img {
        width: 60px; }
    header.scroll .menu-button {
      margin-top: 0; }
  header.static {
    position: static;
    background-color: #7f4413; }
    header.static .logo {
      opacity: 1 !important;
      margin: 0 0 0 10px; }
      header.static .logo img {
        width: 60px; }
    header.static .menu-button {
      margin-top: 0; }
    header.static.scroll {
      background: #7f4413 !important; }

/*
.responsive-alert,
.ie-alert{
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 200;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: $extra-color;
    color: $white;

    .message{
        padding: 0 $big-gap;
        text-align:center;
        color:$white;
        p {
            font-size: 24px !important;
        }
    }
    img{
        width: 130px;
    //    height: 130px;
        margin-bottom: $gap;
    }
}*/
/*
.responsive-alert{
    @media (max-width: 768px) and (orientation: landscape) {
        display: flex;
    }
}*/
/* -------------------------- */
/* -------------------------- */
/* ----- FOOTER LAYOUT ------ */
/* -------------------------- */
footer {
  position: relative;
  background-color: #2b1810;
  color: #FFFFFF; }
  footer .content {
    padding: 50px 5px; }
    @media (max-width: 1024px) {
      footer .content {
        padding: 50px 10px; } }
    @media (max-width: 480px) {
      footer .content {
        padding: 20px; } }
  footer a {
    color: inherit; }
    footer a:hover {
      color: inherit;
      text-decoration: underline; }
  footer .left-footer {
    width: 25%; }
    footer .left-footer nav {
      width: calc(100% - 10px); }
      footer .left-footer nav a {
        display: block;
        text-transform: uppercase; }
  footer .center-footer {
    width: 50%; }
    footer .center-footer .newsletter {
      width: 100%; }
      footer .center-footer .newsletter p {
        margin-bottom: 5px; }
      footer .center-footer .newsletter input[type="email"] {
        background-color: transparent;
        border: 1px solid #FFFFFF;
        color: #FFFFFF;
        margin-right: 10px; }
      footer .center-footer .newsletter input[type="submit"] {
        color: #FFFFFF;
        border: none;
        background-color: #7f4413;
        margin-right: 10px;
        padding: 10px 20px; }
    footer .center-footer .social {
      width: calc(100% - 100px);
      text-align: center;
      padding: 10px 0; }
      footer .center-footer .social .icons {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        footer .center-footer .social .icons div {
          margin-right: 10px; }
        footer .center-footer .social .icons a {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 25px;
          height: 25px;
          margin: 0 5px;
          border-radius: 50%;
          background-color: #7f4413;
          color: #2b1810;
          text-align: center;
          font-size: medium; }
          footer .center-footer .social .icons a i {
            font-size: 15px; }
          footer .center-footer .social .icons a:hover {
            text-decoration: none;
            background-color: #FFFFFF;
            color: #2b1810; }
  footer .right-footer {
    width: 25%; }
    footer .right-footer:first-child {
      margin-bottom: 10px; }
    footer .right-footer .direction {
      text-align: right;
      margin-bottom: 10px; }
      footer .right-footer .direction p {
        line-height: 1em;
        margin-bottom: 5px; }
  footer .rights {
    background-color: #7f4413;
    text-align: center;
    font-size: 10px;
    line-height: 1.2em; }
    footer .rights .content {
      padding: 10px 20px; }
      @media (max-width: 480px) {
        footer .rights .content p {
          width: 50%; } }
  @media (max-width: 768px) {
    footer .content {
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 50px 20px; }
    footer .left-footer {
      order: 2;
      width: 33.333%; }
    footer .center-footer {
      order: 1;
      width: 100%;
      text-align: center; }
      footer .center-footer .social {
        width: 100%;
        justify-content: center; }
        footer .center-footer .social .icons {
          justify-content: center; }
    footer .right-footer {
      order: 3;
      width: 33.333%; } }
  @media (max-width: 480px) {
    footer .left-footer {
      width: 50%; }
    footer .right-footer {
      width: 50%; } }

/* -------------------------- */
/* -------------------------- */
/* ----- SIDEBAR LAYOUT ----- */
/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* ----- ALERTS LAYOUT ------ */
/* -------------------------- */
.notification {
  position: fixed;
  top: 35%;
  left: 50%;
  z-index: 100;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 450px;
  padding: 20px 50px;
  background-color: #7f4413;
  color: #FFFFFF;
  text-align: center;
  font-weight: 400; }
  .notification i {
    position: absolute;
    top: 10px;
    right: 10px; }
  .notification p:last-child {
    margin-bottom: 0; }
  .notification.hide {
    display: none; }
  .notification.error {
    background-color: #BE0411; }

/* -------------------------- */
/* -------------------------- */
/* ----- COOKIES LAYOUT ----- */
/* -------------------------- */
.cookies {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background: rgba(0, 0, 0, 0.8);
  color: #FFFFFF;
  text-align: center;
  font-size: 10px;
  line-height: 1.2em;
  z-index: 200; }
  @media (max-width: 480px) {
    .cookies {
      padding: 40px; } }
  .cookies .content {
    padding: 0; }
  .cookies .close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer; }
  .cookies a {
    color: #ccc; }
  .cookies a:hover {
    text-decoration: underline; }

/* -------------------------- */
/* -------------------------- */
/* ------- TOP LAYOUT ------- */
/* -------------------------- */
.padding-home {
  height: 65vh; }

.home-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 65vh; }
  .home-top .video {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1; }
    .home-top .video .cover-video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      @media (max-width: 1024px) {
        .home-top .video .cover-video {
          background-color: #7f4413; }
          .home-top .video .cover-video video {
            max-width: 100% !important;
            max-height: 100% !important; } }
    .home-top .video .controls {
      opacity: 0;
      position: absolute;
      bottom: 20px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media (max-width: 480px) {
        .home-top .video .controls {
          bottom: 70px; } }
      .home-top .video .controls .pause {
        position: relative;
        width: 20px;
        height: 35px;
        overflow: hidden;
        cursor: pointer;
        margin: 0 10px; }
        .home-top .video .controls .pause:before, .home-top .video .controls .pause:after {
          content: '';
          position: absolute;
          width: 5px;
          height: 35px;
          box-sizing: border-box;
          border-top: 0 solid transparent;
          border-bottom: 0 solid transparent;
          border-left: 5px solid #FFFFFF;
          -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
          -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
          transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
        .home-top .video .controls .pause:before {
          left: 0; }
        .home-top .video .controls .pause:after {
          right: 0; }
        .home-top .video .controls .pause.paused:before {
          width: 20px;
          border-top: 17px solid transparent;
          border-bottom: 17px solid transparent;
          border-left: 20px solid #FFFFFF; }
        .home-top .video .controls .pause.paused:after {
          right: -5px; }
        @media (max-width: 480px) {
          .home-top .video .controls .pause {
            width: 15px;
            height: 25px; }
            .home-top .video .controls .pause:before, .home-top .video .controls .pause:after {
              height: 25px; }
            .home-top .video .controls .pause.paused:before {
              width: 15px;
              border-top: 12px solid transparent;
              border-bottom: 12px solid transparent;
              border-left: 15px solid #FFFFFF; } }
      .home-top .video .controls .close {
        position: relative;
        width: 40px;
        height: 40px;
        margin: 0 10px;
        cursor: pointer; }
        .home-top .video .controls .close:before, .home-top .video .controls .close:after {
          content: '';
          width: 100%;
          height: 0;
          position: absolute;
          top: 50%;
          left: 50%;
          border-top: 3px solid #FFFFFF; }
        .home-top .video .controls .close:before {
          -webkit-transform: translate(-50%, -50%) rotate(45deg);
          -moz-transform: translate(-50%, -50%) rotate(45deg);
          -ms-transform: translate(-50%, -50%) rotate(45deg);
          -o-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg); }
        .home-top .video .controls .close:after {
          -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          -moz-transform: translate(-50%, -50%) rotate(-45deg);
          -ms-transform: translate(-50%, -50%) rotate(-45deg);
          -o-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg); }
        @media (max-width: 480px) {
          .home-top .video .controls .close {
            width: 30px;
            height: 30px; } }
      .home-top .video .controls .fullscreen {
        display: none;
        position: relative;
        width: 40px;
        height: 30px;
        margin: 0 10px;
        cursor: pointer; }
        .home-top .video .controls .fullscreen span {
          display: block;
          position: absolute;
          width: 10px;
          height: 10px; }
          .home-top .video .controls .fullscreen span:nth-child(1) {
            left: 0;
            top: 0;
            border-left: 2px solid #FFFFFF;
            border-top: 2px solid #FFFFFF; }
          .home-top .video .controls .fullscreen span:nth-child(2) {
            right: 0;
            top: 0;
            border-right: 2px solid #FFFFFF;
            border-top: 2px solid #FFFFFF; }
          .home-top .video .controls .fullscreen span:nth-child(3) {
            left: 0;
            bottom: 0;
            border-left: 2px solid #FFFFFF;
            border-bottom: 2px solid #FFFFFF; }
          .home-top .video .controls .fullscreen span:nth-child(4) {
            right: 0;
            bottom: 0;
            border-right: 2px solid #FFFFFF;
            border-bottom: 2px solid #FFFFFF; }
        @media (max-width: 1024px) {
          .home-top .video .controls .fullscreen {
            display: block; } }
        @media (max-width: 480px) {
          .home-top .video .controls .fullscreen {
            width: 30px;
            height: 25px; }
            .home-top .video .controls .fullscreen span {
              width: 8px;
              height: 8px; } }
    .home-top .video.show .controls {
      opacity: 1; }
  .home-top .background {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 2;
    transition: opacity 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s, z-index 0s linear 0s; }
    .home-top .background.hide {
      opacity: 0;
      z-index: -1;
      transition: opacity 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s, z-index 0s linear 0.5s; }
    .home-top .background .image,
    .home-top .background .cover-video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    @media (max-width: 1024px) {
      .home-top .background .cover-video {
        display: none; } }
  .home-top .text {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    opacity: 1;
    z-index: 3;
    transition: opacity 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s, z-index 0s linear 0s; }
    .home-top .text.hide {
      opacity: 0;
      z-index: -1;
      transition: opacity 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s, z-index 0s linear 0.5s; }
    @media (max-width: 480px) {
      .home-top .text .logo img {
        width: 250px; } }
    .home-top .text .play {
      opacity: 0.8;
      position: relative;
      width: 70px;
      height: 70px;
      border: 3px solid #FFFFFF;
      border-radius: 50%;
      -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      margin-bottom: 10px;
      cursor: pointer; }
      .home-top .text .play:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-40%, -50%);
        -moz-transform: translate(-40%, -50%);
        -ms-transform: translate(-40%, -50%);
        -o-transform: translate(-40%, -50%);
        transform: translate(-40%, -50%);
        width: 0;
        height: 0;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 25px solid #FFFFFF; }
      .home-top .text .play:hover {
        opacity: 1; }
      @media (max-width: 480px) {
        .home-top .text .play {
          width: 60px;
          height: 60px; }
          .home-top .text .play:after {
            border-top: 15px solid transparent;
            border-bottom: 15px solid transparent;
            border-left: 25px solid #FFFFFF; } }
    .home-top .text .down {
      opacity: 0.8;
      position: absolute;
      bottom: 20px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 30px;
      height: 50px;
      border-radius: 15px 15px;
      border: 2px solid #FFFFFF;
      -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      cursor: pointer; }
      .home-top .text .down:after {
        content: '';
        position: absolute;
        top: 10px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 0;
        height: 10px;
        border-left: 2px solid #FFFFFF;
        animation-name: mouse-scroll;
        animation-duration: 5s;
        animation-iteration-count: infinite;
        animation-delay: 5s;
        animation-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1); }
      .home-top .text .down:hover {
        opacity: 1; }

@-webkit-keyframes mouse-scroll {
  0% {
    top: 10px; }
  25% {
    top: 20px; }
  35% {
    top: 12px; }
  45% {
    top: 18px; }
  50% {
    top: 10px; }
  100% {
    top: 10px; } }

@-moz-keyframes mouse-scroll {
  0% {
    top: 10px; }
  25% {
    top: 20px; }
  35% {
    top: 12px; }
  45% {
    top: 18px; }
  50% {
    top: 10px; }
  100% {
    top: 10px; } }

@keyframes mouse-scroll {
  0% {
    top: 10px; }
  25% {
    top: 20px; }
  35% {
    top: 12px; }
  45% {
    top: 18px; }
  50% {
    top: 10px; }
  100% {
    top: 10px; } }
      @media (max-width: 1024px) {
        .home-top .text .down {
          display: none; } }

/* -------------------------- */
/* -------------------------- */
/* ------- TOP LAYOUT ------- */
/* -------------------------- */
.padding-top {
  height: 500px;
  max-height: 50vh; }
  @media (max-width: 768px) {
    .padding-top {
      height: 384.0096px; } }
  @media (max-width: 768px) {
    .padding-top {
      height: 288.0072px; } }
  @media (max-width: 600px) {
    .padding-top {
      height: 225.00563px; } }
  @media (max-width: 480px) {
    .padding-top {
      height: 340px; } }
  @media (max-width: 320px) {
    .padding-top {
      height: 300px; } }

.padding-top-date {
  height: 300px; }

.wrapper-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; }
  .wrapper-top.event {
    background-color: #7f4413; }

.top {
  position: relative;
  height: 500px;
  max-height: 50vh;
  background-size: cover;
  background-position: center center; }
  .top.event {
    background-size: contain;
    background-repeat: no-repeat; }
  .top.top-schedules {
    height: 400px; }
  .top.small {
    height: 300px;
    background-attachment: scroll; }
  .top .cover-video {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%; }
    .top .cover-video video {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .top .cover-video .lens {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.3); }
    @media (max-width: 1024px) {
      .top .cover-video {
        display: none; } }
  .top .info {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 768px;
    max-height: 100%;
    padding: 0 20px;
    color: #FFFFFF;
    text-align: center; }
    .top .info br {
      display: none; }
    .top .info h1,
    .top .info .title {
      margin-bottom: 10px; }
    .top .info .line {
      margin: 0 auto;
      width: 50px;
      height: 3px;
      background: #FFFFFF;
      margin-bottom: 20px; }
    .top .info .disclaimer {
      font-size: 10px; }
    .top .info .download {
      margin-top: 50px; }
    .top .info .icon {
      margin-bottom: 10px; }
      .top .info .icon img {
        max-width: 45%; }
  @media (max-width: 1024px) {
    .top {
      background-attachment: scroll; }
      .top.small {
        height: 150px; } }
  @media (max-width: 768px) {
    .top {
      height: 288.0072px; } }
  @media (max-width: 600px) {
    .top {
      height: 225.00563px; } }
  @media (max-width: 480px) {
    .top {
      height: 340px; } }
  @media (max-width: 320px) {
    .top {
      height: 300px; } }

/* -------------------------- */
/* -------------------------- */
/* --- BREADCRUMBS LAYOUT --- */
/* -------------------------- */
.breadcrumbs {
  position: relative;
  z-index: 2;
  height: 35px;
  color: #2b1810;
  background-color: #e8d9cf;
  font-size: 10px;
  text-transform: uppercase; }
  .breadcrumbs .content {
    padding: 10px; }
  .breadcrumbs .breadcrumb br {
    display: none; }
  .breadcrumbs .breadcrumb:after {
    content: " / ";
    display: inline-block;
    margin: 0 10px; }
  .breadcrumbs .breadcrumb:last-child {
    font-weight: 700; }
    .breadcrumbs .breadcrumb:last-child:after {
      display: none; }
  .breadcrumbs a {
    color: inherit; }
    .breadcrumbs a:hover {
      text-decoration: underline; }
  @media (max-width: 480px) {
    .breadcrumbs {
      display: none; } }

/* -------------------------- */
/* -------------------------- */
/* --- ATTACHMENTS LAYOUT --- */
/* -------------------------- */
.attachs {
  padding: 20px; }
  .attachs h3 {
    margin-bottom: 10px;
    color: inherit;
    text-transform: uppercase; }
  .attachs a {
    padding: 10px 10px 5px 5px;
    margin-bottom: 10px;
    color: #7f4413;
    border-bottom: 1px solid #7f4413;
    -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
    .attachs a i {
      margin-left: 10px;
      font-size: 20px; }
    .attachs a:hover {
      background-color: #7f4413;
      color: #FFFFFF; }

/* -------------------------- */
/* -------------------------- */
/* -- SHARE BUTTONS LAYOUT -- */
/* -------------------------- */
.share {
  padding: 20px;
  background-color: #7f4413;
  color: #2b1810; }
  .share .title {
    margin-bottom: 10px !important;
    color: #2b1810;
    letter-spacing: 0; }
  .share a {
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 5px;
    border-radius: 50%;
    background-color: #2b1810;
    color: #FFFFFF;
    text-align: center;
    font-size: 20px; }
    .share a:hover {
      background-color: #FFFFFF;
      color: #2b1810;
      cursor: pointer; }

/* -------------------------- */
/* ---------------------------------- */
/* ---------------------------------- */
/* ------ PAGE SPECIFIC STYLES ------ */
/* ---------------------------------- */
/* -------------------------- */
/* ----- BLOCKS LAYOUT ------ */
/* -------------------------- */
.blocks .block {
  background-color: #FFFFFF;
  position: relative; }
  .blocks .block.twoofthree {
    width: 100%; }
  .blocks .block .content {
    padding: 50px 50px; }
    @media (max-width: 1024px) {
      .blocks .block .content {
        padding: 50px 20px; } }
  .blocks .block.no-padding {
    padding: 0; }
    .blocks .block.no-padding .content {
      padding: 0; }
  .blocks .block.no-margin {
    margin: 0; }
  .blocks .block .bg-image,
  .blocks .block .bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
    @media (max-width: 480px) {
      .blocks .block .bg-image,
      .blocks .block .bg-video {
        min-height: 300px; } }
    .blocks .block .bg-image.fixed,
    .blocks .block .bg-video.fixed {
      background-attachment: fixed; }
      @media (max-width: 768px) {
        .blocks .block .bg-image.fixed,
        .blocks .block .bg-video.fixed {
          background-attachment: scroll; } }
    .blocks .block .bg-image.contain,
    .blocks .block .bg-video.contain {
      background-size: contain;
      background-position: center bottom; }
      @media (max-width: 480px) {
        .blocks .block .bg-image.contain,
        .blocks .block .bg-video.contain {
          height: 100%; } }
  .blocks .block .icon {
    min-height: 150px;
    margin-bottom: 20px;
    text-align: center; }
    .blocks .block .icon img {
      max-width: 150px; }
    @media (max-width: 480px) {
      .blocks .block .icon img {
        max-width: 100px; } }
  .blocks .block .text {
    /* :first-child{
                margin-top: 0;
            }
            :last-child{
                margin-bottom: 0;
            }*/
    padding: 10px 0; }
    .blocks .block .text h3 {
      margin-bottom: 20px; }
    .blocks .block .text h4 {
      margin-bottom: 20px; }
      .blocks .block .text h4 + h3 {
        margin-top: -20px; }
    .blocks .block .text p {
      margin-bottom: 20px; }
  .blocks .block .part-button {
    margin-top: 20px;
    text-align: center; }
  .blocks .block.bg-black {
    background-color: #000000; }
  .blocks .block.bg-white {
    background-color: #FFFFFF; }
  .blocks .block.bg-extra-color {
    background-color: #7f4413; }
  .blocks .block.bg-extra-color-2 {
    background-color: #c3804d; }
  .blocks .block.bg-extra-color-3 {
    background-color: #b28072; }
  .blocks .block.bg-dark-gray {
    background-color: #202020; }
  .blocks .block.bg-gray {
    background-color: #9D9D9C; }
  .blocks .block.bg-light-gray {
    background-color: #EAEAEA; }
  @media (max-width: 768px) {
    .blocks .block {
      width: 100% !important; }
      .blocks .block.order-0 {
        display: none; }
      .blocks .block.order-1 {
        order: 1; }
      .blocks .block.order-2 {
        order: 2; }
      .blocks .block.order-3 {
        order: 3; }
      .blocks .block.order-4 {
        order: 4; }
      .blocks .block.order-5 {
        order: 5; }
      .blocks .block.order-6 {
        order: 6; }
      .blocks .block.order-7 {
        order: 7; }
      .blocks .block.order-8 {
        order: 8; }
      .blocks .block.order-9 {
        order: 9; }
      .blocks .block.order-10 {
        order: 10; }
      .blocks .block.order-11 {
        order: 11; }
      .blocks .block.order-12 {
        order: 12; }
      .blocks .block.order-13 {
        order: 13; }
      .blocks .block.order-14 {
        order: 14; }
      .blocks .block.order-15 {
        order: 15; }
      .blocks .block.order-16 {
        order: 16; }
      .blocks .block.order-17 {
        order: 17; }
      .blocks .block.order-18 {
        order: 18; }
      .blocks .block.order-19 {
        order: 19; }
      .blocks .block.order-20 {
        order: 20; }
      .blocks .block.order-21 {
        order: 21; }
      .blocks .block.order-22 {
        order: 22; }
      .blocks .block.order-23 {
        order: 23; }
      .blocks .block.order-24 {
        order: 24; }
      .blocks .block.order-25 {
        order: 25; }
      .blocks .block.order-26 {
        order: 26; }
      .blocks .block.order-27 {
        order: 27; }
      .blocks .block.order-28 {
        order: 28; }
      .blocks .block.order-29 {
        order: 29; }
      .blocks .block.order-30 {
        order: 30; }
      .blocks .block.order-31 {
        order: 31; }
      .blocks .block.order-32 {
        order: 32; }
      .blocks .block.order-33 {
        order: 33; }
      .blocks .block.order-34 {
        order: 34; }
      .blocks .block.order-35 {
        order: 35; }
      .blocks .block.order-36 {
        order: 36; }
      .blocks .block.order-37 {
        order: 37; }
      .blocks .block.order-38 {
        order: 38; }
      .blocks .block.order-39 {
        order: 39; }
      .blocks .block.order-40 {
        order: 40; }
      .blocks .block.order-41 {
        order: 41; }
      .blocks .block.order-42 {
        order: 42; }
      .blocks .block.order-43 {
        order: 43; }
      .blocks .block.order-44 {
        order: 44; }
      .blocks .block.order-45 {
        order: 45; }
      .blocks .block.order-46 {
        order: 46; }
      .blocks .block.order-47 {
        order: 47; }
      .blocks .block.order-48 {
        order: 48; }
      .blocks .block.order-49 {
        order: 49; }
      .blocks .block.order-50 {
        order: 50; }
      .blocks .block.order-51 {
        order: 51; }
      .blocks .block.order-52 {
        order: 52; }
      .blocks .block.order-53 {
        order: 53; }
      .blocks .block.order-54 {
        order: 54; }
      .blocks .block.order-55 {
        order: 55; }
      .blocks .block.order-56 {
        order: 56; }
      .blocks .block.order-57 {
        order: 57; }
      .blocks .block.order-58 {
        order: 58; }
      .blocks .block.order-59 {
        order: 59; }
      .blocks .block.order-60 {
        order: 60; }
      .blocks .block.order-61 {
        order: 61; }
      .blocks .block.order-62 {
        order: 62; }
      .blocks .block.order-63 {
        order: 63; }
      .blocks .block.order-64 {
        order: 64; }
      .blocks .block.order-65 {
        order: 65; }
      .blocks .block.order-66 {
        order: 66; }
      .blocks .block.order-67 {
        order: 67; }
      .blocks .block.order-68 {
        order: 68; }
      .blocks .block.order-69 {
        order: 69; }
      .blocks .block.order-70 {
        order: 70; }
      .blocks .block.order-71 {
        order: 71; }
      .blocks .block.order-72 {
        order: 72; }
      .blocks .block.order-73 {
        order: 73; }
      .blocks .block.order-74 {
        order: 74; }
      .blocks .block.order-75 {
        order: 75; }
      .blocks .block.order-76 {
        order: 76; }
      .blocks .block.order-77 {
        order: 77; }
      .blocks .block.order-78 {
        order: 78; }
      .blocks .block.order-79 {
        order: 79; }
      .blocks .block.order-80 {
        order: 80; }
      .blocks .block.order-81 {
        order: 81; }
      .blocks .block.order-82 {
        order: 82; }
      .blocks .block.order-83 {
        order: 83; }
      .blocks .block.order-84 {
        order: 84; }
      .blocks .block.order-85 {
        order: 85; }
      .blocks .block.order-86 {
        order: 86; }
      .blocks .block.order-87 {
        order: 87; }
      .blocks .block.order-88 {
        order: 88; }
      .blocks .block.order-89 {
        order: 89; }
      .blocks .block.order-90 {
        order: 90; }
      .blocks .block.order-91 {
        order: 91; }
      .blocks .block.order-92 {
        order: 92; }
      .blocks .block.order-93 {
        order: 93; }
      .blocks .block.order-94 {
        order: 94; }
      .blocks .block.order-95 {
        order: 95; }
      .blocks .block.order-96 {
        order: 96; }
      .blocks .block.order-97 {
        order: 97; }
      .blocks .block.order-98 {
        order: 98; }
      .blocks .block.order-99 {
        order: 99; }
      .blocks .block.order-100 {
        order: 100; } }

.part-text-image.full {
  overflow-y: hidden; }
  .part-text-image.full .content {
    padding: 20px 0;
    position: relative; }
  .part-text-image.full .grid {
    margin-bottom: 0; }
  .part-text-image.full .text {
    max-width: 80%; }

.part-text-image.full .content, .part-text-image.oneoftwo .content, .part-text-image.twoofthree .content {
  width: 80%; }

@media (max-width: 768px) {
  .part-text-image.full .content, .part-text-image.oneoftwo .content, .part-text-image.twoofthree .content {
    width: 100%; } }

.part-text-image.twoofthree .content {
  width: 100%;
  padding: 0;
  max-width: none; }
  .part-text-image.twoofthree .content .grid {
    background-color: #EAEAEA; }
    .part-text-image.twoofthree .content .grid .image {
      width: 66.6666% !important;
      min-width: 0 !important;
      max-height: 450px; }
    .part-text-image.twoofthree .content .grid .text {
      width: 65%;
      min-width: 350px;
      max-width: 400px;
      position: relative;
      padding: 50px 20px;
      background-color: #FFFFFF;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      border: 1px solid #000000;
      box-shadow: 0px 0px 0px 10px white; }
      .part-text-image.twoofthree .content .grid .text .part-button {
        text-align: left; }
        .part-text-image.twoofthree .content .grid .text .part-button .button, .part-text-image.twoofthree .content .grid .text .part-button .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .part-text-image.twoofthree .content .grid .text .part-button .basket-button, .part-text-image.twoofthree .content .grid .text .part-button .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .part-text-image.twoofthree .content .grid .text .part-button .button-tramitar {
          background-color: #FFFFFF;
          border-color: #000000; }
          .part-text-image.twoofthree .content .grid .text .part-button .button span, .part-text-image.twoofthree .content .grid .text .part-button .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button span, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .part-text-image.twoofthree .content .grid .text .part-button .basket-button span, .part-text-image.twoofthree .content .grid .text .part-button .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar span, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .part-text-image.twoofthree .content .grid .text .part-button .button-tramitar span {
            color: #000000; }
          .part-text-image.twoofthree .content .grid .text .part-button .button:before, .part-text-image.twoofthree .content .grid .text .part-button .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button:before, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .part-text-image.twoofthree .content .grid .text .part-button .basket-button:before, .part-text-image.twoofthree .content .grid .text .part-button .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar:before, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .part-text-image.twoofthree .content .grid .text .part-button .button-tramitar:before {
            background-color: #000000; }
          .part-text-image.twoofthree .content .grid .text .part-button .button:hover span, .part-text-image.twoofthree .content .grid .text .part-button .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button:hover span, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .part-text-image.twoofthree .content .grid .text .part-button .basket-button:hover span, .part-text-image.twoofthree .content .grid .text .part-button .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar:hover span, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .part-text-image.twoofthree .content .grid .text .part-button .button-tramitar:hover span {
            color: #FFFFFF; }
      @media (max-width: 768px) {
        .part-text-image.twoofthree .content .grid .text {
          -webkit-transform: translateX(0%);
          -moz-transform: translateX(0%);
          -ms-transform: translateX(0%);
          -o-transform: translateX(0%);
          transform: translateX(0%);
          max-width: none;
          width: 65%;
          margin: 25px auto; } }
    .part-text-image.twoofthree .content .grid.row-reverse .text {
      -webkit-transform: translateX(50%);
      -moz-transform: translateX(50%);
      -ms-transform: translateX(50%);
      -o-transform: translateX(50%);
      transform: translateX(50%); }
      .part-text-image.twoofthree .content .grid.row-reverse .text .part-button {
        text-align: right; }
      @media (max-width: 768px) {
        .part-text-image.twoofthree .content .grid.row-reverse .text {
          -webkit-transform: translateX(0%);
          -moz-transform: translateX(0%);
          -ms-transform: translateX(0%);
          -o-transform: translateX(0%);
          transform: translateX(0%);
          margin: 25px auto;
          max-width: none;
          width: 65%; } }

.part-text-image .grid.column .image {
  margin-bottom: 20px; }

.part-text-image .grid.row .image {
  margin: 0;
  margin-right: 20px; }

.part-text-image .grid.row-reverse .image {
  margin: 0;
  margin-left: 20px; }

.part-text-image .grid.column-reverse .image {
  margin-top: 20px; }

.part-text-image .grid .text {
  width: 100%; }

@media (max-width: 1024px) {
  .part-text-image .grid .image img {
    width: auto;
    max-height: 250px; } }

@media (max-width: 768px) {
  .part-text-image.full .content {
    padding: 50px 20px; }
  .part-text-image.full .grid {
    flex-direction: column !important; }
  .part-text-image.full .text {
    max-width: 100%; }
  .part-text-image .grid.row .image {
    margin: 0 auto 20px; } }
  @media (max-width: 768px) and (max-width: 480px) {
    .part-text-image .grid.row .image {
      display: none; } }

@media (max-width: 768px) {
  .part-text-image .grid.row-reverse .image {
    margin: 0 auto 20px; } }
  @media (max-width: 768px) and (max-width: 480px) {
    .part-text-image .grid.row-reverse .image {
      display: none; } }

@media (max-width: 768px) {
  .part-text-image .grid .image.hide-responsive {
    display: none; } }

@media (max-width: 480px) {
  .part-text-image .image {
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important; }
    .part-text-image .image img {
      position: static;
      max-width: 100%;
      min-width: 0;
      min-height: 0;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none; } }

.part-gallery {
  align-items: stretch; }
  .part-gallery .content {
    height: 100%;
    max-width: none; }
    @media (max-width: 768px) {
      .part-gallery .content .gallery .thumbs .thumb {
        height: 300px; } }
  .part-gallery .carrousel {
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 100%; }
    @media (max-width: 480px) {
      .part-gallery .carrousel {
        min-height: 200px; } }
  .part-gallery .no-thumb {
    display: flex;
    padding: 10px 50px;
    align-items: center;
    justify-content: center; }
    .part-gallery .no-thumb.bg-extra-color {
      background-color: #2b1810;
      color: #FFFFFF; }
    .part-gallery .no-thumb h3, .part-gallery .no-thumb h4 {
      text-align: center; }
    .part-gallery .no-thumb .text {
      display: block; }
    .part-gallery .no-thumb .text-mobile {
      display: none; }
    @media (max-width: 1024px) {
      .part-gallery .no-thumb {
        padding: 10px 20px; } }
    @media (max-width: 480px) {
      .part-gallery .no-thumb .text {
        display: none; }
      .part-gallery .no-thumb .text-mobile {
        display: block; } }

.part-downloads .item {
  padding: 10px; }
  .part-downloads .item .item {
    padding: 0; }

.part-downloads .download {
  height: 100%; }
  .part-downloads .download .icon {
    display: block;
    position: relative;
    margin: 10px 0; }

@media (max-width: 480px) {
  .part-downloads .item {
    width: 100% !important;
    margin-bottom: 10px; } }

.part-video .text {
  margin-bottom: 20px; }

.part-video .bg-image,
.part-video .bg-video {
  position: relative;
  overflow: hidden; }
  .part-video .bg-image video,
  .part-video .bg-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.part-video.embed iframe {
  display: block;
  width: 640px;
  max-width: 100%;
  height: 400px;
  margin: auto; }

.part-video.fullscreen .play-button {
  text-align: center; }
  .part-video.fullscreen .play-button .play {
    font-size: 130px;
    cursor: pointer;
    -webkit-transition: 0.2s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    -moz-transition: 0.2s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    transition: 0.2s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
    .part-video.fullscreen .play-button .play:hover {
      color: #7f4413; }

.part-featured .lens {
  background-color: rgba(95, 58, 23, 0.5); }

.part-featured.full .content {
  padding: 50px; }
  .part-featured.full .content .text {
    padding: 50px; }

.part-featured .content {
  position: relative; }
  .part-featured .content .text {
    margin: 0 auto;
    max-width: 600px; }

@media (max-width: 480px) {
  .part-featured.full .content {
    padding: 50px 20px; }
    .part-featured.full .content .text {
      padding: 0; } }

.part-mosaic .content > .text {
  margin-bottom: 20px; }

.part-mosaic .content .item {
  text-align: center; }
  .part-mosaic .content .item .icon {
    width: 40px;
    height: 40px;
    margin-bottom: 10px; }
  .part-mosaic .content .item .text {
    padding: 0 20px;
    margin-bottom: 10px; }
    .part-mosaic .content .item .text .title {
      margin-bottom: 10px; }
    .part-mosaic .content .item .text .mosaic-content {
      line-height: 1.2em; }
      .part-mosaic .content .item .text .mosaic-content p {
        margin-bottom: 0; }

.part-mosaic.oneofthree .content {
  padding: 20px 50px; }

.part-mosaic.oneofthree .grid {
  flex-wrap: wrap; }
  .part-mosaic.oneofthree .grid .item {
    width: 50%; }
    .part-mosaic.oneofthree .grid .item .icon {
      width: 80px;
      height: 80px;
      min-height: 0;
      margin-bottom: 5px; }

@media (max-width: 1280px) {
  .part-mosaic.oneofthree .content {
    padding: 20px 0; } }

@media (max-width: 480px) {
  .part-mosaic.oneofthree .grid .item {
    width: 50%; }
    .part-mosaic.oneofthree .grid .item .icon {
      width: 60px;
      height: 60px; } }

@media (max-width: 768px) {
  .part-mosaic .grid {
    flex-wrap: wrap; }
    .part-mosaic .grid .item {
      width: 100%; } }

.part-form form {
  width: 100%;
  max-width: 768px; }

.part-form .text {
  margin-bottom: 20px; }

/* -------------------------- */
/* -------------------------- */
/* -- ARTICLES HOME LAYOUT -- */
/* -------------------------- */
.articles_home-mosaic.block .content {
  display: flex;
  max-width: 100%;
  padding: 0; }

.articles_home-mosaic.block .text {
  width: 33.33%;
  padding: 100px; }
  .articles_home-mosaic.block .text .part-button {
    text-align: left; }

.articles_home-mosaic.block .articles-wrapper {
  width: 66.66%; }
  .articles_home-mosaic.block .articles-wrapper article {
    width: 50%; }

@media (max-width: 1024px) {
  .articles_home-mosaic.block .text {
    padding: 50px 20px; } }

@media (max-width: 768px) {
  .articles_home-mosaic.block .content {
    flex-direction: column; }
  .articles_home-mosaic.block .text {
    width: 100%;
    padding: 50px;
    text-align: center; }
    .articles_home-mosaic.block .text .part-button {
      text-align: center; }
      .articles_home-mosaic.block .text .part-button .button, .articles_home-mosaic.block .text .part-button .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .articles_home-mosaic.block .text .part-button .basket-button, .articles_home-mosaic.block .text .part-button .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .articles_home-mosaic.block .text .part-button .button-tramitar {
        margin: auto;
        padding: 5px 10px;
        border: 2px solid #FFFFFF;
        font-size: 8px;
        line-height: 1.2em; }
        .articles_home-mosaic.block .text .part-button .button .arrow, .articles_home-mosaic.block .text .part-button .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button .arrow, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .articles_home-mosaic.block .text .part-button .basket-button .arrow, .articles_home-mosaic.block .text .part-button .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar .arrow, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .articles_home-mosaic.block .text .part-button .button-tramitar .arrow {
          display: none; }
  .articles_home-mosaic.block .articles-wrapper {
    width: 100%; } }

@media (max-width: 480px) {
  .articles_home-mosaic.block .articles-wrapper {
    flex-direction: column; }
    .articles_home-mosaic.block .articles-wrapper article {
      width: 100%; } }

/* -------------------------- */
/* -------------------------- */
/* -- EPRODUCT MOSAIC LAYOUT -- */
/* -------------------------- */
.eproducts_mosaic-3xn.block .content {
  display: flex;
  flex-direction: column;
  max-width: 100%; }

.eproducts_mosaic-3xn.block .text {
  max-width: 600px;
  margin: auto; }
  .eproducts_mosaic-3xn.block .text .part-button {
    text-align: left; }

@media (max-width: 480px) {
  .eproducts_mosaic-3xn.block .content .eproducts-mosaic {
    flex-wrap: wrap; }
    .eproducts_mosaic-3xn.block .content .eproducts-mosaic article {
      margin-bottom: 15px; } }

article.eproduct.extra-color {
  background: linear-gradient(to bottom, #7f4413 0%, #7f4413 70%, #FFFFFF 70%, #FFFFFF 100%); }

article.eproduct.extra-color-2 {
  background: linear-gradient(to bottom, #c3804d 0%, #c3804d 70%, #FFFFFF 70%, #FFFFFF 100%); }

article.eproduct.extra-color-3 {
  background: linear-gradient(to bottom, #b28072 0%, #b28072 70%, #FFFFFF 70%, #FFFFFF 100%); }

article.eproduct .info {
  padding: 20px 0;
  text-align: center; }
  article.eproduct .info .subtitle {
    color: #FFFFFF;
    margin-bottom: 10px; }
  article.eproduct .info a {
    text-decoration: none; }
  article.eproduct .info .title {
    color: #FFFFFF; }
  article.eproduct .info .excerpt {
    color: #FFFFFF; }

/* -------------------------- */
/* -------------------------- */
/* -- EPRODUCT MOSAIC LAYOUT -- */
/* -------------------------- */
.product-list.block .content .list-product .image {
  width: 50%;
  height: 350px; }

.product-list.block .content .list-product .info {
  width: 50%; }
  .product-list.block .content .list-product .info .title {
    color: #FFFFFF; }
    @media (max-width: 600px) {
      .product-list.block .content .list-product .info .title {
        font-size: 50px; } }

@media (max-width: 420px) {
  .product-list.block .content .list-product {
    flex-direction: column; }
    .product-list.block .content .list-product .image {
      width: 100%; }
    .product-list.block .content .list-product .info {
      width: 100%; }
      .product-list.block .content .list-product .info .title {
        text-align: center;
        font-size: 60px; }
      .product-list.block .content .list-product .info .part-button {
        text-align: center; } }

.product-list.block:nth-child(even) .content .list-product {
  flex-direction: row-reverse; }
  @media (max-width: 420px) {
    .product-list.block:nth-child(even) .content .list-product {
      flex-direction: column; } }
  .product-list.block:nth-child(even) .content .list-product .info .part-button {
    text-align: left; }

.product-list.block:nth-child(odd) .content .list-product .info {
  text-align: right; }
  .product-list.block:nth-child(odd) .content .list-product .info .part-button {
    text-align: right; }

/* -------------------------- */
/* -------------------------- */
/* -- PART DOUBLE IMAGE TEXT -- */
/* -------------------------- */
.blocks .block.part-double-text-image .content {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0; }
  .blocks .block.part-double-text-image .content .row.responsive {
    display: none; }
  .blocks .block.part-double-text-image .content .row .left,
  .blocks .block.part-double-text-image .content .row .right {
    width: 50%; }
    .blocks .block.part-double-text-image .content .row .left .image,
    .blocks .block.part-double-text-image .content .row .right .image {
      width: 100%;
      height: 400px;
      margin: 0; }
    .blocks .block.part-double-text-image .content .row .left .content,
    .blocks .block.part-double-text-image .content .row .right .content {
      padding: 50px; }
      .blocks .block.part-double-text-image .content .row .left .content .text,
      .blocks .block.part-double-text-image .content .row .right .content .text {
        max-width: 450px; }
        .blocks .block.part-double-text-image .content .row .left .content .text .part-button,
        .blocks .block.part-double-text-image .content .row .right .content .text .part-button {
          text-align: left; }
  .blocks .block.part-double-text-image .content .row .left .content {
    display: flex;
    align-items: flex-end; }
    .blocks .block.part-double-text-image .content .row .left .content .text {
      text-align: right; }
      .blocks .block.part-double-text-image .content .row .left .content .text .part-button {
        text-align: right; }

@media (max-width: 768px) {
  .blocks .block.part-double-text-image .content .row {
    display: none; }
    .blocks .block.part-double-text-image .content .row.responsive {
      display: flex;
      flex-direction: column; }
      .blocks .block.part-double-text-image .content .row.responsive .image {
        height: 300px;
        width: 100%; }
      .blocks .block.part-double-text-image .content .row.responsive .content {
        width: 100%;
        padding: 10px 20px; } }

@media (max-width: 480px) {
  .blocks .block.part-double-text-image .content .row {
    display: none; }
    .blocks .block.part-double-text-image .content .row.responsive {
      display: flex;
      flex-direction: column; }
      .blocks .block.part-double-text-image .content .row.responsive .image {
        height: 300px;
        width: 100%; }
      .blocks .block.part-double-text-image .content .row.responsive .content {
        width: 100%;
        padding: 10px 20px; } }

/* -------------------------- */
/* -------------------------- */
/* --- ARTICLES AND EVENTS -- */
/* ------- BODY LAYOUT ------ */
/* -------------------------- */
.body h1 {
  margin-bottom: 20px; }

.body .part {
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-bottom: 20px; }
  .body .part p,
  .body .part ul {
    font-size: 13px;
    margin-bottom: 20px; }
    .body .part p:last-child,
    .body .part ul:last-child {
      margin-bottom: 0; }
  .body .part.part-video, .body .part.part-image {
    width: 100%;
    height: auto;
    max-height: none;
    margin-bottom: 20px; }
    .body .part.part-video figure, .body .part.part-image figure {
      width: 100%; }
    .body .part.part-video .image,
    .body .part.part-video iframe, .body .part.part-image .image,
    .body .part.part-image iframe {
      width: 100%;
      height: 400px; }
      .body .part.part-video .image.static,
      .body .part.part-video iframe.static, .body .part.part-image .image.static,
      .body .part.part-image iframe.static {
        height: auto; }
      @media (max-width: 480px) {
        .body .part.part-video .image,
        .body .part.part-video iframe, .body .part.part-image .image,
        .body .part.part-image iframe {
          height: 200px; } }
    .body .part.part-video figcaption, .body .part.part-image figcaption {
      margin: 5px;
      color: #7f4413;
      text-align: center; }
  .body .part.part-featured {
    height: auto;
    max-height: none; }
    .body .part.part-featured p {
      margin-bottom: 5px;
      font-size: inherit;
      line-height: 1em; }
    .body .part.part-featured :last-child {
      margin-bottom: 0; }
    @media (max-width: 480px) {
      .body .part.part-featured {
        padding: 0 20px;
        font-size: 20px;
        text-align: center; } }

/* -------------------------- */
/* -------------------------- */
/* --------- CONTACTS ------- */
/* -------------------------- */
.contacts_map-block.block {
  height: auto; }
  .contacts_map-block.block .content {
    max-width: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap; }
    .contacts_map-block.block .content .item {
      height: 33vw;
      max-height: 450px; }
      .contacts_map-block.block .content .item.contact-info {
        display: flex;
        background-color: #7f4413;
        color: #FFFFFF;
        height: auto; }
        .contacts_map-block.block .content .item.contact-info .content {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          padding: 20px; }
          .contacts_map-block.block .content .item.contact-info .content .text {
            text-align: center; }
        .contacts_map-block.block .content .item.contact-info h4 {
          color: #FFFFFF; }
        .contacts_map-block.block .content .item.contact-info .prop-title {
          margin-bottom: 10px; }
        .contacts_map-block.block .content .item.contact-info .prop-social {
          display: flex;
          justify-content: center; }
          .contacts_map-block.block .content .item.contact-info .prop-social a {
            display: inline-block;
            width: 30px;
            height: 30px;
            margin: 0 5px;
            padding: 5px;
            background-color: #7f4413;
            color: #FFFFFF;
            border-radius: 50%;
            font-size: 20px;
            text-align: center; }
            .contacts_map-block.block .content .item.contact-info .prop-social a:hover {
              background-color: #FFFFFF;
              color: #7f4413; }
      @media (max-width: 1024px) {
        .contacts_map-block.block .content .item.contact-info, .contacts_map-block.block .content .item.map {
          max-height: none;
          height: auto; } }
      @media (max-width: 768px) {
        .contacts_map-block.block .content .item.map {
          height: 300px; } }
      @media (max-width: 480px) {
        .contacts_map-block.block .content .item {
          height: auto; }
          .contacts_map-block.block .content .item.map {
            height: 200px; } }

/* -------------------------- */
/* --------- SPECIAL EVENTS ------- */
/* -------------------------- */
.special-events {
  border: 10px solid #FFFFFF;
  height: 100vh;
  width: 100%;
  overflow: hidden; }
  .special-events .info-top {
    position: absolute;
    top: 50vh;
    left: 50%;
    z-index: 11;
    color: #FFFFFF;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
    @media (max-width: 768px) {
      .special-events .info-top {
        top: 54vh; } }
    .special-events .info-top h1 {
      text-transform: uppercase; }
      @media (max-width: 768px) {
        .special-events .info-top h1 {
          font-size: 40px;
          padding: 10px; } }
    @media (max-width: 768px) {
      .special-events .info-top h2 p {
        font-size: 21px;
        max-width: 265px;
        margin: 0 auto;
        padding: 0 15px;
        line-height: 28px; } }
    .special-events .info-top.fixed {
      top: 0;
      height: 100px;
      -webkit-transform: translate(-50%, 0);
      -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      -o-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
      .special-events .info-top.fixed img {
        height: auto;
        width: 90px; }
      .special-events .info-top.fixed h1 {
        font-size: 38px;
        line-height: 38px; }
      .special-events .info-top.fixed h2 {
        font-size: 10px;
        line-height: 10px; }
    @media (max-width: 768px) {
      .special-events .info-top {
        width: 500px; } }
  .special-events .otros-formatos {
    cursor: pointer;
    text-align: center;
    color: #666; }
    .special-events .otros-formatos:hover {
      color: black; }
  .special-events .otros-formatos-msj {
    display: none;
    background-color: white;
    padding: 10px;
    margin: 5px 20px; }
    .special-events .otros-formatos-msj label {
      display: block;
      margin-left: 20px; }
    .special-events .otros-formatos-msj input {
      float: left;
      margin-right: 7px; }
  .special-events .next-screen {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    z-index: 90; }
    .special-events .next-screen img {
      width: 30px; }
    .special-events .next-screen.hidden {
      display: none; }
  .special-events .aside-buttons {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: flex;
    flex-direction: column;
    z-index: 12;
    width: 20px;
    align-items: center; }
    .special-events .aside-buttons span {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin: 5px 5px;
      border: 5px solid #FFFFFF;
      background-color: #FFFFFF;
      border-radius: 50%;
      cursor: pointer;
      -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
      .special-events .aside-buttons span.current {
        width: 15px;
        height: 15px; }
      @media (max-width: 480px) {
        .special-events .aside-buttons span {
          width: 10px;
          height: 10px;
          border: 2px solid #FFFFFF; } }
  .special-events .logo {
    position: absolute;
    z-index: 10;
    top: 50vh;
    left: 50%;
    -webkit-transform: translate(-50%, -150px);
    -moz-transform: translate(-50%, -150px);
    -ms-transform: translate(-50%, -150px);
    -o-transform: translate(-50%, -150px);
    transform: translate(-50%, -150px);
    -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
    .special-events .logo img {
      height: 85px; }
    .special-events .logo.fixed {
      top: 15px;
      left: 15px;
      z-index: 101;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0);
      -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
      .special-events .logo.fixed img {
        height: auto;
        width: 50px; }
  .special-events .screens {
    -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
    .special-events .screens.screen-1 {
      -webkit-transform: translateY(0vh);
      -moz-transform: translateY(0vh);
      -ms-transform: translateY(0vh);
      -o-transform: translateY(0vh);
      transform: translateY(0vh);
      -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
    .special-events .screens.screen-2 {
      -webkit-transform: translateY(-100vh);
      -moz-transform: translateY(-100vh);
      -ms-transform: translateY(-100vh);
      -o-transform: translateY(-100vh);
      transform: translateY(-100vh);
      -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
    .special-events .screens.screen-3 {
      -webkit-transform: translateY(-200vh);
      -moz-transform: translateY(-200vh);
      -ms-transform: translateY(-200vh);
      -o-transform: translateY(-200vh);
      transform: translateY(-200vh);
      -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
      .special-events .screens.screen-3 .next-screen {
        display: none; }
  .special-events .screen {
    height: 100vh;
    width: 100%;
    display: block; }
    .special-events .screen.second .info {
      position: absolute;
      top: 50%;
      right: 0;
      min-width: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      background-color: #FFFFFF;
      padding: 50px;
      padding-left: 70px; }
      .special-events .screen.second .info .image {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translate(-85%, -50%);
        -moz-transform: translate(-85%, -50%);
        -ms-transform: translate(-85%, -50%);
        -o-transform: translate(-85%, -50%);
        transform: translate(-85%, -50%); }
      .special-events .screen.second .info .title {
        position: absolute;
        top: 0;
        color: #FFFFFF;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%); }
        .special-events .screen.second .info .title h3 {
          font-size: 80px;
          line-height: 58px;
          margin: 0;
          padding: 0; }
      .special-events .screen.second .info .text {
        text-align: left;
        max-width: 650px; }
    @media (max-width: 1024px) {
      .special-events .screen.second .info {
        padding: 50px 20px; }
        .special-events .screen.second .info .text {
          max-width: 550px; }
        .special-events .screen.second .info .title h3 {
          font-size: 66px;
          line-height: 45px; } }
    @media (max-width: 768px) {
      .special-events .screen.second .info {
        padding: 50px 20px; }
        .special-events .screen.second .info .text {
          max-width: 450px; }
        .special-events .screen.second .info .title h3 {
          font-size: 38px;
          line-height: 33px; } }
    .special-events .screen .cover-video {
      height: 100%;
      width: 100%; }
      .special-events .screen .cover-video .video {
        height: 100%;
        width: 100%;
        opacity: 1; }
    .special-events .screen .image {
      height: 100%; }
    .special-events .screen .carrousel {
      display: flex;
      width: calc(100vw * 8);
      -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      height: 100%; }
      .special-events .screen .carrousel .image {
        width: 100vw; }
    .special-events .screen .event-basket {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      max-width: 840px;
      border: 1px solid #FFFFFF;
      padding: 20px;
      background-color: transparent; }
      .special-events .screen .event-basket .event-tabs {
        width: 800px;
        overflow-x: hidden; }
      .special-events .screen .event-basket .header-tabs {
        width: 800px; }
        .special-events .screen .event-basket .header-tabs .header-tab {
          background-color: rgba(127, 68, 19, 0.8);
          width: 25%;
          text-align: center;
          padding: 5px 0;
          color: #FFFFFF;
          position: relative;
          cursor: pointer; }
          .special-events .screen .event-basket .header-tabs .header-tab.current, .special-events .screen .event-basket .header-tabs .header-tab:hover {
            background-color: rgba(255, 255, 255, 0.8);
            color: #7f4413; }
            .special-events .screen .event-basket .header-tabs .header-tab.current .number, .special-events .screen .event-basket .header-tabs .header-tab:hover .number {
              color: #FFFFFF; }
          .special-events .screen .event-basket .header-tabs .header-tab .number {
            position: absolute;
            width: 25px;
            height: 25px;
            background-color: #7f4413;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            top: -20px;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
      .special-events .screen .event-basket .body-tabs {
        display: flex;
        width: 5600px;
        padding: 10px 0 20px;
        background-color: rgba(255, 255, 255, 0.8);
        justify-content: space-around; }
        .special-events .screen .event-basket .body-tabs .title {
          margin-bottom: 10px; }
        .special-events .screen .event-basket .body-tabs .body-tab {
          display: flex;
          flex-direction: column;
          width: 800px; }
          .special-events .screen .event-basket .body-tabs .body-tab.current {
            opacity: 1;
            max-height: 900px; }
          .special-events .screen .event-basket .body-tabs .body-tab .item {
            cursor: pointer; }
        .special-events .screen .event-basket .body-tabs .personalizedLogo {
          display: flex;
          margin-left: 27px;
          align-items: center;
          font-size: 16px;
          margin-top: 19px; }
          .special-events .screen .event-basket .body-tabs .personalizedLogo input {
            width: 18px;
            height: 18px; }
        .special-events .screen .event-basket .body-tabs .packagings {
          justify-content: space-around;
          flex-grow: 1;
          align-items: center; }
          .special-events .screen .event-basket .body-tabs .packagings .item {
            max-width: 240px;
            margin: 0 20px;
            padding: 10px; }
            .special-events .screen .event-basket .body-tabs .packagings .item img {
              transition: all 0.2s linear; }
            .special-events .screen .event-basket .body-tabs .packagings .item .title {
              position: relative;
              color: #7f4413;
              padding: 5px 0;
              width: 100%;
              border-bottom: 1px solid #000000;
              transition: all 0.2s linear; }
              .special-events .screen .event-basket .body-tabs .packagings .item .title::after {
                content: '';
                position: absolute;
                z-index: -1;
                background-color: #7f4413;
                width: 100%;
                height: 100%;
                bottom: 0;
                left: 0;
                transform-origin: bottom;
                transform: scaleY(0);
                transition: all 0.2s cubic-bezier(0, 0, 0.18, 0.98); }
            .special-events .screen .event-basket .body-tabs .packagings .item.selected .title {
              color: white; }
              .special-events .screen .event-basket .body-tabs .packagings .item.selected .title::after {
                transform: scaleY(1); }
            .special-events .screen .event-basket .body-tabs .packagings .item:hover img {
              transform: scale(1.07); }
        .special-events .screen .event-basket .body-tabs .personal {
          justify-content: space-around;
          flex-grow: 1;
          align-items: center; }
          .special-events .screen .event-basket .body-tabs .personal .item {
            max-width: 240px;
            margin: 0 20px;
            padding: 10px; }
            .special-events .screen .event-basket .body-tabs .personal .item img {
              transition: all 0.2s linear; }
            .special-events .screen .event-basket .body-tabs .personal .item .title {
              position: relative;
              color: #7f4413;
              padding: 5px 0;
              width: 100%;
              border-bottom: 1px solid #000000;
              transition: all 0.2s linear; }
              .special-events .screen .event-basket .body-tabs .personal .item .title::after {
                content: '';
                position: absolute;
                z-index: -1;
                background-color: #7f4413;
                width: 100%;
                height: 100%;
                bottom: 0;
                left: 0;
                transform-origin: bottom;
                transform: scaleY(0);
                transition: all 0.2s cubic-bezier(0, 0, 0.18, 0.98); }
            .special-events .screen .event-basket .body-tabs .personal .item.selected .title {
              color: white; }
              .special-events .screen .event-basket .body-tabs .personal .item.selected .title::after {
                transform: scaleY(1); }
            .special-events .screen .event-basket .body-tabs .personal .item:hover img {
              transform: scale(1.07); }
        .special-events .screen .event-basket .body-tabs .variedades {
          justify-content: space-around;
          flex-grow: 1;
          align-items: center; }
          .special-events .screen .event-basket .body-tabs .variedades .item {
            max-width: 240px;
            margin: 0 20px;
            padding: 10px; }
            .special-events .screen .event-basket .body-tabs .variedades .item img {
              transition: all 0.2s linear; }
            .special-events .screen .event-basket .body-tabs .variedades .item .title {
              position: relative;
              color: #7f4413;
              padding: 5px 0;
              width: 100%;
              border-bottom: 1px solid #000000;
              transition: all 0.2s linear; }
              .special-events .screen .event-basket .body-tabs .variedades .item .title::after {
                content: '';
                position: absolute;
                z-index: -1;
                background-color: #7f4413;
                width: 100%;
                height: 100%;
                bottom: 0;
                left: 0;
                transform-origin: bottom;
                transform: scaleY(0);
                transition: all 0.2s cubic-bezier(0, 0, 0.18, 0.98); }
            .special-events .screen .event-basket .body-tabs .variedades .item.selected .title {
              color: white; }
              .special-events .screen .event-basket .body-tabs .variedades .item.selected .title::after {
                transform: scaleY(1); }
            .special-events .screen .event-basket .body-tabs .variedades .item:hover img {
              transform: scale(1.07); }
        .special-events .screen .event-basket .body-tabs .amounts {
          justify-content: center;
          width: 70%;
          margin: auto; }
          .special-events .screen .event-basket .body-tabs .amounts .item {
            width: calc(33%);
            margin: 0;
            padding: 10px;
            position: relative; }
            .special-events .screen .event-basket .body-tabs .amounts .item img {
              transition: all 0.2s linear; }
            .special-events .screen .event-basket .body-tabs .amounts .item .image {
              z-index: 8; }
              .special-events .screen .event-basket .body-tabs .amounts .item .image .title {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                color: #FFFFFF;
                z-index: 100; }
            .special-events .screen .event-basket .body-tabs .amounts .item .price {
              position: relative;
              transition: all 0.2s linear;
              padding: 5px 0; }
              .special-events .screen .event-basket .body-tabs .amounts .item .price::after {
                content: '';
                position: absolute;
                z-index: -1;
                background-color: #7f4413;
                width: 100%;
                height: 100%;
                bottom: 0;
                left: 0;
                transform-origin: bottom;
                transform: scaleY(0);
                transition: all 0.2s cubic-bezier(0, 0, 0.18, 0.98); }
            .special-events .screen .event-basket .body-tabs .amounts .item.selected .price {
              color: white; }
              .special-events .screen .event-basket .body-tabs .amounts .item.selected .price::after {
                transform: scaleY(1); }
            .special-events .screen .event-basket .body-tabs .amounts .item:hover img {
              transform: scale(1.07); }
            .special-events .screen .event-basket .body-tabs .amounts .item.disable {
              display: none; }
              .special-events .screen .event-basket .body-tabs .amounts .item.disable .price {
                display: none; }
      .special-events .screen .event-basket .bottom-buttons {
        position: absolute;
        top: 100%;
        width: 800px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        align-items: center; }
        .special-events .screen .event-basket .bottom-buttons .button, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .basket-button, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .button-tramitar {
          margin-bottom: 0;
          border-color: #7f4413;
          background-color: #7f4413;
          padding: 5px 20px; }
          .special-events .screen .event-basket .bottom-buttons .button span, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button span, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .basket-button span, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar span, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .button-tramitar span {
            color: #FFFFFF; }
          .special-events .screen .event-basket .bottom-buttons .button:before, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button:before, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .basket-button:before, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar:before, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .button-tramitar:before {
            background-color: #7f4413; }
          .special-events .screen .event-basket .bottom-buttons .button.no-visible, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .no-visible.basket-button, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .no-visible.basket-button, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .no-visible.button-tramitar, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .no-visible.button-tramitar {
            visibility: hidden; }
          .special-events .screen .event-basket .bottom-buttons .button.next.no-visible, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .next.no-visible.basket-button, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .next.no-visible.basket-button, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .next.no-visible.button-tramitar, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .next.no-visible.button-tramitar {
            display: none; }
            .special-events .screen .event-basket .bottom-buttons .button.next.no-visible:before, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .next.no-visible.basket-button:before, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .next.no-visible.basket-button:before, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .next.no-visible.button-tramitar:before, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .next.no-visible.button-tramitar:before {
              display: none; }
          .special-events .screen .event-basket .bottom-buttons .button.add-basket, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .add-basket.basket-button, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .add-basket.basket-button, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .add-basket.button-tramitar, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .add-basket.button-tramitar {
            display: flex;
            position: relative; }
            .special-events .screen .event-basket .bottom-buttons .button.add-basket span, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .add-basket.basket-button span, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .add-basket.basket-button span, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .add-basket.button-tramitar span, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .add-basket.button-tramitar span {
              padding: 0; }
            .special-events .screen .event-basket .bottom-buttons .button.add-basket .loader, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .add-basket.basket-button .loader, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .add-basket.basket-button .loader, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .add-basket.button-tramitar .loader, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .add-basket.button-tramitar .loader {
              display: none;
              align-items: center;
              justify-content: center;
              position: absolute;
              top: 50%;
              right: 10px;
              -webkit-transform: translateY(-50%) rotate(0);
              -moz-transform: translateY(-50%) rotate(0);
              -ms-transform: translateY(-50%) rotate(0);
              -o-transform: translateY(-50%) rotate(0);
              transform: translateY(-50%) rotate(0);
              width: 20px;
              height: 20px;
              font-size: 20px;
              animation: spin 1.5s linear infinite; }
              .special-events .screen .event-basket .bottom-buttons .button.add-basket .loader i, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .add-basket.basket-button .loader i, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .add-basket.basket-button .loader i, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .add-basket.button-tramitar .loader i, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .add-basket.button-tramitar .loader i {
                width: 20px;
                height: 20px; }

@keyframes spin {
  100% {
    -webkit-transform: translateY(-50%) rotate(360deg);
    -moz-transform: translateY(-50%) rotate(360deg);
    -ms-transform: translateY(-50%) rotate(360deg);
    -o-transform: translateY(-50%) rotate(360deg);
    transform: translateY(-50%) rotate(360deg); } }
            .special-events .screen .event-basket .bottom-buttons .button.add-basket.no-visible, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .add-basket.no-visible.basket-button, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .add-basket.no-visible.basket-button, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .add-basket.no-visible.button-tramitar, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .add-basket.no-visible.button-tramitar {
              display: none; }
            .special-events .screen .event-basket .bottom-buttons .button.add-basket.loading, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .add-basket.loading.basket-button, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .add-basket.loading.basket-button, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .add-basket.loading.button-tramitar, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .add-basket.loading.button-tramitar {
              background-color: #AAAAAA;
              cursor: not-allowed;
              border-color: #AAAAAA; }
              .special-events .screen .event-basket .bottom-buttons .button.add-basket.loading::before, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .add-basket.loading.basket-button::before, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .add-basket.loading.basket-button::before, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .add-basket.loading.button-tramitar::before, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .add-basket.loading.button-tramitar::before {
                background-color: #AAAAAA; }
              .special-events .screen .event-basket .bottom-buttons .button.add-basket.loading .text, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .add-basket.loading.basket-button .text, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .add-basket.loading.basket-button .text, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .add-basket.loading.button-tramitar .text, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .add-basket.loading.button-tramitar .text {
                padding: 2px;
                padding-right: 25px; }
              .special-events .screen .event-basket .bottom-buttons .button.add-basket.loading .loader, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .add-basket.loading.basket-button .loader, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .add-basket.loading.basket-button .loader, .special-events .screen .event-basket .bottom-buttons .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .add-basket.loading.button-tramitar .loader, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .bottom-buttons .add-basket.loading.button-tramitar .loader {
                display: flex; }
        .special-events .screen .event-basket .bottom-buttons .bottom-resume {
          width: 100%;
          background-color: #FFFFFF;
          max-height: 40px;
          width: 550px;
          display: none;
          justify-content: flex-start;
          align-items: center;
          padding: 0 20px; }
          .special-events .screen .event-basket .bottom-buttons .bottom-resume img {
            height: 45px;
            width: auto; }
          .special-events .screen .event-basket .bottom-buttons .bottom-resume .plus {
            margin: auto 5px; }
          .special-events .screen .event-basket .bottom-buttons .bottom-resume .units-static-text {
            margin-left: 5px; }
          .special-events .screen .event-basket .bottom-buttons .bottom-resume.step-1, .special-events .screen .event-basket .bottom-buttons .bottom-resume.step-4 {
            display: none; }
          .special-events .screen .event-basket .bottom-buttons .bottom-resume.step-2 .units {
            display: none; }
          .special-events .screen .event-basket .bottom-buttons .bottom-resume.step-2 .units-text {
            display: none; }
          .special-events .screen .event-basket .bottom-buttons .bottom-resume.step-2 .plus {
            display: none; }
          .special-events .screen .event-basket .bottom-buttons .bottom-resume.step-2 .units-static-text {
            display: none; }
      .special-events .screen .event-basket .tab-units {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .special-events .screen .event-basket .tab-units .grid {
          flex-grow: 1;
          width: 70%; }
          .special-events .screen .event-basket .tab-units .grid .image {
            width: 60%; }
          .special-events .screen .event-basket .tab-units .grid .info {
            width: 40%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start; }
            .special-events .screen .event-basket .tab-units .grid .info .units {
              position: relative;
              max-width: 130px;
              margin-bottom: 10px; }
              .special-events .screen .event-basket .tab-units .grid .info .units input {
                padding: 10px 50px 10px 10px;
                border: 1px solid #7f4413;
                background-color: transparent;
                text-align: right;
                margin-bottom: 0; }
                .special-events .screen .event-basket .tab-units .grid .info .units input::-webkit-inner-spin-button {
                  -webkit-appearance: none;
                  margin: 0; }
              .special-events .screen .event-basket .tab-units .grid .info .units span {
                position: absolute;
                right: 5px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%); }
      .special-events .screen .event-basket .data .grid .info-user {
        width: 100%;
        display: flex;
        justify-content: space-evenly; }
      .special-events .screen .event-basket .data .title-info {
        padding-left: 5px; }
      .special-events .screen .event-basket .data .title {
        padding: 10px;
        text-align: center; }
      .special-events .screen .event-basket .resume {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .special-events .screen .event-basket .resume .form-block {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          margin-bottom: 10px; }
        .special-events .screen .event-basket .resume .grid {
          flex-grow: 1;
          width: 60%; }
          .special-events .screen .event-basket .resume .grid .info {
            width: 40%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin-left: 10px; }
            .special-events .screen .event-basket .resume .grid .info .title-info {
              padding-left: 5px; }
            .special-events .screen .event-basket .resume .grid .info .title {
              border-top: 1px solid #7f4413;
              padding-top: 5px;
              margin-bottom: 5px;
              padding-left: 5px; }
            .special-events .screen .event-basket .resume .grid .info .field {
              padding-left: 5px;
              margin-bottom: 10px; }
            .special-events .screen .event-basket .resume .grid .info .title-price {
              border-top: 1px solid #7f4413;
              padding-top: 20px;
              padding-left: 5px;
              margin-bottom: 10px; }
            .special-events .screen .event-basket .resume .grid .info .price {
              padding-left: 5px;
              color: #7f4413; }
          .special-events .screen .event-basket .resume .grid .image {
            width: 45%;
            position: relative;
            margin-right: 10px; }
            .special-events .screen .event-basket .resume .grid .image .amount-img {
              position: absolute;
              left: 0;
              top: 30px; }
              .special-events .screen .event-basket .resume .grid .image .amount-img .amount-title {
                color: #FFFFFF;
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
              .special-events .screen .event-basket .resume .grid .image .amount-img img {
                width: 120px; }
      @media (max-width: 768px) {
        .special-events .screen .event-basket {
          padding: 20px 0;
          max-width: 375px;
          margin: 0 auto; }
          .special-events .screen .event-basket .header-tabs {
            flex-direction: column; }
            .special-events .screen .event-basket .header-tabs .header-tab {
              width: 100%;
              display: none; }
              .special-events .screen .event-basket .header-tabs .header-tab .number {
                display: none !important; }
              .special-events .screen .event-basket .header-tabs .header-tab.current {
                display: block;
                background: #7f4413;
                color: white; }
          .special-events .screen .event-basket .event-tabs, .special-events .screen .event-basket .header-tabs, .special-events .screen .event-basket .bottom-buttons, .special-events .screen .event-basket .body-tabs .body-tab {
            width: 375px; }
          .special-events .screen .event-basket .body-tabs {
            width: 2625px; }
          .special-events .screen .event-basket .get-budget {
            display: none; }
          .special-events .screen .event-basket .button.prev, .special-events .screen .event-basket .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .prev.basket-button, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .prev.basket-button, .special-events .screen .event-basket .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .prev.button-tramitar, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .prev.button-tramitar, .special-events .screen .event-basket .button.next, .special-events .screen .event-basket .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .next.basket-button, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .next.basket-button, .special-events .screen .event-basket .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .next.button-tramitar, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .special-events .screen .event-basket .next.button-tramitar {
            width: 45%; } }
    .special-events .screen.third {
      --carrousel: -100vw;
      --bodyTabs: -800px; }
      @media (max-width: 768px) {
        .special-events .screen.third {
          --bodyTabs: -375px;
          overflow-y: auto; } }
      .special-events .screen.third .carrousel {
        -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
        -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
        transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
        -webkit-transform: translateX(0vw);
        -moz-transform: translateX(0vw);
        -ms-transform: translateX(0vw);
        -o-transform: translateX(0vw);
        transform: translateX(0vw); }
      .special-events .screen.third .body-tabs {
        -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
        -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
        transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px); }
      .special-events .screen.third.packaging .carrousel {
        -webkit-transform: translateX(var(--carrousel));
        -moz-transform: translateX(var(--carrousel));
        -ms-transform: translateX(var(--carrousel));
        -o-transform: translateX(var(--carrousel));
        transform: translateX(var(--carrousel)); }
      .special-events .screen.third.packaging .body-tabs {
        -webkit-transform: translateX(var(--bodyTabs));
        -moz-transform: translateX(var(--bodyTabs));
        -ms-transform: translateX(var(--bodyTabs));
        -o-transform: translateX(var(--bodyTabs));
        transform: translateX(var(--bodyTabs)); }
      .special-events .screen.third.personal .carrousel {
        -webkit-transform: translateX(calc(var(--carrousel) * 2));
        -moz-transform: translateX(calc(var(--carrousel) * 2));
        -ms-transform: translateX(calc(var(--carrousel) * 2));
        -o-transform: translateX(calc(var(--carrousel) * 2));
        transform: translateX(calc(var(--carrousel) * 2)); }
      .special-events .screen.third.personal .body-tabs {
        -webkit-transform: translateX(calc(var(--bodyTabs) * 2));
        -moz-transform: translateX(calc(var(--bodyTabs) * 2));
        -ms-transform: translateX(calc(var(--bodyTabs) * 2));
        -o-transform: translateX(calc(var(--bodyTabs) * 2));
        transform: translateX(calc(var(--bodyTabs) * 2)); }
      .special-events .screen.third.amount .carrousel {
        -webkit-transform: translateX(calc(var(--carrousel) * 3));
        -moz-transform: translateX(calc(var(--carrousel) * 3));
        -ms-transform: translateX(calc(var(--carrousel) * 3));
        -o-transform: translateX(calc(var(--carrousel) * 3));
        transform: translateX(calc(var(--carrousel) * 3)); }
      .special-events .screen.third.amount .body-tabs {
        -webkit-transform: translateX(calc(var(--bodyTabs) * 3));
        -moz-transform: translateX(calc(var(--bodyTabs) * 3));
        -ms-transform: translateX(calc(var(--bodyTabs) * 3));
        -o-transform: translateX(calc(var(--bodyTabs) * 3));
        transform: translateX(calc(var(--bodyTabs) * 3)); }
      .special-events .screen.third.units .carrousel {
        -webkit-transform: translateX(calc(var(--carrousel) * 4));
        -moz-transform: translateX(calc(var(--carrousel) * 4));
        -ms-transform: translateX(calc(var(--carrousel) * 4));
        -o-transform: translateX(calc(var(--carrousel) * 4));
        transform: translateX(calc(var(--carrousel) * 4)); }
      .special-events .screen.third.units .body-tabs {
        -webkit-transform: translateX(calc(var(--bodyTabs) * 4));
        -moz-transform: translateX(calc(var(--bodyTabs) * 4));
        -ms-transform: translateX(calc(var(--bodyTabs) * 4));
        -o-transform: translateX(calc(var(--bodyTabs) * 4));
        transform: translateX(calc(var(--bodyTabs) * 4)); }
      .special-events .screen.third.resume .carrousel {
        -webkit-transform: translateX(calc(var(--carrousel) * 5));
        -moz-transform: translateX(calc(var(--carrousel) * 5));
        -ms-transform: translateX(calc(var(--carrousel) * 5));
        -o-transform: translateX(calc(var(--carrousel) * 5));
        transform: translateX(calc(var(--carrousel) * 5)); }
      .special-events .screen.third.resume .body-tabs {
        -webkit-transform: translateX(calc(var(--bodyTabs) * 5));
        -moz-transform: translateX(calc(var(--bodyTabs) * 5));
        -ms-transform: translateX(calc(var(--bodyTabs) * 5));
        -o-transform: translateX(calc(var(--bodyTabs) * 5));
        transform: translateX(calc(var(--bodyTabs) * 5)); }
      .special-events .screen.third.data .carrousel {
        -webkit-transform: translateX(calc(var(--carrousel) * 6));
        -moz-transform: translateX(calc(var(--carrousel) * 6));
        -ms-transform: translateX(calc(var(--carrousel) * 6));
        -o-transform: translateX(calc(var(--carrousel) * 6));
        transform: translateX(calc(var(--carrousel) * 6)); }
      .special-events .screen.third.data .body-tabs {
        -webkit-transform: translateX(calc(var(--bodyTabs) * 6));
        -moz-transform: translateX(calc(var(--bodyTabs) * 6));
        -ms-transform: translateX(calc(var(--bodyTabs) * 6));
        -o-transform: translateX(calc(var(--bodyTabs) * 6));
        transform: translateX(calc(var(--bodyTabs) * 6)); }

.special-events .data .info-user ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.special-events .data .info-user li {
  display: block;
  padding: 9px;
  margin-bottom: 30px;
  border-radius: 3px; }
  .special-events .data .info-user li span.required {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb; }
  .special-events .data .info-user li span.success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb; }

.special-events .data .info-user li:last-child {
  border: none;
  margin-bottom: 0px;
  text-align: center; }

.special-events .data .info-user li > label {
  display: block;
  float: left;
  margin-top: -19px;
  background: #FFFFFF;
  height: 14px;
  padding: 2px 5px 2px 5px;
  color: #B9B9B9;
  font-size: 14px;
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif; }

.special-events .data .info-user input[type="text"],
.special-events .data .info-user input[type="date"],
.special-events .data .info-user input[type="datetime"],
.special-events .data .info-user input[type="email"],
.special-events .data .info-user input[type="number"],
.special-events .data .info-user input[type="search"],
.special-events .data .info-user input[type="time"],
.special-events .data .info-user input[type="url"],
.special-events .data .info-user input[type="password"],
.special-events .data .info-user textarea,
.special-events .data .info-user select {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  display: block;
  outline: none;
  border: none;
  height: 25px;
  line-height: 25px;
  font-size: 16px;
  padding: 5px;
  font-family: Georgia, "Times New Roman", Times, serif; }

.special-events .data .info-user li > span {
  background: #7f4413;
  display: block;
  padding: 3px;
  margin: 0;
  text-align: center;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; }

.special-events .data .info-user textarea {
  resize: none; }

.special-events .data .info-user input[type="submit"],
.special-events .data .info-user input[type="button"] {
  background: #2471FF;
  border: none;
  padding: 10px 20px 10px 20px;
  border-bottom: 3px solid #5994FF;
  border-radius: 3px;
  color: #D2E2FF; }

.special-events .data .info-user input[type="submit"]:hover,
.special-events .data .info-user input[type="button"]:hover {
  background: #6B9FFF;
  color: #fff; }

.event-submitted {
  font-size: 24px;
  padding: 61px 70px !important;
  color: #155724;
  background-color: #d4edda !important;
  border-color: #c3e6cb !important;
  border-radius: 10px;
  line-height: 35px; }

.event-submitted-failed {
  font-size: 24px;
  padding: 61px 70px !important;
  color: #721c24;
  background-color: #f8d7da !important;
  border-color: #f5c6cb !important;
  border-radius: 10px;
  line-height: 35px; }

/* -------------------------- */
/* ------ DISTRIBUTORS ------ */
/* -------------------------- */
/* -------------------------- */
/* -- DISTRIBUTORS PAGE STYLES -- */
/* -------------------------- */
input.button, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right input.basket-button, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right input.button-tramitar {
  color: #FFFFFF;
  padding: 10px 20px; }

.distributor-view .map-multi {
  height: 200px; }

@media (max-width: 480px) {
  .distributor-view .wrapper-table {
    display: block;
    width: 100%;
    position: relative; }
    .distributor-view .wrapper-table .table-item {
      display: block;
      width: 100%; }
      .distributor-view .wrapper-table .table-item .half-left {
        text-align: center;
        float: none; } }

.distributors {
  width: 100%; }
  .distributors .table-item {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .distributors .table-item .half-left {
      max-width: 512px;
      width: 100%;
      padding: 20px 0;
      padding-right: 20px;
      position: relative; }
  .distributors .map-multi {
    width: 100%;
    height: 550px; }
  .distributors .submit {
    max-width: 50%;
    float: left; }
    .distributors .submit .button span, .distributors .submit .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button span, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .distributors .submit .basket-button span, .distributors .submit .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar span, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .distributors .submit .button-tramitar span {
      padding: 0; }
      .distributors .submit .button span input, .distributors .submit .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button span input, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .distributors .submit .basket-button span input, .distributors .submit .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar span input, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .distributors .submit .button-tramitar span input {
        padding: 10px 30px; }
    @media (max-width: 480px) {
      .distributors .submit {
        float: none;
        max-width: 100%; } }
  @media (max-width: 1024px) {
    .distributors .table-item .half-left {
      padding: 20px; } }
  @media (max-width: 768px) {
    .distributors .grid {
      flex-wrap: wrap; }
    .distributors .table-item {
      width: 100%; }
      .distributors .table-item .half-left {
        margin: auto;
        padding: 20px; }
        .distributors .table-item .half-left h2 {
          margin-bottom: 20px; }
        .distributors .table-item .half-left form {
          margin-bottom: 0px; }
          .distributors .table-item .half-left form h4 {
            margin-top: 20px; }
          .distributors .table-item .half-left form .input select {
            width: 98%;
            padding: 10px;
            border: solid 1px #404042;
            background-color: #ffffff;
            color: #404042;
            font-size: 0.9em;
            font-family: "Exo-DemiBold", sans-serif; }
      .distributors .table-item .map-multi {
        height: 400px; } }
  @media (max-width: 320px) {
    .distributors .table-item .map-multi {
      height: 300px; } }

.distributor {
  display: flex;
  width: 100%; }
  .distributor .main-content.distributor-view {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .distributor .main-content.distributor-view .wrapper-table {
      width: 100%;
      margin: auto;
      display: flex; }
      .distributor .main-content.distributor-view .wrapper-table .table-item {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: flex-end; }
        .distributor .main-content.distributor-view .wrapper-table .table-item .half-left {
          padding: 20px;
          width: auto;
          max-width: 550px; }
          .distributor .main-content.distributor-view .wrapper-table .table-item .half-left a {
            color: black; }
          .distributor .main-content.distributor-view .wrapper-table .table-item .half-left h2 {
            font-size: 40px;
            line-height: 40px; }
          .distributor .main-content.distributor-view .wrapper-table .table-item .half-left .mb-none {
            margin-bottom: 0; }
          .distributor .main-content.distributor-view .wrapper-table .table-item .half-left p {
            margin-bottom: 10px; }
        .distributor .main-content.distributor-view .wrapper-table .table-item .image {
          height: 350px;
          width: 100%; }
        .distributor .main-content.distributor-view .wrapper-table .table-item .submit {
          margin-top: 20px;
          margin-bottom: 10px; }
          .distributor .main-content.distributor-view .wrapper-table .table-item .submit .button, .distributor .main-content.distributor-view .wrapper-table .table-item .submit .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .distributor .main-content.distributor-view .wrapper-table .table-item .submit .basket-button, .distributor .main-content.distributor-view .wrapper-table .table-item .submit .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .distributor .main-content.distributor-view .wrapper-table .table-item .submit .button-tramitar {
            color: #ffffff;
            padding: 10px 20px; }
            .distributor .main-content.distributor-view .wrapper-table .table-item .submit .button:before, .distributor .main-content.distributor-view .wrapper-table .table-item .submit .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button:before, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .distributor .main-content.distributor-view .wrapper-table .table-item .submit .basket-button:before, .distributor .main-content.distributor-view .wrapper-table .table-item .submit .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar:before, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .distributor .main-content.distributor-view .wrapper-table .table-item .submit .button-tramitar:before {
              display: none; }
    .distributor .main-content.distributor-view .map-multi {
      width: 100%;
      height: 220px; }
  @media (max-width: 480px) {
    .distributor .main-content.distributor-view .wrapper-table {
      flex-wrap: wrap; }
      .distributor .main-content.distributor-view .wrapper-table .table-item {
        width: 100%; } }

strong {
  font-weight: bold; }

.gm-style-iw {
  padding-top: 10px; }
  .gm-style-iw p {
    margin-bottom: 5px;
    text-align: center; }
    .gm-style-iw p strong {
      font-weight: bold; }

.main-content.distributor-view .submit {
  max-width: 50%;
  float: left;
  margin-right: 10px; }
  .main-content.distributor-view .submit .button span, .main-content.distributor-view .submit .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button span, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .main-content.distributor-view .submit .basket-button span, .main-content.distributor-view .submit .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar span, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .main-content.distributor-view .submit .button-tramitar span {
    padding: 0; }
    .main-content.distributor-view .submit .button span input, .main-content.distributor-view .submit .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button span input, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .main-content.distributor-view .submit .basket-button span input, .main-content.distributor-view .submit .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar span input, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .main-content.distributor-view .submit .button-tramitar span input {
      padding: 10px 10px; }

.main-content.distributor-view .navigation {
  margin-top: 50px; }
  .main-content.distributor-view .navigation .prev-navigation {
    float: left;
    color: #2b1810; }
  .main-content.distributor-view .navigation .next-navigation {
    float: right;
    color: #2b1810; }

@media (max-width: 768px) {
  .main-content.distributor-view .navigation {
    margin-top: 20px; } }

@media (max-width: 480px) {
  .main-content.distributor-view .submit {
    float: none;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 10px; }
  .main-content.distributor-view .navigation {
    margin-top: 10px;
    font-size: 0.8em; } }

@media (max-width: 320px) {
  .main-content.distributor-view .navigation {
    margin-top: 10px;
    font-size: 0.7em; } }

/* -------------------------- */
/* -------------------------- */
/* ---- HEADER ECOMMERCE ---- */
/* -------------------------- */
header .user-basket {
  display: flex;
  align-items: flex-end;
  padding: 10px;
  color: #FFFFFF; }
  header .user-basket a {
    color: inherit; }
    header .user-basket a:hover {
      color: #c3804d;
      text-decoration: none; }
  header .user-basket .user,
  header .user-basket .basket {
    height: 30px; }
  header .user-basket .user {
    position: relative;
    font-size: 24px;
    padding: 0 10px; }
    header .user-basket .user a {
      display: flex;
      align-items: center;
      height: 100%; }
      header .user-basket .user a:hover {
        color: #FFFFFF; }
    header .user-basket .user .text {
      opacity: 0;
      color: #FFFFFF;
      padding-right: 10px;
      font-size: 12px;
      line-height: 1em;
      text-align: right;
      -webkit-transition: 0.2s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      -moz-transition: 0.2s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      transition: 0.2s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
      header .user-basket .user .text span {
        display: block; }
    header .user-basket .user .name {
      padding-right: 10px;
      font-size: 12px;
      color: #FFFFFF; }
    header .user-basket .user .initial {
      display: flex;
      width: 30px;
      height: 30px;
      justify-content: center;
      align-items: center;
      border: 2px solid #FFFFFF;
      background-color: #FFFFFF;
      border-radius: 50%;
      color: #c3804d;
      font-size: 20px;
      -webkit-transition: 0.2s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      -moz-transition: 0.2s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      transition: 0.2s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
    header .user-basket .user:hover .text {
      opacity: 1;
      text-decoration: none; }
    header .user-basket .user:hover .initial {
      border-color: #c3804d;
      background-color: #c3804d;
      color: #FFFFFF; }
  header .user-basket .basket {
    display: flex;
    align-items: center;
    position: relative;
    font-size: 24px;
    padding: 0 10px; }
    header .user-basket .basket .items {
      position: absolute;
      top: -5px;
      right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 20px;
      height: 20px;
      background-color: #c3804d;
      border-radius: 50%;
      color: #FFFFFF;
      font-size: 10px; }
      header .user-basket .basket .items.big {
        animation-name: example;
        animation-duration: 2s; }

@keyframes example {
  0% {
    width: 20px;
    height: 20px;
    font-size: 10px; }
  50% {
    width: 30px;
    height: 30px;
    font-size: 35px; }
  100% {
    width: 20px;
    height: 20px;
    font-size: 10px; } }

/* -------------------------- */
/* -------------------------- */
/* ----- PROFILE ASIDE ------ */
/* -------------------------- */
.ecommerce aside {
  padding: 20px;
  color: #FFFFFF;
  background-color: #7f4413; }
  .ecommerce aside .title {
    border-bottom: 1px solid #FFFFFF;
    text-transform: uppercase; }
  .ecommerce aside .categories {
    padding: 20px 0 0; }
  .ecommerce aside .aside-item {
    position: relative;
    margin-bottom: 5px; }
    .ecommerce aside .aside-item a {
      display: block;
      color: #FFFFFF; }
      .ecommerce aside .aside-item a.current {
        color: #000000; }
      .ecommerce aside .aside-item a:hover {
        color: #000000;
        text-decoration: none; }
    .ecommerce aside .aside-item.level-0 {
      margin-bottom: 10px; }
      .ecommerce aside .aside-item.level-0 > a {
        margin-bottom: 5px;
        text-transform: uppercase; }
    .ecommerce aside .aside-item.level-1, .ecommerce aside .aside-item.level-2, .ecommerce aside .aside-item.level-3 {
      padding-left: 10px; }
    .ecommerce aside .aside-item:last-child {
      margin-bottom: 0 !important; }
  @media (max-width: 768px) {
    .ecommerce aside {
      width: 100% !important; }
      .ecommerce aside .title {
        display: flex;
        justify-content: space-between;
        border-bottom: none; }
        .ecommerce aside .title .plus {
          position: relative;
          width: 20px;
          height: 20px;
          -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
          -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
          transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
          .ecommerce aside .title .plus .vertical {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            border-bottom: 3px solid #FFFFFF;
            -webkit-transform: translate(-50%, -50%) rotate(90deg);
            -moz-transform: translate(-50%, -50%) rotate(90deg);
            -ms-transform: translate(-50%, -50%) rotate(90deg);
            -o-transform: translate(-50%, -50%) rotate(90deg);
            transform: translate(-50%, -50%) rotate(90deg); }
          .ecommerce aside .title .plus .horizontal {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            border-bottom: 3px solid #FFFFFF;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
        .ecommerce aside .title.active .plus {
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg); }
      .ecommerce aside .categories {
        max-height: 0;
        padding: 0;
        overflow: hidden;
        -webkit-transition: max-height 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s, padding 0.1s linear 0.4s;
        -moz-transition: max-height 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s, padding 0.1s linear 0.4s;
        transition: max-height 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s, padding 0.1s linear 0.4s; }
        .ecommerce aside .categories.active {
          padding: 20px 0 0;
          max-height: 100vh;
          -webkit-transition: max-height 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s, padding 0s linear 0s;
          -moz-transition: max-height 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s, padding 0s linear 0s;
          transition: max-height 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s, padding 0s linear 0s; } }

.ecommerce aside.profile {
  padding: 20px 0;
  background-color: transparent; }
  @media (max-width: 1024px) {
    .ecommerce aside.profile {
      display: flex; } }
  @media (max-width: 480px) {
    .ecommerce aside.profile {
      display: block; } }
  .ecommerce aside.profile .user {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 50px;
    margin-bottom: 10px;
    background-color: #7f4413;
    color: #FFFFFF; }
    @media (max-width: 1024px) {
      .ecommerce aside.profile .user {
        margin-right: 10px;
        margin-bottom: 0; } }
    @media (max-width: 480px) {
      .ecommerce aside.profile .user {
        margin-right: 0;
        margin-bottom: 10px; } }
    .ecommerce aside.profile .user .initial {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 50px;
      height: 50px;
      margin-bottom: 10px;
      border-radius: 50%;
      color: #7f4413;
      background-color: white;
      font-size: 28px; }
    .ecommerce aside.profile .user .name {
      font-size: 20px; }
  .ecommerce aside.profile a.user {
    margin-bottom: 0; }
    .ecommerce aside.profile a.user i {
      margin-bottom: 10px;
      font-size: 35px; }
  @media (max-width: 1024px) {
    .ecommerce aside.profile .content-items {
      flex-grow: 1; } }
  .ecommerce aside.profile .content-items .aside-item {
    display: flex;
    align-items: center;
    padding: 10px;
    margin-bottom: 10px;
    color: #202020;
    background-color: #EAEAEA;
    text-transform: uppercase; }
    .ecommerce aside.profile .content-items .aside-item span {
      flex-grow: 1; }
    .ecommerce aside.profile .content-items .aside-item i {
      font-size: 28px;
      margin-right: 10px; }
    .ecommerce aside.profile .content-items .aside-item:hover {
      color: #FFFFFF;
      background-color: #999999; }
    .ecommerce aside.profile .content-items .aside-item.current {
      color: #FFFFFF;
      background-color: #7f4413; }

/* -------------------------- */
/* -------------------------- */
/* --------- FORMS ---------- */
/* -------------------------- */
.ecommerce form {
  padding: 20px 0; }
  .ecommerce form .form-block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px; }
    @media (max-width: 480px) {
      .ecommerce form .form-block {
        flex-direction: column; } }
    .ecommerce form .form-block label {
      width: 110px;
      margin-right: 10px;
      text-align: right;
      font-size: 12px;
      line-height: 1.2em; }
      @media (max-width: 480px) {
        .ecommerce form .form-block label {
          width: 100%;
          text-align: left;
          margin-bottom: 5px;
          margin-right: 0; } }
    .ecommerce form .form-block input,
    .ecommerce form .form-block select {
      width: calc(100% - 120px);
      margin-bottom: 0; }
      @media (max-width: 480px) {
        .ecommerce form .form-block input,
        .ecommerce form .form-block select {
          width: 100%; } }
    .ecommerce form .form-block .note {
      width: 100%;
      color: #7f4413;
      font-size: 12px;
      text-align: right; }
    .ecommerce form .form-block.legal {
      display: block;
      padding-left: 120px;
      margin-bottom: 20px; }
      @media (max-width: 480px) {
        .ecommerce form .form-block.legal {
          padding: 0; } }
      .ecommerce form .form-block.legal label {
        text-transform: none; }
      .ecommerce form .form-block.legal input {
        width: auto; }

/* -------------------------- */
/* -------------------------- */
/* -- PRODUCTS / CATEGORIES - */
/* -------------------------- */
.ecommerce .content {
  padding: 0; }
  @media (max-width: 768px) {
    .ecommerce .content {
      flex-direction: column;
      padding: 20px; } }

@media (max-width: 768px) {
  .ecommerce .related-products article {
    margin-bottom: 15px; } }

.ecommerce .message {
  display: none;
  width: 100%;
  margin-bottom: 10px; }
  .ecommerce .message.show {
    display: block; }
  .ecommerce .message.ok {
    color: #2D9935; }
  .ecommerce .message.error {
    color: #BE0411; }

.ecommerce .inner-product {
  padding: 20px 0;
  max-width: 920px; }
  @media (max-width: 1024px) {
    .ecommerce .inner-product {
      padding: 20px; } }
  .ecommerce .inner-product .gallery {
    padding: 10px 0; }
    .ecommerce .inner-product .gallery .thumbs {
      display: flex;
      flex-wrap: wrap; }
      .ecommerce .inner-product .gallery .thumbs .thumb {
        width: calc(20% - (20px / 5));
        height: 80px;
        margin-bottom: 10px; }
        .ecommerce .inner-product .gallery .thumbs .thumb:nth-child(3n -1) {
          margin: 0 10px 10px; }
        @media (max-width: 480px) {
          .ecommerce .inner-product .gallery .thumbs .thumb {
            width: calc(50% - (20px / 2)); } }
  .ecommerce .inner-product .product-aside {
    width: 50%; }
    .ecommerce .inner-product .product-aside .image {
      height: 400px; }
    @media (max-width: 768px) {
      .ecommerce .inner-product .product-aside {
        display: none; } }
  .ecommerce .inner-product .product-info {
    width: 50%;
    padding-left: 20px; }
    @media (max-width: 768px) {
      .ecommerce .inner-product .product-info {
        width: 100%;
        padding-left: 0; } }
    .ecommerce .inner-product .product-info .name {
      margin-bottom: 20px;
      color: #7f4413; }
    .ecommerce .inner-product .product-info .excerpt {
      margin-bottom: 20px; }
      .ecommerce .inner-product .product-info .excerpt p {
        margin-bottom: 10px; }
    .ecommerce .inner-product .product-info .price {
      margin-bottom: 20px;
      color: #7f4413;
      font-size: 28px; }
      .ecommerce .inner-product .product-info .price .old-price {
        color: #202020;
        font-size: 12px;
        text-decoration: line-through; }
    .ecommerce .inner-product .product-info .gallery {
      display: none;
      padding: 0;
      margin-bottom: 20px; }
      @media (max-width: 768px) {
        .ecommerce .inner-product .product-info .gallery {
          display: block; } }
    .ecommerce .inner-product .product-info .description {
      margin-bottom: 20px; }
    .ecommerce .inner-product .product-info .add-basket {
      padding: 20px 0;
      max-width: 100%;
      border-top: 1px solid #DDDDDD; }
      .ecommerce .inner-product .product-info .add-basket .basket-title {
        color: #7f4413;
        margin-right: 20px;
        margin-bottom: 0; }
      .ecommerce .inner-product .product-info .add-basket .options {
        padding-bottom: 10px;
        border-bottom: 1px solid #DDDDDD; }
        .ecommerce .inner-product .product-info .add-basket .options .option {
          display: flex;
          align-items: center;
          margin-bottom: 10px; }
          .ecommerce .inner-product .product-info .add-basket .options .option .values .value {
            display: inline-block;
            padding: 2px 10px;
            margin-right: 10px;
            border: 1px solid #7f4413;
            cursor: pointer;
            -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
            -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
            transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
            margin: 4px 0px; }
            .ecommerce .inner-product .product-info .add-basket .options .option .values .value:hover {
              background-color: #df9a1b;
              color: #FFFFFF; }
            .ecommerce .inner-product .product-info .add-basket .options .option .values .value.selected {
              background-color: #7f4413;
              color: #FFFFFF; }
            .ecommerce .inner-product .product-info .add-basket .options .option .values .value.disabled {
              border-color: #AAAAAA;
              background-color: #AAAAAA;
              color: #FFFFFF;
              cursor: not-allowed; }
      .ecommerce .inner-product .product-info .add-basket .amount {
        padding: 20px 0;
        margin-bottom: 20px;
        border-bottom: 1px solid #DDDDDD;
        display: flex;
        align-items: center;
        color: #7f4413;
        visibility: hidden; }
        .ecommerce .inner-product .product-info .add-basket .amount input[name="amount"] {
          margin: 0 10px;
          width: 60px;
          text-align: center; }
          .ecommerce .inner-product .product-info .add-basket .amount input[name="amount"]::-webkit-inner-spin-button {
            /* display: none; <- Crashes Chrome on hover */
            -webkit-appearance: none;
            margin: 0;
            /* <-- Apparently some margin are still there even though it's hidden */ }
        .ecommerce .inner-product .product-info .add-basket .amount.visible {
          visibility: visible; }
        .ecommerce .inner-product .product-info .add-basket .amount i.fa.hidden {
          visibility: hidden; }
      .ecommerce .inner-product .product-info .add-basket .bottom-basket {
        flex-direction: column; }
        .ecommerce .inner-product .product-info .add-basket .bottom-basket .left {
          width: 100%;
          padding-bottom: 20px;
          border-bottom: 1px solid #DDDDDD;
          display: flex;
          align-items: flex-end; }
          .ecommerce .inner-product .product-info .add-basket .bottom-basket .left.total-price {
            visibility: hidden; }
            .ecommerce .inner-product .product-info .add-basket .bottom-basket .left.total-price.visible {
              visibility: visible; }
          .ecommerce .inner-product .product-info .add-basket .bottom-basket .left .price {
            margin-bottom: 0; }
        .ecommerce .inner-product .product-info .add-basket .bottom-basket .right {
          width: 100%;
          margin-top: 20px; }
          .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar {
            background-color: #AAAAAA;
            border: 1px solid #AAAAAA;
            cursor: not-allowed; }
            .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button span, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar span {
              cursor: not-allowed; }
            .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button:hover, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar:hover {
              background-color: #AAAAAA; }
              .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button:hover:before, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar:hover:before {
                height: 0%; }
            .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button .loader, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar .loader {
              display: none;
              align-items: center;
              justify-content: center;
              position: absolute;
              top: 50%;
              right: 10px;
              -webkit-transform: translateY(-50%) rotate(0);
              -moz-transform: translateY(-50%) rotate(0);
              -ms-transform: translateY(-50%) rotate(0);
              -o-transform: translateY(-50%) rotate(0);
              transform: translateY(-50%) rotate(0);
              width: 20px;
              height: 20px;
              font-size: 20px;
              animation: spin 1.5s linear infinite; }
              .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button .loader i, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar .loader i {
                width: 20px;
                height: 20px; }

@keyframes spin {
  100% {
    -webkit-transform: translateY(-50%) rotate(360deg);
    -moz-transform: translateY(-50%) rotate(360deg);
    -ms-transform: translateY(-50%) rotate(360deg);
    -o-transform: translateY(-50%) rotate(360deg);
    transform: translateY(-50%) rotate(360deg); } }
            .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button.enabled, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar.enabled {
              background-color: #df9a1b;
              cursor: pointer; }
              .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button.enabled span, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar.enabled span {
                cursor: pointer; }
              .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button.enabled:hover, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar.enabled:hover {
                background-color: #df9a1b;
                border: 1px solid #df9a1b; }
            .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button.loading, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar.loading {
              background-color: #AAAAAA;
              cursor: not-allowed; }
              .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button.loading span, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar.loading span {
                cursor: not-allowed; }
              .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .basket-button.loading .loader, .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar.loading .loader {
                display: flex; }
          .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar {
            display: none; }
            .ecommerce .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar.tramitar {
              display: inline-block; }

.ecommerce .featured-description {
  padding: 70px 0;
  background-position: center; }
  .ecommerce .featured-description .content {
    max-width: 600px; }
    .ecommerce .featured-description .content .description p {
      margin-bottom: 10px; }
    .ecommerce .featured-description .content .description.white {
      color: #FFFFFF; }

.products {
  padding: 20px 0 20px 20px; }
  .products .no-products {
    width: 100%;
    font-size: 20px;
    text-align: center; }
  .products .product {
    width: calc(33.33% - (40px / 3));
    margin-bottom: 20px;
    margin-right: 20px; }
    .products .product:nth-child(3n) {
      margin-right: 0; }
    .products .product .image {
      min-height: 225px; }
      .products .product .image .lens {
        opacity: 0;
        -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
        -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
        transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
    .products .product .info {
      padding: 10px 0; }
      .products .product .info .name {
        width: 70%;
        text-transform: uppercase; }
      .products .product .info .price {
        width: 30%;
        color: #7f4413;
        text-align: right; }
        .products .product .info .price .old-price {
          color: #202020;
          text-decoration: line-through;
          font-size: 12px; }
      .products .product .info .excerpt {
        width: 100%; }
    .products .product:hover .image .lens {
      opacity: 1; }
    @media (max-width: 480px) {
      .products .product {
        width: 100%;
        margin-right: 0; } }
  @media (max-width: 1024px) {
    .products {
      padding: 20px; } }
  @media (max-width: 768px) {
    .products {
      width: 100% !important; } }

.related-products {
  padding: 50px 0;
  background-color: #FFFFFF; }
  @media (max-width: 1024px) {
    .related-products {
      padding: 50px 20px; } }
  .related-products h3 {
    text-transform: uppercase;
    color: #7f4413; }
  .related-products .products {
    padding: 10px 0 0 0; }

/* -------------------------- */
/* -------------------------- */
/* ---- BASKET ECOMMERCE ---- */
/* -------------------------- */
.ecommerce.basket .content {
  padding: 20px 0; }
  @media (max-width: 1024px) {
    .ecommerce.basket .content {
      padding: 20px; } }

.ecommerce.basket h3 {
  margin-bottom: 20px; }

.ecommerce.basket .no-basket {
  display: none;
  padding: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  text-align: center; }
  .ecommerce.basket .no-basket.show {
    display: block; }

.ecommerce.basket .basket-items {
  width: 100%;
  margin-bottom: 20px;
  color: #202020; }
  .ecommerce.basket .basket-items .header {
    display: flex;
    align-items: center;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000; }
    .ecommerce.basket .basket-items .header p {
      padding: 10px; }
    @media (max-width: 480px) {
      .ecommerce.basket .basket-items .header {
        display: none; } }
  .ecommerce.basket .basket-items .items .item {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #CCCCCC; }
    .ecommerce.basket .basket-items .items .item > div {
      padding: 10px; }
    @media (max-width: 480px) {
      .ecommerce.basket .basket-items .items .item {
        flex-wrap: wrap; } }
  .ecommerce.basket .basket-items .item-image {
    width: 15%; }
    .ecommerce.basket .basket-items .item-image .image {
      height: 100px; }
  .ecommerce.basket .basket-items .item-description {
    flex-grow: 1;
    width: 55%; }
    .ecommerce.basket .basket-items .item-description p {
      width: fit-content; }
    .ecommerce.basket .basket-items .item-description .name {
      font-size: 20px; }
      .ecommerce.basket .basket-items .item-description .name a {
        color: #7f4413; }
        .ecommerce.basket .basket-items .item-description .name a:hover {
          text-decoration: underline; }
    .ecommerce.basket .basket-items .item-description .excerpt {
      font-size: 12px; }
  .ecommerce.basket .basket-items .item-amount {
    width: 10%;
    text-align: center;
    display: flex;
    color: #7f4413;
    align-items: center; }
    .ecommerce.basket .basket-items .item-amount select.amount-selector {
      width: 60px;
      padding: 5px;
      background-image: url(../img/style/arrow-down.png);
      background-color: transparent;
      background-position: center right 5px;
      background-repeat: no-repeat;
      background-size: auto 90%;
      border: 1px solid #202020;
      border-radius: 2px;
      font-size: 13px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      cursor: pointer; }
    .ecommerce.basket .basket-items .item-amount .fa {
      cursor: pointer;
      -webkit-transition: 0.2s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      -moz-transition: 0.2s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      transition: 0.2s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
      .ecommerce.basket .basket-items .item-amount .fa.fa-plus:hover {
        color: #04be58; }
      .ecommerce.basket .basket-items .item-amount .fa.fa-minus:hover {
        color: #be0411; }
    .ecommerce.basket .basket-items .item-amount input {
      width: 45px;
      text-align: center;
      margin: 0 5px; }
  .ecommerce.basket .basket-items .item-price {
    width: 10%;
    text-align: center; }
    .ecommerce.basket .basket-items .item-price .old-price,
    .ecommerce.basket .basket-items .item-price .price {
      display: block; }
    .ecommerce.basket .basket-items .item-price .old-price {
      text-decoration: line-through; }
  .ecommerce.basket .basket-items .item-delete {
    width: 10%;
    text-align: center; }
    .ecommerce.basket .basket-items .item-delete i {
      cursor: pointer;
      color: #7f4413;
      font-size: 25px;
      -webkit-transition: 0.2s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      -moz-transition: 0.2s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      transition: 0.2s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
      .ecommerce.basket .basket-items .item-delete i:hover {
        color: #BE0411; }
  @media (max-width: 768px) {
    .ecommerce.basket .basket-items .item-image {
      width: 100px; }
    .ecommerce.basket .basket-items .item-description {
      width: calc(100% - 410px); }
    .ecommerce.basket .basket-items .item-amount {
      width: 100px; }
    .ecommerce.basket .basket-items .item-price {
      width: 110px; }
    .ecommerce.basket .basket-items .item-delete {
      width: 80px; } }
  @media (max-width: 480px) {
    .ecommerce.basket .basket-items .item-image {
      width: 35%; }
    .ecommerce.basket .basket-items .item-description {
      width: 65%;
      padding-right: 30px !important; }
    .ecommerce.basket .basket-items .item-amount {
      width: 30%; }
    .ecommerce.basket .basket-items .item-price {
      width: 70%;
      text-align: right; }
    .ecommerce.basket .basket-items .item-delete {
      width: auto;
      position: absolute;
      top: 0;
      right: 0; } }
  .ecommerce.basket .basket-items .footer {
    padding: 20px 0; }
    .ecommerce.basket .basket-items .footer .subtotal,
    .ecommerce.basket .basket-items .footer .shipping,
    .ecommerce.basket .basket-items .footer .order_total,
    .ecommerce.basket .basket-items .footer .min_total_price_av,
    .ecommerce.basket .basket-items .footer .vat {
      padding: 0 10px;
      text-align: right; }
    .ecommerce.basket .basket-items .footer .order_total {
      font-size: 20px;
      /*.total_price {

                }**/ }
    .ecommerce.basket .basket-items .footer .vat {
      font-style: italic; }
    .ecommerce.basket .basket-items .footer .min_total_price_av {
      font-style: italic;
      color: #BE0411; }
      .ecommerce.basket .basket-items .footer .min_total_price_av.hidden {
        display: none; }

.ecommerce.basket .basket-buttons {
  display: flex;
  justify-content: flex-end; }
  .ecommerce.basket .basket-buttons .button, .ecommerce.basket .basket-buttons .inner-product .product-info .add-basket .bottom-basket .right .basket-button, .ecommerce.basket .inner-product .product-info .add-basket .bottom-basket .right .basket-buttons .basket-button, .ecommerce.basket .basket-buttons .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar, .ecommerce.basket .inner-product .product-info .add-basket .bottom-basket .right .basket-buttons .button-tramitar {
    margin-left: 20px; }
    .ecommerce.basket .basket-buttons .button.start-order, .ecommerce.basket .basket-buttons .inner-product .product-info .add-basket .bottom-basket .right .start-order.basket-button, .ecommerce.basket .inner-product .product-info .add-basket .bottom-basket .right .basket-buttons .start-order.basket-button, .ecommerce.basket .basket-buttons .inner-product .product-info .add-basket .bottom-basket .right .start-order.button-tramitar, .ecommerce.basket .inner-product .product-info .add-basket .bottom-basket .right .basket-buttons .start-order.button-tramitar {
      color: #FFFFFF;
      border-color: #AAAAAA;
      cursor: not-allowed;
      background-color: #AAAAAA; }
      .ecommerce.basket .basket-buttons .button.start-order::before, .ecommerce.basket .basket-buttons .inner-product .product-info .add-basket .bottom-basket .right .start-order.basket-button::before, .ecommerce.basket .inner-product .product-info .add-basket .bottom-basket .right .basket-buttons .start-order.basket-button::before, .ecommerce.basket .basket-buttons .inner-product .product-info .add-basket .bottom-basket .right .start-order.button-tramitar::before, .ecommerce.basket .inner-product .product-info .add-basket .bottom-basket .right .basket-buttons .start-order.button-tramitar::before {
        background-color: #AAAAAA; }
      .ecommerce.basket .basket-buttons .button.start-order span, .ecommerce.basket .basket-buttons .inner-product .product-info .add-basket .bottom-basket .right .start-order.basket-button span, .ecommerce.basket .inner-product .product-info .add-basket .bottom-basket .right .basket-buttons .start-order.basket-button span, .ecommerce.basket .basket-buttons .inner-product .product-info .add-basket .bottom-basket .right .start-order.button-tramitar span, .ecommerce.basket .inner-product .product-info .add-basket .bottom-basket .right .basket-buttons .start-order.button-tramitar span {
        cursor: not-allowed; }
      .ecommerce.basket .basket-buttons .button.start-order.enabled, .ecommerce.basket .basket-buttons .inner-product .product-info .add-basket .bottom-basket .right .start-order.enabled.basket-button, .ecommerce.basket .inner-product .product-info .add-basket .bottom-basket .right .basket-buttons .start-order.enabled.basket-button, .ecommerce.basket .basket-buttons .inner-product .product-info .add-basket .bottom-basket .right .start-order.enabled.button-tramitar, .ecommerce.basket .inner-product .product-info .add-basket .bottom-basket .right .basket-buttons .start-order.enabled.button-tramitar {
        color: #FFFFFF;
        background-color: #df9a1b;
        border-color: #df9a1b;
        cursor: pointer; }
        .ecommerce.basket .basket-buttons .button.start-order.enabled span, .ecommerce.basket .basket-buttons .inner-product .product-info .add-basket .bottom-basket .right .start-order.enabled.basket-button span, .ecommerce.basket .inner-product .product-info .add-basket .bottom-basket .right .basket-buttons .start-order.enabled.basket-button span, .ecommerce.basket .basket-buttons .inner-product .product-info .add-basket .bottom-basket .right .start-order.enabled.button-tramitar span, .ecommerce.basket .inner-product .product-info .add-basket .bottom-basket .right .basket-buttons .start-order.enabled.button-tramitar span {
          cursor: pointer; }
        .ecommerce.basket .basket-buttons .button.start-order.enabled::before, .ecommerce.basket .basket-buttons .inner-product .product-info .add-basket .bottom-basket .right .start-order.enabled.basket-button::before, .ecommerce.basket .inner-product .product-info .add-basket .bottom-basket .right .basket-buttons .start-order.enabled.basket-button::before, .ecommerce.basket .basket-buttons .inner-product .product-info .add-basket .bottom-basket .right .start-order.enabled.button-tramitar::before, .ecommerce.basket .inner-product .product-info .add-basket .bottom-basket .right .basket-buttons .start-order.enabled.button-tramitar::before {
          background-color: #df9a1b;
          border-color: #df9a1b; }
        .ecommerce.basket .basket-buttons .button.start-order.enabled:hover, .ecommerce.basket .basket-buttons .inner-product .product-info .add-basket .bottom-basket .right .start-order.enabled.basket-button:hover, .ecommerce.basket .inner-product .product-info .add-basket .bottom-basket .right .basket-buttons .start-order.enabled.basket-button:hover, .ecommerce.basket .basket-buttons .inner-product .product-info .add-basket .bottom-basket .right .start-order.enabled.button-tramitar:hover, .ecommerce.basket .inner-product .product-info .add-basket .bottom-basket .right .basket-buttons .start-order.enabled.button-tramitar:hover {
          color: #FFFFFF; }

.ecommerce.basket .user-content {
  display: none;
  background-color: #EAEAEA; }
  .ecommerce.basket .user-content aside {
    padding: 0; }
  @media (max-width: 1024px) {
    .ecommerce.basket .user-content {
      display: block; }
      .ecommerce.basket .user-content aside .content-items .aside-item {
        background-color: #FFFFFF; }
        .ecommerce.basket .user-content aside .content-items .aside-item:hover {
          color: #FFFFFF;
          background-color: #7f4413; } }

/* -------------------------- */
/* -------------------------- */
/* ----- LOGIN/REGISTER ----- */
/* -------------------------- */
.ecommerce.login h3,
.ecommerce.register h3,
.ecommerce.recover-password h3,
.ecommerce.change-password h3 {
  margin-bottom: 20px; }

.ecommerce.login .content,
.ecommerce.register .content,
.ecommerce.recover-password .content,
.ecommerce.change-password .content {
  max-width: 512px;
  padding: 50px 0; }
  @media (max-width: 480px) {
    .ecommerce.login .content,
    .ecommerce.register .content,
    .ecommerce.recover-password .content,
    .ecommerce.change-password .content {
      padding: 20px; } }

.ecommerce.login h3 {
  text-align: center; }

.ecommerce.login .content {
  max-width: 1024px; }
  @media (max-width: 768px) {
    .ecommerce.login .content {
      flex-direction: row; } }
  @media (max-width: 480px) {
    .ecommerce.login .content {
      flex-direction: column; } }
  .ecommerce.login .content .login-form,
  .ecommerce.login .content .register {
    width: 50%;
    padding: 20px; }
    @media (max-width: 480px) {
      .ecommerce.login .content .login-form,
      .ecommerce.login .content .register {
        width: 100%; } }
  .ecommerce.login .content .login-form {
    border-right: 1px solid #DDDDDD; }
    @media (max-width: 480px) {
      .ecommerce.login .content .login-form {
        border-right: none;
        border-bottom: 1px solid #DDDDDD; } }
  .ecommerce.login .content .register p {
    margin-bottom: 20px; }

.ecommerce.login form {
  padding: 0; }
  .ecommerce.login form .recover-password {
    margin-bottom: 20px;
    text-align: right; }
    .ecommerce.login form .recover-password a {
      color: #7f4413; }
      .ecommerce.login form .recover-password a:hover {
        text-decoration: underline; }

.ecommerce.register form .province {
  display: none; }
  .ecommerce.register form .province.visible {
    display: flex; }

.ecommerce.recover-password form .form-block label {
  width: 50px; }
  @media (max-width: 480px) {
    .ecommerce.recover-password form .form-block label {
      width: 100%;
      text-align: left;
      margin-bottom: 5px;
      margin-right: 0; } }

.ecommerce.recover-password form .form-block input {
  width: calc(100% - 60px); }
  @media (max-width: 480px) {
    .ecommerce.recover-password form .form-block input {
      width: 100%; } }

.ecommerce.change-password form .form-block label {
  width: 110px; }
  @media (max-width: 480px) {
    .ecommerce.change-password form .form-block label {
      width: 100%;
      text-align: left;
      margin-bottom: 5px;
      margin-right: 0; } }

.ecommerce.change-password form .form-block input {
  width: calc(100% - 120px); }
  @media (max-width: 480px) {
    .ecommerce.change-password form .form-block input {
      width: 100%; } }

/* -------------------------- */
/* -------------------------- */
/* ------ USER PROFILE ------ */
/* -------------------------- */
@media (max-width: 1024px) {
  .ecommerce.profile .content {
    flex-direction: column-reverse; } }

.ecommerce.profile aside {
  width: 25%; }
  @media (max-width: 1024px) {
    .ecommerce.profile aside {
      width: 100%;
      padding: 20px; } }

.ecommerce.profile .aside-content {
  padding: 20px; }
  @media (max-width: 1024px) {
    .ecommerce.profile .aside-content {
      width: 100%; } }
  .ecommerce.profile .aside-content h3 {
    display: none;
    margin-bottom: 20px; }
    @media (max-width: 1024px) {
      .ecommerce.profile .aside-content h3 {
        display: block; } }
  .ecommerce.profile .aside-content h4 {
    margin-bottom: 20px;
    color: #202020; }
  .ecommerce.profile .aside-content form {
    max-width: 100%;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #EAEAEA; }
    .ecommerce.profile .aside-content form:last-child {
      margin-bottom: 0; }
    .ecommerce.profile .aside-content form input[type="text"],
    .ecommerce.profile .aside-content form input[type="password"],
    .ecommerce.profile .aside-content form input[type="email"],
    .ecommerce.profile .aside-content form input[type="tel"],
    .ecommerce.profile .aside-content form select {
      background-color: #FFFFFF; }
    .ecommerce.profile .aside-content form .form-block select {
      margin-bottom: 0; }
    .ecommerce.profile .aside-content form .form-block.province {
      display: none; }
      .ecommerce.profile .aside-content form .form-block.province.visible {
        display: flex; }
    .ecommerce.profile .aside-content form .form-button {
      margin-top: 20px;
      text-align: right; }

/* -------------------------- */
/* -------------------------- */
/* ---- ORDERS ECOMMERCE ---- */
/* -------------------------- */
@media (max-width: 1024px) {
  .ecommerce.orders .content {
    flex-direction: column-reverse; } }

.ecommerce.orders aside {
  width: 25%; }
  @media (max-width: 1024px) {
    .ecommerce.orders aside {
      width: 100%;
      padding: 20px; } }

.ecommerce.orders .aside-content {
  padding: 20px; }
  @media (max-width: 1024px) {
    .ecommerce.orders .aside-content {
      width: 100%; } }
  .ecommerce.orders .aside-content h3 {
    display: none;
    margin-bottom: 20px; }
    @media (max-width: 1024px) {
      .ecommerce.orders .aside-content h3 {
        display: block; } }

.ecommerce.orders .no-orders {
  padding: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  text-align: center; }

.order {
  margin-bottom: 20px;
  color: #202020; }
  .order:last-child {
    margin-bottom: 0; }
  .order.active .resume {
    background-color: #EAEAEA; }
    .order.active .resume .arrow {
      transform: rotate(90deg); }
      @media (max-width: 480px) {
        .order.active .resume .arrow {
          transform: rotate(90deg) translateY(-50%); } }
  .order .resume {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 10px;
    border: 1px solid #999999;
    cursor: pointer;
    -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
    .order .resume:hover {
      background-color: #EAEAEA; }
    .order .resume .reference,
    .order .resume .num-products,
    .order .resume .date,
    .order .resume .status,
    .order .resume .price {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 0 10px;
      border-right: 1px solid #999999;
      text-align: center; }
    .order .resume .reference {
      border-right: none; }
    .order .resume .status {
      flex-grow: 1;
      text-align: right; }
    .order .resume .num-products {
      width: 120px; }
    .order .resume .date {
      width: 100px;
      font-size: 12px;
      line-height: 1.2em; }
      .order .resume .date span {
        display: block; }
    .order .resume .price {
      width: 150px;
      border-right: none;
      font-size: 20px; }
    .order .resume .arrow {
      font-size: 26px;
      transform: rotate(0deg);
      transform-origin: 50% 50%;
      -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
    @media (max-width: 480px) {
      .order .resume {
        flex-wrap: wrap;
        padding-right: 30px; }
        .order .resume .reference,
        .order .resume .num-products,
        .order .resume .date,
        .order .resume .status,
        .order .resume .price {
          border: none;
          text-align: center; }
        .order .resume .reference {
          width: 100%;
          order: 1;
          padding-bottom: 5px; }
        .order .resume .num-products {
          width: 50%;
          order: 3;
          padding-bottom: 5px; }
        .order .resume .date {
          width: 50%;
          order: 2;
          padding-bottom: 5px; }
        .order .resume .status {
          width: 50%;
          order: 4;
          line-height: 1.2em; }
        .order .resume .price {
          width: 50%;
          order: 5; }
        .order .resume .arrow {
          position: absolute;
          top: 50%;
          right: 5px;
          transform-origin: 0 0;
          transform: translateY(-50%) rotate(0deg); } }
  .order .details {
    overflow-y: hidden;
    max-height: 0;
    -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
    .order .details .inner-details {
      border-right: 1px solid #999999;
      border-bottom: 1px solid #999999;
      border-left: 1px solid #999999; }
    .order .details .title {
      text-transform: uppercase; }
    .order .details .items {
      padding: 0 10px; }
      .order .details .items .item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #EAEAEA; }
        .order .details .items .item .main-image,
        .order .details .items .item .item-info,
        .order .details .items .item .units,
        .order .details .items .item .price {
          padding: 10px; }
        .order .details .items .item .main-image {
          width: 150px;
          height: 100px; }
          .order .details .items .item .main-image .image {
            width: 100%;
            height: 100%; }
        .order .details .items .item .item-info {
          flex-grow: 1;
          width: calc(100% - 370px); }
          .order .details .items .item .item-info p {
            width: fit-content;
            text-align: left !important; }
          .order .details .items .item .item-info .excerpt,
          .order .details .items .item .item-info .attributes {
            font-size: 12px; }
        .order .details .items .item .units {
          display: flex;
          justify-content: flex-end;
          align-items: flex-end;
          text-align: right;
          width: 120px; }
          .order .details .items .item .units .unit-old-price,
          .order .details .items .item .units .unit-price {
            display: block;
            padding: 0 5px; }
          .order .details .items .item .units .unit-old-price {
            text-decoration: line-through; }
        .order .details .items .item .price {
          width: 100px;
          text-align: right; }
        @media (max-width: 480px) {
          .order .details .items .item {
            flex-wrap: wrap; }
            .order .details .items .item .main-image {
              width: 40%; }
            .order .details .items .item .item-info {
              width: 50%; }
            .order .details .items .item .units,
            .order .details .items .item .price {
              padding: 0 10px 10px; }
            .order .details .items .item .units {
              width: 50%; }
            .order .details .items .item .price {
              width: 45%;
              text-align: right; } }
    .order .details .info {
      display: flex;
      border-bottom: 1px solid #EAEAEA; }
      .order .details .info .payment,
      .order .details .info .status,
      .order .details .info .price-resume {
        padding: 10px 20px; }
      .order .details .info .payment {
        display: flex;
        flex-direction: column; }
        .order .details .info .payment i {
          font-size: 30px;
          vertical-align: top; }
        .order .details .info .payment .invoice {
          flex-grow: 1;
          display: flex;
          align-items: flex-end;
          margin-top: 10px; }
      .order .details .info .price-resume {
        flex-grow: 1;
        text-align: right; }
        .order .details .info .price-resume .number {
          display: inline-block;
          width: 100px; }
        .order .details .info .price-resume .total span {
          display: block; }
          .order .details .info .price-resume .total span span {
            display: inline-block; }
        .order .details .info .price-resume .total .old-price {
          text-decoration: line-through; }
      @media (max-width: 480px) {
        .order .details .info {
          flex-direction: column-reverse; }
          .order .details .info .price-resume {
            text-align: left; }
            .order .details .info .price-resume .number {
              text-align: right; }
            .order .details .info .price-resume .subtotal,
            .order .details .info .price-resume .vat p,
            .order .details .info .price-resume .shipping_price,
            .order .details .info .price-resume .total > span {
              display: flex;
              justify-content: space-between; } }
    .order .details .addresses {
      display: flex;
      padding: 20px; }
      .order .details .addresses address {
        width: -webkit-calc(50% - 20px/2);
        width: calc(50% - 20px/2);
        padding: 20px;
        margin-right: 20px;
        background-color: #EAEAEA; }
        .order .details .addresses address:last-child {
          margin-right: 0; }
      @media (max-width: 480px) {
        .order .details .addresses {
          flex-direction: column; }
          .order .details .addresses address {
            width: 100%;
            margin-right: 0;
            margin-bottom: 20px; }
            .order .details .addresses address:last-child {
              margin-bottom: 0; } }
    .order .details .history {
      padding: 0 20px 20px; }
      .order .details .history .statuses .status {
        display: flex;
        align-items: center;
        border: 1px solid #DDDDDD;
        border-bottom: none; }
        .order .details .history .statuses .status:first-child {
          background-color: #7f4413;
          color: #FFFFFF; }
        .order .details .history .statuses .status:last-child {
          border-bottom: 1px solid #DDDDDD; }
        .order .details .history .statuses .status .date,
        .order .details .history .statuses .status .type,
        .order .details .history .statuses .status .comments {
          padding: 10px; }
        .order .details .history .statuses .status .date {
          width: 150px;
          min-width: 150px; }
          .order .details .history .statuses .status .date span {
            display: block; }
        .order .details .history .statuses .status .type {
          width: 200px;
          min-width: 200px; }
        @media (max-width: 480px) {
          .order .details .history .statuses .status {
            flex-wrap: wrap; }
            .order .details .history .statuses .status .date,
            .order .details .history .statuses .status .type {
              width: 50%;
              min-width: 0;
              text-align: center; }
              .order .details .history .statuses .status .date span,
              .order .details .history .statuses .status .type span {
                display: block; } }

/* -------------------------- */
/* -------------------------- */
/* ---- ORDERS ECOMMERCE ---- */
/* -------------------------- */
.ecommerce.checkout {
  padding-bottom: 24px; }
  @media (max-width: 1024px) {
    .ecommerce.checkout .content {
      flex-direction: column; } }
  .ecommerce.checkout .content.end-order {
    padding: 50px 20px;
    color: #202020;
    text-align: center; }
    .ecommerce.checkout .content.end-order h3 {
      font-size: 38px;
      line-height: 38px; }
    .ecommerce.checkout .content.end-order p {
      margin-bottom: 20px; }
  .ecommerce.checkout aside {
    width: 30%;
    padding: 0;
    margin-top: 20px;
    background-color: transparent;
    color: #202020; }
    .ecommerce.checkout aside .subtotal,
    .ecommerce.checkout aside .vats .vat,
    .ecommerce.checkout aside .shipping,
    .ecommerce.checkout aside .order_total {
      display: flex;
      justify-content: space-between; }
      .ecommerce.checkout aside .subtotal .number,
      .ecommerce.checkout aside .vats .vat .number,
      .ecommerce.checkout aside .shipping .number,
      .ecommerce.checkout aside .order_total .number {
        display: inline-block;
        max-width: 150px;
        width: auto;
        text-align: right; }
    .ecommerce.checkout aside .resume {
      padding: 20px;
      border: 1px solid #DDDDDD;
      border-top: 5px solid #7f4413;
      background-color: #EAEAEA; }
    .ecommerce.checkout aside .order_total {
      padding: 10px 20px;
      border-bottom: 1px solid #DDDDDD;
      color: #000000;
      font-size: 20px; }
    .ecommerce.checkout aside form {
      max-width: 100%;
      padding-bottom: 0; }
      .ecommerce.checkout aside form .form-block label {
        width: 100%;
        margin-right: 0;
        text-align: left;
        margin-bottom: 5px; }
      .ecommerce.checkout aside form .form-block input[type="date"] {
        margin-bottom: 5px;
        width: 100%; }
      .ecommerce.checkout aside form .form-block textarea {
        border: 1px solid #AAAAAA;
        background-color: white;
        color: #202020;
        height: 100px; }
        .ecommerce.checkout aside form .form-block textarea::-webkit-input-placeholder {
          color: #AAAAAA; }
        .ecommerce.checkout aside form .form-block textarea::-moz-placeholder {
          color: #AAAAAA; }
        .ecommerce.checkout aside form .form-block textarea:-moz-placeholder {
          color: #AAAAAA; }
        .ecommerce.checkout aside form .form-block textarea:-ms-input-placeholder {
          color: #AAAAAA; }
      .ecommerce.checkout aside form .form-block.legal {
        padding-left: 0;
        margin-bottom: 0;
        color: #202020; }
        .ecommerce.checkout aside form .form-block.legal a {
          color: #7f4413; }
          .ecommerce.checkout aside form .form-block.legal a:hover {
            text-decoration: underline; }
      .ecommerce.checkout aside form .form-button .button, .ecommerce.checkout aside form .form-button .inner-product .product-info .add-basket .bottom-basket .right .basket-button, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form .form-button .basket-button, .ecommerce.checkout aside form .form-button .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form .form-button .button-tramitar {
        width: 100%;
        max-width: 300px;
        color: #2b1810;
        background-color: transparent;
        border-color: #7f4413;
        cursor: auto;
        font-size: 13px; }
        .ecommerce.checkout aside form .form-button .button::before, .ecommerce.checkout aside form .form-button .inner-product .product-info .add-basket .bottom-basket .right .basket-button::before, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form .form-button .basket-button::before, .ecommerce.checkout aside form .form-button .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar::before, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form .form-button .button-tramitar::before {
          background-color: #7f4413; }
        .ecommerce.checkout aside form .form-button .button input, .ecommerce.checkout aside form .form-button .inner-product .product-info .add-basket .bottom-basket .right .basket-button input, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form .form-button .basket-button input, .ecommerce.checkout aside form .form-button .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar input, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form .form-button .button-tramitar input {
          color: #7f4413;
          width: 100%; }
          .ecommerce.checkout aside form .form-button .button input.disabled, .ecommerce.checkout aside form .form-button .inner-product .product-info .add-basket .bottom-basket .right .basket-button input.disabled, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form .form-button .basket-button input.disabled, .ecommerce.checkout aside form .form-button .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar input.disabled, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form .form-button .button-tramitar input.disabled {
            background-color: #9D9D9C;
            color: #EAEAEA;
            cursor: not-allowed; }
        .ecommerce.checkout aside form .form-button .button:hover, .ecommerce.checkout aside form .form-button .inner-product .product-info .add-basket .bottom-basket .right .basket-button:hover, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form .form-button .basket-button:hover, .ecommerce.checkout aside form .form-button .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar:hover, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form .form-button .button-tramitar:hover {
          color: #FFFFFF; }
          .ecommerce.checkout aside form .form-button .button:hover input, .ecommerce.checkout aside form .form-button .inner-product .product-info .add-basket .bottom-basket .right .basket-button:hover input, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form .form-button .basket-button:hover input, .ecommerce.checkout aside form .form-button .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar:hover input, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form .form-button .button-tramitar:hover input {
            color: #FFFFFF; }
        .ecommerce.checkout aside form .form-button .button .loader, .ecommerce.checkout aside form .form-button .inner-product .product-info .add-basket .bottom-basket .right .basket-button .loader, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form .form-button .basket-button .loader, .ecommerce.checkout aside form .form-button .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar .loader, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form .form-button .button-tramitar .loader {
          display: none;
          align-items: center;
          justify-content: center;
          position: absolute;
          top: 50%;
          right: 10px;
          -webkit-transform: translateY(-50%) rotate(0);
          -moz-transform: translateY(-50%) rotate(0);
          -ms-transform: translateY(-50%) rotate(0);
          -o-transform: translateY(-50%) rotate(0);
          transform: translateY(-50%) rotate(0);
          width: 20px;
          height: 20px;
          font-size: 20px;
          animation: spin-translate 1.5s linear infinite; }
          .ecommerce.checkout aside form .form-button .button .loader i, .ecommerce.checkout aside form .form-button .inner-product .product-info .add-basket .bottom-basket .right .basket-button .loader i, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form .form-button .basket-button .loader i, .ecommerce.checkout aside form .form-button .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar .loader i, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form .form-button .button-tramitar .loader i {
            width: 20px;
            height: 20px; }

@keyframes spin-translate {
  100% {
    -webkit-transform: translateY(-50%) rotate(360deg);
    -moz-transform: translateY(-50%) rotate(360deg);
    -ms-transform: translateY(-50%) rotate(360deg);
    -o-transform: translateY(-50%) rotate(360deg);
    transform: translateY(-50%) rotate(360deg); } }
      .ecommerce.checkout aside form.submitted .form-button .button, .ecommerce.checkout aside form.submitted .form-button .inner-product .product-info .add-basket .bottom-basket .right .basket-button, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form.submitted .form-button .basket-button, .ecommerce.checkout aside form.submitted .form-button .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form.submitted .form-button .button-tramitar {
        color: #FFFFFF;
        background-color: #AAAAAA;
        border-color: #AAAAAA; }
        .ecommerce.checkout aside form.submitted .form-button .button input, .ecommerce.checkout aside form.submitted .form-button .inner-product .product-info .add-basket .bottom-basket .right .basket-button input, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form.submitted .form-button .basket-button input, .ecommerce.checkout aside form.submitted .form-button .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar input, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form.submitted .form-button .button-tramitar input {
          color: #FFFFFF; }
        .ecommerce.checkout aside form.submitted .form-button .button::before, .ecommerce.checkout aside form.submitted .form-button .inner-product .product-info .add-basket .bottom-basket .right .basket-button::before, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form.submitted .form-button .basket-button::before, .ecommerce.checkout aside form.submitted .form-button .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar::before, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form.submitted .form-button .button-tramitar::before {
          background-color: #AAAAAA; }
        .ecommerce.checkout aside form.submitted .form-button .button .loader, .ecommerce.checkout aside form.submitted .form-button .inner-product .product-info .add-basket .bottom-basket .right .basket-button .loader, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form.submitted .form-button .basket-button .loader, .ecommerce.checkout aside form.submitted .form-button .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar .loader, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form.submitted .form-button .button-tramitar .loader {
          display: flex; }
      @media (max-width: 1024px) {
        .ecommerce.checkout aside form {
          display: flex;
          align-items: center;
          flex-direction: column;
          padding-bottom: 20px; }
          .ecommerce.checkout aside form .checkout-info,
          .ecommerce.checkout aside form .form-button {
            width: 100%; }
          .ecommerce.checkout aside form .form-button {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            justify-content: flex-end; } }
      @media (max-width: 480px) {
        .ecommerce.checkout aside form {
          flex-direction: column;
          text-align: left; }
          .ecommerce.checkout aside form .checkout-info,
          .ecommerce.checkout aside form .form-button {
            width: 100%; }
          .ecommerce.checkout aside form .form-block,
          .ecommerce.checkout aside form .form-button {
            display: block; }
            .ecommerce.checkout aside form .form-block .button, .ecommerce.checkout aside form .form-block .inner-product .product-info .add-basket .bottom-basket .right .basket-button, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form .form-block .basket-button, .ecommerce.checkout aside form .form-block .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form .form-block .button-tramitar, .ecommerce.checkout aside form .form-button .button, .ecommerce.checkout aside form .form-button .inner-product .product-info .add-basket .bottom-basket .right .basket-button, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form .form-button .basket-button, .ecommerce.checkout aside form .form-button .inner-product .product-info .add-basket .bottom-basket .right .button-tramitar, .ecommerce.checkout .inner-product .product-info .add-basket .bottom-basket .right aside form .form-button .button-tramitar {
              max-width: 100%; } }
    @media (max-width: 1024px) {
      .ecommerce.checkout aside {
        width: 100%;
        padding: 0 20px; } }
  .ecommerce.checkout .aside-content {
    width: 70%;
    padding: 20px;
    color: #202020; }
    @media (max-width: 1024px) {
      .ecommerce.checkout .aside-content {
        width: 100%; } }
    .ecommerce.checkout .aside-content .title {
      text-transform: uppercase; }
  .ecommerce.checkout .order .resume .num-products {
    border-right: none; }
  .ecommerce.checkout .addresses {
    display: flex;
    flex-wrap: wrap; }
    .ecommerce.checkout .addresses .title {
      display: flex;
      justify-content: space-between; }
      .ecommerce.checkout .addresses .title .edit {
        color: #7f4413;
        font-size: 12px;
        font-style: italic;
        text-transform: lowercase;
        cursor: pointer; }
        .ecommerce.checkout .addresses .title .edit:hover {
          text-decoration: underline; }
    .ecommerce.checkout .addresses .address {
      width: -webkit-calc(50% - 10px);
      width: calc(50% - 10px);
      padding: 20px;
      margin-right: 20px;
      margin-bottom: 20px;
      background-color: #EAEAEA; }
      .ecommerce.checkout .addresses .address.billing {
        margin-right: 0; }
    .ecommerce.checkout .addresses .address-edit {
      overflow-y: hidden;
      width: 100%;
      max-height: 0;
      -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
      .ecommerce.checkout .addresses .address-edit.active {
        display: block; }
      .ecommerce.checkout .addresses .address-edit .inner-address {
        position: relative;
        padding: 20px;
        margin-bottom: 20px;
        border: 1px solid #DDDDDD; }
      .ecommerce.checkout .addresses .address-edit .close {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 20px;
        cursor: pointer;
        -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
        -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
        transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
        .ecommerce.checkout .addresses .address-edit .close:hover {
          color: #7f4413; }
      .ecommerce.checkout .addresses .address-edit .title {
        margin-bottom: 10px; }
      .ecommerce.checkout .addresses .address-edit form {
        max-width: 100%;
        padding: 0; }
        .ecommerce.checkout .addresses .address-edit form .form-block select {
          margin-bottom: 0;
          border-color: #9D9D9C; }
        .ecommerce.checkout .addresses .address-edit form .form-block.province {
          display: none; }
          .ecommerce.checkout .addresses .address-edit form .form-block.province.visible {
            display: flex; }
        .ecommerce.checkout .addresses .address-edit form .form-button {
          text-align: right; }
    .ecommerce.checkout .addresses .alert {
      width: 100%;
      padding: 20px;
      margin-bottom: 20px;
      background-color: #7f4413;
      color: #FFFFFF;
      font-size: 20px;
      text-align: center; }
    @media (max-width: 480px) {
      .ecommerce.checkout .addresses {
        flex-direction: column; }
        .ecommerce.checkout .addresses .address {
          width: 100%;
          margin-right: 0; }
          .ecommerce.checkout .addresses .address.shipping, .ecommerce.checkout .addresses .address.pick-up {
            order: 1; }
          .ecommerce.checkout .addresses .address.billing {
            order: 3; }
        .ecommerce.checkout .addresses .address-edit.shipping {
          order: 2; }
        .ecommerce.checkout .addresses .address-edit.billing {
          order: 4; }
        .ecommerce.checkout .addresses .alert {
          order: 5; } }
  .ecommerce.checkout .payment .type {
    display: flex;
    align-items: stretch;
    margin-bottom: 10px;
    border: 1px solid #DDDDDD;
    cursor: pointer;
    -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
    .ecommerce.checkout .payment .type:last-child {
      margin-bottom: 0; }
    .ecommerce.checkout .payment .type:hover {
      background-color: #EAEAEA; }
    .ecommerce.checkout .payment .type.active {
      background-color: #EAEAEA; }
      .ecommerce.checkout .payment .type.active .icon {
        background-color: #7f4413;
        color: #FFFFFF; }
    .ecommerce.checkout .payment .type .icon {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 100px;
      padding: 20px;
      font-size: 50px;
      text-align: center;
      -webkit-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      -moz-transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
      transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
    .ecommerce.checkout .payment .type .info {
      width: calc(100% - 100px);
      padding: 20px; }
      .ecommerce.checkout .payment .type .info .description {
        font-size: 12px;
        line-height: 1.2em; }
      .ecommerce.checkout .payment .type .info img {
        width: 180px; }
    @media (max-width: 480px) {
      .ecommerce.checkout .payment .type {
        flex-direction: column; }
        .ecommerce.checkout .payment .type .icon,
        .ecommerce.checkout .payment .type .info {
          width: 100%; }
        .ecommerce.checkout .payment .type .icon {
          padding: 10px;
          border-bottom: 1px solid #DDD;
          font-size: 40px; } }

.ecommerce.payment .logo {
  padding: 10px;
  background-color: #7f4413;
  text-align: center; }

.ecommerce.payment .content {
  text-align: center; }
  .ecommerce.payment .content .loader {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    width: 40px;
    height: 40px;
    margin: 10px auto;
    font-size: 40px;
    animation: spin 1.5s linear infinite; }
    .ecommerce.payment .content .loader i {
      width: 40px;
      height: 40px; }

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
  .ecommerce.payment .content .alert {
    padding: 10px; }

/* -------------------------- */
/* ---------------------------------- */
/* -------------------------- */
/* ------- NEO GALLERY ------ */
/* -------------------------- */
.gallery .thumbs .thumb {
  display: inline-block;
  position: relative;
  cursor: pointer;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 300px; }
  .gallery .thumbs .thumb .lens {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: transparent;
    background-image: url("../js/plugins/neo/neo-gallery/maximize.png");
    background-size: 40px 20px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
  .gallery .thumbs .thumb:hover .lens {
    opacity: 1;
    background-color: rgba(95, 58, 23, 0.5); }

.gallery .viewport {
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0.7), black);
  background-image: radial-gradient(rgba(0, 0, 0, 0.7), black);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  .gallery .viewport.active {
    z-index: 2000;
    opacity: 1; }
  .gallery .viewport .close-button {
    display: table;
    position: absolute;
    top: 10px;
    right: 10px;
    left: auto;
    z-index: 10;
    height: 60px;
    cursor: pointer; }
    .gallery .viewport .close-button .text {
      display: table-cell;
      vertical-align: middle; }
      .gallery .viewport .close-button .text .close {
        margin-bottom: 0;
        color: #FFFFFF;
        font-weight: 400; }
    .gallery .viewport .close-button .button_ {
      display: table-cell;
      vertical-align: middle; }
    .gallery .viewport .close-button .lines {
      display: inline-block;
      position: relative;
      height: 3px;
      width: 40px;
      margin-top: -10px;
      background-color: transparent;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
      .gallery .viewport .close-button .lines:before, .gallery .viewport .close-button .lines:after {
        content: '';
        display: inline-block;
        position: absolute;
        right: 0;
        height: 3px;
        width: 40px;
        background: #FFFFFF;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
      .gallery .viewport .close-button .lines:before {
        top: 0px;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -moz-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        -o-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg); }
      .gallery .viewport .close-button .lines:after {
        top: 0px;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -moz-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        -o-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg); }
    @media (max-width: 480px) {
      .gallery .viewport .close-button {
        z-index: 50; } }
  .gallery .viewport .images {
    z-index: 20;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 70%;
    width: 70%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .gallery .viewport .images .before,
    .gallery .viewport .images .after {
      z-index: 30;
      height: 100%;
      width: 60px;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      cursor: pointer;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
    .gallery .viewport .images .before {
      position: absolute;
      top: 50%;
      left: 0;
      background-image: url("../js/plugins/neo/neo-gallery/prev.png"); }
    .gallery .viewport .images .after {
      position: absolute;
      top: 50%;
      right: 0;
      background-image: url("../js/plugins/neo/neo-gallery/next.png"); }
    .gallery .viewport .images .loader {
      position: absolute;
      top: 50%;
      left: 50%;
      border: 16px solid #f3f3f3;
      /* Light grey */
      border-top: 16px solid #7f4413;
      /* Blue */
      border-radius: 50%;
      width: 120px;
      height: 120px;
      animation: spin 2s linear infinite; }

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    transform: translate(-50%, -50%) rotate(360deg); } }
    .gallery .viewport .images .image {
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain; }
      .gallery .viewport .images .image.loaded.current {
        opacity: 1;
        transition: opacity 1s; }
    @media (max-width: 1024px) {
      .gallery .viewport .images .before {
        left: -50px; }
      .gallery .viewport .images .after {
        right: -50px; } }
    @media (max-width: 480px) {
      .gallery .viewport .images {
        height: 100%;
        width: 100%; }
        .gallery .viewport .images .before {
          left: 0; }
        .gallery .viewport .images .after {
          right: 0; } }

@media (max-width: 768px) {
  .gallery .thumbs {
    flex-wrap: wrap; }
    .gallery .thumbs .grid.item {
      width: 100%; } }

@media (max-width: 768px) {
  .gallery .thumbs .thumb.oneoftwo {
    height: 220px; } }

/* -------------------------- */
/* -------------------------- */
/* -------- NEO SCROLL ------ */
/* -------------------------- */
.scrollable .loading {
  clear: both;
  opacity: 0.5;
  padding-bottom: 40px;
  margin-bottom: 50px;
  background-image: url(../img/style/loading.png);
  background-size: 60px 20px;
  background-position: center bottom;
  background-repeat: no-repeat;
  text-align: center; }
  .scrollable .loading.hidden {
    display: none; }

.fader {
  opacity: 0;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px); }
  .fader.active {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s; }
    .fader.active.center {
      -webkit-transition: all 0.5s ease-out 0.1s;
      -moz-transition: all 0.5s ease-out 0.1s;
      transition: all 0.5s ease-out 0.1s; }
    .fader.active.right {
      -webkit-transition: all 0.5s ease-out 0.2s;
      -moz-transition: all 0.5s ease-out 0.2s;
      transition: all 0.5s ease-out 0.2s; }

.box {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

/* -------------------------- */
/* -------------------------- */
/* --------- NEO TABS ------- */
/* -------------------------- */
.tabs .header-tabs {
  display: table;
  width: 100%; }
  .tabs .header-tabs .tab {
    display: table-cell;
    text-align: center;
    background: #EEE;
    padding: 10px 20px;
    cursor: pointer;
    transition: 0.2s all ease-out;
    vertical-align: middle;
    background: #000000;
    color: #FFFFFF; }
    .tabs .header-tabs .tab:hover {
      background-color: #7f4413;
      color: #000000; }
    .tabs .header-tabs .tab.current {
      color: #000000;
      background: #FFFFFF; }

.tabs .content-tabs .tab {
  display: none;
  padding: 20px; }

@media (max-width: 480px) {
  .tabs .content-tabs .tab {
    padding: 5px; } }

/* -------------------------- */
@media screen and (min-width: 0\0) {
  .ie-alert {
    display: table; }
    .ie-alert .message {
      display: table-cell;
      vertical-align: middle; } }

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