@charset "UTF-8";
/*--------------------------------------------------------------------
RESET STYLES

Version:    1.0 2016
author:     Bürocratik
email:      hello@burocratik.com
website:    http://www.burocratik.com
-----------------------------------------------------------------------*/
/* =RESET ORGINAL v2.0 | 20110126
http://meyerweb.com/eric/tools/css/reset/

/* =NORMALIZE.css v5.0.0
github.com/necolas/normalize.css

/* =CUSTOM STUFF
------------------------------------------------------------------------*/
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/*-------------------------------------------------------------------------
=RESET ORGINAL v2.0 | 20110126
http://meyerweb.com/eric/tools/css/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; }

/*-------------------------------------------------------------------------
=CUSTOM
------------------------------------------------------------------------*/
abbr,
span.abbr {
  border-bottom: none; }

.clear {
  clear: both;
  height: 0; }

.clearfix:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

.hide {
  position: absolute;
  top: -9999px;
  left: -9999px;
  overflow: hidden; }

.hidetext {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

/* — — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — -
MAIN SASS CONFIGURATION

* @Version:    1.0 - 2017
* @author:     Burocratik
* @email:      hello@burocratik.com
* @website:    http://www.burocratik.com
— — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — - */
/* — — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — -
= INDEX OF CONTENTS
— — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — - */
/* — — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — -
1. COLORS
— — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — - */
/* — — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — -
2. EASINGS
— — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — - */
/*
.example {
  animation: there-and-back 2.5s ease(in-quad) infinite alternate;
}
*/
/* — — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — -
3. TYPOGRAPHY
— — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — - */
/*-----------------------------------------------------------------------
TYPOGRAPHY

* @Version:    1.0 - 2017
* @author:     Burocratik
* @email:      hello@burocratik.com
* @website:    http://www.burocratik.com

-----------------------------------------------------------------------*/
@font-face {
  font-family: "velhotes-title";
  src: url("/public/fonts/velhotes-title.woff2") format("woff2"), url("/public/fonts/velhotes-title.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "velhotes-roman";
  src: url("/public/fonts/velhotes-roman.woff2") format("woff2"), url("/public/fonts/velhotes-roman.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "velhotes-regular";
  src: url("/public/fonts/velhotes-regular.woff2") format("woff2"), url("/public/fonts/velhotes-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "velhotes-bold";
  src: url("/public/fonts/velhotes-bold.woff2") format("woff2"), url("/public/fonts/velhotes-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "velhotes-bold-name";
  src: url("/public/fonts/velhotes-bold-name.woff2") format("woff2"), url("/public/fonts/velhotes-bold-name.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "velhotes-heavy";
  src: url("/public/fonts/velhotes-heavy.woff2") format("woff2"), url("/public/fonts/velhotes-heavy.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "velhotes-italic";
  src: url("/public/fonts/velhotes-italic.woff2") format("woff2"), url("/public/fonts/velhotes-italic.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "velhotes-bold-reg";
  src: url("/public/fonts/velhotes-Bold-Reg.woff2") format("woff2"), url("/public/fonts/velhotes-Bold-Reg.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/** =RENDERING **/
html,
body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-font-feature-settings: "smcp" 0, "onum" 0, "frac" 0, "kern" 0, "liga" 0, "dlig" 0, "swsh" 0;
  -moz-font-feature-settings: "smcp=0, onum=0, frac=0, kern=0, liga=0, dlig=0, swsh=0";
  -ms-font-feature-settings: "smcp" 0, "onum" 0, "frac" 0, "kern" 0, "liga" 0, "dlig" 0, "swsh" 0;
  -o-font-feature-settings: "smcp" 0, "onum" 0, "frac" 0, "kern" 0, "liga" 0, "dlig" 0, "swsh" 0;
  -webkit-font-feature-settings: "smcp" 0, "onum" 0, "frac" 0, "kern" 0, "liga" 0, "dlig" 0, "swsh" 0;
  font-feature-settings: "smcp" 0, "onum" 0, "frac" 0, "kern" 0, "liga" 0, "dlig" 0, "swsh" 0;
  font-feature-settings: normal; }

/* Chrome doesn't assume text rendering for form elements */
input,
textarea,
select,
button {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-font-feature-settings: "smcp" 0, "onum" 0, "frac" 0, "kern" 0, "liga" 0, "dlig" 0, "swsh" 0;
  -moz-font-feature-settings: "smcp=0, onum=0, frac=0, kern=0, liga=0, dlig=0, swsh=0";
  -ms-font-feature-settings: "smcp" 0, "onum" 0, "frac" 0, "kern" 0, "liga" 0, "dlig" 0, "swsh" 0;
  -o-font-feature-settings: "smcp" 0, "onum" 0, "frac" 0, "kern" 0, "liga" 0, "dlig" 0, "swsh" 0;
  -webkit-font-feature-settings: "smcp" 0, "onum" 0, "frac" 0, "kern" 0, "liga" 0, "dlig" 0, "swsh" 0;
  font-feature-settings: "smcp" 0, "onum" 0, "frac" 0, "kern" 0, "liga" 0, "dlig" 0, "swsh" 0; }

.text-subs,
.sub,
sub {
  -moz-font-feature-settings: "subs" 1;
  -moz-font-feature-settings: "subs=1";
  -ms-font-feature-settings: "subs" 1;
  -o-font-feature-settings: "subs" 1;
  -webkit-font-feature-settings: "subs" 1;
  font-feature-settings: "subs" 1; }

.text-sups,
.sup,
sup {
  -moz-font-feature-settings: "sups" 1;
  -moz-font-feature-settings: "sups=1";
  -ms-font-feature-settings: "sups" 1;
  -o-font-feature-settings: "sups" 1;
  -webkit-font-feature-settings: "sups" 1;
  font-feature-settings: "sups" 1; }

.sub,
sub,
.sup,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0; }

.sup,
sup {
  top: -0.5em; }

.sub,
sub {
  bottom: -0.25em; }

/** =WEIGHT STYLE **/
strong,
.strong {
  font-family: "#", Helvetica, Arial, sans-serif; }

/* — — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — -
4. EASINGS
— — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — - */
/*-----------------------------------------------------------------------
LAYOUT

* @Version:    1.0 - 2016
* @author:     Burocratik
* @email:      hello@burocratik.com
* @website:    http://www.burocratik.com

-----------------------------------------------------------------------*/
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  width: 100%;
  min-height: 100%;
  height: auto;
  font-family: "#", Helvetica, Arial, sans-serif;
  color: #ffffff;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch; }

.mobile html,
.mobile body {
  overflow: auto; }

html.fixed-all,
body.fixed-all,
html.modal-open,
body.modal-open,
html.open-nav,
body.open-nav {
  overflow: hidden; }

body.js-byrefresh {
  opacity: 0;
  background-color: #ffffff; }

.no-js body.js-byrefresh {
  opacity: 1; }

.scroll-content-wrapper {
  position: relative; }
  .scroll-content-wrapper.js-scroll {
    width: 100vw;
    height: 100vh; }

.scrollbar-track {
  user-select: none; }

/*-------------------------------------------------------------------------
=CONTENT WRAPPER and =PAGE TRANSITIONS
NOTE: .page-main - if i use translatez menu not fixes on chrome! use will change!
-------------------------------------------------------------------------*/
.page-main {
  position: relative;
  z-index: 0;
  width: 100%;
  /*min-height: 100vh;*/
  /*will-change: transform; > DO not use if i have fixed elements*/
  transform-origin: top center;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  /* needed when animate elements outside the document*/ }

.page-next,
.page-prev {
  /* prevent paint with values = zero */
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  min-height: 0;
  will-change: transform;
  -webkit-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  visibility: hidden; }

.js-loading-page .page-next,
.js-loading-page .page-prev {
  width: 100%;
  height: auto;
  min-height: 100%;
  visibility: visible; }

.preload,
.preload-hold {
  position: absolute;
  top: -9999px;
  left: -9999px;
  overflow: hidden;
  visibility: hidden; }

/* =loading (fade) page em js is off */
#loading-page {
  position: fixed;
  z-index: 5000;
  left: 0;
  top: 0;
  display: none;
  width: 0;
  height: 0; }

.js-loading-page {
  cursor: wait; }

#loading-page.js-loading-page {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ffffff; }

#loading-page-legado {
  position: fixed;
  z-index: 5001;
  left: 0;
  top: 0;
  display: none;
  width: 0;
  height: 0; }
  #loading-page-legado .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #faf7ec;
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1); }
  #loading-page-legado .velhotes-logo-loading {
    position: absolute;
    z-index: 1;
    top: calc(50% - 35px);
    width: 200px;
    transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1); }
    #loading-page-legado .velhotes-logo-loading .logo-front {
      fill: #000000; }
    #loading-page-legado .velhotes-logo-loading .logo-shadow {
      fill: #86754d; }
    #loading-page-legado .velhotes-logo-loading .letters {
      fill: #85754d; }

/*-------------------------------------------------------------------------
=IMAGES and =ICONS
-------------------------------------------------------------------------*/
img {
  display: block;
  max-width: 100%;
  height: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-drag: none; }

/*-------------------------------------------------------------------------
  =MODAL =LIGHTBOX
-------------------------------------------------------------------------*/
#modal-bg,
#modal-wrapper {
  display: none;
  width: 0;
  height: 0; }

.modal-open #modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1030;
  background-color: #281a13;
  opacity: 0.8;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0); }

/*-------------------------------------------------------------------------
  =RESET STYLES and GENERAL CLASSES
-------------------------------------------------------------------------*/
/** LINKS , COLORS, SELECTIONS, IMGS **/
a {
  text-decoration: none; }

a:hover,
a:focus {
  text-decoration: none; }

a[href^="tel:"] {
  cursor: default; }

::-moz-selection {
  background: #000000;
  color: #ffffff; }

::selection {
  background: #000000;
  color: #ffffff; }

/** =LIKE BACKGROUND COVER **/
.block-bg-cover {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

/* important can't use translate 3d with object-fit cover */
.block-bg-cover .element-cover {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  overflow: hidden; }

/* Exceptions for Firefox */
.firefox .block-bg-cover .element-cover {
  max-width: none;
  width: auto; }

/** =FORMS **/
input:focus,
textarea:focus,
button:focus {
  outline: none; }

:invalid,
:-moz-ui-invalid {
  box-shadow: none; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0; }

button {
  position: relative;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: none;
  background: transparent;
  outline: none;
  cursor: pointer; }

#hello-world {
  display: inline-block;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0); }
  #hello-world p {
    font-size: 100px; }

/* — — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — -
6. MIXINS
— — — — — — — — — — — - — — — — — — — — — — — - — — — — — — — — — — — - */
/* Single property */
/* Multiple properties with same values */
/*-------------------------------------------------------------------------
  =GRID
-------------------------------------------------------------------------*/
.row {
  max-width: 106.25rem;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }

.row .row {
  margin-left: -0.625rem;
  margin-right: -0.625rem; }

.row.expanded {
  max-width: none; }

.row.collapse > .column,
.row.collapse > .columns {
  padding-left: 0;
  padding-right: 0; }

.row.is-collapse-child,
.row.collapse > .column > .row,
.row.collapse > .columns > .row {
  margin-left: 0;
  margin-right: 0; }

.column,
.columns {
  -webkit-flex: 1 1 0px;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  min-width: initial; }

.column.row.row,
.row.row.columns {
  float: none;
  display: block; }

.row .column.row.row,
.row .row.row.columns {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0; }

.xxlarge-1 {
  -webkit-flex: 0 0 6.25%;
  -ms-flex: 0 0 6.25%;
  flex: 0 0 6.25%;
  max-width: 6.25%; }

.xxlarge-offset-0 {
  margin-left: 0%; }

.xxlarge-2 {
  -webkit-flex: 0 0 12.5%;
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%; }

.xxlarge-offset-1 {
  margin-left: 6.25%; }

.xxlarge-3 {
  -webkit-flex: 0 0 18.75%;
  -ms-flex: 0 0 18.75%;
  flex: 0 0 18.75%;
  max-width: 18.75%; }

.xxlarge-offset-2 {
  margin-left: 12.5%; }

