/* Mixins
-------------------------*/
section.home.artists ul.artists > li .card .background-container, section.home.artists ul.artists > li .no-pop-card .background-container, section.home.camping .video-container .background-container, section.line-up.artists .card.popping .background-container, section.practical.ticket-video .video-container .background-container, section.area.camping .video-container .background-container, section.home.artists ul.artists > li .card .hover, section.home.artists ul.artists > li .no-pop-card .hover, section.home.camping .video-container .hover, section.line-up.artists .card.popping .hover, section.practical.ticket-video .video-container .hover, section.area.camping .video-container .hover, section.home.artists ul.artists > li .card .hover:before, section.home.artists ul.artists > li .no-pop-card .hover:before, section.home.camping .video-container .hover:before, section.line-up.artists .card.popping .hover:before, section.practical.ticket-video .video-container .hover:before, section.area.camping .video-container .hover:before, section.home.artists ul.artists > li .card .hover:after, section.home.artists ul.artists > li .no-pop-card .hover:after, section.home.camping .video-container .hover:after, section.line-up.artists .card.popping .hover:after, section.practical.ticket-video .video-container .hover:after, section.area.camping .video-container .hover:after, section a.button.popping:before, section a.button.popping:after, section.home.camping .video-container a, section.practical.ticket-video .video-container a, section.camping.video .video-container a, section.area.map .iframe-container a, section.area.camping .video-container a, section.home.camping .video-container h3:before, section.practical.ticket-video .video-container h3:before, section.camping.video .video-container h3:before, section.area.map .iframe-container h3:before, section.area.camping .video-container h3:before, section.home.camping .video-container h3:after, section.practical.ticket-video .video-container h3:after, section.camping.video .video-container h3:after, section.area.map .iframe-container h3:after, section.area.camping .video-container h3:after, section.home.intro .bottom-gifs, section.home.intro .top-gifs, section.home.intro .text-container, section.practical.faq .content-container:before, section.practical.faq .content-container:after, section.camping.video .video-container:after, section.camping.activities .activity-column .drag-icon span, section.area.map .iframe-container:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Variables
-------------------------*/
/* Colors */
/* Fonts */
@font-face {
  font-family: 'Ulm Grotesk';
  src: url("assets/style/ulm_grotesk_extrabold-webfont.woff2") format("woff2"), url("assets/style/ulm_grotesk_extrabold-webfont.woff") format("woff"), url("assets/style/ulm_grotesk_extrabold-webfont.ttf") format("truetype"), url("assets/style/ulm_grotesk_extrabold-webfont.svg#ulm_grotesk_extraboldregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* General Helper Classes
-------------------------*/
noscript {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 15px;
  color: #ffffff;
  background-color: #000000;
  z-index: 9999;
}

ul.no {
  margin: 0;
  padding: 0;
  list-style: none;
}

.data {
  display: none !important;
}

.stripe {
  width: 100%;
  position: absolute;
  pointer-events: none;
}

.stripe.z-1 {
  z-index: -1;
}

.stripe.z1 {
  z-index: 10;
}

.stripe.z-2 {
  z-index: -2;
}

.stripe.z-3 {
  z-index: -3;
}

/* Visual basics */
.background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
}

/* Fancybox */
.fancybox-content {
  -webkit-box-shadow: 0px 0px 0px 5px #ffffff;
  box-shadow: 0px 0px 0px 5px #ffffff;
}

.fancybox-content:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(15px, 15px);
  -ms-transform: translate(15px, 15px);
  transform: translate(15px, 15px);
  background-color: #ffffff;
  z-index: -1;
}

.fancybox-button {
  background-color: #e8413c;
  -webkit-transition: 0.15s ease all;
  -o-transition: 0.15s ease all;
  transition: 0.15s ease all;
}

.fancybox-button:hover {
  background-color: #e52b25;
}

/* Page layout */
.page-wrap {
  position: relative;
  display: block;
  z-index: 1;
}

.overlay {
  position: fixed;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  -webkit-transition: 0.35s ease background-color, 0.35s ease visibility;
  -o-transition: 0.35s ease background-color, 0.35s ease visibility;
  transition: 0.35s ease background-color, 0.35s ease visibility;
  cursor: pointer;
}

.overlay.active {
  visibility: visible;
  background-color: rgba(0, 0, 0, 0.75);
}

section.full {
  min-height: 100%;
  width: 100%;
  display: table;
}

.row.full {
  max-width: 100%;
}

.row.semi-full {
  max-width: 100%;
  padding: 0 8%;
}

#map-canvas {
  width: 100%;
  height: 100%;
}

/* Typography
-------------------------*/
h1, h2, h3, h4, h5, p, li, a, span {
  text-rendering: optimizeLegibility;
  text-rendering: geometricPresision;
}

h1 {
  font-family: "Ulm Grotesk", sans-serif;
  text-transform: uppercase;
  font-size: 3.998em;
  line-height: 1.15em;
  letter-spacing: 0.025em;
}

h1.smaller {
  font-size: 2.827em;
}

h2 {
  font-family: "Ulm Grotesk", sans-serif;
  text-transform: uppercase;
  font-size: 2.827em;
}

h2.smaller {
  font-size: 1.999em;
}

h3 {
  font-family: "Ulm Grotesk", sans-serif;
  text-transform: uppercase;
  font-size: 1.999em;
}

h3.smaller {
  font-size: 1.414em;
}

h4 {
  font-family: "Ulm Grotesk", sans-serif;
  text-transform: uppercase;
  font-size: 1.414em;
}

h4.smaller {
  font-size: 1em;
}

p {
  font-family: "Open Sans", sans-serif;
  color: #8f937e;
}

p.smaller {
  font-size: 0.707em;
}

li {
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
}

li.smaller {
  font-size: 0.707em;
}

a, li a {
  font-family: "Open Sans", sans-serif;
}

a:focus, a:active, li a:focus, li a:active {
  outline: none;
}

span,
.font-display {
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  display: inline-block;
}

input[type="text"], input[type="email"], input[type="number"], textarea {
  font-family: "Open Sans", sans-serif;
}

input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #666666;
}

input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="number"]:-moz-placeholder, textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #666666;
}

input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #666666;
}

input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #666666;
}

/* General
-------------------------*/
html, body {
  height: 100%;
  background-color: #111079;
}

body.off-canvas {
  overflow: hidden;
  height: calc(100vw + 1px);
}

body.fullscreen header, body.fullscreen nav {
  display: none;
}

::-moz-selection {
  color: #fad137;
  background-color: #111079;
}

::selection {
  color: #fad137;
  background-color: #111079;
}

/* Header
-------------------------*/
.top.header-bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 20px;
  width: 100%;
  background-color: #ffffff;
  z-index: 9;
}

.right.header-bar {
  position: fixed;
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
  background-color: #ffffff;
  z-index: 9;
}

.bottom.header-bar {
  position: fixed;
  bottom: 0;
  right: 0;
  height: 20px;
  width: 100%;
  background-color: #ffffff;
  z-index: 9;
}

.left.header-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 20px;
  height: 100%;
  background-color: #ffffff;
  z-index: 9;
}

header {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none;
}

header .logo {
  pointer-events: auto;
  position: absolute;
  top: 50px;
  left: 50px;
  -webkit-transition: 0.15s ease all;
  -o-transition: 0.15s ease all;
  transition: 0.15s ease all;
}

header .logo a img {
  width: 225px;
}

header .nav-toggle {
  pointer-events: auto;
  background-color: #ffffff;
  padding: 0px 50px;
  position: absolute;
  top: 0;
  right: 0;
  font-family: "Ulm Grotesk", sans-serif;
  font-weight: 500;
  font-size: 1.1em;
  color: #111079;
  text-transform: uppercase;
  cursor: pointer;
  height: 70px;
  line-height: 70px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  -webkit-transition: .25s ease all;
  -o-transition: .25s ease all;
  transition: .25s ease all;
}

header .nav-toggle:hover {
  background-color: #e6e6e6;
}

header .ticket-bar {
  pointer-events: auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: .25s ease all;
  -o-transition: .25s ease all;
  transition: .25s ease all;
  background-color: #ffffff;
  height: 70px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

header .ticket-bar a {
  line-height: 70px;
  display: block;
  float: left;
  padding: 0 50px;
  border-right: 1px solid #c7c7df;
  font-family: "Ulm Grotesk", sans-serif;
  font-weight: 500;
  font-size: 1.1em;
  color: #111079;
  -webkit-transition: .25s ease all;
  -o-transition: .25s ease all;
  transition: .25s ease all;
  text-transform: uppercase;
}

header .ticket-bar a:last-child {
  border: none;
}

header .ticket-bar a:hover {
  color: #ffffff;
}

header .ticket-bar a.tickets:hover {
  background-color: #f2912e;
}

header .ticket-bar a.camping:hover {
  background-color: #31ab5e;
}

header .ticket-bar a.line-up:hover {
  background-color: #69b6c5;
}

header.menu {
  position: fixed !important;
}

header.menu .logo {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
  pointer-events: none;
}

header.menu .ticket-bar {
  pointer-events: none;
  -webkit-transform: translateX(-50%) translateY(50px);
  -ms-transform: translateX(-50%) translateY(50px);
  transform: translateX(-50%) translateY(50px);
  opacity: 0;
}

nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  opacity: 0;
  -webkit-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
  pointer-events: none;
  -webkit-transition: 0.25s ease all;
  -o-transition: 0.25s ease all;
  transition: 0.25s ease all;
  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;
}

nav .background {
  z-index: -1;
}

nav .content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 1fr;
  grid-template-columns: 2fr 1fr;
  width: 80%;
}

nav .content ul.main-menu {
  margin: 0;
}

nav .content ul.main-menu li a {
  font-family: "Ulm Grotesk", sans-serif;
  color: #ffffff;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  padding: 0;
  font-size: 4.5vw;
  line-height: 1.5em;
  text-transform: uppercase;
  -webkit-transition: 0.15s ease all;
  -o-transition: 0.15s ease all;
  transition: 0.15s ease all;
}

nav .content ul.main-menu li a:hover, nav .content ul.main-menu li a.active {
  -webkit-text-fill-color: #ffffff;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
}

nav .content ul.side-menu {
  margin: 0;
}

nav .content ul.side-menu li {
  text-align: right;
}

nav .content ul.side-menu li a {
  font-family: "Ulm Grotesk", sans-serif;
  color: #ffffff;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: .5px;
  -webkit-text-stroke-color: #ffffff;
  padding: 0;
  font-size: 1.5vw;
  line-height: 1.5em;
  text-transform: uppercase;
  -webkit-transition: 0.15s ease all;
  -o-transition: 0.15s ease all;
  transition: 0.15s ease all;
}

nav .content ul.side-menu li a:hover, nav .content ul.side-menu li a.active {
  -webkit-text-fill-color: #ffffff;
  -webkit-text-stroke-width: .5px;
  -webkit-text-stroke-color: #ffffff;
}

nav .content .label-social {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr auto;
  grid-template-rows: 1fr auto;
}

nav .content .label-social .label-text {
  font-family: "Open Sans", sans-serif, sans-serif;
  color: #ffffff;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  top: 0;
  right: 0;
}

