@charset "UTF-8";
/**
 * Global Reset of all HTML Elements
 *
 * Resetting all of our HTML Elements ensures a smoother
 * visual transition between browsers. If you don't believe me,
 * try temporarily commenting out this block of code, then go
 * and look at Mozilla versus Safari, both good browsers with
 * a good implementation of CSS. The thing is, all browser CSS
 * defaults are different and at the end of the day if visual
 * consistency is what we're shooting for, then we need to
 * make sure we're resetting all spacing elements.
 *
 */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600");
@import url("//hello.myfonts.net/count/324f5e");
html, body {
  border: 0;
  font-family: "Helvetica-Neue", "Helvetica", Arial, sans-serif;
  line-height: 1.5;
  margin: 0;
  padding: 0; }

div, span, object, iframe, img, table, caption, thead, tbody,
tfoot, tr, tr, td, article, aside, canvas, details, figure, hgroup, menu,
nav, footer, header, section, summary, mark, audio, video {
  border: 0;
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cit, code,
del, dfn, em, ins, q, samp, small, strong, sub, sup, b, i, hr, dl, dt, dd,
ol, ul, li, fieldset, legend, label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
  display: block; }

table {
  border-collapse: separate;
  border-spacing: 0; }
  table caption, table th, table td {
    text-align: left;
    vertical-align: middle; }

a img {
  border: 0; }

:focus {
  outline: 0; }

/**
 * @license
 * MyFonts Webfont Build ID 3297118, 2016-10-18T07:31:58-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: KisBT-Regular by ParaType
 * URL: http://www.myfonts.com/fonts/paratype/kis-bt/kis-bt/
 * Copyright: Copyright 1987-1992 as an unpublished work by Bitstream Inc., Cambridge, MA.  All rights reserved Copyright (c) ParaType, Inc., 2005. All rights reserved.
 * 
 * Webfont: FranklinGothicURW-Boo by URW++
 * URL: http://www.myfonts.com/fonts/urw/franklin-gothic/t-book/
 * Copyright: Copyright 2010 URW++ Design & Development Hamburg
 * 
 * Webfont: FranklinGothicURW-BooIta by URW++
 * URL: http://www.myfonts.com/fonts/urw/franklin-gothic/t-book-italic/
 * Copyright: Copyright 2010 URW++ Design & Development Hamburg
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3297118
 * Licensed pageviews: 100,000
 * 
 * © 2016 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'kis';
  src: url("../fonts/324F5E_0_0.eot");
  src: url("../fonts/324F5E_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/324F5E_0_0.woff2") format("woff2"), url("../fonts/324F5E_0_0.woff") format("woff"), url("../fonts/324F5E_0_0.ttf") format("truetype"); }

@font-face {
  font-family: 'fg-book';
  src: url("../fonts/324F5E_1_0.eot");
  src: url("../fonts/324F5E_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/324F5E_1_0.woff2") format("woff2"), url("../fonts/324F5E_1_0.woff") format("woff"), url("../fonts/324F5E_1_0.ttf") format("truetype"); }

@font-face {
  font-family: 'fg-book-italic';
  src: url("../fonts/324F5E_2_0.eot");
  src: url("../fonts/324F5E_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/324F5E_2_0.woff2") format("woff2"), url("../fonts/324F5E_2_0.woff") format("woff"), url("../fonts/324F5E_2_0.ttf") format("truetype"); }

/*  ------------------------------------------------------
   Responsive breakpoints
  ------------------------------------------------------  */
/*
 *  ----------------------------------------------------------------------------
 *    Viewport breakpoints
 *  ----------------------------------------------------------------------------
 *
 *  Based on em, 1em for media queries is the browser's default font-size.
 *  In generic preset to 16px / 14pt.
 *
 *  Why do we use em?
 *  http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw/
 */
/*
 *  ----------------------------------------------------------------------------
 *    Viewport mixin
 *  ----------------------------------------------------------------------------
 *
 *
 *  Sample use:
 *
 *  @include viewport('small-min'){ display: none; }
 *  @include viewport('medium'){  display: none; }
 *  @include viewport('large-max'){  display: none; }
 */
/*
 *  ----------------------------------------------------------------------------
 *    Enable-on-{{specific-viewport}} mixin
 *  ----------------------------------------------------------------------------
 *
 *
 *  Mixin to show - and automaticly hide - elements only on one
 *  specific viewports.
 *
 *  Optional param `display` is preset to `block`.
 *
 *
 *  Sample use:
 *
 *  @include enable-on-small();
 *  @include enable-on-medium(inline-block);
 *  @include disable-on-large();
 *  @include disable-on-extra-large();
 */