.xxlarge-4 {
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.xxlarge-offset-3 {
  margin-left: 18.75%; }

.xxlarge-5 {
  -webkit-flex: 0 0 31.25%;
  -ms-flex: 0 0 31.25%;
  flex: 0 0 31.25%;
  max-width: 31.25%; }

.xxlarge-offset-4 {
  margin-left: 25%; }

.xxlarge-6 {
  -webkit-flex: 0 0 37.5%;
  -ms-flex: 0 0 37.5%;
  flex: 0 0 37.5%;
  max-width: 37.5%; }

.xxlarge-offset-5 {
  margin-left: 31.25%; }

.xxlarge-7 {
  -webkit-flex: 0 0 43.75%;
  -ms-flex: 0 0 43.75%;
  flex: 0 0 43.75%;
  max-width: 43.75%; }

.xxlarge-offset-6 {
  margin-left: 37.5%; }

.xxlarge-8 {
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.xxlarge-offset-7 {
  margin-left: 43.75%; }

.xxlarge-9 {
  -webkit-flex: 0 0 56.25%;
  -ms-flex: 0 0 56.25%;
  flex: 0 0 56.25%;
  max-width: 56.25%; }

.xxlarge-offset-8 {
  margin-left: 50%; }

.xxlarge-10 {
  -webkit-flex: 0 0 62.5%;
  -ms-flex: 0 0 62.5%;
  flex: 0 0 62.5%;
  max-width: 62.5%; }

.xxlarge-offset-9 {
  margin-left: 56.25%; }

.xxlarge-11 {
  -webkit-flex: 0 0 68.75%;
  -ms-flex: 0 0 68.75%;
  flex: 0 0 68.75%;
  max-width: 68.75%; }

.xxlarge-offset-10 {
  margin-left: 62.5%; }

.xxlarge-12 {
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

.xxlarge-offset-11 {
  margin-left: 68.75%; }

.xxlarge-13 {
  -webkit-flex: 0 0 81.25%;
  -ms-flex: 0 0 81.25%;
  flex: 0 0 81.25%;
  max-width: 81.25%; }

.xxlarge-offset-12 {
  margin-left: 75%; }

.xxlarge-14 {
  -webkit-flex: 0 0 87.5%;
  -ms-flex: 0 0 87.5%;
  flex: 0 0 87.5%;
  max-width: 87.5%; }

.xxlarge-offset-13 {
  margin-left: 81.25%; }

.xxlarge-15 {
  -webkit-flex: 0 0 93.75%;
  -ms-flex: 0 0 93.75%;
  flex: 0 0 93.75%;
  max-width: 93.75%; }

.xxlarge-offset-14 {
  margin-left: 87.5%; }

.xxlarge-16 {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.xxlarge-offset-15 {
  margin-left: 93.75%; }

.xxlarge-order-1 {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1; }

.xxlarge-order-2 {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2; }

.xxlarge-order-3 {
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3; }

.xxlarge-order-4 {
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4; }

.xxlarge-order-5 {
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5; }

.xxlarge-order-6 {
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6; }

.xxlarge-up-1 {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.xxlarge-up-1 > .column,
.xxlarge-up-1 > .columns {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.xxlarge-up-2 {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.xxlarge-up-2 > .column,
.xxlarge-up-2 > .columns {
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.xxlarge-up-3 {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.xxlarge-up-3 > .column,
.xxlarge-up-3 > .columns {
  -webkit-flex: 0 0 33.33333%;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.xxlarge-up-4 {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.xxlarge-up-4 > .column,
.xxlarge-up-4 > .columns {
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.xxlarge-up-5 {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.xxlarge-up-5 > .column,
.xxlarge-up-5 > .columns {
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%; }

.xxlarge-up-6 {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.xxlarge-up-6 > .column,
.xxlarge-up-6 > .columns {
  -webkit-flex: 0 0 16.66667%;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.xxlarge-up-7 {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.xxlarge-up-7 > .column,
.xxlarge-up-7 > .columns {
  -webkit-flex: 0 0 14.28571%;
  -ms-flex: 0 0 14.28571%;
  flex: 0 0 14.28571%;
  max-width: 14.28571%; }

.xxlarge-up-8 {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.xxlarge-up-8 > .column,
.xxlarge-up-8 > .columns {
  -webkit-flex: 0 0 12.5%;
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%; }

.xxlarge-collapse > .column,
.xxlarge-collapse > .columns {
  padding-left: 0;
  padding-right: 0; }

.xxlarge-uncollapse > .column,
.xxlarge-uncollapse > .columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem; }

@media screen and (max-width: 103.125em) {
  .xlarge-1 {
    -webkit-flex: 0 0 6.25%;
    -ms-flex: 0 0 6.25%;
    flex: 0 0 6.25%;
    max-width: 6.25%; }
  .xlarge-offset-0 {
    margin-left: 0%; }
  .xlarge-2 {
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%; }
  .xlarge-offset-1 {
    margin-left: 6.25%; }
  .xlarge-3 {
    -webkit-flex: 0 0 18.75%;
    -ms-flex: 0 0 18.75%;
    flex: 0 0 18.75%;
    max-width: 18.75%; }
  .xlarge-offset-2 {
    margin-left: 12.5%; }
  .xlarge-4 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .xlarge-offset-3 {
    margin-left: 18.75%; }
  .xlarge-5 {
    -webkit-flex: 0 0 31.25%;
    -ms-flex: 0 0 31.25%;
    flex: 0 0 31.25%;
    max-width: 31.25%; }
  .xlarge-offset-4 {
    margin-left: 25%; }
  .xlarge-6 {
    -webkit-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%; }
  .xlarge-offset-5 {
    margin-left: 31.25%; }
  .xlarge-7 {
    -webkit-flex: 0 0 43.75%;
    -ms-flex: 0 0 43.75%;
    flex: 0 0 43.75%;
    max-width: 43.75%; }
  .xlarge-offset-6 {
    margin-left: 37.5%; }
  .xlarge-8 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .xlarge-offset-7 {
    margin-left: 43.75%; }
  .xlarge-9 {
    -webkit-flex: 0 0 56.25%;
    -ms-flex: 0 0 56.25%;
    flex: 0 0 56.25%;
    max-width: 56.25%; }
  .xlarge-offset-8 {
    margin-left: 50%; }
  .xlarge-10 {
    -webkit-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%; }
  .xlarge-offset-9 {
    margin-left: 56.25%; }
  .xlarge-11 {
    -webkit-flex: 0 0 68.75%;
    -ms-flex: 0 0 68.75%;
    flex: 0 0 68.75%;
    max-width: 68.75%; }
  .xlarge-offset-10 {
    margin-left: 62.5%; }
  .xlarge-12 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .xlarge-offset-11 {
    margin-left: 68.75%; }
  .xlarge-13 {
    -webkit-flex: 0 0 81.25%;
    -ms-flex: 0 0 81.25%;
    flex: 0 0 81.25%;
    max-width: 81.25%; }
  .xlarge-offset-12 {
    margin-left: 75%; }
  .xlarge-14 {
    -webkit-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%; }
  .xlarge-offset-13 {
    margin-left: 81.25%; }
  .xlarge-15 {
    -webkit-flex: 0 0 93.75%;
    -ms-flex: 0 0 93.75%;
    flex: 0 0 93.75%;
    max-width: 93.75%; }
  .xlarge-offset-14 {
    margin-left: 87.5%; }
  .xlarge-16 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .xlarge-offset-15 {
    margin-left: 93.75%; }
  .xlarge-order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .xlarge-order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .xlarge-order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .xlarge-order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .xlarge-order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .xlarge-order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .xlarge-up-1 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-1 > .column,
  .xlarge-up-1 > .columns {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .xlarge-up-2 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-2 > .column,
  .xlarge-up-2 > .columns {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .xlarge-up-3 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-3 > .column,
  .xlarge-up-3 > .columns {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .xlarge-up-4 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-4 > .column,
  .xlarge-up-4 > .columns {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .xlarge-up-5 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-5 > .column,
  .xlarge-up-5 > .columns {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; }
  .xlarge-up-6 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-6 > .column,
  .xlarge-up-6 > .columns {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .xlarge-up-7 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-7 > .column,
  .xlarge-up-7 > .columns {
    -webkit-flex: 0 0 14.28571%;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    max-width: 14.28571%; }
  .xlarge-up-8 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-8 > .column,
  .xlarge-up-8 > .columns {
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%; } }

@media screen and (max-width: 103.125em) and (max-width: 103.125em) {
  .xlarge-expand {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px; } }

.row.xlarge-unstack > .column,
.row.xlarge-unstack > .columns {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%; }

@media screen and (max-width: 103.125em) {
  .row.xlarge-unstack > .column,
  .row.xlarge-unstack > .columns {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px; } }

@media screen and (max-width: 103.125em) {
  .xlarge-collapse > .column,
  .xlarge-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .xlarge-uncollapse > .column,
  .xlarge-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem; } }

@media screen and (max-width: 90em) {
  .large-1 {
    -webkit-flex: 0 0 6.25%;
    -ms-flex: 0 0 6.25%;
    flex: 0 0 6.25%;
    max-width: 6.25%; }
  .large-offset-0 {
    margin-left: 0%; }
  .large-2 {
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%; }
  .large-offset-1 {
    margin-left: 6.25%; }
  .large-3 {
    -webkit-flex: 0 0 18.75%;
    -ms-flex: 0 0 18.75%;
    flex: 0 0 18.75%;
    max-width: 18.75%; }
  .large-offset-2 {
    margin-left: 12.5%; }
  .large-4 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .large-offset-3 {
    margin-left: 18.75%; }
  .large-5 {
    -webkit-flex: 0 0 31.25%;
    -ms-flex: 0 0 31.25%;
    flex: 0 0 31.25%;
    max-width: 31.25%; }
  .large-offset-4 {
    margin-left: 25%; }
  .large-6 {
    -webkit-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%; }
  .large-offset-5 {
    margin-left: 31.25%; }
  .large-7 {
    -webkit-flex: 0 0 43.75%;
    -ms-flex: 0 0 43.75%;
    flex: 0 0 43.75%;
    max-width: 43.75%; }
  .large-offset-6 {
    margin-left: 37.5%; }
  .large-8 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .large-offset-7 {
    margin-left: 43.75%; }
  .large-9 {
    -webkit-flex: 0 0 56.25%;
    -ms-flex: 0 0 56.25%;
    flex: 0 0 56.25%;
    max-width: 56.25%; }
  .large-offset-8 {
    margin-left: 50%; }
  .large-10 {
    -webkit-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%; }
  .large-offset-9 {
    margin-left: 56.25%; }
  .large-11 {
    -webkit-flex: 0 0 68.75%;
    -ms-flex: 0 0 68.75%;
    flex: 0 0 68.75%;
    max-width: 68.75%; }
  .large-offset-10 {
    margin-left: 62.5%; }
  .large-12 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .large-offset-11 {
    margin-left: 68.75%; }
  .large-13 {
    -webkit-flex: 0 0 81.25%;
    -ms-flex: 0 0 81.25%;
    flex: 0 0 81.25%;
    max-width: 81.25%; }
  .large-offset-12 {
    margin-left: 75%; }
  .large-14 {
    -webkit-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%; }
  .large-offset-13 {
    margin-left: 81.25%; }
  .large-15 {
    -webkit-flex: 0 0 93.75%;
    -ms-flex: 0 0 93.75%;
    flex: 0 0 93.75%;
    max-width: 93.75%; }
  .large-offset-14 {
    margin-left: 87.5%; }
  .large-16 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .large-offset-15 {
    margin-left: 93.75%; }
  .large-order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .large-order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .large-order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .large-order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .large-order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .large-order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .large-up-1 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-1 > .column,
  .large-up-1 > .columns {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .large-up-2 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-2 > .column,
  .large-up-2 > .columns {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .large-up-3 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-3 > .column,
  .large-up-3 > .columns {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .large-up-4 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-4 > .column,
  .large-up-4 > .columns {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .large-up-5 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-5 > .column,
  .large-up-5 > .columns {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; }
  .large-up-6 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-6 > .column,
  .large-up-6 > .columns {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .large-up-7 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-7 > .column,
  .large-up-7 > .columns {
    -webkit-flex: 0 0 14.28571%;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    max-width: 14.28571%; }
  .large-up-8 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-8 > .column,
  .large-up-8 > .columns {
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%; } }

@media screen and (max-width: 90em) and (max-width: 90em) {
  .large-expand {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px; } }

.row.large-unstack > .column,
.row.large-unstack > .columns {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%; }

@media screen and (max-width: 90em) {
  .row.large-unstack > .column,
  .row.large-unstack > .columns {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px; } }

@media screen and (max-width: 90em) {
  .large-collapse > .column,
  .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .large-uncollapse > .column,
  .large-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem; } }

@media screen and (max-width: 64em) {
  .medium-1 {
    -webkit-flex: 0 0 6.25%;
    -ms-flex: 0 0 6.25%;
    flex: 0 0 6.25%;
    max-width: 6.25%; }
  .medium-offset-0 {
    margin-left: 0%; }
  .medium-2 {
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%; }
  .medium-offset-1 {
    margin-left: 6.25%; }
  .medium-3 {
    -webkit-flex: 0 0 18.75%;
    -ms-flex: 0 0 18.75%;
    flex: 0 0 18.75%;
    max-width: 18.75%; }
  .medium-offset-2 {
    margin-left: 12.5%; }
  .medium-4 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .medium-offset-3 {
    margin-left: 18.75%; }
  .medium-5 {
    -webkit-flex: 0 0 31.25%;
    -ms-flex: 0 0 31.25%;
    flex: 0 0 31.25%;
    max-width: 31.25%; }
  .medium-offset-4 {
    margin-left: 25%; }
  .medium-6 {
    -webkit-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%; }
  .medium-offset-5 {
    margin-left: 31.25%; }
  .medium-7 {
    -webkit-flex: 0 0 43.75%;
    -ms-flex: 0 0 43.75%;
    flex: 0 0 43.75%;
    max-width: 43.75%; }
  .medium-offset-6 {
    margin-left: 37.5%; }
  .medium-8 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .medium-offset-7 {
    margin-left: 43.75%; }
  .medium-9 {
    -webkit-flex: 0 0 56.25%;
    -ms-flex: 0 0 56.25%;
    flex: 0 0 56.25%;
    max-width: 56.25%; }
  .medium-offset-8 {
    margin-left: 50%; }
  .medium-10 {
    -webkit-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%; }
  .medium-offset-9 {
    margin-left: 56.25%; }
  .medium-11 {
    -webkit-flex: 0 0 68.75%;
    -ms-flex: 0 0 68.75%;
    flex: 0 0 68.75%;
    max-width: 68.75%; }
  .medium-offset-10 {
    margin-left: 62.5%; }
  .medium-12 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .medium-offset-11 {
    margin-left: 68.75%; }
  .medium-13 {
    -webkit-flex: 0 0 81.25%;
    -ms-flex: 0 0 81.25%;
    flex: 0 0 81.25%;
    max-width: 81.25%; }
  .medium-offset-12 {
    margin-left: 75%; }
  .medium-14 {
    -webkit-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%; }
  .medium-offset-13 {
    margin-left: 81.25%; }
  .medium-15 {
    -webkit-flex: 0 0 93.75%;
    -ms-flex: 0 0 93.75%;
    flex: 0 0 93.75%;
    max-width: 93.75%; }
  .medium-offset-14 {
    margin-left: 87.5%; }
  .medium-16 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .medium-offset-15 {
    margin-left: 93.75%; }
  .medium-order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .medium-order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .medium-order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .medium-order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .medium-order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .medium-order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .medium-up-1 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-1 > .column,
  .medium-up-1 > .columns {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .medium-up-2 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-2 > .column,
  .medium-up-2 > .columns {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .medium-up-3 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-3 > .column,
  .medium-up-3 > .columns {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .medium-up-4 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-4 > .column,
  .medium-up-4 > .columns {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .medium-up-5 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-5 > .column,
  .medium-up-5 > .columns {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; }
  .medium-up-6 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-6 > .column,
  .medium-up-6 > .columns {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .medium-up-7 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-7 > .column,
  .medium-up-7 > .columns {
    -webkit-flex: 0 0 14.28571%;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    max-width: 14.28571%; }
  .medium-up-8 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-8 > .column,
  .medium-up-8 > .columns {
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%; } }

@media screen and (max-width: 64em) and (max-width: 64em) {
  .medium-expand {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px; } }

.row.medium-unstack > .column,
.row.medium-unstack > .columns {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%; }

@media screen and (max-width: 64em) {
  .row.medium-unstack > .column,
  .row.medium-unstack > .columns {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px; } }

@media screen and (max-width: 64em) {
  .medium-collapse > .column,
  .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .medium-uncollapse > .column,
  .medium-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem; } }

@media screen and (max-width: 48em) {
  .small-1 {
    -webkit-flex: 0 0 6.25%;
    -ms-flex: 0 0 6.25%;
    flex: 0 0 6.25%;
    max-width: 6.25%; }
  .small-offset-0 {
    margin-left: 0%; }
  .small-2 {
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%; }
  .small-offset-1 {
    margin-left: 6.25%; }
  .small-3 {
    -webkit-flex: 0 0 18.75%;
    -ms-flex: 0 0 18.75%;
    flex: 0 0 18.75%;
    max-width: 18.75%; }
  .small-offset-2 {
    margin-left: 12.5%; }
  .small-4 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .small-offset-3 {
    margin-left: 18.75%; }
  .small-5 {
    -webkit-flex: 0 0 31.25%;
    -ms-flex: 0 0 31.25%;
    flex: 0 0 31.25%;
    max-width: 31.25%; }
  .small-offset-4 {
    margin-left: 25%; }
  .small-6 {
    -webkit-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%; }
  .small-offset-5 {
    margin-left: 31.25%; }
  .small-7 {
    -webkit-flex: 0 0 43.75%;
    -ms-flex: 0 0 43.75%;
    flex: 0 0 43.75%;
    max-width: 43.75%; }
  .small-offset-6 {
    margin-left: 37.5%; }
  .small-8 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .small-offset-7 {
    margin-left: 43.75%; }
  .small-9 {
    -webkit-flex: 0 0 56.25%;
    -ms-flex: 0 0 56.25%;
    flex: 0 0 56.25%;
    max-width: 56.25%; }
  .small-offset-8 {
    margin-left: 50%; }
  .small-10 {
    -webkit-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%; }
  .small-offset-9 {
    margin-left: 56.25%; }
  .small-11 {
    -webkit-flex: 0 0 68.75%;
    -ms-flex: 0 0 68.75%;
    flex: 0 0 68.75%;
    max-width: 68.75%; }
  .small-offset-10 {
    margin-left: 62.5%; }
  .small-12 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .small-offset-11 {
    margin-left: 68.75%; }
  .small-13 {
    -webkit-flex: 0 0 81.25%;
    -ms-flex: 0 0 81.25%;
    flex: 0 0 81.25%;
    max-width: 81.25%; }
  .small-offset-12 {
    margin-left: 75%; }
  .small-14 {
    -webkit-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%; }
  .small-offset-13 {
    margin-left: 81.25%; }
  .small-15 {
    -webkit-flex: 0 0 93.75%;
    -ms-flex: 0 0 93.75%;
    flex: 0 0 93.75%;
    max-width: 93.75%; }
  .small-offset-14 {
    margin-left: 87.5%; }
  .small-16 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .small-offset-15 {
    margin-left: 93.75%; }
  .small-order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .small-order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .small-order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .small-order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .small-order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .small-order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .small-up-1 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-1 > .column,
  .small-up-1 > .columns {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .small-up-2 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-2 > .column,
  .small-up-2 > .columns {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .small-up-3 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-3 > .column,
  .small-up-3 > .columns {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .small-up-4 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-4 > .column,
  .small-up-4 > .columns {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .small-up-5 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-5 > .column,
  .small-up-5 > .columns {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; }
  .small-up-6 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-6 > .column,
  .small-up-6 > .columns {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .small-up-7 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-7 > .column,
  .small-up-7 > .columns {
    -webkit-flex: 0 0 14.28571%;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    max-width: 14.28571%; }
  .small-up-8 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-8 > .column,
  .small-up-8 > .columns {
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%; } }

@media screen and (max-width: 48em) and (max-width: 48em) {
  .small-expand {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px; } }

.row.small-unstack > .column,
.row.small-unstack > .columns {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%; }

@media screen and (max-width: 48em) {
  .row.small-unstack > .column,
  .row.small-unstack > .columns {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px; } }

@media screen and (max-width: 48em) {
  .small-collapse > .column,
  .small-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .small-uncollapse > .column,
  .small-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem; } }

@media screen and (max-width: 25.875em) {
  .xsmall-1 {
    -webkit-flex: 0 0 6.25%;
    -ms-flex: 0 0 6.25%;
    flex: 0 0 6.25%;
    max-width: 6.25%; }
  .xsmall-offset-0 {
    margin-left: 0%; }
  .xsmall-2 {
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%; }
  .xsmall-offset-1 {
    margin-left: 6.25%; }
  .xsmall-3 {
    -webkit-flex: 0 0 18.75%;
    -ms-flex: 0 0 18.75%;
    flex: 0 0 18.75%;
    max-width: 18.75%; }
  .xsmall-offset-2 {
    margin-left: 12.5%; }
  .xsmall-4 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .xsmall-offset-3 {
    margin-left: 18.75%; }
  .xsmall-5 {
    -webkit-flex: 0 0 31.25%;
    -ms-flex: 0 0 31.25%;
    flex: 0 0 31.25%;
    max-width: 31.25%; }
  .xsmall-offset-4 {
    margin-left: 25%; }
  .xsmall-6 {
    -webkit-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%; }
  .xsmall-offset-5 {
    margin-left: 31.25%; }
  .xsmall-7 {
    -webkit-flex: 0 0 43.75%;
    -ms-flex: 0 0 43.75%;
    flex: 0 0 43.75%;
    max-width: 43.75%; }
  .xsmall-offset-6 {
    margin-left: 37.5%; }
  .xsmall-8 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .xsmall-offset-7 {
    margin-left: 43.75%; }
  .xsmall-9 {
    -webkit-flex: 0 0 56.25%;
    -ms-flex: 0 0 56.25%;
    flex: 0 0 56.25%;
    max-width: 56.25%; }
  .xsmall-offset-8 {
    margin-left: 50%; }
  .xsmall-10 {
    -webkit-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%; }
  .xsmall-offset-9 {
    margin-left: 56.25%; }
  .xsmall-11 {
    -webkit-flex: 0 0 68.75%;
    -ms-flex: 0 0 68.75%;
    flex: 0 0 68.75%;
    max-width: 68.75%; }
  .xsmall-offset-10 {
    margin-left: 62.5%; }
  .xsmall-12 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .xsmall-offset-11 {
    margin-left: 68.75%; }
  .xsmall-13 {
    -webkit-flex: 0 0 81.25%;
    -ms-flex: 0 0 81.25%;
    flex: 0 0 81.25%;
    max-width: 81.25%; }
  .xsmall-offset-12 {
    margin-left: 75%; }
  .xsmall-14 {
    -webkit-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%; }
  .xsmall-offset-13 {
    margin-left: 81.25%; }
  .xsmall-15 {
    -webkit-flex: 0 0 93.75%;
    -ms-flex: 0 0 93.75%;
    flex: 0 0 93.75%;
    max-width: 93.75%; }
  .xsmall-offset-14 {
    margin-left: 87.5%; }
  .xsmall-16 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .xsmall-offset-15 {
    margin-left: 93.75%; }
  .xsmall-order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .xsmall-order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .xsmall-order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .xsmall-order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .xsmall-order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .xsmall-order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .xsmall-up-1 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xsmall-up-1 > .column,
  .xsmall-up-1 > .columns {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .xsmall-up-2 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xsmall-up-2 > .column,
  .xsmall-up-2 > .columns {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .xsmall-up-3 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xsmall-up-3 > .column,
  .xsmall-up-3 > .columns {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .xsmall-up-4 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xsmall-up-4 > .column,
  .xsmall-up-4 > .columns {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .xsmall-up-5 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xsmall-up-5 > .column,
  .xsmall-up-5 > .columns {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; }
  .xsmall-up-6 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xsmall-up-6 > .column,
  .xsmall-up-6 > .columns {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .xsmall-up-7 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xsmall-up-7 > .column,
  .xsmall-up-7 > .columns {
    -webkit-flex: 0 0 14.28571%;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    max-width: 14.28571%; }
  .xsmall-up-8 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xsmall-up-8 > .column,
  .xsmall-up-8 > .columns {
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%; } }

@media screen and (max-width: 25.875em) and (max-width: 25.875em) {
  .xsmall-expand {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px; } }

.row.xsmall-unstack > .column,
.row.xsmall-unstack > .columns {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%; }

@media screen and (max-width: 25.875em) {
  .row.xsmall-unstack > .column,
  .row.xsmall-unstack > .columns {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px; } }

@media screen and (max-width: 25.875em) {
  .xsmall-collapse > .column,
  .xsmall-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .xsmall-uncollapse > .column,
  .xsmall-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem; } }

@media screen and (max-width: 20em) {
  .xxsmall-1 {
    -webkit-flex: 0 0 6.25%;
    -ms-flex: 0 0 6.25%;
    flex: 0 0 6.25%;
    max-width: 6.25%; }
  .xxsmall-offset-0 {
    margin-left: 0%; }
  .xxsmall-2 {
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%; }
  .xxsmall-offset-1 {
    margin-left: 6.25%; }
  .xxsmall-3 {
    -webkit-flex: 0 0 18.75%;
    -ms-flex: 0 0 18.75%;
    flex: 0 0 18.75%;
    max-width: 18.75%; }
  .xxsmall-offset-2 {
    margin-left: 12.5%; }
  .xxsmall-4 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .xxsmall-offset-3 {
    margin-left: 18.75%; }
  .xxsmall-5 {
    -webkit-flex: 0 0 31.25%;
    -ms-flex: 0 0 31.25%;
    flex: 0 0 31.25%;
    max-width: 31.25%; }
  .xxsmall-offset-4 {
    margin-left: 25%; }
  .xxsmall-6 {
    -webkit-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%; }
  .xxsmall-offset-5 {
    margin-left: 31.25%; }
  .xxsmall-7 {
    -webkit-flex: 0 0 43.75%;
    -ms-flex: 0 0 43.75%;
    flex: 0 0 43.75%;
    max-width: 43.75%; }
  .xxsmall-offset-6 {
    margin-left: 37.5%; }
  .xxsmall-8 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .xxsmall-offset-7 {
    margin-left: 43.75%; }
  .xxsmall-9 {
    -webkit-flex: 0 0 56.25%;
    -ms-flex: 0 0 56.25%;
    flex: 0 0 56.25%;
    max-width: 56.25%; }
  .xxsmall-offset-8 {
    margin-left: 50%; }
  .xxsmall-10 {
    -webkit-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%; }
  .xxsmall-offset-9 {
    margin-left: 56.25%; }
  .xxsmall-11 {
    -webkit-flex: 0 0 68.75%;
    -ms-flex: 0 0 68.75%;
    flex: 0 0 68.75%;
    max-width: 68.75%; }
  .xxsmall-offset-10 {
    margin-left: 62.5%; }
  .xxsmall-12 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .xxsmall-offset-11 {
    margin-left: 68.75%; }
  .xxsmall-13 {
    -webkit-flex: 0 0 81.25%;
    -ms-flex: 0 0 81.25%;
    flex: 0 0 81.25%;
    max-width: 81.25%; }
  .xxsmall-offset-12 {
    margin-left: 75%; }
  .xxsmall-14 {
    -webkit-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%; }
  .xxsmall-offset-13 {
    margin-left: 81.25%; }
  .xxsmall-15 {
    -webkit-flex: 0 0 93.75%;
    -ms-flex: 0 0 93.75%;
    flex: 0 0 93.75%;
    max-width: 93.75%; }
  .xxsmall-offset-14 {
    margin-left: 87.5%; }
  .xxsmall-16 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .xxsmall-offset-15 {
    margin-left: 93.75%; }
  .xxsmall-order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .xxsmall-order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .xxsmall-order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .xxsmall-order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .xxsmall-order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .xxsmall-order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .xxsmall-up-1 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxsmall-up-1 > .column,
  .xxsmall-up-1 > .columns {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .xxsmall-up-2 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxsmall-up-2 > .column,
  .xxsmall-up-2 > .columns {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .xxsmall-up-3 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxsmall-up-3 > .column,
  .xxsmall-up-3 > .columns {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .xxsmall-up-4 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxsmall-up-4 > .column,
  .xxsmall-up-4 > .columns {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .xxsmall-up-5 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxsmall-up-5 > .column,
  .xxsmall-up-5 > .columns {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; }
  .xxsmall-up-6 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxsmall-up-6 > .column,
  .xxsmall-up-6 > .columns {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .xxsmall-up-7 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxsmall-up-7 > .column,
  .xxsmall-up-7 > .columns {
    -webkit-flex: 0 0 14.28571%;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    max-width: 14.28571%; }
  .xxsmall-up-8 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxsmall-up-8 > .column,
  .xxsmall-up-8 > .columns {
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%; } }

@media screen and (max-width: 20em) and (max-width: 20em) {
  .xxsmall-expand {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px; } }

.row.xxsmall-unstack > .column,
.row.xxsmall-unstack > .columns {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%; }

@media screen and (max-width: 20em) {
  .row.xxsmall-unstack > .column,
  .row.xxsmall-unstack > .columns {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px; } }

@media screen and (max-width: 20em) {
  .xxsmall-collapse > .column,
  .xxsmall-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .xxsmall-uncollapse > .column,
  .xxsmall-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem; } }

.shrink {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%; }

.column.align-top,
.align-top.columns {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start; }

.column.align-bottom,
.align-bottom.columns {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end; }

.column.align-middle,
.align-middle.columns {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center; }

.column.align-stretch,
.align-stretch.columns {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.align-right {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.align-center {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.align-justify {
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.align-spaced {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.align-top {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }

.align-self-top {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start; }

.align-bottom {
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end; }

.align-self-bottom {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end; }

.align-middle {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.align-self-middle {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center; }

.align-stretch {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.align-self-stretch {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

html,
body {
  overflow: hidden; }

[data-scrollbar] .scrollbar-thumb,
[scrollbar] .scrollbar-thumb,
scrollbar .scrollbar-thumb {
  width: 5px !important;
  background: #8f5d35 !important;
  border-radius: 0 !important; }

.firefox #header-main .block-bg-cover img,
.firefox .frame .block-bg-cover img {
  width: 100%; }

.firefox .home-page .content-main-wrapper #bottles-container .bottles-list-container {
  right: 0;
  overflow: hidden; }
  .firefox .home-page .content-main-wrapper #bottles-container .bottles-list-container .bottles-list {
    left: 40px; }

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

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

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

#meme-submition-confirmation {
  width: 100px;
  height: 100px;
  z-index: 100000000000000;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  visibility: hidden;
  opacity: 0; }
  #meme-submition-confirmation button {
    color: #000; }

.mobile-align {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }
  .mobile-align.collapse > .column,
  .mobile-align.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .mobile-align.collapse > .column > .row,
  .mobile-align.collapse > .columns > .row {
    margin-left: 0;
    margin-right: 0; }

body [data-scrollbar] .scrollbar-track-y,
body [scrollbar] .scrollbar-track-y,
body scrollbar .scrollbar-track-y {
  right: 0;
  width: 5px;
  z-index: 1001; }

body [data-scrollbar] .scrollbar-thumb,
body [scrollbar] .scrollbar-thumb,
body scrollbar .scrollbar-thumb {
  width: 6px;
  height: 6px;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 3px; }

*[data-color="tawny"] {
  color: #8e5a30; }
  *[data-color="tawny"]:before {
    background: #8e5a30; }

*[data-color="special"] {
  color: #aa806a; }
  *[data-color="special"]:before {
    background: #aa806a; }

*[data-color="tenYears"] {
  color: #bababa; }
  *[data-color="tenYears"]:before {
    background: #bababa; }

*[data-color="ruby"] {
  color: #8a2b3f; }
  *[data-color="ruby"]:before {
    background: #8a2b3f; }

*[data-color="lbv"] {
  color: #a73c39; }
  *[data-color="lbv"]:before {
    background: #a73c39; }

*[data-color="whiteWine"] {
  color: #679156; }
  *[data-color="whiteWine"]:before {
    background: #679156; }

*[data-color="lagrima"] {
  color: #736641; }
  *[data-color="lagrima"]:before {
    background: #736641; }

.max-w {
  max-width: 1100px; }

.border {
  background: #fff3dc;
  position: fixed;
  z-index: 1001; }
  .border.top, .border.bottom {
    height: 5px;
    width: 0; }
  .border.left, .border.right {
    width: 5px;
    height: 0; }
  .border.top {
    top: 0;
    left: 0; }
  .border.right {
    top: 0;
    right: 0;
    z-index: 999; }
  .border.bottom {
    bottom: 0;
    right: 0; }
  .border.left {
    bottom: 0;
    left: 0; }

.bottle-fixed {
  position: fixed;
  top: 10vh;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1000; }
  .bottle-fixed img {
    height: 90vh;
    margin: 0 auto; }

.global-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000000000;
  display: none;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8); }

.ie .velhotes-lightboxes
.create-meme-wrapper
.create-meme-container
.create-meme-text-wrapper
.create-meme-text-content
.meme-generator-form
.input-container
svg,
.edge .velhotes-lightboxes
.create-meme-wrapper
.create-meme-container
.create-meme-text-wrapper
.create-meme-text-content
.meme-generator-form
.input-container
svg {
  position: relative; }

.ie #header-main .header-global .homepage-link svg path,
.edge #header-main .header-global .homepage-link svg path {
  stroke-dashoffset: 0; }

.ie #header-main .header-global #create-meme-btn #smile-container.openSmile svg path,
.edge #header-main .header-global #create-meme-btn #smile-container.openSmile svg path {
  stroke-dashoffset: 0; }

.ie .scroll-content-wrapper,
.edge .scroll-content-wrapper {
  overflow: hidden; }

.ie .home .frame,
.edge .home .frame {
  opacity: 1;
  visibility: visible; }

.ie .home-page .content-main-wrapper #bottle-mobile,
.edge .home-page .content-main-wrapper #bottle-mobile {
  display: none; }

.ie .home-page .content-main-wrapper #slogan,
.edge .home-page .content-main-wrapper #slogan {
  font-size: 65px;
  margin-top: -70vh;
  max-width: 700px; }

.ie .home-page .content-main-wrapper .scroll-helper,
.edge .home-page .content-main-wrapper .scroll-helper {
  top: 93vh; }

.ie .frame .block-bg-cover .element-cover,
.edge .frame .block-bg-cover .element-cover {
  position: absolute;
  top: -150px;
  left: 0 !important;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  width: 100%;
  height: auto; }

.ie .archive-memes #header-main .velhotes-logo,
.ie .single-memes #header-main .velhotes-logo {
  margin-top: 10px; }

.ie #header-main .header-global {
  position: fixed;
  top: 6px; }

.ie #header-main.active .header-global {
  background-color: rgba(255, 255, 255, 0.97);
  box-shadow: 0px 2px 12px 0px rgba(133, 117, 77, 0.2);
  -webkit-box-shadow: 0px 2px 12px 0px rgba(133, 117, 77, 0.2); }

#header-main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  text-align: center; }
  #header-main .block-bg-cover {
    opacity: 1; }
  #header-main .header-global {
    position: relative;
    z-index: 9;
    width: 100vw;
    padding: 40px 53px; }
    #header-main .header-global .homepage-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      float: left;
      margin-left: calc(0.625rem * 3);
      white-space: nowrap;
      opacity: 0;
      visibility: hidden; }
      #header-main .header-global .homepage-link.showHouse svg path {
        animation: openSmile 1.4s cubic-bezier(0.95, 0.05, 0.795, 0.035) forwards; }
      #header-main .header-global .homepage-link svg {
        width: 26px;
        height: 26px;
        margin-top: -5px; }
        #header-main .header-global .homepage-link svg path {
          fill: none;
          stroke: #000000;
          stroke-miterlimit: 10;
          stroke-dasharray: 1000;
          stroke-dashoffset: 1000; }
      #header-main .header-global .homepage-link h2 {
        font-family: "velhotes-roman";
        font-size: 15px;
        letter-spacing: 2.5px;
        color: #000000;
        text-transform: uppercase;
        overflow: hidden;
        padding-left: 15px;
        opacity: 0;
        visibility: hidden; }
        #header-main .header-global .homepage-link h2 .char {
          transform: translateY(-100%);
          -webkit-transform: translateY(-100%);
          display: inline-block;
          opacity: 0;
          visibility: hidden; }
    #header-main .header-global .offmenu-btn {
      position: relative;
      z-index: 4;
      opacity: 0;
      visibility: hidden;
      pointer-events: none; }
      #header-main .header-global .offmenu-btn .burguer-wrapper {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 35px;
        height: 15px;
        margin-right: 15px; }
        #header-main .header-global .offmenu-btn .burguer-wrapper.hidden .burguer {
          transition: none;
          -webkit-transition: none; }
        #header-main .header-global .offmenu-btn .burguer-wrapper .burguer {
          position: absolute;
          left: 0;
          width: 100%;
          height: 1px;
          background-color: #000000;
          transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
          -webkit-transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
          transform-origin: center center;
          -webkit-transform-origin: center center; }
          #header-main .header-global .offmenu-btn .burguer-wrapper .burguer:nth-child(1) {
            top: 0; }
          #header-main .header-global .offmenu-btn .burguer-wrapper .burguer:nth-child(2) {
            top: calc(50% - 0.5px); }
          #header-main .header-global .offmenu-btn .burguer-wrapper .burguer:nth-child(3) {
            bottom: 0; }
        #header-main .header-global .offmenu-btn .burguer-wrapper.hidden {
          overflow: hidden; }
          #header-main .header-global .offmenu-btn .burguer-wrapper.hidden .burguer {
            opacity: 0;
            visibility: hidden;
            transform: translate3d(-100%, 0, 0);
            -webkit-transform: translate3d(-100%, 0, 0); }
      #header-main .header-global .offmenu-btn .text-wrapper {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 60px;
        font-family: "velhotes-roman";
        font-size: 15px;
        letter-spacing: 2.5px;
        color: #000000;
        text-transform: uppercase;
        overflow: hidden;
        text-align: left; }
        #header-main .header-global .offmenu-btn .text-wrapper .text.close {
          position: absolute;
          top: 0;
          left: 0;
          opacity: 0;
          visibility: hidden; }
        #header-main .header-global .offmenu-btn .text-wrapper .char {
          transform: translateY(-100%);
          -webkit-transform: translateY(-100%);
          display: inline-block;
          opacity: 0;
          visibility: hidden; }
      #header-main .header-global .offmenu-btn.go-light .burguer-wrapper .burguer {
        background-color: #ffffff; }
      #header-main .header-global .offmenu-btn.go-light .text-wrapper {
        color: #ffffff; }
    #header-main .header-global .offmenu {
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      pointer-events: none; }
      #header-main .header-global .offmenu .outside-overlay {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100vw;
        height: 100vh;
        background-color: rgba(21, 14, 14, 0.9);
        pointer-events: visible;
        opacity: 0;
        visibility: hidden; }
      #header-main .header-global .offmenu .outside-bg {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        max-width: 45vw;
        width: 100%;
        height: 100vh;
        pointer-events: visible;
        opacity: 0;
        visibility: hidden;
        background: #fff4dc;
        background: -moz-linear-gradient(-45deg, #fff4dc 0%, #e4cea3 60%, #fff4dc 100%);
        background: -webkit-linear-gradient(-45deg, #fff4dc 0%, #e4cea3 60%, #fff4dc 100%);
        background: linear-gradient(135deg, #fff4dc 0%, #e4cea3 60%, #fff4dc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff4dc', endColorstr='#fff4dc',GradientType=1 );
        transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1); }
      #header-main .header-global .offmenu .anime-bg-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
        max-width: 45vw;
        width: 100%;
        height: 100vh;
        overflow: hidden; }
        #header-main .header-global .offmenu .anime-bg-wrapper .anime-bg {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 3;
          max-width: 45vw;
          width: 100%;
          height: 100vh;
          background-color: #150e0e;
          transform: translate3d(-100%, 0, 0);
          -webkit-transform: translate3d(-100%, 0, 0);
          transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
          -webkit-transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1); }
      #header-main .header-global .offmenu > .row {
        height: 100%; }
      #header-main .header-global .offmenu .main-navigation {
        position: relative;
        z-index: 2;
        max-width: 45vw;
        width: 100%;
        pointer-events: visible;
        opacity: 0;
        visibility: hidden; }
        #header-main .header-global .offmenu .main-navigation li {
          display: block;
          text-align: left;
          margin-bottom: 40px; }
          #header-main .header-global .offmenu .main-navigation li:nth-child(3) {
            margin-bottom: 50px; }
          #header-main .header-global .offmenu .main-navigation li:nth-child(n + 3) {
            margin-bottom: 0; }
          #header-main .header-global .offmenu .main-navigation li .nav-link {
            position: relative;
            display: inline-block;
            font-family: "velhotes-roman";
            letter-spacing: 3px;
            text-transform: uppercase;
            color: #2a1c1c; }
            #header-main .header-global .offmenu .main-navigation li .nav-link .top-text {
              display: block;
              font-size: 20px;
              line-height: 24px; }
            #header-main .header-global .offmenu .main-navigation li .nav-link .bottom-text {
              position: relative;
              display: block;
              font-size: 45px;
              line-height: 45px; }
            #header-main .header-global .offmenu .main-navigation li .nav-link .bar-wrapper {
              position: absolute;
              top: calc(50% - 4px);
              left: -7px;
              width: calc(100% + 10px);
              height: 4px;
              overflow: hidden; }
              #header-main .header-global .offmenu .main-navigation li .nav-link .bar-wrapper .bar {
                position: absolute;
                left: 0;
                width: 100%;
                height: 2px; }
                #header-main .header-global .offmenu .main-navigation li .nav-link .bar-wrapper .bar:nth-child(1) {
                  top: 0;
                  background-color: #2a1c1c;
                  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
                  -webkit-transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
                  transform: translate3d(-100%, 0, 0);
                  -webkit-transform: translate3d(-100%, 0, 0); }
                #header-main .header-global .offmenu .main-navigation li .nav-link .bar-wrapper .bar:nth-child(2) {
                  bottom: 0;
                  background-color: #ebd7b1;
                  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
                  -webkit-transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
                  transform: translate3d(100%, 0, 0);
                  -webkit-transform: translate3d(100%, 0, 0); }
            #header-main .header-global .offmenu .main-navigation li .nav-link:hover.wine-shop-link svg {
              -webkit-transform: translate3d(2px, -2px, 0);
              transform: translate3d(2px, -2px, 0); }
            #header-main .header-global .offmenu .main-navigation li .nav-link:hover .bar-wrapper .bar:nth-child(1) {
              transform: translate3d(0%, 0, 0);
              -webkit-transform: translate3d(0%, 0, 0); }
            #header-main .header-global .offmenu .main-navigation li .nav-link:hover .bar-wrapper .bar:nth-child(2) {
              transform: translate3d(0%, 0, 0);
              -webkit-transform: translate3d(0%, 0, 0); }
            #header-main .header-global .offmenu .main-navigation li .nav-link.small {
              font-size: 20px;
              line-height: 35px;
              letter-spacing: 2px;
              text-transform: inherit; }
              #header-main .header-global .offmenu .main-navigation li .nav-link.small.wine-shop-link svg {
                position: absolute;
                width: 8px;
                top: 0px;
                right: -15px;
                -webkit-transition: -webkit-transform 0.25s ease-in-out;
                transition: transform 0.25s ease-in-out; }
                #header-main .header-global .offmenu .main-navigation li .nav-link.small.wine-shop-link svg path {
                  fill: #2a1c1c; }
              #header-main .header-global .offmenu .main-navigation li .nav-link.small .bar-wrapper {
                width: calc(100% + 12px);
                height: 2px;
                top: calc(50% - 1px); }
                #header-main .header-global .offmenu .main-navigation li .nav-link.small .bar-wrapper .bar {
                  height: 1px; }
          #header-main .header-global .offmenu .main-navigation li.active .nav-link .bar-wrapper .bar:nth-child(1) {
            transform: translate3d(0%, 0, 0);
            -webkit-transform: translate3d(0%, 0, 0); }
          #header-main .header-global .offmenu .main-navigation li.active .nav-link .bar-wrapper .bar:nth-child(2) {
            transform: translate3d(0%, 0, 0);
            -webkit-transform: translate3d(0%, 0, 0); }
      #header-main .header-global .offmenu .sub-navigation {
        position: absolute;
        bottom: 70px;
        left: -32px;
        z-index: 2;
        text-align: left;
        pointer-events: visible;
        opacity: 0;
        visibility: hidden; }
        #header-main .header-global .offmenu .sub-navigation li {
          display: inline-block;
          vertical-align: bottom;
          margin-right: 20px; }
          #header-main .header-global .offmenu .sub-navigation li:last-child {
            margin-right: 0;
            margin-left: 18px; }
        #header-main .header-global .offmenu .sub-navigation .facebook {
          width: 9px;
          height: 17px; }
          #header-main .header-global .offmenu .sub-navigation .facebook svg {
            width: 9px;
            height: 17px; }
            #header-main .header-global .offmenu .sub-navigation .facebook svg path {
              fill: #2a1c1c; }
        #header-main .header-global .offmenu .sub-navigation .instagram {
          width: 17px;
          height: 17px; }
          #header-main .header-global .offmenu .sub-navigation .instagram svg {
            width: 17px;
            height: 17px; }
            #header-main .header-global .offmenu .sub-navigation .instagram svg path {
              fill: #2a1c1c; }
        #header-main .header-global .offmenu .sub-navigation .email {
          width: 18px;
          height: 17px; }
          #header-main .header-global .offmenu .sub-navigation .email svg {
            width: 18px;
            height: 17px; }
            #header-main .header-global .offmenu .sub-navigation .email svg path {
              fill: #2a1c1c; }
        #header-main .header-global .offmenu .sub-navigation .others .local,
        #header-main .header-global .offmenu .sub-navigation .others .number {
          display: block;
          font-family: "velhotes-regular";
          font-size: 20px;
          line-height: 24px;
          color: #2a1c1c;
          letter-spacing: 1px; }
    #header-main .header-global .sort-by-btn {
      position: absolute;
      right: 35px;
      top: 28px;
      width: 32px;
      height: 29px;
      display: none; }
      #header-main .header-global .sort-by-btn svg {
        width: 32px;
        height: 29px; }
    #header-main .header-global .user-container {
      display: flex;
      opacity: 0;
      visibility: hidden; }
      #header-main .header-global .user-container .user-wrapper {
        display: inline-flex;
        align-items: center; }
      #header-main .header-global .user-container .user-image {
        position: relative;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: block;
        border: 1px solid #efefef; }
        #header-main .header-global .user-container .user-image img {
          border-radius: 50%; }
        #header-main .header-global .user-container .user-image:after {
          display: none;
          content: ">";
          position: absolute;
          right: -20px;
          font-size: 20px;
          top: 10px;
          color: #000000;
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
          -webkit-transition: -webkit-transform 0.25s ease;
          transition: transform 0.25s ease; }
      #header-main .header-global .user-container h2 {
        font-family: "velhotes-roman";
        font-size: 19px;
        color: #000000;
        margin-left: 15px;
        cursor: pointer;
        white-space: nowrap; }
      #header-main .header-global .user-container span {
        font-family: "velhotes-regular";
        font-size: 17px;
        color: #4267b2;
        margin-top: 2px;
        margin-left: 15px;
        cursor: pointer;
        transition: 0.6s all cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transition: 0.6s all cubic-bezier(0.19, 1, 0.22, 1); }
    #header-main .header-global .user-container:not(.mobile) .logout-btn {
      opacity: 0;
      visibility: hidden; }
    #header-main .header-global .user-container:not(.mobile):hover .logout-btn {
      opacity: 1;
      visibility: visible; }
    #header-main .header-global #create-meme-btn {
      position: relative;
      top: 9px;
      z-index: 1;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      opacity: 0;
      visibility: hidden; }
      #header-main .header-global #create-meme-btn h2 {
        font-family: "velhotes-roman";
        font-size: 15px;
        letter-spacing: 2.5px;
        color: #000000;
        text-transform: uppercase;
        overflow: hidden; }
        #header-main .header-global #create-meme-btn h2#cria-o-meme, #header-main .header-global #create-meme-btn h2#memes-velhotes {
          position: absolute;
          top: 50%;
          right: 55px;
          margin: 0 auto;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          white-space: nowrap; }
        #header-main .header-global #create-meme-btn h2#cria-o-meme .char:nth-child(4), #header-main .header-global #create-meme-btn h2#cria-o-meme .char:nth-child(10) {
          margin-right: 5px; }
        #header-main .header-global #create-meme-btn h2#cria-o-meme .char:nth-child(7) {
          margin-left: 5px; }
        #header-main .header-global #create-meme-btn h2#memes-velhotes .char:nth-child(5) {
          padding-right: 5px; }
      #header-main .header-global #create-meme-btn .char {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        display: inline-block;
        opacity: 0;
        visibility: hidden; }
      #header-main .header-global #create-meme-btn #smile-container {
        position: relative;
        width: 27px;
        height: 25px;
        margin-left: 25px; }
        #header-main .header-global #create-meme-btn #smile-container svg {
          position: absolute;
          bottom: 0;
          left: 0; }
          #header-main .header-global #create-meme-btn #smile-container svg path {
            stroke-dasharray: 1000;
            stroke-dashoffset: 1000;
            fill: none;
            stroke: #fff;
            stroke-miterlimit: 10;
            stroke-width: 3px; }
        #header-main .header-global #create-meme-btn #smile-container #eye {
          position: absolute;
          top: 0;
          left: 0;
          width: 10px;
          height: 10px;
          transform: scale(0);
          -webkit-transform: scale(0);
          transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
          -webkit-transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
          border: 2px solid #ffffff;
          border-radius: 10px; }
        #header-main .header-global #create-meme-btn #smile-container #wink-container {
          position: absolute;
          top: 0;
          right: 0;
          width: 8px;
          height: 8px; }
          #header-main .header-global #create-meme-btn #smile-container #wink-container span {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            height: 2px;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            background: #000000; }
            #header-main .header-global #create-meme-btn #smile-container #wink-container span:first-of-type {
              top: calc(50% - 0.5px);
              transform: translateY(-50%) rotate(0) scaleX(0);
              -webkit-transform: translateY(-50%) rotate(0) scaleX(0);
              transform-origin: center left;
              -webkit-transform-origin: center left; }
            #header-main .header-global #create-meme-btn #smile-container #wink-container span:last-of-type {
              top: calc(50% + 0.5px);
              -webkit-transform: translateY(-50%) rotate(0) scaleX(0);
              transform: translateY(-50%) rotate(0) scaleX(0);
              transform-origin: center left;
              -webkit-transform-origin: center left; }
        #header-main .header-global #create-meme-btn #smile-container.openSmile svg path {
          animation: openSmile 0.6s cubic-bezier(0.95, 0.05, 0.795, 0.035) forwards;
          animation-delay: 0.2s; }

@keyframes openSmile {
  100% {
    stroke-dashoffset: 0; } }

@-webkit-keyframes openSmile {
  100% {
    stroke-dashoffset: 0; } }
      #header-main .header-global #create-meme-btn.openFace #smile-container #eye {
        transform: scale(1);
        -webkit-transform: scale(1); }
      #header-main .header-global #create-meme-btn.openFace #smile-container #wink-container span {
        transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1); }
        #header-main .header-global #create-meme-btn.openFace #smile-container #wink-container span:first-of-type {
          transform: translateY(-50%) rotate(0) scaleX(1);
          -webkit-transform: translateY(-50%) rotate(0) scaleX(1); }
        #header-main .header-global #create-meme-btn.openFace #smile-container #wink-container span:last-of-type {
          -webkit-transform: translateY(-50%) rotate(0) scaleX(1);
          transform: translateY(-50%) rotate(0) scaleX(1); }
  #header-main .velhotes-logo {
    width: 200px;
    height: 30px;
    margin: 0 auto;
    font-size: 0;
    text-indent: -9999;
    will-change: transform;
    z-index: 1000000; }
    #header-main .velhotes-logo .logo-shadow {
      fill: #86754d; }
    #header-main .velhotes-logo .logo-front {
      fill: #fff; }
    #header-main .velhotes-logo .letters {
      fill: #85754d; }
    #header-main .velhotes-logo svg {
      opacity: 0;
      visibility: hidden; }

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