nav .content .label-social .label-text span {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

nav .content .label-social .label-text span:after {
  content: "";
  width: 50px;
  height: 1px;
  background-color: #ffffff;
  display: block;
  position: relative;
  float: right;
  margin-top: 12px;
  margin-left: 15px;
}

nav .content .label-social ul.social {
  margin: 0;
  position: relative;
  margin-bottom: 25px;
  text-align: right;
  margin-top: 25px;
}

nav .content .label-social ul.social li {
  width: 50px;
  height: 50px;
  display: inline-block;
  margin-left: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75%;
  position: relative;
  -webkit-transition: 0.15s ease all;
  -o-transition: 0.15s ease all;
  transition: 0.15s ease all;
}

nav .content .label-social ul.social li:hover {
  -webkit-transform: translateY(-3px) scale(1.1);
  -ms-transform: translateY(-3px) scale(1.1);
  transform: translateY(-3px) scale(1.1);
}

nav .content .label-social ul.social li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

nav .content .label-social ul.social li.instagram {
  background-image: url("assets/images/footer_instagram.png");
}

nav .content .label-social ul.social li.facebook {
  background-image: url("assets/images/footer_facebook.png");
}

nav .content .label-social ul.social li.twitter {
  background-image: url("assets/images/footer_twitter.png");
}

nav .content .label-social ul.social li.spotify {
  background-image: url("assets/images/footer_spotify.png");
}

nav.menu {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  pointer-events: auto;
}

/* Content
-------------------------*/
/* Card */
section.home.artists ul.artists > li .card, section.home.artists ul.artists > li .no-pop-card, section.home.camping .video-container, section.line-up.artists .card.popping, section.practical.ticket-video .video-container, section.area.camping .video-container, section.home.updates .card, section.practical.main-categories .category, section.camping.activities .activity-slider .slide .card, section.camping.tents .tent-container .card {
  background-size: cover;
  margin-bottom: 2.25em;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background-size: 100% calc(100% + 5px);
  background-position: 0% 0%;
  -webkit-transition: 0.25s ease all;
  -o-transition: 0.25s ease all;
  transition: 0.25s ease all;
}

section.home.artists ul.artists > li .card:before, section.home.artists ul.artists > li .no-pop-card:before, section.home.camping .video-container:before, section.line-up.artists .card.popping:before, section.practical.ticket-video .video-container:before, section.area.camping .video-container:before, section.home.updates .card:before, section.practical.main-categories .category:before, section.camping.activities .activity-slider .slide .card:before, section.camping.tents .tent-container .card:before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 101%;
  height: 101%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 16, 121, 0)), to(#111079));
  background: -webkit-linear-gradient(rgba(17, 16, 121, 0), #111079);
  background: -o-linear-gradient(rgba(17, 16, 121, 0), #111079);
  background: linear-gradient(rgba(17, 16, 121, 0), #111079);
  -webkit-transform: translateY(25%);
  -ms-transform: translateY(25%);
  transform: translateY(25%);
  -webkit-transition: 0.25s ease all;
  -o-transition: 0.25s ease all;
  transition: 0.25s ease all;
}

section.home.artists ul.artists > li .card .content, section.home.artists ul.artists > li .no-pop-card .content, section.home.camping .video-container .content, section.line-up.artists .card.popping .content, section.practical.ticket-video .video-container .content, section.area.camping .video-container .content, section.home.updates .card .content, section.practical.main-categories .category .content, section.camping.activities .activity-slider .slide .card .content, section.camping.tents .tent-container .card .content {
  position: absolute;
  bottom: 25px;
  left: 35px;
  -webkit-transition: 0.25s ease all;
  -o-transition: 0.25s ease all;
  transition: 0.25s ease all;
  z-index: 2;
}

section.home.artists ul.artists > li .card .content ul.labels, section.home.artists ul.artists > li .no-pop-card .content ul.labels, section.home.camping .video-container .content ul.labels, section.line-up.artists .card.popping .content ul.labels, section.practical.ticket-video .video-container .content ul.labels, section.area.camping .video-container .content ul.labels, section.home.updates .card .content ul.labels, section.practical.main-categories .category .content ul.labels, section.camping.activities .activity-slider .slide .card .content ul.labels, section.camping.tents .tent-container .card .content ul.labels {
  margin: 0;
  list-style: none;
}

section.home.artists ul.artists > li .card .content ul.labels li, section.home.artists ul.artists > li .no-pop-card .content ul.labels li, section.home.camping .video-container .content ul.labels li, section.line-up.artists .card.popping .content ul.labels li, section.practical.ticket-video .video-container .content ul.labels li, section.area.camping .video-container .content ul.labels li, section.home.updates .card .content ul.labels li, section.practical.main-categories .category .content ul.labels li, section.camping.activities .activity-slider .slide .card .content ul.labels li, section.camping.tents .tent-container .card .content ul.labels li {
  display: inline-block;
  padding: 5px 15px;
  color: #ffffff;
  margin-bottom: 5px;
  margin-right: 5px;
  text-transform: uppercase;
}

section.home.artists ul.artists > li .card .content ul.labels li.orange, section.home.artists ul.artists > li .no-pop-card .content ul.labels li.orange, section.home.camping .video-container .content ul.labels li.orange, section.line-up.artists .card.popping .content ul.labels li.orange, section.practical.ticket-video .video-container .content ul.labels li.orange, section.area.camping .video-container .content ul.labels li.orange, section.home.updates .card .content ul.labels li.orange, section.practical.main-categories .category .content ul.labels li.orange, section.camping.activities .activity-slider .slide .card .content ul.labels li.orange, section.camping.tents .tent-container .card .content ul.labels li.orange {
  background-color: #e8413c;
}

section.home.artists ul.artists > li .card .content ul.labels li.blue, section.home.artists ul.artists > li .no-pop-card .content ul.labels li.blue, section.home.camping .video-container .content ul.labels li.blue, section.line-up.artists .card.popping .content ul.labels li.blue, section.practical.ticket-video .video-container .content ul.labels li.blue, section.area.camping .video-container .content ul.labels li.blue, section.home.updates .card .content ul.labels li.blue, section.practical.main-categories .category .content ul.labels li.blue, section.camping.activities .activity-slider .slide .card .content ul.labels li.blue, section.camping.tents .tent-container .card .content ul.labels li.blue {
  background-color: #111079;
}

section.home.artists ul.artists > li .card .content ul.labels li.white, section.home.artists ul.artists > li .no-pop-card .content ul.labels li.white, section.home.camping .video-container .content ul.labels li.white, section.line-up.artists .card.popping .content ul.labels li.white, section.practical.ticket-video .video-container .content ul.labels li.white, section.area.camping .video-container .content ul.labels li.white, section.home.updates .card .content ul.labels li.white, section.practical.main-categories .category .content ul.labels li.white, section.camping.activities .activity-slider .slide .card .content ul.labels li.white, section.camping.tents .tent-container .card .content ul.labels li.white {
  background-color: #ffffff;
  color: #000000;
}

section.home.artists ul.artists > li .card .content ul.labels li.green, section.home.artists ul.artists > li .no-pop-card .content ul.labels li.green, section.home.camping .video-container .content ul.labels li.green, section.line-up.artists .card.popping .content ul.labels li.green, section.practical.ticket-video .video-container .content ul.labels li.green, section.area.camping .video-container .content ul.labels li.green, section.home.updates .card .content ul.labels li.green, section.practical.main-categories .category .content ul.labels li.green, section.camping.activities .activity-slider .slide .card .content ul.labels li.green, section.camping.tents .tent-container .card .content ul.labels li.green {
  background-color: #31ab5e;
}

section.home.artists ul.artists > li .card .content ul.labels li.timedot, section.home.artists ul.artists > li .no-pop-card .content ul.labels li.timedot, section.home.camping .video-container .content ul.labels li.timedot, section.line-up.artists .card.popping .content ul.labels li.timedot, section.practical.ticket-video .video-container .content ul.labels li.timedot, section.area.camping .video-container .content ul.labels li.timedot, section.home.updates .card .content ul.labels li.timedot, section.practical.main-categories .category .content ul.labels li.timedot, section.camping.activities .activity-slider .slide .card .content ul.labels li.timedot, section.camping.tents .tent-container .card .content ul.labels li.timedot {
  background-color: #ffffff;
  color: #000000;
}

section.home.artists ul.artists > li .card .content h3, section.home.artists ul.artists > li .no-pop-card .content h3, section.home.camping .video-container .content h3, section.line-up.artists .card.popping .content h3, section.practical.ticket-video .video-container .content h3, section.area.camping .video-container .content h3, section.home.updates .card .content h3, section.practical.main-categories .category .content h3, section.camping.activities .activity-slider .slide .card .content h3, section.camping.tents .tent-container .card .content h3 {
  color: #ffffff;
  font-size: 2.5em;
  margin: 0;
  margin-bottom: 5px;
  line-height: 1.25em;
  padding-right: 50px;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

section.home.artists ul.artists > li .card .content h4, section.home.artists ul.artists > li .no-pop-card .content h4, section.home.camping .video-container .content h4, section.line-up.artists .card.popping .content h4, section.practical.ticket-video .video-container .content h4, section.area.camping .video-container .content h4, section.home.updates .card .content h4, section.practical.main-categories .category .content h4, section.camping.activities .activity-slider .slide .card .content h4, section.camping.tents .tent-container .card .content h4 {
  color: #ffffff;
  font-size: 1.5em;
  margin: 0;
  margin-bottom: 5px;
  line-height: 1.25em;
  padding-right: 50px;
  margin-top: 15px;
  margin-bottom: 25px;
  line-height: 1.5em;
}

section.home.artists ul.artists > li .card .content h4 p, section.home.artists ul.artists > li .no-pop-card .content h4 p, section.home.camping .video-container .content h4 p, section.line-up.artists .card.popping .content h4 p, section.practical.ticket-video .video-container .content h4 p, section.area.camping .video-container .content h4 p, section.home.updates .card .content h4 p, section.practical.main-categories .category .content h4 p, section.camping.activities .activity-slider .slide .card .content h4 p, section.camping.tents .tent-container .card .content h4 p {
  color: #ffffff;
  font-size: 1em;
  font-family: inherit;
}

section.home.artists ul.artists > li .card:after, section.home.artists ul.artists > li .no-pop-card:after, section.home.camping .video-container:after, section.line-up.artists .card.popping:after, section.practical.ticket-video .video-container:after, section.area.camping .video-container:after, section.home.updates .card:after, section.practical.main-categories .category:after, section.camping.activities .activity-slider .slide .card:after, section.camping.tents .tent-container .card:after {
  content: "";
  display: block;
  padding-bottom: 135%;
}

section.home.artists ul.artists > li .card:hover, section.home.artists ul.artists > li .no-pop-card:hover, section.home.camping .video-container:hover, section.line-up.artists .card.popping:hover, section.practical.ticket-video .video-container:hover, section.area.camping .video-container:hover, section.home.updates .card:hover, section.practical.main-categories .category:hover, section.camping.activities .activity-slider .slide .card:hover, section.camping.tents .tent-container .card:hover {
  background-position: 0% -5px;
}

section.home.artists ul.artists > li .card:hover:before, section.home.artists ul.artists > li .no-pop-card:hover:before, section.home.camping .video-container:hover:before, section.line-up.artists .card.popping:hover:before, section.practical.ticket-video .video-container:hover:before, section.area.camping .video-container:hover:before, section.home.updates .card:hover:before, section.practical.main-categories .category:hover:before, section.camping.activities .activity-slider .slide .card:hover:before, section.camping.tents .tent-container .card:hover:before {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

section.home.artists ul.artists > li .card:hover .content, section.home.artists ul.artists > li .no-pop-card:hover .content, section.home.camping .video-container:hover .content, section.line-up.artists .card.popping:hover .content, section.practical.ticket-video .video-container:hover .content, section.area.camping .video-container:hover .content, section.home.updates .card:hover .content, section.practical.main-categories .category:hover .content, section.camping.activities .activity-slider .slide .card:hover .content, section.camping.tents .tent-container .card:hover .content {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

section.home.artists ul.artists > li .card, section.home.artists ul.artists > li .no-pop-card, section.home.camping .video-container, section.line-up.artists .card.popping, section.practical.ticket-video .video-container, section.area.camping .video-container {
  overflow: visible;
}

section.home.artists ul.artists > li .card:before, section.home.artists ul.artists > li .no-pop-card:before, section.home.camping .video-container:before, section.line-up.artists .card.popping:before, section.practical.ticket-video .video-container:before, section.area.camping .video-container:before {
  content: none;
}

section.home.artists ul.artists > li .card .background-container, section.home.artists ul.artists > li .no-pop-card .background-container, section.home.camping .video-container .background-container, section.line-up.artists .card.popping .background-container, section.practical.ticket-video .video-container .background-container, section.area.camping .video-container .background-container {
  overflow: hidden;
}

section.home.artists ul.artists > li .card .background-container .background, section.home.artists ul.artists > li .no-pop-card .background-container .background, section.home.camping .video-container .background-container .background, section.line-up.artists .card.popping .background-container .background, section.practical.ticket-video .video-container .background-container .background, section.area.camping .video-container .background-container .background {
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  -webkit-transition: 0.25s ease all;
  -o-transition: 0.25s ease all;
  transition: 0.25s ease all;
}

section.home.artists ul.artists > li .card .hover, section.home.artists ul.artists > li .no-pop-card .hover, section.home.camping .video-container .hover, section.line-up.artists .card.popping .hover, section.practical.ticket-video .video-container .hover, section.area.camping .video-container .hover {
  z-index: -1;
}

section.home.artists ul.artists > li .card .hover:before, section.home.artists ul.artists > li .no-pop-card .hover:before, section.home.camping .video-container .hover:before, section.line-up.artists .card.popping .hover:before, section.practical.ticket-video .video-container .hover:before, section.area.camping .video-container .hover:before {
  content: "";
  -webkit-box-shadow: 0px 0px 0px 0px #ffffff;
  box-shadow: 0px 0px 0px 0px #ffffff;
  -webkit-transition: 0.25s ease all;
  -o-transition: 0.25s ease all;
  transition: 0.25s ease all;
}

section.home.artists ul.artists > li .card .hover:after, section.home.artists ul.artists > li .no-pop-card .hover:after, section.home.camping .video-container .hover:after, section.line-up.artists .card.popping .hover:after, section.practical.ticket-video .video-container .hover:after, section.area.camping .video-container .hover:after {
  content: "";
  background-color: #ffffff;
  -webkit-transition: 0.25s ease all;
  -o-transition: 0.25s ease all;
  transition: 0.25s ease all;
}

section.home.artists ul.artists > li .card:hover .hover:before, section.home.artists ul.artists > li .no-pop-card:hover .hover:before, section.home.camping .video-container:hover .hover:before, section.line-up.artists .card.popping:hover .hover:before, section.practical.ticket-video .video-container:hover .hover:before, section.area.camping .video-container:hover .hover:before {
  -webkit-box-shadow: 0px 0px 0px 5px #ffffff;
  box-shadow: 0px 0px 0px 5px #ffffff;
}

section.home.artists ul.artists > li .top-left.card .background-container .background, section.home.artists ul.artists > li .top-left.no-pop-card .background-container .background, section.home.camping .top-left.video-container .background-container .background, section.line-up.artists .top-left.card.popping .background-container .background, section.practical.ticket-video .top-left.video-container .background-container .background, section.area.camping .top-left.video-container .background-container .background {
  -webkit-transform: translate(1px, 1px);
  -ms-transform: translate(1px, 1px);
  transform: translate(1px, 1px);
}

section.home.artists ul.artists > li .top-left.card .content, section.home.artists ul.artists > li .top-left.no-pop-card .content, section.home.camping .top-left.video-container .content, section.line-up.artists .top-left.card.popping .content, section.practical.ticket-video .top-left.video-container .content, section.area.camping .top-left.video-container .content {
  -webkit-transform: translate(10px, 10px);
  -ms-transform: translate(10px, 10px);
  transform: translate(10px, 10px);
}

section.home.artists ul.artists > li .top-left.card .hover:after, section.home.artists ul.artists > li .top-left.no-pop-card .hover:after, section.home.camping .top-left.video-container .hover:after, section.line-up.artists .top-left.card.popping .hover:after, section.practical.ticket-video .top-left.video-container .hover:after, section.area.camping .top-left.video-container .hover:after {
  -webkit-transform: translate(-15px, -15px);
  -ms-transform: translate(-15px, -15px);
  transform: translate(-15px, -15px);
}

section.home.artists ul.artists > li .top-right.card .background-container .background, section.home.artists ul.artists > li .top-right.no-pop-card .background-container .background, section.home.camping .top-right.video-container .background-container .background, section.line-up.artists .top-right.card.popping .background-container .background, section.practical.ticket-video .top-right.video-container .background-container .background, section.area.camping .top-right.video-container .background-container .background {
  -webkit-transform: translate(-1px, 1px);
  -ms-transform: translate(-1px, 1px);
  transform: translate(-1px, 1px);
}

section.home.artists ul.artists > li .top-right.card .content, section.home.artists ul.artists > li .top-right.no-pop-card .content, section.home.camping .top-right.video-container .content, section.line-up.artists .top-right.card.popping .content, section.practical.ticket-video .top-right.video-container .content, section.area.camping .top-right.video-container .content {
  -webkit-transform: translate(-10px, 10px);
  -ms-transform: translate(-10px, 10px);
  transform: translate(-10px, 10px);
}

section.home.artists ul.artists > li .top-right.card .hover:after, section.home.artists ul.artists > li .top-right.no-pop-card .hover:after, section.home.camping .top-right.video-container .hover:after, section.line-up.artists .top-right.card.popping .hover:after, section.practical.ticket-video .top-right.video-container .hover:after, section.area.camping .top-right.video-container .hover:after {
  -webkit-transform: translate(15px, -15px);
  -ms-transform: translate(15px, -15px);
  transform: translate(15px, -15px);
}

section.home.artists ul.artists > li .bottom-right.card .background-container .background, section.home.artists ul.artists > li .bottom-right.no-pop-card .background-container .background, section.home.camping .bottom-right.video-container .background-container .background, section.line-up.artists .bottom-right.card.popping .background-container .background, section.practical.ticket-video .bottom-right.video-container .background-container .background, section.area.camping .bottom-right.video-container .background-container .background {
  -webkit-transform: translate(-1px, -1px);
  -ms-transform: translate(-1px, -1px);
  transform: translate(-1px, -1px);
}

section.home.artists ul.artists > li .bottom-right.card .content, section.home.artists ul.artists > li .bottom-right.no-pop-card .content, section.home.camping .bottom-right.video-container .content, section.line-up.artists .bottom-right.card.popping .content, section.practical.ticket-video .bottom-right.video-container .content, section.area.camping .bottom-right.video-container .content {
  -webkit-transform: translate(-10px, -10px);
  -ms-transform: translate(-10px, -10px);
  transform: translate(-10px, -10px);
}

section.home.artists ul.artists > li .bottom-right.card .hover:after, section.home.artists ul.artists > li .bottom-right.no-pop-card .hover:after, section.home.camping .bottom-right.video-container .hover:after, section.line-up.artists .bottom-right.card.popping .hover:after, section.practical.ticket-video .bottom-right.video-container .hover:after, section.area.camping .bottom-right.video-container .hover:after {
  -webkit-transform: translate(15px, 15px);
  -ms-transform: translate(15px, 15px);
  transform: translate(15px, 15px);
}

section.home.artists ul.artists > li .bottom-left.card .background-container .background, section.home.artists ul.artists > li .bottom-left.no-pop-card .background-container .background, section.home.camping .bottom-left.video-container .background-container .background, section.line-up.artists .bottom-left.card.popping .background-container .background, section.practical.ticket-video .bottom-left.video-container .background-container .background, section.area.camping .bottom-left.video-container .background-container .background {
  -webkit-transform: translate(1px, -1px);
  -ms-transform: translate(1px, -1px);
  transform: translate(1px, -1px);
}

section.home.artists ul.artists > li .bottom-left.card .content, section.home.artists ul.artists > li .bottom-left.no-pop-card .content, section.home.camping .bottom-left.video-container .content, section.line-up.artists .bottom-left.card.popping .content, section.practical.ticket-video .bottom-left.video-container .content, section.area.camping .bottom-left.video-container .content {
  -webkit-transform: translate(10px, -10px);
  -ms-transform: translate(10px, -10px);
  transform: translate(10px, -10px);
}

section.home.artists ul.artists > li .bottom-left.card .hover:after, section.home.artists ul.artists > li .bottom-left.no-pop-card .hover:after, section.home.camping .bottom-left.video-container .hover:after, section.line-up.artists .bottom-left.card.popping .hover:after, section.practical.ticket-video .bottom-left.video-container .hover:after, section.area.camping .bottom-left.video-container .hover:after {
  -webkit-transform: translate(-15px, 15px);
  -ms-transform: translate(-15px, 15px);
  transform: translate(-15px, 15px);
}

section a.button.popping {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  background-color: transparent;
  border: 1px solid #ffffff;
  -webkit-transition: 0.15s cubic-bezier(0.1, 0.5, 0, 1) all;
  -o-transition: 0.15s cubic-bezier(0.1, 0.5, 0, 1) all;
  transition: 0.15s cubic-bezier(0.1, 0.5, 0, 1) all;
  -webkit-transition-delay: .1s;
  -o-transition-delay: .1s;
  transition-delay: .1s;
}

section a.button.popping:before {
  content: "";
  -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.75);
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.75);
  -webkit-transition: 0.15s cubic-bezier(0.1, 0.5, 0, 1) all;
  -o-transition: 0.15s cubic-bezier(0.1, 0.5, 0, 1) all;
  transition: 0.15s cubic-bezier(0.1, 0.5, 0, 1) all;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

section a.button.popping:after {
  content: "";
  -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.25);
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.25);
  -webkit-transition: 0.15s cubic-bezier(0.1, 0.5, 0, 1) all;
  -o-transition: 0.15s cubic-bezier(0.1, 0.5, 0, 1) all;
  transition: 0.15s cubic-bezier(0.1, 0.5, 0, 1) all;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

section a.button.popping:hover {
  background-color: #ffffff;
  color: #111079;
}

section a.button.popping:hover:before, section a.button.popping:hover:after {
  -webkit-transition-delay: .1s;
  -o-transition-delay: .1s;
  transition-delay: .1s;
}

section a.top-left.button.popping:before {
  -webkit-transform: translate(-8px, -8px);
  -ms-transform: translate(-8px, -8px);
  transform: translate(-8px, -8px);
}

section a.top-left.button.popping:after {
  -webkit-transform: translate(-16px, -16px);
  -ms-transform: translate(-16px, -16px);
  transform: translate(-16px, -16px);
}

section a.top-right.button.popping:before {
  -webkit-transform: translate(8px, -8px);
  -ms-transform: translate(8px, -8px);
  transform: translate(8px, -8px);
}

section a.top-right.button.popping:after {
  -webkit-transform: translate(16px, -16px);
  -ms-transform: translate(16px, -16px);
  transform: translate(16px, -16px);
}

section a.bottom-right.button.popping:before {
  -webkit-transform: translate(8px, 8px);
  -ms-transform: translate(8px, 8px);
  transform: translate(8px, 8px);
}

section a.bottom-right.button.popping:after {
  -webkit-transform: translate(16px, 16px);
  -ms-transform: translate(16px, 16px);
  transform: translate(16px, 16px);
}

section a.bottom-left.button.popping:before {
  -webkit-transform: translate(-8px, 8px);
  -ms-transform: translate(-8px, 8px);
  transform: translate(-8px, 8px);
}

section a.bottom-left.button.popping:after {
  -webkit-transform: translate(-16px, 16px);
  -ms-transform: translate(-16px, 16px);
  transform: translate(-16px, 16px);
}

section.home.camping .video-container, section.practical.ticket-video .video-container, section.camping.video .video-container, section.area.map .iframe-container, section.area.camping .video-container {
  position: relative;
  display: -ms-grid;
  display: grid;
  grid-template-areas: "video";
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 0px 5px #ffffff;
  box-shadow: 0px 0px 0px 5px #ffffff;
}

section.home.camping .video-container a, section.practical.ticket-video .video-container a, section.camping.video .video-container a, section.area.map .iframe-container a, section.area.camping .video-container a {
  z-index: 5;
}

section.home.camping .video-container img, section.practical.ticket-video .video-container img, section.camping.video .video-container img, section.area.map .iframe-container img, section.area.camping .video-container img {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  position: relative;
  grid-area: video;
  opacity: 0;
  width: 100%;
}

section.home.camping .video-container h3, section.practical.ticket-video .video-container h3, section.camping.video .video-container h3, section.area.map .iframe-container h3, section.area.camping .video-container h3 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: video;
  z-index: 3;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
  position: relative;
  font-size: 3em;
  color: #ffffff;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
}

section.home.camping .video-container h3:before, section.practical.ticket-video .video-container h3:before, section.camping.video .video-container h3:before, section.area.map .iframe-container h3:before, section.area.camping .video-container h3:before {
  content: attr(data-text);
  opacity: 0;
  -webkit-transition: 0.25s ease all;
  -o-transition: 0.25s ease all;
  transition: 0.25s ease all;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
}

section.home.camping .video-container h3:after, section.practical.ticket-video .video-container h3:after, section.camping.video .video-container h3:after, section.area.map .iframe-container h3:after, section.area.camping .video-container h3:after {
  content: attr(data-text);
  opacity: 0;
  -webkit-transition: 0.25s ease all;
  -o-transition: 0.25s ease all;
  transition: 0.25s ease all;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
}

section.home.camping .video-container video, section.practical.ticket-video .video-container video, section.camping.video .video-container video, section.area.map .iframe-container video, section.area.camping .video-container video {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  position: absolute;
  grid-area: video;
  z-index: 2;
  background-size: contain;
  width: 100%;
  height: 100%;
}

section.home.camping .video-container iframe, section.practical.ticket-video .video-container iframe, section.camping.video .video-container iframe, section.area.map .iframe-container iframe, section.area.camping .video-container iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

section.home.camping .video-container:after, section.practical.ticket-video .video-container:after, section.camping.video .video-container:after, section.area.map .iframe-container:after, section.area.camping .video-container:after {
  content: none;
}

section.home.camping .video-container:hover h3, section.practical.ticket-video .video-container:hover h3, section.camping.video .video-container:hover h3, section.area.map .iframe-container:hover h3, section.area.camping .video-container:hover h3 {
  -webkit-text-fill-color: #ffffff;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
}

section.home.camping .video-container:hover h3:before, section.practical.ticket-video .video-container:hover h3:before, section.camping.video .video-container:hover h3:before, section.area.map .iframe-container:hover h3:before, section.area.camping .video-container:hover h3:before {
  opacity: .75;
}

section.home.camping .video-container:hover h3:after, section.practical.ticket-video .video-container:hover h3:after, section.camping.video .video-container:hover h3:after, section.area.map .iframe-container:hover h3:after, section.area.camping .video-container:hover h3:after {
  opacity: .25;
}

section.home.camping .top-left.video-container h3:before, section.practical.ticket-video .top-left.video-container h3:before, section.camping.video .top-left.video-container h3:before, section.area.map .top-left.iframe-container h3:before, section.area.camping .top-left.video-container h3:before {
  -webkit-transform: translate(10px, 10px);
  -ms-transform: translate(10px, 10px);
  transform: translate(10px, 10px);
}

section.home.camping .top-left.video-container h3:after, section.practical.ticket-video .top-left.video-container h3:after, section.camping.video .top-left.video-container h3:after, section.area.map .top-left.iframe-container h3:after, section.area.camping .top-left.video-container h3:after {
  -webkit-transform: translate(20px, 20px);
  -ms-transform: translate(20px, 20px);
  transform: translate(20px, 20px);
}

section.home.camping .top-right.video-container h3:before, section.practical.ticket-video .top-right.video-container h3:before, section.camping.video .top-right.video-container h3:before, section.area.map .top-right.iframe-container h3:before, section.area.camping .top-right.video-container h3:before {
  -webkit-transform: translate(-10px, 10px);
  -ms-transform: translate(-10px, 10px);
  transform: translate(-10px, 10px);
}

section.home.camping .top-right.video-container h3:after, section.practical.ticket-video .top-right.video-container h3:after, section.camping.video .top-right.video-container h3:after, section.area.map .top-right.iframe-container h3:after, section.area.camping .top-right.video-container h3:after {
  -webkit-transform: translate(-20px, 20px);
  -ms-transform: translate(-20px, 20px);
  transform: translate(-20px, 20px);
}

section.home.camping .bottom-right.video-container h3:before, section.practical.ticket-video .bottom-right.video-container h3:before, section.camping.video .bottom-right.video-container h3:before, section.area.map .bottom-right.iframe-container h3:before, section.area.camping .bottom-right.video-container h3:before {
  -webkit-transform: translate(-10px, -10px);
  -ms-transform: translate(-10px, -10px);
  transform: translate(-10px, -10px);
}

section.home.camping .bottom-right.video-container h3:after, section.practical.ticket-video .bottom-right.video-container h3:after, section.camping.video .bottom-right.video-container h3:after, section.area.map .bottom-right.iframe-container h3:after, section.area.camping .bottom-right.video-container h3:after {
  -webkit-transform: translate(-20px, -20px);
  -ms-transform: translate(-20px, -20px);
  transform: translate(-20px, -20px);
}

section.home.camping .bottom-left.video-container h3:before, section.practical.ticket-video .bottom-left.video-container h3:before, section.camping.video .bottom-left.video-container h3:before, section.area.map .bottom-left.iframe-container h3:before, section.area.camping .bottom-left.video-container h3:before {
  -webkit-transform: translate(10px, -10px);
  -ms-transform: translate(10px, -10px);
  transform: translate(10px, -10px);
}

section.home.camping .bottom-left.video-container h3:after, section.practical.ticket-video .bottom-left.video-container h3:after, section.camping.video .bottom-left.video-container h3:after, section.area.map .bottom-left.iframe-container h3:after, section.area.camping .bottom-left.video-container h3:after {
  -webkit-transform: translate(20px, -20px);
  -ms-transform: translate(20px, -20px);
  transform: translate(20px, -20px);
}

.page-wrap {
  background-image: url("assets/images/background.jpg");
  background-size: 100% calc(100% + 250px);
  background-position: 0% 0%;
  background-attachment: fixed;
  min-height: 100vh;
  z-index: 1;
  overflow: hidden;
  background-size: cover;
}

.page-wrap .content {
  -webkit-transition: 0.25s ease all;
  -o-transition: 0.25s ease all;
  transition: 0.25s ease all;
}

.page-wrap.menu .content {
  opacity: 0;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  pointer-events: none;
}

section {
  position: relative;
}

section .stripe {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
  pointer-events: none;
}

section .stripe img {
  width: 100%;
}

section h2.head {
  color: #ffffff;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  font-size: 6em;
  letter-spacing: 0.075em;
}

section.off-canvas {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 50vw;
  background-color: #ffffff;
  z-index: 20;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: 1s ease all;
  -o-transition: 1s ease all;
  transition: 1s ease all;
}

section.off-canvas.active {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

section.off-canvas.active .cross {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  opacity: 1;
}

section.off-canvas .cross {
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 40px;
  display: block;
  position: absolute;
  left: -20px;
  top: 50px;
  z-index: 2;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

section.off-canvas .cross:before {
  content: "";
  -webkit-transition: 0.15s ease all;
  -o-transition: 0.15s ease all;
  transition: 0.15s ease all;
  width: 18px;
  height: 3px;
  background-color: #111079;
  position: absolute;
  display: block;
  top: calc(50% - 1px);
  left: calc(50% - 9px);
  border-radius: 3px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

section.off-canvas .cross:after {
  content: "";
  -webkit-transition: 0.15s ease all;
  -o-transition: 0.15s ease all;
  transition: 0.15s ease all;
  width: 18px;
  height: 3px;
  background-color: #111079;
  position: absolute;
  display: block;
  top: calc(50% - 1px);
  left: calc(50% - 9px);
  border-radius: 3px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

section.off-canvas .cross:hover:before, section.off-canvas .cross:hover:after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

section.off-canvas .wrapper {
  position: relative;
  height: 100vh;
  overflow-y: scroll;
}

section.off-canvas .wrapper .banner {
  width: 100%;
}

section.off-canvas .wrapper ul.labels {
  margin: 0;
  list-style: none;
  margin-bottom: 25px;
}

section.off-canvas .wrapper ul.labels li {
  display: inline-block;
  padding: 5px 15px;
  color: #ffffff;
  margin-bottom: 5px;
  margin-right: 5px;
  text-transform: uppercase;
}

section.off-canvas .wrapper ul.labels li.orange {
  background-color: #e8413c;
}

section.off-canvas .wrapper ul.labels li.blue {
  background-color: #111079;
}

section.off-canvas .wrapper ul.labels li.white {
  background-color: #000000;
}

section.off-canvas .wrapper ul.labels li.green {
  background-color: #31ab5e;
}

section.off-canvas .wrapper ul.labels li.timedot {
  background-color: #111079;
}

section.off-canvas .wrapper h3 {
  color: #111079;
}

section.off-canvas .wrapper .content {
  padding: 50px 10%;
}

section.off-canvas .wrapper .content .wysiwyg img {
  width: 100%;
  margin: 25px 0;
}

section.off-canvas .wrapper .content .wysiwyg h1 {
  color: #111079;
  text-align: left;
}

section.off-canvas .wrapper .content .wysiwyg h2 {
  color: #111079;
  text-align: left;
}

section.off-canvas .wrapper .content .wysiwyg h3 {
  color: #111079;
  text-align: left;
}

section.off-canvas .wrapper .content .wysiwyg h4 {
  color: #111079;
  text-align: left;
}

section.off-canvas .wrapper .content .wysiwyg p {
  color: #111079;
}

section.off-canvas .wrapper .content .wysiwyg p a {
  color: #e8413c;
}

section.off-canvas .wrapper .content .wysiwyg ul li {
  color: #111079;
}

section.off-canvas .wrapper .content .wysiwyg .videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  margin-top: 50px;
  height: 0;
}

section.off-canvas .wrapper .content .wysiwyg .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

section.off-canvas .wrapper .content .wysiwyg ul.social {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
  margin-top: 35px;
}

section.off-canvas .wrapper .content .wysiwyg ul.social li {
  width: 30px;
  height: 30px;
  background-size: contain;
  display: inline-block;
  margin-left: 10px;
  position: relative;
  -webkit-transition: 0.15s ease all;
  -o-transition: 0.15s ease all;
  transition: 0.15s ease all;
}

section.off-canvas .wrapper .content .wysiwyg ul.social li:hover {
  -webkit-transform: translateY(-3px) scale(1.1);
  -ms-transform: translateY(-3px) scale(1.1);
  transform: translateY(-3px) scale(1.1);
}

section.off-canvas .wrapper .content .wysiwyg ul.social li a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}

section.off-canvas .wrapper .content .wysiwyg ul.social li.youtube {
  background-image: url("assets/images/youtube_blue.png");
}

section.off-canvas .wrapper .content .wysiwyg ul.social li.instagram {
  background-image: url("assets/images/instagram_blue.png");
}

section.off-canvas .wrapper .content .wysiwyg ul.social li.facebook {
  background-image: url("assets/images/facebook_blue.png");
}

section.off-canvas .wrapper .content .wysiwyg ul.social li.twitter {
  background-image: url("assets/images/twitter_blue.png");
}

section.off-canvas .wrapper .content .wysiwyg ul.social li.spotify {
  background-image: url("assets/images/spotify_blue.png");
}

/* Popup */
.overlay-background {
  background-color: rgba(17, 16, 121, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 15;
  pointer-events: none;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
  transition: 0.5s ease all;
}

.overlay-background.active {
  pointer-events: auto;
  opacity: 1;
}

.overlay-background.newsletter {
  pointer-events: auto;
  background-color: rgba(5, 2, 43, 0.95);
  opacity: 1;
}

/* Home */
.top-left-stripe {
  position: absolute;
  top: 0;
  left: 0;
  width: 55vw;
  height: 35vh;
  background-image: url("assets/images/home_top_left.png");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 14;
  -webkit-transition: .25s ease all;
  -o-transition: .25s ease all;
  transition: .25s ease all;
}

.top-left-stripe.menu {
  opacity: 0;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  pointer-events: none;
}

.center-right-stripe {
  position: absolute;
  right: 0;
  top: 25%;
  width: 50vw;
  height: 65vh;
  background-image: url("assets/images/home_centre_right.png");
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 14;
  -webkit-transition: .25s ease all;
  -o-transition: .25s ease all;
  transition: .25s ease all;
}

.center-right-stripe.menu {
  opacity: 0;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  pointer-events: none;
}

section.home.about {
  margin-top: 0px;
  z-index: 1;
  height: 100vh;
  background-color: #111079;
}

section.home.about:after {
  content: "";
  position: absolute;
  bottom: -75px;
  height: 150px;
  width: 100%;
  background-image: url("assets/images/video_bottom.png");
  background-size: 100% 100%;
}

section.home.about .stripe.home-about-1 {
  -webkit-transform: translateY(-80%);
  -ms-transform: translateY(-80%);
  transform: translateY(-80%);
}

section.home.about .stripe.home-about-2 {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

section.home.about .stripe.home-about-3 {
  -webkit-transform: translateY(60%);
  -ms-transform: translateY(60%);
  transform: translateY(60%);
}

section.home.about h3 {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 11;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

section.home.about h3 span {
  display: block;
  font-family: inherit;
  font-size: 2em;
}

section.home.about h3 span.date {
  color: #ffffff;
}

section.home.about h3 span.location {
  color: #ffffff;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
}

section.home.about .slideshow {
  height: 100%;
  position: relative;
  z-index: 0;
}

section.home.about .slideshow .owl-stage-outer {
  height: 100%;
}

section.home.about .slideshow .owl-stage-outer .owl-stage {
  height: 100%;
}

section.home.about .slideshow .owl-stage-outer .owl-stage .owl-item {
  height: 100%;
}

section.home.intro {
  min-height: 100vh;
  z-index: 2;
  position: relative;
}

section.home.intro .bottom-gifs {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: (1fr)[12];
  grid-template-rows: repeat(12, 1fr);
  -ms-grid-columns: (1fr)[16];
  grid-template-columns: repeat(16, 1fr);
}

section.home.intro .bottom-gifs .row-1-live-music {
  -ms-grid-column: 9;
  grid-column-start: 9;
  -ms-grid-row: 3;
  grid-row-start: 3;
}

section.home.intro .bottom-gifs .row-1-electronic-soul {
  -ms-grid-column: 4;
  grid-column-start: 4;
  -ms-grid-row: 3;
  grid-row-start: 3;
}

section.home.intro .bottom-gifs .row-2-date {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-row: 3;
  grid-row-start: 3;
}

section.home.intro .bottom-gifs .row-2-location {
  -ms-grid-column: 7;
  grid-column-start: 7;
  -ms-grid-row: 3;
  grid-row-start: 3;
}

section.home.intro .bottom-gifs .row-3-live-music {
  -ms-grid-column: 10;
  grid-column-start: 10;
  -ms-grid-row: 6;
  grid-row-start: 6;
}

section.home.intro .bottom-gifs .row-3-electronic-soul {
  -ms-grid-column: 4;
  grid-column-start: 4;
  -ms-grid-row: 8;
  grid-row-start: 8;
}

section.home.intro .bottom-gifs .row-4-date {
  -ms-grid-column: 4;
  grid-column-start: 4;
  -ms-grid-row: 8;
  grid-row-start: 8;
}

section.home.intro .bottom-gifs .row-4-location {
  -ms-grid-column: 12;
  grid-column-start: 12;
  -ms-grid-row: 8;
  grid-row-start: 8;
}

section.home.intro .top-gifs {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: (1fr)[12];
  grid-template-rows: repeat(12, 1fr);
  -ms-grid-columns: (1fr)[16];
  grid-template-columns: repeat(16, 1fr);
}

section.home.intro .top-gifs > div img {
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

section.home.intro .top-gifs .row-1-live-music {
  -ms-grid-column: 7;
  grid-column-start: 7;
  -ms-grid-row: 6;
  grid-row-start: 6;
}

section.home.intro .top-gifs .row-1-electronic-soul {
  -ms-grid-column: 6;
  grid-column-start: 6;
  -ms-grid-row: 6;
  grid-row-start: 6;
}

section.home.intro .top-gifs .row-2-date {
  -ms-grid-column: 4;
  grid-column-start: 4;
  -ms-grid-row: 6;
  grid-row-start: 6;
}

section.home.intro .top-gifs .row-2-location {
  -ms-grid-column: 5;
  grid-column-start: 5;
  -ms-grid-row: 6;
  grid-row-start: 6;
}

section.home.intro .top-gifs .row-3-live-music {
  -ms-grid-column: 12;
  grid-column-start: 12;
  -ms-grid-row: 8;
  grid-row-start: 8;
}

section.home.intro .top-gifs .row-3-electronic-soul {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-row: 5;
  grid-row-start: 5;
}

section.home.intro .top-gifs .row-4-date {
  -ms-grid-column: 6;
  grid-column-start: 6;
  -ms-grid-row: 6;
  grid-row-start: 6;
}

section.home.intro .top-gifs .row-4-location {
  -ms-grid-column: 10;
  grid-column-start: 10;
  -ms-grid-row: 6;
  grid-row-start: 6;
}

section.home.intro .bottom-gifs, section.home.intro .top-gifs {
  pointer-events: none;
}

section.home.intro .bottom-gifs > div, section.home.intro .top-gifs > div {
  -ms-grid-column-span: 3;
  grid-column-end: span 3;
  -ms-grid-row-span: 2;
  grid-row-end: span 2;
  opacity: 0;
  -webkit-transition: 0.075s ease all;
  -o-transition: 0.075s ease all;
  transition: 0.075s ease all;
}

section.home.intro .bottom-gifs > div.top, section.home.intro .top-gifs > div.top {
  opacity: 1;
  -webkit-transform: translate(0px, -5px);
  -ms-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
}

section.home.intro .bottom-gifs > div.right, section.home.intro .top-gifs > div.right {
  opacity: 1;
  -webkit-transform: translate(5px, 0px);
  -ms-transform: translate(5px, 0px);
  transform: translate(5px, 0px);
}

section.home.intro .bottom-gifs > div.bottom, section.home.intro .top-gifs > div.bottom {
  opacity: 1;
  -webkit-transform: translate(0px, 5px);
  -ms-transform: translate(0px, 5px);
  transform: translate(0px, 5px);
}

section.home.intro .bottom-gifs > div.left, section.home.intro .top-gifs > div.left {
  opacity: 1;
  -webkit-transform: translate(-5px, 0px);
  -ms-transform: translate(-5px, 0px);
  transform: translate(-5px, 0px);
}

section.home.intro .text-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

section.home.intro .text-container .line-container {
  overflow: hidden;
  white-space: nowrap;
}

section.home.intro .text-container .line-container ul {
  margin: 0;
  list-style: none;
}

section.home.intro .text-container .line-container ul li {
  display: inline-block;
}

section.home.intro .text-container .lines {
  overflow: hidden;
  white-space: nowrap;
}

section.home.intro .text-container .lines h1 {
  margin: 0;
  color: #ffffff;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  -webkit-transition: 0.25s ease all;
  -o-transition: 0.25s ease all;
  transition: 0.25s ease all;
  font-size: 6em;
  margin-right: 50px;
}

section.home.intro .text-container .lines h1 span {
  font-family: "Ulm Grotesk", sans-serif;
}

section.home.intro .text-container .lines h1 span:hover {
  -webkit-text-fill-color: #ffffff;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
}

section.home.artists {
  z-index: 2;
  margin-bottom: 100px;
  position: relative;
}

section.home.artists .green-top {
  background-image: url("assets/images/stripes/green-top.png");
  width: 100%;
  padding-top: 25%;
  position: absolute;
  left: 0;
  top: 250px;
  background-size: 100%;
  background-position: center bottom;
  -webkit-transform: translateY(-99%);
  -ms-transform: translateY(-99%);
  transform: translateY(-99%);
  background-repeat: no-repeat;
  z-index: -10;
  pointer-events: none;
}

section.home.artists .green-bg {
  position: absolute;
  top: 250px;
  left: 0;
  width: 100%;
  height: 125vh;
  z-index: -9999;
  background-color: #31ab5e;
  pointer-events: none;
}

section.home.artists .green-bg:after {
  content: "";
  background-image: url("assets/images/stripes/green-bottom.png");
  width: 100%;
  padding-top: 25%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-size: 100%;
  background-position: center top;
  -webkit-transform: translateY(99%);
  -ms-transform: translateY(99%);
  transform: translateY(99%);
  background-repeat: no-repeat;
  z-index: -10;
}

section.home.artists .stripe.home-artists-1 {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

section.home.artists .label-text {
  font-family: "Open Sans", sans-serif, sans-serif;
  color: #ffffff;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  margin-top: 100px;
}

section.home.artists .label-text span {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-top: 100px;
}

section.home.artists .label-text span:after {
  content: "";
  width: 50px;
  height: 1px;
  background-color: #ffffff;
  display: block;
  position: relative;
  float: right;
  margin-top: 12px;
  margin-left: 15px;
}

section.home.artists h2.head {
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 1em;
  -webkit-transform: translateY(0.25em);
  -ms-transform: translateY(0.25em);
  transform: translateY(0.25em);
}

section.home.artists ul.artists {
  margin: 0;
  list-style: none;
  white-space: nowrap;
  -webkit-transform: translateX(calc(50vw - 14vw));
  -ms-transform: translateX(calc(50vw - 14vw));
  transform: translateX(calc(50vw - 14vw));
}

section.home.artists ul.artists .background-line {
  width: calc(100% + 50vw);
  -webkit-transform: translateX(-16vw);
  -ms-transform: translateX(-16vw);
  transform: translateX(-16vw);
  position: fixed;
  top: 50%;
  height: 2px;
  background-image: url("assets/images/dashed.png");
}

section.home.artists ul.artists .background-line:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-color: #ffffff;
  top: -24px;
  left: -25px;
  background-image: url("assets/images/scrolldown-icon.png");
  background-repeat: no-repeat;
  background-position: 17px 14px;
  background-size: 30% 50%;
}

section.home.artists ul.artists > li {
  width: calc(28vw - 40px);
  display: inline-block;
  margin: 0 20px;
  position: relative;
}

section.home.artists ul.artists > li .card, section.home.artists ul.artists > li .no-pop-card {
  margin-bottom: 0px;
}

section.home.artists ul.artists > li .card .content, section.home.artists ul.artists > li .no-pop-card .content {
  width: 80%;
  white-space: normal;
}

section.home.artists ul.artists > li .card .content h4, section.home.artists ul.artists > li .no-pop-card .content h4 {
  white-space: normal;
  padding: 0;
}

section.home.artists ul.artists > li .card a.fill, section.home.artists ul.artists > li .no-pop-card a.fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

section.home.artists .button-container {
  margin-top: 50px;
  text-align: center;
}

section.home.camping {
  margin-top: 150px;
  z-index: 1;
}

section.home.camping .stripe.home-camping-2 {
  -webkit-transform: translateY(80%);
  -ms-transform: translateY(80%);
  transform: translateY(80%);
}

section.home.link-bar {
  margin-top: 150px;
  margin-bottom: 100px;
}

section.home.link-bar .bar {
  background-color: #ffffff;
  width: 100%;
  position: relative;
  z-index: 9;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  height: auto;
  overflow: hidden;
}

section.home.link-bar .bar h4 {
  margin: 0;
  padding-left: 50px;
  padding-right: 100px;
}

section.home.link-bar .bar ul.links {
  height: auto;
  margin: 0;
  font-size: 0px;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

section.home.link-bar .bar ul.links li {
  top: 0;
  height: auto;
  padding: 0;
  line-height: 1.5em;
  display: inline-block;
  border-left: 1px solid #c7c7df;
  border-bottom: 1px solid #c7c7df;
  font-size: 0px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

section.home.link-bar .bar ul.links li h4 {
  font-size: 20px;
}

section.home.link-bar .bar ul.links li a {
  display: block;
  width: 100%;
  padding: 30px 50px;
  font-family: "Ulm Grotesk", sans-serif;
  text-transform: uppercase;
  color: #05022b;
  -webkit-transition: .25s ease all;
  -o-transition: .25s ease all;
  transition: .25s ease all;
  font-size: 16px;
  line-height: 1.5em;
  position: relative;
}

section.home.link-bar .bar ul.links li a:hover {
  background-color: #d81f19;
}

section.home.link-bar .bar ul.links li a:hover.external span {
  color: #ffffff;
}

section.home.link-bar .bar ul.links li a:hover.external span:before {
  border-color: #ffffff #ffffff transparent transparent;
}

section.home.link-bar .bar ul.links li a:hover.external span:after {
  background-color: #ffffff;
}

section.home.link-bar .bar ul.links li a.external {
  padding-right: 75px;
}

section.home.link-bar .bar ul.links li a.external span {
  position: relative;
  font-family: "Ulm Grotesk", sans-serif;
}

section.home.link-bar .bar ul.links li a.external span:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  border: 2px solid #05022b;
  border-color: #05022b #05022b transparent transparent;
  top: calc(50% - 7px);
  right: -20px;
}

section.home.link-bar .bar ul.links li a.external span:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 12px;
  background-color: #05022b;
  display: block;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: calc(50% - 7px);
  right: -15px;
}

section.home.updates {
  margin-top: 0px;
  padding-bottom: 150px;
  z-index: 1;
  background-color: #9f215a;
}

section.home.updates .purple-top {
  background-image: url("assets/images/stripes/purple-top.png");
  width: 100%;
  padding-top: 25%;
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100%;
  background-position: center bottom;
  -webkit-transform: translateY(-99%);
  -ms-transform: translateY(-99%);
  transform: translateY(-99%);
  background-repeat: no-repeat;
  z-index: -10;
}

section.home.updates .stripe.home-updates-1 {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

section.home.updates .label-text {
  font-family: "Open Sans", sans-serif, sans-serif;
  color: #ffffff;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  margin-bottom: 100px;
}

section.home.updates .label-text span {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-top: 50px;
}

section.home.updates .label-text span:after {
  content: "";
  width: 50px;
  height: 1px;
  background-color: #ffffff;
  display: block;
  position: relative;
  float: right;
  margin-top: 12px;
  margin-left: 15px;
}

section.home.updates h2 {
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 1em;
  -webkit-transform: translateY(0.25em);
  -ms-transform: translateY(0.25em);
  transform: translateY(0.25em);
}

section.home.updates .button-container {
  margin-top: 50px;
  text-align: center;
}

/* Line-up */
section.line-up.intro {
  padding-top: 25vh;
  margin-bottom: 150px;
}

section.line-up.intro h1 {
  text-align: center;
  color: #ffffff;
  font-size: 6em;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
}

section.line-up.intro .button-container {
  margin-top: 50px;
  text-align: center;
}

section.line-up.intro .label-text {
  font-family: "Open Sans", sans-serif, sans-serif;
  color: #ffffff;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

section.line-up.intro .label-text span {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-top: 50px;
}

section.line-up.intro .label-text span:after {
  content: "";
  width: 50px;
  height: 1px;
  background-color: #ffffff;
  display: block;
  position: relative;
  float: right;
  margin-top: 12px;
  margin-left: 15px;
}

section.line-up.filter {
  position: relative;
  z-index: 2;
}

section.line-up.filter .bar {
  background-color: #ffffff;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto auto;
  grid-template-columns: 1fr auto auto;
  -webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.35);
  height: 100px;
  margin-bottom: 100px;
}

section.line-up.filter .bar h4 {
  margin: 0;
  line-height: 100px;
  padding-left: 25px;
  font-size: 2em;
  color: #111079;
}

section.line-up.filter .bar form {
  margin: 0;
  display: block;
  height: 40px;
  margin: 30px 15px 0;
}

section.line-up.filter .bar form:last-child {
  margin-right: 25px;
}

section.line-up.filter .bar ul {
  list-style: none;
  margin: 0;
  border: 1px solid #111079;
  border-radius: 20px;
  position: relative;
  background-color: #ffffff;
  overflow: hidden;
}

section.line-up.filter .bar ul:before {
  content: "";
  width: 6px;
  height: 6px;
  border: 2px solid #111079;
  display: block;
  position: absolute;
  right: 25px;
  top: 15px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-color: transparent #111079 #111079 transparent;
  -webkit-transition: 0.25s ease all;
  -o-transition: 0.25s ease all;
  transition: 0.25s ease all;
}

section.line-up.filter .bar ul li {
  height: 0px;
  overflow: hidden;
  -webkit-transition: 0.25s ease all;
  -o-transition: 0.25s ease all;
  transition: 0.25s ease all;
}

section.line-up.filter .bar ul li button {
  height: 0px;
  margin: 0;
  overflow: hidden;
  -webkit-transition: 0.25s ease all;
  -o-transition: 0.25s ease all;
  transition: 0.25s ease all;
  background-color: transparent;
  color: #000000;
  padding: 0 100px 0 15px;
  outline: none;
  text-transform: uppercase;
  font-size: 0.8em;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  display: block;
  width: 100%;
  text-align: left;
}

section.line-up.filter .bar ul li.active {
  height: 40px;
}

section.line-up.filter .bar ul li.active button {
  height: 40px;
}

section.line-up.filter .bar ul.active:before {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  top: 18px;
}

section.line-up.filter .bar ul.active li {
  height: 40px;
}

section.line-up.filter .bar ul.active li button {
  height: 40px;
}

section.line-up.filter .bar ul.active li button:hover {
  background-color: #111079;
  color: #ffffff;
}

section.line-up.artists {
  margin-bottom: 200px;
}

section.line-up.artists .stripe.line-up-artists-1 {
  -webkit-transform: translateY(25%);
  -ms-transform: translateY(25%);
  transform: translateY(25%);
}

section.line-up.artists .stripe.line-up-artists-2 {
  bottom: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

/* Practical  */
section.practical.intro {
  padding-top: 25vh;
  margin-bottom: 150px;
}

section.practical.intro h1 {
  text-align: center;
  color: #ffffff;
  font-size: 6em;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
}

section.practical.intro .label-text {
  font-family: "Open Sans", sans-serif, sans-serif;
  color: #ffffff;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

section.practical.intro .label-text span {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-top: 50px;
}

section.practical.intro .label-text span:after {
  content: "";
  width: 50px;
  height: 1px;
  background-color: #ffffff;
  display: block;
  position: relative;
  float: right;
  margin-top: 12px;
  margin-left: 15px;
}

section.practical.main-categories {
  margin-bottom: 150px;
  position: relative;
  z-index: 3;
}

section.practical.main-categories .category {
  cursor: pointer;
}

section.practical.faq {
  position: relative;
  z-index: 2;
}

section.practical.faq .stripe.practical-faq-1 {
  -webkit-transform: translateY(25%);
  -ms-transform: translateY(25%);
  transform: translateY(25%);
}

section.practical.faq .stripe.practical-faq-2 {
  bottom: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

section.practical.faq .content-container {
  margin-left: 8%;
  position: relative;
  margin-bottom: 100px;
}

section.practical.faq .content-container:before {
  content: "";
  background-color: #080a48;
  z-index: -1;
  margin-left: 8%;
  height: calc(100% + 350px);
  margin-top: -250px;
  pointer-events: none;
}

section.practical.faq .content-container:after {
  content: "";
  background-color: rgba(8, 10, 72, 0.5);
  z-index: -2;
  height: calc(100% + 550px);
  margin-top: -250px;
  pointer-events: none;
}

section.practical.faq .content-container .text-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
  margin: 0 0.9375em;
  margin-right: calc(8vw + 0.9375em);
}

section.practical.faq .content-container .text-container div ul.main-categories {
  padding-top: 25px;
  margin: 0;
  list-style: none;
  padding-left: 0px;
  overflow: hidden;
}

section.practical.faq .content-container .text-container div ul.main-categories li {
  color: #ffffff;
  font-family: "Ulm Grotesk", sans-serif;
  font-size: 1.5em;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  letter-spacing: 0.075em;
  cursor: pointer;
  -webkit-transition: 0.15s ease all;
  -o-transition: 0.15s ease all;
  transition: 0.15s ease all;
  position: relative;
  text-transform: uppercase;
}

section.practical.faq .content-container .text-container div ul.main-categories li:after {
  content: "";
  height: 1px;
  width: 10px;
  background-color: #ffffff;
  position: absolute;
  top: calc(50% - 1px);
  margin-left: 10px;
  opacity: 0;
  -webkit-transition: 0.15s ease all;
  -o-transition: 0.15s ease all;
  transition: 0.15s ease all;
}

section.practical.faq .content-container .text-container div ul.main-categories li.active, section.practical.faq .content-container .text-container div ul.main-categories li:hover {
  -webkit-text-stroke-color: transparent;
  -webkit-text-fill-color: #ffffff;
}

section.practical.faq .content-container .text-container div ul.main-categories li.active:after {
  width: 25px;
  opacity: 1;
}

section.practical.faq .content-container .text-container .sub-categories {
  padding-top: 15px;
}

section.practical.faq .content-container .text-container .sub-categories ul {
  list-style: none;
  margin: 0;
  display: none;
}

section.practical.faq .content-container .text-container .sub-categories ul li {
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.5em;
  margin-bottom: 25px;
  font-weight: 600;
  font-size: 1.15em;
  -webkit-transition: 0.15s ease all;
  -o-transition: 0.15s ease all;
  transition: 0.15s ease all;
  cursor: pointer;
  padding-right: 15px;
}

section.practical.faq .content-container .text-container .sub-categories ul li.active, section.practical.faq .content-container .text-container .sub-categories ul li:hover {
  color: white;
}

section.practical.faq .content-container .text-container .sub-categories ul.active {
  display: block;
}

section.practical.faq .content-container .text-container .text {
  color: #ffffff;
  height: 80vh;
  overflow-y: auto;
  -ms-grid-column: span 3;
  grid-column-start: span 3;
  padding-right: 50px;
  padding-top: 15px;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(5%, black), color-stop(95%, black), to(transparent));
  -webkit-mask-image: -webkit-linear-gradient(transparent 0%, black 5%, black 95%, transparent 100%);
  mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(5%, black), color-stop(95%, black), to(transparent));
  mask-image: linear-gradient(transparent 0%, black 5%, black 95%, transparent 100%);
  position: relative;
  /* Track */
  /* Handle */
  /* Handle on hover */
}

section.practical.faq .content-container .text-container .text div {
  position: absolute;
  top: 0;
  opacity: 0;
  pointer-events: none;
  height: 0px;
  overflow: hidden;
}

section.practical.faq .content-container .text-container .text div h1 {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
}

section.practical.faq .content-container .text-container .text div h2 {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
}

section.practical.faq .content-container .text-container .text div h3 {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
}

section.practical.faq .content-container .text-container .text div h4 {
  font-size: 1.5em;
  font-weight: 700;
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  text-transform: none;
  margin-top: 25px;
}

section.practical.faq .content-container .text-container .text div p {
  line-height: 2.5em;
  color: #ffffff;
  margin-bottom: 50px;
}

section.practical.faq .content-container .text-container .text div a {
  color: #e8413c;
}

section.practical.faq .content-container .text-container .text div.active {
  position: relative;
  opacity: 1;
  pointer-events: auto;
  height: auto;
}

section.practical.faq .content-container .text-container .text::-webkit-scrollbar {
  width: 2px;
}

section.practical.faq .content-container .text-container .text::-webkit-scrollbar-track {
  background: #f2f2f2;
}

section.practical.faq .content-container .text-container .text::-webkit-scrollbar-thumb {
  background: #d81f19;
}

section.practical.faq .content-container .text-container .text::-webkit-scrollbar-thumb:hover {
  background: #e52b25;
}

section.practical.ticket-video {
  margin-bottom: 150px;
  position: relative;
  z-index: 3;
}

section.practical.ticket-video .stripe.practical-ticket-video-1 {
  top: auto;
  bottom: 0;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

/* Camping */
section.camping.video {
  padding-top: 200px;
  margin-bottom: 200px;
}

section.camping.video .stripe.camping-video-2 {
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

section.camping.video .label-text {
  font-family: "Open Sans", sans-serif, sans-serif;
  color: #ffffff;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

section.camping.video .label-text span {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-top: 50px;
}

section.camping.video .label-text span:after {
  content: "";
  width: 50px;
  height: 1px;
  background-color: #ffffff;
  display: block;
  position: relative;
  float: right;
  margin-top: 12px;
  margin-left: 15px;
}

section.camping.video .video-container {
  background-color: #ffffff;
  margin-right: 4%;
}

section.camping.video .video-container:after {
  content: "";
  -webkit-transform: translate(15px, 15px);
  -ms-transform: translate(15px, 15px);
  transform: translate(15px, 15px);
}

section.camping.video .video-container h3 {
  font-size: 5em;
}

section.camping.video .video-container h3 span {
  font-family: "Ulm Grotesk", sans-serif;
  -webkit-text-fill-color: #ffffff;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #ffffff;
}

section.camping.video .video-container .play-button {
  position: absolute;
  width: 50px;
  height: 50px;
  top: calc(50% - 25px);
  right: 75px;
  z-index: 5;
  border-radius: 50px;
  pointer-events: none;
  -webkit-transition: 0.15s ease all;
  -o-transition: 0.15s ease all;
  transition: 0.15s ease all;
}

section.camping.video .video-container .play-button:before {
  content: "";
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  position: absolute;
  border-radius: 50px;
}

section.camping.video .video-container .play-button:after {
  content: "";
  width: 0px;
  height: 0px;
  border: 4px solid #000000;
  border-color: transparent transparent transparent #000000;
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - 2px);
}

section.camping.video .video-container:hover h3 {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
}

section.camping.video .video-container:hover .play-button {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

section.camping.video .text {
  background-color: rgba(5, 2, 43, 0.75);
  position: absolute;
  width: 50%;
  bottom: 0;
  right: 0;
  z-index: 3;
  padding: 125px 100px;
  -webkit-transform: translateY(calc(50% - 50px));
  -ms-transform: translateY(calc(50% - 50px));
  transform: translateY(calc(50% - 50px));
  pointer-events: auto;
}

section.camping.video .text img {
  width: 30px;
  margin-left: 5px;
}

section.camping.video .text p {
  line-height: 3em;
  color: #ffffff;
}

section.camping.video img.ratio {
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transition: .25s ease all;
  -o-transition: .25s ease all;
  transition: .25s ease all;
}

section.camping.video img.ratio.loaded {
  pointer-events: none;
  opacity: 0;
}

section.camping.activities {
  margin-top: 350px;
  margin-bottom: 250px;
}

section.camping.activities .stripe.camping-activies-1 {
  -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  transform: translateY(-25%);
}

section.camping.activities h2 {
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 1em;
  -webkit-transform: translateY(0.25em);
  -ms-transform: translateY(0.25em);
  transform: translateY(0.25em);
}

section.camping.activities .activity-column .drag-icon {
  position: absolute;
  width: 60px;
  height: 60px;
  background-color: #ffffff;
  border-radius: 50px;
  top: calc(50% - 60px);
  left: calc(33% - 30px);
  z-index: 3;
  pointer-events: none;
  -webkit-transition: 0.15s ease all;
  -o-transition: 0.15s ease all;
  transition: 0.15s ease all;
}

section.camping.activities .activity-column .drag-icon span {
  background-size: contain;
  background-image: url("assets/images/drag-icon.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 70%;
  left: 15%;
}

section.camping.activities .activity-column .drag-icon.hidden {
  opacity: 0;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

section.camping.activities .activity-slider .owl-item {
  display: inline-block;
}

section.camping.activities .activity-slider .owl-nav {
  display: none;
}

section.camping.activities .activity-slider .owl-dots {
  float: right;
  position: relative;
  right: 0;
  pointer-events: none;
  margin-top: 35px;
}

section.camping.activities .activity-slider .owl-dots button {
  height: 1px;
  margin: 0;
  padding: 0;
  width: 25px;
  background-color: #ffffff;
  outline: none;
}

section.camping.activities .activity-slider .owl-dots button span {
  display: none;
}

section.camping.activities .activity-slider .owl-dots button:before {
  content: "";
  width: 0%;
  height: 1px;
  background-color: #e8413c;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: 3s linear width;
  -o-transition: 3s linear width;
  transition: 3s linear width;
}

section.camping.activities .activity-slider .owl-dots button.active {
  background-color: #ffffff;
}

section.camping.activities .activity-slider .owl-dots button.active:before {
  width: 100%;
  right: auto;
  left: 0;
}

section.camping.activities .activity-slider .slide {
  width: 100%;
}

section.camping.activities .activity-slider .slide .card {
  margin-bottom: 0px;
}

section.camping.tents {
  margin-bottom: 150px;
}

section.camping.tents .stripe.camping-tents-1 {
  -webkit-transform: translateY(25%);
  -ms-transform: translateY(25%);
  transform: translateY(25%);
}

section.camping.tents .stripe.camping-tents-2 {
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

section.camping.tents .stripe.camping-tents-3 {
  top: auto;
  bottom: 0;
  -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  transform: translateY(-25%);
}

section.camping.tents .stripe.camping-tents-4 {
  top: auto;
  bottom: 0;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

section.camping.tents h2 {
  padding: 0;
  margin: 0;
  line-height: 1em;
  -webkit-transform: translateY(0.25em);
  -ms-transform: translateY(0.25em);
  transform: translateY(0.25em);
  position: relative;
  z-index: 1;
  color: #ffffff;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  font-size: 4em;
}

section.camping.tents .bar {
  background-color: #ffffff;
  margin-left: 8%;
  height: 100px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 350px;
  grid-template-columns: auto 350px;
  position: relative;
  z-index: 2;
  margin-bottom: 75px;
}

section.camping.tents .bar h4 {
  line-height: 100px;
  padding-left: 25px;
  color: #05022b;
}

section.camping.tents .bar .range-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 50px;
}

section.camping.tents .bar .range-container .rangeslider {
  background-color: #111079;
  height: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0px;
}

section.camping.tents .bar .range-container .rangeslider:before {
  content: "";
  background-color: #ffffff;
  border: 2px solid #111079;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  position: absolute;
  z-index: 1;
  left: -18px;
  top: -8px;
}

section.camping.tents .bar .range-container .rangeslider:after {
  content: "0";
  position: absolute;
  z-index: 2;
  top: 14px;
  font-family: "Ulm Grotesk", sans-serif;
  color: #111079;
  font-size: 12px;
  left: -9px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

section.camping.tents .bar .range-container .rangeslider .rangeslider__value-bubble {
  position: absolute;
  top: 14px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-family: "Ulm Grotesk", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #111079;
}

section.camping.tents .bar .range-container .rangeslider .rangeslider--horizontal {
  height: 2px;
  background-color: #111079;
}

section.camping.tents .bar .range-container .rangeslider .rangeslider__fill {
  height: 2px;
  background-color: #e8413c;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0px;
}

section.camping.tents .bar .range-container .rangeslider .rangeslider__handle {
  width: 24px;
  height: 24px;
  top: -12px;
  background-color: red;
  border: #111079 2px solid;
}

section.camping.tents .tent-container .card:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(232, 65, 60, 0)), to(rgba(232, 65, 60, 0.5)));
  background: -webkit-linear-gradient(rgba(232, 65, 60, 0), rgba(232, 65, 60, 0.5));
  background: -o-linear-gradient(rgba(232, 65, 60, 0), rgba(232, 65, 60, 0.5));
  background: linear-gradient(rgba(232, 65, 60, 0), rgba(232, 65, 60, 0.5));
}

section.camping.tents .tent-container .card:after {
  padding-bottom: 70%;
}

section.camping.tents .tent-container .card a.buy-now {
  background-color: #ffffff;
  position: absolute;
  top: 25px;
  right: 35px;
  height: 44px;
  line-height: 44px;
  font-family: "Ulm Grotesk", sans-serif;
  text-transform: uppercase;
  color: #111079;
  display: block;
  padding: 0px 20px;
}

section.camping.tents .tent-container .card .price {
  color: #ffffff;
  font-size: 1.25em;
  font-family: "Open Sans", sans-serif;
}

section.camping.tents .tent-container .card .people {
  background-color: #31ab5e;
  position: absolute;
  top: 25px;
  left: 35px;
  padding: 10px 20px;
  color: #ffffff;
}

section.camping.tents .tent-container .card .people:before {
  content: url("assets/images/people-icon.png");
  margin-right: 10px;
}

/* Hosting */
section.area.intro {
  padding-top: 25vh;
  margin-bottom: 150px;
}

section.area.intro h1 {
  text-align: center;
  color: #ffffff;
  font-size: 6em;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
}

section.area.intro .label-text {
  font-family: "Open Sans", sans-serif, sans-serif;
  color: #ffffff;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

section.area.intro .label-text span {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-top: 50px;
}

section.area.intro .label-text span:after {
  content: "";
  width: 50px;
  height: 1px;
  background-color: #ffffff;
  display: block;
  position: relative;
  float: right;
  margin-top: 12px;
  margin-left: 15px;
}

section.area.map {
  padding-top: 0px;
  margin-bottom: 200px;
}

section.area.map .iframe-container {
  position: relative;
  background-color: #ffffff;
  width: 100%;
  padding-bottom: 45%;
}

section.area.map .iframe-container.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99;
}

section.area.map .iframe-container.fullscreen .fullscreen {
  top: 36px;
  background-image: url("assets/images/fullscreen_close.png");
}

section.area.map .iframe-container.fullscreen iframe {
  height: 100vh;
}

section.area.map .iframe-container .fullscreen {
  position: absolute;
  width: 75px;
  height: 75px;
  z-index: 9;
  background-color: white;
  border-radius: 75px;
  cursor: pointer;
  background-image: url("assets/images/fullscreen.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
  top: -36px;
  left: calc(50% - 37px);
  -webkit-transition: .25s ease all;
  -o-transition: .25s ease all;
  transition: .25s ease all;
}

section.area.map .iframe-container:after {
  content: "";
  background-color: #ffffff;
  -webkit-transform: translate(15px, 15px);
  -ms-transform: translate(15px, 15px);
  transform: translate(15px, 15px);
  z-index: -1;
}

section.area.map .iframe-container iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

section.area.hostings {
  margin-top: 25vh;
  margin-bottom: 200px;
}

section.area.hostings .stripe.area-hostings-1 {
  -webkit-transform: translateY(65%);
  -ms-transform: translateY(65%);
  transform: translateY(65%);
}

section.area.hostings .stripe.area-hostings-2 {
  top: auto;
  bottom: 0;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

section.area.hostings h1 {
  text-align: center;
  color: #ffffff;
  font-size: 6em;
  margin-bottom: 100px;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
}

section.area.hostings .hosting {
  margin-bottom: 250px;
}

section.area.hostings .hosting:nth-child(even) .columns .logo {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
}

section.area.hostings .hosting:nth-child(even) .columns .image {
  -ms-grid-column: 2;
  -ms-grid-column-span: 7;
  grid-column: 2 / 9;
}

section.area.hostings .hosting:nth-child(even) .columns .line-up {
  -ms-grid-column: 8;
  -ms-grid-column-span: 5;
  grid-column: 8 / 13;
}

section.area.hostings .hosting:nth-child(odd) .columns .logo {
  -ms-grid-column: 11;
  -ms-grid-column-span: 2;
  grid-column: 11 / 13;
  -ms-grid-column-align: end;
  justify-self: end;
}

section.area.hostings .hosting:nth-child(odd) .columns .image {
  -ms-grid-column: 5;
  -ms-grid-column-span: 7;
  grid-column: 5 / 12;
}

section.area.hostings .hosting:nth-child(odd) .columns .line-up {
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-column: 1 / 6;
}

section.area.hostings .hosting .columns {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
}

section.area.hostings .hosting .columns .logo {
  width: 250px;
  height: 250px;
  background-color: #05022b;
  border: 4px solid #ffffff;
  -ms-grid-row: 1;
  grid-row: 1;
  position: relative;
  z-index: 3;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  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;
}

section.area.hostings .hosting .columns .image {
  -ms-grid-row: 1;
  grid-row: 1;
  position: relative;
  z-index: 1;
  min-height: 0;
  overflow: hidden;
}

section.area.hostings .hosting .columns .image img {
  border: 4px solid #ffffff;
}

section.area.hostings .hosting .columns .line-up {
  background-color: rgba(5, 2, 43, 0.95);
  -ms-grid-row: 1;
  grid-row: 1;
  position: relative;
  z-index: 2;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
}

section.area.hostings .hosting .columns .line-up .content {
  padding: 50px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}

section.area.hostings .hosting .columns .line-up .content ul.labels {
  margin: 0;
  list-style: none;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  margin-bottom: 25px;
}

section.area.hostings .hosting .columns .line-up .content ul.labels li {
  display: inline-block;
  padding: 5px 15px;
  color: #ffffff;
  margin-bottom: 10px;
  margin-right: 5px;
  text-transform: uppercase;
}

section.area.hostings .hosting .columns .line-up .content ul.labels li.orange {
  background-color: #e8413c;
}

section.area.hostings .hosting .columns .line-up .content ul.labels li.blue {
  background-color: #111079;
}

section.area.hostings .hosting .columns .line-up .content ul.labels li.white {
  background-color: #ffffff;
  color: #000000;
}

section.area.hostings .hosting .columns .line-up .content ul.labels li.green {
  background-color: #31ab5e;
}

section.area.hostings .hosting .columns .line-up .content .artists {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
  height: 300px;
  /* Track */
  /* Handle */
  /* Handle on hover */
}

section.area.hostings .hosting .columns .line-up .content .artists::-webkit-scrollbar {
  width: 2px;
}

section.area.hostings .hosting .columns .line-up .content .artists::-webkit-scrollbar-track {
  background: #f2f2f2;
}

section.area.hostings .hosting .columns .line-up .content .artists::-webkit-scrollbar-thumb {
  background: #d81f19;
}

section.area.hostings .hosting .columns .line-up .content .artists::-webkit-scrollbar-thumb:hover {
  background: #e52b25;
}

section.area.hostings .hosting .columns .line-up .content .artists .artist {
  position: relative;
  margin: 10px 0;
  width: 90%;
  cursor: pointer;
}

section.area.hostings .hosting .columns .line-up .content .artists .artist:before {
  content: "";
  position: absolute;
  left: 37px;
  right: 0;
  top: 10px;
  bottom: 10px;
  background-color: #020111;
  z-index: 1;
}

section.area.hostings .hosting .columns .line-up .content .artists .artist .thumbnail {
  width: 75px;
  height: 75px;
  border-radius: 100px;
  position: relative;
  z-index: 2;
  background-size: cover;
  border: 2px solid #ffffff;
  float: left;
  clear: both;
}

section.area.hostings .hosting .columns .line-up .content .artists .artist .text {
  position: relative;
  z-index: 2;
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  padding-top: 25px;
  padding-left: 100px;
  padding-bottom: 25px;
}

section.area.hostings .hosting .columns .line-up .content .artists .artist .text strong {
  font-family: "Ulm Grotesk", sans-serif;
}

section.area.hostings .hosting .columns .line-up .content .pre-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
  height: 300px;
  /* Track */
  /* Handle */
  /* Handle on hover */
}

section.area.hostings .hosting .columns .line-up .content .pre-text::-webkit-scrollbar {
  width: 2px;
}

section.area.hostings .hosting .columns .line-up .content .pre-text::-webkit-scrollbar-track {
  background: #f2f2f2;
}

section.area.hostings .hosting .columns .line-up .content .pre-text::-webkit-scrollbar-thumb {
  background: #d81f19;
}

section.area.hostings .hosting .columns .line-up .content .pre-text::-webkit-scrollbar-thumb:hover {
  background: #e52b25;
}

section.area.hostings .hosting .columns .line-up .content .pre-text h1, section.area.hostings .hosting .columns .line-up .content .pre-text h2, section.area.hostings .hosting .columns .line-up .content .pre-text h3, section.area.hostings .hosting .columns .line-up .content .pre-text h4 {
  color: #ffffff;
  margin-bottom: 25px;
}

section.area.hostings .hosting .columns .line-up .content .pre-text p {
  color: #ffffff;
  line-height: 2em;
}

section.area.hostings .hosting .columns .line-up .content .about {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  margin-top: 25px;
  cursor: pointer;
}

section.area.hostings .hosting .columns .line-up .content .about h4 {
  display: inline-block;
  position: relative;
  font-size: 1.25em;
  color: #ffffff;
  font-weight: 400;
}

section.area.hostings .hosting .columns .line-up .content .about h4:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  border: 2px solid #ffffff;
  border-color: #ffffff #ffffff transparent transparent;
  top: calc(50% - 7px);
  right: -20px;
}

section.area.hostings .hosting .columns .line-up .content .about h4:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 12px;
  background-color: #ffffff;
  display: block;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: calc(50% - 7px);
  right: -15px;
}

section.area.camping {
  position: relative;
  z-index: 0;
  padding-bottom: 100px;
  margin-bottom: 100px;
}

section.area.camping .stripe.area-camping-1 {
  -webkit-transform: translateY(65%);
  -ms-transform: translateY(65%);
  transform: translateY(65%);
}

/* Timetables */
section.timetable.intro {
  padding-top: 25vh;
  margin-bottom: 150px;
}

section.timetable.intro h1 {
  text-align: center;
  color: #ffffff;
  font-size: 6em;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
}

section.timetable.intro .label-text {
  font-family: "Open Sans", sans-serif, sans-serif;
  color: #ffffff;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

section.timetable.intro .label-text span {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-top: 50px;
}

section.timetable.intro .label-text span:after {
  content: "";
  width: 50px;
  height: 1px;
  background-color: #ffffff;
  display: block;
  position: relative;
  float: right;
  margin-top: 12px;
  margin-left: 15px;
}

section.timetable.the-timetables .timetable-row {
  margin-bottom: 100px;
}

section.timetable.the-timetables .timetable-row .fullscreen {
  position: absolute;
  width: 75px;
  height: 75px;
  z-index: 9;
  background-color: white;
  border-radius: 75px;
  cursor: pointer;
  background-image: url("assets/images/fullscreen.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
  top: -36px;
  left: calc(50% - 37px);
  -webkit-transition: .25s ease all;
  -o-transition: .25s ease all;
  transition: .25s ease all;
}

section.timetable.the-timetables .timetable-row img {
  border: 4px solid #ffffff;
  width: 100%;
}

/* Tickets */
section.tickets.intro {
  margin-top: 25vh;
  margin-bottom: 50px;
}

section.tickets.intro .stripe.tickets-intro-1 {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

section.tickets.intro h1 {
  text-align: center;
  color: #ffffff;
  font-size: 6em;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
}

section.tickets.intro .label-text {
  font-family: "Open Sans", sans-serif, sans-serif;
  color: #ffffff;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

section.tickets.intro .label-text span {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-top: 50px;
}

section.tickets.intro .label-text span:after {
  content: "";
  width: 50px;
  height: 1px;
  background-color: #ffffff;
  display: block;
  position: relative;
  float: right;
  margin-top: 12px;
  margin-left: 15px;
}

section.tickets.bar {
  margin-bottom: 150px;
}

section.tickets.bar .bar {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  height: 100px;
  overflow: hidden;
}

section.tickets.bar .bar h4 {
  line-height: 100px;
  padding-left: 50px;
  float: left;
}

section.tickets.bar .bar ul.links {
  float: right;
  height: 100px;
  margin: 0;
  font-size: 0px;
}

section.tickets.bar .bar ul.links li {
  height: 100%;
  line-height: 100px;
  display: inline-block;
  border-left: 1px solid #c7c7df;
  font-size: 16px;
}

section.tickets.bar .bar ul.links li a {
  display: block;
  padding: 0 50px;
  font-family: "Ulm Grotesk", sans-serif;
  text-transform: uppercase;
  color: #05022b;
  background-color: #ffffff;
  -webkit-transition: .25s ease all;
  -o-transition: .25s ease all;
  transition: .25s ease all;
  font-size: 1em;
  position: relative;
}

section.tickets.bar .bar ul.links li a:hover {
  background-color: #d81f19;
}

section.tickets.bar .bar ul.links li a:hover.external span {
  color: #ffffff;
}

section.tickets.bar .bar ul.links li a:hover.external span:before {
  border-color: #ffffff #ffffff transparent transparent;
}

section.tickets.bar .bar ul.links li a:hover.external span:after {
  background-color: #ffffff;
}

section.tickets.bar .bar ul.links li a.external {
  padding-right: 75px;
}

section.tickets.bar .bar ul.links li a.external span {
  position: relative;
  font-family: "Ulm Grotesk", sans-serif;
}

section.tickets.bar .bar ul.links li a.external span:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  border: 2px solid #05022b;
  border-color: #05022b #05022b transparent transparent;
  top: calc(50% - 7px);
  right: -20px;
}

section.tickets.bar .bar ul.links li a.external span:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 12px;
  background-color: #05022b;
  display: block;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: calc(50% - 7px);
  right: -15px;
}

section.tickets.inhoud {
  margin-bottom: 100px;
}

section.tickets.inhoud .content {
  padding: 25px;
  background-color: #ffffff;
}

section.tickets.inhoud .content img {
  width: 100%;
  margin: 25px 0;
}

section.tickets.inhoud .content h1 {
  color: #111079;
  text-align: left;
}

section.tickets.inhoud .content h2 {
  color: #111079;
  text-align: left;
}

section.tickets.inhoud .content h3 {
  color: #111079;
  text-align: left;
}

section.tickets.inhoud .content h4 {
  color: #111079;
  text-align: left;
}

section.tickets.inhoud .content p {
  color: #111079;
  position: relative;
  display: block;
}

section.tickets.inhoud .content p a {
  color: #e8413c;
}

section.tickets.inhoud .content ul li {
  color: #111079;
}

section.tickets.iframe {
  margin-bottom: 100px;
}

section.tickets.iframe .stripe.tickets-iframe-1 {
  -webkit-transform: translateY(25%);
  -ms-transform: translateY(25%);
  transform: translateY(25%);
}

section.tickets.iframe .content {
  padding: 25px;
  background-color: #ffffff;
}

section.tickets.iframe .content iframe {
  margin-top: 25px;
  width: 100%;
  min-height: 40vw;
}

section.vervolg.intro {
  padding-top: 25vh;
  margin-bottom: 50px;
}

section.vervolg.intro .stripe.tickets-intro-1 {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

section.vervolg.intro h1 {
  text-align: center;
  color: #ffffff;
  font-size: 6em;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
}

section.vervolg.intro .label-text {
  font-family: "Open Sans", sans-serif, sans-serif;
  color: #ffffff;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

section.vervolg.intro .label-text span {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-top: 50px;
}

section.vervolg.intro .label-text span:after {
  content: "";
  width: 50px;
  height: 1px;
  background-color: #ffffff;
  display: block;
  position: relative;
  float: right;
  margin-top: 12px;
  margin-left: 15px;
}

section.vervolg.content {
  margin-bottom: 100px;
}

section.vervolg.content .wrapper {
  background-color: #ffffff;
  padding-bottom: 50px;
  max-width: 1024px;
  margin: 0 auto;
}

section.vervolg.content .wrapper .banner img {
  width: 100%;
}

section.vervolg.content .wrapper iframe.iframe {
  width: 100%;
}

section.vervolg.content .wrapper .wysiwyg {
  padding: 50px;
}

section.vervolg.content .wrapper .wysiwyg img {
  width: 100%;
  margin: 25px 0;
}

section.vervolg.content .wrapper .wysiwyg h1 {
  color: #111079;
  text-align: left;
}

section.vervolg.content .wrapper .wysiwyg h2 {
  color: #111079;
  text-align: left;
}

section.vervolg.content .wrapper .wysiwyg h3 {
  color: #111079;
  text-align: left;
}

section.vervolg.content .wrapper .wysiwyg h4 {
  color: #111079;
  text-align: left;
}

section.vervolg.content .wrapper .wysiwyg p {
  color: #111079;
  position: relative;
  display: block;
}

section.vervolg.content .wrapper .wysiwyg p a {
  color: #e8413c;
}

section.vervolg.content .wrapper .wysiwyg ul li {
  color: #111079;
}

section.vervolg.content .wrapper .wysiwyg ul.social {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
  margin-top: 35px;
}

section.vervolg.content .wrapper .wysiwyg ul.social li {
  width: 30px;
  height: 30px;
  background-size: contain;
  display: inline-block;
  margin-left: 10px;
  position: relative;
  -webkit-transition: 0.15s ease all;
  -o-transition: 0.15s ease all;
  transition: 0.15s ease all;
}

section.vervolg.content .wrapper .wysiwyg ul.social li:hover {
  -webkit-transform: translateY(-3px) scale(1.1);
  -ms-transform: translateY(-3px) scale(1.1);
  transform: translateY(-3px) scale(1.1);
}

section.vervolg.content .wrapper .wysiwyg ul.social li a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}

section.vervolg.content .wrapper .wysiwyg ul.social li.youtube {
  background-image: url("assets/images/youtube_blue.png");
}

section.vervolg.content .wrapper .wysiwyg ul.social li.instagram {
  background-image: url("assets/images/instagram_blue.png");
}

section.vervolg.content .wrapper .wysiwyg ul.social li.facebook {
  background-image: url("assets/images/facebook_blue.png");
}

section.vervolg.content .wrapper .wysiwyg ul.social li.twitter {
  background-image: url("assets/images/twitter_blue.png");
}

section.vervolg.content .wrapper .wysiwyg ul.social li.spotify {
  background-image: url("assets/images/spotify_blue.png");
}

section.vervolg.content .wrapper .wysiwyg .videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  margin-top: 50px;
  height: 0;
}

section.vervolg.content .wrapper .wysiwyg .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Newsletter Popup
-------------------------*/
.newsletter-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 25;
  opacity: 0;
  -webkit-transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
  transition: 0.5s ease all;
  -webkit-transform: scale(0.9) translateY(-50px);
  -ms-transform: scale(0.9) translateY(-50px);
  transform: scale(0.9) translateY(-50px);
}

.newsletter-popup.active {
  opacity: 1;
  -webkit-transform: scale(1) translateY(0px);
  -ms-transform: scale(1) translateY(0px);
  transform: scale(1) translateY(0px);
}

.newsletter-popup.active .content {
  pointer-events: auto;
}

.newsletter-popup.active .content > h2 {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition-delay: .1s;
  -o-transition-delay: .1s;
  transition-delay: .1s;
  opacity: 1;
  pointer-events: none;
}

.newsletter-popup.active .content .overflow-hider h2 {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition-delay: .1s;
  -o-transition-delay: .1s;
  transition-delay: .1s;
  opacity: 1;
}

.newsletter-popup .content {
  width: 80%;
  height: auto;
  max-width: 550px;
  display: -ms-grid;
  display: grid;
  grid-template-areas: "popup";
  margin-right: 50px;
  position: relative;
}

.newsletter-popup .content .close {
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  position: absolute;
  right: 0;
  top: 50px;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
  border-radius: 50px;
  -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  z-index: 8;
}

.newsletter-popup .content .close:before {
  content: "";
  width: 20px;
  height: 3px;
  background-color: #05022b;
  display: block;
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 10px);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 2px;
  -webkit-transition: 0.15s ease all;
  -o-transition: 0.15s ease all;
  transition: 0.15s ease all;
}

.newsletter-popup .content .close:after {
  content: "";
  width: 20px;
  height: 3px;
  background-color: #05022b;
  display: block;
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 10px);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-radius: 2px;
  -webkit-transition: 0.15s ease all;
  -o-transition: 0.15s ease all;
  transition: 0.15s ease all;
}

.newsletter-popup .content .close:hover:before, .newsletter-popup .content .close:hover:after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.newsletter-popup .content > h2 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: popup;
  color: #ffffff;
  padding-top: 50px;
  padding-right: 100px;
  -webkit-transform: translateX(-75px);
  -ms-transform: translateX(-75px);
  transform: translateX(-75px);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  -webkit-transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
  transition: 0.5s ease all;
  opacity: 0;
}

.newsletter-popup .content .overflow-hider {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: popup;
  margin-left: 102px;
  background-color: #ffffff;
  overflow: hidden;
}

.newsletter-popup .content .overflow-hider h2 {
  color: #111079;
  margin-left: -102px;
  padding-top: 50px;
  padding-right: 100px;
  -webkit-transform: translateX(-75px);
  -ms-transform: translateX(-75px);
  transform: translateX(-75px);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #111079;
  -webkit-transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
  transition: 0.5s ease all;
  opacity: 0;
}

.newsletter-popup .content .overflow-hider form {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: popup;
  padding: 35px 50px 50px;
  margin: 0;
}

.newsletter-popup .content .overflow-hider form input[type="text"], .newsletter-popup .content .overflow-hider form input[type="email"] {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #05022b;
  padding: 0;
  -webkit-transition: 0.15s ease all;
  -o-transition: 0.15s ease all;
  transition: 0.15s ease all;
}

.newsletter-popup .content .overflow-hider form input[type="text"]:focus, .newsletter-popup .content .overflow-hider form input[type="email"]:focus {
  border-bottom: 1px solid #e8413c;
}

.newsletter-popup .content .overflow-hider form button, .newsletter-popup .content .overflow-hider form input[type="submit"] {
  display: block;
  margin-left: auto;
  background-color: transparent;
  color: #e8413c;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  padding: 0;
  margin-top: 50px;
  outline: none;
}

.newsletter-popup .content .overflow-hider form button:before, .newsletter-popup .content .overflow-hider form input[type="submit"]:before {
  content: "";
  width: 100%;
  height: 2px;
  display: block;
  background-color: #e8413c;
  position: absolute;
  bottom: -3px;
  -webkit-transition: 0.15s ease all;
  -o-transition: 0.15s ease all;
  transition: 0.15s ease all;
}

.newsletter-popup .content .overflow-hider form button:after, .newsletter-popup .content .overflow-hider form input[type="submit"]:after {
  content: "";
  width: 100%;
  height: 0px;
  display: block;
  background-color: #111079;
  position: absolute;
  bottom: -3px;
  -webkit-transition: 0.15s ease all;
  -o-transition: 0.15s ease all;
  transition: 0.15s ease all;
}

.newsletter-popup .content .overflow-hider form button:hover:before, .newsletter-popup .content .overflow-hider form input[type="submit"]:hover:before {
  bottom: -5px;
}

.newsletter-popup .content .overflow-hider form button:hover:after, .newsletter-popup .content .overflow-hider form input[type="submit"]:hover:after {
  bottom: -5px;
  height: 2px;
}

/* Footer
-------------------------*/
footer {
  position: relative;
  background-color: #05022b;
  padding: 75px 0;
  z-index: 3;
}

footer .first-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}

footer .first-row:before {
  content: none;
}

footer .first-row .columns {
  width: 100%;
}

footer .newsletter {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
  width: 100%;
  max-width: 500px;
}

footer .newsletter h3 {
  font-family: "Ulm Grotesk", sans-serif;
  color: #ffffff;
  letter-spacing: 0.05em;
  margin-top: 13px;
}

footer .newsletter h3 span {
  font-family: "Ulm Grotesk", sans-serif;
  color: #ffffff;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  -webkit-transition: 0.15s ease all;
  -o-transition: 0.15s ease all;
  transition: 0.15s ease all;
  cursor: pointer;
}

footer .newsletter h3 span:hover {
  -webkit-text-fill-color: #ffffff;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
}

footer .social-column {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr auto;
  grid-template-rows: 1fr auto;
}

footer .social-column ul.social {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
  text-align: right;
  margin-bottom: 15px;
}

footer .social-column ul.social li {
  width: 30px;
  height: 30px;
  background-size: contain;
  display: inline-block;
  margin-left: 10px;
  position: relative;
  -webkit-transition: 0.15s ease all;
  -o-transition: 0.15s ease all;
  transition: 0.15s ease all;
}

footer .social-column ul.social li:hover {
  -webkit-transform: translateY(-3px) scale(1.1);
  -ms-transform: translateY(-3px) scale(1.1);
  transform: translateY(-3px) scale(1.1);
}

footer .social-column ul.social li a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}

footer .social-column ul.social li.instagram {
  background-image: url("assets/images/footer_instagram.png");
}

footer .social-column ul.social li.facebook {
  background-image: url("assets/images/footer_facebook.png");
}

footer .social-column ul.social li.twitter {
  background-image: url("assets/images/footer_twitter.png");
}

footer .social-column ul.social li.spotify {
  background-image: url("assets/images/footer_spotify.png");
}

footer p {
  color: #ffffff;
  text-transform: uppercase;
}

footer ul.links {
  margin: 0;
  text-align: right;
}

footer ul.links li {
  display: inline-block;
}

footer ul.links li a {
  color: #ffffff;
  margin-left: 15px;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  -webkit-transition: 0.15s ease all;
  -o-transition: 0.15s ease all;
  transition: 0.15s ease all;
}

footer ul.links li a:hover {
  color: #e8413c;
}

/* Media Queries
-------------------------*/
@media screen and (min-width: 1026px) {
  .phablet {
    display: none !important;
  }
}

@media screen and (min-width: 642px) {
  .mobile-only {
    display: none !important;
  }
}

@media screen and (max-width: 1600px) {
  section.line-up.artists .card.popping .content h3 {
    font-size: 2em;
  }
}

@media screen and (max-width: 1400px) {
  header .ticket-bar a {
    padding: 0 35px;
  }
  section.line-up.artists .card.popping .content h3 {
    font-size: 1.5em;
  }
  section.area.hostings .hosting:nth-child(even) .columns .image {
    -ms-grid-column: 2;
    -ms-grid-column-span: 8;
    grid-column: 2 / 10;
  }
  section.area.hostings .hosting:nth-child(even) .columns .line-up {
    -ms-grid-column: 7;
    -ms-grid-column-span: 6;
    grid-column: 7 / 13;
  }
  section.area.hostings .hosting:nth-child(odd) .columns .image {
    -ms-grid-column: 4;
    -ms-grid-column-span: 8;
    grid-column: 4 / 12;
  }
  section.area.hostings .hosting:nth-child(odd) .columns .line-up {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1 / 7;
  }
  section.area.hostings .hosting .columns .logo {
    width: 200px;
    height: 200px;
  }
}

@media screen and (max-width: 1025px) {
  .desktop-only {
    display: none !important;
  }
  .row.semi-full {
    padding: 0 5%;
  }
  .label-text {
    display: none;
  }
  header {
    position: fixed;
  }
  header .logo {
    max-width: 150px;
  }
  header .nav-toggle {
    height: 50px;
    padding: 0 25px;
    line-height: 50px;
    font-size: .9em;
  }
  header .tickets {
    display: none;
  }
  header .ticket-bar {
    height: 60px;
  }
  header .ticket-bar a {
    line-height: 60px;
  }
  header .ticket-bar .tickets {
    border: none;
  }
  nav .content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  nav .content ul.main-menu {
    margin-bottom: 25px;
  }
  nav .content ul.main-menu li a {
    font-size: 1.75em;
  }
  nav .content ul.side-menu li {
    text-align: left;
  }
  nav .content ul.side-menu li a {
    font-size: 1.25em;
  }
  nav .content .label-social ul.social {
    text-align: left;
  }
  nav .content .label-social ul.social li {
    margin-left: 0px;
    margin-right: 15px;
    width: 35px;
    height: 35px;
  }
  section h2.head {
    font-size: 2.5em;
  }
  section.intro h1 {
    font-size: 3em !important;
  }
  section.home.intro .bottom-gifs, section.home.intro .top-gifs {
    display: none;
  }
  section.home.intro .text-container .lines h1 {
    font-size: 4.5em !important;
  }
  section.home.about h3 span {
    font-size: 1.5em;
  }
  section.home.artists {
    padding-top: 150px;
  }
  section.home.artists ul.artists {
    -webkit-transform: translateX(calc(50vw - 25vw));
    -ms-transform: translateX(calc(50vw - 25vw));
    transform: translateX(calc(50vw - 25vw));
  }
  section.home.artists ul.artists > li {
    width: calc(50vw - 30px);
    margin: 0 15px;
  }
  section.home.artists ul.artists > li .card .content {
    bottom: 20px;
    left: 25px;
    width: calc(100% - 50px);
  }
  section.home.artists ul.artists > li .card .content h4 {
    padding-right: 0px;
    display: block;
    font-size: 1em;
  }
  section.home.artists .card h3 {
    font-size: 1.5em;
  }
  section.home.camping .video-container h3 {
    font-size: 2em;
  }
  section.home.link-bar .bar ul.links li {
    padding: 0;
  }
  section.home.link-bar .bar ul.links li a {
    padding: 20px 30px;
  }
  section.home.updates .card h4 {
    font-size: 1em;
  }
  section.line-up.artists .card.popping .content h3 {
    font-size: 1.25em;
  }
  section.camping.video .video-container h3 {
    font-size: 3em;
  }
  section.camping.video .text {
    padding: 50px;
    width: 65%;
  }
  section.camping.video .text p {
    line-height: 2em;
  }
  section.camping.activities {
    margin-bottom: 150px;
  }
  section.camping.tents h2 {
    font-size: 3em;
  }
  section.camping.tents .bar {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    overflow: hidden;
  }
  section.camping.tents .bar h4 {
    font-size: 1em;
  }
  section.camping.tents .tent-container .card .content .price {
    font-size: 1em;
  }
  section.camping.tents .tent-container .card .content h4 {
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 1.25em;
  }
  section.practical.intro {
    margin-bottom: 100px;
  }
  section.practical.main-categories {
    margin-bottom: 50px;
  }
  section.practical.main-categories .row {
    margin-left: 5%;
    padding-left: 0px;
    padding-right: 50px;
    white-space: nowrap;
    width: 92%;
    padding-right: 0%;
    overflow-x: auto;
    /* Track */
    /* Handle */
    /* Handle on hover */
  }
  section.practical.main-categories .row:before, section.practical.main-categories .row:after {
    content: none;
  }
  section.practical.main-categories .row::-webkit-scrollbar {
    height: 2px;
  }
  section.practical.main-categories .row::-webkit-scrollbar-track {
    background: #f2f2f2;
  }
  section.practical.main-categories .row::-webkit-scrollbar-thumb {
    background: #d81f19;
  }
  section.practical.main-categories .row::-webkit-scrollbar-thumb:hover {
    background: #e52b25;
  }
  section.practical.main-categories .category {
    min-width: 200px;
    margin-right: 25px;
    background-size: cover;
    background-position: center;
  }
  section.practical.main-categories .category:after {
    padding-bottom: 50%;
  }
  section.practical.main-categories .category .content {
    bottom: 20px;
    left: 25px;
  }
  section.practical.main-categories .category .content h4 {
    margin: 0;
    font-size: 1.25em;
  }
  section.practical.faq .content-container .text-container ul.main-categories {
    display: none;
  }
  section.practical.faq .content-container .text-container .sub-categories {
    display: none;
  }
  section.practical.faq .content-container .text-container .text {
    padding-left: 50px;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-column: 1 / span 5;
    height: auto;
    -webkit-mask-image: none;
    mask-image: none;
  }
  section.practical.faq .content-container .text-container .text div p {
    line-height: 2em;
  }
  section.area.intro h1 {
    font-size: 3em;
  }
  section.area.map .iframe-container {
    min-height: 500px;
  }
  section.area.hostings h1 {
    font-size: 3em;
  }
  section.area.hostings .hosting {
    margin-bottom: 50px;
  }
  section.area.hostings .hosting:nth-child(even) .columns .image {
    -ms-grid-column: 2;
    -ms-grid-column-span: 9;
    grid-column: 2 / 11;
  }
  section.area.hostings .hosting:nth-child(even) .columns .line-up {
    -ms-grid-column: 7;
    -ms-grid-column-span: 6;
    grid-column: 7 / 13;
  }
  section.area.hostings .hosting:nth-child(odd) .columns .image {
    -ms-grid-column: 3;
    -ms-grid-column-span: 9;
    grid-column: 3 / 12;
  }
  section.area.hostings .hosting:nth-child(odd) .columns .line-up {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1 / 7;
  }
  section.area.hostings .hosting .columns .logo {
    width: 150px;
    height: 150px;
  }
  section.area.hostings .hosting .columns .line-up {
    -ms-grid-row: 2;
    grid-row: 2;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  section.off-canvas {
    width: 90vw;
  }
  footer .first-row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  footer .first-row .newsletter .icon {
    width: 25px;
  }
}

@media screen and (max-width: 850px) {
  section.area.hostings .hosting:nth-child(even) .columns .image {
    -ms-grid-column: 2;
    -ms-grid-column-span: 9;
    grid-column: 2 / 11;
  }
  section.area.hostings .hosting:nth-child(even) .columns .line-up {
    -ms-grid-column: 5;
    -ms-grid-column-span: 8;
    grid-column: 5 / 13;
  }
  section.area.hostings .hosting:nth-child(odd) .columns .image {
    -ms-grid-column: 3;
    -ms-grid-column-span: 9;
    grid-column: 3 / 12;
  }
  section.area.hostings .hosting:nth-child(odd) .columns .line-up {
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    grid-column: 1 / 9;
  }
  section.area.hostings .hosting .columns .logo {
    width: 150px;
    height: 150px;
  }
  section.area.hostings .hosting .columns .line-up {
    -ms-grid-row: 2;
    grid-row: 2;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
  }
}

@media screen and (max-width: 641px) {
  .tablet-up {
    display: none !important;
  }
  .top.header-bar {
    height: 10px;
  }
  .right.header-bar {
    width: 10px;
  }
  .bottom.header-bar {
    height: 10px;
  }
  .left.header-bar {
    width: 10px;
  }
  header .logo {
    max-width: 100px;
    top: 25px;
    left: 25px;
  }
  header .hamburger {
    top: 25px;
    right: 25px;
    width: 35px;
    height: 35px;
  }
  header .hamburger .line {
    height: 2px;
    width: 14px;
    left: calc(50% - 8px);
  }
  header .hamburger .line.line1 {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  header .hamburger .line.line3 {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
  }
  header .ticket-bar {
    height: 50px;
  }
  header .ticket-bar a {
    line-height: 50px;
    font-size: .9em;
  }
  header .ticket-bar .tickets {
    border: none;
  }
  nav .content ul.menu {
    margin-bottom: 25px;
  }
  nav .content ul.menu li a {
    font-size: 2em;
  }
  nav .content .label-social ul.social li {
    width: 35px;
    height: 35px;
  }
  section.intro h1 {
    font-size: 2em !important;
  }
  section h2.head {
    font-size: 1.75em;
  }
  section a.button {
    padding: 15px 20px;
  }
  section.home.intro .bottom-gifs {
    -ms-grid-rows: (1fr)[6];
    grid-template-rows: repeat(6, 1fr);
    -ms-grid-columns: (1fr)[8];
    grid-template-columns: repeat(8, 1fr);
  }
  section.home.intro .bottom-gifs .row-1-live-music {
    -ms-grid-column: 4;
    grid-column-start: 4;
    -ms-grid-row: 2;
    grid-row-start: 2;
  }
  section.home.intro .bottom-gifs .row-1-electronic-soul {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
  }
  section.home.intro .bottom-gifs .row-2-date {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 2;
    grid-row-start: 2;
  }
  section.home.intro .bottom-gifs .row-2-location {
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-row: 1;
    grid-row-start: 1;
  }
  section.home.intro .bottom-gifs .row-3-live-music {
    -ms-grid-column: 5;
    grid-column-start: 5;
    -ms-grid-row: 3;
    grid-row-start: 3;
  }
  section.home.intro .bottom-gifs .row-3-electronic-soul {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row: 4;
    grid-row-start: 4;
  }
  section.home.intro .bottom-gifs .row-4-date {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row: 4;
    grid-row-start: 4;
  }
  section.home.intro .bottom-gifs .row-4-location {
    -ms-grid-column: 6;
    grid-column-start: 6;
    -ms-grid-row: 4;
    grid-row-start: 4;
  }
  section.home.intro .top-gifs {
    -ms-grid-rows: (1fr)[6];
    grid-template-rows: repeat(6, 1fr);
    -ms-grid-columns: (1fr)[8];
    grid-template-columns: repeat(8, 1fr);
  }
  section.home.intro .top-gifs .row-1-live-music {
    -ms-grid-column: 4;
    grid-column-start: 4;
    -ms-grid-row: 3;
    grid-row-start: 3;
  }
  section.home.intro .top-gifs .row-1-electronic-soul {
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-row: 3;
    grid-row-start: 3;
  }
  section.home.intro .top-gifs .row-2-date {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row: 3;
    grid-row-start: 3;
  }
  section.home.intro .top-gifs .row-2-location {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row: 3;
    grid-row-start: 3;
  }
  section.home.intro .top-gifs .row-3-live-music {
    -ms-grid-column: 6;
    grid-column-start: 6;
    -ms-grid-row: 4;
    grid-row-start: 4;
  }
  section.home.intro .top-gifs .row-3-electronic-soul {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 2;
    grid-row-start: 2;
  }
  section.home.intro .top-gifs .row-4-date {
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-row: 3;
    grid-row-start: 3;
  }
  section.home.intro .top-gifs .row-4-location {
    -ms-grid-column: 5;
    grid-column-start: 5;
    -ms-grid-row: 3;
    grid-row-start: 3;
  }
  section.home.intro .text-container .lines h1 {
    font-size: 3.5em !important;
  }
  section.home.about h3 span {
    font-size: 1em;
  }
  section.home.artists ul.artists {
    -webkit-transform: translateX(calc((10vw + 10px) - 0%));
    -ms-transform: translateX(calc((10vw + 10px) - 0%));
    transform: translateX(calc((10vw + 10px) - 0%));
  }
  section.home.artists ul.artists .background-line {
    -webkit-transform: translateX(-10vw);
    -ms-transform: translateX(-10vw);
    transform: translateX(-10vw);
  }
  section.home.artists ul.artists > li {
    width: calc(80% - 20px);
    margin: 0 10px;
  }
  section.home.artists ul.artists > li .content h4 {
    white-space: normal;
  }
  section.home.camping .video-container h3 {
    font-size: 1.5em;
  }
  section.home.link-bar .bar ul.links li {
    width: 100%;
  }
  section.home.link-bar .bar ul.links li h4 {
    font-size: 16px;
    padding: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }
  section.home.updates .card .content {
    bottom: 20px;
    left: 25px;
  }
  section.home.updates .card .content h4 {
    font-size: 1.25em;
  }
  section.line-up.intro {
    margin-bottom: 100px;
  }
  section.line-up.filter .bar {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    height: auto;
  }
  section.line-up.filter .bar h4 {
    font-size: 1.5em;
    line-height: 2.5em;
  }
  section.line-up.filter .bar form {
    margin: 15px;
    height: auto;
  }
  section.line-up.filter .bar form:last-child {
    margin-right: 15px;
    margin-bottom: 25px;
  }
  section.tickets.bar .bar ul.links li a.external {
    padding-right: 50px;
  }
  section.camping.video {
    margin-bottom: 0px;
  }
  section.camping.video .video-container h3 {
    font-size: 1.3em;
  }
  section.camping.video .video-container .play-button {
    width: 34px;
    height: 34px;
    top: calc(50% - 17px);
    right: 15px;
  }
  section.camping.video .video-container .play-button:before {
    width: 34px;
    height: 34px;
  }
  section.camping.video .text {
    position: relative;
    width: 90%;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
    float: right;
    padding: 25px;
  }
  section.camping.video .text p {
    font-size: 0.8em;
  }
  section.camping.activities {
    margin-top: 50px;
  }
  section.camping.activities .activity-slider .slide .card .content {
    bottom: 20px;
    left: 25px;
  }
  section.camping.activities .activity-slider .slide .card .content h4 {
    font-size: 1em;
    margin-bottom: 0px;
    padding-right: 0px;
  }
  section.camping.tents .bar {
    height: auto;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding-bottom: 50px;
  }
  section.camping.tents .tent-container .card .people {
    top: 15px;
    left: 20px;
    padding: 5px 10px;
  }
  section.camping.tents .tent-container .card .content {
    bottom: 15px;
    left: 20px;
  }
  section.practical.faq .content-container {
    margin-left: 0%;
  }
  section.practical.faq .content-container:before {
    margin-left: 0%;
  }
  section.practical.faq .content-container .text-container {
    margin: 0 1em;
  }
  section.practical.faq .content-container .text-container .text {
    padding: 0 10px;
  }
  section.practical.faq .content-container .text-container .text div h2 {
    font-size: 1.75em;
  }
  section.practical.faq .content-container .text-container .text div h4 {
    font-size: 1.25em;
  }
  section.practical.faq .content-container .text-container .text div p {
    font-size: 0.9em;
  }
  section.area.intro h1 {
    font-size: 2em;
  }
  section.area.map .iframe-container .fullscreen {
    width: 60px;
    height: 60px;
    top: auto;
    bottom: -30px;
    left: auto;
    right: -30px;
  }
  section.area.map .iframe-container.fullscreen .fullscreen {
    top: auto;
    bottom: 5px;
    left: auto;
    right: 5px;
  }
  section.area.hostings {
    margin-bottom: 150px;
  }
  section.area.hostings h1 {
    font-size: 2em;
  }
  section.area.hostings .hosting:nth-child(even) .columns .image {
    -ms-grid-column: 2;
    -ms-grid-column-span: 9;
    grid-column: 2 / 11;
  }
  section.area.hostings .hosting:nth-child(even) .columns .line-up {
    -ms-grid-column: 3;
    -ms-grid-column-span: 10;
    grid-column: 3 / 13;
  }
  section.area.hostings .hosting:nth-child(odd) .columns .image {
    -ms-grid-column: 3;
    -ms-grid-column-span: 9;
    grid-column: 3 / 12;
  }
  section.area.hostings .hosting:nth-child(odd) .columns .line-up {
    -ms-grid-column: 1;
    -ms-grid-column-span: 10;
    grid-column: 1 / 11;
  }
  section.area.hostings .hosting .columns .logo {
    width: 150px;
    height: 150px;
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px);
  }
  section.area.hostings .hosting .columns .image {
    -ms-grid-row: 2;
    grid-row: 2;
  }
  section.area.hostings .hosting .columns .line-up {
    -ms-grid-row: 3;
    grid-row: 3;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  section.area.camping .video-container h3 {
    font-size: 2em;
  }
  footer .newsletter {
    margin-bottom: 15px;
  }
  footer .newsletter h3 {
    font-size: 1.5em;
  }
}

@media screen and (max-width: 425px) {
  section.area.hostings .hosting:nth-child(even) .columns .image {
    -ms-grid-column: 2;
    -ms-grid-column-span: 10;
    grid-column: 2 / 12;
  }
  section.area.hostings .hosting:nth-child(even) .columns .line-up {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1 / 13;
  }
  section.area.hostings .hosting:nth-child(odd) .columns .image {
    -ms-grid-column: 2;
    -ms-grid-column-span: 10;
    grid-column: 2 / 12;
  }
  section.area.hostings .hosting:nth-child(odd) .columns .line-up {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1 / 13;
  }
  section.area.hostings .hosting .columns .logo {
    width: 150px;
    height: 150px;
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px);
  }
  section.area.hostings .hosting .columns .image {
    -ms-grid-row: 2;
    grid-row: 2;
  }
  section.area.hostings .hosting .columns .line-up {
    -ms-grid-row: 3;
    grid-row: 3;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  section.area.hostings .hosting .columns .line-up .content {
    padding: 25px;
  }
  section.home.about h3 span {
    font-size: .8em;
  }
}