/*!
Theme Name: Volotea Partners
Theme URI: http://underscores.me/
Author: efestudio
Author URI: https://www.efestudio.es
Description: Volotea Partners theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: volotea_partners
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Volotea Partners is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	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
	 ========================================================================== */

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

/**
 * 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;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

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

/**
 * 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;
	font-size: 1em;
}

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

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

/* Forms
	 ========================================================================== */

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

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

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

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

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

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 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;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
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;
	padding: 0;
}

/**
 * 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;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[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;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

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

/* Misc
	 ========================================================================== */

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

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

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */


/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.widget-title {
	margin-bottom: 1rem;
}

.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content-none {
	margin: 10rem 0 5rem 0;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


.uwp_widget_profile .mt-n1,
.post-edit-link {
display: none !important;
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
.header,
.header__logo,
.menu,
.top-0 {
    top: 0
}

a,
button {
    background-color: transparent
}

.hero-simple .hero__info,
figure,
h1,
h2,
h3,
h5,
ol,
p,
ul {
    margin: 0
}

.bottom-0,
.inset-0 {
    bottom: 0
}

.flex-col,
.flex-row,
.header__logo {
    -webkit-box-direction: normal
}

.header__search,
.header__searchbtn.close,
.menu__form,
.overflow-hidden,
.playlist-coverflow {
    overflow: hidden
}

.hero-search,
.loading {
    background-repeat: no-repeat
}

#main>aside,
#main>nav {
    -webkit-box-ordinal-group: 4;
    order: 3
}

#js-scroll-top,
.closemenu,
.header.menuopen,
.header.scrolled,
.header.scrolled>* {
    pointer-events: none
}

.block,
.newsletter-error .newsletter-warning-text,
.trending-blocks .trending-destination,
.trending-blocks .trending-video,
main {
    display: block
}

strong {
    font-weight: bolder
}

button,
input {
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    overflow: visible
}

button {
    text-transform: none;
    background-image: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

[type=checkbox],
[type=radio],
legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.heronav,
.hidden,
[hidden] {
    display: none
}

.inline-block,
.single-ciudades .entry-content>p {
    display: inline-block
}

button:focus {
    outline: dotted 1px;
    outline: -webkit-focus-ring-color auto 5px
}

ol,
ul {
    list-style: none;
    padding: 0
}

*,
:after,
:before {
    border: 0 solid
}

img {
    border-style: solid
}

.country-dropdown__button,
.map-block__button,
[role=button],
button {
    cursor: pointer
}

h1,
h2,
h3,
h5 {
    font-size: inherit;
    font-weight: inherit
}

canvas,
iframe,
img,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

.h-full,
.h-slider .swiper-container,
html {
    height: 100%
}

.divide-opacity-0>:not(template)~:not(template) {
    --divide-opacity: 0
}

.bg-fixed {
    background-attachment: fixed
}

.bg-brand,
.focus\:bg-brand:focus,
.hover\:bg-brand:hover {
    --bg-opacity: 1;
    background-color: #e10e49;
    background-color: rgba(225, 14, 73, var(--bg-opacity))
}

.bg-black,
.img-video-link,
.playlist-grid-item .box,
.volotea-img-link {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity))
}

.bg-white,
.slider-btn-white {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.bg-almostwhite {
    --bg-opacity: 1;
    background-color: #f6f4f4;
    background-color: rgba(246, 244, 244, var(--bg-opacity))
}

.bg-darkbrown {
    --bg-opacity: 1;
    background-color: #452325;
    background-color: rgba(69, 35, 37, var(--bg-opacity))
}

.bg-opacity-0,
.focus\:bg-opacity-0:focus,
.hover\:bg-opacity-0:hover {
    --bg-opacity: 0
}

.border-brand {
    --border-opacity: 1;
    border-color: #e10e49;
    border-color: rgba(225, 14, 73, var(--border-opacity))
}

.border-white {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity))
}

.border-lightgray {
    --border-opacity: 1;
    border-color: #e0d6d6;
    border-color: rgba(224, 214, 214, var(--border-opacity))
}

.border-lightestgray,
.country-dropdown.open .country-dropdown__button {
    --border-opacity: 1;
    border-color: #efe9e9;
    border-color: rgba(239, 233, 233, var(--border-opacity))
}

.border-opacity-0,
.focus\:border-opacity-0:focus,
.hover\:border-opacity-0:hover {
    --border-opacity: 0
}

.rounded-full {
    border-radius: 9999px
}

.border-2 {
    border-width: 2px
}