.filter-container {
  padding: 35px 60px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  width: 410px;
  opacity: 0;
  visibility: hidden; }
  .filter-container .pos-rel {
    position: relative; }
  .filter-container h2 {
    position: relative;
    z-index: 5; }
  .filter-container h2,
  .filter-container span.active-label {
    font-family: "velhotes-roman";
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #737373;
    display: inline-block;
    white-space: nowrap; }
  .filter-container .filter-wrapper {
    position: absolute;
    top: 2px;
    right: 0;
    height: 70px;
    width: auto;
    overflow: hidden;
    z-index: 4; }
    .filter-container .filter-wrapper span.active-label {
      position: absolute;
      top: 35px;
      left: 35px;
      white-space: nowrap;
      padding-right: 19px;
      text-align: left;
      color: #000000;
      cursor: pointer; }
      .filter-container .filter-wrapper span.active-label:after {
        content: ">";
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
        transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
    .filter-container .filter-wrapper ul {
      padding: 70px 55px 35px 35px;
      background-color: rgba(255, 255, 255, 0.97);
      box-shadow: 0px 13px 21px 0px rgba(0, 0, 0, 0);
      -webkit-box-shadow: 0px 13px 21px 0px rgba(0, 0, 0, 0);
      display: inline-block; }
      .filter-container .filter-wrapper ul li {
        position: relative;
        font-family: "velhotes-roman";
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #737373;
        cursor: pointer;
        margin-bottom: 20px;
        white-space: nowrap; }
        .filter-container .filter-wrapper ul li:nth-child(3) {
          margin-bottom: 55px; }
        .filter-container .filter-wrapper ul li:hover {
          color: #000000; }
        .filter-container .filter-wrapper ul li.selected {
          pointer-events: none;
          opacity: 0.3; }
    .filter-container .filter-wrapper.open span.active-label:after {
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg); }
    .filter-container .filter-wrapper.add-shadow {
      box-shadow: 0px 13px 21px 0px rgba(0, 0, 0, 0.11);
      -webkit-box-shadow: 0px 13px 21px 0px rgba(0, 0, 0, 0.11); }
  .filter-container.mobile {
    display: none;
    position: absolute;
    top: 70px;
    left: 0;
    margin: 0;
    padding: 20px 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.97); }
    .filter-container.mobile h2 {
      text-align: left;
      display: block;
      margin-left: 25px;
      margin-bottom: 40px; }
    .filter-container.mobile .filter-wrapper {
      position: relative;
      top: auto;
      right: auto;
      height: auto;
      width: 100%; }
      .filter-container.mobile .filter-wrapper ul {
        display: block;
        padding: 0 25px;
        background-color: transparent;
        text-align: left; }
        .filter-container.mobile .filter-wrapper ul li.active-label {
          color: #000; }
        .filter-container.mobile .filter-wrapper ul li:nth-child(3) {
          margin-bottom: 40px; }
        .filter-container.mobile .filter-wrapper ul li:last-child {
          margin-bottom: 0; }

.velhotes-lightboxes {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 103;
  background-color: rgba(51, 50, 48, 0.9);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 0;
  visibility: hidden; }
  .velhotes-lightboxes .outside-hitzone {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
  .velhotes-lightboxes .login-lightbox,
  .velhotes-lightboxes .continue-login-lightbox,
  .velhotes-lightboxes .create-meme-lightbox {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none; }
  .velhotes-lightboxes .create-meme-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto; }
    .velhotes-lightboxes .create-meme-wrapper .columns {
      pointer-events: all; }
    .velhotes-lightboxes .create-meme-wrapper .row .row {
      margin-left: 0;
      margin-right: 0; }
    .velhotes-lightboxes .create-meme-wrapper .close-create-meme {
      position: absolute;
      top: -30px;
      right: -30px;
      width: 60px;
      height: 60px;
      z-index: 1;
      border-radius: 60px;
      text-indent: -9999px;
      background-color: #ffffff;
      -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2); }
      .velhotes-lightboxes .create-meme-wrapper .close-create-meme:hover:before {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg); }
      .velhotes-lightboxes .create-meme-wrapper .close-create-meme:hover:after {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg); }
      .velhotes-lightboxes .create-meme-wrapper .close-create-meme:before, .velhotes-lightboxes .create-meme-wrapper .close-create-meme:after {
        transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
        will-change: transform; }
      .velhotes-lightboxes .create-meme-wrapper .close-create-meme:before {
        content: "";
        position: absolute;
        top: 29px;
        left: 17px;
        width: 27px;
        height: 1px;
        background-color: #000000;
        transform: rotate(-45deg) translate3D(0, 0, 0);
        -webkit-transform: rotate(-45deg) translate3D(0, 0, 0); }
      .velhotes-lightboxes .create-meme-wrapper .close-create-meme:after {
        content: "";
        position: absolute;
        top: 29px;
        left: 17px;
        width: 27px;
        height: 1px;
        background-color: #000000;
        transform: rotate(45deg) translate3D(0, 0, 0);
        -webkit-transform: rotate(45deg) translate3D(0, 0, 0); }
    .velhotes-lightboxes .create-meme-wrapper .create-meme-container {
      position: relative;
      perspective: 1000px;
      box-shadow: 4.5px 7.794px 114px 0px rgba(0, 0, 0, 0.7);
      -webkit-box-shadow: 4.5px 7.794px 114px 0px rgba(0, 0, 0, 0.7); }
      .velhotes-lightboxes .create-meme-wrapper .create-meme-container .crete-meme-inner-container {
        background-color: #ffffff; }
      .velhotes-lightboxes .create-meme-wrapper .create-meme-container .save-meme {
        width: 100%;
        font-family: "velhotes-heavy";
        font-size: calc(12px + (20 - 12) * (100vw - 414px) / (1600 - 414));
        text-transform: uppercase;
        padding: 30px 0;
        color: #ffffff;
        background: #3adb51;
        display: block;
        position: absolute;
        bottom: 0; }
        .velhotes-lightboxes .create-meme-wrapper .create-meme-container .save-meme .lds-eclipse {
          position: absolute;
          top: 20px;
          left: calc(50% - 100px);
          width: 25px;
          opacity: 0; }
        .velhotes-lightboxes .create-meme-wrapper .create-meme-container .save-meme span {
          position: relative;
          display: inline-block;
          -webkit-transition: -webkit-transform 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out; }
        .velhotes-lightboxes .create-meme-wrapper .create-meme-container .save-meme.off {
          background-color: #4d4545;
          color: rgba(255, 255, 255, 0.4);
          pointer-events: none; }
        .velhotes-lightboxes .create-meme-wrapper .create-meme-container .save-meme .arrow {
          display: inline-block;
          position: absolute;
          width: 35px;
          top: 2px;
          left: 140px;
          opacity: 0;
          -webkit-transform: translateX(10px);
          transform: translateX(10px);
          -webkit-transition: -webkit-transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out ease-in-out; }
        .velhotes-lightboxes .create-meme-wrapper .create-meme-container .save-meme:hover .arrow {
          opacity: 1;
          -webkit-transform: translateX(0px);
          transform: translateX(0px); }
      .velhotes-lightboxes .create-meme-wrapper .create-meme-container .image-wrapper {
        position: relative;
        height: 100%;
        overflow: hidden;
        -webkit-transform-origin: left top;
        transform-origin: left top; }
        .velhotes-lightboxes .create-meme-wrapper .create-meme-container .image-wrapper .create-meme-image {
          position: relative;
          border: 7px solid #fff4dc; }
        .velhotes-lightboxes .create-meme-wrapper .create-meme-container .image-wrapper #meme-result {
          position: absolute;
          top: 50%;
          right: 0;
          left: 0;
          margin: 0 auto;
          z-index: 10;
          width: 100%;
          height: 100%;
          max-height: calc(100% - 160px);
          max-width: calc(100% - 160px);
          transform: translatey(-50%);
          -webkit-transform: translateY(-50%);
          perspective: 1000px;
          -webkit-perspective: 1000px; }
          .velhotes-lightboxes .create-meme-wrapper .create-meme-container .image-wrapper #meme-result .block-bg-cover {
            overflow: initial;
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            -webkit-transform-origin: center top 0px;
            transform-origin: center top 0px;
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }
          .velhotes-lightboxes .create-meme-wrapper .create-meme-container .image-wrapper #meme-result #corda-left,
          .velhotes-lightboxes .create-meme-wrapper .create-meme-container .image-wrapper #meme-result #corda-right {
            position: absolute;
            top: -145px;
            z-index: 11;
            width: 80px;
            overflow: hidden;
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden; }
          .velhotes-lightboxes .create-meme-wrapper .create-meme-container .image-wrapper #meme-result #corda-left {
            left: 0; }
          .velhotes-lightboxes .create-meme-wrapper .create-meme-container .image-wrapper #meme-result #corda-right {
            right: 0; }
          .velhotes-lightboxes .create-meme-wrapper .create-meme-container .image-wrapper #meme-result #canvasMemeGenerator {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            z-index: 0;
            width: 100%;
            border: 7px solid #fff3dc;
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden; }
      .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper {
        position: relative;
        padding: 50px 80px 100px 80px; }
        .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .phase-2 {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          padding: 50px 80px 0px 80px;
          opacity: 0;
          visibility: hidden; }
          .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .phase-2 .facebook-share-btn {
            display: inline-block;
            padding: 12px 20px;
            margin-bottom: 20px;
            text-align: left;
            font-family: "velhotes-regular";
            font-size: 20px;
            background-color: #4267b2;
            color: #ffffff;
            display: flex;
            align-items: center; }
            .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .phase-2 .facebook-share-btn .icon {
              display: inline-flex; }
              .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .phase-2 .facebook-share-btn .icon svg {
                width: 10px;
                height: 20px; }
                .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .phase-2 .facebook-share-btn .icon svg path {
                  fill: #ffffff; }
            .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .phase-2 .facebook-share-btn span:not(.icon) {
              margin-left: 20px; }
              .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .phase-2 .facebook-share-btn span:not(.icon).user-name {
                margin-left: 0px; }
          .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .phase-2 h3 {
            margin-bottom: 40px; }
        .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-header {
          position: relative; }
          .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-header h2 {
            font-family: "velhotes-heavy";
            font-size: calc(14px + (60 - 14) * (100vw - 414px) / (1600 - 414));
            line-height: 0.85;
            letter-spacing: -1.25px;
            text-transform: uppercase;
            color: #000000;
            margin-bottom: 20px;
            font-feature-settings: "salt";
            -webkit-font-feature-settings: "salt";
            -o-font-feature-settings: "salt";
            -moz-font-feature-settings: "salt";
            -ms-font-feature-settings: "salt"; }
          .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-header h3 {
            font-family: "velhotes-regular";
            font-size: calc(12px + (26 - 12) * (100vw - 414px) / (1600 - 414));
            color: #a7a3a3;
            margin-bottom: 35px; }
        .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content {
          position: relative; }
          .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form {
            margin-top: 15px;
            margin-bottom: 35px; }
            .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .share-on-facebook {
              display: none;
              position: relative;
              margin-top: 30px; }
              .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .share-on-facebook label {
                font-family: "velhotes-bold-name";
                font-size: 12px;
                color: rgba(0, 0, 0, 0.3);
                letter-spacing: 1.25px;
                text-transform: uppercase;
                position: relative;
                user-select: none;
                cursor: pointer;
                margin-bottom: 0;
                white-space: nowrap; }
                .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .share-on-facebook label #fb-check {
                  opacity: 0;
                  margin-left: -8px; }
                .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .share-on-facebook label input:checked + .checkbox {
                  border-color: #000000; }
                  .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .share-on-facebook label input:checked + .checkbox svg polyline {
                    stroke-dashoffset: 0; }
                .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .share-on-facebook label .checkbox {
                  position: relative;
                  float: left;
                  width: 20px;
                  height: 20px;
                  border: 2px solid #c8ccd4; }
                  .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .share-on-facebook label .checkbox svg {
                    position: absolute;
                    top: -2px;
                    left: -2px; }
                    .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .share-on-facebook label .checkbox svg polyline {
                      fill: none;
                      stroke: #000000;
                      stroke-width: 2;
                      stroke-linecap: round;
                      stroke-linejoin: round;
                      stroke-dasharray: 18px;
                      stroke-dashoffset: 18px;
                      transition: all 0.3s ease; }
                    .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .share-on-facebook label .checkbox svg > span {
                      pointer-events: none;
                      vertical-align: middle; }
            .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .label-input,
            .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .char-count {
              font-family: "velhotes-bold-name";
              font-size: 13px;
              color: rgba(0, 0, 0, 0.3);
              letter-spacing: 1.25px;
              text-transform: uppercase; }
            .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .char-count {
              float: right; }
            .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .input-container {
              position: relative;
              height: 45px;
              padding-top: 2px; }
              .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .input-container input[type="text"] {
                width: 100%;
                font-family: "velhotes-roman";
                font-size: calc( 12px + (22 - 12) * (100vw - 414px) / (1600 - 414));
                color: #000000;
                padding: 0;
                background: transparent !important;
                letter-spacing: -1px; }
              .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .input-container svg {
                position: absolute;
                bottom: 10px;
                left: 0; }
                .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .input-container svg .less-opacity {
                  opacity: 0.2; }
                .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .input-container svg .middle-opacity {
                  opacity: 0.6; }
                .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .input-container svg path.with-fill {
                  fill: #202020; }
              .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .input-container:first-of-type {
                margin-bottom: 35px; }
          .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .antero-text-wrapper {
            margin-top: 35px; }
            .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .antero-text-wrapper h4 {
              font-family: "velhotes-bold-name";
              font-size: 13px;
              color: rgba(0, 0, 0, 0.3);
              letter-spacing: 1.25px;
              text-transform: uppercase;
              margin-top: 0; }
            .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .antero-text-wrapper p {
              padding-top: 20px; }
          .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content #alert-lang {
            font-family: "velhotes-regular";
            font-size: calc(12px + (17 - 12) * (100vw - 414px) / (1600 - 414));
            color: #b24354;
            line-height: 1.2;
            display: block;
            opacity: 0;
            visibility: hidden; }
          .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content p {
            margin-bottom: 30px;
            font-family: "velhotes-roman";
            font-size: calc(12px + (22 - 12) * (100vw - 414px) / (1600 - 414));
            color: #261919;
            letter-spacing: -1px; }
            .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content p span {
              display: inline-block;
              margin-right: 20px;
              width: 60px;
              font-family: "velhotes-bold";
              font-size: 13px;
              text-transform: uppercase;
              color: rgba(38, 25, 25, 0.4);
              text-align: right; }
  .velhotes-lightboxes .login-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto; }
    .velhotes-lightboxes .login-wrapper .columns {
      pointer-events: all; }
    .velhotes-lightboxes .login-wrapper .login-container {
      position: relative;
      padding: 70px 80px;
      background-color: #ffffff;
      box-shadow: 4.5px 7.794px 114px 0px rgba(0, 0, 0, 0.7);
      -webkit-box-shadow: 4.5px 7.794px 114px 0px rgba(0, 0, 0, 0.7); }
      .velhotes-lightboxes .login-wrapper .login-container .close-login,
      .velhotes-lightboxes .login-wrapper .login-container .close-continue-login {
        position: absolute;
        top: -30px;
        right: -30px;
        width: 60px;
        height: 60px;
        z-index: 1;
        border-radius: 60px;
        text-indent: -9999px;
        background-color: #ffffff;
        -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2); }
        .velhotes-lightboxes .login-wrapper .login-container .close-login:hover:before,
        .velhotes-lightboxes .login-wrapper .login-container .close-continue-login:hover:before {
          transform: rotate(45deg);
          -webkit-transform: rotate(45deg); }
        .velhotes-lightboxes .login-wrapper .login-container .close-login:hover:after,
        .velhotes-lightboxes .login-wrapper .login-container .close-continue-login:hover:after {
          transform: rotate(135deg);
          -webkit-transform: rotate(135deg); }
        .velhotes-lightboxes .login-wrapper .login-container .close-login:before, .velhotes-lightboxes .login-wrapper .login-container .close-login:after,
        .velhotes-lightboxes .login-wrapper .login-container .close-continue-login:before,
        .velhotes-lightboxes .login-wrapper .login-container .close-continue-login:after {
          transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
          -webkit-transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
          will-change: transform; }
        .velhotes-lightboxes .login-wrapper .login-container .close-login:before,
        .velhotes-lightboxes .login-wrapper .login-container .close-continue-login:before {
          content: "";
          position: absolute;
          top: 29px;
          left: 17px;
          width: 27px;
          height: 1px;
          background-color: #000000;
          transform: rotate(-45deg) translate3D(0, 0, 0);
          -webkit-transform: rotate(-45deg) translate3D(0, 0, 0); }
        .velhotes-lightboxes .login-wrapper .login-container .close-login:after,
        .velhotes-lightboxes .login-wrapper .login-container .close-continue-login:after {
          content: "";
          position: absolute;
          top: 29px;
          left: 17px;
          width: 27px;
          height: 1px;
          background-color: #000000;
          transform: rotate(45deg) translate3D(0, 0, 0);
          -webkit-transform: rotate(45deg) translate3D(0, 0, 0); }
      .velhotes-lightboxes .login-wrapper .login-container h2 {
        font-family: "velhotes-heavy";
        font-size: calc(40px + (60 - 40) * (100vw - 414px) / (1600 - 414));
        line-height: 0.85;
        letter-spacing: -1.25px;
        text-transform: uppercase;
        color: #000000;
        margin-bottom: 20px;
        font-feature-settings: "salt";
        -webkit-font-feature-settings: "salt";
        -o-font-feature-settings: "salt";
        -moz-font-feature-settings: "salt";
        -ms-font-feature-settings: "salt"; }
      .velhotes-lightboxes .login-wrapper .login-container h4 {
        font-family: "velhotes-regular";
        font-size: 26px;
        color: #a7a3a3;
        margin-bottom: 40px; }
      .velhotes-lightboxes .login-wrapper .login-container p {
        font-family: "velhotes-regular";
        font-size: 17px;
        line-height: 18px;
        color: #000000; }
      .velhotes-lightboxes .login-wrapper .login-container .politica-privacidade {
        color: #cccccc; }
        .velhotes-lightboxes .login-wrapper .login-container .politica-privacidade a {
          color: #cccccc;
          text-decoration: underline; }
      .velhotes-lightboxes .login-wrapper .login-container .logout-btn {
        font-family: "velhotes-regular";
        font-size: 17px;
        line-height: 18px;
        color: #4267b2;
        margin-top: 20px;
        float: right; }
      .velhotes-lightboxes .login-wrapper .login-container .facebook-login-btn,
      .velhotes-lightboxes .login-wrapper .login-container .facebook-continue-login-btn {
        padding: 12px 20px;
        margin-bottom: 20px;
        width: 100%;
        max-width: 286px;
        text-align: left;
        font-family: "velhotes-regular";
        font-size: 20px;
        background-color: #4267b2;
        color: #ffffff;
        display: flex;
        align-items: center; }
        .velhotes-lightboxes .login-wrapper .login-container .facebook-login-btn .icon,
        .velhotes-lightboxes .login-wrapper .login-container .facebook-continue-login-btn .icon {
          display: inline-flex; }
          .velhotes-lightboxes .login-wrapper .login-container .facebook-login-btn .icon svg,
          .velhotes-lightboxes .login-wrapper .login-container .facebook-continue-login-btn .icon svg {
            width: 10px;
            height: 20px; }
            .velhotes-lightboxes .login-wrapper .login-container .facebook-login-btn .icon svg path,
            .velhotes-lightboxes .login-wrapper .login-container .facebook-continue-login-btn .icon svg path {
              fill: #ffffff; }
        .velhotes-lightboxes .login-wrapper .login-container .facebook-login-btn span:not(.icon),
        .velhotes-lightboxes .login-wrapper .login-container .facebook-continue-login-btn span:not(.icon) {
          margin-left: 20px; }
          .velhotes-lightboxes .login-wrapper .login-container .facebook-login-btn span:not(.icon).user-name,
          .velhotes-lightboxes .login-wrapper .login-container .facebook-continue-login-btn span:not(.icon).user-name {
            margin-left: 0px; }
      .velhotes-lightboxes .login-wrapper .login-container img {
        max-width: 281px;
        border-radius: 100%;
        margin-left: auto;
        border: 4px solid #fff3dc; }

.scroll-helper {
  position: fixed;
  top: 92vh;
  right: 0px;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transform: rotate(-90deg) translateY(-50%);
  -webkit-transform: rotate(-90deg) translateY(-50%);
  transform-origin: center left;
  -webkit-transform-origin: center left;
  display: flex;
  align-items: center;
  justify-content: center; }
  .scroll-helper h2 {
    font-family: "velhotes-roman";
    font-size: 15px;
    letter-spacing: 2px;
    color: #ffffff;
    margin-left: 12.5px;
    display: inline-block; }
  .scroll-helper .char {
    opacity: 0; }
  .scroll-helper .arrow-container {
    width: 10px;
    height: 10px;
    transform: rotate(90deg) translateY(0);
    -webkit-transform: rotate(90deg) translateY(0);
    animation: arrow 3s infinite;
    opacity: 0; }
    .scroll-helper .arrow-container svg {
      fill: #ffffff; }

@-webkit-keyframes arrow {
  0% {
    -webkit-transform: rotate(90deg) translateY(0); }
  50% {
    -webkit-transform: rotate(90deg) translateY(6px); }
  100% {
    -webkit-transform: rotate(90deg) translateY(0); } }

@keyframes arrow {
  0% {
    transform: rotate(90deg) translateY(0); }
  50% {
    transform: rotate(90deg) translateY(6px); }
  100% {
    transform: rotate(90deg) translateY(0); } }

.ink-mask {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  z-index: 8; }
  .ink-mask .bg-layer {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-mask: url("/public/imgs/mask.png");
    -moz-mask: url("/public/imgs/mask.png");
    -ms-mask: url("/public/imgs/mask.png");
    -o-mask: url("/public/imgs/mask.png");
    mask: url("/public/imgs/mask.png");
    -webkit-mask-size: 3000% 100%;
    -moz-mask-size: 3000% 100%;
    -ms-mask-size: 3000% 100%;
    -o-mask-size: 3000% 100%;
    mask-size: 3000% 100%;
    -webkit-mask-position: 0 0;
    -moz-mask-position: 0 0;
    -ms-mask-position: 0 0;
    -o-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    -ms-background-clip: padding;
    background-clip: padding-box;
    background: url(/public/imgs/header-background.jpg) no-repeat center center;
    background-size: cover;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 1; }
    .ink-mask .bg-layer h2 {
      font-family: "velhotes-title";
      font-size: 15px;
      text-transform: uppercase;
      letter-spacing: 0px;
      color: #85754d;
      margin-bottom: 44px;
      transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
      -webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
      opacity: 0; }
    .ink-mask .bg-layer h3 {
      position: relative;
      margin-top: 101px;
      font-family: "velhotes-roman";
      font-size: 65px;
      line-height: 74px;
      letter-spacing: 2.5px;
      color: #ffffff;
      background: -webkit-linear-gradient(330deg, #fff4dc 0%, #e4cea3 25%, #fff3dc 50%, #e4cea3 75%, #fff4dc 100%);
      opacity: 0;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      -webkit-transition: letter-spacing 4s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
      transition: letter-spacing 4s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1), transform 2s cubic-bezier(0.19, 1, 0.22, 1);
      white-space: nowrap; }
      .ink-mask .bg-layer h3:before {
        content: "";
        position: absolute;
        top: -48px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 0;
        height: 1px;
        background: #85754d;
        transition: width 7s cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transition: width 7s cubic-bezier(0.19, 1, 0.22, 1); }
    .ink-mask .bg-layer .legal-buttons {
      margin-top: 71px;
      opacity: 0;
      -webkit-transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1);
      transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1); }
      .ink-mask .bg-layer .legal-buttons .legal-btn {
        position: relative;
        width: 175px;
        padding: 20px 0;
        pointer-events: all;
        font-family: "velhotes-bold";
        font-size: 16px;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #fff2db;
        border-top: 2px solid #fff2db;
        border-bottom: 2px solid #fff2db;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-position: 0 0, 100% 0;
        background-repeat: no-repeat;
        -webkit-background-size: 2px 100%;
        -moz-background-size: 2px 100%;
        background-size: 2px 100%;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
        background-image: -webkit-linear-gradient(top, #fff2db 0%, #e4cea4 100%), -webkit-linear-gradient(top, #fff2db 0%, #e4cea4 100%);
        background-image: -moz-linear-gradient(top, #fff2db 0%, #e4cea4 100%), -moz-linear-gradient(top, #fff2db 0%, #e4cea4 100%);
        background-image: -o-linear-gradient(top, #fff2db 0%, #e4cea4 100%), -o-linear-gradient(top, #fff2db 0%, #e4cea4 100%);
        background-image: linear-gradient(to bottom, #fff2db 0%, #e4cea4 100%), linear-gradient(to bottom, #fff2db 0%, #e4cea4 100%);
        transition: 0.4s color cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transition: 0.4s color cubic-bezier(0.19, 1, 0.22, 1); }
        .ink-mask .bg-layer .legal-buttons .legal-btn:first-of-type {
          margin-right: 10px; }
        .ink-mask .bg-layer .legal-buttons .legal-btn:last-of-type {
          margin-left: 10px; }
        .ink-mask .bg-layer .legal-buttons .legal-btn:after {
          content: "";
          width: 100%;
          height: 100%;
          background: #fff2db;
          position: absolute;
          top: 0;
          left: 0;
          z-index: -1;
          transform: scaleY(0);
          -webkit-transform: scaleY(0);
          transform-origin: top left;
          -webkit-transform-origin: top left;
          transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
          -webkit-transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1); }
        .ink-mask .bg-layer .legal-buttons .legal-btn:not(.hover-disabled):hover {
          color: #020202; }
          .ink-mask .bg-layer .legal-buttons .legal-btn:not(.hover-disabled):hover:after {
            transform: scaleY(1);
            -webkit-transform: scaleY(1);
            transform-origin: bottom left;
            -webkit-transform-origin: bottom left; }
    .ink-mask .bg-layer h4 {
      margin: 25px auto 0;
      font-family: "velhotes-regular";
      font-size: 19px;
      line-height: 28px;
      color: rgba(255, 255, 255, 0.1);
      opacity: 0;
      transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1);
      -webkit-transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1); }
    .ink-mask .bg-layer.show h2 {
      opacity: 1;
      letter-spacing: 1px; }
    .ink-mask .bg-layer.show h3 {
      letter-spacing: -2.5px;
      opacity: 1; }
      .ink-mask .bg-layer.show h3:before {
        width: 105px; }
    .ink-mask .bg-layer.show h4 {
      opacity: 1; }
    .ink-mask .bg-layer.show .legal-buttons {
      opacity: 1; }
  .ink-mask.in .bg-layer {
    -webkit-mask-position: 0 0;
    -moz-mask-position: 0 0;
    -ms-mask-position: 0 0;
    -o-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-animation: mask-to 2s steps(29) forwards;
    animation: mask-to 2s steps(29) forwards; }
  .ink-mask.visible {
    opacity: 1;
    visibility: visible; }

@-webkit-keyframes mask-to {
  from {
    -webkit-mask-position: 0 0;
    -moz-mask-position: 0 0;
    -ms-mask-position: 0 0;
    -o-mask-position: 0 0;
    mask-position: 0 0; }
  to {
    -webkit-mask-position: 100% 0;
    -moz-mask-position: 100% 0;
    -ms-mask-position: 100% 0;
    -o-mask-position: 100% 0;
    mask-position: 100% 0; } }

@keyframes mask-to {
  from {
    -webkit-mask-position: 0 0;
    -moz-mask-position: 0 0;
    -ms-mask-position: 0 0;
    -o-mask-position: 0 0;
    mask-position: 0 0; }
  to {
    -webkit-mask-position: 100% 0;
    -moz-mask-position: 100% 0;
    -ms-mask-position: 100% 0;
    -o-mask-position: 100% 0;
    mask-position: 100% 0; } }

.frame {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 7;
  height: 100vh;
  width: 100vw;
  transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none; }
  .frame.visible {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1); }

#bodymovin {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  text-align: center; }

.quote h2 {
  font-family: "velhotes-italic";
  font-size: 42px;
  line-height: 100%;
  letter-spacing: 0px;
  color: #000000;
  margin: 250px 0 100px 0;
  transition: transform 5s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: transform 5s cubic-bezier(0.19, 1, 0.22, 1); }
  .quote h2 .first-word {
    position: relative; }
    .quote h2 .first-word:before {
      content: "“";
      position: absolute;
      top: 0px;
      left: -45px;
      font-family: "velhotes-roman";
      font-size: 90px;
      color: rgba(0, 0, 0, 0.2); }
  .quote h2 .quotation-word {
    position: relative; }
    .quote h2 .quotation-word:after {
      content: "”";
      position: absolute;
      top: 40px;
      right: -45px;
      font-family: "velhotes-roman";
      font-size: 90px;
      color: rgba(0, 0, 0, 0.2); }

form {
  position: relative;
  max-width: 510px;
  margin: 0 auto; }
  form input[type="text"],
  form input[type="email"] {
    width: 510px;
    font-family: "velhotes-regular";
    font-size: 25px;
    padding: 20px 40px;
    border: none;
    background: #fbf3e2;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0; }
  form button {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 100%;
    background: #e7d2aa;
    transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
    will-change: transform; }
    form button svg {
      position: absolute;
      top: 50%;
      right: calc(40px - 17.5px / 2);
      width: 17.5px;
      height: 27.5px;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
      -webkit-transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
      pointer-events: none; }
      form button svg path {
        fill: #ffffff; }
    form button:hover {
      transform: scale(0.8);
      -webkit-transform: scale(0.8); }
  form ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #e7d2aa; }
  form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #e7d2aa; }
  form :-ms-input-placeholder {
    /* IE 10+ */
    color: #e7d2aa; }
  form :-moz-placeholder {
    /* Firefox 18- */
    color: #e7d2aa; }

footer {
  position: relative;
  padding-bottom: 80px; }
  footer h2,
  footer h3 {
    font-feature-settings: "salt";
    -webkit-font-feature-settings: "salt";
    -o-font-feature-settings: "salt";
    -moz-font-feature-settings: "salt";
    -ms-font-feature-settings: "salt"; }
  footer h2 {
    font-family: "velhotes-heavy";
    font-size: 85px;
    text-transform: uppercase;
    letter-spacing: -1.5px;
    line-height: 70px;
    color: #000000; }
  footer h3 {
    font-family: "velhotes-heavy";
    font-size: 25px;
    text-transform: uppercase;
    color: #e7d2aa; }
  footer h4 {
    font-family: "velhotes-regular";
    font-size: 19px;
    color: rgba(0, 0, 0, 0.3); }
  footer a {
    font-family: "velhotes-regular";
    font-size: 19px;
    color: rgba(0, 0, 0, 0.3);
    transition: 0.4s color cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: 0.6s color cubic-bezier(0.19, 1, 0.22, 1); }
    footer a:not(.hover-disabled):hover {
      color: rgba(231, 210, 170, 0.7); }
  footer ul {
    display: flex;
    float: right; }
    footer ul li {
      margin-right: 25px; }
      footer ul li:last-of-type {
        margin-right: 0; }
      footer ul li a {
        font-family: "velhotes-regular";
        font-size: 19px;
        color: rgba(0, 0, 0, 0.3);
        white-space: nowrap; }
  footer form {
    margin-bottom: 100px; }
  footer .feedback-container {
    position: relative;
    overflow: hidden;
    margin: 70px 0; }
    footer .feedback-container .positive-feedback,
    footer .feedback-container .subscribe-feedback {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto; }
    footer .feedback-container .positive-feedback {
      transform: translateY(-100%);
      -webkit-transform: translateY(-100%); }
  footer .madeby {
    text-align: right; }

.image-wrap,
.text-wrap {
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 1; }

.tippy-tooltip.velhotes-tooltip-theme {
  background-color: #ffffff;
  padding: 12px 20px;
  border-radius: 10px;
  box-shadow: 0px 5px 5px 0px rgba(46, 48, 53, 0.1); }
  .tippy-tooltip.velhotes-tooltip-theme .tippy-content {
    display: block;
    color: #000000;
    font-size: 15px;
    font-family: "Cera";
    font-weight: bold;
    letter-spacing: -0.5px; }

.tooltip-theme {
  display: none; }

.tippy-popper[x-placement^="top"]
.tippy-tooltip.velhotes-tooltip-theme
.tippy-arrow {
  border-top-color: #ffffff; }

.tippy-popper[x-placement^="bottom"]
.tippy-tooltip.velhotes-tooltip-theme
.tippy-arrow {
  border-bottom-color: #ffffff; }

.tippy-tooltip[data-template-id="#tooltip-theme-left"],
.tippy-tooltip[data-template-id="#tooltip-theme-middle"],
.tippy-tooltip[data-template-id="#tooltip-theme-right"] {
  padding: 20px; }
  .tippy-tooltip[data-template-id="#tooltip-theme-left"] h4,
  .tippy-tooltip[data-template-id="#tooltip-theme-middle"] h4,
  .tippy-tooltip[data-template-id="#tooltip-theme-right"] h4 {
    font-family: "velhotes-roman";
    font-size: 32px;
    letter-spacing: -1px;
    color: #8e5a30;
    font-weight: normal;
    margin-bottom: 10px; }
  .tippy-tooltip[data-template-id="#tooltip-theme-left"] p,
  .tippy-tooltip[data-template-id="#tooltip-theme-middle"] p,
  .tippy-tooltip[data-template-id="#tooltip-theme-right"] p {
    font-family: "velhotes-regular";
    font-size: 18px;
    line-height: 19px;
    max-width: 300px;
    font-weight: normal;
    letter-spacing: -0.5px;
    color: #261919; }

#iubenda-cs-banner {
  bottom: 30px !important;
  left: 0px !important;
  right: 0px !important;
  position: fixed !important;
  width: 40% !important;
  z-index: 99999998 !important;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.95);
  border-radius: 100px;
  padding: 15px 17px 15px 35px; }
  @media only screen and (max-width: 1440px) {
    #iubenda-cs-banner {
      width: 50% !important; } }
  @media only screen and (max-width: 1024px) {
    #iubenda-cs-banner {
      width: 65% !important; } }
  @media only screen and (max-width: 768px) {
    #iubenda-cs-banner {
      width: 70% !important; } }
  @media only screen and (max-width: 414px) {
    #iubenda-cs-banner {
      width: 100% !important;
      border-radius: 0;
      bottom: 0 !important;
      padding: 15px; } }
  #iubenda-cs-banner p {
    font-size: 14px;
    font-family: "velhotes-regular";
    letter-spacing: 0.1em;
    color: #ffffff;
    line-height: 1em;
    margin-right: 30px;
    letter-spacing: 0; }
    @media only screen and (max-width: 414px) {
      #iubenda-cs-banner p {
        margin-right: 15px; } }
  #iubenda-cs-banner a {
    color: #ffffff;
    text-decoration: underline;
    text-decoration-color: #ffffff; }
  #iubenda-cs-banner .iubenda-cs-rationale {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse; }
  #iubenda-cs-banner .iubenda-cs-close-btn {
    text-decoration: none;
    background-color: #da053c;
    padding: 15px 35px;
    border-radius: 35px;
    font-family: "velhotes-regular";
    font-size: 14px;
    position: relative; }
    @media only screen and (max-width: 414px) {
      #iubenda-cs-banner .iubenda-cs-close-btn {
        font-size: 0;
        border-radius: 50%;
        text-indent: 9999;
        padding: 15px; }
        #iubenda-cs-banner .iubenda-cs-close-btn:hover {
          background-color: #da053c;
          color: #ffffff; }
        #iubenda-cs-banner .iubenda-cs-close-btn:after, #iubenda-cs-banner .iubenda-cs-close-btn:before {
          content: "";
          position: absolute;
          top: 50%;
          left: 0;
          right: 0;
          margin: 0 auto;
          width: 15px;
          height: 1px;
          background-color: #ffffff;
          display: block; }
        #iubenda-cs-banner .iubenda-cs-close-btn:after {
          transform: translateY(-50%) rotate(-45deg);
          -webkit-transform: translateY(-50%) rotate(-45deg); }
        #iubenda-cs-banner .iubenda-cs-close-btn:before {
          transform: translateY(-50%) rotate(45deg);
          -webkit-transform: translateY(-50%) rotate(45deg); } }
    #iubenda-cs-banner .iubenda-cs-close-btn:hover {
      background-color: #ffffff;
      color: #da053c; }

