@import url("https://fonts.googleapis.com/css?family=Lato:700,900&subset=latin,latin-ext");
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

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

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

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

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

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

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

td, th { padding: 0; }

html { background-color: black; }

html body { background-color: black; font-size: 16px; font-weight: 900; line-height: 1.6; font-family: 'Lato', sans-serif; color: white; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; }

html body .wrap-fader { opacity: 0; -webkit-transition: opacity 1s ease-in; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; transition: opacity 1s ease-in; }

@media screen and (max-width: 760px) { html body .wrap-fader { opacity: 1; } }

::-moz-selection { background: #71bdd6; }

::selection { background: #71bdd6; }

::-moz-selection { background: #71bdd6; }

img::-moz-selection { background: transparent; }

img::selection { background: transparent; }

img::-moz-selection { background: transparent; }

body { -webkit-tap-highlight-color: #71bdd6; }

a { color: white; text-decoration: none; outline: 0; -webkit-transition: color 100ms ease-in-out; -moz-transition: color 100ms ease-in-out; -o-transition: color 100ms ease-in-out; transition: color 100ms ease-in-out; }

a:hover, a:focus { color: #71bdd6; }

.gigantic, .huge, .large, .bigger, .big, h1, h2, h3, h4, h5, h6 { color: #71bdd6; font-weight: 900; }

.gigantic { font-size: 110px; line-height: 1.09; letter-spacing: -2px; }

.huge, h1 { font-size: 68px; line-height: 1.05; letter-spacing: -1px; }

.large, h2 { font-size: 1.6rem; line-height: 1; text-transform: uppercase; }

.bigger, h3 { font-size: 26px; line-height: 1.38; }

.big, h4 { font-size: 22px; line-height: 1.38; }

.small, small { font-size: 10px; line-height: 1.2; }

p { margin: 0 0 20px 0; }

em { font-style: italic; }

strong { font-weight: 900; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

@-webkit-keyframes borderGrow { from { border-bottom: 0em solid #9db873; }
  to { border-bottom: 0.3em solid #9db873; } }

@-moz-keyframes borderGrow { from { border-bottom: 0em solid #9db873; }
  to { border-bottom: 0.3em solid #9db873; } }

@-o-keyframes borderGrow { from { border-bottom: 0em solid #9db873; }
  to { border-bottom: 0.3em solid #9db873; } }

@keyframes borderGrow { from { border-bottom: 0em solid #9db873; }
  to { border-bottom: 0.3em solid #9db873; } }

.loading { -webkit-animation: bgLoading 1200ms infinite; -moz-animation: bgLoading 1200ms infinite; -o-animation: bgLoading 1200ms infinite; animation: bgLoading 1200ms infinite; }

@-webkit-keyframes bgLoading { 0% { background-color: #8da668; }
  45% { background-color: #66784b; }
  100% { background-color: #8da668; } }

@-moz-keyframes bgLoading { 0% { background-color: #8da668; }
  45% { background-color: #66784b; }
  100% { background-color: #8da668; } }

@-o-keyframes bgLoading { 0% { background-color: #8da668; }
  45% { background-color: #66784b; }
  100% { background-color: #8da668; } }

@keyframes bgLoading { 0% { background-color: #8da668; }
  45% { background-color: #66784b; }
  100% { background-color: #8da668; } }

.flex-video { height: 0; margin-bottom: 0.88889rem; overflow: hidden; padding-bottom: 56%; position: relative; }

.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { height: 100%; position: absolute; top: 0; width: 100%; left: 0; }

header { position: fixed; z-index: 100; }

header .root { display: block; }

header .logo-white { width: 5.5rem; height: auto; margin: 3rem; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; transition: all 150ms ease-out; opacity: 1; }

header .logo-white:hover { opacity: .7; }

header .icon { display: none; }

header ul { position: fixed; right: 0; top: 0; margin: 3rem; padding: 0; }

header ul li { margin-right: 3rem; list-style: none; display: inline-block; -webkit-transition: -webkit-transform 150ms ease-in-out; transition: -webkit-transform 150ms ease-in-out; -moz-transition: transform 150ms ease-in-out, -moz-transform 150ms ease-in-out; -o-transition: transform 150ms ease-in-out, -o-transform 150ms ease-in-out; transition: transform 150ms ease-in-out; transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out, -moz-transform 150ms ease-in-out, -o-transform 150ms ease-in-out; }

header ul li:first-child { display: none; }

header ul li span { position: absolute; bottom: -2px; left: 0; width: 0%; height: .6rem; background: #9db873; -webkit-transition: width 200ms ease-out; -moz-transition: width 200ms ease-out; -o-transition: width 200ms ease-out; transition: width 200ms ease-out; }

header ul li a { font-size: 1.8rem; line-height: 3rem; text-transform: uppercase; position: relative; display: block; position: relative; }

header ul li a:hover span, header ul li a:focus span { width: 100%; }

header ul li:hover, header ul li:focus { -webkit-transform: translate(0, -0.6em); -moz-transform: translate(0, -0.6em); -ms-transform: translate(0, -0.6em); -o-transform: translate(0, -0.6em); transform: translate(0, -0.6em); }

header ul #active-page { pointer-events: none; }

header ul #active-page a { padding-bottom: -30px; position: relative; bottom: .6rem; display: inline; color: #71bdd6; border-bottom: 0.62rem solid #9db873; }

@media screen and (max-width: 820px) { header .logo-white { margin-left: 1.5rem; }
  header ul { margin-right: 0; } }

@media screen and (max-width: 760px) { header ul { display: none; width: 100%; height: 100%; margin: 0; padding-top: 10%; background: black; }
  header ul li { display: block; margin: 2.4rem 0; text-align: center; }
  header ul li:hover, header ul li:focus { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
  header ul li:first-child { display: block; }
  header ul li a { font-size: 2rem; }
  header ul span { display: none; }
  header .icon { display: block; position: fixed; right: 0; top: 0; width: 3rem; height: auto; margin: 3.5rem; cursor: pointer; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; }
  header .burger-menu { opacity: 0; }
  header .x-menu { opacity: 0; width: 3.2rem; top: -2px; }
  header .is-active { opacity: 1; } }

@media screen and (max-width: 580px) { header .logo-white { margin: 1rem; width: 4rem; }
  header .icon { margin: 1rem; width: 2.5rem; } }

section.home-wrap { height: 100vh; position: relative; background-image: url("../img/home-bg.jpg"); background-repeat: no-repeat; background-position: center top; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; }

section.home-wrap .logo { width: 700px; height: auto; position: absolute; top: 50%; left: 50%; margin-left: -350px; margin-top: -190px; }

section.home-wrap #newsletter { width: 37rem; position: absolute; bottom: 15%; left: 50%; margin-left: -19rem; font-size: 1rem; }

section.home-wrap #newsletter input[type="email"] { width: 250px; background-color: transparent; text-transform: uppercase; border: 0.38em solid #71bdd6; padding: .9em 1.5em; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-right: 1rem; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }

section.home-wrap #newsletter input[type="email"]:hover, section.home-wrap #newsletter input[type="email"]:focus { background-color: rgba(0, 0, 0, 0.5); }

section.home-wrap #newsletter input[type="submit"] { text-transform: uppercase; background-color: #9db873; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 1.3em 2.2em; -webkit-transition: background-color 100ms ease-in-out; -moz-transition: background-color 100ms ease-in-out; -o-transition: background-color 100ms ease-in-out; transition: background-color 100ms ease-in-out; }

section.home-wrap #newsletter input[type="submit"]:hover, section.home-wrap #newsletter input[type="submit"]:focus { background-color: #8da668; outline: 0; }

section.home-wrap #newsletter span { display: none; text-transform: uppercase; font-size: 1.1rem; line-height: 1.2; margin-bottom: 1em; text-shadow: 1px 1px black; }

section.home-wrap #newsletter .error { color: Crimson; }

section.home-wrap #newsletter .success { color: #9db873; }

section.home-wrap .social { position: absolute; bottom: 3%; left: 50%; margin: 0 0 0 -200px !important; width: 400px; }

section.home-wrap .social ul { padding: 0; margin: 0; list-style: none; }

section.home-wrap .social li { display: inline-block; }

section.home-wrap .social img { width: auto; height: 22px; margin: 0 12px; opacity: 1; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; }

section.home-wrap .social img:hover { opacity: .8; }

@media screen and (max-width: 1200px) { section.home-wrap .logo { width: 600px; margin-left: -300px; margin-top: -155px; } }

@media screen and (max-width: 760px) { section.home-wrap .logo { width: 500px; margin-left: -250px; margin-top: -160px; } }

@media screen and (max-width: 580px) { section.home-wrap .logo { width: 300px; margin-left: -150px; margin-top: -160px; }
  section.home-wrap #newsletter { width: 80%; position: absolute; bottom: 15%; left: 50%; margin-left: -40%; font-size: .9rem; }
  section.home-wrap #newsletter input[type="email"] { width: 100%; border: 0.38em solid #71bdd6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: .5rem; text-align: center; }
  section.home-wrap #newsletter input[type="submit"] { width: 100%; padding: 1.3em 2.2em; }
  section.home-wrap #newsletter span { font-size: .9rem; }
  section.home-wrap .social { position: absolute; bottom: 3%; left: 50%; margin: 0 0 0 -40% !important; width: 80%; }
  section.home-wrap .social img { margin: 0 8px; } }

section.music-wrap { text-align: center; padding-top: 150px; background-image: url("../img/music-bg.jpg"); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

section.music-wrap .music { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 900px; margin: 0 auto; }

section.music-wrap .music .cover { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 10px; position: relative; max-width: 400px; }

section.music-wrap .music .cover img { width: 100%; height: auto; display: block; -webkit-box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.7); box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.7); }

section.music-wrap .music .cover .description { opacity: 0; position: absolute; width: 100%; height: 100%; z-index: 2; top: 0; background-color: rgba(0, 0, 0, 0.85); -webkit-transition: opacity 200ms ease-in-out; -moz-transition: opacity 200ms ease-in-out; -o-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; }

section.music-wrap .music .cover .description:hover { opacity: 1; }

section.music-wrap .music .cover .description h2 { margin-top: 120px; }

section.music-wrap .music .cover .description .linkfire { position: absolute; bottom: 0; left: 0; right: 0; text-transform: uppercase; color: #9db873; border: 0.38em solid #71bdd6; margin: 60px; padding: .9em 1.5em; font-size: 1.2rem; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }

section.music-wrap .music .cover .description .linkfire:hover { background: #71bdd6; color: white; }

@media screen and (max-width: 856px) { section.music-wrap .music .cover { max-width: 450px; }
  section.music-wrap .music .cover .description { position: static; opacity: 1; background: transparent; width: auto; height: auto; padding: 20px 0 60px 0; }
  section.music-wrap .music .cover .description h2 { display: none; }
  section.music-wrap .music .cover .description .linkfire { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: static; margin: 0; display: block; } }

@media screen and (max-width: 580px) { section.music-wrap { padding-top: 100px; } }

section.videos-wrap { text-align: center; padding: 200px 10px 0; background-image: url("../img/videos-bg.jpg"); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

section.videos-wrap div:nth-last-of-type(2) { margin-bottom: 30px; }

section.videos-wrap .youtube { margin: 0 auto; margin-bottom: 9%; max-width: 1080px; border: 0.4rem solid #71bdd6; background-position: center; background-repeat: no-repeat; -moz-background-size: contain; -o-background-size: contain; background-size: contain; position: relative; overflow: hidden; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; cursor: pointer; }

section.videos-wrap .youtube:before { content: ""; float: left; padding-bottom: 56.25%; }

section.videos-wrap .youtube:after { content: ""; display: table; clear: both; }

section.videos-wrap .youtube:hover .play { background-color: rgba(0, 0, 0, 0.8); }

section.videos-wrap .youtube h2 { position: absolute; width: 100%; top: 55%; color: #9db873; font-size: 1.6rem; z-index: 2; }

section.videos-wrap .youtube .play { background: url("../img/play.svg") no-repeat center center; background-color: rgba(0, 0, 0, 0.66); -moz-background-size: 90px 90px; -o-background-size: 90px 90px; background-size: 90px 90px; position: absolute; height: 100%; width: 100%; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; }

section.videos-wrap iframe { margin-bottom: 9%; border: 0.4rem solid #71bdd6; }

@media screen and (max-width: 580px) { section.videos-wrap { padding: 150px 10px 0; } }

section.tour-wrap { text-align: center; padding-top: 100px; background-image: url("../img/tour-bg.jpg"); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

section.tour-wrap .tour { max-width: 200px; margin: 0 auto; }

section.tour-wrap .tour ul { padding: 0; text-align: left; margin: 90px auto; text-transform: uppercase; color: #9db873; font-size: 1.6rem; line-height: 2.2rem; }

section.tour-wrap .tour li { list-style: none; }

section.tour-wrap .tour li p { margin: 0; padding-left: 48px; }

section.tour-wrap .tour li span { color: #71bdd6; margin-right: 18px; }

section.tour-wrap .tour .tour-month { background: #71bdd6; color: white; padding: 8px; line-height: 100%; margin-bottom: 6px; }

section.tour-wrap .tour ul:last-child { margin-bottom: 16rem; }

@media screen and (max-width: 580px) { section.tour-wrap .tour ul:last-child { margin-bottom: 7rem; } }

section.contact-wrap { text-align: center; padding-top: 250px; background-image: url("../img/contact-bg.jpg"); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

section.contact-wrap .contact { margin-bottom: 7rem; }

section.contact-wrap .last { margin-bottom: 16rem; }

section.contact-wrap h1 { text-transform: uppercase; font-size: 1.8rem; margin: .2rem; }

section.contact-wrap h2 { text-transform: uppercase; opacity: .9; color: #9db873; margin: .3rem; font-size: 2rem; }

section.contact-wrap h3 { margin: .2rem; line-height: 1.1; font-size: 1.8rem; }

section.contact-wrap h3 a { color: #71bdd6; }

@media screen and (max-width: 580px) { section.contact-wrap { padding-top: 200px; }
  section.contact-wrap .last { margin-bottom: 7rem; } }

section.wrap .social { max-width: 400px; margin: 0 auto; padding: 50px 0; }

section.wrap .social ul { padding: 0; margin: 0; list-style: none; }

section.wrap .social ul li { display: inline-block; opacity: 1; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; }

section.wrap .social ul li:hover { opacity: .8; }

section.wrap .social ul img { width: auto; height: 22px; margin: 0 12px; }

@media screen and (max-width: 580px) { section.wrap .social ul img { margin: 0 8px; } }