.border-t {
    border-top-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__logo .icon {
	fill: #e10e49;
}

.btn-icon,
.flex-center,
.lang-select .lang-list li a,
.lang-select-face,
.menu__form {
    display: -webkit-box;
    display: -ms-flexbox
}

.flex-row {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-col,
.header__logo {
    -webkit-box-orient: vertical
}

.flex-col {
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.place-items-center {
    place-items: center
}

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

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

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

.items-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.justify-items-center {
    justify-items: center
}

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

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

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

.justify-evenly {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.flex-shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.text-sm {
    font-size: .875rem
}

.text-lg {
    /*font-size: 1.125rem*/
    font-size: 1rem
}

.m-auto {
    margin: auto
}

.entry-content>*,
.my-8,
.site-main>.not-found>*,
.site-main>article>*,
.wp-block-template-part>*,
[class*=inner-container]>* {
}

.entry-content>p {
    margin-bottom: 2rem !important;
}

.my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.btn-icon .icon,
.mr-2 {
    margin-right: 1rem
}

.mb-2 {
    margin-bottom: .5rem
}

.ml-2 {
    margin-left: .5rem
}

.mt-4 {
    margin-top: 1rem
}

.mr-4 {
    margin-right: 1rem
}

.entry-content ol>li,
.entry-content ul>li,
.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mr-6 {
    margin-right: 1.5rem
}

.mb-6 {
/*  margin-bottom: 1.5rem*/
	margin-bottom: .5rem
}

.mr-7 {
    margin-right: 1.75rem
}

.mr-8 {
    margin-right: 2rem
}

#main nav section:not(:last-child),
.footer__contentrow,
.footer__form,
.mb-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.mr-9 {
    margin-right: 2.25rem
}

.mr-10 {
    margin-right: 2.5rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.ml-auto {
    margin-left: auto
}

.max-w-xl {
    max-width: 36rem
}

.min-h-full {
    min-height: 100%
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.closemenu,
.focus\:opacity-0:focus,
.header.menuopen .header__titlemenu,
.header.scrolled .icon-logo,
.header.scrolled>*,
.header__search .header__searchicon,
.hero__content,
.home-playlists .play-default-hover,
.hover\:opacity-0:hover,
.img-video-link .play-default-hover,
.lazyload,
.lazyloading,
.media-item.video-playing+img.media-item,
.opacity-0,
.playlist-grid-item .play-default-hover,
.video-background,
body {
    opacity: 0
}

.opacity-75,
.playlist-grid-item .box:hover>img {
    opacity: .75
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.p-10 {
    padding: 2.5rem
}

.p-64 {
    padding: 16rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.py-8,
.section-module {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem
}

.px-8,
.px-fixed {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.pt-0 {
    padding-top: 0
}

.pl-2 {
    padding-left: .5rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-8 {
    padding-top: 2rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-12 {
    padding-top: 3rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pt-16 {
    padding-top: 4rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pt-28 {
    padding-top: 7rem
}

.placeholder-opacity-0::-webkit-input-placeholder {
    --placeholder-opacity: 0
}

.placeholder-opacity-0::-moz-placeholder {
    --placeholder-opacity: 0
}

.placeholder-opacity-0:-ms-input-placeholder {
    --placeholder-opacity: 0
}

.placeholder-opacity-0::-ms-input-placeholder {
    --placeholder-opacity: 0
}

.placeholder-opacity-0::placeholder {
    --placeholder-opacity: 0
}

.focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
    --placeholder-opacity: 0
}

.focus\:placeholder-opacity-0:focus::-moz-placeholder {
    --placeholder-opacity: 0
}

.focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
    --placeholder-opacity: 0
}

.focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
    --placeholder-opacity: 0
}

.focus\:placeholder-opacity-0:focus::placeholder {
    --placeholder-opacity: 0
}

.section-module main:not(:last-child) {
	display: inline-block;
	margin-bottom: 3rem;
	border-bottom: 1px solid #E3DEDE;
	padding-bottom: 3rem;
}

.section-module h1 {
	font-family: VoloteaSans-Bold;
	text-transform: none;
	color: #452325;
	font-size: 48px;
	line-height: 50px;
	margin: 1rem 0
}

.section-module h1:hover {
	color: #816E2C
}

.widget-title, .section-module h4 {
	font-family: VoloteaSans;
	display: inline-block;
	float: left;
	margin-right: 1.5rem;
	font-weight: 900;
	text-transform: uppercase;
	color: #E10E49;
	font-size: 16px;
}

.featured div:not(:last-child) {
    display: inline-block;
    margin-bottom: 0;
    border-bottom: 1px solid #f9f9f9;
    padding-bottom: 3rem;
}

.featured {
	background-color: #f9f9f9;
	padding-right: 1.5rem;
	border: none !important;
	margin-bottom: 3rem;
	max-height: 258px;
}

.featured img {
	width: 43.3%;
	float: left;
	padding-right: 2rem;
	border-radius: 3px;
	margin-bottom: 3rem;
}

.featured h3 {
	padding-top: 1rem;
}

.listing {
	width: 40%;
	float: left;
	margin-right: 2rem;
	border-radius: 3px;
}

.simpletagcloud {
	margin-bottom: 2rem;
}

.simpletagcloud a {
	border-radius: 15px;
    border: 1px solid #B5A7A8;
    padding: 5px 10px;
    line-height: 40px;
    font-size: 14px !important;
    font-weight: bold;
    margin: 0 0 3rem .2rem
}

.singletags,
.tagcloud a {
	border-radius: 15px;
    border: 1px solid #B5A7A8;
    padding: 5px 10px;
    line-height: 40px;
    font-size: 14px !important;
    font-weight: bold;
    white-space: nowrap;
    margin: 0 .2rem
}

.tagcloud a:hover,
.tagcloud span:hover {
	color: #816E2C;
}

.tagcloud span {
	white-space: nowrap;
}

.tagcloud {
	margin: 1.5rem 0 5rem 0;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 5rem;
}

.tagcloud h4 {
	color: #8F7B7C;
	display: contents;
}

.linkcloud a {
	color: #452325;
	display: block;
    line-height: 40px;
    font-size: 14px !important;
    font-weight: bold;
    margin: 0 .2rem
}

.linkcloud a:hover {
	color: #816E2C;
}

#js-scroll-top,
.closemenu,
.fixed,
.header,
.menu {
    position: fixed
}

.absolute {
    position: absolute
}

.header__titlemenu__menu ul li a,
.hero__content,
.hero__media,
.img-video-link,
.relative,
.volotea-img-link {
    position: relative
}

.inset-0 {
    top: 0;
    right: 0;
    left: 0
}

.right-0 {
    right: 0
}

.left-0 {
    left: 0
}

.table-fixed {
    table-layout: fixed
}

.hero-playlists-single 
.text-center {
    text-align: center
}

.text-brand {
    --text-opacity: 1;
    color: #e10e49;
    color: rgba(225, 14, 73, var(--text-opacity))
}

.text-white {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.newsletter-module input,
.text-darkbrown {
    --text-opacity: 1;
    color: #452325;
    color: rgba(69, 35, 37, var(--text-opacity))
}

.text-lightgray {
    --text-opacity: 1;
    color: #e0d6d6;
    color: rgba(224, 214, 214, var(--text-opacity))
}

.text-darkgray {
    --text-opacity: 1;
    color: #9f9292;
    color: rgba(159, 146, 146, var(--text-opacity))
}

.bl-db-h-g,
.category-list li a:hover,
.menu,
a:hover,
body,
body.darkheader>.header,
body.darkheader>.header .header__searchlang .bl-w-h-b,
body.darkheader>.header .text-white,
body.darkheader>.header .header__titlemenu__title {
    color: #452325
}

.focus\:text-opacity-0:focus,
.hover\:text-opacity-0:hover,
.text-opacity-0 {
    --text-opacity: 0
}

.uppercase {
    text-transform: uppercase
}

.visible {
    visibility: visible
}

.w-auto {
    width: auto
}

.w-1\/2,
.w-6\/12 {
    width: 50%
}

.w-2\/3 {
    width: 66.666667%
}

.w-5\/12 {
    width: 41.666667%
}

.btn-icon,
.h-slider .swiper-slide img,
.header,
.header__titlemenu__menu ul li a:hover:before,
.menu,
.offer-hero .btn-icon,
.playlist-coverflow .swiper-container,
.trending-blocks .trending-left,
.trending-blocks .trending-right,
.w-full,
.wp-block-image.alignfull img,
.wp-block-image.alignwide img,
body,
html {
    width: 100%;
    object-position: top;
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-50 {
    z-index: 50
}

.gap-6 {
    grid-gap: 1.5rem;
    gap: 1.5rem
}

.gap-64 {
    grid-gap: 16rem;
    gap: 16rem
}

.col-gap-6 {
    grid-column-gap: 1.5rem;
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.col-gap-64 {
    grid-column-gap: 16rem;
    -webkit-column-gap: 16rem;
    -moz-column-gap: 16rem;
    column-gap: 16rem
}

.row-gap-6 {
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem
}

.row-gap-64 {
    grid-row-gap: 16rem;
    row-gap: 16rem
}

.transform {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes ping {

    75%,
    to {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@keyframes ping {

    75%,
    to {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@-webkit-keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@-webkit-keyframes bounce {

    0%,
    to {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
        -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        animation-timing-function: cubic-bezier(.8, 0, 1, 1)
    }

    50% {
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }
}

@keyframes bounce {

    0%,
    to {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
        -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        animation-timing-function: cubic-bezier(.8, 0, 1, 1)
    }

    50% {
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }
}

.animate-none {
    -webkit-animation: none;
    animation: none
}

.animate-spin {
    -webkit-animation: 1s linear infinite spin;
    animation: 1s linear infinite spin
}

.animate-ping {
    -webkit-animation: 1s cubic-bezier(0, 0, .2, 1) infinite ping;
    animation: 1s cubic-bezier(0, 0, .2, 1) infinite ping
}

.animate-pulse {
    -webkit-animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
    animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse
}

.animate-bounce {
    -webkit-animation: 1s infinite bounce;
    animation: 1s infinite bounce
}

@font-face {
    font-family: VoloteaSans;
    src: url(fonts/Volotea/VoloteaSans-Regular.woff2) format("woff2"), url(fonts/Volotea/VoloteaSans-Regular.woff) format("woff");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: VoloteaSans;
    src: url(fonts/Volotea/VoloteaSans-Bold.woff2) format("woff2"), url(fonts/Volotea/VoloteaSans-Bold.woff) format("woff");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: VoloteaSans-Bold;
    src: url(fonts/Volotea/VoloteaSans-Bold.woff2) format("woff2"), url(fonts/Volotea/VoloteaSans-Bold.woff) format("woff");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: VoloteaSans;
    src: url(fonts/Volotea/VoloteaSans-CondensedBold.woff2) format("woff2"), url(fonts/Volotea/VoloteaSans-CondensedBold.woff) format("woff");
    font-style: normal;
    font-weight: 900
}

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

* {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    text-rendering: optimizeLegibility
}

:focus {
    outline: 0 !important
}

.lazyloaded {
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

html {
    -webkit-text-size-adjust: 100%;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 14px;
    line-height: 24px
}

body,
html {
    font-family: VoloteaSans, sans-serif
}

body {
    margin: 0;
    overflow-x: hidden;
    font-family: VoloteaSans, "sans-serif" !important
}

a {
    text-decoration: inherit;
    color: currentColor;
    -webkit-transition: color .2s, border .2s;
    transition: color .2s, border .2s
}

.content,
.h-slider-heros,
.menu__content {
    padding-left: 1rem;
    padding-right: 1rem
}

.center-column {
    max-width: 1400px;
    margin: 0 auto
}

button,
input {
    padding: 0;
    line-height: inherit;
    color: inherit;
    font-family: VoloteaSans, sans-serif
}

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

.loading {
    background-image: url(images/loading.gif);
    background-position: 50%
}

.loading.brand {
    background-image: url(images/loading-brand.gif)
}

input::-webkit-input-placeholder {
    --text-opacity: 1;
    color: #9f9292;
    color: rgba(159, 146, 146, var(--text-opacity))
}

input::-moz-placeholder {
    --text-opacity: 1;
    color: #9f9292;
    color: rgba(159, 146, 146, var(--text-opacity))
}

input:-ms-input-placeholder {
    --text-opacity: 1;
    color: #9f9292;
    color: rgba(159, 146, 146, var(--text-opacity))
}

input::-ms-input-placeholder {
    --text-opacity: 1;
    color: #9f9292;
    color: rgba(159, 146, 146, var(--text-opacity))
}

input::placeholder {
    --text-opacity: 1;
    color: #9f9292;
    color: rgba(159, 146, 146, var(--text-opacity))
}

svg.icon {
    fill: currentColor
}

svg.icon.nofill {
    fill: none
}

svg.icon.brand-stroke-hover {
    fill: transparent;
    -webkit-transition: .2s;
    transition: .2s;
    border: 2px solid #e10e49;
    border-radius: 50px
}

svg.icon.brand-stroke-hover.active {
    color: #fff;
    fill: #e10e49;
    border: 1px solid #e10e49;
    background: #e10e49
}

.category-list li a:hover svg.icon.brand-stroke-hover:not(.active),
svg.icon.brand-stroke-hover:hover {
    border: 2px solid #452325
}

.bl-b-h-b,
.bl-b-h-b:hover,
.bl-dg-h-b:hover,
.bl-w-h-b:hover,
.category-list li a,
.menu .close-menu-btn:hover,
body.darkheader>.header .header__searchlang .bl-w-h-b:hover {
    color: #e10e49
}

.category-list li a:hover svg.icon.brand-stroke-hover:hover {
    border: 2px solid #e10e49
}

.img-video-link-poster {
    height: 320px
}

.img-video-link-poster img,
.volotea-img-link>img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.img-video-link .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.article-thumb-link,
.img-video-link,
.trending-destination,
.volotea-img-link,
.volotea-rounded {
    overflow: hidden;
    border-radius: 3px
}

.img-video-link img,
.playlist-grid-item .box>img,
.volotea-img-link img {
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.img-video-link:hover img,
.volotea-img-link:hover img {
    opacity: .8
}

.volotea-img-link {
    height: 0;
    padding-bottom: 56.25%
}

.v7-wrapper {
    min-height: auto !important
}

.instagram-title-fix {
    padding-top: 4px
}

.no-padding-bottom {
    padding-bottom: 0 !important
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes flash {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: .25
    }
}

@keyframes flash {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: .25
    }
}

@-webkit-keyframes reveal {
    0% {
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    49% {
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes reveal {
    0% {
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    49% {
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

.heading1,
.heading2,
.heading3,
.heading4,
h1:not(.v7-sub-title),
h2:not(.v7-sub-title),
h3:not(.v7-sub-title) {
    font-weight: 900;
    -webkit-transition: color .2s;
    transition: color .2s
}

.article-thumb-link,
.article-thumb-link-big,
.article-thumb-link-mini,
.heading5.text-bold,
.lang-list li.current a,
body.darkheader .lang-list li.current a {
    font-weight: 700
}

.heading1,
h1 {
    font-size: 38px;
    line-height: 38px
}

.heading2,
.heading3,
h2,
h3 {
    font-size: 24px;
    line-height: 24px
}

.heading4 {
    font-size: 18px;
    line-height: 18px
}

.heading5,
.single-ciudades .entry-content>p,
h5 {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px
}

.heading5,
.trending-blocks .trending-destination__title,
.trending-blocks .trending-video__title,
h5 {
    -webkit-transition: color .2s;
    transition: color .2s
}

.article-thumb-link {
    display: block;
    font-size: 22px;
    line-height: 28px
}

.article-thumb-link-mini {
    font-size: 18px;
    line-height: 22px
}

.article-thumb-link-big {
    font-size: 22px;
    line-height: 28px
}

h5 {
    font-weight: 700;
    font-stretch: expanded
}

.section-module .section-module:last-child,
.section-module.h-bot {
    padding-bottom: 0
}

.header.scrolled .btn-menu__front {
    background-color: #fff;
    color: #000
}

.btn-icon {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    padding: .75rem 1rem;
    border-radius: .25rem
}

.header,
.header__logo,
.header__search {
    display: -webkit-box;
    display: -ms-flexbox
}

.btn-icon .button-text-content {
    white-space: nowrap
}

.btn-icon-brand {
    background-color: #e10e49;
    background-color: rgba(225, 14, 73, var(--bg-opacity))
}

.btn-icon-brand,
.btn-icon-darkbrown {
    --bg-opacity: 1;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.btn-icon-darkbrown {
    background-color: #452325;
    background-color: rgba(69, 35, 37, var(--bg-opacity))
}

.btn-icon-outline-brand {
    color: #e10e49;
    color: rgba(225, 14, 73, var(--text-opacity));
    border: 2px solid #e10e49
}

.btn-icon-outline,
.btn-icon-outline-brand {
    background-color: transparent;
    --text-opacity: 1
}

.btn-icon-outline {
    color: #ad940d;
    color: rgba(173, 148, 13, var(--text-opacity));
    border: 2px solid #ad940d
}

.bl-db-h-g:hover,
.entry-content a:hover {
    color: #402526
}

.bl-w-h-b,
.bl-w-h-w {
    color: #fff
}
.bl-w-h-w:hover {
    color: #e10e49
}

.bl-c-h-c,
.bl-c-h-c:hover {
    color: currentColor
}

.bl-dg-h-b {
/*    color: #8E7F7F*/
}

.header {
    left: 0;
    z-index: 49;
    color: #fff;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition: .3s;
    transition: .3s
}

.header__logo {
    -webkit-transition: .3s .1s;
    transition: .3s .1s;
    --bg-opacity: 1;
/*    background-color: #e10e49;
    background-color: rgba(225, 14, 73, var(--bg-opacity));*/
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto 0;
    width: 65px
}

.header__logo a {
    padding: 11px
}

.header__logo a .icon-logo {
    -webkit-transition: .3s;
    transition: .3s;
    width: 36px;
    height: 36px
}

.header__logo button {
/*    padding-bottom: 16px*/
}

.header__logo .icon-logo {
    fill: #fff
}

.header__logo .logo-polygon {
    -webkit-transition: .3s;
    transition: .3s;
    fill: #e10e49
}

.header__searchlang,
.header__titlemenu {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.header__searchlang {
    padding: 1.25rem;
    padding-top: calc(1.25rem + 4px)
}

.header__searchbtn {
    width: 32px;
    margin-right: 1rem;
    -webkit-transition: .2s;
    transition: .2s
}

.header__searchbtn:hover {
    --text-opacity: 1;
    color: #e10e49;
    color: rgba(225, 14, 73, var(--text-opacity))
}

.header__search {
    margin-left: 45px;
    height: 30px;
    width: 0;
    background-color: transparent;
    display: flex;
    -webkit-transition: .3s cubic-bezier(.77, 0, .175, 1);
    transition: .3s cubic-bezier(.77, 0, .175, 1);
    border-bottom: 1px solid
}

.menu,
.tippy-box[data-theme~=volotea] {
    background-color: #f6f4f4;
    --bg-opacity: 1;
    --text-opacity: 1;
    background-color: rgba(246, 244, 244, var(--bg-opacity))
}

.header__search.open {
    margin-left: 20px;
    width: 250px;
    position: static
}

.header__search input {
    background: 0 0;
    padding-bottom: 4px
}

.header__titlemenu {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    margin-top: 2rem;
}

.header__sidemenu {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    margin: 2rem 2.5rem;
}

.header__titlemenu__menu ul li a:before {
    content: "";
    width: 0;
    height: 3px;
    background: #e10e49;
    position: absolute;
    bottom: -6px;
    left: 0;
    -webkit-transition: width .3s cubic-bezier(.77, 0, .175, 1);
    transition: width .3s cubic-bezier(.77, 0, .175, 1)
}

.active:hover {
    pointer-events: none;
}

.header__titlemenu__title {
    height: 58px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.active {
    content: "";
    display: block;
    width: 100%;
    padding-top: 0px;
    border-bottom: 3px solid #e10e49;
    padding-bottom: 4px;
    cursor: none;
}

.header.scrolled {
    top: -44px
}

.header.scrolled>.header__logo {
    pointer-events: all;
    opacity: 1
}

.header.scrolled .header__logo {
    width: 4rem
}

.header.menuopen .header__searchbtn:hover {
    --text-opacity: 1;
    color: #e10e49;
    color: rgba(225, 14, 73, var(--text-opacity))
}

.tippy-box[data-theme~=volotea] {
    color: #9f9292;
    color: rgba(159, 146, 146, var(--text-opacity));
    border-radius: 3px;
    margin-top: 10px;
    margin-left: 7px
}

.tippy-box[data-theme~=volotea][data-placement^=top]>.tippy-arrow:before {
    border-top-color: #f6f4f4
}

.tippy-box[data-theme~=volotea][data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: #f6f4f4
}

.tippy-box[data-theme~=volotea][data-placement^=left]>.tippy-arrow:before {
    border-left-color: #f6f4f4
}

.tippy-box[data-theme~=volotea][data-placement^=right]>.tippy-arrow:before {
    border-right-color: #f6f4f4
}

.tippy-box[data-theme~=volotea] .tippy-content {
    padding: .25rem 0
}

body.darkheader .tippy-box[data-theme~=volotea] {
    --bg-opacity: 1;
    background-color: #452325;
    background-color: rgba(69, 35, 37, var(--bg-opacity));
    --text-opacity: 1;
    color: #6a4f51;
    color: rgba(106, 79, 81, var(--text-opacity))
}

body.darkheader .tippy-box[data-theme~=volotea][data-placement^=top]>.tippy-arrow:before {
    border-top-color: #452325
}

body.darkheader .tippy-box[data-theme~=volotea][data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: #452325
}

.menu__form,
.newsletter__form input {
    border: 2px solid #ECE9E9;
    border-radius: 5px;
    padding: 10px;
}

body.darkheader .tippy-box[data-theme~=volotea][data-placement^=left]>.tippy-arrow:before {
    border-left-color: #452325
}

body.darkheader .tippy-box[data-theme~=volotea][data-placement^=right]>.tippy-arrow:before {
    border-right-color: #452325
}

body.darkheader .lang-list li.current a,
body.darkheader .lang-list li:hover a {
    font-weight: 700;
    --text-opacity: 1;
    color: #9f9292 !important;
    color: rgba(255, 255, 255, var(--text-opacity));
    --bg-opacity: 1;
    background-color: #6a4f51;
    background-color: rgba(106, 79, 81, var(--bg-opacity))
}

.lang-select-face {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.lang-select .lang-list li a {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem 1.5rem;
    -webkit-transition: color .2s;
    transition: color .2s
}

.hero-playlists,
.hero-simple,
.hero__slide,
.newsletter__form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.lang-select .lang-list li .icon {
    margin-right: 12px
}

.lang-select .lang-list li span {
    margin-top: -3px
}

.lang-list li a {
    --text-opacity: 1;
    color: #9f9292;
    color: rgba(159, 146, 146, var(--text-opacity))
}

.lang-list li.current a,
.lang-list li:hover a {
    font-weight: 700;
    --text-opacity: 1;
    color: #452325;
    color: rgba(69, 35, 37, var(--text-opacity));
    --bg-opacity: 1;
    background-color: #e0d6d6;
    background-color: rgba(224, 214, 214, var(--bg-opacity));
}

.line_grey {
    border: 1px solid #E9E6E6;
    margin: 3rem 0;
    overflow: hidden;
    white-space: nowrap
}

.menu {
    left: 0;
    height: 100%;
    color: rgba(69, 35, 37, var(--text-opacity));
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .5s cubic-bezier(.77, 0, .175, 1);
    transition: transform .5s cubic-bezier(.77, 0, .175, 1), -webkit-transform .5s cubic-bezier(.77, 0, .175, 1);
    z-index: 9001
}

.menu .close-menu-btn {
    -webkit-transition: color .2s;
    transition: color .2s;
    z-index: 100
}

.closemenu {
    -webkit-transition: opacity .3s .2s;
    transition: opacity .3s .2s;
    z-index: 100
}

.closemenu.visible {
    pointer-events: all;
    opacity: .3
}

.menu .header__logo {
    background: 0 0;
    width: 65px
}

.menu .header__logo .icon-logo {
    fill: #e10e49
}

.menu .header__logo .logo-polygon {
    fill: #fff
}

#article-filters.open,
#city-categories.open,
#city-countries.open,
.menu.open {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.menu__searchicon {
    -webkit-transition: .2s;
    transition: .2s;
    --text-opacity: 1;
    color: #452325;
    color: rgba(225, 14, 73, var(--text-opacity))
}

.menu__searchicon:hover {
    --text-opacity: 1;
    color: #e10e49;
    color: rgba(69, 35, 37, var(--text-opacity))
}

.menu__contentrow,
.menu__form,
.newsletter__form input {
    width: 100%;
    height: 50px;
    margin-bottom: 2rem
}

.menu__form {
    background-color: transparent;
    display: flex
}

.hero__slide,
.menu__contentrow {
    display: -webkit-box;
    display: -ms-flexbox
}

.menu__form input,
.os-theme-thin-dark>.os-scrollbar>.os-scrollbar-track {
    background: 0 0
}

.newsletter__form {
    height: auto;
    border: 0;
    flex-direction: column;
    overflow: visible
}

.hero,
.hero__slide,
.video-background {
    height: 39.877300613496935vh;
    max-height: 520px
}

.menu__contentrow {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.menu__contentrow .lang-list li {
    margin-right: 1rem
}

.footer__form input {
    color: #452325;
    border-bottom: 1px solid #9f9292;
    margin-bottom: 2rem
}

.newsletter-module {
    margin: auto;
    width: 100%
}

.newsletter__form input {
    margin-bottom: 0
}

.newsletter-warning-text {
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: #e10e49;
    margin-top: 5px;
    display: none
}

.newsletter-error input {
    color: #e10e49;
    border-bottom: 1px solid #f39fb6
}

.os-theme-thin-dark>.os-scrollbar-horizontal {
    right: 14px;
    height: 14px;
    padding: 0 6px
}

.os-theme-thin-dark>.os-scrollbar-vertical {
    bottom: 14px;
    width: 14px;
    padding: 6px 0
}

.os-theme-thin-dark.os-host-rtl>.os-scrollbar-horizontal {
    left: 14px;
    right: 0
}

.os-theme-thin-dark>.os-scrollbar-corner {
    height: 14px;
    width: 14px;
    background-color: transparent
}

.os-theme-thin-dark>.os-scrollbar-horizontal>.os-scrollbar-track:before,
.os-theme-thin-dark>.os-scrollbar-vertical>.os-scrollbar-track:before {
    content: "";
    display: block;
    position: absolute;
    background: rgba(69, 35, 37, .15)
}

.os-theme-thin-dark>.os-scrollbar-horizontal>.os-scrollbar-track:before,
.os-theme-thin-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle:before {
    left: 0;
    right: 0;
    height: 2px;
    top: 50%;
    margin-top: -1px
}

.os-theme-thin-dark>.os-scrollbar-vertical>.os-scrollbar-track:before,
.os-theme-thin-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle:before {
    top: 0;
    bottom: 0;
    width: 2px;
    left: 50%;
    margin-left: -1px
}

.os-theme-thin-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle:before {
    content: "";
    display: block;
    position: absolute;
    background: rgba(69, 35, 37, .5);
    border-radius: 10px
}

.os-theme-thin-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle.active:before,
.os-theme-thin-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle:hover:before {
    height: 4px;
    margin-top: -2px
}

.os-theme-thin-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle.active:before,
.os-theme-thin-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle:hover:before {
    width: 4px;
    margin-left: -2px
}

.os-theme-thin-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle:hover:before,
.os-theme-thin-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle:hover:before {
    background: rgba(69, 35, 37, .7)
}

.os-theme-thin-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle.active:before,
.os-theme-thin-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle.active:before {
    background: #d91e46
}

.os-theme-thin-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle {
    height: 100%;
    min-width: 30px
}

.os-theme-thin-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle {
    width: 100%;
    min-height: 30px
}

.os-theme-thin-dark.os-host-transition>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle:before {
    -webkit-transition: height .3s, margin-top .3s, background .2s;
    transition: height .3s, margin-top .3s, background .2s
}

.os-theme-thin-dark.os-host-transition>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle:before {
    -webkit-transition: width .3s, margin-left .3s, background .2s;
    transition: width .3s, margin-left .3s, background .2s
}

.hero {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.hero__slide {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 7rem
}

.hero__content {
    z-index: 10;
    padding: 2rem 1rem 5rem;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.hero__media {
    width: 100%;
    overflow: hidden
}

.hero__slide.is-selected .hero__content,
.media-item.video-playing {
    opacity: 1
}

.hero__slide .hero__media {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: 50%;
    opacity: 1;
    -webkit-transition: .75s;
    transition: .75s
}

.hero__slide.is-selected .hero__media {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.hero__slide .hero__media:after,
.shadowed:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    z-index: 100
}

.hero .flickity-page-dots {
    bottom: 20px
}

.hero .flickity-page-dots .dot {
    background: 0 0;
    border-radius: 0;
    width: 9px;
    height: 9px;
    border: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 1
}

.hero .flickity-page-dots .dot.is-selected {
    border: 1px solid transparent;
    background: #e10e49
}

.media-item+img.media-item {
    opacity: 1;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.video-background {
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    position: relative;
    overflow: hidden;
    width: 100vw
}

.video-background iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 85vh;
    min-height: calc(550px + 10vh);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media all and (max-width:480px) {
    .winner-imgs img {
        margin: 1.5rem auto !important;
        max-width: 80% !important;
    }
    .app-store-imgs {
    	margin-top: 2rem;
    }
    .section-module h1 {
    	font-size: 26px;
    	line-height: initial;
    }
    .tagcloud {
    	margin: 1.5rem 0 3rem 0;
    	padding-bottom: 2rem;
    }
    .listing {
		width: 100%;
	}
	.featured img {
	width: 100%;
	padding-right: 0;
	border-radius: 3px;
	margin-bottom: 2rem;
	}
	.py-4 {
	padding: 0 !important
	}
	.header.scrolled .header__logo button {
	bottom: -2rem;
    background-color: #e10e49;
    padding: 17px;
	}
	.header__logo .icon {
		fill: #fff !important;
	}
	.wp-block-image {
    margin: 0 auto !important;
    width: 70%;
	}
}

@media (min-aspect-ratio:16/11) {
    .video-background iframe {
        height: 62.5vw
    }

    .video-background.vimeo iframe {
        width: 120vw
    }
}

@media (max-aspect-ratio:16/11) {
    .video-background iframe {
        width: 278vh
    }

    .video-background.vimeo iframe {
        height: 120vh
    }
}

.hero-simple {
    height: 60vh;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.hero-simple-short {
    height: 15vh;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.hero-simple .hero__content {
    padding-bottom: 2.5rem;
    opacity: 1
}

.hero-author {
    height: auto;
    padding-top: 80px
}

.hero-author .hero__avatar {
    width: 80px;
    height: 80px
}

.hero-search {
    background-image: url(images/volotea-search.png);
    background-size: auto 50%;
    background-position: 115% 30%;
    height: 50vh
}

.hero-narrow {
    height: 50vh
}

.hero-playlists {
    padding-top: 12rem;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: auto;
    margin-bottom: 1rem
}

.h-slider .swiper-slide,
.hero-playlists .hero__content__playlist {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.hero-playlists .hero__content {
    position: relative;
    width: 100%
}

.hero-playlists .hero__content__playlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 0
}

.offer-hero {
    background: rgba(69, 35, 37, .8);
    position: absolute;
    right: 0;
    bottom: 5rem;
    max-width: 35%
}

.responsive-iframe {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden
}

.responsive-iframe>iframe,
.swiper-slide .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.playlist-coverflow .swiper-slide {
    width: 240px;
    border-radius: 5px;
    overflow: hidden
}

.playlist-coverflow .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    -webkit-transition: opacity .7s .3s;
    transition: opacity .7s .3s;
    opacity: 0;
    z-index: 10
}

.playlist-coverflow .bg.visible {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 1;
    z-index: 20
}

.playlist-coverflow>.content {
    padding-left: 0;
    padding-right: 0
}

.h-slider .swiper-wrap {
    position: relative;
    margin-bottom: 1.5rem
}

.h-slider .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 260px
}

.h-slider-button-next,
.h-slider-button-prev {
    color: #ad940d;
    position: absolute;
    height: 50px;
    width: 50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    -webkit-transition: .2s;
    transition: .2s;
    display: none;
    border-radius: 9999px;
    --bg-opacity: 1;
    background-color: #f6f4f4;
    background-color: rgba(246, 244, 244, var(--bg-opacity));
    -webkit-box-shadow: 0 4px 10px rgb(69 35 37/5%);
    box-shadow: 0 4px 10px rgb(69 35 37/5%)
}

.h-slider-button-next.swiper-button-disabled,
.h-slider-button-prev.swiper-button-disabled {
    color: #e0d6d6;
    opacity: 0
}

.entry-content .swiper-container,
.px-0-mobile-slider.swiper-container {
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem
}

.px-0-mobile-slider .swiper-slide {
    width: 83.333333%;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.px-0-mobile-slider .swiper-slide.swiper-slide-prev {
    opacity: .5
}

.h-slider-heros .px-0-mobile-slider .swiper-slide {
    width: 92%
}

.h-slider-heros .hero-picture {
    position: relative;
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
    width: 100%;
    height: 290px
}

.h-slider-heros .hero-content__title,
.h-slider-heros .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.h-slider-heros .hero-content__title {
    width: 100%;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.h-slider-heros .hero-content__info {
    width: 100%;
    position: relative;
    padding: 0
}

.h-slider-heros .hero-content__info .playlist-grid-item {
    border-radius: .25rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

.h-slider-heros .h-slider-button-next,
.h-slider-heros .h-slider-button-prev {
    top: 50%
}

.swiper-slide .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.map-block {
    -webkit-transition: .3s;
    transition: .3s;
    overflow: hidden
}

.country-dropdown .arrow-down,
.map-block .arrow-down {
    -webkit-transition: .3s;
    transition: .3s
}

.country-dropdown.open .arrow-down,
.map-block.open .arrow-down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.map-block .map-component {
    overflow: hidden;
    -webkit-transition: height .3s cubic-bezier(.33, 1, .68, 1);
    transition: height .3s cubic-bezier(.33, 1, .68, 1);
    height: 0
}

.map-block.open .map-component {
    height: calc(100vh - 120px)
}

.map-block .map-component .map-mockup {
    -webkit-transition: 1.2s cubic-bezier(.33, 1, .68, 1);
    transition: 1.2s cubic-bezier(.33, 1, .68, 1);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: .2
}

.map-block.open .map-component .map-mockup {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.insta-elements {
    margin-left: -1rem;
    margin-right: -1rem
}

.insta-elements .insta-img {
    margin-left: 1rem;
    margin-right: 1rem
}

.sbi_photo_wrap {
    border-radius: 3px;
    background: #000;
    overflow: hidden
}

.vichy {
    width: 97px;
    height: 97px
}

.app-store-imgs img {
    max-height: 43px;
    margin: 0 0 2rem 0;
}

.winner-imgs img {
    max-width: 320px;
    margin: 3rem 1rem 0 0;
}

#main>nav {
    -webkit-box-flex: 1;
    -ms-flex: 1 6 15%;
    flex: 1 6 15%;
    min-width: 180px;
    max-width: 182px;
    -ms-flex-order: 3
}

#main>main {
    -webkit-box-flex: 3;
    -ms-flex: 3 1 60%;
    flex: 3 1 60%
}

#main>aside {
    width: 100%;
    -ms-flex-order: 3
}

.article-grid,
.city-grid,
.playlist-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.article-grid .article-grid-item,
.city-grid .city-grid-item {
    width: 100%;
    margin-bottom: 2rem
}

.playlist-grid .playlist-grid-item {
    width: 100%;
    margin-bottom: 1.75rem
}

.playlist-grid .playlist-grid-item .box {
    position: relative;
    border-radius: .25rem;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.playlist-grid-item .box:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.item-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    background: #000;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5396533613445378)), color-stop(60%, transparent));
    background: linear-gradient(0deg, rgba(0, 0, 0, .5396533613445378), transparent 60%)
}

.home-playlists .play-default,
.home-playlists .play-default-hover,
.img-video-link .play-default,
.img-video-link .play-default-hover,
.playlist-grid-item .play-default,
.playlist-grid-item .play-default-hover {
    position: absolute;
    z-index: 10;
    bottom: 0;
    right: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    width: 50px;
    height: 50px
}

.read-more {
	display: block;
	margin-top: 2rem;
	font-weight: bold;
	color: #816E2C;
}

.pagination .page-numbers {
    -webkit-transition: .2s;
    transition: .2s;
    display: block;
    border-radius: 9999px;
    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;
    width: 40px;
    height: 40px
}

.pagination .page-numbers.current {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    --bg-opacity: 1;
    background-color: #e10e49;
    background-color: rgba(225, 14, 73, var(--bg-opacity));
    border-width: 1px;
    --border-opacity: 1;
    border-color: #e10e49;
    border-color: rgba(225, 14, 73, var(--border-opacity))
}

.pagination .page-numbers:not(.current):not(.dots) {
    --text-opacity: 1;
    color: #ad940d;
    color: rgba(173, 148, 13, var(--text-opacity));
    border-width: 1px;
    --border-opacity: 1;
    border-color: #ad940d;
    border-color: rgba(173, 148, 13, var(--border-opacity))
}

.pagination .page-numbers:not(.current):not(.dots):hover {
    border-width: 1px;
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity))
}

.pagination .page-numbers.dots,
.pagination .page-numbers:not(.current):not(.dots):hover {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity))
}

#article-filters,
#city-categories,
#city-countries {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    --bg-opacity: 1;
    background-color: #f6f4f4;
    background-color: rgba(246, 244, 244, var(--bg-opacity));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 9000;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .5s cubic-bezier(.77, 0, .175, 1);
    transition: transform .5s cubic-bezier(.77, 0, .175, 1);
    transition: transform .5s cubic-bezier(.77, 0, .175, 1), -webkit-transform .5s cubic-bezier(.77, 0, .175, 1)
}

#article-filters .category-list .icon,
#city-categories .category-list .icon,
#city-countries .category-list .icon {
    width: 55px;
    height: 55px
}

#article-filters .list-wrap,
#city-categories .list-wrap,
#city-countries .list-wrap {
    height: 80%;
    width: 100%
}

.nav-author .avatar {
    display: block;
    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;
    border-radius: 9999px;
    overflow: hidden;
    width: 46px;
    height: 46px;
    border: 3px solid #f6f4f4
}

.nav-inspiration ul {
    margin-left: -.5rem;
    margin-right: -.5rem
}

.nav-inspiration li {
    margin-left: .5rem;
    margin-right: .5rem;
    margin-bottom: 1rem
}

.entry-content:not(.wide) {
/*    max-width: 810px*/
}

.entry-content>:first-child {
    margin-top: 0
}

.editor-styles-wrapper figcaption,
.wp-block-image figcaption {
    --text-opacity: 1;
    color: #9f9292;
    color: rgba(159, 146, 146, var(--text-opacity));
    margin: 1rem 0;
    border: none;
}

.wp-block-image {
	margin: 4rem 0;
	padding-bottom: 0 !important;
    border: none !important;
}

.entry-content>.swiper-wrap .h-slider-button-next {
    right: -25px
}

.entry-content>.swiper-wrap .h-slider-button-prev {
    left: -25px
}

.entry-content>.swiper-wrap .h-slider-button-next,
.entry-content>.swiper-wrap .h-slider-button-prev {
    top: 50%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.entry-content .swiper-slide {
    width: 90%
}

.entry-content a {
    color: #ad940d;
    -webkit-transition: color .2s, border .2s;
    transition: color .2s, border .2s
}

.single-ciudades .entry-content>h2:first-child {
    margin-top: 0;
    margin-bottom: .5rem
}

.entry-content img {
    margin-bottom: 2rem;
    max-width: 100%
}

.entry-content iframe {
    max-width: 100% !important;
    width: 100% !important
}

.wp-block-quote.is-style-default {
    font-size: 24px;
    max-width: 80%;
    padding-bottom: 20px;
    line-height: 1.17;
    border-bottom: 2px solid #e10e49;
    font-weight: 700
}

.entry-content ul,
ol {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-left: 40px
}

.entry-content ul {
    list-style: disc
}

.entry-content ol {
    list-style: decimal
}

#js-scroll-top {
    bottom: 1rem;
    right: 10px;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s;
    z-index: 100;
    color: #e10e49
}

#js-scroll-top .scroll-icon {
    width: 35px;
    height: 35px
}

#js-scroll-top.scrolled {
    opacity: 1;
    pointer-events: all;
    cursor: pointer
}

.country-dropdown {
    -webkit-transition: .3s;
    transition: .3s;
    overflow: hidden;
    border-radius: 3px
}

.country-dropdown .dropdown-component {
    overflow: hidden;
    -webkit-transition: max-height .3s cubic-bezier(.33, 1, .68, 1);
    transition: max-height .3s cubic-bezier(.33, 1, .68, 1);
    max-height: 0
}

.country-dropdown.open .dropdown-component {
    max-height: 195px
}

.spotify-player,
.spotify-player-hero {
    width: 100%;
    height: 375px
}

.v7-loader-spin {
    width: 1em;
    height: 1em;
    margin-right: auto;
    margin-left: auto;
    font-size: 9rem
}

.v7-loader-spin--xxs {
    font-size: 2rem
}

.v7-loader-spin__bg-spinner,
.v7-loader-spin__spinner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    will-change: transform
}

.v7-loader-spin__svg {
    display: block;
    width: inherit;
    height: inherit
}

.v7-loader-spin.v7-is-waiting .v7-loader-spin__spinner {
    -webkit-animation: 2.8s cubic-bezier(.785, .135, .15, .86) infinite forwards spinner-rotate;
    animation: 2.8s cubic-bezier(.785, .135, .15, .86) infinite forwards spinner-rotate
}

.v7-loader-spin__path {
    stroke: #e10e49;
    stroke-dasharray: 300;
    stroke-dashoffset: 300;
    stroke-linecap: round;
    stroke-width: 6px
}

.v7-loader-spin__bg-spinner .v7-loader-spin__path {
    stroke-dashoffset: 0;
    stroke: #dad3d3
}

.v7-loader-spin.v7-is-waiting .v7-loader-spin__spinner .v7-loader-spin__path {
    -webkit-animation: 2.8s cubic-bezier(.785, .135, .15, .86) infinite forwards spinner-dash;
    animation: 2.8s cubic-bezier(.785, .135, .15, .86) infinite forwards spinner-dash
}

@-webkit-keyframes spinner-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    45% {
        -webkit-transform: rotate(185deg);
        transform: rotate(185deg)
    }

    to {
        -webkit-transform: rotate(2turn);
        transform: rotate(2turn)
    }
}

@keyframes spinner-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    45% {
        -webkit-transform: rotate(185deg);
        transform: rotate(185deg)
    }

    to {
        -webkit-transform: rotate(2turn);
        transform: rotate(2turn)
    }
}

@-webkit-keyframes spinner-dash {

    0%,
    to {
        stroke-dashoffset: 300
    }

    45% {
        stroke-dashoffset: 0
    }
}

@keyframes spinner-dash {

    0%,
    to {
        stroke-dashoffset: 300
    }

    45% {
        stroke-dashoffset: 0
    }
}

@media (width:768px) {
	.header__titlemenu__menu {display: none !important}
}

@media (min-width:768px) {

    .hero-playlists,
    .newsletter__form {
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal
    }

    #main>aside,
    #main>nav+aside+main,
    #main>nav+main,
    .content {
        padding-left: 1.5rem
    }

    #main>aside+main,
    #main>nav,
    #main>nav+aside+main,
    .content {
        padding-right: 1.5rem
    }

    .heronav__media,
    .tablet\:overflow-hidden {
        overflow: hidden
    }

    html {
        font-size: 16px;
        line-height: 26px
    }

    .volotea-img-search {
        height: 150px;
        padding: 0
    }

    .instagram-title-fix {
        padding-top: 12px
    }

    .heading1,
    h1 {
        font-size: 64px;
        line-height: 64px
    }

    .heading2,
    .heading3,
    h2,
    h3 {
        font-size: 30px;
        line-height: 30px
    }

    .heading4 {
        font-size: 20px;
        line-height: 20px
    }

    .heading5,
    .single-ciudades .entry-content>p,
    h5 {
        font-size: 22px;
        line-height: 32px;
    }

    .article-thumb-link {
        font-size: 26px;
        line-height: 32px
    }

    .article-thumb-link-mini {
        font-size: 20px;
        line-height: 24px
    }

    .article-thumb-link-big {
        font-size: 50px;
        line-height: 60px
    }

    a.article-thumb-link,
    a.article-thumb-link-big,
    a.article-thumb-link-mini {
        -webkit-transition: color .2s;
        transition: color .2s
    }

    .city-grid-item .heading3:hover,
    a.article-thumb-link-big:hover,
    a.article-thumb-link-big:hover .heading4,
    a.article-thumb-link-mini:hover,
    a.article-thumb-link-mini:hover .heading4,
    a.article-thumb-link:hover,
    a.article-thumb-link:hover .heading4 {
        color: #ad940d
    }

    .section-module,
    .tablet\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .header.scrolled .btn-menu__back,
    .header.scrolled .btn-menu__front,
    .header.scrolled .btn-menu__inner {
        height: 60px
    }

    @supports (transform-style:preserve-3d) {
        .header.scrolled .btn-menu__inner {
            -webkit-transform: translateZ(-30px);
            transform: translateZ(-30px)
        }

        .header.scrolled .btn-menu__back {
            -webkit-transform: rotateX(-90deg) translateZ(30px);
            transform: rotateX(-90deg) translateZ(30px)
        }
    }

    .btn-icon {
        width: auto;
        padding: .75rem 1.5rem;
        -webkit-transition: .2s;
        transition: .2s
    }

    .btn-icon-brand:hover {
        background-color: #ff0e51;
        background-color: rgba(255, 14, 81, var(--bg-opacity))
    }

    .btn-icon-brand:hover,
    .btn-icon-darkbrown:hover {
        --bg-opacity: 1;
        -webkit-box-shadow: 0 4px 7px rgb(69 35 37/30%);
        box-shadow: 0 4px 7px rgb(69 35 37/30%)
    }

    .btn-icon-darkbrown:hover {
        background-color: #6a4f51;
        background-color: rgba(106, 79, 81, var(--bg-opacity))
    }

    .btn-compact {
        width: auto;
        padding: .5rem 1.5rem
    }

    .btn-narrow {
        width: auto;
        padding: .5rem 1rem
    }

    .btn-icon-outline {
        -webkit-transition: .2s;
        transition: .2s
    }

    .btn-icon-outline:hover {
        background-color: transparent;
        --text-opacity: 1;
        color: #452325;
        color: rgba(69, 35, 37, var(--text-opacity));
        border: 2px solid #452325
    }

    .header__none {
	    background-color: #452325;
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 120px;
}

    .header__logo {
        width: 85px;
        margin: auto 0;
    }

    .header__logo a {
        padding: 1.25rem
    }

    .header__logo a .icon-logo,
    .pagination .page-numbers {
        width: 45px;
        height: 45px
    }

    .header__logo button {
        -webkit-transition: .2s;
        transition: .2s;
/*        padding-bottom: 1.25rem*/
    }

    .header__logo button:hover {
        opacity: .5
    }

    .header__titlemenu__title {
        height: 85px
    }

    .header.scrolled {
        top: -20px
    }

    .header.scrolled .header__logo {
        width: calc(4rem - 10px)
    }

    .header.scrolled .icon-logo-wrapper {
        pointer-events: none
    }

    .header.scrolled .header__logo button {
        padding-bottom: 1rem
    }

    .header.menuopen .header__logo,
    .home-playlists .swiper-slide:hover .play-default-hover,
    .img-video-link:hover .play-default-hover,
    .playlist-grid-item .box:hover .play-default-hover {
        opacity: 1
    }

    .menu {
        width: 50%;
        min-width: 400px;
        max-width: 500px
    }

    .menu__content__nav {
/*        font-family: "VoloteaSans-CondensedBold";*/
    }

    .menu__content {        
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .line-one{
        position: absolute;
        left: 0;
        margin-top: -50px;
        height: 50px;
        width: 0;
        background-color: #CE304D;
        transition: width 0.5s ease-out;
    }
    .side-menu ul li:hover .line-one{
        width: 10px;
    }

    .footer__form,
    .menu .header__logo,
    .tablet\:w-auto {
        width: auto
    }

    .menu__contentrow,
    .menu__form,
    .newsletter__form input {
        height: 50px;
        width: 100%
    }

    .menu__contentrow .lang-list li,
    .tablet\:mr-6 {
        margin-right: 1.5rem
    }

    .menu__contentrow,
    .tablet\:mb-2 {
        margin-bottom: .5rem;
        margin-top: -0.5rem
    }

    .newsletter__form {
        width: 100%;
        flex-direction: row
    }

    .footer__contentrow,
    .footer__form,
    .tablet\:mb-8 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .article-grid .article-grid-item-full {
        width: 100% !important;
    }

    .entry-content .swiper-slide,
    .footer__contentrow,
    .px-0-mobile-slider .swiper-slide,
    .trending-blocks .trending-left .trending-video {
        width: 100%
    }

    .footer__form input {
        width: 100%;
        max-width: 450px
    }

    .newsletter-module {
        margin-bottom: 0;
        margin-left: auto;
        max-width: 575px
    }

    .hero__slide {
        padding-top: 9rem;
        font-size: 1.25rem
    }

    .hero__content {
        padding-top: 3rem;
        padding-bottom: 3rem;
        padding-right: 0;
        padding-left: calc(45px + 1.25rem)
    }

    .hero__content:not(.content) {
        max-width: 70%
    }

    .hero .flickity-page-dots,
    .heronav__info br,
    .tablet\:hidden {
        display: none
    }

    .heronav,
    .tablet\:block {
        display: block
    }

    .heronav {
        height: auto;
        width: 265px;
        margin: 0 auto;
        position: absolute !important;
        top: 40%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .heronav__slide {
        width: 216px;
        margin-right: 20px;
        cursor: pointer
    }

    .heronav__media {
        border-radius: 3px
    }

    .hero-simple {
        height: 340px
    }

    .hero-simple .hero__content {
        padding-bottom: 2.5rem
    }

    .hero-simple-full {
        height: 75vh;
        min-height: 450px
    }

    .hero-author {
        padding-top: 0;
        height: 600px
    }

    .hero-author .hero__avatar {
        width: 200px;
        height: 200px
    }

    .hero-search {
        background-image: url(images/volotea-search.png);
        background-repeat: no-repeat;
        background-size: auto 80%;
        background-position: 90% 50%;
        height: 500px
    }

    .hero-narrow {
        height: 434px
    }

    .hero-playlists {
        padding-top: 9rem;
        flex-direction: row;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-bottom: 0;
        height: 75vh;
        min-height: 550px
    }

    .hero-playlists .hero__content {
        padding-top: 0;
        padding-right: 0;
        width: 55%
    }

    .hero-playlists .hero__content__playlist {
        height: 100%;
        padding: 0 2rem 3rem;
        width: 45%
    }

    .hero-playlists-single {
        height: 100vh
    }

    .px-fixed {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .playlist-coverflow .swiper-slide {
        width: 480px
    }

    .h-slider .swiper-wrap,
    .tablet\:mb-12 {
        margin-bottom: 3rem
    }

    .h-slider-button-next {
        right: 40px
    }

    .h-slider-button-prev {
        left: 40px
    }

    .entry-content .swiper-container,
    .px-0-mobile-slider.swiper-container {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0
    }

    .h-slider-heros,
    .tablet\:p-0 {
        padding: 0
    }

    .h-slider-heros .hero-picture {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0
    }

    .h-slider-heros .swiper-slide,
    .tablet\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .h-slider-heros .hero-content__title,
    .tablet\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }

    .h-slider-heros .hero-content__title {
        width: 50%;
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity));
        padding: 1.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .h-slider-heros .hero-content__info {
        width: 50%;
        padding: 1.5rem 0 1.5rem 1.5rem
    }

    .h-slider-heros .hero-content__info .playlist-grid-item {
        width: 66.666667%
    }

    .trending-blocks .trending-left {
        width: 54%
    }

    .trending-blocks .trending-right {
        width: 46%
    }

    .trending-blocks .trending-left .trending-destination:first-child,
    .trending-blocks .trending-right .trending-video:first-child {
        height: 0;
        padding-bottom: 56%
    }

    .trending-blocks .trending-left .trending-destination:last-child {
        width: 53%;
        height: 0;
        padding-bottom: 30%
    }

    .trending-blocks .trending-left .trending-video,
    .trending-blocks .trending-right .trending-destination:first-child {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 0;
        padding-bottom: 56%
    }

    .trending-blocks .trending-right .trending-video:last-child {
        width: 85%;
        height: 0;
        padding-bottom: 50%
    }

    .trending-blocks .trending-destination,
    .trending-blocks .trending-video {
        overflow: hidden;
        --bg-opacity: 1;
        background-color: #000;
        background-color: rgba(0, 0, 0, var(--bg-opacity))
    }

    .tablet\:focus\:opacity-0:focus,
    .tablet\:hover\:opacity-0:hover,
    .tablet\:opacity-0,
    .trending-blocks .trending-destination>img,
    .trending-blocks .trending-video>img {
        opacity: 0
    }

    .trending-blocks .trending-destination .jarallax,
    .trending-blocks .trending-video .jarallax {
        -webkit-transition: opacity .2s;
        transition: opacity .2s
    }

    .trending-blocks .trending-destination:hover .jarallax,
    .trending-blocks .trending-video:hover .jarallax {
        opacity: .8
    }

    .vichy {
        width: 175px;
        height: 175px
    }

    .footer-left-side {
        max-width: 30rem
    }

    #main>nav {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    #main>aside {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 225px
    }

    #main>main {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    #main>nav+main {
        padding-right: 0
    }

    .article-grid,
    .playlist-grid {
        margin-left: -1rem;
        margin-right: -1rem
    }

    .article-grid .article-grid-item {
        width: 50%;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .city-grid {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .city-grid .city-grid-item {
        width: 33.333333%;
        padding-left: .5rem;
        padding-right: .5rem
    }

    .playlist-grid .playlist-grid-item {
        width: 33.333333%;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .home-playlists .play-default,
    .home-playlists .play-default-hover,
    .img-video-link .play-default,
    .img-video-link .play-default-hover,
    .playlist-grid-item .play-default,
    .playlist-grid-item .play-default-hover {
        width: 64px;
        height: 64px
    }

    #main nav section:not(:last-child),
    .tablet\:mb-10 {
        margin-bottom: 1.5rem
    }

    .nav-author .avatar {
        width: 82px;
        height: 82px
    }

    .entry-content .content-fix-img.content-fix-img-portrait {
        width: 50%
    }

    .entry-content .content-fix-img.content-fix-img-landscape {
        width: 66%
    }

    .wp-block-quote.is-style-default {
        font-size: 30px;
        max-width: 70%;
        padding-bottom: 40px;
        line-height: 1.17
    }

    #js-scroll-top {
        bottom: 4rem;
        right: 20px
    }

    #js-scroll-top .scroll-icon {
        width: 46px;
        height: 46px
    }

    #js-scroll-top:hover {
        color: #816E2C
    }

    .spotify-player {
        width: 400px;
        height: 480px
    }

    .spotify-player-hero {
        width: 100%;
        height: 100%
    }

    .tablet\:divide-opacity-0>:not(template)~:not(template) {
        --divide-opacity: 0
    }

    .tablet\:bg-fixed {
        background-attachment: fixed
    }

    .tablet\:bg-brand,
    .tablet\:focus\:bg-brand:focus,
    .tablet\:hover\:bg-brand:hover {
        --bg-opacity: 1;
        background-color: #e10e49;
        background-color: rgba(225, 14, 73, var(--bg-opacity))
    }

    .tablet\:bg-opacity-0,
    .tablet\:focus\:bg-opacity-0:focus,
    .tablet\:hover\:bg-opacity-0:hover {
        --bg-opacity: 0
    }

    .tablet\:border-opacity-0,
    .tablet\:focus\:border-opacity-0:focus,
    .tablet\:hover\:border-opacity-0:hover {
        --border-opacity: 0
    }

    .tablet\:border-0 {
        border-width: 0
    }

    .tablet\:border-l {
        border-left-width: 1px
    }

    .tablet\:inline {
        display: inline
    }

    .tablet\:flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .tablet\:flex-col {
        -ms-flex-direction: column;
        flex-direction: column !important
    }

    .tablet\:place-items-center {
        place-items: center
    }

    .tablet\:items-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .tablet\:items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .tablet\:items-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .tablet\:justify-items-center {
        justify-items: center
    }

    .tablet\:justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .tablet\:justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .tablet\:flex-1 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%
    }

    .tablet\:m-0 {
        margin: 0
    }

    .tablet\:my-10 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }

    .tablet\:my-16 {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .tablet\:mt-0 {
        margin-top: 0
    }

    .tablet\:mr-0 {
        margin-right: 0
    }

    .tablet\:mb-0 {
        margin-bottom: 0
    }

    .tablet\:mr-2 {
        margin-right: .5rem
    }

    .tablet\:mb-4 {
        margin-bottom: 1rem
    }

    .tablet\:mr-5 {
        margin-right: 1.25rem
    }

    .tablet\:mb-6 {
        margin-bottom: 1.5rem
    }

    .tablet\:mr-10 {
        margin-right: 2.5rem
    }

    .tablet\:mr-12 {
        margin-right: 3rem
    }

    .tablet\:mr-auto {
        margin-right: auto
    }

    .tablet\:ml-auto {
        margin-left: auto
    }

    .tablet\:min-h-full {
        min-height: 100%
    }

    .tablet\:p-6 {
        padding: 1.5rem
    }

    .tablet\:p-7 {
        padding: 1.75rem
    }

    .tablet\:p-12 {
        padding: 3rem
    }

    .tablet\:p-64 {
        padding: 16rem
    }

    .tablet\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .tablet\:pt-0 {
        padding-top: 0
    }

    .tablet\:pt-2 {
        padding-top: .5rem
    }

    .tablet\:pl-8 {
        padding-left: 2rem
    }

    .tablet\:pt-24 {
        padding-top: 6rem
    }

    .tablet\:pb-24 {
        padding-bottom: 3rem
    }

    .tablet\:pt-48 {
        padding-top: 12rem
    }

    .tablet\:placeholder-opacity-0::-webkit-input-placeholder {
        --placeholder-opacity: 0
    }

    .tablet\:placeholder-opacity-0::-moz-placeholder {
        --placeholder-opacity: 0
    }

    .tablet\:placeholder-opacity-0:-ms-input-placeholder {
        --placeholder-opacity: 0
    }

    .tablet\:placeholder-opacity-0::-ms-input-placeholder {
        --placeholder-opacity: 0
    }

    .tablet\:placeholder-opacity-0::placeholder {
        --placeholder-opacity: 0
    }

    .tablet\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
        --placeholder-opacity: 0
    }

    .tablet\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
        --placeholder-opacity: 0
    }

    .tablet\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
        --placeholder-opacity: 0
    }

    .tablet\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
        --placeholder-opacity: 0
    }

    .tablet\:focus\:placeholder-opacity-0:focus::placeholder {
        --placeholder-opacity: 0
    }

    .tablet\:fixed {
        position: fixed
    }

    .tablet\:inset-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .tablet\:top-0 {
        top: 0
    }

    .tablet\:right-0 {
        right: 0
    }

    .tablet\:table-fixed {
        table-layout: fixed
    }

    .tablet\:text-left {
        text-align: left
    }

    .tablet\:focus\:text-opacity-0:focus,
    .tablet\:hover\:text-opacity-0:hover,
    .tablet\:text-opacity-0 {
        --text-opacity: 0
    }

    .tablet\:w-1\/4 {
        width: 25%
    }

    .tablet\:w-2\/12 {
        width: 16.666667%
    }

    .tablet\:w-10\/12 {
        width: 83.333333%
    }

    .tablet\:z-50 {
        z-index: 50
    }

    .tablet\:gap-6 {
        grid-gap: 1.5rem;
        gap: 1.5rem
    }

    .tablet\:gap-64 {
        grid-gap: 16rem;
        gap: 16rem
    }

    .tablet\:col-gap-6 {
        grid-column-gap: 1.5rem;
        -webkit-column-gap: 1.5rem;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .tablet\:col-gap-64 {
        grid-column-gap: 16rem;
        -webkit-column-gap: 16rem;
        -moz-column-gap: 16rem;
        column-gap: 16rem
    }

    .tablet\:row-gap-6 {
        grid-row-gap: 1.5rem;
        row-gap: 1.5rem
    }

    .tablet\:row-gap-64 {
        grid-row-gap: 16rem;
        row-gap: 16rem
    }

    .tablet\:animate-none {
        -webkit-animation: none;
        animation: none
    }

    .tablet\:animate-spin {
        -webkit-animation: 1s linear infinite spin;
        animation: 1s linear infinite spin
    }

    .tablet\:animate-ping {
        -webkit-animation: 1s cubic-bezier(0, 0, .2, 1) infinite ping;
        animation: 1s cubic-bezier(0, 0, .2, 1) infinite ping
    }

    .tablet\:animate-pulse {
        -webkit-animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
        animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse
    }

    .tablet\:animate-bounce {
        -webkit-animation: 1s infinite bounce;
        animation: 1s infinite bounce
    }
}

@media (min-width:1100px) {
    .content {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .instagram-title-fix {
        padding-top: 0;
        padding-bottom: 16px
    }

    .heading1,
    h1 {
        font-size: 62px;
        line-height: 64px
    }

    .heading2,
    h2 {
        font-size: 38px;
        line-height: 40px
    }

    .heading3,
    h3 {
        font-size: 30px;
        line-height: 30px
    }

    .heading4 {
        font-size: 20px;
        line-height: 20px
    }

    .heading5,
    h5 {
        font-size: 22px;
        line-height: 34px
    }

    .article-thumb-link {
        font-size: 26px;
        line-height: 35px
    }

    .article-thumb-link-mini {
        font-size: 20px;
        line-height: 24px
    }

    .article-thumb-link-big {
        font-size: 70px;
        line-height: 75px
    }

    .section-module {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem
    }

    .hero__content {
        padding: 4rem 4rem 5rem;
        padding-left: calc(45px + 1.25rem)
    }

    .hero__content:not(.content) {
        max-width: 80%
    }

    .hero-playlists {
        padding-top: 6rem
    }

    .hero-playlists .hero__content {
        padding-top: 0
    }

    .hero-playlists .hero__content__playlist {
        padding: 0 5rem 5rem
    }

    .px-fixed {
        padding-left: 6.5rem;
        padding-right: 6.5rem
    }

    .offer-hero {
        text-align: center;
        max-width: 25%
    }

    .h-slider-button-next,
    .h-slider-button-prev {
        top: 7.45vw;
        display: block
    }

    .h-slider .button-next-four,
    .h-slider .button-prev-four {
        top: 160px
    }

    .h-slider-heros .hero-content__title {
        padding: 4rem
    }

    .h-slider-heros .hero-content__info {
        padding: 4rem 0 4rem 4rem
    }

    #main>nav {
        padding-right: 2rem
    }

    #main>aside {
        padding-left: 1.75rem
    }

    #main>aside+main {
        padding-right: 5rem
    }

    #main>nav+main {
        padding-left: 2rem;
        padding-right: 0
    }

    #main>nav+aside+main {
        padding-left: 2rem;
        padding-right: 3rem
    }

    .article-grid {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .article-grid .article-grid-item {
        padding-left: 2rem;
        padding-right: 2rem;
        margin-bottom: 4rem
    }

    .city-grid {
        margin-left: -1rem;
        margin-right: -1rem
    }

    .city-grid .city-grid-item {
        padding-left: 1rem;
        padding-right: 1rem;
        margin-bottom: 4rem
    }

    .playlist-grid {
        margin-left: -1.75rem;
        margin-right: -1.75rem
    }

    .playlist-grid .playlist-grid-item {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
        margin-bottom: 3.5rem
    }

    .single-ciudades .entry-content>p {
        font-size: 24px;
        line-height: 34px
    }

    .wp-block-quote.is-style-default {
        font-size: 30px;
        max-width: 60%;
        line-height: 1.17
    }

    #js-scroll-top {
        bottom: 36rem;
        right: 20px
    }

    .desktop\:divide-opacity-0>:not(template)~:not(template) {
        --divide-opacity: 0
    }

    .desktop\:bg-fixed {
        background-attachment: fixed
    }

    .desktop\:bg-brand,
    .desktop\:focus\:bg-brand:focus,
    .desktop\:hover\:bg-brand:hover {
        --bg-opacity: 1;
        background-color: #e10e49;
        background-color: rgba(225, 14, 73, var(--bg-opacity))
    }

    .desktop\:bg-opacity-0,
    .desktop\:focus\:bg-opacity-0:focus,
    .desktop\:hover\:bg-opacity-0:hover {
        --bg-opacity: 0
    }

    .desktop\:border-opacity-0,
    .desktop\:focus\:border-opacity-0:focus,
    .desktop\:hover\:border-opacity-0:hover {
        --border-opacity: 0
    }

    .desktop\:block {
        display: block
    }

    .desktop\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: flex-end
    }

    .desktop\:place-items-center {
        place-items: center
    }

    .desktop\:items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .desktop\:justify-items-center {
        justify-items: center
    }

    .desktop\:justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .desktop\:mb-0 {
        margin-bottom: 0
    }

    .desktop\:ml-2 {
        margin-left: .5rem
    }

    .desktop\:mr-4 {
        margin-right: 1rem
    }

    .desktop\:min-h-full {
        min-height: 100%
    }

    .desktop\:focus\:opacity-0:focus,
    .desktop\:hover\:opacity-0:hover,
    .desktop\:opacity-0 {
        opacity: 0
    }

    .desktop\:p-6 {
        padding: 1.5rem
    }

    .desktop\:p-64 {
        padding: 16rem
    }

    .desktop\:placeholder-opacity-0::-webkit-input-placeholder {
        --placeholder-opacity: 0
    }

    .desktop\:placeholder-opacity-0::-moz-placeholder {
        --placeholder-opacity: 0
    }

    .desktop\:placeholder-opacity-0:-ms-input-placeholder {
        --placeholder-opacity: 0
    }

    .desktop\:placeholder-opacity-0::-ms-input-placeholder {
        --placeholder-opacity: 0
    }

    .desktop\:placeholder-opacity-0::placeholder {
        --placeholder-opacity: 0
    }

    .desktop\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
        --placeholder-opacity: 0
    }

    .desktop\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
        --placeholder-opacity: 0
    }

    .desktop\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
        --placeholder-opacity: 0
    }

    .desktop\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
        --placeholder-opacity: 0
    }

    .desktop\:focus\:placeholder-opacity-0:focus::placeholder {
        --placeholder-opacity: 0
    }

    .desktop\:fixed {
        position: fixed
    }

    .desktop\:inset-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .desktop\:top-0 {
        top: 0
    }

    .desktop\:right-0 {
        right: 0
    }

    .desktop\:table-fixed {
        table-layout: fixed
    }

    .desktop\:focus\:text-opacity-0:focus,
    .desktop\:hover\:text-opacity-0:hover,
    .desktop\:text-opacity-0 {
        --text-opacity: 0
    }

    .desktop\:w-1\/5 {
        width: 20%
    }

    .desktop\:z-50 {
        z-index: 50
    }

    .desktop\:gap-6 {
        grid-gap: 1.5rem;
        gap: 1.5rem
    }

    .desktop\:gap-64 {
        grid-gap: 16rem;
        gap: 16rem
    }

    .desktop\:col-gap-6 {
        grid-column-gap: 1.5rem;
        -webkit-column-gap: 1.5rem;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .desktop\:col-gap-64 {
        grid-column-gap: 16rem;
        -webkit-column-gap: 16rem;
        -moz-column-gap: 16rem;
        column-gap: 16rem
    }

    .desktop\:row-gap-6 {
        grid-row-gap: 1.5rem;
        row-gap: 1.5rem
    }

    .desktop\:row-gap-64 {
        grid-row-gap: 16rem;
        row-gap: 16rem
    }

    .desktop\:animate-none {
        -webkit-animation: none;
        animation: none
    }

    .desktop\:animate-spin {
        -webkit-animation: 1s linear infinite spin;
        animation: 1s linear infinite spin
    }

    .desktop\:animate-ping {
        -webkit-animation: 1s cubic-bezier(0, 0, .2, 1) infinite ping;
        animation: 1s cubic-bezier(0, 0, .2, 1) infinite ping
    }

    .desktop\:animate-pulse {
        -webkit-animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
        animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse
    }

    .desktop\:animate-bounce {
        -webkit-animation: 1s infinite bounce;
        animation: 1s infinite bounce
    }
}

@media (min-width:1280px) {
    .h-slider-heros .heading1 {
        font-size: 64px;
        line-height: 64px
    }

    .heading1,
    h1 {
        font-size: 90px;
        line-height: 90px
    }

    .vichy {
        width: 200px;
        height: 200px
    }

    .largedesktop\:divide-opacity-0>:not(template)~:not(template) {
        --divide-opacity: 0
    }

    .largedesktop\:bg-fixed {
        background-attachment: fixed
    }

    .largedesktop\:bg-brand,
    .largedesktop\:focus\:bg-brand:focus,
    .largedesktop\:hover\:bg-brand:hover {
        --bg-opacity: 1;
        background-color: #e10e49;
        background-color: rgba(225, 14, 73, var(--bg-opacity))
    }

    .largedesktop\:bg-opacity-0,
    .largedesktop\:focus\:bg-opacity-0:focus,
    .largedesktop\:hover\:bg-opacity-0:hover {
        --bg-opacity: 0
    }

    .largedesktop\:border-opacity-0,
    .largedesktop\:focus\:border-opacity-0:focus,
    .largedesktop\:hover\:border-opacity-0:hover {
        --border-opacity: 0
    }

    .largedesktop\:place-items-center {
        place-items: center
    }

    .largedesktop\:items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .largedesktop\:justify-items-center {
        justify-items: center
    }

    .largedesktop\:min-h-full {
        min-height: 100%
    }

    .largedesktop\:focus\:opacity-0:focus,
    .largedesktop\:hover\:opacity-0:hover,
    .largedesktop\:opacity-0 {
        opacity: 0
    }

    .largedesktop\:p-6 {
        padding: 1.5rem
    }

    .largedesktop\:p-64 {
        padding: 16rem
    }

    .largedesktop\:placeholder-opacity-0::-webkit-input-placeholder {
        --placeholder-opacity: 0
    }

    .largedesktop\:placeholder-opacity-0::-moz-placeholder {
        --placeholder-opacity: 0
    }

    .largedesktop\:placeholder-opacity-0:-ms-input-placeholder {
        --placeholder-opacity: 0
    }

    .largedesktop\:placeholder-opacity-0::-ms-input-placeholder {
        --placeholder-opacity: 0
    }

    .largedesktop\:placeholder-opacity-0::placeholder {
        --placeholder-opacity: 0
    }

    .largedesktop\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
        --placeholder-opacity: 0
    }

    .largedesktop\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
        --placeholder-opacity: 0
    }

    .largedesktop\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
        --placeholder-opacity: 0
    }

    .largedesktop\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
        --placeholder-opacity: 0
    }

    .largedesktop\:focus\:placeholder-opacity-0:focus::placeholder {
        --placeholder-opacity: 0
    }

    .largedesktop\:fixed {
        position: fixed
    }

    .largedesktop\:inset-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .largedesktop\:top-0 {
        top: 0
    }

    .largedesktop\:right-0 {
        right: 0
    }

    .largedesktop\:table-fixed {
        table-layout: fixed
    }

    .largedesktop\:focus\:text-opacity-0:focus,
    .largedesktop\:hover\:text-opacity-0:hover,
    .largedesktop\:text-opacity-0 {
        --text-opacity: 0
    }

    .largedesktop\:z-50 {
        z-index: 50
    }

    .largedesktop\:gap-6 {
        grid-gap: 1.5rem;
        gap: 1.5rem
    }

    .largedesktop\:gap-64 {
        grid-gap: 16rem;
        gap: 16rem
    }

    .largedesktop\:col-gap-6 {
        grid-column-gap: 1.5rem;
        -webkit-column-gap: 1.5rem;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .largedesktop\:col-gap-64 {
        grid-column-gap: 16rem;
        -webkit-column-gap: 16rem;
        -moz-column-gap: 16rem;
        column-gap: 16rem
    }

    .largedesktop\:row-gap-6 {
        grid-row-gap: 1.5rem;
        row-gap: 1.5rem
    }

    .largedesktop\:row-gap-64 {
        grid-row-gap: 16rem;
        row-gap: 16rem
    }

    .largedesktop\:animate-none {
        -webkit-animation: none;
        animation: none
    }

    .largedesktop\:animate-spin {
        -webkit-animation: 1s linear infinite spin;
        animation: 1s linear infinite spin
    }

    .largedesktop\:animate-ping {
        -webkit-animation: 1s cubic-bezier(0, 0, .2, 1) infinite ping;
        animation: 1s cubic-bezier(0, 0, .2, 1) infinite ping
    }

    .largedesktop\:animate-pulse {
        -webkit-animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
        animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse
    }

    .largedesktop\:animate-bounce {
        -webkit-animation: 1s infinite bounce;
        animation: 1s infinite bounce
    }
}

@media (min-width:1400px) {

    .h-slider-button-next,
    .h-slider-button-prev {
        top: 110px
    }

    .maxdesk\:divide-opacity-0>:not(template)~:not(template) {
        --divide-opacity: 0
    }

    .maxdesk\:bg-fixed {
        background-attachment: fixed
    }

    .maxdesk\:bg-brand,
    .maxdesk\:focus\:bg-brand:focus,
    .maxdesk\:hover\:bg-brand:hover {
        --bg-opacity: 1;
        background-color: #e10e49;
        background-color: rgba(225, 14, 73, var(--bg-opacity))
    }

    .maxdesk\:bg-opacity-0,
    .maxdesk\:focus\:bg-opacity-0:focus,
    .maxdesk\:hover\:bg-opacity-0:hover {
        --bg-opacity: 0
    }

    .maxdesk\:border-opacity-0,
    .maxdesk\:focus\:border-opacity-0:focus,
    .maxdesk\:hover\:border-opacity-0:hover {
        --border-opacity: 0
    }

    .maxdesk\:place-items-center {
        place-items: center
    }

    .maxdesk\:items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .maxdesk\:justify-items-center {
        justify-items: center
    }

    .maxdesk\:min-h-full {
        min-height: 100%
    }

    .maxdesk\:focus\:opacity-0:focus,
    .maxdesk\:hover\:opacity-0:hover,
    .maxdesk\:opacity-0 {
        opacity: 0
    }

    .maxdesk\:p-6 {
        padding: 1.5rem
    }

    .maxdesk\:p-64 {
        padding: 16rem
    }

    .maxdesk\:placeholder-opacity-0::-webkit-input-placeholder {
        --placeholder-opacity: 0
    }

    .maxdesk\:placeholder-opacity-0::-moz-placeholder {
        --placeholder-opacity: 0
    }

    .maxdesk\:placeholder-opacity-0:-ms-input-placeholder {
        --placeholder-opacity: 0
    }

    .maxdesk\:placeholder-opacity-0::-ms-input-placeholder {
        --placeholder-opacity: 0
    }

    .maxdesk\:placeholder-opacity-0::placeholder {
        --placeholder-opacity: 0
    }

    .maxdesk\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
        --placeholder-opacity: 0
    }

    .maxdesk\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
        --placeholder-opacity: 0
    }

    .maxdesk\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
        --placeholder-opacity: 0
    }

    .maxdesk\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
        --placeholder-opacity: 0
    }

    .maxdesk\:focus\:placeholder-opacity-0:focus::placeholder {
        --placeholder-opacity: 0
    }

    .maxdesk\:fixed {
        position: fixed
    }

    .maxdesk\:inset-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .maxdesk\:top-0 {
        top: 0
    }

    .maxdesk\:right-0 {
        right: 0
    }

    .maxdesk\:table-fixed {
        table-layout: fixed
    }

    .maxdesk\:focus\:text-opacity-0:focus,
    .maxdesk\:hover\:text-opacity-0:hover,
    .maxdesk\:text-opacity-0 {
        --text-opacity: 0
    }

    .maxdesk\:z-50 {
        z-index: 50
    }

    .maxdesk\:gap-6 {
        grid-gap: 1.5rem;
        gap: 1.5rem
    }

    .maxdesk\:gap-64 {
        grid-gap: 16rem;
        gap: 16rem
    }

    .maxdesk\:col-gap-6 {
        grid-column-gap: 1.5rem;
        -webkit-column-gap: 1.5rem;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .maxdesk\:col-gap-64 {
        grid-column-gap: 16rem;
        -webkit-column-gap: 16rem;
        -moz-column-gap: 16rem;
        column-gap: 16rem
    }

    .maxdesk\:row-gap-6 {
        grid-row-gap: 1.5rem;
        row-gap: 1.5rem
    }

    .maxdesk\:row-gap-64 {
        grid-row-gap: 16rem;
        row-gap: 16rem
    }

    .maxdesk\:animate-none {
        -webkit-animation: none;
        animation: none
    }

    .maxdesk\:animate-spin {
        -webkit-animation: 1s linear infinite spin;
        animation: 1s linear infinite spin
    }

    .maxdesk\:animate-ping {
        -webkit-animation: 1s cubic-bezier(0, 0, .2, 1) infinite ping;
        animation: 1s cubic-bezier(0, 0, .2, 1) infinite ping
    }

    .maxdesk\:animate-pulse {
        -webkit-animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
        animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse
    }

    .maxdesk\:animate-bounce {
        -webkit-animation: 1s infinite bounce;
        animation: 1s infinite bounce
    }
}