@media only screen and (max-width: 1650px) {
  #header-main .velhotes-logo {
    width: 160px; }
  .ink-mask .bg-layer h3 {
    font-size: 55px;
    line-height: 65px; }
  .create-meme-lightbox .create-meme-wrapper .create-meme-container .save-meme {
    padding: 20px 0; }
    .create-meme-lightbox .create-meme-wrapper .create-meme-container .save-meme .lds-eclipse {
      top: 5px; }
  .create-meme-lightbox .create-meme-wrapper .create-meme-container .create-meme-text-wrapper {
    padding: 30px 60px 100px 60px; }
    .create-meme-lightbox .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .share-on-facebook p {
      margin-left: 0; } }

@media only screen and (max-width: 1440px) {
  footer h4 {
    text-align: center;
    margin-bottom: 15px; }
  footer ul {
    float: none;
    margin-bottom: 75px; }
    footer ul li {
      width: calc(100% / 3);
      text-align: center; }
      footer ul li a {
        display: block; } }

@media only screen and (max-width: 1024px) {
  .login-lightbox .login-wrapper .login-container,
  .continue-login-lightbox .login-wrapper .login-container {
    padding: 60px; }
    .login-lightbox .login-wrapper .login-container h2,
    .continue-login-lightbox .login-wrapper .login-container h2 {
      font-size: 46px !important; }
  .create-meme-lightbox .create-meme-wrapper .close-create-meme {
    top: -10px;
    right: -10px; }
  .create-meme-lightbox .create-meme-wrapper .create-meme-container .create-meme-text-wrapper {
    padding: 40px;
    padding-bottom: 30px; }
    .create-meme-lightbox .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-header h2 {
      font-size: 46px !important; }
    .create-meme-lightbox .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form {
      margin-top: 30px; }
      .create-meme-lightbox .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .input-container {
        height: 40px; }
  .continue-login-lightbox .login-wrapper .login-container .facebook-continue-login-btn {
    max-width: 100%; }
  #header-main .header-global .offmenu .outside-bg {
    max-width: 600px !important; }
  #header-main .header-global .offmenu .anime-bg-wrapper {
    max-width: 600px !important; }
    #header-main .header-global .offmenu .anime-bg-wrapper .anime-bg {
      max-width: 600px !important; }
  #header-main .header-global .offmenu .main-navigation {
    max-width: 600px !important; }
    #header-main .header-global .offmenu .main-navigation li {
      margin-bottom: 30px; }
      #header-main .header-global .offmenu .main-navigation li .nav-link .bottom-text {
        font-size: 40px;
        line-height: 40px; }
      #header-main .header-global .offmenu .main-navigation li .nav-link .top-text {
        font-size: 15px;
        line-height: 15px; }
  #header-main .header-global .offmenu .sub-navigation {
    left: 0;
    bottom: 40px; }
    #header-main .header-global .offmenu .sub-navigation li:last-child {
      display: block;
      margin-left: 0;
      margin-top: 15px; } }

@media only screen and (max-width: 768px) {
  .ink-mask .bg-layer h3 {
    letter-spacing: -2.5px;
    line-height: 65px;
    white-space: normal;
    transform: scale(1.1);
    -webkit-transform: scale(1.1); }
  .ink-mask .bg-layer.show h3 {
    transform: scale(1);
    -webkit-transform: scale(1); }
    .ink-mask .bg-layer.show h3:before {
      transition-delay: 0.5s;
      -webkit-transition-delay: 0.5s; }
  .login-lightbox .login-wrapper .login-container img,
  .continue-login-lightbox .login-wrapper .login-container img {
    margin: 0 auto 50px;
    max-width: 220px; }
  .login-lightbox .login-wrapper .login-container h2,
  .continue-login-lightbox .login-wrapper .login-container h2 {
    font-size: 52px !important; }
  .login-lightbox .login-wrapper .login-container h2,
  .login-lightbox .login-wrapper .login-container h4,
  .login-lightbox .login-wrapper .login-container p,
  .continue-login-lightbox .login-wrapper .login-container h2,
  .continue-login-lightbox .login-wrapper .login-container h4,
  .continue-login-lightbox .login-wrapper .login-container p {
    text-align: center; }
  .login-lightbox .login-wrapper .login-container .facebook-login-btn,
  .continue-login-lightbox .login-wrapper .login-container .facebook-login-btn {
    margin: 0 auto 20px;
    text-align: center; }
    .login-lightbox .login-wrapper .login-container .facebook-login-btn .icon,
    .continue-login-lightbox .login-wrapper .login-container .facebook-login-btn .icon {
      margin-left: 20px; }
  .login-lightbox .login-wrapper .login-container .facebook-continue-login-btn .icon,
  .continue-login-lightbox .login-wrapper .login-container .facebook-continue-login-btn .icon {
    margin-left: 35px; }
  .login-lightbox .login-wrapper .login-container h4,
  .continue-login-lightbox .login-wrapper .login-container h4 {
    font-size: 22px; }
  .login-lightbox .login-wrapper .login-container p,
  .continue-login-lightbox .login-wrapper .login-container p {
    max-width: 260px;
    width: 100%;
    margin: 0 auto; }
  .create-meme-lightbox .create-meme-wrapper .create-meme-container {
    margin: 50px 0; }
    .create-meme-lightbox .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-header h2 {
      font-size: 56px !important; }
    .create-meme-lightbox .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-header h3 {
      font-size: 26px !important; }
    .create-meme-lightbox .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .antero-text-wrapper h4 {
      font-size: 15px; }
    .create-meme-lightbox .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form {
      max-width: 100%; }
      .create-meme-lightbox .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form label,
      .create-meme-lightbox .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .char-count {
        font-size: 15px; }
      .create-meme-lightbox .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .input-container {
        height: 45px; }
        .create-meme-lightbox .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .input-container input {
          font-size: 22px !important; }
    .create-meme-lightbox .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content p {
      font-size: 22px !important; }
    .create-meme-lightbox .create-meme-wrapper .create-meme-container .image-wrapper {
      height: 600px; }
      .create-meme-lightbox .create-meme-wrapper .create-meme-container .image-wrapper #meme-result #corda-right,
      .create-meme-lightbox .create-meme-wrapper .create-meme-container .image-wrapper #meme-result #corda-left {
        width: 65px; }
    .create-meme-lightbox .create-meme-wrapper .create-meme-container .save-meme {
      font-size: 24px !important; }
  .continue-login-lightbox .login-wrapper .login-container img {
    margin: 0 auto; }
  .continue-login-lightbox .login-wrapper .login-container .logout-btn {
    margin-bottom: 30px;
    margin-top: 10px; }
  #header-main .header-global .offmenu .main-navigation {
    margin-left: 60px; }
  #header-main .header-global .offmenu .sub-navigation {
    left: 60px;
    bottom: 60px; }
    #header-main .header-global .offmenu .sub-navigation li:last-child {
      margin-top: 25px; } }

@media only screen and (max-width: 414px) {
  .nopadd-mob {
    padding: 0;
    margin: 0; }
  .ink-mask .bg-layer h2 {
    font-size: 16px;
    margin-bottom: 24px;
    letter-spacing: 1px;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform-origin: top center;
    -webkit-transform-origin: top center; }
  .ink-mask .bg-layer h3 {
    margin-top: 18px;
    white-space: nowrap;
    font-size: 30px;
    letter-spacing: -1.5px;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform-origin: top center;
    -webkit-transform-origin: top center; }
    .ink-mask .bg-layer h3:before {
      top: -18px; }
  .ink-mask .bg-layer h4 {
    bottom: 30px;
    font-size: 15px;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.2); }
  .ink-mask .bg-layer.show h2 {
    transform: scale(1);
    -webkit-transform: scale(1); }
  .ink-mask .bg-layer.show h3 {
    letter-spacing: -1.5px; }
    .ink-mask .bg-layer.show h3:before {
      transition-delay: 0.2s;
      -webkit-transition-delay: 0.2s; }
  .ink-mask .bg-layer .legal-buttons {
    margin-top: 10px; }
    .ink-mask .bg-layer .legal-buttons .legal-btn {
      width: 135px;
      font-size: 14px; }
  .quote {
    overflow: hidden; }
    .quote h2 {
      font-size: 30px;
      margin-top: 150px;
      margin-bottom: 108px; }
      .quote h2 .first-word:before {
        top: -10px;
        left: -30px; }
  footer {
    margin-top: 50px; }
    footer h4,
    footer a {
      font-size: 17px; }
    footer ul {
      float: none;
      margin-bottom: 75px;
      display: block; }
      footer ul li {
        width: 100%;
        text-align: center;
        margin-bottom: 20px; }
        footer ul li:last-of-type {
          margin-bottom: 0; }
        footer ul li a {
          display: block; }
  .filter-container.mobile {
    display: block; }
  #header-main .velhotes-logo {
    width: 160px; }
  #header-main .header-global {
    padding-left: 0;
    padding-right: 0; }
    #header-main .header-global .user-container.mobile {
      position: absolute;
      top: 70px;
      width: 100%;
      padding: 8px 0 20px;
      background-color: rgba(255, 255, 255, 0.9); }
      #header-main .header-global .user-container.mobile .user-wrapper {
        display: block;
        align-items: flex-start;
        text-align: left; }
      #header-main .header-global .user-container.mobile h2 {
        margin-left: 25px;
        font-size: 22px;
        white-space: nowrap; }
      #header-main .header-global .user-container.mobile .logout-btn {
        margin-left: 25px;
        font-size: 20px;
        margin-top: 5px;
        display: block; }
    #header-main .header-global .user-container .user-image:after {
      display: block; }
    #header-main .header-global .offmenu-btn .text-wrapper {
      display: none; }
  #header-main.js-user-open .header-global .user-container .user-image:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease; }
  #header-main .header-global {
    padding-top: 30px; }
    #header-main .header-global .offmenu .outside-bg {
      max-width: 100% !important; }
    #header-main .header-global .offmenu .anime-bg-wrapper {
      max-width: 100% !important; }
      #header-main .header-global .offmenu .anime-bg-wrapper .anime-bg {
        max-width: 100% !important; }
    #header-main .header-global .offmenu .main-navigation {
      max-width: 100% !important;
      padding-left: 40px;
      margin-left: 0;
      margin-top: -60px; }
      #header-main .header-global .offmenu .main-navigation li {
        margin-bottom: 20px; }
        #header-main .header-global .offmenu .main-navigation li .nav-link .bottom-text {
          font-size: 28px;
          line-height: 28px; }
        #header-main .header-global .offmenu .main-navigation li .nav-link .top-text {
          font-size: 12px;
          line-height: 12px; }
        #header-main .header-global .offmenu .main-navigation li:nth-child(2) {
          margin-bottom: 25px; }
    #header-main .header-global .offmenu .sub-navigation {
      left: 40px;
      bottom: 30px; }
    #header-main .header-global .offmenu-btn {
      position: absolute;
      left: 35px;
      top: 33px;
      margin: 0; }
      #header-main .header-global .offmenu-btn .burguer-wrapper {
        margin: 0; }
    #header-main .header-global .create-meme-link {
      position: absolute;
      top: 30px;
      right: 35px; }
      #header-main .header-global .create-meme-link #create-meme-btn {
        margin: 0;
        top: 0; }
        #header-main .header-global .create-meme-link #create-meme-btn #smile-container {
          margin: 0; }
  .login-lightbox,
  .continue-login-lightbox {
    overflow-x: hidden; }
    .login-lightbox .login-wrapper,
    .continue-login-lightbox .login-wrapper {
      height: auto;
      overflow-y: scroll; }
      .login-lightbox .login-wrapper .login-container,
      .continue-login-lightbox .login-wrapper .login-container {
        padding: 40px; }
        .login-lightbox .login-wrapper .login-container img,
        .continue-login-lightbox .login-wrapper .login-container img {
          max-width: 180px; }
        .login-lightbox .login-wrapper .login-container h2,
        .continue-login-lightbox .login-wrapper .login-container h2 {
          font-size: 46px !important; }
        .login-lightbox .login-wrapper .login-container .close-login,
        .login-lightbox .login-wrapper .login-container .close-continue-login,
        .continue-login-lightbox .login-wrapper .login-container .close-login,
        .continue-login-lightbox .login-wrapper .login-container .close-continue-login {
          top: 20px;
          right: 20px;
          width: 50px;
          height: 50px; }
          .login-lightbox .login-wrapper .login-container .close-login:before,
          .login-lightbox .login-wrapper .login-container .close-continue-login:before,
          .continue-login-lightbox .login-wrapper .login-container .close-login:before,
          .continue-login-lightbox .login-wrapper .login-container .close-continue-login:before {
            top: 25px;
            left: 12px; }
          .login-lightbox .login-wrapper .login-container .close-login:after,
          .login-lightbox .login-wrapper .login-container .close-continue-login:after,
          .continue-login-lightbox .login-wrapper .login-container .close-login:after,
          .continue-login-lightbox .login-wrapper .login-container .close-continue-login:after {
            top: 25px;
            left: 12px; }
  .continue-login-lightbox .login-wrapper .login-container .logout-btn {
    float: none;
    width: 100% !important; }
  .continue-login-lightbox .login-wrapper .login-container .facebook-continue-login-btn .icon {
    margin-left: 0; }
  .create-meme-lightbox {
    overflow-x: hidden;
    height: 100vh; }
    .create-meme-lightbox .create-meme-wrapper {
      height: auto;
      overflow-y: scroll;
      overflow-x: hidden; }
      .create-meme-lightbox .create-meme-wrapper .close-create-meme {
        top: 20px;
        right: 20px;
        z-index: 2; }
      .create-meme-lightbox .create-meme-wrapper .create-meme-container {
        margin: 0; }
        .create-meme-lightbox .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-header h2 {
          font-size: 46px !important; }
        .create-meme-lightbox .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content #alert-lang {
          font-size: 18px !important; }
        .create-meme-lightbox .create-meme-wrapper .create-meme-container .image-wrapper {
          height: 400px;
          z-index: 1; }
          .create-meme-lightbox .create-meme-wrapper .create-meme-container .image-wrapper #meme-result {
            max-width: calc(100% - 80px); }
        .create-meme-lightbox .create-meme-wrapper .create-meme-container .save-meme {
          font-size: 18px !important;
          padding: 30px 0; }
          .create-meme-lightbox .create-meme-wrapper .create-meme-container .save-meme .lds-eclipse {
            top: 16px;
            width: 30px; }
  .mobile .login-lightbox,
  .mobile .continue-login-lightbox,
  .mobile .create-meme-lightbox {
    position: fixed; }
  .home #header-main .header-global #create-meme-btn h2#cria-o-meme,
  .home #header-main .header-global #create-meme-btn h2#memes-velhotes {
    display: none; }
  .archive-memes #header-main .header-global .sort-by-btn,
  .single-memes #header-main .header-global .sort-by-btn {
    display: block;
    opacity: 0;
    visibility: hidden; }
  .archive-memes #header-main .header-global .create-meme-link,
  .single-memes #header-main .header-global .create-meme-link {
    position: absolute;
    width: 100%;
    left: 0;
    top: 85px;
    background-color: #000;
    opacity: 0;
    visibility: hidden; }
    .archive-memes #header-main .header-global .create-meme-link #create-meme-btn,
    .single-memes #header-main .header-global .create-meme-link #create-meme-btn {
      justify-content: center;
      margin: 0;
      padding: 12px 0;
      top: auto; }
      .archive-memes #header-main .header-global .create-meme-link #create-meme-btn h2,
      .single-memes #header-main .header-global .create-meme-link #create-meme-btn h2 {
        color: #fff; }
      .archive-memes #header-main .header-global .create-meme-link #create-meme-btn h2#cria-o-meme,
      .archive-memes #header-main .header-global .create-meme-link #create-meme-btn h2#memes-velhotes,
      .single-memes #header-main .header-global .create-meme-link #create-meme-btn h2#cria-o-meme,
      .single-memes #header-main .header-global .create-meme-link #create-meme-btn h2#memes-velhotes {
        right: 130px; }
      .archive-memes #header-main .header-global .create-meme-link #create-meme-btn #smile-container,
      .single-memes #header-main .header-global .create-meme-link #create-meme-btn #smile-container {
        margin-left: 180px;
        -webkit-transform: scale(0.85);
        transform: scale(0.85); }
        .archive-memes #header-main .header-global .create-meme-link #create-meme-btn #smile-container #eye,
        .single-memes #header-main .header-global .create-meme-link #create-meme-btn #smile-container #eye {
          border-color: #fff; }
        .archive-memes #header-main .header-global .create-meme-link #create-meme-btn #smile-container #wink-container span,
        .single-memes #header-main .header-global .create-meme-link #create-meme-btn #smile-container #wink-container span {
          background: #fff; }
        .archive-memes #header-main .header-global .create-meme-link #create-meme-btn #smile-container svg path,
        .single-memes #header-main .header-global .create-meme-link #create-meme-btn #smile-container svg path {
          stroke: #fff; }
  .archive-memes .border,
  .single-memes .border {
    display: none; }
  .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .phase-2 {
    padding: 40px;
    padding-bottom: 30px; }
  .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .share-on-facebook label {
    font-size: 16px;
    white-space: normal;
    display: block; }
    .velhotes-lightboxes .create-meme-wrapper .create-meme-container .create-meme-text-wrapper .create-meme-text-content .meme-generator-form .share-on-facebook label .checkbox {
      float: none;
      margin-bottom: 10px; }
  footer {
    padding-bottom: 30px; }
    footer h4 {
      text-align: center;
      margin-top: 50px; }
    footer .madeby {
      text-align: center; } }

@media only screen and (max-width: 320px) {
  form input {
    font-size: 20px; }
  .quote h2 {
    font-size: 25px; }
    .quote h2 .first-word:before,
    .quote h2 .quotation-word:after {
      font-size: 75px; }
  footer h3 {
    font-size: 16px !important; } }