/* Small variations */
/* Medium variations */
/* Large variations */
/* Extra large variations */
html, body {
  background: #f9f9f9;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #2a2a2a; }

body.fixed {
  overflow: hidden; }

input, select, textarea {
  font-family: 'Open Sans', sans-serif; }

input[type="radio"] + label {
  margin-right: 73px;
  color: #aea9a9; }
  input[type="radio"] + label:before {
    height: 20px;
    width: 20px;
    margin-right: 10px;
    margin-top: 19px;
    background-size: 20px 20px;
    background-image: url("../img/radio_unchecked.svg"); }
    @media screen and (max-width: 660px) {
      input[type="radio"] + label:before {
        margin-top: 0; } }

input[type="radio"]:checked + label:before {
  background-size: 20px 20px;
  background-image: url("../img/radio_checked.svg"); }

input[type="checkbox"] + label {
  margin-right: 25px;
  line-height: 31px;
  color: #aea9a9; }
  input[type="checkbox"] + label:before {
    height: 12px;
    width: 12px;
    margin-right: 10px;
    margin-top: 0;
    border: 1px solid #2a2a2a;
    background-image: none; }
    @media screen and (max-width: 660px) {
      input[type="checkbox"] + label:before {
        margin-top: 2px;
        margin-bottom: 10px; } }

input[type="checkbox"]:checked + label:before {
  background: url("../img/checkbox_check.svg") 50% 50% no-repeat;
  background-size: 10px 10px; }

input[type="radio"], input[type=checkbox] {
  display: none; }
  input[type="radio"] + label, input[type=checkbox] + label {
    cursor: pointer; }
    input[type="radio"] + label:before, input[type=checkbox] + label:before {
      content: "";
      float: left; }

.logo {
  width: 120px; }

h1 {
  font-size: 35px;
  font-family: 'kis', sans-serif;
  text-transform: uppercase;
  margin-bottom: 20px;
  color: #4a4a4a;
  letter-spacing: 1.5px;
  font-weight: 100; }

h2 {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  margin-bottom: 10px; }

p {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 14px;
  margin: 0;
  padding: 0;
  margin-bottom: 10px; }

h3 {
  text-align: left;
  font-weight: 600;
  font-size: 13px;
  margin: 20px auto;
  padding: 0; }

a {
  text-decoration: none;
  color: #808080;
  display: inline-block; }
  a:hover {
    color: #2a2a2a; }
  a.active {
    color: #2a2a2a;
    font-weight: 600; }
  a.classic {
    text-decoration: underline;
    text-transform: none; }
    a.classic:hover {
      font-weight: 200; }
  a.arrow_up {
    font-size: 16px;
    letter-spacing: 1px;
    position: relative;
    padding-left: 20px;
    background: url("/assets/img/arrow_up.jpg") no-repeat left 50%; }
  a.arrow {
    font-size: 16px;
    letter-spacing: 1px;
    position: relative;
    padding-left: 13px;
    text-align: left;
    background: url("/assets/img/arrow_right.png") no-repeat left 50%; }
  a.arrow_down {
    font-size: 16px;
    position: relative;
    padding-left: 20px;
    background: url("/assets/img/_arrow_down.jpg") no-repeat left 50%; }

.btn {
  background: #fff;
  width: 160px;
  font-size: 11px;
  border: solid 1px #808080;
  text-align: center;
  color: #808080;
  padding: 6px 10px; }
  .btn:hover {
    border: solid 1px #2a2a2a;
    color: #2a2a2a; }
  .btn.btn-dark {
    background-color: #4a4a4b;
    color: #fff; }

.btn-full-width {
  width: 90%;
  border-top: solid 1px #808080;
  position: relative;
  margin: 40px 0;
  margin-left: 2%; }
  .btn-full-width .btn {
    position: absolute;
    top: -14px;
    left: 50%;
    margin-left: -60px; }
  .btn-full-width:hover {
    border-top: solid 1px #2a2a2a; }
    .btn-full-width:hover .btn {
      border: solid 1px #2a2a2a;
      color: #2a2a2a; }

.loader {
  width: 54px;
  margin: auto;
  display: inline-block;
  padding: 20px; }
  .loader.inactive {
    opacity: 0; }

.en, .de {
  display: none; }

header {
  width: 280px;
  height: 100vh;
  background: #fff;
  position: fixed;
  z-index: 1000;
  display: inline-block;
  margin: 0;
  overflow: auto; }
  @media screen and (max-width: 660px) {
    header {
      position: relative;
      background: transparent;
      width: 100%;
      height: 110px;
      overflow: hidden; } }
  header .sub {
    display: none; }
    header .sub a.active {
      color: #2a2a2a; }
      header .sub a.active:hover {
        color: #2a2a2a; }
  header .men .sub_men {
    display: block; }
  header .women .sub_women {
    display: block; }
  header .information .sub_information {
    display: block; }
  header h1 {
    width: 125px;
    margin-left: 60px;
    padding: 21px 0 14px 0; }
    header h1 a {
      display: block; }
    @media screen and (max-width: 660px) {
      header h1 {
        margin: auto; } }
  header .toggle {
    display: none; }
  header nav {
    transition: all 1.2s ease;
    margin-left: 60px;
    margin-top: 10px;
    padding-bottom: 40px; }
    @media screen and (max-width: 660px) {
      header nav {
        position: fixed;
        background: #fff;
        z-index: 1000;
        margin: 0;
        padding: 60px;
        padding-right: 20px;
        padding-top: 20px;
        width: 200px;
        top: 0;
        height: 100vh;
        left: -300px;
        box-shadow: -1px 0px 30px 1px rgba(0, 0, 0, 0.1); }
        header nav.active {
          left: 0; } }
    header nav .nav-logo {
      display: none; }
      @media screen and (max-width: 660px) {
        header nav .nav-logo {
          display: block;
          padding-bottom: 30px; }
          header nav .nav-logo img {
            width: 105px; } }
    header nav .mobile {
      display: none; }
    header nav ul {
      position: relative;
      padding: 0;
      margin: 0;
      list-style: none;
      z-index: 2; }
      header nav ul li {
        font-size: 15px;
        letter-spacing: 1.1px;
        list-style: none;
        padding: 6px 0; }
        @media screen and (max-width: 360px) {
          header nav ul li {
            font-size: 14px;
            padding: 3px 0; } }
        header nav ul li a {
          font-family: 'fg-book';
          text-transform: uppercase;
          display: block; }
          header nav ul li a.active {
            font-family: 'fg-book-italic'; }
        header nav ul li ul {
          margin-left: 40px; }
    header nav .main {
      padding-bottom: 10px;
      margin-bottom: 11px; }
  header.compressed nav {
    display: none; }
  header.compressed.open nav {
    display: block;
    min-width: 240px; }
    header.compressed.open nav .sub {
      position: relative;
      display: block;
      float: left;
      clear: both;
      width: 100%;
      z-index: 5;
      font-size: 6px !important; }
      header.compressed.open nav .sub li {
        margin-left: 126px;
        font-size: 15px;
        text-align: left;
        float: none;
        display: block;
        width: auto; }
        header.compressed.open nav .sub li.mobile {
          display: block; }
        header.compressed.open nav .sub li.mobile-hide {
          display: none !important; }
        header.compressed.open nav .sub li a {
          display: block;
          padding-top: 10px;
          padding-bottom: 11px;
          height: 20px;
          border-bottom: 1px solid #2a2a2a; }
        header.compressed.open nav .sub li:last-child a {
          border-bottom: none; }
    header.compressed.open nav .sub_women {
      margin-top: -410px; }
    header.compressed.open nav .sub_men {
      margin-top: -279px; }
    header.compressed.open nav .sub_information {
      margin-top: -149px; }
    header.compressed.open nav .main li {
      font-size: 15px;
      clear: left;
      text-align: left;
      padding-top: 12px;
      padding-bottom: 95px;
      width: 100%;
      border-top: 1px solid #2a2a2a; }
  header.compressed .toggle {
    display: block;
    position: absolute;
    top: 43px;
    left: 0;
    padding: 9px 10px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    cursor: pointer; }
    header.compressed .toggle .icon-bar {
      background-color: #2a2a2a;
      display: block;
      width: 33px;
      height: 1px;
      border-radius: 1px; }
    header.compressed .toggle .icon-bar + .icon-bar {
      margin-top: 9px; }

.hb {
  width: 20px;
  height: 20px;
  position: fixed;
  left: 15px;
  top: 20px;
  z-index: 10001;
  transform: rotate(0deg);
  cursor: pointer;
  display: none;
  /* Smallest variation */
  /* Small variations */
  /* Medium variations */
  /* Large variations */
  /* Extra large variations */
  display: none;
  /* Smallest variation */
  /* Small variations */
  /* Medium variations */
  /* Large variations */
  /* Extra large variations */ }
  @media (min-width: 48em) and (max-width: 63.9em) {
    .hb {
      display: block; } }
  @media (max-width: 47.9em) {
    .hb {
      display: block; } }

.hb span {
  display: block;
  position: fixed;
  z-index: 1000;
  height: 2px;
  width: 100%;
  background: #000;
  border-radius: 2px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
  display: none;
  /* Smallest variation */
  /* Small variations */
  /* Medium variations */
  /* Large variations */
  /* Extra large variations */ }
  @media (max-width: 47.9em) {
    .hb span {
      display: block; } }

.hb span:nth-child(1) {
  top: 0; }

.hb span:nth-child(2) {
  top: 6px; }

.hb span:nth-child(3) {
  top: 12px; }

.hb.open {
  margin-top: -2px;
  margin-left: -2px; }

.hb.open span:nth-child(1) {
  top: 10px;
  transform: rotate(135deg); }

.hb.open span:nth-child(2) {
  opacity: 0;
  left: -30px; }

.hb.open span:nth-child(3) {
  top: 10px;
  transform: rotate(-135deg); }

.topnav {
  border-bottom: solid 1px #c6c6c6;
  height: 70px;
  line-height: 70px;
  margin-right: 15px;
  margin-left: 0;
  text-align: right;
  font-size: 12px;
  text-transform: uppercase;
  position: relative;
  /* Smallest variation */
  /* Small variations */
  /* Medium variations */
  /* Large variations */
  /* Extra large variations */ }
  @media (max-width: 47.9em) {
    .topnav {
      margin-top: 40px;
      height: 40px;
      line-height: 40px;
      margin-top: 40px; } }
  .topnav.lang-switch {
    padding-right: 40px;
    /* Smallest variation */
    /* Small variations */
    /* Medium variations */
    /* Large variations */
    /* Extra large variations */ }
    @media (max-width: 47.9em) {
      .topnav.lang-switch {
        padding-right: 0; } }
  .topnav .btn-dropdown {
    background: url("../img/select-down.png") 90% 50% no-repeat;
    padding-right: 40px;
    margin: 0 40px;
    /* Smallest variation */
    /* Small variations */
    /* Medium variations */
    /* Large variations */
    /* Extra large variations */
    white-space: nowrap; }
    @media (max-width: 47.9em) {
      .topnav .btn-dropdown {
        margin: 0 35px; } }
    @media screen and (max-width: 330px) {
      .topnav .btn-dropdown {
        margin: 10px !important; } }
    .topnav .btn-dropdown.btn-categories {
      margin-right: 0; }
  .topnav .select-all-models, .topnav .select-categories {
    box-shadow: -1px 0px 30px 1px rgba(0, 0, 0, 0.1);
    display: none;
    text-align: left;
    position: fixed;
    top: -1px;
    right: -1px;
    width: 130px;
    height: 100%;
    overflow-y: auto;
    padding: 20px 35px;
    padding-top: 4px;
    background: #fff; }
    .topnav .select-all-models .list, .topnav .select-categories .list {
      padding: 5px 0;
      border-top: solid 1px #c6c6c6;
      padding-bottom: 40px; }
    .topnav .select-all-models a, .topnav .select-categories a {
      display: block;
      line-height: 1.9; }
    .topnav .select-all-models .btn-dropdown, .topnav .select-categories .btn-dropdown {
      background: url("../img/select-up.png") 80% 47% no-repeat;
      margin: 0 10px;
      margin-left: 0;
      line-height: 70px; }
  .topnav .select-categories {
    right: 150px;
    height: auto; }
    .topnav .select-categories .list {
      padding-bottom: 0; }

section.content {
  padding: 0;
  list-style: none;
  display: inline-block;
  vertical-align: top;
  margin-left: 290px;
  width: calc(100% - 290px);
  max-width: 1600px; }
  @media screen and (max-width: 660px) {
    section.content {
      margin-left: 10px;
      margin-right: 5px;
      width: calc(100% - 15px); } }
  section.content p {
    margin-bottom: 20px; }
  section.content em {
    font-style: italic;
    text-transform: none;
    font-size: 15px; }

.teaser {
  white-space: nowrap;
  height: 31vw;
  overflow: hidden;
  width: calc(100% - 12px); }
  .teaser .teaser-img {
    display: inline-block;
    vertical-align: top;
    margin: 5px 10px; }
    .teaser .teaser-img.first {
      width: calc(67.7% - 20px); }
    .teaser .teaser-img.second {
      width: calc(33.3% - 20px); }
    .teaser .teaser-img img {
      width: 100%; }

.banners {
  width: 100% !important;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 15px; }

.banner {
  width: 32% !important;
  height: 640px;
  display: inline-block;
  float: left;
  margin-left: 0.7%;
  margin-right: 0.6%; }
  @media screen and (max-width: 1600px) {
    .banner {
      height: 35vw; } }

.home-grid {
  width: 100%;
  max-width: 1600px;
  margin-top: 10px;
  /* Smallest variation */
  /* Small variations */
  /* Medium variations */
  /* Large variations */
  /* Extra large variations */ }
  @media (max-width: 47.9em) {
    .home-grid {
      margin-top: 40px;
      height: 40px;
      line-height: 40px; } }
  .home-grid .post, .home-grid .grid-sizer {
    transition: opacity 1s ease;
    opacity: 1;
    width: 25%; }
  .home-grid .post {
    cursor: pointer;
    opacity: 1; }
    .home-grid .post.faded {
      opacity: 0; }
    .home-grid .post .content {
      transition: opacity 1s ease;
      position: relative;
      width: 100%; }
      .home-grid .post .content .home-image {
        margin: 5px 10px;
        width: 98%;
        width: calc(100% - 20px);
        z-index: 0; }
      .home-grid .post .content .icon {
        width: 1.2vw;
        opacity: 0.6;
        position: absolute;
        bottom: 17px;
        right: 17px;
        /* Smallest variation */
        /* Small variations */
        /* Medium variations */
        /* Large variations */
        /* Extra large variations */ }
        @media (max-width: 47.9em) {
          .home-grid .post .content .icon {
            width: 14px;
            bottom: 25px; } }
      .home-grid .post .content .overlay {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        width: calc(100% - 20px);
        height: calc(100% - 10px);
        margin: 0 10px;
        z-index: 0;
        font-size: 0;
        background: rgba(255, 255, 255, 0.7); }
        .home-grid .post .content .overlay .links {
          position: relative;
          top: 50%;
          margin-top: -2px;
          transform: translateY(-50%);
          width: 100%;
          text-align: center; }
        .home-grid .post .content .overlay a {
          transition: all 0.5s ease;
          font-family: 'Open Sans';
          font-style: normal;
          text-transform: uppercase;
          font-size: 14px;
          font-weight: 300;
          color: #2a2a2a;
          margin: 9px 0;
          /* Smallest variation */
          /* Small variations */
          /* Medium variations */
          /* Large variations */
          /* Extra large variations */ }
          @media (max-width: 47.9em) {
            .home-grid .post .content .overlay a {
              font-size: 10px;
              margin: 4px 0; } }
          .home-grid .post .content .overlay a.link-model {
            font-family: 'Kis';
            text-transform: none;
            font-style: normal;
            font-size: 20px;
            letter-spacing: 1.5px;
            /* Smallest variation */
            /* Small variations */
            /* Medium variations */
            /* Large variations */
            /* Extra large variations */ }
            @media (max-width: 47.9em) {
              .home-grid .post .content .overlay a.link-model {
                font-size: 15px;
                line-height: 1.1; } }
          .home-grid .post .content .overlay a:hover {
            color: #000; }
    .home-grid .post.instagram .instagram-footer {
      position: absolute;
      z-index: 2;
      left: 0;
      bottom: 0;
      height: 14px;
      width: calc(100% - 20px);
      margin: 10px;
      padding-top: 3px;
      color: #000;
      font-size: 0.7rem;
      font-weight: bold;
      opacity: 0.8;
      /* Smallest variation */
      /* Small variations */
      /* Medium variations */
      /* Large variations */
      /* Extra large variations */ }
      @media (max-width: 47.9em) {
        .home-grid .post.instagram .instagram-footer {
          bottom: 18px; } }
      .home-grid .post.instagram .instagram-footer span {
        display: inline-block;
        vertical-align: middle; }
      .home-grid .post.instagram .instagram-footer .icon-heart {
        background: url(../img/insta-heart.png);
        background-size: 12px;
        width: 12px;
        height: 11px;
        margin-left: 2px;
        margin-right: 2px; }
      .home-grid .post.instagram .instagram-footer .icon-comment {
        background: url(../img/insta-comment.png);
        background-size: 12px;
        width: 12px;
        height: 11px;
        margin-left: 7px;
        margin-right: 2px; }
      .home-grid .post.instagram .instagram-footer .icon {
        bottom: 6px;
        right: 7px; }

.resp-grid {
  margin: 10px 0;
  padding: 15px;
  list-style: none;
  position: relative;
  width: calc(100% - 30px);
  max-width: 1400px; }
  .resp-grid li {
    position: relative;
    float: left;
    overflow: hidden;
    width: 20%;
    /* Fallback */
    width: calc(100% / 5); }
    .resp-grid li a, .resp-grid li a img {
      display: block;
      width: 97%;
      cursor: pointer; }
      .resp-grid li a:hover:after, .resp-grid li a img:hover:after {
        opacity: 1; }
    .resp-grid li a img {
      max-width: 100%;
      margin-bottom: 35px; }
    .resp-grid li a h3 {
      position: absolute;
      width: 100%;
      text-transform: none;
      font-size: 14px;
      text-align: center;
      margin: 15px 0;
      padding: 0;
      bottom: -3px;
      font-weight: 200; }
    .resp-grid li a:after {
      position: absolute;
      z-index: 99;
      left: 0;
      top: 0;
      right: 0;
      bottom: 35px;
      width: 94%;
      content: "";
      background: rgba(50, 50, 50, 0.2);
      display: -moz-flex;
      display: -ms-flex;
      display: -ms-flexbox;
      display: flex;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center;
      opacity: 0; }
  .resp-grid.big {
    margin: 30px 0 10px 0; }
    .resp-grid.big li {
      position: relative;
      float: left;
      overflow: hidden;
      width: 100% !important; }
      .resp-grid.big li a, .resp-grid.big li img {
        width: 100%; }

.home-grid.gridmode1 .grid-sizer, .home-grid.gridmode1 .post {
  width: 33.3%; }

.home-grid.gridmode1 .post.normal0 {
  width: calc(66.6%); }

.home-banners {
  height: 200px;
  display: block; }

.post.normal0 {
  width: calc(50%);
  margin-bottom: 25px; }

.post.normal1 {
  width: calc(50%);
  margin-bottom: 25px; }

.home-grid.gridmode2 .grid-sizer, .home-grid.gridmode2 .post {
  width: 25%; }

@media screen and (max-width: 1400px) {
  .resp-grid li, .home-grid .grid-sizer, .home-grid .post {
    width: 25%; } }

@media screen and (max-width: 1200px) {
  .resp-grid li, .home-grid .grid-sizer, .home-grid .post {
    width: 33.3%; } }

@media screen and (max-width: 1024px) {
  .resp-grid li, .home-grid .grid-sizer, .home-grid .post {
    width: 50% !important; }
  .home-grid.gridmode2 .post.normal0, .home-grid.gridmode2 .post.normal1, .home-grid.gridmode1 .post.normal0, .home-grid.gridmode1 .post.normal1 {
    width: 100% !important;
    margin-bottom: 0; } }

@media screen and (max-width: 560px) {
  .resp-grid li, .home-grid .grid-sizer, .home-grid .post {
    width: 50% !important; } }

@media screen and (max-width: 130px) {
  .resp-grid li, .home-grid .grid-sizer, .home-grid .post {
    width: 50% !important; }
  header {
    border-bottom: solid 1px #2a2a2a; }
  a.arrow {
    font-size: 20px; }
  section.content p {
    font-size: 20px;
    line-height: 30px;
    text-align: left; } }

@media screen and (max-width: 1024px) {
  .post.banners {
    width: 100% !important; }
    .post.banners .banner {
      width: 30% !important;
      margin-left: 2.5%;
      margin-right: 0; } }

.nav-top {
  height: 70px;
  line-height: 70px;
  border-bottom: solid 1px #c6c6c6;
  margin-right: 15px;
  font-size: 12px;
  padding-left: 15px;
  text-transform: uppercase;
  position: relative;
  /* Smallest variation */
  /* Small variations */
  /* Medium variations */
  /* Large variations */
  /* Extra large variations */ }
  @media (max-width: 47.9em) {
    .nav-top {
      margin-top: 40px;
      height: 40px;
      line-height: 40px; } }
  .nav-top input.input-search {
    float: right;
    margin-top: 20px;
    margin-right: 15px;
    background: url(../img/spyglass.png) 90% 50% no-repeat;
    border: solid 1px #cdcdcd;
    text-transform: uppercase;
    font-style: italic;
    padding: 7px 10px;
    width: 155px;
    /* Smallest variation */
    /* Small variations */
    /* Medium variations */
    /* Large variations */
    /* Extra large variations */ }
    @media (max-width: 47.9em) {
      .nav-top input.input-search {
        margin-top: 0; } }
  .nav-top span, .nav-top a {
    display: inline-block; }
  .nav-top a {
    padding: 0 10px; }
  .nav-top .label {
    font-style: italic;
    padding-right: 20px;
    margin-right: 10px;
    background: url(../img/arrow-gt.png) 100% 50% no-repeat; }
  .nav-top .prev-next {
    position: absolute;
    top: 0;
    right: 20px;
    width: 300px;
    /* Smallest variation */
    /* Small variations */
    /* Medium variations */
    /* Large variations */
    /* Extra large variations */ }
    @media (max-width: 47.9em) {
      .nav-top .prev-next {
        width: auto; } }
  .nav-top .btn-next-model {
    padding-right: 20px;
    background: url(../img/arrow-gt.png) 100% 50% no-repeat;
    /* Smallest variation */
    /* Small variations */
    /* Medium variations */
    /* Large variations */
    /* Extra large variations */ }
  .nav-top .btn-prev-model, .nav-top .back-to-overview {
    padding-left: 20px;
    background: url(../img/arrow-lt.png) 0 50% no-repeat; }
  .nav-top .txt-label {
    display: inline;
    /* Smallest variation */
    /* Small variations */
    /* Medium variations */
    /* Large variations */
    /* Extra large variations */ }
    @media (max-width: 47.9em) {
      .nav-top .txt-label {
        display: none !important; } }

.extra {
  white-space: nowrap;
  float: right;
  padding-right: 30px;
  /* Smallest variation */
  /* Small variations */
  /* Medium variations */
  /* Large variations */
  /* Extra large variations */ }
  @media (max-width: 79.9em) {
    .extra {
      float: none;
      display: block;
      width: 340px;
      padding-top: 40px; } }

.modelspecs {
  max-width: 1400px;
  padding: 15px;
  vertical-align: top; }
  .modelspecs table {
    margin-right: 3%;
    display: inline-block; }
  .modelspecs td {
    padding: 5px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #6c6c6c;
    padding-right: 25px;
    white-space: nowrap;
    /* Smallest variation */
    /* Small variations */
    /* Medium variations */
    /* Large variations */
    /* Extra large variations */ }
    @media (max-width: 47.9em) {
      .modelspecs td {
        padding-right: 5px;
        font-size: 10px; } }
    .modelspecs td:nth-child(2) {
      padding-right: 60px;
      /* Smallest variation */
      /* Small variations */
      /* Medium variations */
      /* Large variations */
      /* Extra large variations */ }
      @media (max-width: 47.9em) {
        .modelspecs td:nth-child(2) {
          padding-right: 10px; } }
    .modelspecs td:nth-child(3), .modelspecs td:first-child {
      font-weight: 400;
      color: #2a2a2a; }
  .modelspecs .social {
    width: 90px;
    padding: 5px;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    margin-right: 3%;
    /* Smallest variation */
    /* Small variations */
    /* Medium variations */
    /* Large variations */
    /* Extra large variations */ }
    .modelspecs .social a {
      height: 19px;
      margin: 5px;
      background-repeat: no-repeat;
      cursor: pointer;
      padding-top: 20px;
      opacity: 0.8; }
      .modelspecs .social a.instagram {
        background-image: url(../img/icon-instagram.svg); }
      .modelspecs .social a.twitter {
        background-image: url(../img/icon-twitter.svg); }
      .modelspecs .social a.facebook {
        background-image: url(../img/icon-facebook.svg); }
      .modelspecs .social a:hover {
        opacity: 1; }
  .modelspecs .btns {
    width: 170px;
    display: inline-block;
    vertical-align: top; }
    .modelspecs .btns .btn {
      margin-bottom: 10px;
      font-family: 'Open Sans', sans-serif;
      font-weight: 300;
      font-size: 11px;
      letter-spacing: 1px;
      text-transform: uppercase;
      background: transparent; }

.blog-grid {
  padding: 15px 5px; }
  .blog-grid h1 {
    margin-bottom: 0;
    margin-left: 10px; }
  @media screen and (max-width: 1024px) {
    .blog-grid {
      padding: 20px; } }
  .blog-grid .square-post {
    width: calc(50vw - 220px);
    height: calc(50vw - 100px);
    max-width: 680px;
    max-height: 800px;
    margin: 10px;
    display: inline-block;
    vertical-align: top; }
    @media screen and (max-width: 1024px) {
      .blog-grid .square-post {
        width: calc(50vw - 190px);
        height: calc(50vw - 80px); } }
    @media screen and (max-width: 800px) {
      .blog-grid .square-post {
        width: calc(100vw - 360px);
        height: calc(100vw - 280px); } }
    @media screen and (max-width: 660px) {
      .blog-grid .square-post {
        width: calc(100vw - 80px);
        height: calc(100vw + 40px); } }
    .blog-grid .square-post .square {
      height: calc(50vw - 220px);
      max-height: 680px;
      overflow: hidden; }
      @media screen and (max-width: 800px) {
        .blog-grid .square-post .square {
          width: calc(100vw - 360px);
          height: calc(100vw - 390px); } }
      @media screen and (max-width: 660px) {
        .blog-grid .square-post .square {
          width: calc(100vw - 80px);
          height: calc(100vw - 80px); } }
      .blog-grid .square-post .square a {
        display: inline; }
      .blog-grid .square-post .square img {
        width: 100%; }
    .blog-grid .square-post .date {
      font-size: 0.8rem;
      margin-top: 8px; }
    .blog-grid .square-post h2 {
      font-size: 24px;
      font-family: 'kis';
      text-transform: uppercase;
      margin: 5px 0;
      color: #2a2a2a;
      font-weight: 300;
      line-height: 1.2;
      max-height: 80px;
      overflow: hidden; }
      .blog-grid .square-post h2 a {
        color: #2a2a2a; }
    .blog-grid .square-post .tags {
      font-size: 0.8rem; }
      .blog-grid .square-post .tags a {
        color: #9b5d26;
        text-transform: none; }

.blog-post {
  padding: 20px 50px;
  width: calc(100% - 100px);
  max-width: 800px; }
  @media screen and (max-width: 1024px) {
    .blog-post {
      width: calc(100% - 40px);
      padding: 20px; } }
  .blog-post.overlay {
    padding-left: 340px;
    width: calc(100% - 370px); }
    @media screen and (max-width: 1024px) {
      .blog-post.overlay {
        width: calc(100% - 390px);
        padding-left: 320px; } }
    @media screen and (max-width: 660px) {
      .blog-post.overlay {
        padding: 20px;
        width: calc(100% - 40px); } }
  @media screen and (max-width: 660px) {
    .blog-post {
      padding: 20px;
      width: calc(100% - 40px); } }
  .blog-post .date {
    font-size: 0.8rem;
    margin-top: 8px; }
  .blog-post h1 {
    margin-top: 15px; }
  .blog-post ul.goto {
    margin: 0;
    list-style: none;
    padding-right: 30px;
    margin-bottom: 80px; }
    .blog-post ul.goto li {
      background: url("../img/arrow-gt.png") 0 50% no-repeat;
      list-style: none;
      display: block;
      padding-right: 20px;
      font-size: 12px;
      line-height: 2.5;
      padding-left: 15px;
      text-transform: uppercase; }
      .blog-post ul.goto li a.social {
        display: inline;
        transition: all 0.6s ease;
        width: 25px;
        height: 19px;
        cursor: pointer;
        opacity: 0.8;
        padding: 15px;
        background-size: 10px; }
      .blog-post ul.goto li a.instagram {
        background: url("../img/icon-instagram.svg") 5px no-repeat; }
      .blog-post ul.goto li a.twitter {
        background: url("../img/icon-twitter.svg") 5px no-repeat; }
      .blog-post ul.goto li a.facebook {
        background: url("../img/icon-facebook.svg") 5px no-repeat; }
      .blog-post ul.goto li a:hover {
        opacity: 1; }
  .blog-post .tags {
    margin: 20px 0;
    font-size: 0.8rem; }
    .blog-post .tags a {
      color: #9b5d26;
      text-transform: none; }
  .blog-post .post-item {
    margin-top: 30px; }
    @media screen and (max-width: 660px) {
      .blog-post .post-item {
        margin-top: 15px; } }
    .blog-post .post-item .caption {
      width: 95%;
      font-size: 12px;
      text-align: center; }
  .blog-post .post-image, .blog-post .post-video {
    width: 95%; }
    @media screen and (max-width: 660px) {
      .blog-post .post-image, .blog-post .post-video {
        width: 100%; } }
  .blog-post .post-video iframe {
    width: 100%;
    height: auto; }

.page-get-scouted {
  padding: 50px;
  max-width: 800px; }
  @media screen and (max-width: 660px) {
    .page-get-scouted {
      padding: 20px; } }
  .page-get-scouted h2 {
    font-size: 28px;
    font-family: 'kis', sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #4a4a4a;
    font-weight: 300;
    margin-top: 40px; }
  .page-get-scouted h4 {
    font-style: italic;
    font-weight: 300;
    text-align: center;
    padding: 5px; }
  .page-get-scouted p.justify {
    text-align: justify; }
  .page-get-scouted .video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%; }
  .page-get-scouted .video iframe, .page-get-scouted .embed-container object, .page-get-scouted .embed-container embed {
    position: absolute;
    width: 100%;
    height: 100%; }
  .page-get-scouted form {
    padding-top: 40px; }
    .page-get-scouted form .label {
      font-family: 'Open Sans', sans-serif;
      font-style: italic;
      font-weight: 300;
      display: inline-block;
      width: 110px;
      line-height: 3.5; }
      @media screen and (max-width: 660px) {
        .page-get-scouted form .label {
          display: block;
          width: 100%;
          line-height: 1.4;
          margin-top: 40px; } }
    .page-get-scouted form .row {
      display: inline-block;
      width: calc(100% - 150px);
      height: 30px;
      margin-top: 10px;
      border-bottom: solid 1px #bababa; }
      @media screen and (max-width: 660px) {
        .page-get-scouted form .row {
          display: block;
          width: 100%; } }
      .page-get-scouted form .row.no-border {
        height: 41px;
        border: none; }
    .page-get-scouted form .pics {
      padding: 60px 0; }
    .page-get-scouted form .radio-label, .page-get-scouted form .checkbox-label {
      margin-left: 10px;
      line-height: 3.5;
      display: inline-block; }
      @media screen and (max-width: 660px) {
        .page-get-scouted form .radio-label, .page-get-scouted form .checkbox-label {
          display: inline-block;
          line-height: 1.2;
          margin-top: 0;
          width: 0; } }
    .page-get-scouted form .checkbox-label {
      width: 70%;
      font-size: 14px; }
      @media screen and (max-width: 660px) {
        .page-get-scouted form .checkbox-label {
          width: 100%;
          font-size: 13px; } }
    .page-get-scouted form input[type=text] {
      height: 30px;
      width: calc(100% - 160px);
      font-size: 14px;
      border: none;
      background: transparent; }
      .page-get-scouted form input[type=text].error {
        background: url("../img/input-error.svg") 95% 50% no-repeat; }
      .page-get-scouted form input[type=text].valid {
        background: url("../img/input-success.svg") 95% 50% no-repeat; }
    .page-get-scouted form label.terms-error {
      background: url("../img/input-error.svg") 95% 50% no-repeat;
      color: #9b5d26; }
    .page-get-scouted form .placeholder {
      font-family: 'Open Sans', sans-serif;
      font-style: italic;
      font-weight: 300;
      font-size: 13px;
      color: #4a4a4a;
      float: right;
      line-height: 3.2; }
    .page-get-scouted form .thumb {
      display: inline-block;
      width: 162px;
      margin: 0 15px;
      text-align: center; }
      .page-get-scouted form .thumb h5 {
        font-size: 12px;
        margin-bottom: 10px; }
      .page-get-scouted form .thumb .img-wrapper {
        display: table-cell;
        width: 162px;
        height: 222px;
        vertical-align: middle; }
        .page-get-scouted form .thumb .img-wrapper .img {
          display: block;
          width: 162px; }
          .page-get-scouted form .thumb .img-wrapper .img.front {
            background: url("../img/getscouted/front.jpg"); }
          .page-get-scouted form .thumb .img-wrapper .img.from-hip {
            background: url("../img/getscouted/from-hip.jpg"); }
          .page-get-scouted form .thumb .img-wrapper .img.closeup {
            background: url("../img/getscouted/closeup.jpg"); }
          .page-get-scouted form .thumb .img-wrapper .img.sideways {
            background: url("../img/getscouted/sideways.jpg"); }
      .page-get-scouted form .thumb .progress-bar {
        height: 2px;
        background: #9b5d26;
        width: 0;
        display: block;
        margin-top: -5px;
        margin-bottom: 20px; }
      .page-get-scouted form .thumb .upload-file {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1; }
      .page-get-scouted form .thumb .upload-file + label {
        transition: all 0.7s ease;
        display: inline-block;
        text-transform: uppercase;
        line-height: 1.3;
        font-style: normal;
        width: 120px;
        padding-right: 20px;
        background: url("../img/btn-arrow-up.png") 90% 50% no-repeat;
        cursor: pointer; }
        .page-get-scouted form .thumb .upload-file + label.upload-error {
          border: solid 1px #9b5d26;
          background: #fef5ed url("../img/btn-arrow-up.png") 90% 50% no-repeat; }
      .page-get-scouted form .thumb .inputfile:focus + label,
      .page-get-scouted form .thumb .inputfile + label:hover {
        background-color: red; }
    .page-get-scouted form .terms .row {
      height: auto; }
      .page-get-scouted form .terms .row label {
        width: 100%;
        line-height: 1.3; }
    .page-get-scouted form .label-terms-and-conditions.error {
      color: #9b5d26;
      background: url("../img/input-error.svg") 95% 50% no-repeat; }
    .page-get-scouted form .btn-send {
      display: block;
      margin: auto;
      margin-top: 20px; }
  .page-get-scouted #getscouted-thnx {
    display: none;
    position: fixed;
    background: #fff;
    z-index: 1002;
    width: 400px;
    border-radius: 4px;
    padding: 20px;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -100px; }
    .page-get-scouted #getscouted-thnx .close-thnx {
      float: right;
      margin-top: -15px;
      margin-right: -5px; }

.bg-getscouted-thnx {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1001; }

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.5);
  display: none; }

.btn-overlay-close {
  position: absolute;
  top: 50%;
  margin-top: calc(-17vw - 50px);
  right: 12px;
  cursor: pointer; }

#video {
  position: fixed;
  top: 50%;
  margin-top: -17vw;
  left: 20vw;
  width: 60vw;
  height: 35vw;
  z-index: 1002;
  display: none; }
  #video .video-src, #video iframe {
    width: 100%;
    height: 100%; }

#post {
  transition: all 0.5s ease;
  position: fixed;
  width: 100%;
  min-height: 100%;
  overflow: auto;
  top: 0;
  left: -100vw; }
  #post .btn-post-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 30px;
    cursor: pointer;
    opacity: 0; }
  #post.visible {
    background: #f9f9f9;
    top: 0;
    left: 0; }
    #post.visible .btn-post-close {
      opacity: 1; }
  #post.gone {
    left: 100vw; }
    #post.gone .btn-post-close {
      opacity: 0; }
  #post.height {
    height: 100%; }

.content .about {
  padding: 50px;
  max-width: 800px; }
  @media screen and (max-width: 660px) {
    .content .about {
      padding: 20px; } }
  .content .about h2 {
    font-size: 28px;
    font-family: 'kis', sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #4a4a4a;
    font-weight: 300;
    margin-top: 40px; }
  .content .about h4 {
    font-style: italic;
    font-weight: 300;
    text-align: center;
    padding: 5px; }
  .content .about p {
    text-align: justify; }
  .content .about .members .member {
    text-align: center;
    font-size: 14px;
    width: 23%;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 30px;
    /* Smallest variation */
    /* Small variations */
    /* Medium variations */
    /* Large variations */
    /* Extra large variations */ }
    @media (max-width: 63.9em) {
      .content .about .members .member {
        width: 46%;
        margin-left: 5px;
        margin-right: 5px; } }
    .content .about .members .member img {
      width: 100%; }
    .content .about .members .member a {
      color: #9b5d26; }
  .content .about .iosslider.office {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    max-width: 800px;
    z-index: 0;
    height: 533px;
    /* Smallest variation */
    /* Small variations */
    /* Medium variations */
    /* Large variations */
    /* Extra large variations */
    /* Smallest variation */
    /* Small variations */
    /* Medium variations */
    /* Large variations */
    /* Extra large variations */ }
    @media (max-width: 63.9em) {
      .content .about .iosslider.office {
        height: 40vw; } }
    @media (max-width: 47.9em) {
      .content .about .iosslider.office {
        height: 60vw; } }
    .content .about .iosslider.office .slider {
      width: 100%;
      height: 100%; }
      .content .about .iosslider.office .slider .slide {
        float: left;
        width: 800px; }
        .content .about .iosslider.office .slider .slide img {
          max-width: 800px;
          width: 100%; }
  .content .about .slider_control {
    position: absolute;
    top: 270px;
    z-index: 10;
    width: 27px;
    height: 60px; }
  .content .about #prev, .content .about #amsterdam_prev, .content .about #brussels_prev, .content .about #berlin_prev {
    left: 0;
    background: url("../img/prev.png"); }
  .content .about #next, .content .about #amsterdam_next, .content .about #brussels_next, .content .about #berlin_next {
    right: 0;
    background: url("../img/next.png"); }
  .content .about #amsterdam_next, .content .about #brussels_next, .content .about #berlin_next, .content .about #amsterdam_prev, .content .about #brussels_prev, .content .about #berlin_prev {
    top: 250px;
    /* Smallest variation */
    /* Small variations */
    /* Medium variations */
    /* Large variations */
    /* Extra large variations */
    /* Smallest variation */
    /* Small variations */
    /* Medium variations */
    /* Large variations */
    /* Extra large variations */ }
    @media (max-width: 63.9em) {
      .content .about #amsterdam_next, .content .about #brussels_next, .content .about #berlin_next, .content .about #amsterdam_prev, .content .about #brussels_prev, .content .about #berlin_prev {
        top: 15vw; } }
    @media (max-width: 47.9em) {
      .content .about #amsterdam_next, .content .about #brussels_next, .content .about #berlin_next, .content .about #amsterdam_prev, .content .about #brussels_prev, .content .about #berlin_prev {
        top: 25vw; } }

.content .contact {
  padding: 50px;
  padding-right: 10px; }
  @media screen and (max-width: 660px) {
    .content .contact {
      padding: 20px; } }
  .content .contact h2 {
    font-size: 28px;
    font-family: 'kis', sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #2a2a2a;
    font-weight: 300; }
  .content .contact a {
    color: #9b5d26;
    text-decoration: none; }
  .content .contact address {
    font-style: normal; }
  .content .contact article {
    max-width: 1000px;
    padding: 0;
    list-style: none;
    margin: 10px 0 40px 0;
    padding-top: 5px;
    text-align: left; }
    .content .contact article:after {
      content: "";
      display: table;
      clear: both; }
    .content .contact article .column {
      display: inline-block;
      vertical-align: top;
      width: 24%;
      list-style: none;
      font-size: 14px;
      line-height: 20px;
      text-align: left;
      /* Smallest variation */
      /* Small variations */
      /* Medium variations */
      /* Large variations */
      /* Extra large variations */ }
      @media (max-width: 63.9em) {
        .content .contact article .column {
          width: 100%; } }
      .content .contact article .column .location {
        position: relative;
        padding-bottom: 75%;
        height: 0;
        overflow: hidden;
        filter: grayscale(100%);
        margin-top: 10px; }
      .content .contact article .column .location iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 80% !important;
        height: 80% !important; }

.footer {
  transition: all 1.2s ease;
  padding-top: 10px;
  font-family: 'avenirlight';
  font-size: 11px; }
  @media screen and (min-height: 665px) {
    .footer {
      position: fixed;
      left: 60px;
      bottom: 20px;
      width: 250px; } }
  @media screen and (min-height: 665px) and (max-width: 660px) {
    .footer {
      left: -300px; } }
  @media screen and (max-width: 350px) {
    .footer {
      margin-top: -30px; } }
  .footer p {
    font-size: 11px; }
  .footer ul.socialmedia {
    margin: 0;
    list-style: none;
    display: block; }
    .footer ul.socialmedia li {
      display: inline-block; }
      .footer ul.socialmedia li a {
        transition: all 0.6s ease;
        display: block;
        width: 19px;
        height: 19px;
        background-repeat: no-repeat;
        cursor: pointer;
        opacity: 0.8; }
        .footer ul.socialmedia li a.instagram {
          background-image: url(../img/icon-instagram.svg);
          background-size: 18px; }
        .footer ul.socialmedia li a.twitter {
          background-image: url(../img/icon-twitter.svg); }
        .footer ul.socialmedia li a.facebook {
          background-image: url(../img/icon-facebook.svg);
          background-size: 12px; }
        .footer ul.socialmedia li a:hover {
          opacity: 1; }
  .footer p {
    margin-top: 20px; }
    .footer p a {
      color: #9b5d26;
      text-transform: none; }
      .footer p a:hover {
        color: #000; }
  .footer.compressed .visible {
    width: 300px; }
  .footer.compressed .meta {
    padding-left: 35px !important; }
    .footer.compressed .meta li:last-child {
      padding-left: 5px !important; }

.disclaimer {
  padding: 50px;
  max-width: 800px; }
  @media screen and (max-width: 660px) {
    .disclaimer {
      padding: 20px; } }
  .disclaimer h2 {
    font-size: 28px;
    font-family: 'kis', sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #4a4a4a;
    font-weight: 300;
    margin-top: 40px; }
  .disclaimer h4 {
    font-style: italic;
    font-weight: 300;
    text-align: center;
    padding: 5px; }

@media screen and (max-width: 660px) {
  .fixed-mobile header {
    position: fixed;
    height: 100vh; }
    .fixed-mobile header .logo {
      opacity: 0; } }

@media screen and (max-width: 660px) {
  .fixed-mobile section.content {
    margin-top: calc(-100vh + 110px);
    margin-top: 110px; } }

@media screen and (max-width: 660px) {
  .fixed-mobile .footer {
    position: relative;
    left: auto;
    bottom: 30px; } }

.home-grid .post .content .home-image.banner {
  height: calc(70vw - 320px); }

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