/* Opilaulamaan.fi 2023 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
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 {
  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"] {
  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;
  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; }

@font-face {
  font-family: 'Socicon';
  src: url("../fonts/Socicon.eot?6abp0d");
  src: url("../fonts/Socicon.eot?6abp0d#iefix") format("embedded-opentype"), url("../fonts/Socicon.woff2?6abp0d") format("woff2"), url("../fonts/Socicon.ttf?6abp0d") format("truetype"), url("../fonts/Socicon.woff?6abp0d") format("woff"), url("../fonts/Socicon.svg?6abp0d#Socicon") format("svg");
  font-weight: normal;
  font-style: normal; }
.socicon-moddb:before {
  content: "\e94b"; }

.socicon-indiedb:before {
  content: "\e94c"; }

.socicon-traxsource:before {
  content: "\e94d"; }

.socicon-gamefor:before {
  content: "\e94e"; }

.socicon-pixiv:before {
  content: "\e94f"; }

.socicon-myanimelist:before {
  content: "\e950"; }

.socicon-blackberry:before {
  content: "\e951"; }

.socicon-wickr:before {
  content: "\e952"; }

.socicon-spip:before {
  content: "\e953"; }

.socicon-napster:before {
  content: "\e954"; }

.socicon-beatport:before {
  content: "\e955"; }

.socicon-hackerone:before {
  content: "\e956"; }

.socicon-hackernews:before {
  content: "\e946"; }

.socicon-smashwords:before {
  content: "\e947"; }

.socicon-kobo:before {
  content: "\e948"; }

.socicon-bookbub:before {
  content: "\e949"; }

.socicon-mailru:before {
  content: "\e94a"; }

.socicon-gitlab:before {
  content: "\e945"; }

.socicon-instructables:before {
  content: "\e944"; }

.socicon-portfolio:before {
  content: "\e943"; }

.socicon-codered:before {
  content: "\e940"; }

.socicon-origin:before {
  content: "\e941"; }

.socicon-nextdoor:before {
  content: "\e942"; }

.socicon-udemy:before {
  content: "\e93f"; }

.socicon-livemaster:before {
  content: "\e93e"; }

.socicon-crunchbase:before {
  content: "\e93b"; }

.socicon-homefy:before {
  content: "\e93c"; }

.socicon-calendly:before {
  content: "\e93d"; }

.socicon-realtor:before {
  content: "\e90f"; }

.socicon-tidal:before {
  content: "\e910"; }

.socicon-qobuz:before {
  content: "\e911"; }

.socicon-natgeo:before {
  content: "\e912"; }

.socicon-mastodon:before {
  content: "\e913"; }

.socicon-unsplash:before {
  content: "\e914"; }

.socicon-homeadvisor:before {
  content: "\e915"; }

.socicon-angieslist:before {
  content: "\e916"; }

.socicon-codepen:before {
  content: "\e917"; }

.socicon-slack:before {
  content: "\e918"; }

.socicon-openaigym:before {
  content: "\e919"; }

.socicon-logmein:before {
  content: "\e91a"; }

.socicon-fiverr:before {
  content: "\e91b"; }

.socicon-gotomeeting:before {
  content: "\e91c"; }

.socicon-aliexpress:before {
  content: "\e91d"; }

.socicon-guru:before {
  content: "\e91e"; }

.socicon-appstore:before {
  content: "\e91f"; }

.socicon-homes:before {
  content: "\e920"; }

.socicon-zoom:before {
  content: "\e921"; }

.socicon-alibaba:before {
  content: "\e922"; }

.socicon-craigslist:before {
  content: "\e923"; }

.socicon-wix:before {
  content: "\e924"; }

.socicon-redfin:before {
  content: "\e925"; }

.socicon-googlecalendar:before {
  content: "\e926"; }

.socicon-shopify:before {
  content: "\e927"; }

.socicon-freelancer:before {
  content: "\e928"; }

.socicon-seedrs:before {
  content: "\e929"; }

.socicon-bing:before {
  content: "\e92a"; }

.socicon-doodle:before {
  content: "\e92b"; }

.socicon-bonanza:before {
  content: "\e92c"; }

.socicon-squarespace:before {
  content: "\e92d"; }

.socicon-toptal:before {
  content: "\e92e"; }

.socicon-gust:before {
  content: "\e92f"; }

.socicon-ask:before {
  content: "\e930"; }

.socicon-trulia:before {
  content: "\e931"; }

.socicon-loomly:before {
  content: "\e932"; }

.socicon-ghost:before {
  content: "\e933"; }

.socicon-upwork:before {
  content: "\e934"; }

.socicon-fundable:before {
  content: "\e935"; }

.socicon-booking:before {
  content: "\e936"; }

.socicon-googlemaps:before {
  content: "\e937"; }

.socicon-zillow:before {
  content: "\e938"; }

.socicon-niconico:before {
  content: "\e939"; }

.socicon-toneden:before {
  content: "\e93a"; }

.socicon-augment:before {
  content: "\e908"; }

.socicon-bitbucket:before {
  content: "\e909"; }

.socicon-fyuse:before {
  content: "\e90a"; }

.socicon-yt-gaming:before {
  content: "\e90b"; }

.socicon-sketchfab:before {
  content: "\e90c"; }

.socicon-mobcrush:before {
  content: "\e90d"; }

.socicon-microsoft:before {
  content: "\e90e"; }

.socicon-pandora:before {
  content: "\e907"; }

.socicon-messenger:before {
  content: "\e906"; }

.socicon-gamewisp:before {
  content: "\e905"; }

.socicon-bloglovin:before {
  content: "\e904"; }

.socicon-tunein:before {
  content: "\e903"; }

.socicon-gamejolt:before {
  content: "\e901"; }

.socicon-trello:before {
  content: "\e902"; }

.socicon-spreadshirt:before {
  content: "\e900"; }

.socicon-500px:before {
  content: "\e000"; }

.socicon-8tracks:before {
  content: "\e001"; }

.socicon-airbnb:before {
  content: "\e002"; }

.socicon-alliance:before {
  content: "\e003"; }

.socicon-amazon:before {
  content: "\e004"; }

.socicon-amplement:before {
  content: "\e005"; }

.socicon-android:before {
  content: "\e006"; }

.socicon-angellist:before {
  content: "\e007"; }

.socicon-apple:before {
  content: "\e008"; }

.socicon-appnet:before {
  content: "\e009"; }

.socicon-baidu:before {
  content: "\e00a"; }

.socicon-bandcamp:before {
  content: "\e00b"; }

.socicon-battlenet:before {
  content: "\e00c"; }

.socicon-mixer:before {
  content: "\e00d"; }

.socicon-bebee:before {
  content: "\e00e"; }

.socicon-bebo:before {
  content: "\e00f"; }

.socicon-behance:before {
  content: "\e010"; }

.socicon-blizzard:before {
  content: "\e011"; }

.socicon-blogger:before {
  content: "\e012"; }

.socicon-buffer:before {
  content: "\e013"; }

.socicon-chrome:before {
  content: "\e014"; }

.socicon-coderwall:before {
  content: "\e015"; }

.socicon-curse:before {
  content: "\e016"; }

.socicon-dailymotion:before {
  content: "\e017"; }

.socicon-deezer:before {
  content: "\e018"; }

.socicon-delicious:before {
  content: "\e019"; }

.socicon-deviantart:before {
  content: "\e01a"; }

.socicon-diablo:before {
  content: "\e01b"; }

.socicon-digg:before {
  content: "\e01c"; }

.socicon-discord:before {
  content: "\e01d"; }

.socicon-disqus:before {
  content: "\e01e"; }

.socicon-douban:before {
  content: "\e01f"; }

.socicon-draugiem:before {
  content: "\e020"; }

.socicon-dribbble:before {
  content: "\e021"; }

.socicon-drupal:before {
  content: "\e022"; }

.socicon-ebay:before {
  content: "\e023"; }

.socicon-ello:before {
  content: "\e024"; }

.socicon-endomodo:before {
  content: "\e025"; }

.socicon-envato:before {
  content: "\e026"; }

.socicon-etsy:before {
  content: "\e027"; }

.socicon-facebook:before {
  content: "\e028"; }

.socicon-feedburner:before {
  content: "\e029"; }

.socicon-filmweb:before {
  content: "\e02a"; }

.socicon-firefox:before {
  content: "\e02b"; }

.socicon-flattr:before {
  content: "\e02c"; }

.socicon-flickr:before {
  content: "\e02d"; }

.socicon-formulr:before {
  content: "\e02e"; }

.socicon-forrst:before {
  content: "\e02f"; }

.socicon-foursquare:before {
  content: "\e030"; }

.socicon-friendfeed:before {
  content: "\e031"; }

.socicon-github:before {
  content: "\e032"; }

.socicon-goodreads:before {
  content: "\e033"; }

.socicon-google:before {
  content: "\e034"; }

.socicon-googlescholar:before {
  content: "\e035"; }

.socicon-googlegroups:before {
  content: "\e036"; }

.socicon-googlephotos:before {
  content: "\e037"; }

.socicon-googleplus:before {
  content: "\e038"; }

.socicon-grooveshark:before {
  content: "\e039"; }

.socicon-hackerrank:before {
  content: "\e03a"; }

.socicon-hearthstone:before {
  content: "\e03b"; }

.socicon-hellocoton:before {
  content: "\e03c"; }

.socicon-heroes:before {
  content: "\e03d"; }

.socicon-smashcast:before {
  content: "\e03e"; }

.socicon-horde:before {
  content: "\e03f"; }

.socicon-houzz:before {
  content: "\e040"; }

.socicon-icq:before {
  content: "\e041"; }

.socicon-identica:before {
  content: "\e042"; }

.socicon-imdb:before {
  content: "\e043"; }

.socicon-instagram:before {
  content: "\e044"; }

.socicon-issuu:before {
  content: "\e045"; }

.socicon-istock:before {
  content: "\e046"; }

.socicon-itunes:before {
  content: "\e047"; }

.socicon-keybase:before {
  content: "\e048"; }

.socicon-lanyrd:before {
  content: "\e049"; }

.socicon-lastfm:before {
  content: "\e04a"; }

.socicon-line:before {
  content: "\e04b"; }

.socicon-linkedin:before {
  content: "\e04c"; }

.socicon-livejournal:before {
  content: "\e04d"; }

.socicon-lyft:before {
  content: "\e04e"; }

.socicon-macos:before {
  content: "\e04f"; }

.socicon-mail:before {
  content: "\e050"; }

.socicon-medium:before {
  content: "\e051"; }

.socicon-meetup:before {
  content: "\e052"; }

.socicon-mixcloud:before {
  content: "\e053"; }

.socicon-modelmayhem:before {
  content: "\e054"; }

.socicon-mumble:before {
  content: "\e055"; }

.socicon-myspace:before {
  content: "\e056"; }

.socicon-newsvine:before {
  content: "\e057"; }

.socicon-nintendo:before {
  content: "\e058"; }

.socicon-npm:before {
  content: "\e059"; }

.socicon-odnoklassniki:before {
  content: "\e05a"; }

.socicon-openid:before {
  content: "\e05b"; }

.socicon-opera:before {
  content: "\e05c"; }

.socicon-outlook:before {
  content: "\e05d"; }

.socicon-overwatch:before {
  content: "\e05e"; }

.socicon-patreon:before {
  content: "\e05f"; }

.socicon-paypal:before {
  content: "\e060"; }

.socicon-periscope:before {
  content: "\e061"; }

.socicon-persona:before {
  content: "\e062"; }

.socicon-pinterest:before {
  content: "\e063"; }

.socicon-play:before {
  content: "\e064"; }

.socicon-player:before {
  content: "\e065"; }

.socicon-playstation:before {
  content: "\e066"; }

.socicon-pocket:before {
  content: "\e067"; }

.socicon-qq:before {
  content: "\e068"; }

.socicon-quora:before {
  content: "\e069"; }

.socicon-raidcall:before {
  content: "\e06a"; }

.socicon-ravelry:before {
  content: "\e06b"; }

.socicon-reddit:before {
  content: "\e06c"; }

.socicon-renren:before {
  content: "\e06d"; }

.socicon-researchgate:before {
  content: "\e06e"; }

.socicon-residentadvisor:before {
  content: "\e06f"; }

.socicon-reverbnation:before {
  content: "\e070"; }

.socicon-rss:before {
  content: "\e071"; }

.socicon-sharethis:before {
  content: "\e072"; }

.socicon-skype:before {
  content: "\e073"; }

.socicon-slideshare:before {
  content: "\e074"; }

.socicon-smugmug:before {
  content: "\e075"; }

.socicon-snapchat:before {
  content: "\e076"; }

.socicon-songkick:before {
  content: "\e077"; }

.socicon-soundcloud:before {
  content: "\e078"; }

.socicon-spotify:before {
  content: "\e079"; }

.socicon-stackexchange:before {
  content: "\e07a"; }

.socicon-stackoverflow:before {
  content: "\e07b"; }

.socicon-starcraft:before {
  content: "\e07c"; }

.socicon-stayfriends:before {
  content: "\e07d"; }

.socicon-steam:before {
  content: "\e07e"; }

.socicon-storehouse:before {
  content: "\e07f"; }

.socicon-strava:before {
  content: "\e080"; }

.socicon-streamjar:before {
  content: "\e081"; }

.socicon-stumbleupon:before {
  content: "\e082"; }

.socicon-swarm:before {
  content: "\e083"; }

.socicon-teamspeak:before {
  content: "\e084"; }

.socicon-teamviewer:before {
  content: "\e085"; }

.socicon-technorati:before {
  content: "\e086"; }

.socicon-telegram:before {
  content: "\e087"; }

.socicon-tripadvisor:before {
  content: "\e088"; }

.socicon-tripit:before {
  content: "\e089"; }

.socicon-triplej:before {
  content: "\e08a"; }

.socicon-tumblr:before {
  content: "\e08b"; }

.socicon-twitch:before {
  content: "\e08c"; }

.socicon-twitter:before {
  content: "\e08d"; }

.socicon-uber:before {
  content: "\e08e"; }

.socicon-ventrilo:before {
  content: "\e08f"; }

.socicon-viadeo:before {
  content: "\e090"; }

.socicon-viber:before {
  content: "\e091"; }

.socicon-viewbug:before {
  content: "\e092"; }

.socicon-vimeo:before {
  content: "\e093"; }

.socicon-vine:before {
  content: "\e094"; }

.socicon-vkontakte:before {
  content: "\e095"; }

.socicon-warcraft:before {
  content: "\e096"; }

.socicon-wechat:before {
  content: "\e097"; }

.socicon-weibo:before {
  content: "\e098"; }

.socicon-whatsapp:before {
  content: "\e099"; }

.socicon-wikipedia:before {
  content: "\e09a"; }

.socicon-windows:before {
  content: "\e09b"; }

.socicon-wordpress:before {
  content: "\e09c"; }

.socicon-wykop:before {
  content: "\e09d"; }

.socicon-xbox:before {
  content: "\e09e"; }

.socicon-xing:before {
  content: "\e09f"; }

.socicon-yahoo:before {
  content: "\e0a0"; }

.socicon-yammer:before {
  content: "\e0a1"; }

.socicon-yandex:before {
  content: "\e0a2"; }

.socicon-yelp:before {
  content: "\e0a3"; }

.socicon-younow:before {
  content: "\e0a4"; }

.socicon-youtube:before {
  content: "\e0a5"; }

.socicon-zapier:before {
  content: "\e0a6"; }

.socicon-zerply:before {
  content: "\e0a7"; }

.socicon-zomato:before {
  content: "\e0a8"; }

.socicon-zynga:before {
  content: "\e0a9"; }

/* mixins */
html * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }

html {
  margin: 0; }

html {
  -webkit-font-smoothing: subpixel-antialiased; }

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px; }

body {
  position: relative;
  margin: 0;
  padding: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

h1, h2, h3, h4 {
  font-family: 'Julius Sans One', sans-serif;
  font-family: 'Quicksand', sans-serif;
  margin: 1em 0 0; }

h1 {
  font-weight: 600;
  font-size: 5em;
  letter-spacing: 1px;
  color: white; }

h2 {
  font-size: 3em;
  font-weight: 100;
  margin-bottom: 1em;
  letter-spacing: 1px; }
  @media screen and (max-width: 480px) {
    h2 {
      font-size: 2.4em; } }

h3 {
  font-weight: 100;
  line-height: 1.4em;
  font-size: 2em; }

h4 {
  font-weight: 600;
  font-size: 1.2em; }

p {
  font-family: 'Roboto Slab', serif;
  line-height: 2.2em;
  font-size: 18px;
  color: black; }
  p.big {
    font-size: 28px;
    line-height: 54px; }
  @media screen and (max-width: 480px) {
    p {
      line-height: 1.8em;
      font-size: 16px; } }

input, textarea, button, a, a:hover, a:active, a:visited {
  outline: none; }

iframe {
  border: none; }

.mobile {
  display: none; }
  @media screen and (max-width: 992px) {
    .mobile {
      display: flex; } }

.place-holder {
  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;
  font-size: 4em;
  margin: 0 auto;
  margin-top: 10vh;
  padding: 0 5vw; }
  @media screen and (max-width: 480px) {
    .place-holder {
      font-size: 7vw; } }
  @media screen and (min-width: 480px) and (max-width: 992px) {
    .place-holder {
      font-size: 5vw; } }

.spot {
  position: absolute !important;
  right: 0;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  width: 13vw;
  min-width: 200px;
  height: 13vw;
  min-height: 200px;
  font-size: 2em;
  color: white;
  font-family: 'Roboto Slab', sans-serif;
  bottom: -3vw;
  background-image: linear-gradient(to right top, #dcade4, #d4b7e7, #cebfe8, #ccc7e6, #cdcee2);
  border: 4px solid #d6d4ec;
  border-width: 4px;
  border-style: solid;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  position: relative; }
  @media screen and (max-width: 480px) {
    .spot {
      width: 13vw;
      min-width: 100px;
      height: 13vw;
      min-height: 100px;
      font-size: 1em;
      bottom: -10vw;
      right: 6vw; } }
  @media only screen and (min-width: 992px) {
    .spot:hover {
      transform: scale(1.1);
      box-shadow: 0 0 20px 20px rgba(255, 255, 255, 0.5);
      cursor: pointer; }
      .spot:hover .content {
        transform: scale(1.2); } }
  .spot .discount {
    font-size: 2em; }
  .spot:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 100%; }
  .spot > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .spot .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
    .spot .content a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      text-decoration: none !important;
      color: inherit !important;
      margin: 0 auto; }