.home .donations-modal {
  position: absolute;
  left: 5px;
  bottom: 50px;
  width: 550px;
  height: auto;
  background-color: #fff;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  z-index: 10; }
  .home .donations-modal .close {
    display: none;
    position: absolute;
    top: 20px;
    right: 20px;
    transform: scale(1.5);
    -webkit-transform: scale(1.5); }
  @media only screen and (max-width: 1024px) {
    .home .donations-modal {
      max-width: 420px;
      width: 100%;
      bottom: 20px; } }
  @media only screen and (max-width: 414px) {
    .home .donations-modal {
      width: 80vw;
      bottom: 20px; } }
  .home .donations-modal h3 {
    position: absolute;
    font-family: "velhotes-heavy";
    font-size: 40px;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #fff8e9;
    font-feature-settings: "salt" on;
    max-width: 80%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50px; }
    @media only screen and (max-width: 1024px) {
      .home .donations-modal h3 {
        font-size: 28px; } }
    @media only screen and (max-width: 414px) {
      .home .donations-modal h3 {
        font-size: 20px;
        top: 30px; } }
    @media only screen and (max-width: 320px) {
      .home .donations-modal h3 {
        font-size: 18px;
        top: 20px;
        max-width: 85%; } }
  .home .donations-modal p {
    font-family: "velhotes-regular";
    font-size: 21px;
    letter-spacing: -0.02em;
    color: #a7a3a3;
    width: 65%;
    margin-top: 20px; }
    @media only screen and (max-width: 1024px) {
      .home .donations-modal p {
        width: 100%; } }
    .home .donations-modal p span {
      color: #ed1b24; }
  .home .donations-modal .btn-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-items: center;
    margin-top: 40px;
    position: absolute;
    bottom: 30px;
    left: 10px; }
    @media only screen and (max-width: 414px) {
      .home .donations-modal .btn-wrapper {
        margin-top: 30px;
        flex-direction: column;
        left: 7px; } }
    .home .donations-modal .btn-wrapper a {
      background-color: #000;
      width: 240px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: "velhotes-regular";
      font-size: 15px;
      letter-spacing: 0.13em;
      color: #fff;
      text-transform: uppercase;
      font-feature-settings: "salt" on;
      transition: background-color 0.25s ease-out, color 0.25s ease-out; }
      .home .donations-modal .btn-wrapper a:hover {
        background-color: #fff8e9;
        color: #000; }
        .home .donations-modal .btn-wrapper a:hover svg path {
          fill: #000; }
      @media only screen and (max-width: 1024px) {
        .home .donations-modal .btn-wrapper a {
          font-size: 14px; } }
      @media only screen and (max-width: 414px) {
        .home .donations-modal .btn-wrapper a {
          width: 220px;
          height: 50px; } }
      @media only screen and (max-width: 320px) {
        .home .donations-modal .btn-wrapper a {
          width: 180px;
          height: 40px;
          font-size: 12px; } }
      .home .donations-modal .btn-wrapper a svg {
        margin-left: 30px; }
        .home .donations-modal .btn-wrapper a svg path {
          fill: white;
          transition: fill 0.25s ease-out; }
        @media only screen and (max-width: 1024px) {
          .home .donations-modal .btn-wrapper a svg {
            margin-left: 20px; } }
    .home .donations-modal .btn-wrapper .total-wrapper {
      display: inline-block;
      margin-left: 40px; }
      @media only screen and (max-width: 414px) {
        .home .donations-modal .btn-wrapper .total-wrapper {
          margin-left: 0;
          margin-top: 20px;
          text-align: center;
          display: none; } }
      .home .donations-modal .btn-wrapper .total-wrapper p {
        width: 100%;
        font-family: "velhotes-bold-name";
        font-size: 13px;
        line-height: 14px;
        letter-spacing: 0.04em;
        color: #b2afaf;
        text-transform: uppercase;
        margin-top: 0; }
      .home .donations-modal .btn-wrapper .total-wrapper .amount-wrapper {
        margin-top: 15px; }
        .home .donations-modal .btn-wrapper .total-wrapper .amount-wrapper .euro {
          font-family: "velhotes-heavy";
          font-size: 31px;
          color: #000000; }
        .home .donations-modal .btn-wrapper .total-wrapper .amount-wrapper .total-value {
          font-family: "velhotes-heavy";
          font-size: 61px;
          line-height: 0px;
          color: #000000;
          white-space: nowrap; }
          @media only screen and (max-width: 1024px) {
            .home .donations-modal .btn-wrapper .total-wrapper .amount-wrapper .total-value {
              font-size: 40px; } }

.home .mobile-btn-wrapper {
  text-align: center; }

.home .buy-now-btn {
  display: inline-block;
  position: relative;
  margin-top: 20px;
  padding: 15px 40px 15px 60px;
  pointer-events: all;
  font-family: "velhotes-bold";
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #020202;
  border: 2px solid #020202;
  transition: 0.4s color cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: 0.4s color cubic-bezier(0.19, 1, 0.22, 1); }
  .home .buy-now-btn span {
    position: relative;
    left: 10px; }
  .home .buy-now-btn[data-color="tawny"] {
    color: #8e5a30;
    border: 2px solid #8e5a30; }
    .home .buy-now-btn[data-color="tawny"]:hover {
      color: #ffffff; }
      .home .buy-now-btn[data-color="tawny"]:hover svg path {
        fill: #ffffff; }
      .home .buy-now-btn[data-color="tawny"]:hover svg .first {
        fill: #ffffff; }
      .home .buy-now-btn[data-color="tawny"]:hover svg .second {
        stroke: #ffffff; }
    .home .buy-now-btn[data-color="tawny"]:after {
      background: #8e5a30; }
    .home .buy-now-btn[data-color="tawny"] svg path {
      fill: #8e5a30; }
    .home .buy-now-btn[data-color="tawny"] svg .first {
      fill: #8e5a30; }
    .home .buy-now-btn[data-color="tawny"] svg .second {
      stroke: #8e5a30; }
  .home .buy-now-btn[data-color="special"] {
    color: #aa806a;
    border: 2px solid #aa806a; }
    .home .buy-now-btn[data-color="special"]:hover {
      color: #ffffff; }
      .home .buy-now-btn[data-color="special"]:hover svg path {
        fill: #ffffff; }
      .home .buy-now-btn[data-color="special"]:hover svg .first {
        fill: #ffffff; }
      .home .buy-now-btn[data-color="special"]:hover svg .second {
        stroke: #ffffff; }
    .home .buy-now-btn[data-color="special"]:after {
      background: #aa806a; }
    .home .buy-now-btn[data-color="special"] svg path {
      fill: #aa806a; }
    .home .buy-now-btn[data-color="special"] svg .first {
      fill: #aa806a; }
    .home .buy-now-btn[data-color="special"] svg .second {
      stroke: #aa806a; }
  .home .buy-now-btn[data-color="tenYears"] {
    color: #bababa;
    border: 2px solid #bababa; }
    .home .buy-now-btn[data-color="tenYears"]:hover {
      color: #ffffff; }
      .home .buy-now-btn[data-color="tenYears"]:hover svg path {
        fill: #ffffff; }
      .home .buy-now-btn[data-color="tenYears"]:hover svg .first {
        fill: #ffffff; }
      .home .buy-now-btn[data-color="tenYears"]:hover svg .second {
        stroke: #ffffff; }
    .home .buy-now-btn[data-color="tenYears"]:after {
      background: #bababa; }
    .home .buy-now-btn[data-color="tenYears"] svg path {
      fill: #bababa; }
    .home .buy-now-btn[data-color="tenYears"] svg .first {
      fill: #bababa; }
    .home .buy-now-btn[data-color="tenYears"] svg .second {
      stroke: #bababa; }
  .home .buy-now-btn[data-color="ruby"] {
    color: #8a2b3f;
    border: 2px solid #8a2b3f; }
    .home .buy-now-btn[data-color="ruby"]:hover {
      color: #ffffff; }
      .home .buy-now-btn[data-color="ruby"]:hover svg path {
        fill: #ffffff; }
      .home .buy-now-btn[data-color="ruby"]:hover svg .first {
        fill: #ffffff; }
      .home .buy-now-btn[data-color="ruby"]:hover svg .second {
        stroke: #ffffff; }
    .home .buy-now-btn[data-color="ruby"]:after {
      background: #8a2b3f; }
    .home .buy-now-btn[data-color="ruby"] svg path {
      fill: #8a2b3f; }
    .home .buy-now-btn[data-color="ruby"] svg .first {
      fill: #8a2b3f; }
    .home .buy-now-btn[data-color="ruby"] svg .second {
      stroke: #8a2b3f; }
  .home .buy-now-btn[data-color="lbv"] {
    color: #a73c39;
    border: 2px solid #a73c39; }
    .home .buy-now-btn[data-color="lbv"]:hover {
      color: #ffffff; }
      .home .buy-now-btn[data-color="lbv"]:hover svg path {
        fill: #ffffff; }
      .home .buy-now-btn[data-color="lbv"]:hover svg .first {
        fill: #ffffff; }
      .home .buy-now-btn[data-color="lbv"]:hover svg .second {
        stroke: #ffffff; }
    .home .buy-now-btn[data-color="lbv"]:after {
      background: #a73c39; }
    .home .buy-now-btn[data-color="lbv"] svg path {
      fill: #a73c39; }
    .home .buy-now-btn[data-color="lbv"] svg .first {
      fill: #a73c39; }
    .home .buy-now-btn[data-color="lbv"] svg .second {
      stroke: #a73c39; }
  .home .buy-now-btn[data-color="whiteWine"] {
    color: #679156;
    border: 2px solid #679156; }
    .home .buy-now-btn[data-color="whiteWine"]:hover {
      color: #ffffff; }
      .home .buy-now-btn[data-color="whiteWine"]:hover svg path {
        fill: #ffffff; }
      .home .buy-now-btn[data-color="whiteWine"]:hover svg .first {
        fill: #ffffff; }
      .home .buy-now-btn[data-color="whiteWine"]:hover svg .second {
        stroke: #ffffff; }
    .home .buy-now-btn[data-color="whiteWine"]:after {
      background: #679156; }
    .home .buy-now-btn[data-color="whiteWine"] svg path {
      fill: #679156; }
    .home .buy-now-btn[data-color="whiteWine"] svg .first {
      fill: #679156; }
    .home .buy-now-btn[data-color="whiteWine"] svg .second {
      stroke: #679156; }
  .home .buy-now-btn[data-color="lagrima"] {
    color: #736641;
    border: 2px solid #736641; }
    .home .buy-now-btn[data-color="lagrima"]:hover {
      color: #ffffff; }
      .home .buy-now-btn[data-color="lagrima"]:hover svg path {
        fill: #ffffff; }
      .home .buy-now-btn[data-color="lagrima"]:hover svg .first {
        fill: #ffffff; }
      .home .buy-now-btn[data-color="lagrima"]:hover svg .second {
        stroke: #ffffff; }
    .home .buy-now-btn[data-color="lagrima"]:after {
      background: #736641; }
    .home .buy-now-btn[data-color="lagrima"] svg path {
      fill: #736641; }
    .home .buy-now-btn[data-color="lagrima"] svg .first {
      fill: #736641; }
    .home .buy-now-btn[data-color="lagrima"] svg .second {
      stroke: #736641; }
  .home .buy-now-btn svg {
    position: absolute;
    top: 22%;
    left: 20px;
    width: auto;
    height: 50%; }
  @media only screen and (max-width: 768px) {
    .home .buy-now-btn.desktop-btn {
      display: none; } }
  .home .buy-now-btn.tablet-btn {
    display: none; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .home .buy-now-btn.tablet-btn {
        display: inline-block; } }
  .home .buy-now-btn.mobile-btn {
    display: none; }
    @media only screen and (max-width: 768px) {
      .home .buy-now-btn.mobile-btn {
        display: inline-block;
        margin-bottom: 20px;
        margin-top: 0; } }
  .home .buy-now-btn.disabled {
    pointer-events: none;
    opacity: 0.6; }
  .home .buy-now-btn.hide-btn {
    display: none; }
  .home .buy-now-btn:hover {
    color: #ffffff; }
    .home .buy-now-btn:hover:after {
      transform: scaleY(1);
      -webkit-transform: scaleY(1);
      transform-origin: bottom left;
      -webkit-transform-origin: bottom left; }
  .home .buy-now-btn:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #020202;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform-origin: top left;
    -webkit-transform-origin: top left;
    transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1); }

.home .page-header {
  position: relative; }

.home .off-box {
  display: none;
  position: absolute;
  bottom: 50px;
  left: 0;
  max-width: 350px;
  width: 100%;
  padding: 5px;
  background-color: #fff3dc;
  z-index: 9999;
  transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0); }
  .home .off-box h2 {
    font-size: 50px;
    line-height: 45px; }
  .home .off-box .feedback-container {
    margin: 40px 0; }
  .home .off-box form {
    max-width: 100%;
    margin-bottom: 0; }
  .home .off-box .close-box {
    position: absolute;
    top: 23px;
    right: 15px;
    width: 35px;
    height: 15px; }
    .home .off-box .close-box:before {
      content: "";
      position: absolute;
      top: calc(50% - 0.5px);
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #000000;
      transform: rotate(40deg);
      -webkit-transform: rotate(40deg);
      transition: transform 0.25s ease-in-out;
      -webkit-transition: -webkit-transform 0.25s ease-in-out;
      transform-origin: center center;
      -webkit-transform-origin: center center; }
    .home .off-box .close-box:after {
      content: "";
      position: absolute;
      top: calc(50% - 0.5px);
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #000000;
      transform: rotate(-40deg);
      -webkit-transform: rotate(-40deg);
      transition: transform 0.25s ease-in-out;
      -webkit-transition: -webkit-transform 0.25s ease-in-out;
      transform-origin: center center;
      -webkit-transform-origin: center center; }
    .home .off-box .close-box:hover:before {
      transform: rotate(30deg);
      -webkit-transform: rotate(30deg); }
    .home .off-box .close-box:hover:after {
      transform: rotate(-30deg);
      -webkit-transform: rotate(-30deg); }

.home .mobile-bottle-info {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.97);
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.95);
  -webkit-transform: scale(0.95); }
  .home .mobile-bottle-info h2,
  .home .mobile-bottle-info ul,
  .home .mobile-bottle-info p {
    position: relative;
    z-index: 1; }
  .home .mobile-bottle-info h2,
  .home .mobile-bottle-info ul {
    text-align: center; }
  .home .mobile-bottle-info h2 {
    font-family: "velhotes-roman";
    font-size: 45px;
    letter-spacing: -2.5px;
    margin: 40px 0 60px 0;
    padding: 0 105px; }
  .home .mobile-bottle-info ul {
    margin-bottom: 40px; }
    .home .mobile-bottle-info ul li {
      font-family: "velhotes-regular";
      font-size: 12px;
      letter-spacing: 3px;
      text-transform: uppercase;
      opacity: 0.3;
      display: inline;
      margin-right: 10px; }
      .home .mobile-bottle-info ul li:last-of-type {
        margin-right: 0; }
      .home .mobile-bottle-info ul li.active {
        opacity: 1; }
  .home .mobile-bottle-info .mobile-info-container {
    position: relative; }
    .home .mobile-bottle-info .mobile-info-container .pos-center {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .home .mobile-bottle-info .mobile-info-container .description-mobile-container p {
      font-family: "velhotes-regular";
      font-size: 21px;
      padding: 0 34px; }
      .home .mobile-bottle-info .mobile-info-container .description-mobile-container p:last-of-type {
        margin-top: 20px; }
    .home .mobile-bottle-info .mobile-info-container .suggestion-mobile-container {
      opacity: 0;
      transform: translateY(20px);
      -webkit-transform: translateY(20px); }
      .home .mobile-bottle-info .mobile-info-container .suggestion-mobile-container p {
        font-family: "velhotes-italic";
        font-size: 23px;
        padding: 0 34px; }
        .home .mobile-bottle-info .mobile-info-container .suggestion-mobile-container p:last-of-type {
          margin-top: 20px; }
    .home .mobile-bottle-info .mobile-info-container .technical-mobile-container {
      opacity: 0;
      transform: translateY(20px);
      -webkit-transform: translateY(20px); }
      .home .mobile-bottle-info .mobile-info-container .technical-mobile-container ul {
        padding: 0 34px; }
      .home .mobile-bottle-info .mobile-info-container .technical-mobile-container ul:not(.info-buttons) li {
        margin-bottom: 5px;
        text-transform: capitalize; }
        .home .mobile-bottle-info .mobile-info-container .technical-mobile-container ul:not(.info-buttons) li:last-of-type {
          margin-bottom: 0; }
      .home .mobile-bottle-info .mobile-info-container .technical-mobile-container h2:not(.title) {
        margin: 0;
        padding: 0; }
      .home .mobile-bottle-info .mobile-info-container .technical-mobile-container h2:not(.title),
      .home .mobile-bottle-info .mobile-info-container .technical-mobile-container h3 {
        font-family: "velhotes-regular";
        font-size: 20px;
        letter-spacing: 0;
        text-align: left; }
      .home .mobile-bottle-info .mobile-info-container .technical-mobile-container h3 {
        color: #261919; }
  .home .mobile-bottle-info #close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10000;
    width: 45px;
    height: 45px;
    border-radius: 50%; }
    .home .mobile-bottle-info #close-btn[data-color="tawny"] {
      background-color: #8e5a30; }
    .home .mobile-bottle-info #close-btn[data-color="special"] {
      background-color: #aa806a; }
    .home .mobile-bottle-info #close-btn[data-color="tenYears"] {
      background-color: #bababa; }
    .home .mobile-bottle-info #close-btn[data-color="ruby"] {
      background-color: #8a2b3f; }
    .home .mobile-bottle-info #close-btn[data-color="lbv"] {
      background-color: #a73c39; }
    .home .mobile-bottle-info #close-btn[data-color="whiteWine"] {
      background-color: #679156; }
    .home .mobile-bottle-info #close-btn[data-color="lagrima"] {
      background-color: #736641; }
    .home .mobile-bottle-info #close-btn span {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 25px;
      height: 1px;
      background-color: #ffffff; }
      .home .mobile-bottle-info #close-btn span:first-of-type {
        transform: translateY(-50%) rotate(-45deg);
        -webkit-transform: translateY(-50%) rotate(-45deg); }
      .home .mobile-bottle-info #close-btn span:last-of-type {
        transform: translateY(-50%) rotate(45deg);
        -webkit-transform: translateY(-50%) rotate(45deg); }

.home #header-main .header-global #create-meme-btn h2 {
  color: #ffffff; }

.home #header-main .header-global #create-meme-btn #smile-container #wink-container span {
  background: #ffffff; }

.home #header-main .header-global .offmenu-btn .text-wrapper {
  color: #ffffff; }

.home #header-main .header-global .offmenu-btn .burguer-wrapper .burguer {
  background-color: #ffffff; }

.home #header-main .header-global .offmenu-btn.go-dark .burguer-wrapper .burguer {
  background-color: #000000; }

.home #header-main .header-global .offmenu-btn.go-dark .text-wrapper {
  color: #000000; }

.home-page .legacy {
  margin-bottom: 100px; }
  .home-page .legacy img {
    margin: 0 auto; }
  .home-page .legacy .legado-link {
    margin-top: -23px;
    position: absolute;
    width: 100%;
    top: 50%; }
    .home-page .legacy .legado-link h2 {
      font-family: "velhotes-roman";
      font-size: 110px;
      letter-spacing: -5px;
      text-shadow: -1px 2px 6px rgba(0, 0, 0, 0.3); }
    .home-page .legacy .legado-link a {
      color: #fff; }
      .home-page .legacy .legado-link a span {
        text-transform: uppercase;
        padding: 30px 10px 8px 10px;
        text-shadow: -1px 2px 6px rgba(0, 0, 0, 0.3);
        display: inline-block;
        font-size: 15px;
        font-family: "velhotes-bold-reg";
        letter-spacing: 3px;
        border-bottom: 2px solid #fff; }
  .home-page .legacy .columns {
    position: relative; }

.home-page .underline {
  position: relative; }
  .home-page .underline:after {
    content: " ";
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0;
    display: block; }
  .home-page .underline[data-color="tawny"]:after {
    background: #8e5a30; }
  .home-page .underline[data-color="tenYears"]:after {
    background: #bababa; }
  .home-page .underline[data-color="special"]:after {
    background: #aa806a; }
  .home-page .underline[data-color="ruby"]:after {
    background: #8a2b3f; }
  .home-page .underline[data-color="lbv"]:after {
    background: #a73c39; }
  .home-page .underline[data-color="whiteWine"]:after {
    background: #679156; }
  .home-page .underline[data-color="lagrima"]:after {
    background: #736641; }

.home-page .page-header {
  height: 100vh; }

.home-page .slogan-wrapper {
  position: relative;
  z-index: 1002; }

.home-page .content-main-wrapper #bottle-mobile {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
  margin: 0 auto;
  pointer-events: none;
  transform: translateY(-47.5%) scale(10);
  -webkit-transform: translateY(-47.5%) scale(10); }
  .home-page .content-main-wrapper #bottle-mobile img {
    position: relative;
    margin: 0 auto;
    height: 100vh;
    opacity: 1; }

.home-page .content-main-wrapper #slogan {
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  opacity: 0;
  margin: -80vh auto 0 auto;
  max-width: 900px;
  font-family: "velhotes-title";
  font-size: 85px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  transition: all 2.5s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 2.5s cubic-bezier(0.19, 1, 0.22, 1); }
  .home-page .content-main-wrapper #slogan.change-spacing {
    letter-spacing: -1px;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1); }

.home-page .content-main-wrapper #bottles-container {
  position: relative; }
  .home-page .content-main-wrapper #bottles-container .bottles-wrapper {
    position: relative;
    height: 100%; }
  .home-page .content-main-wrapper #bottles-container #watermark {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    z-index: -1000;
    opacity: 0;
    visibility: hidden; }
    .home-page .content-main-wrapper #bottles-container #watermark span {
      font-family: "velhotes-roman";
      font-size: 250px;
      color: #f4f3f3;
      opacity: 0.6;
      line-height: 200px;
      letter-spacing: -6px; }
    .home-page .content-main-wrapper #bottles-container #watermark .date {
      font-size: 310px; }
  .home-page .content-main-wrapper #bottles-container .bottles-list-container {
    position: fixed;
    top: 0;
    right: 0px;
    left: auto;
    overflow: hidden;
    z-index: 10;
    width: 150px;
    height: 100vh; }
    .home-page .content-main-wrapper #bottles-container .bottles-list-container .bottles-list {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%); }
      .home-page .content-main-wrapper #bottles-container .bottles-list-container .bottles-list li {
        width: 130px;
        margin-top: 30px;
        cursor: pointer;
        transform: translateX(135%);
        -webkit-transform: translateX(135%); }
        .home-page .content-main-wrapper #bottles-container .bottles-list-container .bottles-list li:first-of-type {
          margin-top: 0; }
  .home-page .content-main-wrapper #bottles-container .bottle-slider {
    position: relative;
    height: 100vh;
    padding-top: 5vh; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider:first-of-type .bottle-photo img {
      opacity: 0; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-parallax {
      position: relative;
      overflow: hidden; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-parallax:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: red;
        z-index: 2;
        -webkit-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1); }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-parallax.delay-0:after {
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-parallax.delay-1:after {
        -webkit-transition-delay: 1s;
        transition-delay: 1s; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-parallax.delay-2:after {
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-parallax.delay-3:after {
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-parallax.delay-second-0:after {
        -webkit-transition-delay: 0.7s;
        transition-delay: 0.7s; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-parallax.delay-second-1:after {
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-parallax.delay-second-2:after {
        -webkit-transition-delay: 0.9s;
        transition-delay: 0.9s; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-parallax.delay-second-3:after {
        -webkit-transition-delay: 1s;
        transition-delay: 1s; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-parallax.unmask:after {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%); }
    .home-page .content-main-wrapper #bottles-container .bottle-slider[data-color="tawny"] .bottle-parallax:after,
    .home-page .content-main-wrapper #bottles-container .bottle-slider[data-color="tawny"] .bottle-parallax-second:after {
      background-color: #8e5a30; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider[data-color="tenYears"] .bottle-parallax:after,
    .home-page .content-main-wrapper #bottles-container .bottle-slider[data-color="tenYears"] .bottle-parallax-second:after {
      background-color: #bababa; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider[data-color="special"] .bottle-parallax:after,
    .home-page .content-main-wrapper #bottles-container .bottle-slider[data-color="special"] .bottle-parallax-second:after {
      background-color: #aa806a; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider[data-color="ruby"] .bottle-parallax:after,
    .home-page .content-main-wrapper #bottles-container .bottle-slider[data-color="ruby"] .bottle-parallax-second:after {
      background-color: #8a2b3f; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider[data-color="lbv"] .bottle-parallax:after,
    .home-page .content-main-wrapper #bottles-container .bottle-slider[data-color="lbv"] .bottle-parallax-second:after {
      background-color: #a73c39; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider[data-color="whiteWine"] .bottle-parallax:after,
    .home-page .content-main-wrapper #bottles-container .bottle-slider[data-color="whiteWine"] .bottle-parallax-second:after {
      background-color: #679156; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider[data-color="lagrima"] .bottle-parallax:after,
    .home-page .content-main-wrapper #bottles-container .bottle-slider[data-color="lagrima"] .bottle-parallax-second:after {
      background-color: #736641; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-title {
      font-family: "velhotes-roman";
      font-size: 90px;
      letter-spacing: -5px;
      margin-bottom: 48px;
      margin-left: 54px;
      white-space: nowrap;
      display: inline-block;
      padding: 0 5px 5px 0; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-title {
          display: block;
          margin-bottom: 0; } }
    .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-info {
      font-family: "velhotes-regular";
      font-size: 21px;
      line-height: 21px;
      color: #000000;
      margin-bottom: 20px; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-info:last-of-type {
        margin-bottom: 0; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-photo {
      pointer-events: none; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-photo img {
        height: 90vh;
        margin: 0 auto; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider:last-of-type {
      padding-bottom: 5vh; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider .buttons-info-container {
      width: 100%;
      height: 51px;
      margin-bottom: 21px; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .buttons-info-container ul:not(.technical-info) {
        position: relative; }
        .home-page .content-main-wrapper #bottles-container .bottle-slider .buttons-info-container ul:not(.technical-info) li {
          position: relative;
          display: inline-block;
          padding: 10px 0;
          top: 0;
          left: 0;
          opacity: 1;
          cursor: pointer;
          -webkit-transition: 1.6s all cubic-bezier(0.19, 1, 0.22, 1);
          transition: 1.6s all cubic-bezier(0.19, 1, 0.22, 1); }
          .home-page .content-main-wrapper #bottles-container .bottle-slider .buttons-info-container ul:not(.technical-info) li:first-of-type {
            padding-left: 40px; }
          .home-page .content-main-wrapper #bottles-container .bottle-slider .buttons-info-container ul:not(.technical-info) li:last-of-type {
            padding-left: 40px;
            margin-left: 20px; }
          .home-page .content-main-wrapper #bottles-container .bottle-slider .buttons-info-container ul:not(.technical-info) li span {
            font-family: "velhotes-regular";
            font-size: 14px;
            letter-spacing: 4px;
            text-transform: uppercase;
            display: block;
            transition: 1.6s all cubic-bezier(0.19, 1, 0.22, 1);
            -webkit-transition: 1.6s all cubic-bezier(0.19, 1, 0.22, 1); }
          .home-page .content-main-wrapper #bottles-container .bottle-slider .buttons-info-container ul:not(.technical-info) li:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 0px;
            width: 25px;
            height: 1px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            opacity: 1;
            -webkit-transition: 0.6s left cubic-bezier(0.19, 1, 0.22, 1);
            transition: 0.6s left cubic-bezier(0.19, 1, 0.22, 1); }
          .home-page .content-main-wrapper #bottles-container .bottle-slider .buttons-info-container ul:not(.technical-info) li.active {
            opacity: 1; }
            .home-page .content-main-wrapper #bottles-container .bottle-slider .buttons-info-container ul:not(.technical-info) li.active:before {
              opacity: 1; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider .other-info-container {
      position: relative; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .other-info-container .suggestion-info {
        font-family: "velhotes-italic";
        font-size: 24px;
        line-height: 28px;
        color: #000000;
        margin-bottom: 20px; }
        .home-page .content-main-wrapper #bottles-container .bottle-slider .other-info-container .suggestion-info:last-of-type {
          margin-bottom: 0; }
        .home-page .content-main-wrapper #bottles-container .bottle-slider .other-info-container .suggestion-info .quotation-word {
          position: relative; }
          .home-page .content-main-wrapper #bottles-container .bottle-slider .other-info-container .suggestion-info .quotation-word:after {
            content: "”";
            position: absolute;
            top: 30px;
            right: -40px;
            font-family: "velhotes-roman";
            font-size: 90px;
            color: rgba(133, 117, 77, 0.2); }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .other-info-container .technical-info {
        position: absolute;
        top: 0;
        width: 100%;
        opacity: 0;
        transform: translateY(20px);
        -webkit-transform: translateY(20px); }
        .home-page .content-main-wrapper #bottles-container .bottle-slider .other-info-container .technical-info li {
          margin-bottom: 5px; }
          .home-page .content-main-wrapper #bottles-container .bottle-slider .other-info-container .technical-info li:last-of-type {
            margin-bottom: 0; }
        .home-page .content-main-wrapper #bottles-container .bottle-slider .other-info-container .technical-info h2,
        .home-page .content-main-wrapper #bottles-container .bottle-slider .other-info-container .technical-info h3 {
          font-family: "velhotes-regular";
          font-size: 21px; }
        .home-page .content-main-wrapper #bottles-container .bottle-slider .other-info-container .technical-info h3 {
          color: #261919; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info {
      position: absolute;
      width: 100%;
      top: 390px;
      display: none; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info h2,
      .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info ul,
      .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info p {
        position: relative;
        z-index: 1; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info h2 {
        font-family: "velhotes-roman";
        font-size: 45px;
        letter-spacing: -2.5px; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info ul {
        margin-bottom: 50px; }
        .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info ul li {
          font-family: "velhotes-regular";
          font-size: 12px;
          letter-spacing: 3px;
          text-transform: uppercase;
          opacity: 0.3;
          display: inline;
          margin-right: 20px; }
          .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info ul li:last-of-type {
            margin-right: 0; }
          .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info ul li.active {
            opacity: 1; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info .tablet-info-container {
        position: relative; }
        .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info .tablet-info-container .pos-center {
          position: absolute;
          top: 0;
          left: 0; }
        .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info .tablet-info-container .description-tablet-container p {
          font-family: "velhotes-regular";
          font-size: 21px; }
          .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info .tablet-info-container .description-tablet-container p:last-of-type {
            margin-top: 20px; }
        .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info .tablet-info-container .suggestion-tablet-container {
          opacity: 0;
          transform: translateY(20px);
          -webkit-transform: translateY(20px); }
          .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info .tablet-info-container .suggestion-tablet-container p {
            font-family: "velhotes-italic";
            font-size: 23px; }
            .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info .tablet-info-container .suggestion-tablet-container p:last-of-type {
              margin-top: 20px; }
        .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info .tablet-info-container .technical-tablet-container {
          opacity: 0;
          transform: translateY(20px);
          -webkit-transform: translateY(20px);
          width: 100%; }
          .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info .tablet-info-container .technical-tablet-container ul:not(.info-buttons) li {
            margin-bottom: 5px;
            text-transform: capitalize; }
            .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info .tablet-info-container .technical-tablet-container ul:not(.info-buttons) li:last-of-type {
              margin-bottom: 0; }
          .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info .tablet-info-container .technical-tablet-container h2:not(.title) {
            margin: 0;
            padding: 0; }
          .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info .tablet-info-container .technical-tablet-container h2:not(.title),
          .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info .tablet-info-container .technical-tablet-container h3 {
            font-family: "velhotes-regular";
            font-size: 20px;
            letter-spacing: 0;
            text-align: left; }
          .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info .tablet-info-container .technical-tablet-container h3 {
            color: #261919; }

.mobile .home .donations-modal .close {
  display: block; }

@media only screen and (max-width: 1650px) {
  .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-title {
    font-size: 80px;
    margin-left: 0; }
  .home-page .content-main-wrapper #bottles-container .bottle-slider .bottles-list li,
  .home-page .content-main-wrapper #bottles-container .bottles-list-container .bottles-list li {
    width: 115px; } }

@media only screen and (max-width: 1024px) {
  .ink-mask .bg-layer h3 {
    font-size: 45px; }
  .home-page .content-main-wrapper .scroll-helper {
    top: 88vh;
    margin-left: 3px; }
  .home-page .content-main-wrapper #bottle-mobile {
    display: block;
    top: 10vh;
    -webkit-transform: translate(-20%, 150%) rotate(10deg) scale(1);
    transform: translate(-20%, 150%) rotate(10deg) scale(1); }
    .home-page .content-main-wrapper #bottle-mobile img {
      height: 80vh;
      margin: 0 auto;
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateY(0) scale(1);
      transform: translateY(0) scale(1); }
  .home-page .content-main-wrapper #bottles-container .bottle-slider {
    padding-top: 10vh; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-parallax {
      overflow: initial; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-parallax:after {
        display: none; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-title {
      font-size: 65px; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-photo img {
      height: 80vh; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider .other-info-container .suggestion-info {
      font-size: 21px;
      line-height: 25px; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider .buttons-info-container ul:not(.technical-info) li {
      width: 160px;
      opacity: 0.3; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .buttons-info-container ul:not(.technical-info) li:before {
        left: 0;
        width: 15px; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .buttons-info-container ul:not(.technical-info) li:last-of-type {
        left: 0px;
        margin-left: 15px;
        padding-left: 15px; }
        .home-page .content-main-wrapper #bottles-container .bottle-slider .buttons-info-container ul:not(.technical-info) li:last-of-type:before {
          left: -25px; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .buttons-info-container ul:not(.technical-info) li span {
        font-size: 12px; }
  .home-page .content-main-wrapper #bottles-container .bottles-list-container {
    display: none; } }

@media only screen and (max-width: 768px) {
  .ink-mask .bg-layer h3 {
    font-size: 55px; }
  .home-page .content-main-wrapper .scroll-helper {
    top: 90vh; }
  .home-page .content-main-wrapper #bottles-container .bottle-slider {
    height: 80vh; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info {
      display: block; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-info,
    .home-page .content-main-wrapper #bottles-container .bottle-slider .buttons-info-container,
    .home-page .content-main-wrapper #bottles-container .bottle-slider .other-info-container {
      display: none; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-title {
      font-size: 85px; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-photo {
      position: absolute;
      top: 50%;
      right: 30px;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%); }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-photo img {
        height: 65vh; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider .other-info-container .suggestion-info {
      font-size: 24px;
      line-height: 29px; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider .buttons-info-container {
      padding: 80px 0 50px 0; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .buttons-info-container ul:not(.technical-info) li {
        width: 180px; }
        .home-page .content-main-wrapper #bottles-container .bottle-slider .buttons-info-container ul:not(.technical-info) li span {
          font-size: 14px; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider:nth-child(1), .home-page .content-main-wrapper #bottles-container .bottle-slider:nth-child(4), .home-page .content-main-wrapper #bottles-container .bottle-slider:nth-child(5), .home-page .content-main-wrapper #bottles-container .bottle-slider:nth-child(6) {
      padding-top: 200px; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider:nth-child(2), .home-page .content-main-wrapper #bottles-container .bottle-slider:nth-child(3) {
      padding-top: 150px; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider:nth-child(2) .tablet-bottle-info, .home-page .content-main-wrapper #bottles-container .bottle-slider:nth-child(3) .tablet-bottle-info {
        top: 430px; } }

@media only screen and (max-width: 414px) {
  .ink-mask .bg-layer h3 {
    font-size: 28px;
    line-height: 35px;
    white-space: normal;
    margin-bottom: 50px;
    margin-top: 50px; }
    .ink-mask .bg-layer h3:before {
      top: -38px; }
  footer h2 {
    font-size: 35px;
    line-height: 35px; }
  footer h3 {
    font-size: 18px;
    padding: 0; }
  form input[type="text"],
  form input[type="email"] {
    width: 100%;
    padding: 20px 30px; }
  form button {
    width: 50px; }
    form button svg {
      height: 20.5px;
      right: calc(25px - 17.5px / 2); }
  .home .mobile-bottle-info {
    overflow-y: scroll; }
    .home .mobile-bottle-info .mobile-info-container .suggestion-mobile-container {
      padding-bottom: 50px; }
  .home-page .legacy img {
    max-width: none;
    height: 550px;
    left: -250px;
    position: relative; }
  .home-page .legacy .legado-link {
    left: 0;
    margin-top: -80px; }
    .home-page .legacy .legado-link h2 {
      font-size: 80px; }
  .home-page .underline:after {
    bottom: 5px; }
  .home-page .content-main-wrapper .scroll-helper {
    top: 88vh;
    left: initial;
    right: -30px; }
  .home-page .content-main-wrapper #bottle-mobile {
    display: block;
    top: 100px;
    -webkit-transform: translate(-20%, 150%) rotate(10deg) scale(1);
    transform: translate(-20%, 150%) rotate(10deg) scale(1); }
    .home-page .content-main-wrapper #bottle-mobile img {
      height: 500px;
      width: auto;
      margin: 0 auto;
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateY(0) scale(1);
      transform: translateY(0) scale(1); }
  .home-page .content-main-wrapper #slogan {
    padding: 0 10px;
    margin-top: -70vh;
    font-size: 40px;
    letter-spacing: -1px; }
  .home-page .content-main-wrapper #bottles-container {
    padding-top: 80px;
    height: auto;
    width: 100vw; }
    .home-page .content-main-wrapper #bottles-container #watermark span {
      font-size: 130px;
      line-height: 120px; }
    .home-page .content-main-wrapper #bottles-container #watermark .date {
      font-size: 160px; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider {
      height: 400px !important;
      margin-bottom: 120px;
      padding-top: 0; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .tablet-bottle-info {
        display: none; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider:last-of-type {
        margin-bottom: 0; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-info,
      .home-page .content-main-wrapper #bottles-container .bottle-slider ul:not(.technical-info),
      .home-page .content-main-wrapper #bottles-container .bottle-slider .other-info-container {
        display: none; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-photo {
        right: 0;
        left: 0;
        margin: 0 auto; }
        .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-photo img {
          height: 50vh; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-title {
        position: absolute;
        bottom: -35px;
        left: 0;
        right: 0;
        margin: 0 auto;
        font-size: 53px;
        line-height: 50px;
        white-space: normal;
        text-align: center;
        padding-right: 8px;
        z-index: 11; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider:nth-child(2) .bottle-title, .home-page .content-main-wrapper #bottles-container .bottle-slider:nth-child(3) .bottle-title {
        bottom: -85px; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider:nth-child(1), .home-page .content-main-wrapper #bottles-container .bottle-slider:nth-child(4), .home-page .content-main-wrapper #bottles-container .bottle-slider:nth-child(5), .home-page .content-main-wrapper #bottles-container .bottle-slider:nth-child(6) {
        padding-top: 0; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider:nth-child(2), .home-page .content-main-wrapper #bottles-container .bottle-slider:nth-child(3) {
        padding-top: 0; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider:last-of-type {
        padding-bottom: 0 !important; }
      .home-page .content-main-wrapper #bottles-container .bottle-slider:first-of-type .bottle-photo img {
        opacity: 1;
        -webkit-transform: none;
        transform: none; }
    .home-page .content-main-wrapper #bottles-container .bottles-list-container {
      display: none; } }

@media only screen and (max-width: 320px) {
  .ink-mask .bg-layer h3 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 30px; }
  .home .mobile-bottle-info {
    overflow-y: scroll; }
    .home .mobile-bottle-info h2 {
      font-size: 40px; }
    .home .mobile-bottle-info .mobile-info-container .technical-mobile-container ul li {
      opacity: 1; }
    .home .mobile-bottle-info .mobile-info-container .technical-mobile-container ul:not(.info-buttons) li {
      margin-bottom: 15px; }
    .home .mobile-bottle-info .mobile-info-container .pos-center {
      padding-bottom: 50px; }
    .home .mobile-bottle-info ul li {
      margin-bottom: 20px;
      margin-right: 0;
      display: block; }
  .home-page .content-main-wrapper #slogan {
    font-size: 32px;
    letter-spacing: -1px; }
  .home-page .content-main-wrapper #bottle-mobile img {
    width: auto; }
  .home-page .content-main-wrapper #bottles-container #watermark span {
    font-size: 115px;
    line-height: 100px; }
  .home-page .content-main-wrapper #bottles-container #watermark .date {
    font-size: 145px; }
  .home-page .content-main-wrapper #bottles-container .bottle-slider {
    margin-bottom: 20px; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider .bottle-title {
      font-size: 47px;
      line-height: 40px;
      bottom: 35px; }
    .home-page .content-main-wrapper #bottles-container .bottle-slider:nth-child(2) .bottle-title, .home-page .content-main-wrapper #bottles-container .bottle-slider:nth-child(3) .bottle-title {
      bottom: -5px; } }

.archive-memes #header-main, .single-memes #header-main {
  position: fixed;
  width: 100vw;
  height: auto;
  z-index: 1000; }

.archive-memes .mobile-bottle-info, .single-memes .mobile-bottle-info {
  display: none; }

.archive-memes .border.top, .archive-memes .border.bottom, .single-memes .border.top, .single-memes .border.bottom {
  width: 100vw; }

.archive-memes .border.left, .archive-memes .border.right, .single-memes .border.left, .single-memes .border.right {
  height: 100vh; }

.archive-memes #header-main .block-bg-cover, .single-memes #header-main .block-bg-cover {
  display: none; }

.archive-memes #header-main .velhotes-logo, .single-memes #header-main .velhotes-logo {
  opacity: 1;
  visibility: visible; }
  .archive-memes #header-main .velhotes-logo .letters, .single-memes #header-main .velhotes-logo .letters {
    display: block; }
    .archive-memes #header-main .velhotes-logo .letters.add-transition, .single-memes #header-main .velhotes-logo .letters.add-transition {
      -webkit-transition: opacity 1s ease-in-out;
      transition: opacity 1s ease-in-out; }
  .archive-memes #header-main .velhotes-logo .logo-front, .single-memes #header-main .velhotes-logo .logo-front {
    -webkit-transition: fill 1s ease-in-out;
    transition: fill 1s ease-in-out; }
  .archive-memes #header-main .velhotes-logo svg, .single-memes #header-main .velhotes-logo svg {
    opacity: 1;
    visibility: visible; }
  .archive-memes #header-main .velhotes-logo.can-anime, .single-memes #header-main .velhotes-logo.can-anime {
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out; }

.archive-memes #header-main .header-global, .single-memes #header-main .header-global {
  -webkit-transition: background .25s ease-in-out, box-shadow .25s ease-in-out, padding .25s ease-in-out;
  transition: background .25s ease-in-out, -webkit-box-shadow .25s ease-in-out, padding .25s ease-in-out; }
  .archive-memes #header-main .header-global #create-meme-btn #smile-container svg path, .single-memes #header-main .header-global #create-meme-btn #smile-container svg path {
    stroke: #000; }
  .archive-memes #header-main .header-global #create-meme-btn #smile-container #eye, .single-memes #header-main .header-global #create-meme-btn #smile-container #eye {
    border: 2px solid #000000; }
  .archive-memes #header-main .header-global #create-meme-btn h2,
  .archive-memes #header-main .header-global #create-meme-btn .char, .single-memes #header-main .header-global #create-meme-btn h2,
  .single-memes #header-main .header-global #create-meme-btn .char {
    opacity: 0;
    visibility: hidden; }
  .archive-memes #header-main .header-global.active, .single-memes #header-main .header-global.active {
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0px 2px 12px 0px rgba(133, 117, 77, 0.2);
    padding: 23px 53px; }
    .archive-memes #header-main .header-global.active .velhotes-logo, .single-memes #header-main .header-global.active .velhotes-logo {
      transform: scale(0.85);
      -webkit-transform: scale(0.85); }

.archive-memes #header-main.active .velhotes-logo .logo-front, .single-memes #header-main.active .velhotes-logo .logo-front {
  fill: #000000; }

.archive-memes #header-main.active .velhotes-logo .letters, .single-memes #header-main.active .velhotes-logo .letters {
  opacity: 0; }

.archive-memes footer, .single-memes footer {
  padding-top: 150px; }
  .archive-memes footer h2, .archive-memes footer h3, .archive-memes footer form, .single-memes footer h2, .single-memes footer h3, .single-memes footer form {
    display: none; }

.archive-memes-page .content-main-wrapper, .single-memes-page .content-main-wrapper {
  padding: 100px 0.625rem calc(0.625rem * 2); }
  .archive-memes-page .content-main-wrapper .grid-loader, .single-memes-page .content-main-wrapper .grid-loader {
    position: absolute;
    bottom: 175px;
    left: 50%;
    opacity: 0;
    visibility: 0; }
  .archive-memes-page .content-main-wrapper .meme-grid, .single-memes-page .content-main-wrapper .meme-grid {
    width: 100%;
    max-width: 100vw;
    overflow: hidden;
    margin: 0 auto; }
    .archive-memes-page .content-main-wrapper .meme-grid .meme-container, .single-memes-page .content-main-wrapper .meme-grid .meme-container {
      width: 20%;
      height: 0;
      padding-top: 20%;
      float: left;
      overflow: hidden;
      position: relative;
      opacity: 0;
      visibility: hidden; }
      .archive-memes-page .content-main-wrapper .meme-grid .meme-container.create-new, .single-memes-page .content-main-wrapper .meme-grid .meme-container.create-new {
        pointer-events: none; }
        .archive-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper, .single-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper {
          position: absolute;
          padding: 15px;
          top: 0;
          left: 0;
          width: 100%;
          overflow: hidden; }
          .archive-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper, .single-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper {
            position: relative;
            height: 100%;
            padding: 60px;
            border-top: 3px solid #fff2db;
            border-bottom: 3px solid #e4cea4;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            background-position: 0 0, 100% 0;
            background-repeat: no-repeat;
            -webkit-background-size: 3px 100%;
            -moz-background-size: 3px 100%;
            background-size: 3px 100%;
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
            background-image: -webkit-linear-gradient(top, #fff2db 0%, #e4cea4 100%), -webkit-linear-gradient(top, #fff2db 0%, #e4cea4 100%);
            background-image: -moz-linear-gradient(top, #fff2db 0%, #e4cea4 100%), -moz-linear-gradient(top, #fff2db 0%, #e4cea4 100%);
            background-image: -o-linear-gradient(top, #fff2db 0%, #e4cea4 100%), -o-linear-gradient(top, #fff2db 0%, #e4cea4 100%);
            background-image: linear-gradient(to bottom, #fff2db 0%, #e4cea4 100%), linear-gradient(to bottom, #fff2db 0%, #e4cea4 100%); }
            .archive-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper h3, .single-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper h3 {
              font-family: 'velhotes-heavy';
              font-size: calc(40px + (60 - 40) * (100vw - 414px) / (1600 - 414));
              line-height: 0.85;
              letter-spacing: -1.25px;
              text-transform: uppercase;
              color: #000000;
              margin-bottom: 20px; }
            .archive-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper h4, .single-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper h4 {
              font-family: 'velhotes-regular';
              font-size: 26px;
              color: #a7a3a3;
              margin-bottom: 40px; }
            .archive-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper .create-meme-btn, .single-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper .create-meme-btn {
              display: flex;
              align-items: center;
              position: absolute;
              bottom: 60px;
              left: 60px;
              padding: 20px 50px 20px 30px;
              text-align: left;
              background-color: #000000;
              color: #ffffff;
              font-family: 'velhotes-roman';
              font-size: 15px;
              letter-spacing: 2.5px;
              text-transform: uppercase;
              pointer-events: all; }
              .archive-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper .create-meme-btn .smile-container, .single-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper .create-meme-btn .smile-container {
                position: relative;
                width: 27px;
                height: 25px;
                margin-left: 55px; }
                .archive-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper .create-meme-btn .smile-container svg, .single-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper .create-meme-btn .smile-container svg {
                  position: absolute;
                  bottom: 0;
                  left: 0; }
                  .archive-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper .create-meme-btn .smile-container svg path, .single-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper .create-meme-btn .smile-container svg path {
                    fill: none;
                    stroke: #fff;
                    stroke-miterlimit: 10;
                    stroke-width: 3px; }
                .archive-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper .create-meme-btn .smile-container .eye, .single-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper .create-meme-btn .smile-container .eye {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 10px;
                  height: 10px;
                  transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
                  -webkit-transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
                  border: 2px solid #ffffff;
                  border-radius: 10px; }
                .archive-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper .create-meme-btn .smile-container .wink-container, .single-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper .create-meme-btn .smile-container .wink-container {
                  position: absolute;
                  top: 0;
                  right: 0;
                  width: 8px;
                  height: 8px; }
                  .archive-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper .create-meme-btn .smile-container .wink-container span, .single-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper .create-meme-btn .smile-container .wink-container span {
                    position: absolute;
                    top: 50%;
                    left: 0;
                    width: 100%;
                    height: 2px;
                    transform: translateY(-50%);
                    -webkit-transform: translateY(-50%);
                    transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
                    -webkit-transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
                    background: #ffffff; }
                    .archive-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper .create-meme-btn .smile-container .wink-container span:first-of-type, .single-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper .create-meme-btn .smile-container .wink-container span:first-of-type {
                      top: 50%;
                      transform: translateY(-50%) rotate(-35deg);
                      -webkit-transform: translateY(-50%) rotate(-35deg);
                      transform-origin: center left;
                      -webkit-transform-origin: center left; }
                    .archive-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper .create-meme-btn .smile-container .wink-container span:last-of-type, .single-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper .create-meme-btn .smile-container .wink-container span:last-of-type {
                      top: 50%;
                      -webkit-transform: translateY(-50%) rotate(35deg);
                      transform: translateY(-50%) rotate(35deg);
                      transform-origin: center left;
                      -webkit-transform-origin: center left; }
      .archive-memes-page .content-main-wrapper .meme-grid .meme-container:after, .single-memes-page .content-main-wrapper .meme-grid .meme-container:after {
        content: '';
        position: absolute;
        display: block;
        z-index: 2;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border: 15px solid #ffffff; }
      .archive-memes-page .content-main-wrapper .meme-grid .meme-container > .author, .single-memes-page .content-main-wrapper .meme-grid .meme-container > .author {
        width: 100%;
        position: absolute;
        bottom: 15px;
        left: 0;
        padding-top: 15px;
        padding-left: 15px;
        background-color: #fff;
        z-index: 2;
        -webkit-transition: all .20s ease-in-out;
        transition: all .20s ease-in-out; }
        .archive-memes-page .content-main-wrapper .meme-grid .meme-container > .author > p, .single-memes-page .content-main-wrapper .meme-grid .meme-container > .author > p {
          font-family: 'velhotes-roman';
          font-size: 19px;
          color: #000000;
          letter-spacing: -1px;
          margin: 5px 0 0 50px; }
          .archive-memes-page .content-main-wrapper .meme-grid .meme-container > .author > p > span, .single-memes-page .content-main-wrapper .meme-grid .meme-container > .author > p > span {
            width: 100%;
            float: left;
            font-family: 'velhotes-regular';
            font-size: 15px;
            color: rgba(0, 0, 0, 0.4);
            letter-spacing: 0px; }
        .archive-memes-page .content-main-wrapper .meme-grid .meme-container > .author > .thumb, .single-memes-page .content-main-wrapper .meme-grid .meme-container > .author > .thumb {
          width: 40px;
          height: 40px;
          overflow: hidden;
          float: left;
          border-radius: 50%;
          border: 1px solid #efefef; }
      .archive-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image, .single-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 93%;
        overflow: hidden; }
        .archive-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image .overlay, .single-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image .overlay {
          position: absolute;
          top: 15px;
          left: 15px;
          width: calc(100% - 30px);
          height: calc(100% - 60px);
          z-index: 2;
          background: rgba(0, 0, 0, 0);
          transition: background 1s cubic-bezier(0.19, 1, 0.22, 1);
          -webkit-transition: background 1s cubic-bezier(0.19, 1, 0.22, 1); }
          .archive-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image .overlay .touch-open, .single-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image .overlay .touch-open {
            font-family: 'velhotes-roman';
            font-size: 16px;
            position: absolute;
            bottom: 15%;
            left: 0;
            right: 0;
            margin: 0 auto;
            text-align: center;
            transform: scale(0.8);
            -webkit-transform: scale(0.8);
            letter-spacing: 4px;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
            -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
            opacity: 0;
            visibility: hidden;
            color: #ffffff; }
          .archive-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image .overlay .meme-frame, .single-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image .overlay .meme-frame {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            width: 100%;
            height: 100%;
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
            -webkit-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
            border-top: 2px solid #fff2db;
            border-bottom: 2px solid #fff2db;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            background-position: 0 0, 100% 0;
            background-repeat: no-repeat;
            -webkit-background-size: 2px 100%;
            -moz-background-size: 2px 100%;
            background-size: 2px 100%;
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
            background-image: -webkit-linear-gradient(top, #fff2db 0%, #e4cea4 100%), -webkit-linear-gradient(top, #fff2db 0%, #e4cea4 100%);
            background-image: -moz-linear-gradient(top, #fff2db 0%, #e4cea4 100%), -moz-linear-gradient(top, #fff2db 0%, #e4cea4 100%);
            background-image: -o-linear-gradient(top, #fff2db 0%, #e4cea4 100%), -o-linear-gradient(top, #fff2db 0%, #e4cea4 100%);
            background-image: linear-gradient(to bottom, #fff2db 0%, #e4cea4 100%), linear-gradient(to bottom, #fff2db 0%, #e4cea4 100%); }
          .archive-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image .overlay .shares-container, .single-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image .overlay .shares-container {
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 3;
            width: 150px;
            height: 150px;
            transform: translate(-50%, -50%) scale(0.85);
            -webkit-transform: translate(-50%, -50%) scale(0.85);
            opacity: 0;
            visibility: hidden;
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
            -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
            background: #ffffff;
            border-radius: 50%;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column; }
            .archive-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image .overlay .shares-container span, .single-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image .overlay .shares-container span {
              font-family: 'velhotes-roman';
              font-size: calc(12px + (40 - 12) * (100vw - 414px) / (1600 - 414));
              color: #000000; }
            .archive-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image .overlay .shares-container h2, .single-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image .overlay .shares-container h2 {
              font-family: 'velhotes-regular';
              font-size: calc(10px + (20 - 10) * (100vw - 414px) / (1600 - 414));
              color: #000000; }
            .archive-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image .overlay .shares-container ul, .single-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image .overlay .shares-container ul {
              margin-top: 18px; }
              .archive-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image .overlay .shares-container ul li, .single-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image .overlay .shares-container ul li {
                display: inline;
                cursor: pointer; }
                .archive-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image .overlay .shares-container ul li svg, .single-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image .overlay .shares-container ul li svg {
                  width: 17px;
                  height: 17px; }
                  .archive-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image .overlay .shares-container ul li svg path, .single-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image .overlay .shares-container ul li svg path {
                    fill: #80000a; }
                .archive-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image .overlay .shares-container ul li:last-of-type, .single-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image .overlay .shares-container ul li:last-of-type {
                  margin-left: 23px; }
      .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+1), .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+1) {
        width: 40%;
        padding-top: 40%; }
        .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+1):hover .touch-open, .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+1):hover .touch-open {
          opacity: 1;
          visibility: visible; }
        .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+1) .meme-image .overlay, .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+1) .meme-image .overlay {
          height: calc(100% - 30px); }
        .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+1) .meme-image .shares-container, .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+1) .meme-image .shares-container {
          width: 160px;
          height: 160px; }
        .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+1) .meme-image .block-bg-cover .element-cover, .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+1) .meme-image .block-bg-cover .element-cover {
          height: calc(100% - 15px); }
      .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+6), .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+6) {
        width: 40%;
        padding-top: 40%; }
        .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+6):hover .touch-open, .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+6):hover .touch-open {
          opacity: 1;
          visibility: visible; }
        .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+6) .meme-image .overlay, .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+6) .meme-image .overlay {
          height: calc(100% - 30px); }
        .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+6) .meme-image .shares-container, .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+6) .meme-image .shares-container {
          width: 160px;
          height: 160px; }
        .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+6) .meme-image .block-bg-cover .element-cover, .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+6) .meme-image .block-bg-cover .element-cover {
          height: calc(100% - 15px); }
      .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+7), .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+7) {
        margin-top: -20%; }
      .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+8), .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+8) {
        width: 40%;
        padding-top: 40%;
        margin-top: -20%;
        margin-left: 20%; }
        .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+8):hover .touch-open, .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+8):hover .touch-open {
          opacity: 1;
          visibility: visible; }
        .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+8) .meme-image .overlay, .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+8) .meme-image .overlay {
          height: calc(100% - 30px); }
        .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+8) .meme-image .shares-container, .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+8) .meme-image .shares-container {
          width: 160px;
          height: 160px; }
        .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+8) .meme-image .block-bg-cover .element-cover, .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+8) .meme-image .block-bg-cover .element-cover {
          height: calc(100% - 15px); }
      .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+9), .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+9) {
        margin-left: -60%; }
      .archive-memes-page .content-main-wrapper .meme-grid .meme-container:hover .meme-image .overlay, .single-memes-page .content-main-wrapper .meme-grid .meme-container:hover .meme-image .overlay {
        background: rgba(0, 0, 0, 0.6); }
        .archive-memes-page .content-main-wrapper .meme-grid .meme-container:hover .meme-image .overlay .meme-frame, .single-memes-page .content-main-wrapper .meme-grid .meme-container:hover .meme-image .overlay .meme-frame {
          transform: scale(0.8);
          -webkit-transform: scale(0.8);
          opacity: 1; }
        .archive-memes-page .content-main-wrapper .meme-grid .meme-container:hover .meme-image .overlay .touch-open, .single-memes-page .content-main-wrapper .meme-grid .meme-container:hover .meme-image .overlay .touch-open {
          transform: scale(1);
          -webkit-transform: scale(1);
          opacity: 1;
          letter-spacing: 0; }
        .archive-memes-page .content-main-wrapper .meme-grid .meme-container:hover .meme-image .overlay .shares-container, .single-memes-page .content-main-wrapper .meme-grid .meme-container:hover .meme-image .overlay .shares-container {
          transform: translate(-50%, -50%) scale(1);
          -webkit-transform: translate(-50%, -50%) scale(1);
          opacity: 1;
          visibility: visible; }

.single-denuncia-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 11;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.8); }
  .single-denuncia-lightbox .single-denuncia-meme {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 70px 80px 130px 80px;
    background-color: #ffffff;
    box-shadow: 4.5px 7.794px 114px 0px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 4.5px 7.794px 114px 0px rgba(0, 0, 0, 0.7);
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    z-index: 10; }
    .single-denuncia-lightbox .single-denuncia-meme h2 {
      font-family: 'velhotes-heavy';
      font-size: calc(40px + (60 - 40) * (100vw - 414px) / (1600 - 414));
      line-height: 0.85;
      letter-spacing: -1.25px;
      text-transform: uppercase;
      color: #000000;
      margin-bottom: 20px;
      font-feature-settings: "salt";
      -webkit-font-feature-settings: "salt";
      -o-font-feature-settings: "salt";
      -moz-font-feature-settings: "salt";
      -ms-font-feature-settings: "salt"; }
    .single-denuncia-lightbox .single-denuncia-meme h4 {
      font-family: 'velhotes-regular';
      font-size: 26px;
      color: #a7a3a3;
      margin-bottom: 40px; }
    .single-denuncia-lightbox .single-denuncia-meme .close-denuncia {
      position: absolute;
      top: -30px;
      right: -30px;
      width: 60px;
      height: 60px;
      z-index: 1;
      border-radius: 60px;
      text-indent: -9999px;
      background-color: #ffffff;
      -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2); }
      .single-denuncia-lightbox .single-denuncia-meme .close-denuncia:hover:before {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg); }
      .single-denuncia-lightbox .single-denuncia-meme .close-denuncia:hover:after {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg); }
      .single-denuncia-lightbox .single-denuncia-meme .close-denuncia:before, .single-denuncia-lightbox .single-denuncia-meme .close-denuncia:after {
        transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
        will-change: transform; }
      .single-denuncia-lightbox .single-denuncia-meme .close-denuncia:before {
        content: '';
        position: absolute;
        top: 29px;
        left: 17px;
        width: 27px;
        height: 1px;
        background-color: #000000;
        transform: rotate(-45deg) translate3D(0, 0, 0);
        -webkit-transform: rotate(-45deg) translate3D(0, 0, 0); }
      .single-denuncia-lightbox .single-denuncia-meme .close-denuncia:after {
        content: '';
        position: absolute;
        top: 29px;
        left: 17px;
        width: 27px;
        height: 1px;
        background-color: #000000;
        transform: rotate(45deg) translate3D(0, 0, 0);
        -webkit-transform: rotate(45deg) translate3D(0, 0, 0); }
    .single-denuncia-lightbox .single-denuncia-meme .send-denuncia {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      font-family: 'velhotes-heavy';
      font-size: calc(12px + (20 - 12) * (100vw - 414px) / (1600 - 414));
      text-transform: uppercase;
      padding: 30px 0;
      color: #ffffff;
      background: #3adb51;
      display: block;
      cursor: pointer; }
      .single-denuncia-lightbox .single-denuncia-meme .send-denuncia .lds-eclipse {
        position: absolute;
        top: 16px;
        left: calc(50% - 100px);
        width: 25px;
        opacity: 0; }

.single-meme-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(51, 50, 48, 0.9);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 11;
  opacity: 0;
  visibility: hidden; }
  .single-meme-lightbox .single-meme-outside-hitzone {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
  .single-meme-lightbox .single-meme-wrapper {
    position: relative;
    height: 100%;
    pointer-events: none; }
    .single-meme-lightbox .single-meme-wrapper .denunciar-meme {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      font-family: 'velhotes-regular';
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #000000;
      display: block; }
    .single-meme-lightbox .single-meme-wrapper .close-single-meme {
      position: absolute;
      top: -30px;
      right: -30px;
      width: 60px;
      height: 60px;
      z-index: 1;
      border-radius: 60px;
      text-indent: -9999px;
      background-color: #ffffff;
      -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2); }
      .single-meme-lightbox .single-meme-wrapper .close-single-meme:hover:before {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg); }
      .single-meme-lightbox .single-meme-wrapper .close-single-meme:hover:after {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg); }
      .single-meme-lightbox .single-meme-wrapper .close-single-meme:before, .single-meme-lightbox .single-meme-wrapper .close-single-meme:after {
        transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
        will-change: transform; }
      .single-meme-lightbox .single-meme-wrapper .close-single-meme:before {
        content: '';
        position: absolute;
        top: 29px;
        left: 17px;
        width: 27px;
        height: 1px;
        background-color: #000000;
        transform: rotate(-45deg) translate3D(0, 0, 0);
        -webkit-transform: rotate(-45deg) translate3D(0, 0, 0); }
      .single-meme-lightbox .single-meme-wrapper .close-single-meme:after {
        content: '';
        position: absolute;
        top: 29px;
        left: 17px;
        width: 27px;
        height: 1px;
        background-color: #000000;
        transform: rotate(45deg) translate3D(0, 0, 0);
        -webkit-transform: rotate(45deg) translate3D(0, 0, 0); }
    .single-meme-lightbox .single-meme-wrapper .next-meme {
      position: absolute;
      width: 32px;
      height: 48px;
      padding: 5px;
      right: -50px;
      top: calc(50% - 19px); }
      .single-meme-lightbox .single-meme-wrapper .next-meme svg {
        -webkit-transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
        transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1); }
        .single-meme-lightbox .single-meme-wrapper .next-meme svg path {
          fill: none;
          stroke: #ffffff;
          stroke-width: 3;
          stroke-linecap: round;
          stroke-linejoin: round;
          stroke-miterlimit: 10; }
      .single-meme-lightbox .single-meme-wrapper .next-meme:hover svg {
        -webkit-transform: translateX(10px);
        transform: translateX(10px); }
    .single-meme-lightbox .single-meme-wrapper .prev-meme {
      position: absolute;
      width: 32px;
      height: 48px;
      padding: 5px;
      left: -50px;
      top: calc(50% - 19px); }
      .single-meme-lightbox .single-meme-wrapper .prev-meme svg {
        -webkit-transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
        transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1); }
        .single-meme-lightbox .single-meme-wrapper .prev-meme svg path {
          fill: none;
          stroke: #ffffff;
          stroke-width: 3;
          stroke-linecap: round;
          stroke-linejoin: round;
          stroke-miterlimit: 10; }
      .single-meme-lightbox .single-meme-wrapper .prev-meme:hover svg {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px); }
    .single-meme-lightbox .single-meme-wrapper .single-meme-container {
      position: relative;
      background-color: #ffffff;
      box-shadow: 4.5px 7.794px 114px 0px rgba(0, 0, 0, 0.7);
      -webkit-box-shadow: 4.5px 7.794px 114px 0px rgba(0, 0, 0, 0.7);
      pointer-events: all; }
      .single-meme-lightbox .single-meme-wrapper .single-meme-container .image-wrapper {
        position: relative;
        padding: 80px 60px;
        overflow: hidden;
        perspective: 1000px;
        -webkit-perspective: 1000px; }
        .single-meme-lightbox .single-meme-wrapper .single-meme-container .image-wrapper .single-meme-image {
          position: relative;
          border: 7px solid #fff4dc; }
        .single-meme-lightbox .single-meme-wrapper .single-meme-container .image-wrapper .single-corda {
          position: absolute;
          top: -70px;
          width: 80px;
          overflow: hidden;
          backface-visibility: hidden;
          -webkit-backface-visibility: hidden;
          z-index: 1; }
        .single-meme-lightbox .single-meme-wrapper .single-meme-container .image-wrapper .corda-left {
          left: 80px; }
        .single-meme-lightbox .single-meme-wrapper .single-meme-container .image-wrapper .corda-right {
          right: 80px; }
      .single-meme-lightbox .single-meme-wrapper .single-meme-container .single-meme-text-wrapper {
        position: relative;
        padding: 60px; }
        .single-meme-lightbox .single-meme-wrapper .single-meme-container .single-meme-text-wrapper .denunciar-meme {
          position: absolute;
          bottom: 25px;
          left: 0;
          right: 0;
          margin: 0 auto;
          text-align: center; }
          .single-meme-lightbox .single-meme-wrapper .single-meme-container .single-meme-text-wrapper .denunciar-meme h3 {
            font-family: 'velhotes-bold-name';
            font-size: 10px;
            cursor: pointer;
            display: inline-block;
            color: rgba(0, 0, 0, 0.2);
            border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
        .single-meme-lightbox .single-meme-wrapper .single-meme-container .single-meme-text-wrapper .single-meme-text-header {
          position: relative;
          height: 15%; }
          .single-meme-lightbox .single-meme-wrapper .single-meme-container .single-meme-text-wrapper .single-meme-text-header h3 {
            font-family: 'velhotes-roman';
            font-size: 25px;
            color: #261919; }
          .single-meme-lightbox .single-meme-wrapper .single-meme-container .single-meme-text-wrapper .single-meme-text-header h4 {
            font-family: 'velhotes-roman';
            font-size: 17px;
            color: #261919; }
          .single-meme-lightbox .single-meme-wrapper .single-meme-container .single-meme-text-wrapper .single-meme-text-header p.date {
            font-family: 'velhotes-regular';
            font-size: 15px;
            line-height: 18px;
            color: rgba(38, 25, 25, 0.4); }
          .single-meme-lightbox .single-meme-wrapper .single-meme-container .single-meme-text-wrapper .single-meme-text-header .avatar-image {
            border-radius: 100%;
            border: 1px solid #efefef; }
        .single-meme-lightbox .single-meme-wrapper .single-meme-container .single-meme-text-wrapper .single-meme-text-content {
          position: relative;
          height: 50%;
          margin: 20px 0px;
          padding: 40px 0px;
          border-top: 1px solid rgba(38, 25, 25, 0.1);
          border-bottom: 1px solid rgba(38, 25, 25, 0.1); }
          .single-meme-lightbox .single-meme-wrapper .single-meme-container .single-meme-text-wrapper .single-meme-text-content p {
            margin-bottom: 30px;
            font-family: 'velhotes-roman';
            font-size: 22px;
            color: #261919; }
            .single-meme-lightbox .single-meme-wrapper .single-meme-container .single-meme-text-wrapper .single-meme-text-content p span.title {
              font-family: 'velhotes-bold-name';
              font-size: 13px;
              text-transform: uppercase;
              color: rgba(38, 25, 25, 0.4);
              text-align: right;
              line-height: 28px; }
        .single-meme-lightbox .single-meme-wrapper .single-meme-container .single-meme-text-wrapper .single-meme-text-footer {
          position: relative;
          height: 30%; }
          .single-meme-lightbox .single-meme-wrapper .single-meme-container .single-meme-text-wrapper .single-meme-text-footer p {
            margin-bottom: 20px;
            font-family: 'velhotes-roman';
            font-size: 50px;
            color: #261919;
            text-transform: capitalize; }
            .single-meme-lightbox .single-meme-wrapper .single-meme-container .single-meme-text-wrapper .single-meme-text-footer p span {
              display: inline-block;
              margin-right: 20px;
              width: 60px;
              font-family: 'velhotes-bold-name';
              font-size: 13px;
              text-transform: uppercase;
              color: rgba(38, 25, 25, 0.4);
              text-align: right; }
          .single-meme-lightbox .single-meme-wrapper .single-meme-container .single-meme-text-wrapper .single-meme-text-footer .fb-like {
            position: absolute;
            height: 56px;
            margin-left: 11px;
            bottom: 0px; }

@media only screen and (max-width: 1650px) {
  .archive-memes-page .content-main-wrapper, .single-memes-page .content-main-wrapper {
    padding: 85px 0.625rem calc(0.625rem * 2); }
  .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+1) .meme-image .block-bg-cover .element-cover, .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+1) .meme-image .block-bg-cover .element-cover {
    height: calc(100% - 30px); } }

@media only screen and (max-width: 1024px) {
  .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+2) .author,
  .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+3) .author,
  .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+4) .author,
  .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+5) .author,
  .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+7) .author,
  .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+9) .author,
  .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+10) .author,
  .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+11) .author {
    opacity: 0; }
  .single-meme-lightbox .single-meme-wrapper .single-meme-container .single-meme-text-wrapper {
    padding: 40px; } }

@media only screen and (max-width: 768px) {
  .archive-memes-page .content-main-wrapper .meme-grid .meme-container, .single-memes-page .content-main-wrapper .meme-grid .meme-container {
    float: none;
    width: 100%;
    height: 0;
    padding-top: 100%;
    margin: 0;
    border-bottom: 0 none; }
    .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+1), .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+4), .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+8), .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+11), .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+1), .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+4), .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+8), .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+11) {
      width: 100%;
      height: 0;
      padding-top: 100%;
      margin: 0;
      float: left; }
    .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+2), .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+3), .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+6), .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+7), .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+9), .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+10), .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+2), .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+3), .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+6), .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+7), .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+9), .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+10) {
      width: 50%;
      height: 0;
      padding-top: 50%;
      margin: 0;
      float: left; }
    .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+2) .author, .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+3) .author, .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+4) .author, .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+5) .author, .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+7) .author, .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+9) .author, .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+10) .author, .archive-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+11) .author, .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+2) .author, .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+3) .author, .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+4) .author, .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+5) .author, .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+7) .author, .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+9) .author, .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+10) .author, .single-memes-page .content-main-wrapper .meme-grid .meme-container:nth-child(11n+11) .author {
      opacity: 1; }
  .single-meme-lightbox .single-meme-wrapper .single-meme-container {
    margin: 50px 0; }
    .single-meme-lightbox .single-meme-wrapper .single-meme-container .single-meme-text-wrapper .single-meme-text-header {
      height: auto; } }

@media only screen and (max-width: 414px) {
  .archive-memes #header-main,
  .single-memes #header-main {
    padding: 0; }
    .archive-memes #header-main .header-global,
    .single-memes #header-main .header-global {
      padding-top: 30px;
      padding-left: 0;
      padding-right: 0; }
      .archive-memes #header-main .header-global .user-container:not(.mobile) .user-image,
      .single-memes #header-main .header-global .user-container:not(.mobile) .user-image {
        margin: 0; }
      .archive-memes #header-main .header-global .user-container:not(.mobile) h2,
      .single-memes #header-main .header-global .user-container:not(.mobile) h2 {
        display: none; }
      .archive-memes #header-main .header-global .user-container:not(.mobile) .logout-btn,
      .single-memes #header-main .header-global .user-container:not(.mobile) .logout-btn {
        display: none; }
      .archive-memes #header-main .header-global.active,
      .single-memes #header-main .header-global.active {
        padding: 30px 0; }
  .archive-memes footer h4,
  .single-memes footer h4 {
    margin-top: 0; }
  .archive-memes .content-main-wrapper,
  .single-memes .content-main-wrapper {
    margin-top: 120px;
    padding: 25px 0.625rem calc(0.625rem * 2); }
    .archive-memes .content-main-wrapper .filter-container,
    .single-memes .content-main-wrapper .filter-container {
      display: none; }
  .archive-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image .overlay,
  .single-memes-page .content-main-wrapper .meme-grid .meme-container .meme-image .overlay {
    display: none; }
  .archive-memes-page .content-main-wrapper .meme-grid .meme-container > .author > p,
  .single-memes-page .content-main-wrapper .meme-grid .meme-container > .author > p {
    margin: 0px 0 0 40px; }
  .archive-memes-page .content-main-wrapper .meme-grid .meme-container > .author > .thumb,
  .single-memes-page .content-main-wrapper .meme-grid .meme-container > .author > .thumb {
    width: 32px;
    height: 32px; }
  .archive-memes-page .content-main-wrapper .meme-grid .meme-container.create-new,
  .single-memes-page .content-main-wrapper .meme-grid .meme-container.create-new {
    padding-top: calc(100% + 20px); }
    .archive-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper,
    .single-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper {
      height: 100%; }
      .archive-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper,
      .single-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper {
        padding: 30px;
        height: 100%; }
        .archive-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper h4 br,
        .single-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper h4 br {
          display: none; }
        .archive-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper h4,
        .single-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper h4 {
          margin-bottom: 25px; }
        .archive-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper .create-meme-btn,
        .single-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper .create-meme-btn {
          position: relative;
          bottom: auto;
          left: auto;
          margin: 0; }
          .archive-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper .create-meme-btn .smile-container,
          .single-memes-page .content-main-wrapper .meme-grid .meme-container.create-new .create-new-wrapper .inner-wrapper .create-meme-btn .smile-container {
            margin-left: 0;
            left: 20px; }
  .single-meme-lightbox {
    overflow-x: hidden; }
    .single-meme-lightbox .single-meme-wrapper {
      height: auto;
      overflow-y: scroll; }
      .single-meme-lightbox .single-meme-wrapper .close-single-meme {
        top: 20px;
        right: 20px;
        z-index: 2;
        width: 50px;
        height: 50px; }
        .single-meme-lightbox .single-meme-wrapper .close-single-meme:before {
          top: 25px;
          left: 12px; }
        .single-meme-lightbox .single-meme-wrapper .close-single-meme:after {
          top: 25px;
          left: 12px; }
      .single-meme-lightbox .single-meme-wrapper .prev-meme {
        left: 4px;
        top: 175px;
        z-index: 1; }
      .single-meme-lightbox .single-meme-wrapper .next-meme {
        right: 4px;
        top: 175px;
        z-index: 1; }
      .single-meme-lightbox .single-meme-wrapper .single-meme-container {
        margin: 0; }
        .single-meme-lightbox .single-meme-wrapper .single-meme-container .image-wrapper {
          height: 390px;
          padding: 0; }
          .single-meme-lightbox .single-meme-wrapper .single-meme-container .image-wrapper .single-meme-image {
            top: 50%;
            max-width: calc(100% - 80px);
            margin: 0 auto;
            transform: translatey(-50%);
            -webkit-transform: translateY(-50%); }
          .single-meme-lightbox .single-meme-wrapper .single-meme-container .image-wrapper .corda-left {
            left: 40px;
            top: -75px;
            width: 70px; }
          .single-meme-lightbox .single-meme-wrapper .single-meme-container .image-wrapper .corda-right {
            right: 40px;
            width: 70px;
            top: -75px; }
        .single-meme-lightbox .single-meme-wrapper .single-meme-container .single-meme-text-wrapper {
          padding: 40px 30px; }
          .single-meme-lightbox .single-meme-wrapper .single-meme-container .single-meme-text-wrapper .single-meme-text-footer .fb-like {
            margin-left: 8px;
            height: 42px;
            position: relative;
            display: block;
            margin-top: 30px; }
          .single-meme-lightbox .single-meme-wrapper .single-meme-container .single-meme-text-wrapper .denunciar-meme {
            position: relative;
            bottom: auto;
            height: 100px; }
  .single-denuncia-lightbox {
    position: fixed; }
    .single-denuncia-lightbox .single-denuncia-meme {
      padding: 40px 40px 0 40px; }
      .single-denuncia-lightbox .single-denuncia-meme h2 {
        padding-right: 50px; }
      .single-denuncia-lightbox .single-denuncia-meme .send-denuncia {
        position: relative;
        bottom: auto;
        left: -40px;
        width: calc(100% + 80px);
        font-size: 18px !important; }
        .single-denuncia-lightbox .single-denuncia-meme .send-denuncia .lds-eclipse {
          width: 30px; }
      .single-denuncia-lightbox .single-denuncia-meme .close-denuncia {
        top: 20px;
        right: 20px;
        width: 50px;
        height: 50px; }
        .single-denuncia-lightbox .single-denuncia-meme .close-denuncia:before {
          top: 25px;
          left: 12px; }
        .single-denuncia-lightbox .single-denuncia-meme .close-denuncia:after {
          top: 25px;
          left: 12px; } }

.legal #header-main {
  position: fixed;
  width: 100vw;
  height: auto;
  z-index: 1000; }

.legal .mobile-bottle-info {
  display: none; }

.legal .border.top, .legal .border.bottom {
  width: 100vw; }

.legal .border.left, .legal .border.right {
  height: 100vh; }

.legal #header-main .block-bg-cover {
  display: none; }

.legal #header-main .velhotes-logo {
  opacity: 1;
  visibility: visible; }
  .legal #header-main .velhotes-logo .letters {
    display: block; }
    .legal #header-main .velhotes-logo .letters.add-transition {
      -webkit-transition: opacity 1s ease-in-out;
      transition: opacity 1s ease-in-out; }
  .legal #header-main .velhotes-logo .logo-front {
    -webkit-transition: fill 1s ease-in-out;
    transition: fill 1s ease-in-out; }
  .legal #header-main .velhotes-logo svg {
    opacity: 1;
    visibility: visible; }
  .legal #header-main .velhotes-logo.can-anime {
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out; }

.legal #header-main .header-global {
  -webkit-transition: background .25s ease-in-out, box-shadow .25s ease-in-out, padding .25s ease-in-out;
  transition: background .25s ease-in-out, -webkit-box-shadow .25s ease-in-out, padding .25s ease-in-out; }
  .legal #header-main .header-global #create-meme-btn #smile-container svg path {
    stroke: #000; }
  .legal #header-main .header-global #create-meme-btn #smile-container #eye {
    border: 2px solid #000000; }
  .legal #header-main .header-global #create-meme-btn h2,
  .legal #header-main .header-global #create-meme-btn .char {
    opacity: 1;
    visibility: visible; }
  .legal #header-main .header-global #cria-o-meme {
    display: none; }
  .legal #header-main .header-global.active {
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0px 2px 12px 0px rgba(133, 117, 77, 0.2);
    padding: 23px 53px; }
    .legal #header-main .header-global.active .velhotes-logo {
      transform: scale(0.85);
      -webkit-transform: scale(0.85); }

.legal #header-main.active .velhotes-logo .logo-front {
  fill: #000000; }

.legal #header-main.active .velhotes-logo .letters {
  opacity: 0; }