.some-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding: 1em 0; }
  @media only screen and (max-width: 767px) {
    .some-wrapper {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  .some-wrapper:hover .some-btn {
    background-color: rebeccapurple;
    opacity: 1; }

.some-links .some-wrapper {
  padding: 0.5em 0;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important; }
  .some-links .some-wrapper:hover .socicon-youtube {
    background-color: #CC0000; }

.some-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-family: 'Socicon', sans-serif;
  width: 38px;
  height: 38px;
  border-radius: 50px;
  margin-right: 10px;
  background-color: rebeccapurple;
  color: white !important;
  font-size: 1.2em;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  text-decoration: none !important; }
  .some-btn a {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important; }
  .some-btn.spotify {
    background-color: #1ED760 !important; }
  @media only screen and (min-width: 768px) {
    .some-btn {
      background-color: darkgrey;
      opacity: 0.8; }
      .some-btn:hover {
        background-color: rebeccapurple;
        opacity: 1; } }

/* menu */
/* Animated Icons */
.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 80px;
  height: 80px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s; }
  .c-hamburger:focus {
    outline: none; }
  .c-hamburger span {
    display: block;
    position: absolute;
    top: 50%;
    left: 25%;
    right: 25%;
    height: 3px;
    background: #E1E8ED; }
    .c-hamburger span::before, .c-hamburger span::after {
      position: absolute;
      display: block;
      left: 0;
      width: 100%;
      height: 3px;
      background-color: #E1E8ED;
      content: ""; }
    .c-hamburger span::before {
      top: -12px; }
    .c-hamburger span::after {
      bottom: -12px; }

@media screen and (max-width: 1200px) {
  .c-hamburger {
    width: calc(80px - 20px);
    height: calc(80px - 20px); }
    .c-hamburger span {
      top: 50%;
      left: 13px;
      right: 13px; } }
/**
 * Style 0
 *
 * Rotating plus icon 
 * Nothing too fancy, simple transition.
 */
.c-hamburger--plus {
  background-color: transparent; }
  .c-hamburger--plus span {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .c-hamburger--plus span::before {
      top: 0 !important;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
    .c-hamburger--plus span::after {
      display: none; }
  .c-hamburger--plus.is-active {
    background-color: transparent; }
    .c-hamburger--plus.is-active span {
      background-color: transparent;
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg); }

/**
 * Style 1
 *
 * Rotating hamburger icon (rot), that simply rotates 90 degrees when activated.
 * Nothing too fancy, simple transition.
 */
.c-hamburger--rot {
  background-color: transparent; }
  .c-hamburger--rot.is-active {
    background-color: transparent; }
  .c-hamburger--rot span {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }

/**
 * Style 2
 * 
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.c-hamburger--htx {
  background-color: transparent; }
  .c-hamburger--htx span {
    -webkit-transition: background 0s 0.3s;
    -o-transition: background 0s 0.3s;
    transition: background 0s 0.3s; }
    .c-hamburger--htx span::before, .c-hamburger--htx span::after {
      -webkit-transition-duration: 0.3s, 0.3s;
      -o-transition-duration: 0.3s, 0.3s;
      transition-duration: 0.3s, 0.3s;
      -webkit-transition-delay: 0.3s, 0s;
      -o-transition-delay: 0.3s, 0s;
      transition-delay: 0.3s, 0s; }
    .c-hamburger--htx span::before {
      -webkit-transition-property: top, -webkit-transform;
      transition-property: top, -webkit-transform;
      -o-transition-property: top, transform;
      transition-property: top, transform;
      transition-property: top, transform, -webkit-transform; }
    .c-hamburger--htx span::after {
      -webkit-transition-property: bottom, -webkit-transform;
      transition-property: bottom, -webkit-transform;
      -o-transition-property: bottom, transform;
      transition-property: bottom, transform;
      transition-property: bottom, transform, -webkit-transform; }
  .c-hamburger--htx.is-active {
    background-color: transparent; }
    .c-hamburger--htx.is-active span {
      background: none; }
      .c-hamburger--htx.is-active span::before {
        top: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
      .c-hamburger--htx.is-active span::after {
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after {
        -webkit-transition-delay: 0s, 0.3s;
        -o-transition-delay: 0s, 0.3s;
        transition-delay: 0s, 0.3s; }

/**
 * Style 3
 *
 * Hamburger to left-arrow (htla). Hamburger menu transforms to a left-pointing
 * arrow. Usually indicates an off canvas menu sliding in from left that
 * will be close on re-click of the icon.
 */
.c-hamburger--htla {
  background-color: #32dc64; }
  .c-hamburger--htla span {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s; }
    .c-hamburger--htla span::before {
      -webkit-transform-origin: top right;
      -ms-transform-origin: top right;
      transform-origin: top right;
      -webkit-transition: width 0.3s, top 0.3s, -webkit-transform 0.3s;
      transition: width 0.3s, top 0.3s, -webkit-transform 0.3s;
      -o-transition: transform 0.3s, width 0.3s, top 0.3s;
      transition: transform 0.3s, width 0.3s, top 0.3s;
      transition: transform 0.3s, width 0.3s, top 0.3s, -webkit-transform 0.3s; }
    .c-hamburger--htla span::after {
      -webkit-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
      transform-origin: bottom right;
      -webkit-transition: width 0.3s, bottom 0.3s, -webkit-transform 0.3s;
      transition: width 0.3s, bottom 0.3s, -webkit-transform 0.3s;
      -o-transition: transform 0.3s, width 0.3s, bottom 0.3s;
      transition: transform 0.3s, width 0.3s, bottom 0.3s;
      transition: transform 0.3s, width 0.3s, bottom 0.3s, -webkit-transform 0.3s; }
  .c-hamburger--htla.is-active {
    background-color: #18903c; }
    .c-hamburger--htla.is-active span {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
      .c-hamburger--htla.is-active span::before, .c-hamburger--htla.is-active span::after {
        width: 50%; }
      .c-hamburger--htla.is-active span::before {
        top: 0;
        -webkit-transform: translateX(38px) translateY(4px) rotate(45deg);
        -ms-transform: translateX(38px) translateY(4px) rotate(45deg);
        transform: translateX(38px) translateY(4px) rotate(45deg); }
      .c-hamburger--htla.is-active span::after {
        bottom: 0;
        -webkit-transform: translateX(38px) translateY(-4px) rotate(-45deg);
        -ms-transform: translateX(38px) translateY(-4px) rotate(-45deg);
        transform: translateX(38px) translateY(-4px) rotate(-45deg); }

/**
 * Style 4
 *
 * Hamburger to right-arrow (htra). Hamburger menu transforms to a
 * right-pointing arrow. Usually indicates an off canvas menu sliding in from 
 * right that will be close on re-click of the icon.
 */
.c-hamburger--htra {
  background-color: #ff9650; }
  .c-hamburger--htra span {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s; }
    .c-hamburger--htra span::before {
      -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
      transform-origin: top left;
      -webkit-transition: width 0.3s, top 0.3s, -webkit-transform 0.3s;
      transition: width 0.3s, top 0.3s, -webkit-transform 0.3s;
      -o-transition: transform 0.3s, width 0.3s, top 0.3s;
      transition: transform 0.3s, width 0.3s, top 0.3s;
      transition: transform 0.3s, width 0.3s, top 0.3s, -webkit-transform 0.3s; }
    .c-hamburger--htra span::after {
      -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
      transform-origin: bottom left;
      -webkit-transition: width 0.3s, bottom 0.3s, -webkit-transform 0.3s;
      transition: width 0.3s, bottom 0.3s, -webkit-transform 0.3s;
      -o-transition: transform 0.3s, width 0.3s, bottom 0.3s;
      transition: transform 0.3s, width 0.3s, bottom 0.3s;
      transition: transform 0.3s, width 0.3s, bottom 0.3s, -webkit-transform 0.3s; }
  .c-hamburger--htra.is-active {
    background-color: #e95d00; }
    .c-hamburger--htra.is-active span {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
      .c-hamburger--htra.is-active span::before, .c-hamburger--htra.is-active span::after {
        width: 50%; }
      .c-hamburger--htra.is-active span::before {
        top: 0;
        -webkit-transform: translateX(-8px) translateY(4px) rotate(-45deg);
        -ms-transform: translateX(-8px) translateY(4px) rotate(-45deg);
        transform: translateX(-8px) translateY(4px) rotate(-45deg); }
      .c-hamburger--htra.is-active span::after {
        bottom: 0;
        -webkit-transform: translateX(-8px) translateY(-4px) rotate(45deg);
        -ms-transform: translateX(-8px) translateY(-4px) rotate(45deg);
        transform: translateX(-8px) translateY(-4px) rotate(45deg); }

.master-wrapper {
  overflow-x: hidden; }

.quote-bg,
.now-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .25;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 80%; }

.quote-bg {
  background-image: url(../img/quote-bg.svg);
  -webkit-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  transform: skewY(2deg); }
  @media screen and (max-width: 767px) {
    .quote-bg {
      background-size: auto; } }

.quote {
  padding: 0;
  background-color: #FAFCFD;
  background-image: -webkit-gradient(linear, left bottom, right top, from(#fafaa0), color-stop(#ffe0ae), color-stop(#ffd2d3), color-stop(#fcd2ed), to(#d6d4ec));
  background-image: -webkit-linear-gradient(left bottom, #fafaa0, #ffe0ae, #ffd2d3, #fcd2ed, #d6d4ec);
  background-image: -o-linear-gradient(left bottom, #fafaa0, #ffe0ae, #ffd2d3, #fcd2ed, #d6d4ec);
  background-image: linear-gradient(to right top, #fafaa0, #ffe0ae, #ffd2d3, #fcd2ed, #d6d4ec);
  -webkit-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  transform: skewY(-2deg); }
  .quote p {
    font-style: italic;
    color: #201d30;
    -webkit-transform: skewY(2deg);
    -ms-transform: skewY(2deg);
    transform: skewY(2deg); }

.now-bg {
  background-image: url(../img/news-bg.svg);
  -webkit-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  transform: skewY(-2deg);
  opacity: .15; }
  @media screen and (max-width: 767px) {
    .now-bg {
      background-size: auto; } }

.now {
  padding: 4em 0;
  background-image: -webkit-gradient(linear, left bottom, right top, from(#dcade4), color-stop(#d4b7e7), color-stop(#cebfe8), color-stop(#ccc7e6), to(#cdcee2));
  background-image: -webkit-linear-gradient(left bottom, #dcade4, #d4b7e7, #cebfe8, #ccc7e6, #cdcee2);
  background-image: -o-linear-gradient(left bottom, #dcade4, #d4b7e7, #cebfe8, #ccc7e6, #cdcee2);
  background-image: linear-gradient(to right top, #dcade4, #d4b7e7, #cebfe8, #ccc7e6, #cdcee2);
  -webkit-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  transform: skewY(2deg); }
  .now h2 {
    margin-top: 0; }
  .now h1, .now h2, .now h3, .now p {
    color: white !important; }
  .now .content * {
    -webkit-transform: skewY(-2deg);
    -ms-transform: skewY(-2deg);
    transform: skewY(-2deg); }

.master-site {
  color: grey;
  /* header */
  /* slick slide styles override */
  /* Slickslider override */ }
  .master-site .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: auto;
    background-position: top center;
    background-repeat: no-repeat; }
  .master-site .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 15vh;
    max-height: 200px;
    min-height: 120px;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
    -webkit-transition: all .2 ease-in-out;
    -o-transition: all .2 ease-in-out;
    transition: all .2 ease-in-out;
    font-family: 'EB Garamond', serif; }
    .master-site .header .menu-btn {
      position: fixed;
      top: 20px;
      right: 48px;
      z-index: 999;
      font-size: 3em;
      cursor: pointer;
      height: 50px;
      width: 50px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      line-height: 50px;
      display: inline-block;
      -webkit-transition: all 530ms cubic-bezier(0.48, 0.03, 0.195, 1.51);
      -o-transition: all 530ms cubic-bezier(0.48, 0.03, 0.195, 1.51);
      transition: all 530ms cubic-bezier(0.48, 0.03, 0.195, 1.51);
      -webkit-transform: scale(1) translateZ(0);
      transform: scale(1) translateZ(0); }
      .master-site .header .menu-btn:before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -5px;
        margin-left: -25px;
        display: block;
        height: 10px;
        width: 50px;
        background: -webkit-linear-gradient(45deg, #1b75bc, #6b5b95, #e94b3c, #fcd146);
        background: -o-linear-gradient(45deg, #1b75bc, #6b5b95, #e94b3c, #fcd146);
        background: linear-gradient(45deg, #1b75bc, #6b5b95, #e94b3c, #fcd146);
        -webkit-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out; }
      .master-site .header .menu-btn:after {
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -5px;
        margin-left: -25px;
        display: block;
        height: 10px;
        width: 50px;
        background: -webkit-linear-gradient(45deg, #1b75bc, #6b5b95, #e94b3c, #fcd146);
        background: -o-linear-gradient(45deg, #1b75bc, #6b5b95, #e94b3c, #fcd146);
        background: linear-gradient(45deg, #1b75bc, #6b5b95, #e94b3c, #fcd146);
        -webkit-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out; }
      .master-site .header .menu-btn:hover:before {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0); }
      .master-site .header .menu-btn:hover:after {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0); }
    .master-site .header.open {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      min-height: 100vh !important;
      height: 100% !important;
      position: fixed !important;
      z-index: 10001;
      opacity: 1 !important;
      background-color: white !important;
      -webkit-transition: all .2 ease-in-out;
      -o-transition: all .2 ease-in-out;
      transition: all .2 ease-in-out; }
      .master-site .header.open ul {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important; }
      @media screen and (max-width: 992px) {
        .master-site .header.open .top-nav {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; } }
      .master-site .header.open .logo-wrapper {
        display: none !important;
        height: 150px;
        width: auto;
        font-size: 2em; }
        .master-site .header.open .logo-wrapper .no-float-logo {
          display: none !important; }
        .master-site .header.open .logo-wrapper .float-logo {
          display: none !important; }
        .master-site .header.open .logo-wrapper.site-logo {
          cursor: pointer; }
          .master-site .header.open .logo-wrapper.site-logo img {
            height: 100%;
            width: auto; }
      .master-site .header.open .c-hamburger span {
        background: black; }
        .master-site .header.open .c-hamburger span::before, .master-site .header.open .c-hamburger span::after {
          background-color: black; }
      .master-site .header.open .c-hamburger.is-active span {
        background: none; }
      .master-site .header.open .inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 50%;
        height: 100%;
        margin: 0; }
        .master-site .header.open .inner .top-nav {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          margin-left: 0;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          font-size: 2em;
          line-height: 2em; }
          .master-site .header.open .inner .top-nav span, .master-site .header.open .inner .top-nav a {
            color: black !important; }
          .master-site .header.open .inner .top-nav .menu-logo {
            display: block;
            height: 130px;
            width: 100%;
            padding: 0 2em; }
        .master-site .header.open .inner.site {
          width: 70%; }
        .master-site .header.open .inner.master {
          -webkit-box-align: end;
          -ms-flex-align: end;
          align-items: flex-end;
          background-color: #f2f2f2; }
          .master-site .header.open .inner.master .main-menu {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; }
            .master-site .header.open .inner.master .main-menu .top-nav {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column;
              -webkit-box-align: end;
              -ms-flex-align: end;
              align-items: flex-end;
              font-size: 3em;
              line-height: 2em; }
        .master-site .header.open .inner .master-menu {
          position: absolute;
          top: 0; }
    .master-site .header .logo-wrapper {
      padding: 10px 20px;
      width: 30%;
      height: 60px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      font-size: 2em;
      letter-spacing: 2px; }
      .master-site .header .logo-wrapper .no-float-logo {
        display: block; }
      .master-site .header .logo-wrapper .float-logo {
        display: none; }
      .master-site .header .logo-wrapper img {
        height: 80px; }
      @media screen and (min-width: 480px) and (max-width: 1200px) {
        .master-site .header .logo-wrapper img {
          height: 50px; } }
      @media screen and (max-width: 480px) {
        .master-site .header .logo-wrapper {
          padding: 0 1em;
          width: 100%; }
          .master-site .header .logo-wrapper img {
            height: 40px; } }
    .master-site .header .inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 auto; }
      .master-site .header .inner.site {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 100%; }
      .master-site .header .inner.master .main-menu {
        display: none; }
    .master-site .header .top-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-left: auto; }
      .master-site .header .top-nav span, .master-site .header .top-nav a {
        padding: 0 2em;
        letter-spacing: 1px;
        color: grey;
        white-space: nowrap; }
    @media screen and (max-width: 992px) {
      .master-site .header .top-nav {
        display: none; } }
    @media screen and (min-width: 2000px) {
      .master-site .header {
        height: 15vh; } }
    .master-site .header ul {
      list-style: none;
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
      .master-site .header ul li, .master-site .header ul a {
        color: grey; }
      .master-site .header ul li:hover a {
        text-decoration: underline; }
    .master-site .header .nav-wrapper {
      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: nowrap;
      flex-wrap: nowrap;
      width: 100%;
      max-width: 1600px;
      padding: 0 2vw;
      margin: 0 auto; }
      @media screen and (min-width: 2000px) {
        .master-site .header .nav-wrapper {
          padding: 0 6vw; } }
      .master-site .header .nav-wrapper .site .inner-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); }
      .master-site .header .nav-wrapper .site-logo img {
        cursor: pointer; }
    .master-site .header .top-nav {
      font-family: 'Roboto Slab', sans-serif;
      padding-right: 1vw; }
      .master-site .header .top-nav .menu-logo {
        display: none;
        -webkit-transform: skewX(30deg);
        -ms-transform: skewX(30deg);
        transform: skewX(30deg); }
      .master-site .header .top-nav span, .master-site .header .top-nav a {
        font-size: 1.2em;
        cursor: pointer; }
        @media screen and (min-width: 1600px) {
          .master-site .header .top-nav span, .master-site .header .top-nav a {
            font-size: 1.4em; } }
        @media screen and (min-width: 992px) and (max-width: 1199px) {
          .master-site .header .top-nav span, .master-site .header .top-nav a {
            font-size: 1.6vw;
            padding: 0 1.5em; } }
      .master-site .header .top-nav .lang {
        cursor: pointer; }
        .master-site .header .top-nav .lang span, .master-site .header .top-nav .lang a {
          padding: 0 5px; }
          @media screen and (min-width: 1600px) {
            .master-site .header .top-nav .lang span, .master-site .header .top-nav .lang a {
              font-size: 0.8em; }
              .master-site .header .top-nav .lang span.active, .master-site .header .top-nav .lang a.active {
                font-size: 1.4em !important; } }
          @media screen and (min-width: 992px) and (max-width: 1200px) {
            .master-site .header .top-nav .lang span, .master-site .header .top-nav .lang a {
              font-size: .8vw; }
              .master-site .header .top-nav .lang span.active, .master-site .header .top-nav .lang a.active {
                font-size: 1.2vw !important; } }
        .master-site .header .top-nav .lang .active {
          font-weight: bold; }
    .master-site .header.open .nav-wrapper {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
      padding: 0;
      height: 100vh;
      background-repeat: no-repeat;
      background-size: 100vw; }
      .master-site .header.open .nav-wrapper .site-logo {
        margin-left: 2em;
        margin-top: -4em; }
    .master-site .header.open .site {
      background-color: gainsboro;
      background-image: -webkit-gradient(linear, left bottom, right top, from(#fafaa0), color-stop(#ffe0ae), color-stop(#ffd2d3), color-stop(#fcd2ed), to(#d6d4ec));
      background-image: -webkit-linear-gradient(left bottom, #fafaa0, #ffe0ae, #ffd2d3, #fcd2ed, #d6d4ec);
      background-image: -o-linear-gradient(left bottom, #fafaa0, #ffe0ae, #ffd2d3, #fcd2ed, #d6d4ec);
      background-image: linear-gradient(to right top, #fafaa0, #ffe0ae, #ffd2d3, #fcd2ed, #d6d4ec);
      -webkit-box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.015);
      box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.015);
      -webkit-transform: skewX(-30deg) translateX(30%);
      -ms-transform: skewX(-30deg) translateX(30%);
      transform: skewX(-30deg) translateX(30%);
      z-index: 2;
      -webkit-transition: -webkit-transform .2s ease-in-out;
      transition: -webkit-transform .2s ease-in-out;
      -o-transition: transform .2s ease-in-out;
      transition: transform .2s ease-in-out;
      transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
      width: 80%; }
      .master-site .header.open .site .inner-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        flex-direction: column;
        -webkit-transform: translateX(-10%) skewX(30deg);
        -ms-transform: translateX(-10%) skewX(30deg);
        transform: translateX(-10%) skewX(30deg);
        -webkit-transition: -webkit-transform .2s ease-in-out;
        transition: -webkit-transform .2s ease-in-out;
        -o-transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
        .master-site .header.open .site .inner-container .top-nav {
          -webkit-transform: skewX(-30deg);
          -ms-transform: skewX(-30deg);
          transform: skewX(-30deg); }
          .master-site .header.open .site .inner-container .top-nav .link {
            -webkit-transform: skewX(30deg);
            -ms-transform: skewX(30deg);
            transform: skewX(30deg); }
            .master-site .header.open .site .inner-container .top-nav .link:hover {
              color: blue !important; }
            .master-site .header.open .site .inner-container .top-nav .link.active a {
              color: rebeccapurple !important; }
          .master-site .header.open .site .inner-container .top-nav .lang {
            -webkit-transform: skewX(-30deg);
            -ms-transform: skewX(-30deg);
            transform: skewX(-30deg);
            padding-left: 1em; }
    .master-site .header.open .master {
      background-color: transparent;
      width: 20%; }
      .master-site .header.open .master .top-nav span, .master-site .header.open .master .top-nav a {
        color: white !important; }
    .master-site .header.open .c-hamburger--htx.is-active {
      position: fixed;
      right: 2vw;
      top: 2vw;
      z-index: 10; }
    .master-site .header.open .top-nav span, .master-site .header.open .top-nav a {
      font-size: 2vw;
      line-height: 3em; }
    @media screen and (max-width: 480px) {
      .master-site .header.open .nav-wrapper .top-nav span, .master-site .header.open .nav-wrapper .top-nav a {
        font-size: 0.7em; }
      .master-site .header.open .nav-wrapper .site {
        width: 100%;
        -webkit-transform: skewX(-5deg) translateX(0);
        -ms-transform: skewX(-5deg) translateX(0);
        transform: skewX(-5deg) translateX(0);
        padding-left: 10%; }
        .master-site .header.open .nav-wrapper .site .inner-container {
          -webkit-transform: translateX(-5%) skewX(5deg);
          -ms-transform: translateX(-5%) skewX(5deg);
          transform: translateX(-5%) skewX(5deg); }
          .master-site .header.open .nav-wrapper .site .inner-container .top-nav {
            -webkit-transform: skewX(-5deg);
            -ms-transform: skewX(-5deg);
            transform: skewX(-5deg); }
            .master-site .header.open .nav-wrapper .site .inner-container .top-nav .link {
              -webkit-transform: skewX(5deg);
              -ms-transform: skewX(5deg);
              transform: skewX(5deg); }
            .master-site .header.open .nav-wrapper .site .inner-container .top-nav .lang {
              -webkit-transform: skewX(5deg);
              -ms-transform: skewX(5deg);
              transform: skewX(5deg);
              padding-left: 1em; }
          .master-site .header.open .nav-wrapper .site .inner-container .menu-logo {
            -webkit-transform: skewX(5deg);
            -ms-transform: skewX(5deg);
            transform: skewX(5deg); }
      .master-site .header.open .nav-wrapper .master {
        display: none; } }
    @media screen and (min-width: 992px) and (max-width: 1199px) {
      .master-site .header.open .nav-wrapper {
        background-position: 0 0;
        background-size: 110%; }
        .master-site .header.open .nav-wrapper .master {
          width: 10%; }
        .master-site .header.open .nav-wrapper .site .top-nav {
          -webkit-transform: skewX(-30deg);
          -ms-transform: skewX(-30deg);
          transform: skewX(-30deg); }
          .master-site .header.open .nav-wrapper .site .top-nav .link {
            -webkit-transform: skewX(30deg);
            -ms-transform: skewX(30deg);
            transform: skewX(30deg); }
          .master-site .header.open .nav-wrapper .site .top-nav .lang {
            -webkit-transform: skewX(30deg);
            -ms-transform: skewX(30deg);
            transform: skewX(30deg);
            padding-left: 1em; }
          .master-site .header.open .nav-wrapper .site .top-nav .menu-logo {
            padding: 0;
            -webkit-transform: skewX(30deg);
            -ms-transform: skewX(30deg);
            transform: skewX(30deg); }
            .master-site .header.open .nav-wrapper .site .top-nav .menu-logo img {
              height: 10vw; } }
    @media screen and (min-width: 480px) and (max-width: 992px) {
      .master-site .header.open .nav-wrapper {
        background-position: 0 0;
        background-size: 150%; }
        .master-site .header.open .nav-wrapper .site {
          width: 150%;
          -webkit-transform: skewX(-20deg) translateX(30%);
          -ms-transform: skewX(-20deg) translateX(30%);
          transform: skewX(-20deg) translateX(30%); }
          .master-site .header.open .nav-wrapper .site .inner-container {
            -webkit-transform: translateX(-20%) skewX(20deg);
            -ms-transform: translateX(-20%) skewX(20deg);
            transform: translateX(-20%) skewX(20deg); }
            .master-site .header.open .nav-wrapper .site .inner-container .top-nav {
              -webkit-transform: skewX(-20deg);
              -ms-transform: skewX(-20deg);
              transform: skewX(-20deg); }
              .master-site .header.open .nav-wrapper .site .inner-container .top-nav .link {
                line-height: normal;
                -webkit-transform: skewX(20deg);
                -ms-transform: skewX(20deg);
                transform: skewX(20deg); }
              .master-site .header.open .nav-wrapper .site .inner-container .top-nav .lang {
                -webkit-transform: skewX(20deg);
                -ms-transform: skewX(20deg);
                transform: skewX(20deg);
                padding-left: 1em; }
              .master-site .header.open .nav-wrapper .site .inner-container .top-nav .menu-logo {
                height: 80px;
                -webkit-transform: skewX(20deg);
                -ms-transform: skewX(20deg);
                transform: skewX(20deg); }
                .master-site .header.open .nav-wrapper .site .inner-container .top-nav .menu-logo img {
                  height: 15vw; } }
    @media screen and (max-width: 480px) {
      .master-site .header {
        height: 60px;
        min-height: 50px; }
        .master-site .header.open .site .inner-container .top-nav {
          -webkit-transform: skewX(0);
          -ms-transform: skewX(0);
          transform: skewX(0); }
          .master-site .header.open .site .inner-container .top-nav .menu-logo {
            padding: 0 1em;
            height: auto; }
            .master-site .header.open .site .inner-container .top-nav .menu-logo img {
              height: 90px; }
          .master-site .header.open .site .inner-container .top-nav .lang {
            -webkit-transform: skewX(0);
            -ms-transform: skewX(0);
            transform: skewX(0);
            padding-left: 1.5em; }
          .master-site .header.open .site .inner-container .top-nav .link {
            -webkit-transform: skewX(0);
            -ms-transform: skewX(0);
            transform: skewX(0); } }
    @media screen and (min-width: 480px) and (max-width: 992px) {
      .master-site .header {
        height: 80px;
        min-height: 80px; }
        .master-site .header.open .site {
          width: 50%; }
          .master-site .header.open .site .inner-container .top-nav {
            width: 50%; }
            .master-site .header.open .site .inner-container .top-nav span, .master-site .header.open .site .inner-container .top-nav a {
              font-size: 0.7em; } }
    @media screen and (min-width: 992px) and (max-width: 1199px) {
      .master-site .header {
        height: 10vh;
        min-height: 80px; }
        .master-site .header.open .site {
          width: 50%; }
          .master-site .header.open .site .inner-container .top-nav {
            width: 50%; }
            .master-site .header.open .site .inner-container .top-nav span, .master-site .header.open .site .inner-container .top-nav a {
              font-size: 0.7em; } }
  .master-site section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .master-site section .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      height: auto;
      width: 100%;
      max-width: 1600px;
      margin: 0 auto; }
      .master-site section .content .float-img {
        padding: 1em 4em 2em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        @media screen and (max-width: 1440px) {
          .master-site section .content .float-img {
            padding: 1vw 5vw 1vw; } }
        .master-site section .content .float-img img {
          width: 40vw;
          max-width: 500px; }
        .master-site section .content .float-img.right {
          float: right;
          padding-right: 0; }
        .master-site section .content .float-img.left {
          float: left;
          padding-left: 0; }
    .master-site section .cell-wrapper {
      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-negative: 0;
      flex-shrink: 0;
      width: 100%; }
      @media screen and (max-width: 767px) {
        .master-site section .cell-wrapper {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
          .master-site section .cell-wrapper .cell {
            width: 100%; } }
      .master-site section .cell-wrapper.columns p {
        column-count: 2;
        -webkit-column-gap: 2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem;
        width: 50%; }
    .master-site section .cell {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 50%; }
      .master-site section .cell:nth-child(0) {
        padding-left: 2em; }
      .master-site section .cell:nth-child(1) {
        padding-right: 2em; }
      .master-site section .cell img {
        max-width: 90%;
        margin: 0 auto; }
        .master-site section .cell img.small {
          max-width: 200px !important; }
    .master-site section h1, .master-site section h2, .master-site section h3 {
      display: block;
      clear: both;
      color: black; }
      .master-site section h1.black, .master-site section h2.black, .master-site section h3.black {
        font-weight: 700; }
    .master-site section h2 {
      line-height: 1.5em;
      margin-top: 0; }
    .master-site section p {
      color: black; }
    .master-site section .contact-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
	.master-site section .contact-wrapper h3 {
		font-weight: normal !important;
	}
      .master-site section .contact-wrapper img {
        max-width: 100%;
        margin: 4em 4em 4em 0; }
        .master-site section .contact-wrapper img.small {
          max-width: 250px !important; }
      @media screen and (max-width: 767px) {
        .master-site section .contact-wrapper {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
          .master-site section .contact-wrapper img {
            max-width: 100%;
            margin: 2em auto; }
            .master-site section .contact-wrapper img.small {
              max-width: 250px !important; } }
    @media screen and (max-width: 767px) {
      .master-site section .contact-details {
        font-size: 1.4em; } }
  .master-site.no-scroll {
    overflow: hidden !important; }
    .master-site.no-scroll .back-top {
      display: none !important; }
    .master-site.no-scroll .master-wrapper {
      overflow: hidden; }
  @media screen and (max-width: 992px) {
    .master-site {
      background-position: top right;
      background-size: 150% 40%; } }
  .master-site a, .master-site a:hover, .master-site a:visited {
    text-decoration: none;
    color: #49588B;
    -ms-flex-item-align: start;
    align-self: flex-start; }
    .master-site a:hover, .master-site a:hover:hover, .master-site a:visited:hover {
      text-decoration: underline; }
    .master-site a.active, .master-site a:hover.active, .master-site a:visited.active {
      color: #49588B !important; }
  .master-site .btn {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    border: 3px solid black;
    border-radius: 50px;
    height: 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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    /*line-height: 52px; 
    text-align: center;
    vertical-align: middle;*/
    background-color: transparent;
    color: inherit;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease; }
    .master-site .btn span, .master-site .btn a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      padding: 0 2em;
      color: inherit; }
    @media screen and (min-width: 768px) {
      .master-site .btn {
        cursor: pointer; }
        .master-site .btn:hover {
          background-color: white;
          color: blue; } }
    .master-site .btn.white {
      border-color: white; }
    .master-site .btn.some-btn {
      font-family: 'Socicon', sans-serif;
      text-decoration: none !important;
      width: 50px;
      height: 50px; }
    .master-site .btn.minimal {
      padding: 0 !important;
      border: none !important;
      color: blue !important;
      width: auto;
      height: auto;
      margin: 0 auto; }
      @media screen and (min-width: 768px) {
        .master-site .btn.minimal:hover {
          background-color: transparent !important; }
          .master-site .btn.minimal:hover span {
            background-color: transparent !important;
            text-decoration: underline; } }
    @media screen and (min-width: 480px) and (max-width: 1199px) {
      .master-site .btn {
        height: 42px;
        border-width: 2px; }
        .master-site .btn span, .master-site .btn a {
          padding: 0 1em; } }
    @media screen and (max-width: 480px) {
      .master-site .btn {
        height: 38px;
        border-width: 2px; }
        .master-site .btn span, .master-site .btn a {
          padding: 0 1em; } }
  .master-site span.icon {
    font-family: 'Socicon', sans-serif;
    text-decoration: none !important; }
  .master-site .slick-slider {
    width: 100%;
    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;
    opacity: 0;
    -webkit-transition: opacity 2s ease;
    -o-transition: opacity 2s ease;
    transition: opacity 2s ease; }
    .master-site .slick-slider.promo .slide-content {
      background-position: 50% 50%;
      background-size: cover;
      background-repeat: no-repeat;
 	-webkit-filter: grayscale(100%);
 	 filter: grayscale(100%); }
      .master-site .slick-slider.promo .slide-content.first {
        background-image: url("../img/opilaulamaan-banner-001.jpg"); }
      .master-site .slick-slider.promo .slide-content.second {
        background-image: url("../img/opilaulamaan-banner-002.jpg"); }
 .master-site .slick-slider.promo .slide-content.third {
        background-image: url("../img/opilaulamaan-banner-003.jpg"); }

    .master-site .slick-slider.slick-initialized {
      opacity: 1; }
    .master-site .slick-slider .slide-content {
      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-pack: distribute;
      justify-content: space-around; }
    .master-site .slick-slider .slide-track {
      height: 100% !important; }
    .master-site .slick-slider .slide-handle {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 30px;
      margin: 0 1em;
      height: 30px;
      cursor: pointer; }
      .master-site .slick-slider .slide-handle img {
        -webkit-transition: opacity .2s ease, -webkit-transform .4s ease-in-out;
        transition: opacity .2s ease, -webkit-transform .4s ease-in-out;
        -o-transition: opacity .2s ease, transform .4s ease-in-out;
        transition: opacity .2s ease, transform .4s ease-in-out;
        transition: opacity .2s ease, transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
        height: 30px;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.8; }
      .master-site .slick-slider .slide-handle.prev {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
      .master-site .slick-slider .slide-handle.next {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg); }
      .master-site .slick-slider .slide-handle:hover img {
        -webkit-transition: opacity .2s ease, -webkit-transform .4s ease-in-out;
        transition: opacity .2s ease, -webkit-transform .4s ease-in-out;
        -o-transition: opacity .2s ease, transform .4s ease-in-out;
        transition: opacity .2s ease, transform .4s ease-in-out;
        transition: opacity .2s ease, transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1; }
  .master-site .slick-slider .slick-list {
    padding: 0 !important; }
  .master-site .slick-dots li {
    width: 37px;
    text-align: center; }
  .master-site .slick-dots li button:before {
    font-size: 13px;
    color: white;
    opacity: 1;
    text-shadow: 0 0 2px black; }
  .master-site .slick-dots li.slick-active button:before {
    color: yellow; }
  .master-site .slick-slider.top {
    margin-top: auto !important;
    overflow: hidden; }
  .master-site .slick-slider .slick-slide {
    outline: none !important; }
  .master-site .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .master-site .slick-initialized .slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .master-site .slick-slider .slick-dots {
    list-style: none;
    z-index: 2;
    text-align: left;
    margin-left: 11%;
    left: 0; }
    @media screen and (max-width: 480px) {
      .master-site .slick-slider .slick-dots {
        margin: 0 auto;
        text-align: center; } }
    @media screen and (min-width: 1200px) {
      .master-site .slick-slider .slick-dots {
        margin-left: 10em;
        text-align: left; } }
  .master-site .slick-slider.promo .slick-dots {
    bottom: -30px; }
  @media screen and (max-width: 992px) {
    .master-site .slick-slider.promo .slick-dots {
      bottom: -4em; } }
  .master-site .slick-slider.customers .slick-dots li button:before {
    color: grey; }
  .master-site .slick-slider.customers .slick-dots li.slick-active button:before {
    color: purple; }
  @media screen and (max-width: 480px) {
    .master-site .slick-slider .slick-list {
      padding: 0 !important; } }
  .master-site .nav-wrapper .c-hamburger.c-hamburger--htx {
    display: none !important; }
    @media screen and (max-width: 992px) {
      .master-site .nav-wrapper .c-hamburger.c-hamburger--htx {
        display: block !important; } }
  .master-site .shadows {
    -webkit-box-shadow: 0 10px 40px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 10px 40px 10px rgba(0, 0, 0, 0.15); }
  .master-site .top-height {
    height: 90vh; }
  .master-site.floating .header:not(.open) {
    position: fixed;
    top: 0;
    min-height: 60px;
    height: 10vh;
    max-height: 120px;
    background-color: white;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); }
    .master-site.floating .header:not(.open) ul li, .master-site.floating .header:not(.open) ul a {
      color: black; }
    .master-site.floating .header:not(.open) ul li.active a {
      color: rebeccapurple;
      font-weight: 600; }
    .master-site.floating .header:not(.open) ul li:hover a {
      text-decoration: underline; }
    .master-site.floating .header:not(.open) .no-float-logo {
      display: none; }
    .master-site.floating .header:not(.open) .float-logo {
      display: block;
      height: 40px; }
      @media screen and (max-width: 480px) {
        .master-site.floating .header:not(.open) .float-logo {
          height: 40px; } }
    .master-site.floating .header:not(.open) .top-nav span, .master-site.floating .header:not(.open) .top-nav a {
      color: black; }
    .master-site.floating .header:not(.open):hover {
      background-color: white; }
    .master-site.floating .header:not(.open) .c-hamburger span {
      background: black; }
      .master-site.floating .header:not(.open) .c-hamburger span::before, .master-site.floating .header:not(.open) .c-hamburger span::after {
        background-color: black; }
    .master-site.floating .header:not(.open) .c-hamburger.is-active span {
      background: none; }
  .master-site .center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    position: relative; }
  .master-site section .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    z-index: 1; }
  .master-site section .content {
    width: 100%;
    max-width: 1600px;
    padding: 5vw 7vw; }
    @media screen and (max-width: 767px) {
      .master-site section .content {
        padding: 4em 7vw; } }
    .master-site section .content h3 {
      font-weight: 600; }
.master-site section .content h3 span {
      font-weight: normal !important; }

  @media screen and (min-width: 992px) {
    .master-site section.aspect {
      position: relative; }
      .master-site section.aspect:before {
        display: block;
        content: " ";
        width: 100%;
        padding-top: 56.25%; }
      .master-site section.aspect > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      .master-site section.aspect .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto; } }
  .master-site section.top {
    padding-top: 15vh;
    position: relative; }
    @media screen and (max-width: 480px) {
      .master-site section.top {
        padding-top: 60px; } }
    @media screen and (min-width: 480px) and (max-width: 1199px) {
      .master-site section.top {
        padding-top: 80px; } }
    .master-site section.top .slick-slider .slick-list {
      display: flex;
      width: 100%; }
    .master-site section.top .slick-slider .slide-content {
      position: relative; }
      .master-site section.top .slick-slider .slide-content:before {
        display: block;
        content: " ";
        width: 100%;
        padding-top: 37.5%; }
      .master-site section.top .slick-slider .slide-content > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      @media screen and (max-width: 480px) {
        .master-site section.top .slick-slider .slide-content {
          position: relative; }
          .master-site section.top .slick-slider .slide-content:before {
            display: block;
            content: " ";
            width: 100%;
            padding-top: 56.25%; }
          .master-site section.top .slick-slider .slide-content > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; } }
      .master-site section.top .slick-slider .slide-content .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto; }
        .master-site section.top .slick-slider .slide-content .content h2, .master-site section.top .slick-slider .slide-content .content h3, .master-site section.top .slick-slider .slide-content .content h4 {
          color: white !important; }
    .master-site section.top .text-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-negative: 0;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      z-index: 2;
      position: absolute;
      width: 100%;
      height: calc(100% - 15vh); }
      .master-site section.top .text-box .content {
        padding: 0;
        height: 100%; }
      .master-site section.top .text-box .wrapper {
        width: 50%;
        max-width: 600px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
        padding: 2em 4em; }
        .master-site section.top .text-box .wrapper span img {
          width: 100%; }
      .master-site section.top .text-box h1 {
        color: white;
        font-weight: normal;
        margin: 0;
        font-size: 3em; }
      @media screen and (max-width: 480px) {
        .master-site section.top .text-box {
          height: calc(100% - 60px); }
          .master-site section.top .text-box .wrapper {
            width: 70%; }
          .master-site section.top .text-box h1 {
            font-size: 1.6em; } }
      @media screen and (min-width: 480px) and (max-width: 1199px) {
        .master-site section.top .text-box {
          height: calc(100% - 80px); }
          .master-site section.top .text-box .wrapper {
            width: 50%; }
          .master-site section.top .text-box h1 {
            font-size: 1.8em; } }
  .master-site section.prices .content h3 span {
    font-size: 0.8em; }
  .master-site section.prices .content .price-row {
    letter-spacing: 1px;
    font-size: 18px;
    font-weight: 600; }
  .master-site section.slogan .content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    min-height: 50px;
    padding: 4em;
    background-color: gainsboro; }
    .master-site section.slogan .content h1, .master-site section.slogan .content h2, .master-site section.slogan .content h3 {
      margin-bottom: 0; }
  .master-site .footer {
    background-color: gainsboro;
    background-image: -webkit-gradient(linear, left bottom, right top, from(#fafaa0), color-stop(#ffe0ae), color-stop(#ffd2d3), color-stop(#fcd2ed), to(#d6d4ec));
    background-image: -webkit-linear-gradient(left bottom, #fafaa0, #ffe0ae, #ffd2d3, #fcd2ed, #d6d4ec);
    background-image: -o-linear-gradient(left bottom, #fafaa0, #ffe0ae, #ffd2d3, #fcd2ed, #d6d4ec);
    background-image: linear-gradient(to right top, #fafaa0, #ffe0ae, #ffd2d3, #fcd2ed, #d6d4ec); }
    .master-site .footer .content {
      background-image: none;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      color: white;
      padding: 5% 0;
      font-size: 0.9em;
      max-width: 1600px;
      height: auto;
      margin: 0 auto; }
      @media screen and (max-width: 480px) {
        .master-site .footer .content {
          padding-top: 10%;
          padding-bottom: 0; } }
      .master-site .footer .content .inner-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 50%; }
        @media screen and (min-width: 480px) and (max-width: 992px) {
          .master-site .footer .content .inner-container {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row; } }
    .master-site .footer .copyright {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 100%;
      color: grey;
      z-index: 1;
      padding: 2% 0;
      min-height: 50px;
      font-family: 'Roboto Slab', serif; }
      .master-site .footer .copyright span {
        padding: 0 0.5em; }
    @media screen and (max-width: 992px) {
      .master-site .footer {
        background-size: 300%; }
        .master-site .footer .content {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
          .master-site .footer .content .inner-cell {
            min-width: 50%;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: auto;
            min-width: 30%; }
          .master-site .footer .content .cell {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            width: 100% !important; }
          .master-site .footer .content .img-wrapper {
            padding: 2em 0; }
            .master-site .footer .content .img-wrapper img {
              width: 100%;
              max-width: 100px; } }
    .master-site .footer .img-wrapper {
      padding: 2em 0; }
      .master-site .footer .img-wrapper img {
        width: 100%;
        max-width: 150px; }

.back-top {
  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;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  color: #FFF;
  font-size: 1.2em;
  position: fixed;
  bottom: 2vh;
  right: 50px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0.7;
  z-index: 1000;
  color: grey;
  background-size: 100%; }
  .back-top img {
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .back-top:hover {
    opacity: 1;
    -webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05); }
  @media screen and (max-width: 480px) {
    .back-top {
      right: 10px; } }

.hide {
  display: none !important; }

.hidden {
  visibility: hidden !important; }