.legal-page .content-main-wrapper {
  padding-top: 200px;
  color: #000000; }
  .legal-page .content-main-wrapper h2 {
    font-family: 'velhotes-title';
    font-size: 55px;
    margin-bottom: 55px;
    text-transform: uppercase; }
    .legal-page .content-main-wrapper h2 p {
      text-transform: initial; }
  .legal-page .content-main-wrapper h3 {
    font-family: 'velhotes-regular';
    font-size: 32px;
    color: #e4cea3;
    margin-top: 60px;
    margin-bottom: 40px; }
  .legal-page .content-main-wrapper p, .legal-page .content-main-wrapper h4, .legal-page .content-main-wrapper span, .legal-page .content-main-wrapper li {
    font-family: 'velhotes-regular';
    font-size: 21px;
    line-height: 1.3;
    color: #000000;
    margin-bottom: 15px; }
    .legal-page .content-main-wrapper p strong, .legal-page .content-main-wrapper h4 strong, .legal-page .content-main-wrapper span strong, .legal-page .content-main-wrapper li strong {
      font-family: 'velhotes-regular';
      font-size: 21px;
      line-height: 1.2;
      color: #e4cea3; }
    .legal-page .content-main-wrapper p a, .legal-page .content-main-wrapper h4 a, .legal-page .content-main-wrapper span a, .legal-page .content-main-wrapper li a {
      color: #000000; }
  .legal-page .content-main-wrapper span {
    display: block;
    margin-bottom: 100px; }
  .legal-page .content-main-wrapper h5 {
    font-family: 'velhotes-regular';
    font-size: 26px;
    color: #000000; }
  .legal-page .content-main-wrapper h4 {
    margin-bottom: 100px; }
  .legal-page .content-main-wrapper ul {
    margin-top: 25px;
    margin-left: 70px; }
    .legal-page .content-main-wrapper ul li {
      list-style-type: disc;
      line-height: 1.2;
      margin-bottom: 20px; }
  .legal-page .content-main-wrapper table {
    border-collapse: collapse;
    border-spacing: 0;
    border-color: #e4cea3;
    margin: 35px auto; }
    .legal-page .content-main-wrapper table td {
      font-family: 'velhotes-regular';
      font-size: 14px;
      padding: 10px 5px;
      border-style: solid;
      border-width: 1px;
      overflow: hidden;
      word-break: normal;
      border-color: #e4cea3;
      color: #000000;
      background-color: #ffffff; }
    .legal-page .content-main-wrapper table th {
      font-family: 'velhotes-regular';
      font-size: 14px;
      font-weight: normal;
      padding: 10px 10px;
      border-style: solid;
      border-width: 1px;
      overflow: hidden;
      word-break: normal;
      border-color: #e4cea3;
      color: #e4cea3; }
    .legal-page .content-main-wrapper table .table-text {
      font-family: 'velhotes-regular';
      font-size: 17px;
      background-color: transparent;
      color: #000000;
      text-align: center;
      vertical-align: top; }
      .legal-page .content-main-wrapper table .table-text a {
        color: #000000; }
    .legal-page .content-main-wrapper table .table-title {
      font-family: 'velhotes-bold-name';
      background-color: transparent;
      font-size: 21px;
      color: #000000;
      text-align: center;
      vertical-align: top; }

.legal-page footer {
  margin-top: 150px; }

@media only screen and (max-width: 414px) {
  .legal #header-main .header-global #create-meme-btn h2#cria-o-meme,
  .legal #header-main .header-global #create-meme-btn h2#memes-velhotes {
    display: none; }
  .legal #header-main .header-global.active {
    padding: 30px 0 23px; }
  .legal-page .content-main-wrapper {
    padding-top: 120px; }
    .legal-page .content-main-wrapper h2 {
      font-size: 35px; }
    .legal-page .content-main-wrapper ul {
      margin-left: 25px; }
    .legal-page .content-main-wrapper table {
      overflow-x: auto;
      width: 100%;
      display: inline-block; } }

.legado {
  background: #faf7ec; }
  .legado .velhotes-lightboxes {
    display: none; }
  .legado .border.top,
  .legado .border.bottom,
  .legado .border.top,
  .legado .border.bottom {
    width: 100vw; }
  .legado .border.left,
  .legado .border.right,
  .legado .border.left,
  .legado .border.right {
    height: 100vh; }
  .legado .pattern-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: #faf7ec url("/public/imgs/legado/pattern.jpg");
    background-size: 418px 627px;
    mix-blend-mode: multiply;
    opacity: .2;
    pointer-events: none;
    z-index: 1; }
  .legado .pattern-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #faf7ec url("/public/imgs/legado/pattern.jpg");
    background-size: 418px 627px;
    background-blend-mode: multiply;
    pointer-events: none;
    opacity: .5;
    z-index: -1; }
  .legado .mobile-bottle-info {
    display: none; }
  .legado .bottle-parallax-second {
    opacity: 0; }
  .legado #header-main .block-bg-cover {
    display: none; }
  .legado #header-main .header-global {
    -webkit-transition: background .25s ease-in-out, box-shadow .25s ease-in-out;
    transition: background .25s ease-in-out, -webkit-box-shadow .25s ease-in-out; }
    .legado #header-main .header-global #create-meme-btn #smile-container svg path {
      stroke: #000; }
    .legado #header-main .header-global #create-meme-btn #smile-container #eye {
      border: 2px solid #000000; }
    .legado #header-main .header-global #create-meme-btn h2,
    .legado #header-main .header-global #create-meme-btn .char {
      opacity: 0;
      visibility: hidden; }
    .legado #header-main .header-global.active {
      background: rgba(250, 247, 236, 0.97);
      box-shadow: 0px 2px 12px 0px rgba(133, 117, 77, 0.2); }
  .legado #header-main .velhotes-logo {
    opacity: 1;
    visibility: visible; }
    .legado #header-main .velhotes-logo .letters {
      display: block; }
      .legado #header-main .velhotes-logo .letters.add-transition {
        -webkit-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out; }
    .legado #header-main .velhotes-logo .logo-front {
      -webkit-transition: fill 1s ease-in-out;
      transition: fill 1s ease-in-out; }
    .legado #header-main .velhotes-logo svg {
      opacity: 1;
      visibility: visible; }
  .legado #header-main.active .velhotes-logo .logo-front {
    fill: #000000; }
  .legado #header-main.active .velhotes-logo .letters {
    opacity: 0; }

.legado-page .slogan {
  position: relative;
  z-index: 1;
  font-family: 'velhotes-heavy';
  font-size: 85px;
  line-height: 80px;
  color: #000000;
  opacity: 0;
  margin: 240px auto 0 auto;
  max-width: 900px;
  text-transform: uppercase;
  letter-spacing: -1.5px;
  transition: all 2.5s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 2.5s cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  font-feature-settings: "salt";
  -webkit-font-feature-settings: "salt";
  -o-font-feature-settings: "salt";
  -moz-font-feature-settings: "salt";
  -ms-font-feature-settings: "salt"; }
  .legado-page .slogan.change-spacing {
    letter-spacing: -1.5px;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1); }

.legado-page .page-header {
  position: relative; }
  .legado-page .page-header .scroll-helper {
    right: auto;
    left: calc(50% + 6px); }
    .legado-page .page-header .scroll-helper h2 {
      color: #000000; }
    .legado-page .page-header .scroll-helper .arrow-container svg {
      fill: #000000; }
  .legado-page .page-header .images-wrapper .bg {
    position: relative; }
  .legado-page .page-header h3 {
    position: relative;
    z-index: 1;
    font-family: 'velhotes-roman';
    font-size: 125px;
    line-height: 160px;
    letter-spacing: -10px;
    color: #8e5a30;
    opacity: .3;
    margin-top: 100px; }
    .legado-page .page-header h3 .roman-numb, .legado-page .page-header h3 .high {
      display: block;
      font-size: 310px;
      letter-spacing: 12px; }
  .legado-page .page-header p {
    position: relative;
    z-index: 2;
    font-family: 'velhotes-regular';
    font-size: 27px;
    line-height: 27px;
    letter-spacing: -1px;
    color: #261919;
    margin-top: -210px; }

.legado-page .images-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }
  .legado-page .images-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
    .legado-page .images-wrapper img.man {
      top: -100px; }
    .legado-page .images-wrapper img.js-image-anime {
      opacity: 0; }
  .legado-page .images-wrapper .video-anime {
    width: 100vw;
    height: auto; }

.legado-page .content-main-wrapper {
  position: relative; }
  .legado-page .content-main-wrapper h3 {
    position: relative;
    z-index: 1;
    font-family: 'velhotes-roman';
    font-size: 18vw;
    letter-spacing: -18px;
    color: #8e5a30;
    opacity: .3; }
  .legado-page .content-main-wrapper p {
    position: relative;
    z-index: 2;
    font-family: 'velhotes-regular';
    font-size: 27px;
    line-height: 32px;
    letter-spacing: -0.5px;
    color: #261919; }
  .legado-page .content-main-wrapper .blockquote {
    font-family: 'velhotes-italic';
    font-size: 45px;
    letter-spacing: -1px;
    color: #8e5a30;
    margin: 15px 0 25px; }
  .legado-page .content-main-wrapper .arrive .pattern-img {
    opacity: 0; }
  .legado-page .content-main-wrapper .arrive .images-wrapper .man-second,
  .legado-page .content-main-wrapper .arrive .images-wrapper .boat {
    top: auto;
    bottom: 180px; }
  .legado-page .content-main-wrapper .arrive p {
    margin-top: -297px; }
  .legado-page .content-main-wrapper .arrive h3 {
    margin-top: 350px; }
  .legado-page .content-main-wrapper .frame-legacy {
    position: relative; }
    .legado-page .content-main-wrapper .frame-legacy .video-anime {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
    .legado-page .content-main-wrapper .frame-legacy .images-wrapper {
      position: relative;
      z-index: 0; }
      .legado-page .content-main-wrapper .frame-legacy .images-wrapper .frame-wrapper {
        position: absolute;
        top: calc(50% - 150px);
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        -webkit-transform: translate3d(-50%, -50%, 0); }
      .legado-page .content-main-wrapper .frame-legacy .images-wrapper canvas {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        z-index: 1;
        margin-top: 61px;
        margin-left: 76px;
        pointer-events: none; }
      .legado-page .content-main-wrapper .frame-legacy .images-wrapper img {
        width: auto; }
        .legado-page .content-main-wrapper .frame-legacy .images-wrapper img.mesa-isolated, .legado-page .content-main-wrapper .frame-legacy .images-wrapper img.book-isolated {
          display: none;
          max-width: 995px;
          width: 100%; }
        .legado-page .content-main-wrapper .frame-legacy .images-wrapper img.velhotes {
          display: none;
          max-width: 840px;
          width: 100%;
          top: auto;
          bottom: 64px;
          left: 76px; }
        .legado-page .content-main-wrapper .frame-legacy .images-wrapper img.frame-isolated {
          position: relative;
          top: auto;
          left: auto;
          max-width: 995px;
          height: auto;
          margin: 0 auto; }
        .legado-page .content-main-wrapper .frame-legacy .images-wrapper img.shadow-isolated {
          position: relative;
          top: -150px;
          left: auto;
          max-width: 1375px;
          width: 100%;
          height: auto;
          margin: 0 auto; }
      .legado-page .content-main-wrapper .frame-legacy .images-wrapper .bg {
        position: relative; }
      .legado-page .content-main-wrapper .frame-legacy .images-wrapper .left-man-area {
        position: absolute;
        z-index: 2;
        top: 30%;
        left: 5%;
        width: 270px;
        height: 420px;
        cursor: pointer; }
      .legado-page .content-main-wrapper .frame-legacy .images-wrapper .middle-man-area {
        position: absolute;
        z-index: 2;
        top: 15%;
        left: 32%;
        width: 480px;
        height: 526px;
        cursor: pointer; }
      .legado-page .content-main-wrapper .frame-legacy .images-wrapper .right-man-area {
        position: absolute;
        z-index: 2;
        top: 20%;
        right: 8%;
        width: 237px;
        height: 540px;
        cursor: pointer; }
    .legado-page .content-main-wrapper .frame-legacy .frame-text {
      margin-top: -180px;
      position: relative;
      z-index: 1; }
    .legado-page .content-main-wrapper .frame-legacy p:last-child {
      max-width: 550px;
      width: 100%;
      margin: 0 auto; }
    .legado-page .content-main-wrapper .frame-legacy .quote-frame {
      width: 100%;
      max-width: 560px;
      height: 16px;
      opacity: .1; }
      .legado-page .content-main-wrapper .frame-legacy .quote-frame.top {
        margin-top: 35px; }
      .legado-page .content-main-wrapper .frame-legacy .quote-frame.bottom {
        margin-bottom: 25px; }
      .legado-page .content-main-wrapper .frame-legacy .quote-frame .bar {
        stroke: #261919; }
      .legado-page .content-main-wrapper .frame-legacy .quote-frame .element {
        fill: #261919; }
  .legado-page .content-main-wrapper .wall-frames-wrapper {
    margin-top: 130px; }
    .legado-page .content-main-wrapper .wall-frames-wrapper .wall-frame {
      position: relative;
      z-index: 2; }
      .legado-page .content-main-wrapper .wall-frames-wrapper .wall-frame.first {
        margin-top: 70px; }
      .legado-page .content-main-wrapper .wall-frames-wrapper .wall-frame.middle img {
        margin: 0 auto; }
      .legado-page .content-main-wrapper .wall-frames-wrapper .wall-frame.last {
        margin-top: 260px; }
        .legado-page .content-main-wrapper .wall-frames-wrapper .wall-frame.last img {
          margin-left: auto; }
    .legado-page .content-main-wrapper .wall-frames-wrapper h3 {
      margin-top: -160px;
      opacity: .3; }
    .legado-page .content-main-wrapper .wall-frames-wrapper p {
      position: relative;
      z-index: 1;
      max-width: 435px;
      width: 100%;
      margin: 0 auto;
      text-align: left;
      margin-top: -80px; }

.legado-page .page-footer {
  margin-top: 250px; }
  .legado-page .page-footer .slogan {
    position: relative;
    z-index: 1;
    line-height: 80px;
    margin-top: 0;
    max-width: 670px; }
  .legado-page .page-footer img {
    margin: -240px auto 0 auto;
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: center bottom;
    -webkit-transform-origin: center bottom; }
  .legado-page .page-footer p {
    margin-top: 80px;
    text-align: center;
    font-family: 'velhotes-regular';
    font-size: 19px;
    line-height: 27px;
    color: #c2bfb6; }

.legado-page .timeline {
  opacity: 0;
  position: absolute;
  z-index: 2;
  top: -250px;
  left: 0;
  width: 100%;
  max-height: 3750px;
  height: 100%;
  pointer-events: none; }
  .legado-page .timeline .stroke {
    stroke: #8e5a30;
    fill: none; }
  .legado-page .timeline .fill {
    stroke: none;
    fill: #8e5a30; }
  .legado-page .timeline .line-complete {
    opacity: 0; }
  .legado-page .timeline .anime-text {
    font-family: 'velhotes-regular';
    font-size: 15px;
    fill: #8e5a30; }
  .legado-page .timeline .anime-text {
    opacity: 0; }
  .legado-page .timeline .line-full-1 {
    stroke-dasharray: 1453; }
  .legado-page .timeline .line-full-2 {
    stroke-dasharray: 1445; }
  .legado-page .timeline .line-full-3 {
    stroke-dasharray: 2741; }
  .legado-page .timeline .pointer .medium {
    fill: #f5edd3; }
  .legado-page .timeline .pointer .large {
    fill: #ffffff; }
  .legado-page .timeline .pointer .small {
    fill: #eab63e; }
  .legado-page .timeline .frame-svg,
  .legado-page .timeline .finish-point,
  .legado-page .timeline .middle-point,
  .legado-page .timeline .start-point,
  .legado-page .timeline .amsterdam,
  .legado-page .timeline .vng,
  .legado-page .timeline .line-full,
  .legado-page .timeline .line-dashed {
    opacity: .3; }
  .legado-page .timeline .line-dashed {
    opacity: 0; }

.legado-page .off-box {
  display: none;
  position: fixed;
  bottom: 60px;
  right: 0;
  max-width: 660px;
  width: 100%;
  padding: 60px;
  background-color: #ffffff;
  transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0); }
  .legado-page .off-box h2 {
    font-size: 50px;
    line-height: 45px; }
  .legado-page .off-box .feedback-container {
    margin: 40px 0; }
  .legado-page .off-box form {
    max-width: 100%;
    margin-bottom: 0; }
  .legado-page .off-box .close-box {
    position: absolute;
    top: 35px;
    right: 30px;
    width: 35px;
    height: 15px; }
    .legado-page .off-box .close-box:before {
      content: "";
      position: absolute;
      top: calc(50% - 0.5px);
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #000000;
      transform: rotate(40deg);
      -webkit-transform: rotate(40deg);
      transition: transform .25s ease-in-out;
      -webkit-transition: -webkit-transform .25s ease-in-out;
      transform-origin: center center;
      -webkit-transform-origin: center center; }
    .legado-page .off-box .close-box:after {
      content: "";
      position: absolute;
      top: calc(50% - 0.5px);
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #000000;
      transform: rotate(-40deg);
      -webkit-transform: rotate(-40deg);
      transition: transform .25s ease-in-out;
      -webkit-transition: -webkit-transform .25s ease-in-out;
      transform-origin: center center;
      -webkit-transform-origin: center center; }
    .legado-page .off-box .close-box:hover:before {
      transform: rotate(30deg);
      -webkit-transform: rotate(30deg); }
    .legado-page .off-box .close-box:hover:after {
      transform: rotate(-30deg);
      -webkit-transform: rotate(-30deg); }

@media only screen and (max-width: 1024px) {
  .legado-page .slogan {
    margin-top: 140px; }
  .legado-page .timeline {
    display: none; }
  .legado-page .pattern-bg {
    opacity: .1; }
  .legado-page .page-header {
    height: 100vh; }
    .legado-page .page-header h3 {
      font-size: 100px;
      line-height: 140px;
      letter-spacing: -8px;
      margin-top: 50px; }
      .legado-page .page-header h3 .roman-numb,
      .legado-page .page-header h3 .high {
        font-size: 260px; }
  .legado-page .content-main-wrapper h3 {
    font-size: 220px;
    margin-top: 100px; }
  .legado-page .content-main-wrapper .arrive .pattern-img {
    opacity: .15; }
  .legado-page .content-main-wrapper .arrive h3 {
    margin-top: 250px; }
  .legado-page .content-main-wrapper .frame-legacy .pattern-img {
    opacity: .1; }
  .legado-page .content-main-wrapper .frame-legacy .frame-text {
    margin-top: -100px; }
  .legado-page .content-main-wrapper .wall-frames-wrapper h3 {
    margin-top: -50px; }
  .legado-page .content-main-wrapper .wall-frames-wrapper p {
    margin-top: -50px; }
  .legado-page .page-footer img {
    transform: scale(0.8);
    -webkit-transform: scale(0.8); }
  .mobile .legado-page .images-wrapper img {
    position: relative; } }

@media only screen and (max-width: 768px) {
  .legado-page .timeline {
    display: none; }
  .legado-page .slogan {
    max-width: 700px; }
  .legado-page .page-header h3 {
    margin-top: 150px; }
  .legado-page .page-header .images-wrapper img {
    left: -450px; }
  .legado-page .images-wrapper img {
    height: 100vh;
    max-width: none;
    width: auto; }
  .legado-page .content-main-wrapper {
    margin-top: 0; }
    .legado-page .content-main-wrapper .arrive .images-wrapper img {
      left: -200px; }
    .legado-page .content-main-wrapper .arrive h3 {
      margin-top: 320px;
      font-size: 220px !important; }
    .legado-page .content-main-wrapper .arrive p {
      margin-top: -330px; }
    .legado-page .content-main-wrapper .frame-legacy {
      padding-top: 100px; }
      .legado-page .content-main-wrapper .frame-legacy .images-wrapper img {
        left: auto;
        width: 100%;
        height: auto; }
      .legado-page .content-main-wrapper .frame-legacy .frame-text {
        margin-top: -80px; }
    .legado-page .content-main-wrapper .wall-frames-wrapper h3 {
      font-size: 170px;
      margin-top: -80px; }
    .legado-page .content-main-wrapper .wall-frames-wrapper p {
      margin-top: 50px; }
    .legado-page .content-main-wrapper .wall-frames-wrapper .wall-frame.first {
      margin-top: 0; }
    .legado-page .content-main-wrapper .wall-frames-wrapper .wall-frame.middle {
      margin-top: 100px; }
    .legado-page .content-main-wrapper .wall-frames-wrapper .wall-frame.last {
      margin-top: 40px;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; }
      .legado-page .content-main-wrapper .wall-frames-wrapper .wall-frame.last img {
        margin: 0 auto; } }

@media only screen and (max-width: 414px) {
  .legado .border {
    display: none; }
  .legado #header-main .header-global #create-meme-btn h2#cria-o-meme,
  .legado #header-main .header-global #create-meme-btn h2#memes-velhotes {
    display: none; }
  .legado-page .slogan {
    font-size: 45px;
    line-height: 1; }
  .legado-page .pattern-bg,
  .legado-page .pattern-img {
    display: none; }
  .legado-page .page-header .scroll-helper {
    display: none; }
  .legado-page .page-header h3 {
    font-size: 80px;
    opacity: .4;
    letter-spacing: -6px;
    line-height: 110px;
    margin-top: 80px; }
    .legado-page .page-header h3 .roman-numb,
    .legado-page .page-header h3 .high {
      font-size: 180px; }
  .legado-page .page-header p {
    margin-top: 50px; }
  .legado-page .page-header .images-wrapper img {
    height: 100vh;
    left: -350px; }
  .legado-page .content-main-wrapper h3 {
    font-size: 180px; }
  .legado-page .content-main-wrapper .arrive .images-wrapper {
    top: 150px; }
    .legado-page .content-main-wrapper .arrive .images-wrapper img {
      height: 100vh;
      left: -80px; }
  .legado-page .content-main-wrapper .arrive p {
    margin-top: 350px;
    margin-bottom: 80px; }
  .legado-page .content-main-wrapper .arrive h3 {
    margin-top: 200px; }
  .legado-page .content-main-wrapper .frame-legacy {
    padding-top: 50px; }
    .legado-page .content-main-wrapper .frame-legacy .frame-text {
      margin-top: 0; }
    .legado-page .content-main-wrapper .frame-legacy .quote-frame {
      width: 560px;
      opacity: .2;
      left: calc(50% - 280px);
      position: relative; }
    .legado-page .content-main-wrapper .frame-legacy .images-wrapper img {
      transform: scale(1.3);
      -webkit-transform: scale(1.3); }
  .legado-page .content-main-wrapper .wall-frames-wrapper .wall-frame.middle {
    margin-top: 40px; }
  .legado-page .content-main-wrapper .wall-frames-wrapper h3 {
    line-height: 100px;
    margin-top: -50px; }
  .legado-page .content-main-wrapper .wall-frames-wrapper p {
    margin-top: 80px; }
  .legado-page .page-footer {
    margin-top: 150px; }
    .legado-page .page-footer .slogan {
      font-size: 45px;
      line-height: 1; }
    .legado-page .page-footer img {
      transform: scale(1);
      -webkit-transform: scale(1);
      height: 553px;
      margin-top: -40px; } }

.covid.js-open-offmenu #header-main .header-global .offmenu-btn .burguer-wrapper .burguer {
  background-color: #000000; }

.covid.js-open-offmenu #header-main .header-global .offmenu-btn .text-wrapper .text {
  color: #000000; }

.covid #header-main .header-global .offmenu-btn .burguer-wrapper .burguer {
  background-color: #ffffff; }

.covid #header-main .header-global .offmenu-btn .text-wrapper .text {
  color: #ffffff; }

.covid #header-main {
  position: fixed;
  width: 100vw;
  height: auto;
  z-index: 1000; }

.covid .mobile-bottle-info {
  display: none; }

.covid .border.top, .covid .border.bottom {
  width: 100vw; }

.covid .border.left, .covid .border.right {
  height: 100vh; }

.covid #header-main .block-bg-cover {
  display: none; }

.covid #header-main .velhotes-logo {
  opacity: 1;
  visibility: visible; }
  .covid #header-main .velhotes-logo .letters {
    display: block; }
    .covid #header-main .velhotes-logo .letters.add-transition {
      -webkit-transition: opacity 1s ease-in-out;
      transition: opacity 1s ease-in-out; }
  .covid #header-main .velhotes-logo .logo-front {
    -webkit-transition: fill 1s ease-in-out;
    transition: fill 1s ease-in-out; }
  .covid #header-main .velhotes-logo svg {
    opacity: 1;
    visibility: visible; }
  .covid #header-main .velhotes-logo.can-anime {
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out; }

.covid #header-main .header-global {
  -webkit-transition: background 0.25s ease-in-out, box-shadow 0.25s ease-in-out, padding 0.25s ease-in-out;
  transition: background 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out, padding 0.25s ease-in-out; }
  .covid #header-main .header-global #create-meme-btn #smile-container svg path {
    stroke: #000; }
  .covid #header-main .header-global #create-meme-btn #smile-container #eye {
    border: 2px solid #000000; }
  .covid #header-main .header-global #create-meme-btn h2,
  .covid #header-main .header-global #create-meme-btn .char {
    opacity: 1;
    visibility: visible; }
  .covid #header-main .header-global #cria-o-meme {
    display: none; }
  .covid #header-main .header-global.active {
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0px 2px 12px 0px rgba(133, 117, 77, 0.2);
    padding: 23px 53px; }
    .covid #header-main .header-global.active .velhotes-logo {
      transform: scale(0.85);
      -webkit-transform: scale(0.85); }

.covid #header-main.active .velhotes-logo .logo-front {
  fill: #ffffff; }

.covid #header-main.active .velhotes-logo .letters {
  opacity: 0; }

.covid-page .page-header {
  position: relative;
  height: 100vh;
  z-index: 1; }
  .covid-page .page-header .block-bg-cover:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000000;
    z-index: 1;
    opacity: 0.2;
    pointer-events: none; }
  .covid-page .page-header .row {
    position: relative;
    height: 100%;
    text-align: center; }
    .covid-page .page-header .row img {
      margin: 0 auto; }
      @media only screen and (max-width: 414px) {
        .covid-page .page-header .row img.header-title {
          position: relative;
          width: 120%;
          max-width: 120%;
          left: -10%; } }
    .covid-page .page-header .row h1 {
      font-family: "velhotes-heavy";
      font-style: normal;
      font-weight: 800;
      font-size: 90px;
      line-height: 100%;
      /* or 90px */
      text-align: center;
      letter-spacing: -0.03em;
      text-transform: uppercase; }
    .covid-page .page-header .row .btns-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      max-width: 600px;
      width: 100%;
      margin: 0 auto; }
      @media only screen and (max-width: 414px) {
        .covid-page .page-header .row .btns-wrapper {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          padding: 0 50px;
          margin-top: 40px; } }
    .covid-page .page-header .row .covid-button {
      margin: 40px 10px 0 10px;
      border: 1px solid transparent; }
      @media only screen and (max-width: 768px) {
        .covid-page .page-header .row .covid-button {
          margin: 80px auto 0 auto; } }
      @media only screen and (max-width: 414px) {
        .covid-page .page-header .row .covid-button {
          margin: 0;
          margin-bottom: 20px; } }
    .covid-page .page-header .row .play-btn {
      border: 1px solid #ffffff;
      background-color: transparent; }
      .covid-page .page-header .row .play-btn span {
        color: #ffffff; }
        @media only screen and (max-width: 414px) {
          .covid-page .page-header .row .play-btn span {
            margin-right: 20px; } }

.covid-page .covid-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  padding: 20px 25px;
  font-family: "velhotes-roman";
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 17px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  background: #000000;
  transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
  will-change: transform; }
  .covid-page .covid-button:hover {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  .covid-page .covid-button span {
    position: relative;
    color: #ffffff;
    margin-right: 40px; }

.covid-page .content-main-wrapper {
  position: relative;
  margin-top: 100px;
  margin-bottom: 100px;
  z-index: 2; }
  .covid-page .content-main-wrapper strong {
    font-family: "velhotes-bold"; }
  .covid-page .content-main-wrapper .paypal-form {
    display: none; }
  .covid-page .content-main-wrapper .left-col h2 {
    margin-bottom: 30px;
    font-family: "velhotes-roman";
    font-style: normal;
    font-weight: normal;
    font-size: 48px;
    line-height: 102.5%;
    letter-spacing: -0.03em;
    color: #000000; }
    @media only screen and (max-width: 768px) {
      .covid-page .content-main-wrapper .left-col h2 {
        font-size: 42px; } }
  .covid-page .content-main-wrapper .left-col h3 {
    margin-top: 40px;
    margin-bottom: 40px;
    font-family: "velhotes-bold";
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    line-height: 119.3%;
    letter-spacing: -0.04em;
    color: #9d9154; }
    @media only screen and (max-width: 768px) {
      .covid-page .content-main-wrapper .left-col h3 {
        font-size: 38px; } }
    @media only screen and (max-width: 414px) {
      .covid-page .content-main-wrapper .left-col h3 {
        line-height: 1.1em; } }
  .covid-page .content-main-wrapper .left-col p {
    margin-bottom: 20px;
    font-family: "velhotes-regular";
    font-style: normal;
    font-weight: normal;
    font-size: 26px;
    line-height: 1.2em;
    letter-spacing: -0.02em;
    color: #000000; }
  .covid-page .content-main-wrapper .left-col img {
    padding: 0 40px 0 20px;
    margin-bottom: 20px; }
  .covid-page .content-main-wrapper .left-col .list-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
    .covid-page .content-main-wrapper .left-col .list-wrapper p {
      font-family: "velhotes-heavy";
      font-style: normal;
      text-transform: uppercase;
      margin-bottom: 10px;
      font-size: 22px; }
      @media only screen and (max-width: 414px) {
        .covid-page .content-main-wrapper .left-col .list-wrapper p {
          font-size: 14px; } }
    .covid-page .content-main-wrapper .left-col .list-wrapper .subtitle {
      font-family: "velhotes-heavy";
      font-style: normal;
      font-weight: normal;
      font-size: 12px;
      line-height: 1.2em;
      letter-spacing: -0.02em;
      color: #aaa;
      text-transform: uppercase; }
  .covid-page .content-main-wrapper .left-col ul {
    margin-top: 20px;
    margin-bottom: 40px; }
  .covid-page .content-main-wrapper .left-col li {
    margin: 10px 0;
    font-family: "velhotes-regular";
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 1.2em;
    letter-spacing: -0.02em;
    color: #000; }
    @media only screen and (max-width: 414px) {
      .covid-page .content-main-wrapper .left-col li {
        font-size: 18px; } }
  @media only screen and (max-width: 768px) {
    .covid-page .content-main-wrapper .donation-form {
      max-width: 100%; } }
  .covid-page .content-main-wrapper .donation-form-col {
    padding-left: 40px; }
    @media only screen and (max-width: 768px) {
      .covid-page .content-main-wrapper .donation-form-col {
        padding-left: 0px; } }
  .covid-page .content-main-wrapper .right-col {
    position: relative;
    margin-top: -200px; }
    .covid-page .content-main-wrapper .right-col h2 {
      margin-bottom: 10px;
      font-family: "velhotes-heavy";
      font-style: normal;
      font-weight: 800;
      font-size: 32px;
      line-height: 105.5%;
      letter-spacing: -0.03em;
      text-transform: uppercase;
      color: #000000; }
      @media only screen and (max-width: 768px) {
        .covid-page .content-main-wrapper .right-col h2 {
          font-size: 26px; } }
      @media only screen and (max-width: 414px) {
        .covid-page .content-main-wrapper .right-col h2 {
          letter-spacing: -0.05em; } }
    .covid-page .content-main-wrapper .right-col p {
      font-family: "velhotes-regular";
      font-style: normal;
      font-weight: normal;
      font-size: 21px;
      line-height: 23px;
      letter-spacing: -0.02em;
      color: #a7a3a3; }
    .covid-page .content-main-wrapper .right-col .donation-header {
      position: relative;
      padding: 55px;
      background-color: #ffffff;
      box-shadow: 0px 14px 14px rgba(0, 0, 0, 0.05); }
      @media only screen and (max-width: 414px) {
        .covid-page .content-main-wrapper .right-col .donation-header {
          padding: 30px; } }
      .covid-page .content-main-wrapper .right-col .donation-header h2 span {
        color: #ed1b24; }
      .covid-page .content-main-wrapper .right-col .donation-header .donation-totals {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
        margin-top: 70px; }
        @media only screen and (max-width: 414px) {
          .covid-page .content-main-wrapper .right-col .donation-header .donation-totals {
            margin-top: 30px; } }
        .covid-page .content-main-wrapper .right-col .donation-header .donation-totals:after {
          content: "";
          position: absolute;
          bottom: -12px;
          left: 0;
          width: 100%;
          height: 5px;
          background-color: #e3d3ae; }
        .covid-page .content-main-wrapper .right-col .donation-header .donation-totals .value {
          display: block;
          font-family: "velhotes-heavy";
          font-style: normal;
          font-weight: 800;
          font-size: 45px;
          text-transform: uppercase;
          color: #000000; }
          @media only screen and (max-width: 768px) {
            .covid-page .content-main-wrapper .right-col .donation-header .donation-totals .value {
              font-size: 38px; } }
          .covid-page .content-main-wrapper .right-col .donation-header .donation-totals .value span {
            position: relative;
            margin-right: 5px;
            font-family: "velhotes-regular";
            font-size: 25px; }
        .covid-page .content-main-wrapper .right-col .donation-header .donation-totals .number {
          display: block;
          font-family: "velhotes-regular";
          font-style: normal;
          font-size: 20px;
          letter-spacing: -0.02em;
          color: #000000; }
          .covid-page .content-main-wrapper .right-col .donation-header .donation-totals .number span {
            font-family: "velhotes-heavy"; }
    .covid-page .content-main-wrapper .right-col .donation-form-wrapper {
      position: relative;
      padding: 55px;
      margin-top: 70px;
      margin-bottom: 130px;
      border: 2px solid #e5dfd0; }
      @media only screen and (max-width: 414px) {
        .covid-page .content-main-wrapper .right-col .donation-form-wrapper {
          padding: 30px; } }
      @media only screen and (max-width: 320px) {
        .covid-page .content-main-wrapper .right-col .donation-form-wrapper {
          padding: 10px; } }
      .covid-page .content-main-wrapper .right-col .donation-form-wrapper .form-header {
        position: relative; }
        .covid-page .content-main-wrapper .right-col .donation-form-wrapper .form-header .phase-2-header {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          opacity: 0;
          visibility: hidden; }
          .covid-page .content-main-wrapper .right-col .donation-form-wrapper .form-header .phase-2-header .thank-you-phrases {
            position: relative; }
            .covid-page .content-main-wrapper .right-col .donation-form-wrapper .form-header .phase-2-header .thank-you-phrases .mbway-message {
              position: relative;
              opacity: 0;
              visibility: hidden; }
            .covid-page .content-main-wrapper .right-col .donation-form-wrapper .form-header .phase-2-header .thank-you-phrases .paypal-message,
            .covid-page .content-main-wrapper .right-col .donation-form-wrapper .form-header .phase-2-header .thank-you-phrases .iban-message {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              opacity: 0;
              visibility: hidden; }
      .covid-page .content-main-wrapper .right-col .donation-form-wrapper p {
        position: relative;
        margin-bottom: 50px; }
        .covid-page .content-main-wrapper .right-col .donation-form-wrapper p:after {
          content: "";
          position: absolute;
          bottom: -22px;
          left: 0;
          width: 100%;
          height: 1px;
          background-color: rgba(0, 0, 0, 0.1); }
      .covid-page .content-main-wrapper .right-col .donation-form-wrapper .donation-type {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        margin-bottom: 32px; }
        .covid-page .content-main-wrapper .right-col .donation-form-wrapper .donation-type .paypal-wrapper img {
          position: relative;
          top: 5px; }
        .covid-page .content-main-wrapper .right-col .donation-form-wrapper .donation-type .radio-wrapper {
          text-align: center;
          cursor: pointer; }
          .covid-page .content-main-wrapper .right-col .donation-form-wrapper .donation-type .radio-wrapper.active {
            pointer-events: none; }
          .covid-page .content-main-wrapper .right-col .donation-form-wrapper .donation-type .radio-wrapper img {
            pointer-events: none;
            display: block;
            position: relative;
            margin-bottom: 10px; }
          .covid-page .content-main-wrapper .right-col .donation-form-wrapper .donation-type .radio-wrapper .radio-element {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
            .covid-page .content-main-wrapper .right-col .donation-form-wrapper .donation-type .radio-wrapper .radio-element .radio-inner {
              position: absolute;
              width: 10px;
              height: 10px;
              background-color: rgba(0, 0, 0, 0.1);
              border-radius: 100%;
              pointer-events: none; }
            .covid-page .content-main-wrapper .right-col .donation-form-wrapper .donation-type .radio-wrapper .radio-element .radio {
              width: 26px;
              height: 26px;
              background-color: #ffffff;
              border-radius: 100%;
              padding: 0;
              cursor: pointer;
              -webkit-appearance: none;
              outline: none;
              border: 0;
              box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.09);
              -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.09); }
              .covid-page .content-main-wrapper .right-col .donation-form-wrapper .donation-type .radio-wrapper .radio-element .radio:checked + .radio-inner {
                background-color: black; }
      .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-wrapper {
        position: relative; }
      .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-1 {
        position: relative;
        display: none; }
        .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-1 .recipte {
          display: flex;
          align-items: center;
          flex-direction: row;
          margin-bottom: 38px; }
          .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-1 .recipte label {
            cursor: pointer; }
          .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-1 .recipte .recipte-wrapper {
            display: flex;
            align-items: center;
            justify-content: center; }
            .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-1 .recipte .recipte-wrapper input {
              width: 14px;
              height: 14px;
              background: #ffffff;
              border-radius: 0px;
              border: 1px solid #000000;
              line-height: 1;
              padding: 0;
              -webkit-appearance: none;
              cursor: pointer; }
              .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-1 .recipte .recipte-wrapper input:checked + .svg-check {
                opacity: 1; }
            .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-1 .recipte .recipte-wrapper .svg-check {
              position: absolute;
              pointer-events: none;
              opacity: 0; }
          .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-1 .recipte p {
            margin: 0 0 0 10px;
            font-family: "velhotes-regular";
            font-style: normal;
            font-weight: normal;
            font-size: 17px;
            line-height: 105.5%;
            letter-spacing: 0.01em;
            color: #000000; }
            .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-1 .recipte p:after {
              display: none; }
      .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-2 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: none; }
        .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-2 .paypal-button,
        .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-2 .mb-button {
          display: block;
          cursor: pointer;
          transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
          -webkit-transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
          will-change: transform; }
          .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-2 .paypal-button:hover,
          .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-2 .mb-button:hover {
            transform: scale(0.95);
            -webkit-transform: scale(0.95); }
        .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-2 label {
          opacity: 0;
          visibility: hidden; }
        .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-2 .fields {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          pointer-events: visible;
          opacity: 0;
          visibility: hidden; }
          .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-2 .fields.iban-fields img {
            margin: 0 auto; }
          .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-2 .fields.mbway-fields p {
            margin-top: 10px; }
          .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-2 .fields.paypal-fields img, .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-2 .fields.mbway-fields img {
            margin: 0 auto; }
          .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-2 .fields.paypal-fields p, .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-2 .fields.mbway-fields p {
            font-size: 18px;
            text-align: center;
            color: #000000;
            opacity: 0.4;
            padding: 0 40px; }
            .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-2 .fields.paypal-fields p:after, .covid-page .content-main-wrapper .right-col .donation-form-wrapper .phase-2 .fields.mbway-fields p:after {
              display: none; }
      .covid-page .content-main-wrapper .right-col .donation-form-wrapper .form-footer {
        position: relative; }
        .covid-page .content-main-wrapper .right-col .donation-form-wrapper .form-footer .phase-1-footer {
          position: relative; }
          @media only screen and (max-width: 414px) {
            .covid-page .content-main-wrapper .right-col .donation-form-wrapper .form-footer .phase-1-footer {
              padding-bottom: 20px; } }
          .covid-page .content-main-wrapper .right-col .donation-form-wrapper .form-footer .phase-1-footer .donate {
            width: 100%;
            justify-content: space-between; }
        .covid-page .content-main-wrapper .right-col .donation-form-wrapper .form-footer .phase-2-footer {
          position: absolute;
          top: 0;
          left: 0;
          display: flex;
          align-items: center;
          width: 100%;
          height: 100%;
          opacity: 0;
          visibility: hidden; }
          .covid-page .content-main-wrapper .right-col .donation-form-wrapper .form-footer .phase-2-footer button.back {
            background-color: transparent;
            padding: 20px 25px; }
            @media only screen and (max-width: 320px) {
              .covid-page .content-main-wrapper .right-col .donation-form-wrapper .form-footer .phase-2-footer button.back {
                padding: 10px 15px; } }
            .covid-page .content-main-wrapper .right-col .donation-form-wrapper .form-footer .phase-2-footer button.back span {
              color: #000000;
              margin: 0; }
          .covid-page .content-main-wrapper .right-col .donation-form-wrapper .form-footer .phase-2-footer button.done {
            background-color: transparent;
            border: 1px solid #000000; }
            @media only screen and (max-width: 320px) {
              .covid-page .content-main-wrapper .right-col .donation-form-wrapper .form-footer .phase-2-footer button.done {
                padding: 10px 15px; } }
            .covid-page .content-main-wrapper .right-col .donation-form-wrapper .form-footer .phase-2-footer button.done span {
              color: #000000; }
          .covid-page .content-main-wrapper .right-col .donation-form-wrapper .form-footer .phase-2-footer p {
            position: absolute;
            left: 0;
            top: -70px;
            font-size: 19px;
            color: #000000;
            opacity: 0.6; }
            @media only screen and (max-width: 414px) {
              .covid-page .content-main-wrapper .right-col .donation-form-wrapper .form-footer .phase-2-footer p {
                font-size: 14px; } }
            .covid-page .content-main-wrapper .right-col .donation-form-wrapper .form-footer .phase-2-footer p:after {
              display: none; }
      .covid-page .content-main-wrapper .right-col .donation-form-wrapper .input-wrapper:not(.recipte) {
        position: relative;
        margin-bottom: 38px; }
        .covid-page .content-main-wrapper .right-col .donation-form-wrapper .input-wrapper:not(.recipte).nif-input {
          opacity: 0.5;
          pointer-events: none; }
          .covid-page .content-main-wrapper .right-col .donation-form-wrapper .input-wrapper:not(.recipte).nif-input.active {
            opacity: 1;
            pointer-events: visible; }
        .covid-page .content-main-wrapper .right-col .donation-form-wrapper .input-wrapper:not(.recipte).error .error-message {
          opacity: 1;
          visibility: visible; }
        .covid-page .content-main-wrapper .right-col .donation-form-wrapper .input-wrapper:not(.recipte) .error-message {
          position: absolute;
          bottom: -20px;
          left: 20px;
          font-family: "velhotes-regular";
          font-style: normal;
          font-weight: normal;
          font-size: 17px;
          line-height: 105.5%;
          letter-spacing: 0.01em;
          color: red;
          opacity: 0;
          visibility: hidden; }
          .covid-page .content-main-wrapper .right-col .donation-form-wrapper .input-wrapper:not(.recipte) .error-message:after {
            display: none; }
        .covid-page .content-main-wrapper .right-col .donation-form-wrapper .input-wrapper:not(.recipte) label {
          position: absolute;
          width: 100%;
          height: 100%;
          padding: 0 20px;
          display: flex;
          align-items: center;
          font-family: "velhotes-bold-reg";
          font-size: 17px;
          line-height: 105.5%;
          letter-spacing: 0.01em;
          text-transform: uppercase;
          color: #b9ad95;
          pointer-events: none; }
        .covid-page .content-main-wrapper .right-col .donation-form-wrapper .input-wrapper:not(.recipte) input {
          max-width: 100%;
          height: 58px;
          padding: 0 20px;
          font-family: "velhotes-heavy";
          font-style: normal;
          font-weight: 800;
          font-size: 21px;
          line-height: 105.5%;
          letter-spacing: 0.01em;
          text-transform: uppercase;
          color: #000000; }
          @media only screen and (max-width: 1400px) {
            .covid-page .content-main-wrapper .right-col .donation-form-wrapper .input-wrapper:not(.recipte) input {
              font-size: 18px; } }
          @media only screen and (max-width: 1080px) {
            .covid-page .content-main-wrapper .right-col .donation-form-wrapper .input-wrapper:not(.recipte) input {
              font-size: 16px; } }
          @media only screen and (max-width: 414px) {
            .covid-page .content-main-wrapper .right-col .donation-form-wrapper .input-wrapper:not(.recipte) input {
              font-size: 12px; } }
          @media only screen and (max-width: 320px) {
            .covid-page .content-main-wrapper .right-col .donation-form-wrapper .input-wrapper:not(.recipte) input {
              font-size: 10px; } }
          .covid-page .content-main-wrapper .right-col .donation-form-wrapper .input-wrapper:not(.recipte) input#ammount, .covid-page .content-main-wrapper .right-col .donation-form-wrapper .input-wrapper:not(.recipte) input#ammount-mbway, .covid-page .content-main-wrapper .right-col .donation-form-wrapper .input-wrapper:not(.recipte) input#ammount-paypal, .covid-page .content-main-wrapper .right-col .donation-form-wrapper .input-wrapper:not(.recipte) input#phone {
            font-size: 35px; }
      .covid-page .content-main-wrapper .right-col .donation-form-wrapper .covid-button {
        margin: 0 auto;
        top: initial;
        right: initial;
        width: auto;
        height: auto; }

.cocktails.js-open-offmenu #header-main .header-global .offmenu-btn .burguer-wrapper .burguer {
  background-color: #000000; }

.cocktails.js-open-offmenu #header-main .header-global .offmenu-btn .text-wrapper .text {
  color: #000000; }

.cocktails .create-meme-link {
  display: none; }

.cocktails #header-main {
  position: fixed;
  width: 100vw;
  height: auto;
  z-index: 1000; }

.cocktails .mobile-bottle-info {
  display: none; }

.cocktails .border.top, .cocktails .border.bottom {
  width: 100vw; }

.cocktails .border.left, .cocktails .border.right {
  height: 100vh; }

.cocktails #header-main .block-bg-cover {
  display: none; }

.cocktails #header-main .velhotes-logo {
  opacity: 0;
  visibility: hidden; }
  .cocktails #header-main .velhotes-logo .letters {
    display: block; }
    .cocktails #header-main .velhotes-logo .letters.add-transition {
      -webkit-transition: opacity 1s ease-in-out;
      transition: opacity 1s ease-in-out; }
  .cocktails #header-main .velhotes-logo .logo-front {
    -webkit-transition: fill 1s ease-in-out;
    transition: fill 1s ease-in-out; }
  .cocktails #header-main .velhotes-logo svg {
    opacity: 1;
    visibility: visible; }
  .cocktails #header-main .velhotes-logo.can-anime {
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out; }

.cocktails #header-main .header-global {
  -webkit-transition: background 0.25s ease-in-out, box-shadow 0.25s ease-in-out, padding 0.25s ease-in-out;
  transition: background 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out, padding 0.25s ease-in-out; }
  .cocktails #header-main .header-global #create-meme-btn #smile-container svg path {
    stroke: #000; }
  .cocktails #header-main .header-global #create-meme-btn #smile-container #eye {
    border: 2px solid #000000; }
  .cocktails #header-main .header-global #create-meme-btn h2,
  .cocktails #header-main .header-global #create-meme-btn .char {
    opacity: 1;
    visibility: visible; }
  .cocktails #header-main .header-global #cria-o-meme {
    display: none; }
  .cocktails #header-main .header-global.active {
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0px 2px 12px 0px rgba(133, 117, 77, 0.2);
    padding: 23px 53px; }
    .cocktails #header-main .header-global.active .velhotes-logo {
      transform: scale(0.85);
      -webkit-transform: scale(0.85); }

.cocktails #header-main.active .velhotes-logo .logo-front {
  fill: #ffffff; }

.cocktails #header-main.active .velhotes-logo .letters {
  opacity: 0; }

.cocktails-page .page-header {
  position: relative;
  width: 100vw;
  height: auto;
  z-index: 1; }
  .cocktails-page .page-header .image-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    @media only screen and (max-width: 768px) {
      .cocktails-page .page-header .image-wrapper .bg {
        max-width: 190%;
        display: none; } }
    @media only screen and (max-width: 414px) {
      .cocktails-page .page-header .image-wrapper .bg {
        max-width: 230%; } }
    .cocktails-page .page-header .image-wrapper .velhotes {
      position: absolute;
      max-width: 45%;
      left: 10%; }
      @media only screen and (max-width: 768px) {
        .cocktails-page .page-header .image-wrapper .velhotes {
          display: none; } }
    .cocktails-page .page-header .image-wrapper .logo {
      position: absolute;
      max-width: 29%;
      right: 14%; }
      @media only screen and (max-width: 768px) {
        .cocktails-page .page-header .image-wrapper .logo {
          display: none; } }
    .cocktails-page .page-header .image-wrapper .header-mobile {
      display: none; }
      @media only screen and (max-width: 768px) {
        .cocktails-page .page-header .image-wrapper .header-mobile {
          display: block; } }

.cocktails-page .content-main-wrapper {
  position: relative;
  z-index: 2; }
  .cocktails-page .content-main-wrapper .garrafas-section {
    padding-top: 130px;
    padding-bottom: 150px; }
    @media only screen and (max-width: 414px) {
      .cocktails-page .content-main-wrapper .garrafas-section {
        padding-top: 100px;
        padding-bottom: 120px; } }
    @media only screen and (max-width: 320px) {
      .cocktails-page .content-main-wrapper .garrafas-section {
        padding-top: 80px;
        padding-bottom: 80px; } }
    .cocktails-page .content-main-wrapper .garrafas-section h1 {
      font-family: "velhotes-heavy";
      font-style: normal;
      font-weight: 800;
      font-size: 85px;
      line-height: 100%;
      text-align: center;
      letter-spacing: -0.03em;
      text-transform: uppercase;
      color: #7b222e;
      font-feature-settings: "salt" on; }
      @media only screen and (max-width: 1440px) {
        .cocktails-page .content-main-wrapper .garrafas-section h1 {
          font-size: 80px; } }
      @media only screen and (max-width: 1280px) {
        .cocktails-page .content-main-wrapper .garrafas-section h1 {
          font-size: 70px; } }
      @media only screen and (max-width: 1024px) {
        .cocktails-page .content-main-wrapper .garrafas-section h1 {
          font-size: 60px; } }
      @media only screen and (max-width: 414px) {
        .cocktails-page .content-main-wrapper .garrafas-section h1 {
          font-size: 44px; } }
      @media only screen and (max-width: 320px) {
        .cocktails-page .content-main-wrapper .garrafas-section h1 {
          font-size: 34px; } }
    .cocktails-page .content-main-wrapper .garrafas-section p {
      font-family: "velhotes-regular";
      font-style: normal;
      font-weight: normal;
      font-size: 23px;
      line-height: 100%;
      text-align: center;
      color: #000000;
      max-width: 650px;
      width: 100%;
      margin: 32px auto 0; }
      @media only screen and (max-width: 1280px) {
        .cocktails-page .content-main-wrapper .garrafas-section p {
          font-size: 21px;
          max-width: 700px; } }
      @media only screen and (max-width: 320px) {
        .cocktails-page .content-main-wrapper .garrafas-section p {
          font-size: 16px; } }
    .cocktails-page .content-main-wrapper .garrafas-section .bottle-row {
      margin-top: 144px; }
      @media only screen and (max-width: 768px) {
        .cocktails-page .content-main-wrapper .garrafas-section .bottle-row {
          margin-top: 120px; } }
      @media only screen and (max-width: 414px) {
        .cocktails-page .content-main-wrapper .garrafas-section .bottle-row .columns {
          margin-bottom: 100px; }
          .cocktails-page .content-main-wrapper .garrafas-section .bottle-row .columns:last-of-type {
            margin-bottom: 0; } }
      @media only screen and (max-width: 320px) {
        .cocktails-page .content-main-wrapper .garrafas-section .bottle-row {
          margin-top: 80px; }
          .cocktails-page .content-main-wrapper .garrafas-section .bottle-row .columns {
            margin-bottom: 80px; } }
      .cocktails-page .content-main-wrapper .garrafas-section .bottle-row h2 {
        font-family: "velhotes-bold-name";
        font-style: normal;
        font-weight: normal;
        font-size: 32px;
        line-height: 105.5%;
        text-align: center;
        letter-spacing: -0.03em;
        color: rgba(0, 0, 0, 0.7);
        font-feature-settings: "salt" on;
        margin-top: 20px; }
        @media only screen and (max-width: 1280px) {
          .cocktails-page .content-main-wrapper .garrafas-section .bottle-row h2 {
            font-size: 28px; } }
        @media only screen and (max-width: 414px) {
          .cocktails-page .content-main-wrapper .garrafas-section .bottle-row h2 br {
            display: none; } }
        @media only screen and (max-width: 320px) {
          .cocktails-page .content-main-wrapper .garrafas-section .bottle-row h2 {
            font-size: 24px; } }
      .cocktails-page .content-main-wrapper .garrafas-section .bottle-row p {
        font-family: "velhotes-bold-name";
        font-style: normal;
        font-weight: normal;
        font-size: 30px;
        line-height: 105.5%;
        text-align: center;
        letter-spacing: -0.03em;
        margin-top: 20px; }
        @media only screen and (max-width: 1280px) {
          .cocktails-page .content-main-wrapper .garrafas-section .bottle-row p {
            font-size: 24px; } }
        @media only screen and (max-width: 320px) {
          .cocktails-page .content-main-wrapper .garrafas-section .bottle-row p {
            font-size: 20px;
            margin-top: 10px; } }
      .cocktails-page .content-main-wrapper .garrafas-section .bottle-row .bottle-left {
        max-width: 240px;
        width: 100%;
        margin: 0 auto; }
        @media only screen and (max-width: 1440px) {
          .cocktails-page .content-main-wrapper .garrafas-section .bottle-row .bottle-left {
            max-width: 200px; } }
        @media only screen and (max-width: 1024px) {
          .cocktails-page .content-main-wrapper .garrafas-section .bottle-row .bottle-left {
            max-width: 190px; } }
        @media only screen and (max-width: 768px) {
          .cocktails-page .content-main-wrapper .garrafas-section .bottle-row .bottle-left {
            max-width: 160px; } }
        @media only screen and (max-width: 320px) {
          .cocktails-page .content-main-wrapper .garrafas-section .bottle-row .bottle-left {
            max-width: 50%; } }
      .cocktails-page .content-main-wrapper .garrafas-section .bottle-row .bottle-mid {
        max-width: 400px;
        width: 100%;
        margin: 0 auto; }
        @media only screen and (max-width: 1440px) {
          .cocktails-page .content-main-wrapper .garrafas-section .bottle-row .bottle-mid {
            max-width: 329px; } }
        @media only screen and (max-width: 1024px) {
          .cocktails-page .content-main-wrapper .garrafas-section .bottle-row .bottle-mid {
            max-width: 313px; } }
        @media only screen and (max-width: 768px) {
          .cocktails-page .content-main-wrapper .garrafas-section .bottle-row .bottle-mid {
            max-width: 260px; } }
        @media only screen and (max-width: 320px) {
          .cocktails-page .content-main-wrapper .garrafas-section .bottle-row .bottle-mid {
            max-width: 80%; } }
      .cocktails-page .content-main-wrapper .garrafas-section .bottle-row .bottle-right {
        max-width: 144px;
        width: 100%;
        margin: 0 auto; }
        @media only screen and (max-width: 1440px) {
          .cocktails-page .content-main-wrapper .garrafas-section .bottle-row .bottle-right {
            max-width: 118px; } }
        @media only screen and (max-width: 1024px) {
          .cocktails-page .content-main-wrapper .garrafas-section .bottle-row .bottle-right {
            max-width: 111px; } }
        @media only screen and (max-width: 768px) {
          .cocktails-page .content-main-wrapper .garrafas-section .bottle-row .bottle-right {
            max-width: 93px; } }
        @media only screen and (max-width: 320px) {
          .cocktails-page .content-main-wrapper .garrafas-section .bottle-row .bottle-right {
            max-width: 30%; } }
  .cocktails-page .content-main-wrapper .cocktail-section {
    position: relative;
    background-color: #fff8e9;
    padding: 170px 0; }
    @media only screen and (max-width: 1024px) {
      .cocktails-page .content-main-wrapper .cocktail-section {
        padding: 120px 0; } }
    @media only screen and (max-width: 320px) {
      .cocktails-page .content-main-wrapper .cocktail-section {
        padding: 80px 0; } }
    .cocktails-page .content-main-wrapper .cocktail-section h2 {
      font-family: "velhotes-heavy";
      font-style: normal;
      font-weight: 800;
      font-size: 85px;
      line-height: 100%;
      text-align: center;
      letter-spacing: -0.03em;
      text-transform: uppercase;
      color: #000000;
      font-feature-settings: "salt" on; }
      @media only screen and (max-width: 1440px) {
        .cocktails-page .content-main-wrapper .cocktail-section h2 {
          font-size: 80px; } }
      @media only screen and (max-width: 1280px) {
        .cocktails-page .content-main-wrapper .cocktail-section h2 {
          font-size: 70px; } }
      @media only screen and (max-width: 1024px) {
        .cocktails-page .content-main-wrapper .cocktail-section h2 {
          font-size: 60px; } }
      @media only screen and (max-width: 414px) {
        .cocktails-page .content-main-wrapper .cocktail-section h2 {
          font-size: 44px; } }
      @media only screen and (max-width: 320px) {
        .cocktails-page .content-main-wrapper .cocktail-section h2 {
          font-size: 34px; } }
    .cocktails-page .content-main-wrapper .cocktail-section p {
      font-family: "velhotes-regular";
      font-style: normal;
      font-weight: normal;
      font-size: 23px;
      line-height: 100%;
      text-align: center;
      color: #000000;
      max-width: 650px;
      width: 100%;
      margin: 32px auto 0; }
      @media only screen and (max-width: 1280px) {
        .cocktails-page .content-main-wrapper .cocktail-section p {
          font-size: 21px;
          max-width: 700px; } }
      @media only screen and (max-width: 320px) {
        .cocktails-page .content-main-wrapper .cocktail-section p {
          font-size: 16px; } }
    .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list {
      margin-top: 250px; }
      @media only screen and (max-width: 1024px) {
        .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list {
          margin-top: 150px; } }
      @media only screen and (max-width: 768px) {
        .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list {
          padding-left: 20px;
          padding-right: 20px; } }
      @media only screen and (max-width: 414px) {
        .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list {
          margin-top: 100px; } }
      @media only screen and (max-width: 320px) {
        .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list {
          margin-top: 80px; } }
      .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .list {
        position: relative;
        padding: 70px 0;
        margin-bottom: 150px; }
        @media only screen and (max-width: 1024px) {
          .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .list {
            margin-bottom: 120px;
            padding: 50px 0; } }
        @media only screen and (max-width: 414px) {
          .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .list {
            display: flex;
            flex-direction: column;
            padding: 30px;
            padding-bottom: 0; } }
        .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .list:last-child {
          margin-bottom: 0; }
      .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list h3 {
        font-family: "velhotes-heavy";
        font-style: normal;
        font-weight: 800;
        font-size: 59px;
        line-height: 100%;
        letter-spacing: -0.03em;
        color: rgba(0, 0, 0, 0.7);
        font-feature-settings: "salt" on;
        margin-bottom: 35px;
        text-transform: uppercase; }
        @media only screen and (max-width: 1440px) {
          .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list h3 {
            font-size: 54px; } }
        @media only screen and (max-width: 1024px) {
          .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list h3 {
            font-size: 50px; } }
        @media only screen and (max-width: 414px) {
          .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list h3 {
            font-size: 40px; } }
        @media only screen and (max-width: 320px) {
          .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list h3 {
            font-size: 30px; } }
      .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .specs-list {
        font-family: "velhotes-bold-name";
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 100%;
        letter-spacing: -0.01em;
        color: rgba(0, 0, 0, 0.6); }
        @media only screen and (max-width: 320px) {
          .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .specs-list {
            font-size: 18px; } }
        @media only screen and (max-width: 768px) {
          .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .specs-list li {
            margin-bottom: 20px; } }
      .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .porto-tonico {
        background-color: #f5e7b4; }
        .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .porto-tonico img {
          position: absolute;
          bottom: 0;
          left: -5%;
          max-width: 27%;
          width: 100%; }
          @media only screen and (max-width: 768px) {
            .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .porto-tonico img {
              max-width: 33%; } }
          @media only screen and (max-width: 414px) {
            .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .porto-tonico img {
              position: relative;
              order: 2;
              left: auto;
              bottom: auto;
              max-width: 70%;
              margin: 0 auto;
              margin-top: 30px; } }
          @media only screen and (min-width: 2560px) {
            .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .porto-tonico img {
              max-width: 18%; } }
      .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .orange-tawny {
        background-color: #e5aea8; }
        .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .orange-tawny img {
          position: absolute;
          bottom: 0;
          right: 2%;
          max-width: 22%;
          width: 100%; }
          @media only screen and (max-width: 768px) {
            .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .orange-tawny img {
              max-width: 28%; } }
          @media only screen and (max-width: 414px) {
            .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .orange-tawny img {
              position: relative;
              order: 2;
              right: auto;
              bottom: auto;
              max-width: 70%;
              margin: 0 auto;
              margin-top: 30px; } }
          @media only screen and (min-width: 2560px) {
            .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .orange-tawny img {
              max-width: 14%; } }
      .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .ruby-cherry {
        background-color: #fccdd0; }
        .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .ruby-cherry img {
          position: absolute;
          bottom: 0;
          left: 2%;
          max-width: 19%;
          width: 100%; }
          @media only screen and (max-width: 768px) {
            .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .ruby-cherry img {
              max-width: 25%; } }
          @media only screen and (max-width: 414px) {
            .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .ruby-cherry img {
              position: relative;
              order: 2;
              left: auto;
              bottom: auto;
              max-width: 70%;
              margin: 0 auto;
              margin-top: 30px; } }
          @media only screen and (min-width: 2560px) {
            .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .ruby-cherry img {
              max-width: 12%; } }
      .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .white-pepino {
        background-color: #fbefc4; }
        .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .white-pepino img {
          position: absolute;
          bottom: 0;
          right: 2%;
          max-width: 18.5%;
          width: 100%; }
          @media only screen and (max-width: 768px) {
            .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .white-pepino img {
              max-width: 24%; } }
          @media only screen and (max-width: 414px) {
            .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .white-pepino img {
              position: relative;
              order: 2;
              right: auto;
              bottom: auto;
              max-width: 70%;
              margin: 0 auto;
              margin-top: 30px; } }
          @media only screen and (min-width: 2560px) {
            .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .white-pepino img {
              max-width: 12%; } }
      .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .ruby-strawberry {
        background-color: #fccdd0; }
        .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .ruby-strawberry img {
          position: absolute;
          bottom: 0;
          left: 2%;
          max-width: 20%;
          width: 100%; }
          @media only screen and (max-width: 768px) {
            .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .ruby-strawberry img {
              max-width: 26%; } }
          @media only screen and (max-width: 414px) {
            .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .ruby-strawberry img {
              position: relative;
              order: 2;
              left: auto;
              bottom: auto;
              max-width: 70%;
              margin: 0 auto;
              margin-top: 30px; } }
          @media only screen and (min-width: 2560px) {
            .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .ruby-strawberry img {
              max-width: 13%; } }
      .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .ruby-coffee {
        background-color: #f1bfbf; }
        .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .ruby-coffee img {
          position: absolute;
          bottom: -5%;
          right: -2%;
          max-width: 25%;
          width: 100%; }
          @media only screen and (max-width: 768px) {
            .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .ruby-coffee img {
              max-width: 31%; } }
          @media only screen and (max-width: 414px) {
            .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .ruby-coffee img {
              position: relative;
              order: 2;
              right: auto;
              bottom: auto;
              max-width: 70%;
              margin: 0 auto;
              margin-top: 30px; } }
          @media only screen and (min-width: 2560px) {
            .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .ruby-coffee img {
              max-width: 15%; } }
      .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .orange-lbv {
        background-color: #f4c2a5; }
        .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .orange-lbv img {
          position: absolute;
          bottom: -5%;
          left: 0;
          max-width: 22%;
          width: 100%; }
          @media only screen and (max-width: 768px) {
            .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .orange-lbv img {
              max-width: 28%; } }
          @media only screen and (max-width: 414px) {
            .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .orange-lbv img {
              position: relative;
              order: 2;
              left: auto;
              bottom: auto;
              max-width: 70%;
              margin: 0 auto;
              margin-top: 30px; } }
          @media only screen and (min-width: 2560px) {
            .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .orange-lbv img {
              max-width: 14%; } }
      .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .gengibre-toranja {
        background-color: #ffafa0; }
        .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .gengibre-toranja img {
          position: absolute;
          bottom: 0;
          right: 2%;
          max-width: 21%;
          width: 100%; }
          @media only screen and (max-width: 768px) {
            .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .gengibre-toranja img {
              max-width: 27%; } }
          @media only screen and (max-width: 414px) {
            .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .gengibre-toranja img {
              position: relative;
              order: 2;
              right: auto;
              bottom: auto;
              max-width: 70%;
              margin: 0 auto;
              margin-top: 30px; } }
          @media only screen and (min-width: 2560px) {
            .cocktails-page .content-main-wrapper .cocktail-section .cocktails-list .gengibre-toranja img {
              max-width: 14%; } }
  .cocktails-page .content-main-wrapper .store-section {
    padding: 130px 0; }
    @media only screen and (max-width: 414px) {
      .cocktails-page .content-main-wrapper .store-section {
        padding: 100px 0; } }
    @media only screen and (max-width: 320px) {
      .cocktails-page .content-main-wrapper .store-section {
        padding: 80px 0; } }
    .cocktails-page .content-main-wrapper .store-section h2 {
      font-family: "velhotes-heavy";
      font-style: normal;
      font-weight: 800;
      font-size: 85px;
      line-height: 100%;
      text-align: center;
      letter-spacing: -0.03em;
      text-transform: uppercase;
      color: #000000;
      font-feature-settings: "salt" on; }
      @media only screen and (max-width: 1440px) {
        .cocktails-page .content-main-wrapper .store-section h2 {
          font-size: 80px; } }
      @media only screen and (max-width: 1280px) {
        .cocktails-page .content-main-wrapper .store-section h2 {
          font-size: 70px; } }
      @media only screen and (max-width: 1024px) {
        .cocktails-page .content-main-wrapper .store-section h2 {
          font-size: 60px; } }
      @media only screen and (max-width: 414px) {
        .cocktails-page .content-main-wrapper .store-section h2 {
          font-size: 44px; } }
      @media only screen and (max-width: 320px) {
        .cocktails-page .content-main-wrapper .store-section h2 {
          font-size: 34px; } }
    .cocktails-page .content-main-wrapper .store-section .columns {
      text-align: center; }
    .cocktails-page .content-main-wrapper .store-section .box {
      max-width: 520px;
      width: 100%;
      margin: 30px auto 0; }
      @media only screen and (max-width: 1280px) {
        .cocktails-page .content-main-wrapper .store-section .box {
          max-width: 480px; } }
      @media only screen and (max-width: 1024px) {
        .cocktails-page .content-main-wrapper .store-section .box {
          max-width: 400px; } }
    .cocktails-page .content-main-wrapper .store-section .buy-now-btn {
      display: inline-block;
      position: relative;
      margin: 40px 0;
      padding: 15px 40px 15px 60px;
      pointer-events: all;
      font-family: "velhotes-bold";
      font-size: 16px;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #7e3240;
      border: 2px solid #7e3240;
      transition: 0.4s color cubic-bezier(0.19, 1, 0.22, 1);
      -webkit-transition: 0.4s color cubic-bezier(0.19, 1, 0.22, 1);
      overflow: hidden; }
      .cocktails-page .content-main-wrapper .store-section .buy-now-btn span {
        position: relative;
        left: 10px; }
      .cocktails-page .content-main-wrapper .store-section .buy-now-btn svg {
        position: absolute;
        top: 22%;
        left: 20px;
        width: auto;
        height: 50%; }
        .cocktails-page .content-main-wrapper .store-section .buy-now-btn svg path {
          fill: #7e3240; }
        .cocktails-page .content-main-wrapper .store-section .buy-now-btn svg .first {
          fill: #7e3240; }
        .cocktails-page .content-main-wrapper .store-section .buy-now-btn svg .second {
          stroke: #7e3240; }
      .cocktails-page .content-main-wrapper .store-section .buy-now-btn:hover {
        color: #ffffff; }
        .cocktails-page .content-main-wrapper .store-section .buy-now-btn:hover svg path {
          fill: #ffffff; }
        .cocktails-page .content-main-wrapper .store-section .buy-now-btn:hover svg .first {
          fill: #ffffff; }
        .cocktails-page .content-main-wrapper .store-section .buy-now-btn:hover svg .second {
          stroke: #ffffff; }
        .cocktails-page .content-main-wrapper .store-section .buy-now-btn:hover:after {
          transform: scaleY(1);
          -webkit-transform: scaleY(1);
          transform-origin: bottom left;
          -webkit-transform-origin: bottom left; }
      .cocktails-page .content-main-wrapper .store-section .buy-now-btn:after {
        content: "";
        width: 105%;
        height: 100%;
        background: #7e3240;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        transform-origin: top left;
        -webkit-transform-origin: top left;
        transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transition: 0.6s transform cubic-bezier(0.19, 1, 0.22, 1); }

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