@charset "UTF-8";
/* ############################## */
/* #####     =FRAMEWORK     ##### */
/* ############################## */
/*
| ====================================================================
| =GLOBALS
| ====================================================================
*/
/*
| ====================================================================
| =TOOLS
| ====================================================================
*/
/*
 * 1. strip out unit for calculation and conversion
*/
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px); } }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
            transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0); } }

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0); } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
            transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
            transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0); } }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
            transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3); } }

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
            transform: scale(0.3); } }

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
            transform: translateY(2000px); } }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
            transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px); } }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
            transform: translateX(2000px); } }

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
            transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
            transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
            transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px); } }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
            transform: translateY(2000px); } }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px); } }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px); } }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px); } }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
            transform: translateX(2000px); } }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); } }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px); } }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
            transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
            transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
            transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
            transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) scale(1);
            transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; } }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
            transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
            transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
            transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
            transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
            transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
            transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
            transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
            transform: translateY(700px);
    opacity: 0; } }

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
            transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
            transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
            transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
            transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
            transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
            transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg); } }

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
            transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg); } }

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
            transform: translateX(100%) rotate(120deg); } }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(-200deg);
            transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; } }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; } }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; } }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; } }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; } }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(200deg);
            transform: rotate(200deg);
    opacity: 0; } }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    opacity: 0; } }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    opacity: 0; } }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    opacity: 0; } }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    opacity: 0; } }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px); } }

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); } }

@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center; }
  20% {
    -webkit-transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0); } }

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
            transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
            transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
            transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0); } }

@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg); }
  10% {
    -webkit-transform: skewX(-8deg); }
  20% {
    -webkit-transform: skewX(7deg); }
  30% {
    -webkit-transform: skewX(-6deg); }
  40% {
    -webkit-transform: skewX(5deg); }
  50% {
    -webkit-transform: skewX(-4deg); }
  60% {
    -webkit-transform: skewX(3deg); }
  70% {
    -webkit-transform: skewX(-2deg); }
  80% {
    -webkit-transform: skewX(1deg); }
  90% {
    -webkit-transform: skewX(0deg); }
  100% {
    -webkit-transform: skewX(0deg); } }

@keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
            transform: skewX(9deg); }
  10% {
    -webkit-transform: skewX(-8deg);
            transform: skewX(-8deg); }
  20% {
    -webkit-transform: skewX(7deg);
            transform: skewX(7deg); }
  30% {
    -webkit-transform: skewX(-6deg);
            transform: skewX(-6deg); }
  40% {
    -webkit-transform: skewX(5deg);
            transform: skewX(5deg); }
  50% {
    -webkit-transform: skewX(-4deg);
            transform: skewX(-4deg); }
  60% {
    -webkit-transform: skewX(3deg);
            transform: skewX(3deg); }
  70% {
    -webkit-transform: skewX(-2deg);
            transform: skewX(-2deg); }
  80% {
    -webkit-transform: skewX(1deg);
            transform: skewX(1deg); }
  90% {
    -webkit-transform: skewX(0deg);
            transform: skewX(0deg); }
  100% {
    -webkit-transform: skewX(0deg);
            transform: skewX(0deg); } }

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%); } }

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
            transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
            transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
            transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
            transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
            transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); } }

/* line 65, assets/css/src/tools/animations/_animate.scss */
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 68, assets/css/src/tools/animations/_animate.scss */
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 71, assets/css/src/tools/animations/_animate.scss */
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 74, assets/css/src/tools/animations/_animate.scss */
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 77, assets/css/src/tools/animations/_animate.scss */
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 80, assets/css/src/tools/animations/_animate.scss */
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 83, assets/css/src/tools/animations/_animate.scss */
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 86, assets/css/src/tools/animations/_animate.scss */
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 89, assets/css/src/tools/animations/_animate.scss */
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 92, assets/css/src/tools/animations/_animate.scss */
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 95, assets/css/src/tools/animations/_animate.scss */
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 98, assets/css/src/tools/animations/_animate.scss */
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 101, assets/css/src/tools/animations/_animate.scss */
.fadeInDown, .story .lightbox .close {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 104, assets/css/src/tools/animations/_animate.scss */
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 107, assets/css/src/tools/animations/_animate.scss */
.fadeInLeft, .story .lightbox aside ul a {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 110, assets/css/src/tools/animations/_animate.scss */
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 113, assets/css/src/tools/animations/_animate.scss */
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 116, assets/css/src/tools/animations/_animate.scss */
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 119, assets/css/src/tools/animations/_animate.scss */
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 122, assets/css/src/tools/animations/_animate.scss */
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 125, assets/css/src/tools/animations/_animate.scss */
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 128, assets/css/src/tools/animations/_animate.scss */
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 131, assets/css/src/tools/animations/_animate.scss */
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 134, assets/css/src/tools/animations/_animate.scss */
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 137, assets/css/src/tools/animations/_animate.scss */
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 140, assets/css/src/tools/animations/_animate.scss */
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 143, assets/css/src/tools/animations/_animate.scss */
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 146, assets/css/src/tools/animations/_animate.scss */
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 149, assets/css/src/tools/animations/_animate.scss */
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 152, assets/css/src/tools/animations/_animate.scss */
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 155, assets/css/src/tools/animations/_animate.scss */
.flip {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-animation-name: flip;
  animation-name: flip;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 158, assets/css/src/tools/animations/_animate.scss */
.flipInX {
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 161, assets/css/src/tools/animations/_animate.scss */
.flipInY {
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 164, assets/css/src/tools/animations/_animate.scss */
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 167, assets/css/src/tools/animations/_animate.scss */
.flipOutY {
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 170, assets/css/src/tools/animations/_animate.scss */
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 173, assets/css/src/tools/animations/_animate.scss */
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 176, assets/css/src/tools/animations/_animate.scss */
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 179, assets/css/src/tools/animations/_animate.scss */
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 182, assets/css/src/tools/animations/_animate.scss */
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 185, assets/css/src/tools/animations/_animate.scss */
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 188, assets/css/src/tools/animations/_animate.scss */
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 191, assets/css/src/tools/animations/_animate.scss */
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 194, assets/css/src/tools/animations/_animate.scss */
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 197, assets/css/src/tools/animations/_animate.scss */
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 200, assets/css/src/tools/animations/_animate.scss */
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 203, assets/css/src/tools/animations/_animate.scss */
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 206, assets/css/src/tools/animations/_animate.scss */
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 209, assets/css/src/tools/animations/_animate.scss */
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 212, assets/css/src/tools/animations/_animate.scss */
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 215, assets/css/src/tools/animations/_animate.scss */
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 218, assets/css/src/tools/animations/_animate.scss */
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 221, assets/css/src/tools/animations/_animate.scss */
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 224, assets/css/src/tools/animations/_animate.scss */
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 227, assets/css/src/tools/animations/_animate.scss */
.wiggle {
  -webkit-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 230, assets/css/src/tools/animations/_animate.scss */
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/*
| ====================================================================
| =HELPERS
| ====================================================================
*/
/* =CLEARFIX
 * ------------------------------------------------
 * Extend the ’cf’ class to contain floated child elements
*/
/* line 11, assets/css/src/helpers/_cf.scss */
.cf:after, .dropcap:after, .grid-tiles:after, .leveled-list:after, .media:after, .menu-links:after, .story-navbar-inner:after, .ingredients .grid-unit-solo ul:after, .ingredients .grid-unit-solo ul li:after, .product-link figure:after {
  content: "";
  display: table;
  clear: both !important;
  /* [1] */ }

/*
	 * 1.	clear floated children
	*/
/* =IR
 * ------------------------------------------------
 * Extend ’ir’ to hide the text of the element for image-replacement (doesn't modify the layout).
 * Courtesy of the HTML5 Boilerplate Team: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
 * ---
 * NOTE: set ’width’ and ’height’ and ’background-image’ of your element according to the dimensions and url
 * of the image you want to replace it with.
*/
/* line 10, assets/css/src/helpers/_ir.scss */
.logo, .icon-btn, .icon-arrow, .icon-small.icon-arrow, .icon-big.icon-arrow, .icon-collaboration, .icon-small.icon-collaboration, .icon-big.icon-collaboration, .icon-date, .icon-small.icon-date, .icon-big.icon-date, .icon-download, .icon-small.icon-download, .icon-big.icon-download, .icon-email, .icon-small.icon-email, .icon-big.icon-email, .icon-facebook, .icon-small.icon-facebook, .icon-big.icon-facebook, .icon-fvf, .icon-small.icon-fvf, .icon-big.icon-fvf, .icon-googleplus, .icon-small.icon-googleplus, .icon-big.icon-googleplus, .icon-imessage, .icon-small.icon-imessage, .icon-big.icon-imessage, .icon-menu, .icon-small.icon-menu, .icon-big.icon-menu, .icon-messenger, .icon-small.icon-messenger, .icon-big.icon-messenger, .icon-photo, .icon-small.icon-photo, .icon-big.icon-photo, .icon-pinterest, .icon-small.icon-pinterest, .icon-big.icon-pinterest, .icon-remove, .icon-small.icon-remove, .icon-big.icon-remove, .icon-tumblr, .icon-small.icon-tumblr, .icon-big.icon-tumblr, .icon-twitter, .icon-small.icon-twitter, .icon-big.icon-twitter, .icon-video, .icon-small.icon-video, .icon-big.icon-video, .icon-whatsapp, .icon-small.icon-whatsapp, .icon-big.icon-whatsapp, .menu-icon, .menu-icon-caret, .menu-icon-fvf, .menu-search-form .menu-search-submit, .menu-close {
  background: none no-repeat transparent;
  /* [1] */
  border: 0;
  /* [1] */
  overflow: hidden !important;
  /* [2] */ }

/*
 * 1.	By default, you don't want any visual styles when replacing
 *		the elemnt by an image
 * 2.	Hides text that is pushed out of the element
*/
/*
	 * 1.	Allow the use of inline elements
 	 * 2.	Pushes the text out of the element
	*/
/* =IR-ALT
 * ------------------------------------------------
 * Uses ’text-indent' instead of the ’:before’ pseudo-element to push the text out;
*/
/* line 61, assets/css/src/helpers/_ir.scss */
.logo, .icon-btn, .icon-arrow, .icon-small.icon-arrow, .icon-big.icon-arrow, .icon-collaboration, .icon-small.icon-collaboration, .icon-big.icon-collaboration, .icon-date, .icon-small.icon-date, .icon-big.icon-date, .icon-download, .icon-small.icon-download, .icon-big.icon-download, .icon-email, .icon-small.icon-email, .icon-big.icon-email, .icon-facebook, .icon-small.icon-facebook, .icon-big.icon-facebook, .icon-fvf, .icon-small.icon-fvf, .icon-big.icon-fvf, .icon-googleplus, .icon-small.icon-googleplus, .icon-big.icon-googleplus, .icon-imessage, .icon-small.icon-imessage, .icon-big.icon-imessage, .icon-menu, .icon-small.icon-menu, .icon-big.icon-menu, .icon-messenger, .icon-small.icon-messenger, .icon-big.icon-messenger, .icon-photo, .icon-small.icon-photo, .icon-big.icon-photo, .icon-pinterest, .icon-small.icon-pinterest, .icon-big.icon-pinterest, .icon-remove, .icon-small.icon-remove, .icon-big.icon-remove, .icon-tumblr, .icon-small.icon-tumblr, .icon-big.icon-tumblr, .icon-twitter, .icon-small.icon-twitter, .icon-big.icon-twitter, .icon-video, .icon-small.icon-video, .icon-big.icon-video, .icon-whatsapp, .icon-small.icon-whatsapp, .icon-big.icon-whatsapp, .menu-icon, .menu-icon-caret, .menu-icon-fvf, .menu-search-form .menu-search-submit, .menu-close {
  text-indent: 120% !important;
  /* [1] */
  white-space: nowrap !important;
  /* [2] */ }

/*
	 * 1.	Pushes the text out of the element
	 * 2.	Makes sure text doesn't break on multiple lines so it stays out
	 *		of the element, regardless of the element's height
	*/
/* =UILIST
 * ------------------------------------------------
 * Apply the ’.uilist’ class to <ol> and <ul> elements to delete
 * default list appearance
*/
/* line 13, assets/css/src/helpers/_uilist.scss */
.uilist, .cities-menu ul {
  margin: 0;
  padding: 0;
  list-style: none !important; }

/* =SR-ONLY
 * ------------------------------------------------
 * Apply '.sr-only' to visually hide an item but keep it in the content for
 * html parsers such as the HTML outliner and Screen-readers.
 * Courtesy of Jonathan Snook and the HTML5 boilerplate team :
 * https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
*/
/* line 14, assets/css/src/helpers/_sr-only.scss */
.sr-only, .img-cover > img {
  position: absolute !important;
  clip: rect(0 0 0 0) !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important; }

/* =INLINE
 * ------------------------------------------------
 * Apply this helper to put it's children in line, like text behaviours normally.
 * -----
 * This helper uses 'inline-block' (which allows set dimensions, padding and margin)
 * because it is almost always used for layout purposes.
*/
/* line 18, assets/css/src/helpers/_inline.scss */
.inline > *, .prod-order-form > * {
  display: inline-block; }

/* =STACKED
 * ------------------------------------------------
 * Stacks all child elements using 'display: block'
*/
/* =ALIGN
 * ------------------------------------------------
 * Controls text-alignement inside the element
*/
/* line 14, assets/css/src/helpers/_align.scss */
.fvf-form select, .btn, .icon-btn, .story-main .h3, .story-main .center_head, .story-main .center_subline, .story-main .sub-h3, .cart-checkout, .cart-link {
  text-align: center !important; }

/* =ALLCAPS
 * ------------------------------------------------
 * Sets the element's text into capital letters and adjusts tracking
*/
/* line 13, assets/css/src/helpers/_allcaps.scss */
.btn, .icon-btn, .cart-link {
  text-transform: uppercase !important;
  letter-spacing: 0.01em !important; }

/* =backdrop
 * ------------------------------------------------
 * Sets an html element or pseudo-element as backdrop of its first positioned parent.
 * Use this for backdrop videos for example.
*/
/* line 15, assets/css/src/helpers/_backdrop.scss */
.backdrop {
  /* [1] */
  /* [2] */
  display: block;
  /* [3] */ }

/*
	 * 1.	put the element behind the parent's content
	 * 2.	cover the first positioned container
	 * 3.	allow the use of ’inline’ elements
	*/
/* =BLEED
 * ------------------------------------------------
 * Adds negative margins on the sides to make the element horizontally
 * 'bleed'-out of its container
*/
/* =coverlet
 * ------------------------------------------------
 * Covers the first positioned ancestor's full surface.
*/
/* line 11, assets/css/src/helpers/_coverlet.scss */
.coverlet {
  display: block;
  /* [1] */ }

/*
	 * 1.	Allow the use of ’inline’ elements
	*/
/* =DISTRIBUTE
 * ------------------------------------------------
 * aligns children horizontally and stretches them out so they all have the same width.
*/
/* =DROPCAP
 * ------------------------------------------------
 * Floats the first-letter of the element. Note that the values passed depend on each
 * font so might want to build a namespaced version for each font you use.
 * -----
 * http://css-tricks.com/snippets/css/drop-caps/
*/
/* line 29, assets/css/src/helpers/_dropcap.scss */
.dropcap:first-letter {
  font-weight: 700;
  font-size: 3em;
  line-height: 0.6;
  /* chrome + opera + safari */
  float: left;
  padding: 0.13333em 0.15em 0 0; }

/* =EMBED-COVER
 * ------------------------------------------------
 * Positions a child embed (video, object, iframe, ...) so it covers the element's whole
 * surface and stays centered at any screen-size.
 * ---
 * Note that the element must have a width and height specified since the contained 'embed'
 * is absolutely positioned.
 * ---
 * @require JS "modules/embed-cover"
*/
/* line 17, assets/css/src/helpers/_embed-cover.scss */
.embed-cover {
  position: relative;
  overflow: hidden !important; }
  /* line 22, assets/css/src/helpers/_embed-cover.scss */
  .embed-cover .embed {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: auto;
    height: auto;
    min-height: 100% !important;
    min-width: 100% !important; }

/* =EMBED-HOLD
 * ------------------------------------------------
 * Applied to the container of an embed (<video>, <iframe>, <embed>, <object>), this helper
 * makes sure the embed will resize to take the full width of it's container.
 * ---
 * Use this with the ’ratio’ css helper or the ’ratio’ js module to give the container the
 * same aspect-ratio of the embed and make sure the embed's height is also contained.
 * ---
 * more info : http://alistapart.com/article/creating-intrinsic-ratios-for-video/
*/
/* line 19, assets/css/src/helpers/_embed-hold.scss */
.embed-hold {
  position: relative; }
  /* line 23, assets/css/src/helpers/_embed-hold.scss */
  .embed-hold > .embed {
    position: absolute !important; }

/* =FLOAT
 * ------------------------------------------------
 * Extend ’float-left’ or ’float-right’ to pull the element on the left or right side.
 * You very often want the container to extend ’cf’ to contain floated elements.
 * ----
 * also builds a 'float-none' helper to stop floating at some breakpoint for example.
*/
/* line 14, assets/css/src/helpers/_float.scss */
.float-left, .media-obj {
  float: left !important; }

/* line 15, assets/css/src/helpers/_float.scss */
.float-right, .media-rev > .media-obj, .story-figcaption {
  float: right !important; }

/* line 16, assets/css/src/helpers/_float.scss */
.float-none {
  float: none !important; }

/* =FLUSH
 * ---------------------------------------------------------------------
 * Extend one of the ’flush’ helpers to remove margins you don't need
*/
/* line 13, assets/css/src/helpers/_flush.scss */
.cart-item-title {
  margin-top: 0 !important; }

/* line 14, assets/css/src/helpers/_flush.scss */
.cart-item-title {
  margin-bottom: 0 !important; }

/* =FLY
 * ---------------------------------------------------------------------
 * Extend one of the ’fly’ helpers to position the element absolutely on one side/ in one
 * corner of it's first positioned ancestor.
*/
/* line 14, assets/css/src/helpers/_fly.scss */
.fly-topleft, .fly-topright, .fly-top, .fly-bottomleft, .fly-bottomright, .fly-bottom, .fly-left, .fly-right {
  position: absolute !important; }

/* line 16, assets/css/src/helpers/_fly.scss */
.fly-topleft, .fly-topright, .fly-top {
  top: 0 !important; }

/* line 17, assets/css/src/helpers/_fly.scss */
.fly-bottomleft, .fly-bottomright, .fly-bottom {
  bottom: 0 !important; }

/* line 18, assets/css/src/helpers/_fly.scss */
.fly-topleft, .fly-bottomleft, .fly-left {
  left: 0 !important; }

/* line 19, assets/css/src/helpers/_fly.scss */
.fly-topright, .fly-bottomright, .fly-right {
  right: 0 !important; }

/* =FONTSCALE
 * ------------------------------------------------
 * Apply the one of fontscale helpers to give a font-size to the element as described
 * in the ’$typescale’ table (uses the ’rem’ unit with ’px’ fallback). You can also
 * adjust the font size based on the font's x-height for more consistent type hierarchy.
 * To do so, pass a namespace for the font and a ’base-size’ that is visually similar to
 * your base-font at ’$font-size-base’.
 * ---
 * @require GLOBAL $fonts
 * @require GLOBAL $typescale
 * ---
 * CAUTION: the ’fontscale’ helper's naming is a bit diferent as it uses the name of the
 * font it builds a scale for: the class will be ’font-name--scale-name’
*/
/* line 56, assets/css/src/helpers/_fontscale.scss */
.story-main .center_subline, .story-figcaption {
  font-size: 18px;
  font-size: 1rem; }

/* =FONTSPECIMEN
 * ------------------------------------------------
 * Extend ’font-name--fvd’ to apply one of the font specimens defined in
 * the ’$fonts’ global variable. font-size to the element as
 * described in the ’$typescale’ table (uses the ’$font-sizing-unit’). You can also adjust the
 * font size based on the font's x-height for more consistent type hierarchy.
 * To do so, pass a namespace for the font and a ’base-size’ that is visually
 * similar to your base-font at ’$font-size-base’.
 * ---
 * @require GLOBAL $fonts
 * @require GLOBAL $typescale
 * ---
 * CAUTION: the ’fontspecimen’ helper's naming is a bit diferent as it uses the name of
 * font it builds a scale for: the class will be ’font-name--scale-name’
*/
/* line 49, assets/css/src/helpers/_fontspecimen.scss */
body {
  font-family: "tisa-pro", Georgia, serif;
  font-style: normal;
  font-weight: 400; }

/* line 49, assets/css/src/helpers/_fontspecimen.scss */
.h3, .h4, .h5, .info {
  font-family: "tisa-pro", Georgia, serif;
  font-style: italic;
  font-weight: 400; }

/* line 49, assets/css/src/helpers/_fontspecimen.scss */
.h1, .h2 {
  font-family: "tisa-pro", Georgia, serif;
  font-style: italic;
  font-weight: 700; }

/* line 49, assets/css/src/helpers/_fontspecimen.scss */
.product-link figure figcaption em.price {
  font-family: "circular-std", "Circular Std", sans-serif;
  font-style: normal;
  font-weight: 400; }

/* line 49, assets/css/src/helpers/_fontspecimen.scss */
.product-link figure figcaption h4, .single-post article.story.category-cooking-journal section.story-chapter span.number {
  font-family: "circular-std", "Circular Std", sans-serif;
  font-style: normal;
  font-weight: 700; }

/* line 49, assets/css/src/helpers/_fontspecimen.scss */
.overlay, .btn, .icon-btn, .cart-link {
  font-family: "geogrotesque", "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
  font-style: normal;
  font-weight: 500; }

/* line 49, assets/css/src/helpers/_fontspecimen.scss */
.prod-price, .cart-info {
  font-family: "geogrotesque", "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
  font-style: italic;
  font-weight: 500; }

/* =FRONT
 * ------------------------------------------------
 * positions the element absolutely and gives it a high z-index so it stays in the front
 * of surrounding content.
*/
/* line 13, assets/css/src/helpers/_front.scss */
.coverlet, .dropdown-menu, .bullet:after, .cities-menu {
  position: absolute !important;
  z-index: 100; }

/* =HYPHENS
 * ------------------------------------------------
 * Breaks text inside of words where possible and by inserting hyphens at the end of the line.
 * ---
 * CAUTION : make sure you have set the correct language in your markup (html ’lang’ attribute)
 * for better break positions inside the words.
 * CAUTION : works best in Firefox as of january 2014. Other browsers can break words
 * without adding the hyphen.
*/
/* =IMG-COVER
 * ------------------------------------------------
 * Makes the contained <img> cover the whole surface of the element by applying it as background.
 * ---
 * CAUTION : if the container only contains the image, it should have its own dimensions
 * because the inline <image> tag will be reduced to 0px x 0px.
 * ---
 * NOTE : set the img src as ’background-image’ on the element with inline css yourself, or use
 * the ’../js/modules/img-cover.js’ script to do so automatically.
 * If you set background-image manually, make sure you hide the <img> tag with ’helpers/sr-only’.
*/
/* line 21, assets/css/src/helpers/_img-cover.scss */
.img-cover {
  background: none no-repeat center center;
  background-size: cover; }

/* =IMG-HOLD
 * ------------------------------------------------
 * Applied to the container of an <image> element, this helper makes sure the image
 * will resize to take the full width of it's container, without scaling it up.
*/
/* line 14, assets/css/src/helpers/_img-hold.scss */
.img-hold > img, .img-hold > .tlImageContainer > img {
  line-height: 1;
  /* [1] */
  max-width: 100%;
  /* [2] */ }

/*
	 * 1. 	Delete little spacing at the bottom
	 *		of the <img> due to default ’display: inline-block’ and ’line-height’
	 * 2.	Prevent the image from scaling up (pixelates) if it's originally less
	 * 		wide than the element
	*/
/* =MEDIAN
 * ------------------------------------------------
 * Apply the .median class to automatically center the element in
 * its container, without the need to specify a ’width’.
*/
/*
	 * 1.	Allow for centering without specifying a width (triggers ’size-fit’ behaviour)
	 * 2.	Center the element horizontally
	*/
/* =NBFC
 * ------------------------------------------------
 * Extend the nbfc class to create a new block formatting context
 * ---
 * more info: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context
 */
/* =NBFC-ALT
 * ------------------------------------------------
 * Extend the nbfc-alt class to create a new block formatting context without
 * hiding overflowing content
*/
/*
	 * 1.	prevents size-fit behaviour of table-cell
	*/
/* =NO-SELECT
 * ------------------------------------------------
 * Extend ’no-select’ if you don't want users to be able to select the
 * text in the element. Useful for ’buttons’ and other controls, especially
 * on touch devices where sloppy fingers might select by error.
 * ---
 * @require ’compass/css/user-interface’
*/
/* line 15, assets/css/src/helpers/_no-select.scss */
.btn, .icon-btn, .cart-link {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

/* =NO-WS
 * ------------------------------------------------
 * Deletes white-space rendered between child elements set to ’display: inline’
 * or ’display: inline-block’. Extend ’reset-ws in children to recover
 * normal whitespace.
*/
/* line 13, assets/css/src/helpers/_no-ws.scss */
.inline, .prod-order-form, .grid, .entry-grid, .centroid-wrap {
  letter-spacing: -0.31em;
  text-rendering: optimizeSpeed;
  /* [1] */
  /* IE < 8 hack */
  *word-spacing: -0.43em;
  /* [2] */ }

/* Opera hack */
/* line 22, assets/css/src/helpers/_no-ws.scss */
.opera:-o-prefocus, .inline, .prod-order-form, .grid, .entry-grid, .centroid-wrap {
  word-spacing: -0.43em;
  /* [2] */ }

/*
	 * 1.	Fix for webkit that defaults to ’text-rendering: optimizeLegibility’
	 *		which makes ’letter-spacing’ variable and unreliable
	 * 2.	IE < 8 and Opera need ’word-spacing’ to delete whitespace between
	 *		child elements
	*/
/* line 33, assets/css/src/helpers/_no-ws.scss */
.inline > *, .prod-order-form > *, .grid-unit, .entry-grid-unit, .centroid {
  letter-spacing: normal;
  word-spacing: normal;
  text-rendering: auto; }

/* =NPC
 * ------------------------------------------------
 * Creates a new positioning context for child nodes that are absolutely positioned.
*/
/* line 11, assets/css/src/helpers/_npc.scss */
.npc {
  position: relative !important;
  z-index: 1; }

/* =ONE-LINE
 * ------------------------------------------------
 * Extend ’one-line’ to force text to stay on a single line. Overflowing text
 * will be truncated and end with ’…’. Inpsired by suitcss's 'u-textTruncate':
 * https://github.com/suitcss/utils-text
*/
/* line 13, assets/css/src/helpers/_one-line.scss */
.btn, .cart-item-title {
  max-width: 100%;
  /* [1] */
  overflow: hidden !important;
  /* [2] */
  text-overflow: ellipsis !important;
  /* [3] */
  white-space: nowrap !important;
  /* [4] */
  word-wrap: normal !important;
  /* [5] */ }

/*
	 * 1.	Make sure text-overflow is activated on some elements like <td>
	 * 2.	Hide overflow for text-overflow to be clipped
	 * 3.	Clip text-overflow by adding an ellipsis character (…) at the end
	 * 4.	Keep the text on a single line
	 * 5.	(IE 8/9) Prevent line-breaks inside of words if ’word-wrap: break-word’
	 *		is set on an ancestor element
	 */
/* =POPUP
 * ------------------------------------------------
 * Extend the ’popup’ helper to position an element on front of the page's body
 * and relative to the viewport.
*/
/* line 15, assets/css/src/helpers/_popup.scss */
.popup {
  display: block;
  /* [1] */
  position: fixed !important;
  z-index: 200; }

/*
	 * 1. 	Allow the use of ’inline’ elements
	*/
/* =PULL
 * ------------------------------------------------
 * Position the element by a certain amount on the left of it's natural position in the flow.
 * ---
 * NOTE: Useful to do some content choreography with grid-units.
 * more info: http://trentwalton.com/2011/07/14/content-choreography/
*/
/* =PUSH
 * ------------------------------------------------
 * Position the element by a certain amount on the right of it's natural position in the flow.
 * ---
 * NOTE: Useful to do some content choreography with grid-units.
 * more info: http://trentwalton.com/2011/07/14/content-choreography/
*/
/* =RATIO
 * ------------------------------------------------
 * Give an element a fixed aspect ratio while keeping it fluid. Very useful for fluid embeds.
 * ---
 * more info : http://alistapart.com/article/creating-intrinsic-ratios-for-video/
 * ---
 * CAUTION: the ratio helper's naming is a bit diferent as it uses the values passed
 * for the ratio's width and height.
*/
/* line 43, assets/css/src/helpers/_ratio.scss */
.ratio-16by9 {
  height: 0 !important;
  padding: 0 0 56.25% !important; }

/* =REAR
 * ------------------------------------------------
 * Position the element behind it's first positioned parent content
*/
/* line 13, assets/css/src/helpers/_rear.scss */
.backdrop {
  position: absolute;
  z-index: -1; }

/* =SPAN
 * ------------------------------------------------
 * Extend the ’span’ class to set a proportional width in percentages.
 * Usefull for creating columns in grid layouts.
 * Inspired by Nicolas Gallagher's Griddle and Jerome Coupe's Sassgrids:
 * https://github.com/necolas/griddle/blob/master/_griddle-build.scss
 * https://github.com/jeromecoupe/sassgrids/blob/master/imports/_grid.scss
*/
/* line 23, assets/css/src/helpers/_span.scss */
.prod-order-form .fld {
  width: 100% !important; }

/* line 52, assets/css/src/helpers/_span.scss */
.cities-menu ul {
  width: 33.33333% !important; }

/* line 52, assets/css/src/helpers/_span.scss */
.story-caption, .bay-card {
  width: 80% !important; }

/* line 52, assets/css/src/helpers/_span.scss */
.story-figcaption {
  width: 70% !important; }

/* =STRETCH
 * ------------------------------------------------
 * Apply the ’.stretch’ class to cover the entire surface of the first positioned ancestor.
 * Don't forget to position the element or use it in conjuction with either the
 * ’coverlet’ or ’popup’ helper
*/
/* line 13, assets/css/src/helpers/_stretch.scss */
.backdrop, .coverlet, .embed-hold > .embed, .stretch, .teaser-cycle .slides {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0; }

/* =TRIM
 * ------------------------------------------------
 * Extend one of the ’trim-’ helpers to remove child margins runing over the element
*/
/* line 13, assets/css/src/helpers/_trim.scss */
.media-body > :first-child, .shop-list > :first-child, .prod > :first-child, .prod-header > :first-child, .prod-gallery > :first-child, .prod-body > :first-child, .prod-footer > :first-child, .cart-costs > :first-child, .story-figcaption > :first-child {
  margin-top: 0 !important; }

/* line 17, assets/css/src/helpers/_trim.scss */
.media-body > :last-child, .shop-list > :last-child, .prod > :last-child, .prod-header > :last-child, .prod-gallery > :last-child, .prod-body > :last-child, .prod-footer > :last-child, .cart-costs > :last-child, .story-figcaption > :last-child {
  margin-bottom: 0 !important; }

/*
| ---------------------------------------------------------------------
| =BREAKPOINT-HELPERS
| ---------------------------------------------------------------------
| To inject a helper into each breakpoint, just add it to the list here.
| The helper will be namespaced with the breakpoint-name prefix and, when
| extended, it will only apply when the breakpoint is reached.
*/
@media only screen and (min-width: 28.75em) {
  /* line 52, assets/css/src/helpers/_span.scss */
  .l-narrow {
    width: 80% !important; }
  /* line 52, assets/css/src/helpers/_span.scss */
  .story-copy, .cooks-footer .footer-inner {
    width: 83.33333% !important; }
  /* line 50, assets/css/src/helpers/_push.scss */
  .story-copy, .cooks-footer .footer-inner {
    position: relative;
    left: 8.33333% !important; } }

@media only screen and (min-width: 46.25em) {
  /* line 52, assets/css/src/helpers/_span.scss */
  .story-caption, .prod-order-form .fld {
    width: 50% !important; }
  /* line 52, assets/css/src/helpers/_span.scss */
  .story-copy, .cooks-footer .footer-inner, .prod, .bay-overlay {
    width: 66.66667% !important; }
  /* line 52, assets/css/src/helpers/_span.scss */
  .bay-card {
    width: 60% !important; }
  /* line 50, assets/css/src/helpers/_push.scss */
  .story-copy, .cooks-footer .footer-inner {
    position: relative;
    left: 16.66667% !important; } }

@media only screen and (min-width: 62.5em) {
  /* line 23, assets/css/src/helpers/_span.scss */
  .prod {
    width: 100% !important; }
  /* line 52, assets/css/src/helpers/_span.scss */
  .prod-gallery, .ingredients .grid-unit {
    width: 50% !important; }
  /* line 52, assets/css/src/helpers/_span.scss */
  .bay-overlay {
    width: 33.33333% !important; }
  /* line 52, assets/css/src/helpers/_span.scss */
  .prod-header, .prod-gallery, .prod-body, .prod-footer {
    width: 40% !important; }
  /* line 52, assets/css/src/helpers/_span.scss */
  .story-caption {
    width: 30% !important; } }

/* ############################## */
/* #####      =IMPORTS      ##### */
/* ############################## */
/*
| ====================================================================
| =HELPERS
| ====================================================================
*/
/*
| ---------------------------------------------------------------------
| =BREAKPOINT-HELPERS
| ---------------------------------------------------------------------
| To inject a helper into each breakpoint, just add it to the list here.
| The helper will be namespaced with the breakpoint-name prefix and, when
| extended, it will only apply when the breakpoint is reached.
*/
/*
| ====================================================================
| =BASE
| ====================================================================
*/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/* line 11, assets/css/src/base/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 30, assets/css/src/base/_normalize.scss */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 41, assets/css/src/base/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
/* line 51, assets/css/src/base/_normalize.scss */
[hidden],
template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 66, assets/css/src/base/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
/* line 76, assets/css/src/base/_normalize.scss */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 88, assets/css/src/base/_normalize.scss */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 96, assets/css/src/base/_normalize.scss */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 104, assets/css/src/base/_normalize.scss */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/* line 118, assets/css/src/base/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/* line 127, assets/css/src/base/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
/* line 135, assets/css/src/base/_normalize.scss */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 144, assets/css/src/base/_normalize.scss */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
/* line 152, assets/css/src/base/_normalize.scss */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
/* line 162, assets/css/src/base/_normalize.scss */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 171, assets/css/src/base/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 183, assets/css/src/base/_normalize.scss */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
/* line 191, assets/css/src/base/_normalize.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 199, assets/css/src/base/_normalize.scss */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 207, assets/css/src/base/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

/* line 215, assets/css/src/base/_normalize.scss */
sup {
  top: -0.5em; }

/* line 219, assets/css/src/base/_normalize.scss */
sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 231, assets/css/src/base/_normalize.scss */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 239, assets/css/src/base/_normalize.scss */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 251, assets/css/src/base/_normalize.scss */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
/* line 263, assets/css/src/base/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 274, assets/css/src/base/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
/* line 285, assets/css/src/base/_normalize.scss */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 299, assets/css/src/base/_normalize.scss */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 311, assets/css/src/base/_normalize.scss */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* line 324, assets/css/src/base/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
/* line 336, assets/css/src/base/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/* line 346, assets/css/src/base/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 358, assets/css/src/base/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 370, assets/css/src/base/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 379, assets/css/src/base/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 390, assets/css/src/base/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 403, assets/css/src/base/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
| ---------------------------------------------------------------------
| =TEXT
| ---------------------------------------------------------------------
*/
/* =BASE
 * ------------------------------------------------ */
/* line 20, assets/css/src/base/_text.scss */
html {
  font-size: 112.5%;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased; }

/* line 30, assets/css/src/base/_text.scss */
body {
  font-size: 1em;
  color: #000;
  background-color: #fff; }

/* =TEXT
 * ------------------------------------------------ */
/* line 51, assets/css/src/base/_text.scss */
hr {
  border: 0;
  border-top: 1px solid #c9c9c9;
  width: 100%;
  margin: 1.38889em 0; }

/*
 * ---------------------------------------------------------------------
 *  =HEADINGS
 * ---------------------------------------------------------------------
*/
/* line 31, assets/css/src/base/_headings.scss */
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 0.5em 0;
  /* [1] */
  font-size: 1em;
  line-height: 1.15;
  text-rendering: optimizeLegibility;
  /* [2] */ }

/*
 * 1.	Avoid huge vertical spacing when heading wraps on multiple lines
 * 2.	CSS3 voodoo for kerning and ligatures
*/
/* line 43, assets/css/src/base/_headings.scss */
.h1 {
  font-size: 4.55556em;
  line-height: 1;
  margin-bottom: 0.29268em; }

/* line 53, assets/css/src/base/_headings.scss */
.h2 {
  font-size: 3em;
  line-height: 1.426;
  margin-bottom: 0; }

/* line 63, assets/css/src/base/_headings.scss */
.h3 {
  font-size: 2.22222em;
  margin: 0 0 1em; }

/* line 71, assets/css/src/base/_headings.scss */
.h4 {
  font-size: 1.33333em; }

/* line 78, assets/css/src/base/_headings.scss */
.h5 {
  font-size: 1.22222em; }

/* line 85, assets/css/src/base/_headings.scss */
.h6 {
  font-size: 1.11111em; }

/* line 96, assets/css/src/base/_headings.scss */
.post-title {
  font-size: 4em;
  font-style: italic;
  line-height: 1; }

/* line 102, assets/css/src/base/_headings.scss */
.category-title {
  font-size: 2.22222em;
  font-style: italic; }

/* =LINKS
 * ------------------------------------------------ */
/* line 5, assets/css/src/base/_links.scss */
.block-link, .mute-link, .btn, .icon-btn, .cities-menu a, .story-navbar a {
  color: inherit;
  text-decoration: inherit; }
  /* line 10, assets/css/src/base/_links.scss */
  .block-link:focus, .mute-link:focus, .btn:focus, .icon-btn:focus, .cities-menu a:focus, .story-navbar a:focus {
    outline: 0; }

/* line 15, assets/css/src/base/_links.scss */
a {
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  color: inherit;
  font-weight: inherit; }
  /* line 21, assets/css/src/base/_links.scss */
  a:hover, a:focus, a:active {
    text-decoration: none; }

/*
| ---------------------------------------------------------------------
| =LAYOUT-BASE
| ---------------------------------------------------------------------
*/
/* =STYLES
 * ------------------------------------------------ */
/* line 17, assets/css/src/base/_layout.scss */
*, *:before, *:after {
  box-sizing: border-box; }

/* line 21, assets/css/src/base/_layout.scss */
body {
  position: relative;
  margin: 0; }

/* line 26, assets/css/src/base/_layout.scss */
.l-wrap {
  position: relative;
  width: 100%;
  margin-top: 40px; }
  @media only screen and (min-width: 62.5em) {
    /* line 26, assets/css/src/base/_layout.scss */
    .l-wrap {
      margin-top: 0; } }

/* line 37, assets/css/src/base/_layout.scss */
.l-inner {
  box-sizing: content-box;
  max-width: 1140px;
  padding: 0 20px;
  margin: 0 auto; }

/* line 44, assets/css/src/base/_layout.scss */
.l-wide {
  max-width: 1200px;
  margin: auto; }

/* line 49, assets/css/src/base/_layout.scss */
.l-narrow {
  max-width: 750px; }

/* line 69, assets/css/src/main.scss */
.fvf-form {
  /*
 * ---------------------------------------------------------------------
 * =FORMS-BASE
 * ---------------------------------------------------------------------
 * Default styles for form elements
*/
  /* value of ’line-height: normal’ for geogrotesque */
  /* =FIELDSETS
 * ------------------------------------------------ */
  /* =LABELS
 * ------------------------------------------------ */
  /*
 * 1.	Put labels and control elements on two seperate lines.
*/
  /* =CONTROLS
 * ------------------------------------------------ */
  /*
 * 1.	Reset default CSS styles and appearance
 * 2.	Override normalize that sets box-sizing to content-box
 * 3.	Firefox doesn't let you set a custom line-height on '<input type="button">'
 *		and '<input type="submit">' elements. Therefore, we use vertical padding and
 *		’line-height: normal’ to vertically center button labels and still get the
 * 		button height wanted.
*/
  /* =TEXT-INPUTS
 * ------------------------------------------------ */
  /* =SELECTS
 * ------------------------------------------------ */
  /* =TEXTAREAS
 * ------------------------------------------------ */
  /*
 * 1.	Better UX by allowing the user to extend the textarea without breaking
 *		the layout.
*/
  /* =PLACEHOLDERS
 * ------------------------------------------------ */ }
  /* line 45, assets/css/src/base/_forms.scss */
  .fvf-form label {
    display: block;
    /* [1] */
    font-style: italic;
    font-size: 1.11111em;
    margin: 0 0 0.75em; }
  /* line 60, assets/css/src/base/_forms.scss */
  .fvf-form input[type="text"],
  .fvf-form input[type="url"],
  .fvf-form input[type="email"],
  .fvf-form input[type="password"],
  .fvf-form input[type="search"],
  .fvf-form input[type="number"],
  .fvf-form input[type="file"],
  .fvf-form select,
  .fvf-form textarea {
    -webkit-appearance: none;
    /* [1] */
    -moz-appearance: none;
    /* [1] */
    appearance: none;
    /* [1] */
    box-sizing: border-box;
    /* [2] */
    font-family: "geogrotesque", "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
    font-size: 1em;
    border: 1px solid #ccc;
    background: #fff;
    /* [1]: FF Mobile */ }
    /* line 80, assets/css/src/base/_forms.scss */
    .fvf-form input[type="text"]:focus, .fvf-form input[type="text"].focus, .fvf-form input[type="text"]:invalid, .fvf-form input[type="text"].invalid,
    .fvf-form input[type="url"]:focus,
    .fvf-form input[type="url"].focus,
    .fvf-form input[type="url"]:invalid,
    .fvf-form input[type="url"].invalid,
    .fvf-form input[type="email"]:focus,
    .fvf-form input[type="email"].focus,
    .fvf-form input[type="email"]:invalid,
    .fvf-form input[type="email"].invalid,
    .fvf-form input[type="password"]:focus,
    .fvf-form input[type="password"].focus,
    .fvf-form input[type="password"]:invalid,
    .fvf-form input[type="password"].invalid,
    .fvf-form input[type="search"]:focus,
    .fvf-form input[type="search"].focus,
    .fvf-form input[type="search"]:invalid,
    .fvf-form input[type="search"].invalid,
    .fvf-form input[type="number"]:focus,
    .fvf-form input[type="number"].focus,
    .fvf-form input[type="number"]:invalid,
    .fvf-form input[type="number"].invalid,
    .fvf-form input[type="file"]:focus,
    .fvf-form input[type="file"].focus,
    .fvf-form input[type="file"]:invalid,
    .fvf-form input[type="file"].invalid,
    .fvf-form select:focus,
    .fvf-form select.focus,
    .fvf-form select:invalid,
    .fvf-form select.invalid,
    .fvf-form textarea:focus,
    .fvf-form textarea.focus,
    .fvf-form textarea:invalid,
    .fvf-form textarea.invalid {
      box-shadow: none;
      /* [1]: FF + WK */
      outline: none;
      /* [1]: IE */ }
  /* line 89, assets/css/src/base/_forms.scss */
  .fvf-form input[type="text"],
  .fvf-form input[type="url"],
  .fvf-form input[type="email"],
  .fvf-form input[type="password"],
  .fvf-form input[type="search"],
  .fvf-form input[type="number"],
  .fvf-form input[type="file"],
  .fvf-form select {
    line-height: normal !important;
    /* [3] */
    vertical-align: middle; }
  /* line 102, assets/css/src/base/_forms.scss */
  .fvf-form input[type="search"]::-webkit-search-decoration,
  .fvf-form input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    /* [1] */ }
  /* line 120, assets/css/src/base/_forms.scss */
  .fvf-form input[type="text"],
  .fvf-form input[type="url"],
  .fvf-form input[type="email"],
  .fvf-form input[type="password"],
  .fvf-form input[type="search"],
  .fvf-form input[type="number"],
  .fvf-form input[type="file"] {
    height: 2.94444em;
    line-height: 2.94444em;
    padding: 0 1.11111em;
    color: #000; }
    /* line 133, assets/css/src/base/_forms.scss */
    .fvf-form input[type="text"]:hover, .fvf-form input[type="text"]:focus, .fvf-form input[type="text"].active,
    .fvf-form input[type="url"]:hover,
    .fvf-form input[type="url"]:focus,
    .fvf-form input[type="url"].active,
    .fvf-form input[type="email"]:hover,
    .fvf-form input[type="email"]:focus,
    .fvf-form input[type="email"].active,
    .fvf-form input[type="password"]:hover,
    .fvf-form input[type="password"]:focus,
    .fvf-form input[type="password"].active,
    .fvf-form input[type="search"]:hover,
    .fvf-form input[type="search"]:focus,
    .fvf-form input[type="search"].active,
    .fvf-form input[type="number"]:hover,
    .fvf-form input[type="number"]:focus,
    .fvf-form input[type="number"].active,
    .fvf-form input[type="file"]:hover,
    .fvf-form input[type="file"]:focus,
    .fvf-form input[type="file"].active {
      border-color: #000; }
  /* line 141, assets/css/src/base/_forms.scss */
  .fvf-form select {
    font-size: 0.88889em;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    padding: 0.94034em 1.25em; }
  /* line 152, assets/css/src/base/_forms.scss */
  .fvf-form option {
    color: #999; }
    /* line 156, assets/css/src/base/_forms.scss */
    .fvf-form option:checked, .fvf-form option.checked {
      color: #000; }
  /* line 164, assets/css/src/base/_forms.scss */
  .fvf-form textarea {
    padding: 1.11111em;
    min-height: 6.66667em;
    resize: vertical;
    /* [1] */ }
  /* line 179, assets/css/src/base/_forms.scss */
  .fvf-form input::-webkit-input-placeholder,
  .fvf-form input:-moz--placeholder,
  .fvf-form input::-moz--placeholder,
  .fvf-form input:-ms-input-placeholder,
  .fvf-form option[value=""],
  .fvf-form .placeholder {
    color: #999; }

/*
| ---------------------------------------------------------------------
| =TABLES-BASE
| ---------------------------------------------------------------------
| Default styles for table elements
|
*/
/*
| ====================================================================
| =ELEMENTS
| ====================================================================
*/
/* line 1, assets/css/src/elements/_tooltip.scss */
.tooltip {
  background-color: #78D18B;
  color: #FFF;
  font-size: 14px;
  font-family: Georgia;
  line-height: 1;
  text-transform: capitalize;
  position: absolute;
  top: -100px; }

/* line 11, assets/css/src/elements/_tooltip.scss */
.tooltip span {
  display: block;
  margin: 5px;
  padding-right: 15px; }

/* line 16, assets/css/src/elements/_tooltip.scss */
.tooltip:after {
  content: "";
  display: block;
  border-style: solid;
  border-width: 8px 7.5px 0 7.5px;
  border-color: #78D18B transparent transparent transparent;
  margin-left: -8px;
  position: absolute;
  height: 0px;
  width: 0px;
  top: 24px;
  left: 50%; }

/* line 28, assets/css/src/elements/_tooltip.scss */
.tooltip span:after {
  background: url("//www.freundevonfreunden.com/wp-content/themes/fvonf/travel/img/arrow.png") center center no-repeat;
  content: "";
  display: block;
  position: absolute;
  height: 11px;
  width: 6px;
  top: 7px;
  right: 6px; }

/* =COPY
 * ------------------------------------------------ */
/* line 6, assets/css/src/elements/_copy.scss */
.copy {
  line-height: 1.556; }

/* =DIM
 * ------------------------------------------------ */
/* line 6, assets/css/src/elements/_dim.scss */
.dim, .mute-link:hover, .mute-link:focus, .mute-link.active, .mute-link:active {
  color: #999; }

/* =SMALLPRINT
 * ------------------------------------------------ */
/* line 6, assets/css/src/elements/_smallprint.scss */
.smallprint {
  font-size: 0.8em; }

/* =SHOUTOUT
 * ------------------------------------------------ */
/* line 6, assets/css/src/elements/_shoutout.scss */
.shoutout {
  font-size: 1.8em;
  font-style: italic; }

/* =STANDOUT
 * ------------------------------------------------ */
/* line 11, assets/css/src/elements/_standout.scss */
.standout {
  font-size: 1.33333em;
  line-height: 1.4;
  line-height: 1.4;
  font-style: italic; }
  @media only screen and (min-width: 28.75em) {
    /* line 11, assets/css/src/elements/_standout.scss */
    .standout {
      font-size: 1.66667em; } }
  /* line 17, assets/css/src/elements/_standout.scss */
  .standout p {
    font-size: 0.9em; }

/* line 22, assets/css/src/elements/_standout.scss */
.interactive-acf .standout.thanks {
  margin-top: 25px; }

/* line 26, assets/css/src/elements/_standout.scss */
.interactive-acf .standout.qna {
  font-size: 1em;
  font-style: normal;
  font-weight: bold; }
  @media only screen and (min-width: 28.75em) {
    /* line 26, assets/css/src/elements/_standout.scss */
    .interactive-acf .standout.qna {
      font-size: 1.11111em; } }

/* =INFO
 * ------------------------------------------------ */
/* line 7, assets/css/src/elements/_info.scss */
.info {
  font-size: 0.83333em;
  text-align: center; }

/* =OVERLAY
 * ------------------------------------------------ */
/* line 7, assets/css/src/elements/_overlay.scss */
.overlay {
  font-size: 1.11111em;
  line-height: 1.4;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); }
  /* line 15, assets/css/src/elements/_overlay.scss */
  .overlay.naked {
    text-align: center;
    padding: 65px 0 30px;
    color: black;
    text-shadow: none;
    background: white; }
    /* line 22, assets/css/src/elements/_overlay.scss */
    body.page-template-single-fvf_story-php .overlay.naked {
      padding: 115px 0 30px; }
    /* line 26, assets/css/src/elements/_overlay.scss */
    .overlay.naked h2 {
      max-width: 70%;
      margin: 0 auto;
      font-style: normal;
      font-family: "circular-std", sans-serif;
      font-weight: normal; }

/* line 37, assets/css/src/elements/_overlay.scss */
.overlay-montblanc {
  color: #000;
  text-shadow: none; }

/* =CAPTION
 * ------------------------------------------------ */
/* line 4, assets/css/src/elements/_caption.scss */
.capt {
  font-style: italic; }

/* =BLOCK-LINK
 * ------------------------------------------------
 * Apply this to a link that wraps a block of content. It resets the link as if it were
 * a normal 'block' element
*/
/* line 7, assets/css/src/elements/_block-link.scss */
.block-link {
  display: block; }

/* =MUTE-LINK
 * ------------------------------------------------ */
/*
 * ---------------------------------------------------------------------
 *  =LOGO
 * ---------------------------------------------------------------------
*/
/* line 10, assets/css/src/elements/_logo.scss */
.logo {
  display: inline-block;
  background: none no-repeat center;
  vertical-align: middle;
  max-width: 100%;
  background-size: contain; }

/* line 19, assets/css/src/elements/_logo.scss */
a.logo {
  opacity: 1;
  -webkit-transition: opacity 0.35s ease-out;
  transition: opacity 0.35s ease-out;
  box-shadow: #000 0 0 0;
  /* [1] */ }
  /* line 24, assets/css/src/elements/_logo.scss */
  a.logo:hover, a.logo:focus, a.logo:active, a.logo.active {
    opacity: 0.5; }

/*
 * 1.   Fixes a Firefox bug where images and background-images would move slightly when
 *      transitioning opacity (used for hover states). https://bugzilla.mozilla.org/show_bug.cgi?id=745549
*/
/* =FvF Logos
 * ------------------------------------------------ */
/* line 67, assets/css/src/elements/_logo.scss */
.fvflogo__small {
  background: center/contain url(../img/icon-fvf.svg) no-repeat;
  width: 30px;
  height: 30px; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .fvflogo__small {
    background-image: url(fallbacks/../img/icon-fvf.png); }

/* line 67, assets/css/src/elements/_logo.scss */
.fvflogo__medium {
  background: center/contain url(../img/icon-fvf.svg) no-repeat;
  width: 72px;
  height: 72px; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .fvflogo__medium {
    background-image: url(fallbacks/../img/icon-fvf.png); }

/* line 67, assets/css/src/elements/_logo.scss */
.fvflogo__large {
  background: center/contain url(../img/icon-fvf.svg) no-repeat;
  width: 100px;
  height: 100px; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .fvflogo__large {
    background-image: url(fallbacks/../img/icon-fvf.png); }

/* =LOGO-AESOP
 * ------------------------------------------------ */
/* line 40, assets/css/src/elements/_logo.scss */
.logo-aesop {
  width: 134px;
  height: 50px;
  background-image: url(../img/logos/logo-aesop.png); }

/* =LOGO-ALAPE
 * ------------------------------------------------ */
/* line 40, assets/css/src/elements/_logo.scss */
.logo-alape {
  width: 112px;
  height: 35px;
  background-image: url(../img/logos/logo-alape.png); }

/* =LOGO-ALLYOUNEED
 * ------------------------------------------------ */
/* line 40, assets/css/src/elements/_logo.scss */
.logo-allyouneed {
  width: 224px;
  height: 50px;
  background-image: url(../img/logos/logo-allyouneed.png); }

/* =LOGO-ARTEK
 * ------------------------------------------------ */
/* line 40, assets/css/src/elements/_logo.scss */
.logo-artek {
  width: 119px;
  height: 35px;
  background-image: url(../img/logos/logo-artek.png); }

/* =LOGO-BURMESTER
 * ------------------------------------------------ */
/* line 40, assets/css/src/elements/_logo.scss */
.logo-burmester {
  width: 194px;
  height: 50px;
  background-image: url(../img/logos/logo-burmester.png); }

/* =LOGO-COMPANIONCOFFEE
 * ------------------------------------------------ */
/* line 40, assets/css/src/elements/_logo.scss */
.logo-companioncoffee {
  width: 121px;
  height: 50px;
  background-image: url(../img/logos/logo-companioncoffee.png); }

/* =LOGO-CREATIONBAUMANN
 * ------------------------------------------------ */
/* line 40, assets/css/src/elements/_logo.scss */
.logo-creationbaumann {
  width: 279px;
  height: 35px;
  background-image: url(../img/logos/logo-creationbaumann.png); }

/* =LOGO-DALLMER
 * ------------------------------------------------ */
/* line 40, assets/css/src/elements/_logo.scss */
.logo-dallmer {
  width: 156px;
  height: 25px;
  background-image: url(../img/logos/logo-dallmer.png); }

/* =LOGO-DISTANZ
 * ------------------------------------------------ */
/* line 40, assets/css/src/elements/_logo.scss */
.logo-distanz {
  width: 132px;
  height: 30px;
  background-image: url(../img/logos/logo-distanz.png); }

/* =LOGO-DORNBRACHT
 * ------------------------------------------------ */
/* line 40, assets/css/src/elements/_logo.scss */
.logo-dornbracht {
  width: 83px;
  height: 50px;
  background-image: url(../img/logos/logo-dornbracht.png); }

/* =LOGO-EPSON
 * ------------------------------------------------ */
/* line 40, assets/css/src/elements/_logo.scss */
.logo-epson {
  width: 111px;
  height: 25px;
  background-image: url(../img/logos/logo-epson.png); }

/* =LOGO-FVF
 * ------------------------------------------------ */
/* line 40, assets/css/src/elements/_logo.scss */
.logo-fvf {
  width: 134px;
  height: 50px;
  background-image: url(../img/logos/logo-fvf.png); }

/* =LOGO-FVFXVITRA
 * ------------------------------------------------ */
/*
@include logo-build("fvfxvitra", "../img/logos/logo-fvfxvitra", 162px, 51px);
@include logo-build("fvfxvitra-white", "../img/logos/logo-fvfxvitra-white", 162px, 51px);
*/
/* line 126, assets/css/src/elements/_logo.scss */
.logo-fvfxvitra-white {
  width: 220px;
  height: 69px;
  background-image: url(../img/logos/logo-fvfxvitra-white.svg); }
  /* line 131, assets/css/src/elements/_logo.scss */
  .no-svg .logo-fvfxvitra-white {
    background-image: url(../img/logos/logo-fvfxvitra-white.png); }

/* line 134, assets/css/src/elements/_logo.scss */
.logo-fvfhero-white {
  width: 220px;
  height: 69px; }

/* =LOGO-GESTALTEN
 * ------------------------------------------------ */
/* line 40, assets/css/src/elements/_logo.scss */
.logo-gestalten {
  width: 155px;
  height: 35px;
  background-image: url(../img/logos/logo-gestalten.png); }

/* =LOGO-KPM
 * ------------------------------------------------ */
/* line 40, assets/css/src/elements/_logo.scss */
.logo-kpm {
  width: 73px;
  height: 50px;
  background-image: url(../img/logos/logo-kpm.png); }

/* =LOGO-MIELE
 * ------------------------------------------------ */
/* line 40, assets/css/src/elements/_logo.scss */
.logo-miele {
  width: 136px;
  height: 25px;
  background-image: url(../img/logos/logo-miele.png); }

/* =LOGO-MIKILIE
 * ------------------------------------------------ */
/* line 40, assets/css/src/elements/_logo.scss */
.logo-mikili {
  width: 57px;
  height: 50px;
  background-image: url(../img/logos/logo-mikili.png); }

/* =LOGO-NEWTENDENCY
 * ------------------------------------------------ */
/* line 40, assets/css/src/elements/_logo.scss */
.logo-newtendency {
  width: 255px;
  height: 25px;
  background-image: url(../img/logos/logo-newtendency.png); }

/* =LOGO-PAPERTEA
 * ------------------------------------------------ */
/* line 40, assets/css/src/elements/_logo.scss */
.logo-papertea {
  width: 80px;
  height: 44px;
  background-image: url(../img/logos/logo-papertea.png); }

/* =LOGO-RUCKSTUHL
 * ------------------------------------------------ */
/* line 40, assets/css/src/elements/_logo.scss */
.logo-ruckstuhl {
  width: 338px;
  height: 25px;
  background-image: url(../img/logos/logo-ruckstuhl.png); }

/* =LOGO-SANDERTEC
 * ------------------------------------------------ */
/* line 40, assets/css/src/elements/_logo.scss */
.logo-sandertec {
  width: 150px;
  height: 32px;
  background-image: url(../img/logos/logo-sandertec.png); }

/* =LOGO-SELEKKT
 * ------------------------------------------------ */
/* line 40, assets/css/src/elements/_logo.scss */
.logo-selekkt {
  width: 234px;
  height: 30px;
  background-image: url(../img/logos/logo-selekkt.png); }

/* =LOGO-VITRA
 * ------------------------------------------------ */
/* line 40, assets/css/src/elements/_logo.scss */
.logo-vitra {
  width: 106px;
  height: 35px;
  background-image: url(../img/logos/logo-vitra.png); }

/* =LOGO-VOESLAUER
 * ------------------------------------------------ */
/* line 40, assets/css/src/elements/_logo.scss */
.logo-voeslauer {
  width: 96px;
  height: 50px;
  background-image: url(../img/logos/logo-voeslauer.png); }

/*
| ---------------------------------------------------------------------
| =BTN
| ---------------------------------------------------------------------
*/
/* @require "components/icon"; */
/* value of ’line-height: normal’ for geogrotesque */
/* line 71, assets/css/src/elements/_btn.scss */
.btn, .icon-btn {
  /* [1] */
  display: inline-block;
  border: 0;
  font-size: 0.88889em;
  font-family: "geogrotesque", "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
  vertical-align: middle;
  cursor: pointer;
  /* [2] */
  text-shadow: none;
  box-shadow: #000 0 0 0;
  /* [3] */
  -webkit-transition: opacity 0.25s ease-out, color 0.25s ease-out, background-color 0.25s ease-out;
  transition: opacity 0.25s ease-out, color 0.25s ease-out, background-color 0.25s ease-out; }
  /* line 96, assets/css/src/elements/_btn.scss */
  .btn:hover, .icon-btn:hover, .btn:focus, .icon-btn:focus, .btn:active, .icon-btn:active, .active.btn, .active.icon-btn {
    -webkit-transition: opacity 0.1s ease-out, color 0.1s ease-out, background-color 0.1s ease-out;
    transition: opacity 0.1s ease-out, color 0.1s ease-out, background-color 0.1s ease-out; }

/* line 109, assets/css/src/elements/_btn.scss */
.btn {
  min-width: 10.625em;
  height: 3.3125em;
  /* [4] */
  padding: 0 2.125em;
  line-height: 3.3125em;
  /* [4] */
  background: #78d18b;
  color: white; }
  /* line 119, assets/css/src/elements/_btn.scss */
  .btn:hover, .btn:active {
    background: #8aec9f; }
  /* line 122, assets/css/src/elements/_btn.scss */
  .btn:disabled {
    opacity: 0.5; }
  /* line 126, assets/css/src/elements/_btn.scss */
  .btn.unfilled {
    color: black;
    background: none;
    border: 1px solid black; }
    /* line 130, assets/css/src/elements/_btn.scss */
    .btn.unfilled:hover {
      background: none;
      border: 1px solid #c2c2c2; }
  /* line 135, assets/css/src/elements/_btn.scss */
  .btn.underlined {
    background: none;
    color: black;
    border-bottom: 2px solid black;
    min-width: 0px;
    height: auto;
    padding: .3em 0px;
    line-height: 1em; }
    /* line 143, assets/css/src/elements/_btn.scss */
    .btn.underlined:hover {
      background: none;
      border-bottom: 2px solid #c2c2c2; }

/* line 151, assets/css/src/elements/_btn.scss */
.icon-btn {
  width: 3.3125em;
  height: 3.3125em;
  padding: 0;
  background: none no-repeat center center; }

/*
 *		and '<input type="submit">' elements. Therefore, we use both ’height’ and
 *		’line-height’ to get the dimension we want and vertically center labels.
 * 1. 	Allow for the use of <a> elements
 * 2. 	Allow the use of not-clickable elements  like <div>, <span>, <i>, etc.
 * 3.	Fixes a Firefox bug where images and background-images would move slightly when
 *		transitioning opacity (used for hover states). https://bugzilla.mozilla.org/show_bug.cgi?id=745549
 * 4.	Firefox doesn't let you set a custom line-height on '<input type="button">'
*/
/* =BTN-DIMENSIONS
 * ------------------------------------------------ */
/* line 174, assets/css/src/elements/_btn.scss */
.btn-micro {
  font-size: 0.66667em;
  height: 1.91667em; }
  /* line 179, assets/css/src/elements/_btn.scss */
  .btn-micro.btn {
    line-height: 1.91667em;
    padding: 0 1.25em; }
  /* line 184, assets/css/src/elements/_btn.scss */
  .btn-micro.icon-btn {
    width: 1.91667em; }

/* line 190, assets/css/src/elements/_btn.scss */
.btn-small {
  font-size: 0.66667em;
  height: 2.91667em; }
  /* line 195, assets/css/src/elements/_btn.scss */
  .btn-small.btn {
    line-height: 2.91667em;
    padding: 0 1.5em; }
  /* line 200, assets/css/src/elements/_btn.scss */
  .btn-small.icon-btn {
    width: 2.91667em; }

/* line 205, assets/css/src/elements/_btn.scss */
.btn-big {
  font-size: 1.22222em;
  height: 3.45455em; }
  /* line 210, assets/css/src/elements/_btn.scss */
  .btn-big.btn {
    line-height: 3.45455em;
    padding: 0 2.13636em; }
  /* line 215, assets/css/src/elements/_btn.scss */
  .btn-big.icon-btn {
    width: 3.45455em; }

/* line 222, assets/css/src/elements/_btn.scss */
.btn-fill {
  display: block; }

/* =BTN-ASPECTS
 * ------------------------------------------------ */
/* line 229, assets/css/src/elements/_btn.scss */
.btn-default {
  color: #000;
  border: 2px solid #000; }
  /* line 234, assets/css/src/elements/_btn.scss */
  .btn-default:hover, .btn-default:focus, .btn-default:active {
    border-color: #ccc; }

/* line 239, assets/css/src/elements/_btn.scss */
.btn-mute {
  background-color: #e5e5e5; }
  /* line 243, assets/css/src/elements/_btn.scss */
  .btn-mute:hover, .btn-mute:focus, .btn-mute:active {
    background-color: #f0f0f0; }

/* line 248, assets/css/src/elements/_btn.scss */
.btn-cto {
  color: #fff;
  background-color: #78d18b; }
  /* line 253, assets/css/src/elements/_btn.scss */
  .btn-cto:hover, .btn-cto:focus, .btn-cto:active {
    background-color: #8aec9f; }

/*
 * ---------------------------------------------------------------------
 *  =ICON
 * ---------------------------------------------------------------------
*/
/* line 55, assets/css/src/elements/_icon.scss */
.icon-arrow {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background: center/contain url(../img/icon-arrow.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-arrow {
    background-image: url(fallbacks/../img/icon-arrow.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-arrow .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 11.36364px;
    font-style: normal;
    text-indent: 0; }

/* line 59, assets/css/src/elements/_icon.scss */
.icon-small.icon-arrow {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: center/contain url(../img/icon-arrow.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-small.icon-arrow {
    background-image: url(fallbacks/../img/icon-arrow.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-small.icon-arrow .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 8.18182px;
    font-style: normal;
    text-indent: 0; }

/* line 63, assets/css/src/elements/_icon.scss */
.icon-big.icon-arrow {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  background: center/contain url(../img/icon-arrow.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-big.icon-arrow {
    background-image: url(fallbacks/../img/icon-arrow.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-big.icon-arrow .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 15.90909px;
    font-style: normal;
    text-indent: 0; }

/* line 55, assets/css/src/elements/_icon.scss */
.icon-collaboration {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background: center/contain url(../img/icon-collaboration.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-collaboration {
    background-image: url(fallbacks/../img/icon-collaboration.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-collaboration .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 11.36364px;
    font-style: normal;
    text-indent: 0; }

/* line 59, assets/css/src/elements/_icon.scss */
.icon-small.icon-collaboration {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: center/contain url(../img/icon-collaboration.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-small.icon-collaboration {
    background-image: url(fallbacks/../img/icon-collaboration.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-small.icon-collaboration .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 8.18182px;
    font-style: normal;
    text-indent: 0; }

/* line 63, assets/css/src/elements/_icon.scss */
.icon-big.icon-collaboration {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  background: center/contain url(../img/icon-collaboration.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-big.icon-collaboration {
    background-image: url(fallbacks/../img/icon-collaboration.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-big.icon-collaboration .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 15.90909px;
    font-style: normal;
    text-indent: 0; }

/* line 55, assets/css/src/elements/_icon.scss */
.icon-date {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background: center/contain url(../img/icon-date.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-date {
    background-image: url(fallbacks/../img/icon-date.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-date .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 11.36364px;
    font-style: normal;
    text-indent: 0; }

/* line 59, assets/css/src/elements/_icon.scss */
.icon-small.icon-date {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: center/contain url(../img/icon-date.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-small.icon-date {
    background-image: url(fallbacks/../img/icon-date.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-small.icon-date .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 8.18182px;
    font-style: normal;
    text-indent: 0; }

/* line 63, assets/css/src/elements/_icon.scss */
.icon-big.icon-date {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  background: center/contain url(../img/icon-date.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-big.icon-date {
    background-image: url(fallbacks/../img/icon-date.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-big.icon-date .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 15.90909px;
    font-style: normal;
    text-indent: 0; }

/* line 55, assets/css/src/elements/_icon.scss */
.icon-download {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background: center/contain url(../img/icon-download.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-download {
    background-image: url(fallbacks/../img/icon-download.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-download .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 11.36364px;
    font-style: normal;
    text-indent: 0; }

/* line 59, assets/css/src/elements/_icon.scss */
.icon-small.icon-download {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: center/contain url(../img/icon-download.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-small.icon-download {
    background-image: url(fallbacks/../img/icon-download.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-small.icon-download .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 8.18182px;
    font-style: normal;
    text-indent: 0; }

/* line 63, assets/css/src/elements/_icon.scss */
.icon-big.icon-download {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  background: center/contain url(../img/icon-download.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-big.icon-download {
    background-image: url(fallbacks/../img/icon-download.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-big.icon-download .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 15.90909px;
    font-style: normal;
    text-indent: 0; }

/* line 55, assets/css/src/elements/_icon.scss */
.icon-email {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background: center/contain url(../img/icon-email.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-email {
    background-image: url(fallbacks/../img/icon-email.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-email .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 11.36364px;
    font-style: normal;
    text-indent: 0; }

/* line 59, assets/css/src/elements/_icon.scss */
.icon-small.icon-email {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: center/contain url(../img/icon-email.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-small.icon-email {
    background-image: url(fallbacks/../img/icon-email.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-small.icon-email .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 8.18182px;
    font-style: normal;
    text-indent: 0; }

/* line 63, assets/css/src/elements/_icon.scss */
.icon-big.icon-email {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  background: center/contain url(../img/icon-email.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-big.icon-email {
    background-image: url(fallbacks/../img/icon-email.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-big.icon-email .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 15.90909px;
    font-style: normal;
    text-indent: 0; }

/* line 55, assets/css/src/elements/_icon.scss */
.icon-facebook {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background: center/contain url(../img/icon-facebook.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-facebook {
    background-image: url(fallbacks/../img/icon-facebook.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-facebook .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 11.36364px;
    font-style: normal;
    text-indent: 0; }

/* line 59, assets/css/src/elements/_icon.scss */
.icon-small.icon-facebook {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: center/contain url(../img/icon-facebook.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-small.icon-facebook {
    background-image: url(fallbacks/../img/icon-facebook.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-small.icon-facebook .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 8.18182px;
    font-style: normal;
    text-indent: 0; }

/* line 63, assets/css/src/elements/_icon.scss */
.icon-big.icon-facebook {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  background: center/contain url(../img/icon-facebook.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-big.icon-facebook {
    background-image: url(fallbacks/../img/icon-facebook.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-big.icon-facebook .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 15.90909px;
    font-style: normal;
    text-indent: 0; }

/* line 55, assets/css/src/elements/_icon.scss */
.icon-fvf {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background: center/contain url(../img/icon-fvf.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-fvf {
    background-image: url(fallbacks/../img/icon-fvf.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-fvf .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 11.36364px;
    font-style: normal;
    text-indent: 0; }

/* line 59, assets/css/src/elements/_icon.scss */
.icon-small.icon-fvf {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: center/contain url(../img/icon-fvf.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-small.icon-fvf {
    background-image: url(fallbacks/../img/icon-fvf.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-small.icon-fvf .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 8.18182px;
    font-style: normal;
    text-indent: 0; }

/* line 63, assets/css/src/elements/_icon.scss */
.icon-big.icon-fvf {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  background: center/contain url(../img/icon-fvf.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-big.icon-fvf {
    background-image: url(fallbacks/../img/icon-fvf.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-big.icon-fvf .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 15.90909px;
    font-style: normal;
    text-indent: 0; }

/* line 55, assets/css/src/elements/_icon.scss */
.icon-googleplus {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background: center/contain url(../img/icon-googleplus.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-googleplus {
    background-image: url(fallbacks/../img/icon-googleplus.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-googleplus .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 11.36364px;
    font-style: normal;
    text-indent: 0; }

/* line 59, assets/css/src/elements/_icon.scss */
.icon-small.icon-googleplus {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: center/contain url(../img/icon-googleplus.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-small.icon-googleplus {
    background-image: url(fallbacks/../img/icon-googleplus.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-small.icon-googleplus .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 8.18182px;
    font-style: normal;
    text-indent: 0; }

/* line 63, assets/css/src/elements/_icon.scss */
.icon-big.icon-googleplus {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  background: center/contain url(../img/icon-googleplus.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-big.icon-googleplus {
    background-image: url(fallbacks/../img/icon-googleplus.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-big.icon-googleplus .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 15.90909px;
    font-style: normal;
    text-indent: 0; }

/* line 55, assets/css/src/elements/_icon.scss */
.icon-imessage {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background: center/contain url(../img/icon-imessage.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-imessage {
    background-image: url(fallbacks/../img/icon-imessage.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-imessage .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 11.36364px;
    font-style: normal;
    text-indent: 0; }

/* line 59, assets/css/src/elements/_icon.scss */
.icon-small.icon-imessage {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: center/contain url(../img/icon-imessage.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-small.icon-imessage {
    background-image: url(fallbacks/../img/icon-imessage.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-small.icon-imessage .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 8.18182px;
    font-style: normal;
    text-indent: 0; }

/* line 63, assets/css/src/elements/_icon.scss */
.icon-big.icon-imessage {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  background: center/contain url(../img/icon-imessage.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-big.icon-imessage {
    background-image: url(fallbacks/../img/icon-imessage.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-big.icon-imessage .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 15.90909px;
    font-style: normal;
    text-indent: 0; }

/* line 55, assets/css/src/elements/_icon.scss */
.icon-menu {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background: center/contain url(../img/icon-menu.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-menu {
    background-image: url(fallbacks/../img/icon-menu.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-menu .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 11.36364px;
    font-style: normal;
    text-indent: 0; }

/* line 59, assets/css/src/elements/_icon.scss */
.icon-small.icon-menu {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: center/contain url(../img/icon-menu.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-small.icon-menu {
    background-image: url(fallbacks/../img/icon-menu.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-small.icon-menu .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 8.18182px;
    font-style: normal;
    text-indent: 0; }

/* line 63, assets/css/src/elements/_icon.scss */
.icon-big.icon-menu {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  background: center/contain url(../img/icon-menu.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-big.icon-menu {
    background-image: url(fallbacks/../img/icon-menu.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-big.icon-menu .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 15.90909px;
    font-style: normal;
    text-indent: 0; }

/* line 55, assets/css/src/elements/_icon.scss */
.icon-messenger {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background: center/contain url(../img/icon-messenger.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-messenger {
    background-image: url(fallbacks/../img/icon-messenger.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-messenger .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 11.36364px;
    font-style: normal;
    text-indent: 0; }

/* line 59, assets/css/src/elements/_icon.scss */
.icon-small.icon-messenger {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: center/contain url(../img/icon-messenger.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-small.icon-messenger {
    background-image: url(fallbacks/../img/icon-messenger.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-small.icon-messenger .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 8.18182px;
    font-style: normal;
    text-indent: 0; }

/* line 63, assets/css/src/elements/_icon.scss */
.icon-big.icon-messenger {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  background: center/contain url(../img/icon-messenger.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-big.icon-messenger {
    background-image: url(fallbacks/../img/icon-messenger.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-big.icon-messenger .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 15.90909px;
    font-style: normal;
    text-indent: 0; }

/* line 55, assets/css/src/elements/_icon.scss */
.icon-photo {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background: center/contain url(../img/icon-photo.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-photo {
    background-image: url(fallbacks/../img/icon-photo.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-photo .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 11.36364px;
    font-style: normal;
    text-indent: 0; }

/* line 59, assets/css/src/elements/_icon.scss */
.icon-small.icon-photo {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: center/contain url(../img/icon-photo.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-small.icon-photo {
    background-image: url(fallbacks/../img/icon-photo.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-small.icon-photo .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 8.18182px;
    font-style: normal;
    text-indent: 0; }

/* line 63, assets/css/src/elements/_icon.scss */
.icon-big.icon-photo {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  background: center/contain url(../img/icon-photo.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-big.icon-photo {
    background-image: url(fallbacks/../img/icon-photo.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-big.icon-photo .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 15.90909px;
    font-style: normal;
    text-indent: 0; }

/* line 55, assets/css/src/elements/_icon.scss */
.icon-pinterest {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background: center/contain url(../img/icon-pinterest.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-pinterest {
    background-image: url(fallbacks/../img/icon-pinterest.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-pinterest .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 11.36364px;
    font-style: normal;
    text-indent: 0; }

/* line 59, assets/css/src/elements/_icon.scss */
.icon-small.icon-pinterest {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: center/contain url(../img/icon-pinterest.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-small.icon-pinterest {
    background-image: url(fallbacks/../img/icon-pinterest.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-small.icon-pinterest .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 8.18182px;
    font-style: normal;
    text-indent: 0; }

/* line 63, assets/css/src/elements/_icon.scss */
.icon-big.icon-pinterest {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  background: center/contain url(../img/icon-pinterest.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-big.icon-pinterest {
    background-image: url(fallbacks/../img/icon-pinterest.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-big.icon-pinterest .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 15.90909px;
    font-style: normal;
    text-indent: 0; }

/* line 55, assets/css/src/elements/_icon.scss */
.icon-remove {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background: center/contain url(../img/icon-remove.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-remove {
    background-image: url(fallbacks/../img/icon-remove.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-remove .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 11.36364px;
    font-style: normal;
    text-indent: 0; }

/* line 59, assets/css/src/elements/_icon.scss */
.icon-small.icon-remove {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: center/contain url(../img/icon-remove.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-small.icon-remove {
    background-image: url(fallbacks/../img/icon-remove.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-small.icon-remove .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 8.18182px;
    font-style: normal;
    text-indent: 0; }

/* line 63, assets/css/src/elements/_icon.scss */
.icon-big.icon-remove {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  background: center/contain url(../img/icon-remove.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-big.icon-remove {
    background-image: url(fallbacks/../img/icon-remove.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-big.icon-remove .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 15.90909px;
    font-style: normal;
    text-indent: 0; }

/* line 55, assets/css/src/elements/_icon.scss */
.icon-tumblr {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background: center/contain url(../img/icon-tumblr.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-tumblr {
    background-image: url(fallbacks/../img/icon-tumblr.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-tumblr .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 11.36364px;
    font-style: normal;
    text-indent: 0; }

/* line 59, assets/css/src/elements/_icon.scss */
.icon-small.icon-tumblr {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: center/contain url(../img/icon-tumblr.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-small.icon-tumblr {
    background-image: url(fallbacks/../img/icon-tumblr.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-small.icon-tumblr .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 8.18182px;
    font-style: normal;
    text-indent: 0; }

/* line 63, assets/css/src/elements/_icon.scss */
.icon-big.icon-tumblr {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  background: center/contain url(../img/icon-tumblr.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-big.icon-tumblr {
    background-image: url(fallbacks/../img/icon-tumblr.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-big.icon-tumblr .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 15.90909px;
    font-style: normal;
    text-indent: 0; }

/* line 55, assets/css/src/elements/_icon.scss */
.icon-twitter {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background: center/contain url(../img/icon-twitter.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-twitter {
    background-image: url(fallbacks/../img/icon-twitter.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-twitter .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 11.36364px;
    font-style: normal;
    text-indent: 0; }

/* line 59, assets/css/src/elements/_icon.scss */
.icon-small.icon-twitter {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: center/contain url(../img/icon-twitter.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-small.icon-twitter {
    background-image: url(fallbacks/../img/icon-twitter.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-small.icon-twitter .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 8.18182px;
    font-style: normal;
    text-indent: 0; }

/* line 63, assets/css/src/elements/_icon.scss */
.icon-big.icon-twitter {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  background: center/contain url(../img/icon-twitter.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-big.icon-twitter {
    background-image: url(fallbacks/../img/icon-twitter.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-big.icon-twitter .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 15.90909px;
    font-style: normal;
    text-indent: 0; }

/* line 55, assets/css/src/elements/_icon.scss */
.icon-video {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background: center/contain url(../img/icon-video.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-video {
    background-image: url(fallbacks/../img/icon-video.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-video .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 11.36364px;
    font-style: normal;
    text-indent: 0; }

/* line 59, assets/css/src/elements/_icon.scss */
.icon-small.icon-video {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: center/contain url(../img/icon-video.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-small.icon-video {
    background-image: url(fallbacks/../img/icon-video.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-small.icon-video .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 8.18182px;
    font-style: normal;
    text-indent: 0; }

/* line 63, assets/css/src/elements/_icon.scss */
.icon-big.icon-video {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  background: center/contain url(../img/icon-video.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-big.icon-video {
    background-image: url(fallbacks/../img/icon-video.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-big.icon-video .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 15.90909px;
    font-style: normal;
    text-indent: 0; }

/* line 55, assets/css/src/elements/_icon.scss */
.icon-whatsapp {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background: center/contain url(../img/icon-whatsapp.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-whatsapp {
    background-image: url(fallbacks/../img/icon-whatsapp.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-whatsapp .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 11.36364px;
    font-style: normal;
    text-indent: 0; }

/* line 59, assets/css/src/elements/_icon.scss */
.icon-small.icon-whatsapp {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: center/contain url(../img/icon-whatsapp.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-small.icon-whatsapp {
    background-image: url(fallbacks/../img/icon-whatsapp.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-small.icon-whatsapp .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 8.18182px;
    font-style: normal;
    text-indent: 0; }

/* line 63, assets/css/src/elements/_icon.scss */
.icon-big.icon-whatsapp {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  background: center/contain url(../img/icon-whatsapp.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .icon-big.icon-whatsapp {
    background-image: url(fallbacks/../img/icon-whatsapp.png); }
  /* line 44, assets/css/src/elements/_icon.scss */
  .icon-big.icon-whatsapp .text {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    font-size: 15.90909px;
    font-style: normal;
    text-indent: 0; }

/* line 69, assets/css/src/elements/_icon.scss */
.icon-big.icon-date .text {
  top: 55%; }

/* line 73, assets/css/src/elements/_icon.scss */
.icon-big.icon-menu {
  width: 30px;
  height: 30px; }

@-webkit-keyframes fadeInImg {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeInImg {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* line 10, assets/css/src/elements/_image.scss */
.fullview {
  width: 100vw;
  height: 100vh; }

/* line 15, assets/css/src/elements/_image.scss */
.img {
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background: url("../img/ring-alt.svg") center/40px no-repeat; }

/* line 21, assets/css/src/elements/_image.scss */
img.lazyload,
img.lazyloading {
  opacity: 0; }

/* line 26, assets/css/src/elements/_image.scss */
img.lazyloaded {
  -webkit-animation: fadeInImg 0.5s forwards;
          animation: fadeInImg 0.5s forwards;
  height: auto; }

/* line 31, assets/css/src/elements/_image.scss */
.img-medium {
  max-width: 90%;
  display: block;
  margin: 0 auto 2em; }
  /* line 35, assets/css/src/elements/_image.scss */
  .img-medium img {
    width: 100%; }

/* line 40, assets/css/src/elements/_image.scss */
.img-large {
  height: 100%; }

/* line 44, assets/css/src/elements/_image.scss */
.image-cover-large {
  height: calc(100vh - 52px);
  z-index: 10; }

/* line 49, assets/css/src/elements/_image.scss */
.fs_video_mod.embed-cover .embed {
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%); }

@media only screen and (min-width: 46.25em) {
  /* line 53, assets/css/src/elements/_image.scss */
  .img-large-border {
    border: 51px solid #fff; } }

/* line 22, assets/css/src/elements/_map.scss */
.map.map__small {
  margin: 2% 0;
  position: relative;
  width: 50%;
  height: 30vh; }

/* line 22, assets/css/src/elements/_map.scss */
.map.map__medium {
  margin: 2% 0;
  position: relative;
  width: 100%;
  height: 400px; }

/* line 22, assets/css/src/elements/_map.scss */
.map.map__fs {
  margin: 2% 0;
  position: relative;
  width: 100%;
  height: 90vh; }

/* line 25, assets/css/src/elements/_map.scss */
.story-map {
  position: relative;
  overflow: hidden; }

/*
| ====================================================================
| =COMPONENTS
| ====================================================================
*/
/* =GRID-SYSTEM
 * ------------------------------------------------
 * A nestable grid system that uses 'display: inline-block'. Works similarly to Griddle
 * -----
 * http://necolas.github.io/griddle/
 * -----
 * @require "helpers/no-ws";
*/
/* line 21, assets/css/src/components/_grid.scss */
.grid {
  margin-left: -0.83333em;
  margin-right: -0.83333em; }
  /* line 28, assets/css/src/components/_grid.scss */
  .grid > .grid {
    margin-left: 0;
    margin-right: 0; }

/* line 34, assets/css/src/components/_grid.scss */
.grid-unit {
  display: inline-block;
  width: 100%;
  padding-left: 0.83333em;
  padding-right: 0.83333em;
  vertical-align: top; }

/* line 21, assets/css/src/components/_grid.scss */
.entry-grid {
  margin-left: -1.11111em;
  margin-right: -1.11111em; }
  /* line 28, assets/css/src/components/_grid.scss */
  .entry-grid > .grid {
    margin-left: 0;
    margin-right: 0; }

/* line 34, assets/css/src/components/_grid.scss */
.entry-grid-unit {
  display: inline-block;
  width: 100%;
  padding-left: 1.11111em;
  padding-right: 1.11111em;
  vertical-align: top; }

/* =GRID-TILES
 * ------------------------------------------------
 * Another version of the grid, using floats instead of 'display: inline-block'.
 * The difference is that every grid-unit doesn't necessarily have the same height.
*/
/* line 7, assets/css/src/components/_grid-tiles.scss */
.grid-tiles {
  margin-left: -0.83333rem;
  margin-right: -0.83333rem; }

/* line 13, assets/css/src/components/_grid-tiles.scss */
.grid-tile {
  width: 100%;
  padding-left: 0.83333rem;
  padding-right: 0.83333rem; }

/* line 19, assets/css/src/components/_grid-tiles.scss */
.grid-tile--left {
  float: left;
  margin-right: -100%; }

/* line 24, assets/css/src/components/_grid-tiles.scss */
.grid-tile--right {
  float: right;
  margin-left: -100%; }

/* line 30, assets/css/src/components/_grid-tiles.scss */
.grid-tile--clear.grid-tile--left {
  clear: left; }

/* line 31, assets/css/src/components/_grid-tiles.scss */
.grid-tile--clear.grid-tile--right {
  clear: right; }

/* =LEVELED-LIST
 * ------------------------------------------------
 * Make a horizontal list by floating its item
 * ---
 * @require "helpers/cf"
*/
/* line 20, assets/css/src/components/_leveled-list.scss */
.leveled-list > li {
  float: left; }
  /* line 23, assets/css/src/components/_leveled-list.scss */
  .leveled-list > li:first-child {
    margin-left: 0; }

/* =STACKED-LIST
 * ------------------------------------------------
 * stack list items vertically
*/
/* line 15, assets/css/src/components/_stacked-list.scss */
.stacked-list > li {
  float: none;
  display: block; }
  /* line 19, assets/css/src/components/_stacked-list.scss */
  .stacked-list > li:last-child {
    margin-bottom: 0; }

/*
 * ---------------------------------------------------------------------
 *  =MEDIA
 * ---------------------------------------------------------------------
 * Nicole Sullivan's famous 'media' object, made of an image or video floated on
 * one side, and a content box floating on the other side. The content box will not
 * wrap around the object, but keep it's left side on the right on the object.
 * -----
 * http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
*/
/* line 12, assets/css/src/components/_media.scss */
.media {
  display: block;
  width: 100%; }

/* line 22, assets/css/src/components/_media.scss */
.media-body {
  overflow: hidden;
  /* [2] */ }

/*
 * 1. 	Allows the use of ’inline’ elements
 * 2.	Generates new block formatting context, causing the block not to
 *		overlap it's floated siblings.
*/
/* =MEDIA-MODIFIERS
 * ------------------------------------------------
 * Puts the media object on the otehr side
*/
/* =ROW
 * ------------------------------------------------
 * Aligns child elements horizontally using table-cells. There can be one child with
 * a 'child-fill' class that will take the maximum  horizontal space available.
*/
/* line 7, assets/css/src/components/_row.scss */
.row {
  display: table;
  width: 100%;
  /* faking ’display: block;’ */
  table-layout: auto; }

/* line 13, assets/css/src/components/_row.scss */
.row-fill, .row-fit {
  display: table-cell;
  vertical-align: middle; }

/* line 18, assets/css/src/components/_row.scss */
.row-fill {
  width: 100%;
  /* fill maximum horizontal space available */ }

/* =CENTROID
 * ------------------------------------------------
 * Center both vertically and horizontally without knowing the
 * width or height of the element. Apply the ’.centroid-wrapper’
 * class to the element's container. Courtesy of Michał Czernow
 * => http://css-tricks.com/centering-in-the-unknown/
*/
/* line 12, assets/css/src/components/_centroid.scss */
.centroid-wrap {
  /* [1] */
  text-align: center;
  /* [2] */ }
  /* line 17, assets/css/src/components/_centroid.scss */
  .centroid-wrap:before {
    content: "";
    height: 100%; }

/* line 24, assets/css/src/components/_centroid.scss */
.centroid-wrap:before, .centroid {
  display: inline-block;
  /* [2] */
  vertical-align: middle;
  /* [5] */ }

/* line 29, assets/css/src/components/_centroid.scss */
.centroid {
  max-width: 100%;
  /* [4] */ }

/*
 * 1.	Delete white-space between ghost element and ’.centroid’ due to
 *		’display: inline-block’.
 * 2.	Center horizontally
 * 3. 	Ghost element that allows for vertical centering
 * 4. 	Reset white-space for children elements
 * 5.	Center vertically
*/
/*
 * ---------------------------------------------------------------------
 *  =FLD
 * ---------------------------------------------------------------------
*/
/* line 16, assets/css/src/components/_fld.scss */
.fld {
  margin: 15px 0; }

/* line 20, assets/css/src/components/_fld.scss */
.fld-label, .fld-ctrl {
  width: 100%; }

/* line 24, assets/css/src/components/_fld.scss */
.fld-label {
  margin: 10px 0; }

/* line 28, assets/css/src/components/_fld.scss */
.fld-ctrls {
  margin: 0; }

/* =FLD-OVERLAY
 * ------------------------------------------------ */
/* line 35, assets/css/src/components/_fld.scss */
.fld-overlay .fld-ctrl {
  -webkit-transition: box-shadow 0.35s ease;
  transition: box-shadow 0.35s ease;
  /* [2] */
  border: 0;
  /* [1] */
  box-shadow: 0 0 0 1px transparent;
  /* [2] */ }
  /* line 41, assets/css/src/components/_fld.scss */
  .fld-overlay .fld-ctrl:hover, .fld-overlay .fld-ctrl:focus, .fld-overlay .fld-ctrl:active, .fld-overlay .fld-ctrl.active {
    box-shadow: 0 0 0 1px #000; }

/*
 * 1. 	Remove real borders
 * 1. 	Add a fake, transitionable border
*/
/*
 * ---------------------------------------------------------------------
 *  =FLD-GROUP
 * ---------------------------------------------------------------------
*/
/* line 22, assets/css/src/components/_fld-group.scss */
.fld-group--inline > .fld {
  display: inline-block;
  margin-top: 0;
  padding-right: 0.27778em; }
  /* line 28, assets/css/src/components/_fld-group.scss */
  .fld-group--inline > .fld:last-child {
    padding-right: 0; }

/*
 * ---------------------------------------------------------------------
 *  =COLLAPSIBLE
 * ---------------------------------------------------------------------
*/
/*
 * An element that can be collapsed using the specified transition.
 * -----
 * @require JS "components/jquery.collapsible"
*/
/* line 16, assets/css/src/components/_collapsible.scss */
[data-collapse="collapse"] {
  display: none; }
  /* line 20, assets/css/src/components/_collapsible.scss */
  [data-collapse="collapse"].active {
    display: block; }

/* =COLLAPSE-FOLD
 * ------------------------------------------------ */
/* line 28, assets/css/src/components/_collapsible.scss */
[data-collapse="fold"], [data-collapse="fade"] {
  visibility: hidden;
  overflow: hidden;
  height: 0; }
  /* line 34, assets/css/src/components/_collapsible.scss */
  [data-collapse="fold"].active, .active[data-collapse="fade"] {
    visibility: visible;
    height: auto; }

/* =COLLAPSE-FADE
 * ------------------------------------------------ */
/* line 43, assets/css/src/components/_collapsible.scss */
[data-collapse="fade"] {
  -webkit-transition: opacity 0.35s ease false;
  -webkit-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
  opacity: 0; }
  /* line 50, assets/css/src/components/_collapsible.scss */
  [data-collapse="fade"].active {
    opacity: 1; }

/* =COLLAPSE-SLIDE
 * ------------------------------------------------ */
/* line 58, assets/css/src/components/_collapsible.scss */
[data-collapse="slide-down"], [data-collapse="slide-up"] {
  -webkit-transition: -webkit-transform 0.5s ease false;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
  /* line 62, assets/css/src/components/_collapsible.scss */
  [data-collapse="slide-down"].active, [data-collapse="slide-up"].active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

/* line 67, assets/css/src/components/_collapsible.scss */
[data-collapse="slide-down"] {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }

/* line 71, assets/css/src/components/_collapsible.scss */
[data-collapse="slide-up"] {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

/* =DROPDOWN
 * ------------------------------------------------
 * A collapsible that is positioned out of the document's flow and in front of surrounding content
*/
/* line 14, assets/css/src/components/_dropdown.scss */
.dropdown {
  position: relative; }

/* line 18, assets/css/src/components/_dropdown.scss */
.dropdown-menu {
  display: none;
  top: 100%;
  left: 0;
  min-width: 120px;
  width: 100%;
  margin-top: 0;
  border-top: 1px solid #e5e5e5; }
  /* line 28, assets/css/src/components/_dropdown.scss */
  .dropdown-menu.active {
    display: block; }

/* line 34, assets/css/src/components/_dropdown.scss */
.dropdown-item {
  margin: 0 !important;
  border: 1px solid #e5e5e5;
  border-top: 0; }

/* line 40, assets/css/src/components/_dropdown.scss */
.dropdown-option {
  display: block;
  padding: 0.44444em 0.55556em;
  background: #fff; }

/*
| ---------------------------------------------------------------------
| =BULLET
| ---------------------------------------------------------------------
*/
/* line 22, assets/css/src/components/_bullet.scss */
.bullet-list .bullet {
  margin: 0 0.22222em; }
  /* line 26, assets/css/src/components/_bullet.scss */
  .touch .bullet-list .bullet {
    margin: 0 0.33333em; }

/* line 32, assets/css/src/components/_bullet.scss */
ol.bullet-list li {
  margin: 0 6px; }

/* line 37, assets/css/src/components/_bullet.scss */
.bullet {
  -webkit-transition: none false false;
  -webkit-transition: none;
  transition: none;
  display: inline-block;
  position: relative;
  width: 0.55556em;
  height: 0.55556em;
  border: 1px solid #000;
  /* hide text */
  color: transparent;
  text-decoration: none !important;
  cursor: pointer; }
  /* line 55, assets/css/src/components/_bullet.scss */
  .bullet, .bullet:after {
    border-radius: 50%; }
  /* line 59, assets/css/src/components/_bullet.scss */
  .bullet:after {
    content: "";
    top: 50%;
    left: 50%;
    width: 0.27778em;
    height: 0.27778em;
    margin-top: -0.13889em;
    margin-left: -0.13889em;
    opacity: 0;
    background-color: #000; }
  /* line 75, assets/css/src/components/_bullet.scss */
  .bullet:hover:after, .bullet:focus:after, .bullet:active:after, .bullet.active:after {
    opacity: 1; }

/* line 81, assets/css/src/components/_bullet.scss */
.blk-controls .bullet {
  border-color: #000; }
  /* line 84, assets/css/src/components/_bullet.scss */
  .blk-controls .bullet:after {
    background-color: #000 !important;
    width: 100%;
    height: 100%;
    margin-top: -4.5px;
    margin-left: -4.5px; }

/* line 93, assets/css/src/components/_bullet.scss */
.touch .bullet {
  width: 1.11111em;
  height: 1.11111em;
  border-radius: 10px; }
  /* line 99, assets/css/src/components/_bullet.scss */
  .touch .bullet:after {
    width: 0.38889em;
    height: 0.38889em;
    margin-top: -0.19444em;
    margin-left: -0.19444em; }

/* =BULLET--WHITE
 * ------------------------------------------------ */
/* line 110, assets/css/src/components/_bullet.scss */
.bullet-white {
  border: 1px solid #fff; }
  /* line 113, assets/css/src/components/_bullet.scss */
  .bullet-white:after {
    background-color: #fff; }

/*
| ====================================================================
| =MODULES
| ====================================================================
*/
/*
 * ---------------------------------------------------------------------
 *  =FVF-MENU
 * ---------------------------------------------------------------------
*/
/* line 61, assets/css/src/modules/_fvf-menu.scss */
.main-nav {
  position: fixed;
  z-index: 5000; }

/* ------------------------------------------------
 * =NAVBAR
 * ------------------------------------------------ */
/* line 70, assets/css/src/modules/_fvf-menu.scss */
.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0.27778em;
  background: #f9f9f9;
  z-index: 5000;
  border-bottom: 1px solid #e5e5e5;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); }

/* ------------------------------------------------
 * =MENU-ICONS
 * ------------------------------------------------ */
/* line 87, assets/css/src/modules/_fvf-menu.scss */
.menu-icon {
  width: 20px;
  height: 20px;
  background: none no-repeat center; }

/* line 94, assets/css/src/modules/_fvf-menu.scss */
.menu-icon-caret {
  display: none; }

/* line 100, assets/css/src/modules/_fvf-menu.scss */
.menu-icon-fvf {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background: url(../img/icon-fvf.svg) no-repeat center; }
  /* line 109, assets/css/src/modules/_fvf-menu.scss */
  html.no-svg .menu-icon-fvf {
    background: url(../img/icon-fvf.png) center no-repeat; }

/* ------------------------------------------------
 * =MENU-FORMS
 * ------------------------------------------------ */
/* line 121, assets/css/src/modules/_fvf-menu.scss */
.menu-form .menu-label {
  display: inline-block;
  font-weight: 700;
  font-size: 1.28571em;
  margin: 0.27778em 0; }

/* line 128, assets/css/src/modules/_fvf-menu.scss */
.menu-form .menu-input, .menu-form .menu-btn {
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  width: 100%;
  margin: 0.3125em 0;
  border: 0;
  color: #b3b3b3; }
  /* line 138, assets/css/src/modules/_fvf-menu.scss */
  .menu-secondary .menu-form .menu-input, .menu-secondary .menu-form .menu-btn {
    font-size: 1.14286em; }

/* line 143, assets/css/src/modules/_fvf-menu.scss */
.menu-form .menu-input, .menu-form .menu-select {
  font-size: 1.14286em;
  font-family: inherit;
  line-height: 2.1875em; }

/* line 149, assets/css/src/modules/_fvf-menu.scss */
.menu-form .menu-input, .menu-form .menu-btn {
  background: #e5e5e5; }

/* line 153, assets/css/src/modules/_fvf-menu.scss */
.menu-form .menu-input {
  height: 2.1875em;
  padding: 0 0.625em; }

/* line 158, assets/css/src/modules/_fvf-menu.scss */
.menu-form .menu-select {
  font-size: 1.14286em;
  width: 100%; }

/* line 163, assets/css/src/modules/_fvf-menu.scss */
.menu-form .menu-btn {
  font-size: 1em;
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  line-height: 2.5em;
  height: 2.5em;
  padding: 0 1.14286em; }
  /* line 172, assets/css/src/modules/_fvf-menu.scss */
  .menu-form .menu-btn:hover, .menu-form .menu-btn:focus, .menu-form .menu-btn:active {
    color: #fff;
    background-color: #78d18b; }
  /* line 177, assets/css/src/modules/_fvf-menu.scss */
  .menu-secondary .menu-form .menu-btn {
    font-size: 1em; }

@media screen and (max-width: 1000px) {
  /* line 181, assets/css/src/modules/_fvf-menu.scss */
  .menu-form.menu-selectbox-form {
    display: none; } }

/* =SEARCH-FORM
 * ------------------------------------------------ */
/* line 190, assets/css/src/modules/_fvf-menu.scss */
.menu-search-form {
  position: relative;
  width: 100%;
  text-align: left; }
  @media screen and (min-width: 1000px) {
    /* line 196, assets/css/src/modules/_fvf-menu.scss */
    .menu-search-form .menu-search-input {
      width: 2.1875em;
      opacity: 0; }
      /* line 201, assets/css/src/modules/_fvf-menu.scss */
      .menu-search-form .menu-search-input:focus {
        width: 100%;
        padding-left: 2.1875em;
        opacity: 1;
        outline: none; } }
  @media screen and (max-width: 999px) {
    /* line 196, assets/css/src/modules/_fvf-menu.scss */
    .menu-search-form .menu-search-input {
      width: 100%;
      padding-left: 2.1875em;
      outline: none; } }
  /* line 216, assets/css/src/modules/_fvf-menu.scss */
  .menu-search-form .menu-search-submit {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.5em;
    padding: 0;
    background: url(../img/menu/icon-search.png) no-repeat center;
    background-color: transparent;
    pointer-events: none;
    opacity: 1; }
    /* line 229, assets/css/src/modules/_fvf-menu.scss */
    .menu-search-form .menu-search-submit:hover, .menu-search-form .menu-search-submit:focus, .menu-search-form .menu-search-submit:active {
      opacity: 0.5;
      background-color: transparent;
      outline: none; }

/* =NEWSLETTER-FORM
 * ------------------------------------------------ */
/* line 240, assets/css/src/modules/_fvf-menu.scss */
.menu-newsletter {
  max-width: 40em;
  margin: 0 auto;
  padding: 1.07143em 0; }
  /* line 246, assets/css/src/modules/_fvf-menu.scss */
  .menu-newsletter .menu-input {
    text-align: center; }
  /* line 250, assets/css/src/modules/_fvf-menu.scss */
  .menu-newsletter .menu-btn {
    color: #fff;
    background-color: #78d18b; }

/* =SELECTBOX
 * ------------------------------------------------ */
/* line 261, assets/css/src/modules/_fvf-menu.scss */
.menu-selectbox .menu-form {
  table-layout: auto;
  width: 100%; }

/* ------------------------------------------------
 * =MENU
 * ------------------------------------------------ */
/* line 271, assets/css/src/modules/_fvf-menu.scss */
.menu {
  position: relative;
  font-size: 0.77778em;
  font-family: "circular-std", sans-serif;
  text-align: center;
  color: #999;
  background: #f9f9f9; }

/* line 280, assets/css/src/modules/_fvf-menu.scss */
.menu-panel {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%); }
  /* line 290, assets/css/src/modules/_fvf-menu.scss */
  .menu-panel.active {
    -webkit-transition: -webkit-transform 0.35s ease-out;
    transition: -webkit-transform 0.35s ease-out;
    transition: transform 0.35s ease-out;
    transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
    -webkit-transform: translateY(46px);
            transform: translateY(46px); }
  /* line 295, assets/css/src/modules/_fvf-menu.scss */
  .admin-bar .menu-panel {
    top: 28px; }

/* line 300, assets/css/src/modules/_fvf-menu.scss */
.menu-macro {
  display: none; }

/* line 304, assets/css/src/modules/_fvf-menu.scss */
.menu-primary {
  background: #f2f2f2;
  padding: 0 10px; }

/* line 309, assets/css/src/modules/_fvf-menu.scss */
.menu-secondary {
  font-size: 1em;
  padding: 0 10px; }
  /* line 314, assets/css/src/modules/_fvf-menu.scss */
  .menu-secondary .menu-link {
    line-height: 2.85714em; }

/* line 319, assets/css/src/modules/_fvf-menu.scss */
.menu-selectbox {
  padding: 10px 0; }

/* =MENU-CONTROLS
 * ------------------------------------------------ */
/* line 326, assets/css/src/modules/_fvf-menu.scss */
.menu-controls {
  position: relative; }

/* line 330, assets/css/src/modules/_fvf-menu.scss */
.menu-close {
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 20;
  display: inline-block;
  width: 2.5em;
  height: 2.5em;
  margin-top: 0.35714em;
  background: url(../img/menu/icon-close.png) center no-repeat;
  cursor: pointer; }

/* line 344, assets/css/src/modules/_fvf-menu.scss */
.menu-search {
  position: relative;
  z-index: 30;
  margin-right: 2.85714em; }

/* =MENU-LINKS
 * ------------------------------------------------ */
/* line 353, assets/css/src/modules/_fvf-menu.scss */
.menu-links {
  margin: 0 -10px;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5; }
  /* line 359, assets/css/src/modules/_fvf-menu.scss */
  .menu-links > li {
    float: left;
    width: 50%;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin-left: -2px; }
    @media only screen and (min-width: 1000px) {
      /* line 368, assets/css/src/modules/_fvf-menu.scss */
      .menu-links > li.more:hover .cities-menu {
        display: block; } }

/* line 375, assets/css/src/modules/_fvf-menu.scss */
.menu-link {
  display: block;
  padding: 0 16px;
  line-height: 3.57143em;
  vertical-align: middle;
  color: inherit;
  text-decoration: inherit;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease; }
  @media screen and (min-width: 1000px) {
    /* line 387, assets/css/src/modules/_fvf-menu.scss */
    .menu-link:hover, .menu-link:focus, .menu-link:active {
      color: #666;
      background: #fff; } }
  /* line 393, assets/css/src/modules/_fvf-menu.scss */
  .menu-link.active {
    color: #666;
    background: #fff; }
    /* line 397, assets/css/src/modules/_fvf-menu.scss */
    .menu-link.active .menu-icon-caret {
      -webkit-transform: translateY(-1px) rotate(180deg);
              transform: translateY(-1px) rotate(180deg); }

/* line 403, assets/css/src/modules/_fvf-menu.scss */
.menu-home {
  display: none; }

/* =MENU-MOBILE
 * ------------------------------------------------ */
/* line 409, assets/css/src/modules/_fvf-menu.scss */
.menu-micro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  /* line 414, assets/css/src/modules/_fvf-menu.scss */
  .menu-micro .mobile-menu {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 35px; }
    /* line 420, assets/css/src/modules/_fvf-menu.scss */
    .menu-micro .mobile-menu svg {
      height: 100%; }
  /* line 425, assets/css/src/modules/_fvf-menu.scss */
  .menu-micro .mobile-menu svg g > * {
    -webkit-transition: 0.5s;
    transition: 0.5s; }
  /* line 430, assets/css/src/modules/_fvf-menu.scss */
  .menu-micro .mobile-menu.active svg g > rect:nth-child(1) {
    -webkit-transform: translateX(9px) translateY(-1px) rotate(40deg);
            transform: translateX(9px) translateY(-1px) rotate(40deg); }
  /* line 433, assets/css/src/modules/_fvf-menu.scss */
  .menu-micro .mobile-menu.active svg g > rect:nth-child(2) {
    -webkit-transform: translateX(150%);
            transform: translateX(150%); }
  /* line 436, assets/css/src/modules/_fvf-menu.scss */
  .menu-micro .mobile-menu.active svg g > rect:nth-child(3) {
    -webkit-transform: translateX(-7px) translateY(15px) rotate(-40deg);
            transform: translateX(-7px) translateY(15px) rotate(-40deg); }

/* =MENU-CREDITS
 * ------------------------------------------------ */
/* line 445, assets/css/src/modules/_fvf-menu.scss */
.menu-credits {
  display: inline-block;
  font-size: 0.85714em;
  line-height: 4.16667em;
  vertical-align: middle;
  text-align: center;
  margin-right: 7px;
  color: #666; }

/* line 455, assets/css/src/modules/_fvf-menu.scss */
.menu-webdesigner {
  font-size: 1em; }
  /* line 458, assets/css/src/modules/_fvf-menu.scss */
  .menu-webdesigner a {
    text-decoration: none; }
    /* line 461, assets/css/src/modules/_fvf-menu.scss */
    .menu-webdesigner a:hover {
      color: #000; }

/* =CITIES-MENU
 * ------------------------------------------------ */
/* line 471, assets/css/src/modules/_fvf-menu.scss */
.cities-menu {
  font-family: "circular-std", sans-serif;
  font-size: 0.94444em;
  top: 100%;
  left: 0;
  z-index: 3000;
  width: 799px;
  display: none; }
  /* line 488, assets/css/src/modules/_fvf-menu.scss */
  .cities-menu ul:last-child {
    border-right: 1px solid #e5e5e5; }
  /* line 493, assets/css/src/modules/_fvf-menu.scss */
  .cities-menu a {
    display: table;
    width: 100%;
    background: #f2f2f2; }
    /* line 499, assets/css/src/modules/_fvf-menu.scss */
    .cities-menu a > .cityName, .cities-menu a .cityCount {
      display: table-cell;
      vertical-align: middle;
      border-top: 1px solid #e5e5e5;
      border-left: 1px solid #e5e5e5; }
    /* line 506, assets/css/src/modules/_fvf-menu.scss */
    .cities-menu a > .cityName {
      padding: 0.47059em 0.58824em; }
    /* line 510, assets/css/src/modules/_fvf-menu.scss */
    .cities-menu a > .cityCount {
      width: 30px !important;
      text-align: center; }
    /* line 517, assets/css/src/modules/_fvf-menu.scss */
    .cities-menu a:hover > .cityName, .cities-menu a:active > .cityName {
      color: #fff;
      border-color: #78d18b;
      background-color: #78d18b; }
    /* line 523, assets/css/src/modules/_fvf-menu.scss */
    .cities-menu a:hover > .cityCount, .cities-menu a:active > .cityCount {
      color: #78d18b;
      background-color: #fff; }
  /* line 530, assets/css/src/modules/_fvf-menu.scss */
  .cities-menu .all-cities-link {
    border-right: 1px solid #e5e5e5;
    width: 99.7%; }
    /* line 534, assets/css/src/modules/_fvf-menu.scss */
    .cities-menu .all-cities-link:hover, .cities-menu .all-cities-link:active {
      border-color: #78d18b; }

/* line 540, assets/css/src/modules/_fvf-menu.scss */
.menu-icon-caret {
  position: relative;
  left: 5px;
  display: inline-block;
  width: 7px;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  line-height: normal;
  vertical-align: text-bottom;
  background: url(../img/menu/caret.svg) no-repeat center center;
  background-size: contain; }
  /* line 552, assets/css/src/modules/_fvf-menu.scss */
  html.no-svg .menu-icon-caret {
    background: url(../img/menu/caret.png) no-repeat center center;
    background-size: 200%; }

/*
 * ---------------------------------------------------------------------
 *  =MENU-BREAKPOINTS
 * ---------------------------------------------------------------------
*/
@media only screen and (min-width: 62.5em) {
  /* line 567, assets/css/src/modules/_fvf-menu.scss */
  .main-nav {
    position: relative;
    z-index: 5000; }
  /* line 572, assets/css/src/modules/_fvf-menu.scss */
  .menu-panel {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  /* line 576, assets/css/src/modules/_fvf-menu.scss */
  .nav-controls {
    display: none; }
  /* line 580, assets/css/src/modules/_fvf-menu.scss */
  .menu {
    text-align: left; }
  /* line 584, assets/css/src/modules/_fvf-menu.scss */
  .menu-micro {
    display: none; }
  /* line 588, assets/css/src/modules/_fvf-menu.scss */
  .menu-macro {
    display: block; }
  /* line 592, assets/css/src/modules/_fvf-menu.scss */
  .menu-panel {
    position: static;
    box-shadow: none;
    border-bottom: 0; }
    /* line 597, assets/css/src/modules/_fvf-menu.scss */
    .menu-panel .menu-inner {
      padding: 0 0 0 60px; }
  /* line 602, assets/css/src/modules/_fvf-menu.scss */
  .menu-inner {
    position: relative;
    max-width: 960px;
    margin: 0 auto; }
  /* line 608, assets/css/src/modules/_fvf-menu.scss */
  .menu-main, .menu-sub, .menu-full {
    float: left; }
  /* line 612, assets/css/src/modules/_fvf-menu.scss */
  .menu-primary, .menu-secondary {
    padding: 0 15px; }
  /* line 616, assets/css/src/modules/_fvf-menu.scss */
  .menu-controls, .menu-selectbox, .menu-newsletter {
    padding: 0; }
  /* line 620, assets/css/src/modules/_fvf-menu.scss */
  .menu-controls {
    float: right; }
  /* line 624, assets/css/src/modules/_fvf-menu.scss */
  .menu-search, .menu-credits {
    float: right; }
  /* line 628, assets/css/src/modules/_fvf-menu.scss */
  .menu-close {
    display: none; }
  /* line 632, assets/css/src/modules/_fvf-menu.scss */
  .menu-form {
    display: table; }
    /* line 635, assets/css/src/modules/_fvf-menu.scss */
    .menu-form .menu-label {
      margin: 0 0.83333em 0 0;
      font-size: 0.85714em; }
      /* line 639, assets/css/src/modules/_fvf-menu.scss */
      .menu-secondary .menu-form .menu-label {
        font-size: 0.85714em; }
    /* line 642, assets/css/src/modules/_fvf-menu.scss */
    .menu-form .menu-input, .menu-form .menu-btn {
      display: table-cell;
      vertical-align: middle;
      width: auto; }
    /* line 648, assets/css/src/modules/_fvf-menu.scss */
    .menu-form .menu-input, .menu-form .menu-select {
      line-height: 2.16667em;
      height: 2.16667em;
      font-size: 0.85714em; }
      /* line 652, assets/css/src/modules/_fvf-menu.scss */
      .menu-secondary .menu-form .menu-input, .menu-secondary .menu-form .menu-select {
        font-size: 0.85714em; }
    /* line 655, assets/css/src/modules/_fvf-menu.scss */
    .menu-form .menu-input {
      margin: 0 0.41667em 0 0; }
    /* line 659, assets/css/src/modules/_fvf-menu.scss */
    .menu-form .menu-btn {
      font-size: 0.71429em;
      line-height: 2.6em;
      height: 2.6em;
      margin: 0 0.5em 0 0; }
      /* line 664, assets/css/src/modules/_fvf-menu.scss */
      .menu-secondary .menu-form .menu-btn {
        font-size: 0.71429em; }
  /* line 668, assets/css/src/modules/_fvf-menu.scss */
  .menu-search {
    display: inline-block;
    line-height: 3.57143em;
    vertical-align: middle;
    margin-right: 0; }
    /* line 675, assets/css/src/modules/_fvf-menu.scss */
    .menu-search .menu-search-input, .menu-search .menu-search-input:focus {
      width: 136px;
      padding: 0.41667em 0.66667em;
      opacity: 1; }
    /* line 681, assets/css/src/modules/_fvf-menu.scss */
    .menu-search .menu-search-submit {
      width: 2.6em;
      margin-right: 0;
      position: static;
      pointer-events: auto; }
  /* line 689, assets/css/src/modules/_fvf-menu.scss */
  .menu-newsletter {
    float: left;
    display: inline-block;
    line-height: 2.85714em;
    vertical-align: middle;
    max-width: none; }
    /* line 697, assets/css/src/modules/_fvf-menu.scss */
    .menu-newsletter .menu-newsletter-input {
      text-align: left;
      width: 24.16667em; }
    /* line 702, assets/css/src/modules/_fvf-menu.scss */
    .menu-newsletter .menu-btn {
      color: #b3b3b3;
      background-color: #e5e5e5; }
      /* line 707, assets/css/src/modules/_fvf-menu.scss */
      .menu-newsletter .menu-btn:hover, .menu-newsletter .menu-btn:focus, .menu-newsletter .menu-btn:active {
        color: #fff;
        background-color: #78d18b; }
  /* line 714, assets/css/src/modules/_fvf-menu.scss */
  .menu-links {
    margin: 0;
    border: 0; }
    /* line 719, assets/css/src/modules/_fvf-menu.scss */
    .menu-links > li {
      width: auto;
      border: 0; }
  /* line 725, assets/css/src/modules/_fvf-menu.scss */
  .menu-elsewhere {
    float: right; }
    /* line 729, assets/css/src/modules/_fvf-menu.scss */
    .menu-elsewhere .menu-links {
      margin-top: 0.57143em; }
    /* line 733, assets/css/src/modules/_fvf-menu.scss */
    .menu-elsewhere .menu-link {
      text-indent: 120%;
      overflow: hidden;
      white-space: nowrap;
      max-width: 23px;
      max-height: 12px;
      margin: 7px 3px;
      padding: 0;
      background-repeat: no-repeat;
      background-position: center;
      background-color: transparent;
      opacity: 0.5; }
      /* line 752, assets/css/src/modules/_fvf-menu.scss */
      .menu-elsewhere .menu-link:hover, .menu-elsewhere .menu-link:focus, .menu-elsewhere .menu-link:active, .menu-elsewhere .menu-link.active {
        opacity: 1; }
  /* line 760, assets/css/src/modules/_fvf-menu.scss */
  .menu-full .menu-link {
    font-size: 0.85714em;
    line-height: 4.16667em;
    padding: 0 10px; }
  /* line 766, assets/css/src/modules/_fvf-menu.scss */
  .menu-full li:first-child .menu-link {
    padding-left: 0; }
  /* line 771, assets/css/src/modules/_fvf-menu.scss */
  .menu-credits {
    float: right; }
  /* line 775, assets/css/src/modules/_fvf-menu.scss */
  .menu-home {
    display: block;
    position: absolute;
    top: 0.9rem;
    left: 5px; }
  /* line 782, assets/css/src/modules/_fvf-menu.scss */
  .cities-menu.active {
    display: block; } }

/* line 787, assets/css/src/modules/_fvf-menu.scss */
.subaccess_footer {
  background-color: #f9f9f9;
  width: 100%;
  height: 170px; }

/* line 793, assets/css/src/modules/_fvf-menu.scss */
.subaccess_footer h3 {
  display: none;
  font-family: "circular-std",sans-serif !important;
  margin: 22px 0 17px;
  color: #000;
  font-size: 2.4em;
  font-weight: 500; }

/* line 802, assets/css/src/modules/_fvf-menu.scss */
.subaccess_footer h2 {
  font-family: "tisa-pro", Georgia, serif;
  font-size: 20px;
  color: #000;
  margin: 34px 0 5px;
  line-height: 20px;
  font-weight: normal; }

/* line 811, assets/css/src/modules/_fvf-menu.scss */
.subaccess_footer p {
  float: left !important;
  width: auto; }
  @media screen and (max-width: 700px) {
    /* line 811, assets/css/src/modules/_fvf-menu.scss */
    .subaccess_footer p {
      width: 80%;
      margin: 0 auto; } }

/* line 820, assets/css/src/modules/_fvf-menu.scss */
.apt-newsletter-form p input[type="email"] {
  border: 1px solid #ccc;
  padding: 0 22px;
  height: 57px;
  width: 19.6rem;
  outline: none;
  -webkit-appearance: none;
  border-radius: 0px;
  font-size: 20px;
  font-family: "geogrotesque", "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
  margin-right: 10px; }

/* line 834, assets/css/src/modules/_fvf-menu.scss */
.apt-newsletter-form p input[type="submit"] {
  color: #fff;
  font-family: "geogrotesque", "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
  min-width: 10.1em;
  height: 3.3125em;
  padding: 0 2.125em;
  line-height: 3.3125em;
  font-size: 1.06em;
  -webkit-appearance: none;
  border-radius: 0px; }

/* line 846, assets/css/src/modules/_fvf-menu.scss */
.subaccess_footer #social-box li, #subaccess #social-box li {
  float: left;
  list-style-type: none; }

/* line 850, assets/css/src/modules/_fvf-menu.scss */
.subaccess_footer .social, #subaccess .social {
  float: right;
  right: 0px;
  margin: 7px 6px 0px 0px; }

/* line 856, assets/css/src/modules/_fvf-menu.scss */
.subaccess_footer #social-box, #subaccess #social-box {
  display: block;
  position: relative;
  height: auto;
  width: auto;
  margin: 0; }

/* line 864, assets/css/src/modules/_fvf-menu.scss */
.subaccess_footer #social-box li a, #subaccess #social-box li a {
  display: block;
  max-height: 22px;
  min-width: 22px;
  min-height: 18px; }

/* line 871, assets/css/src/modules/_fvf-menu.scss */
.subaccess_footer #social-box {
  padding: 34px 0 0; }

/* line 875, assets/css/src/modules/_fvf-menu.scss */
.subaccess_footer #social-box li a {
  margin: 0 15px 0 0;
  opacity: 0.6;
  background-size: contain;
  -webkit-transition: 0.1s false false;
  -webkit-transition: 0.1s;
  transition: 0.1s; }

/* line 882, assets/css/src/modules/_fvf-menu.scss */
.subaccess_footer #social-box li a:hover {
  opacity: 1; }

/* line 887, assets/css/src/modules/_fvf-menu.scss */
.subaccess_footer #social-box li a.facebook,
.menu-elsewhere .menu-facebook {
  background: center/contain url(../img/social/svg/social-facebook.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .subaccess_footer #social-box li a.facebook, html.no-svg
  .menu-elsewhere .menu-facebook {
    background-image: url(fallbacks/../img/social/svg/social-facebook.png); }

/* line 887, assets/css/src/modules/_fvf-menu.scss */
.subaccess_footer #social-box li a.twitter,
.menu-elsewhere .menu-twitter {
  background: center/contain url(../img/social/svg/social-twitter.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .subaccess_footer #social-box li a.twitter, html.no-svg
  .menu-elsewhere .menu-twitter {
    background-image: url(fallbacks/../img/social/svg/social-twitter.png); }

/* line 887, assets/css/src/modules/_fvf-menu.scss */
.subaccess_footer #social-box li a.instagram,
.menu-elsewhere .menu-instagram {
  background: center/contain url(../img/social/svg/social-instagram.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .subaccess_footer #social-box li a.instagram, html.no-svg
  .menu-elsewhere .menu-instagram {
    background-image: url(fallbacks/../img/social/svg/social-instagram.png); }

/* line 887, assets/css/src/modules/_fvf-menu.scss */
.subaccess_footer #social-box li a.pinterest,
.menu-elsewhere .menu-pinterest {
  background: center/contain url(../img/social/svg/social-pinterest.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .subaccess_footer #social-box li a.pinterest, html.no-svg
  .menu-elsewhere .menu-pinterest {
    background-image: url(fallbacks/../img/social/svg/social-pinterest.png); }

/* line 887, assets/css/src/modules/_fvf-menu.scss */
.subaccess_footer #social-box li a.tumblr,
.menu-elsewhere .menu-tumblr {
  background: center/contain url(../img/social/svg/social-tumblr.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .subaccess_footer #social-box li a.tumblr, html.no-svg
  .menu-elsewhere .menu-tumblr {
    background-image: url(fallbacks/../img/social/svg/social-tumblr.png); }

/* line 887, assets/css/src/modules/_fvf-menu.scss */
.subaccess_footer #social-box li a.youtube,
.menu-elsewhere .menu-youtube {
  background: center/contain url(../img/social/svg/social-youtube.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .subaccess_footer #social-box li a.youtube, html.no-svg
  .menu-elsewhere .menu-youtube {
    background-image: url(fallbacks/../img/social/svg/social-youtube.png); }

/* line 887, assets/css/src/modules/_fvf-menu.scss */
.subaccess_footer #social-box li a.mixcloud,
.menu-elsewhere .menu-mixcloud {
  background: center/contain url(../img/social/svg/social-mixcloud.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .subaccess_footer #social-box li a.mixcloud, html.no-svg
  .menu-elsewhere .menu-mixcloud {
    background-image: url(fallbacks/../img/social/svg/social-mixcloud.png); }

/* line 887, assets/css/src/modules/_fvf-menu.scss */
.subaccess_footer #social-box li a.rss,
.menu-elsewhere .menu-rss {
  background: center/contain url(../img/social/svg/social-rss.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .subaccess_footer #social-box li a.rss, html.no-svg
  .menu-elsewhere .menu-rss {
    background-image: url(fallbacks/../img/social/svg/social-rss.png); }

/* line 887, assets/css/src/modules/_fvf-menu.scss */
.subaccess_footer #social-box li a.vice,
.menu-elsewhere .menu-vice {
  background: center/contain url(../img/social/svg/social-vice.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .subaccess_footer #social-box li a.vice, html.no-svg
  .menu-elsewhere .menu-vice {
    background-image: url(fallbacks/../img/social/svg/social-vice.png); }

/* line 887, assets/css/src/modules/_fvf-menu.scss */
.subaccess_footer #social-box li a.vsco,
.menu-elsewhere .menu-vsco {
  background: center/contain url(../img/social/svg/social-vsco.svg) no-repeat; }
  /* line 14, assets/css/src/helpers/_background-fallback.scss */
  html.no-svg .subaccess_footer #social-box li a.vsco, html.no-svg
  .menu-elsewhere .menu-vsco {
    background-image: url(fallbacks/../img/social/svg/social-vsco.png); }

/* line 893, assets/css/src/modules/_fvf-menu.scss */
.announcementBar {
  background-color: #f9f9f9;
  width: 100%;
  padding: 20px 0;
  font-family: "tisa-pro", Georgia, serif;
  font-size: 20px;
  box-sizing: border-box !important;
  border-bottom: 1px solid #fff;
  color: #000;
  position: fixed;
  bottom: 0;
  z-index: 99; }
  /* line 905, assets/css/src/modules/_fvf-menu.scss */
  .announcementBar span {
    width: 962px;
    margin: 0 auto;
    display: block; }
    @media only screen and (max-width: 999px) {
      /* line 905, assets/css/src/modules/_fvf-menu.scss */
      .announcementBar span {
        width: 28rem; } }
  /* line 913, assets/css/src/modules/_fvf-menu.scss */
  .announcementBar strong {
    color: #78d18b;
    font-family: "circular-std",sans-serif; }
  /* line 917, assets/css/src/modules/_fvf-menu.scss */
  .announcementBar.fixed {
    position: absolute;
    bottom: 220px; }
    @media only screen and (max-width: 999px) {
      /* line 917, assets/css/src/modules/_fvf-menu.scss */
      .announcementBar.fixed {
        bottom: 345px; } }
  @media screen and (max-width: 28rem) {
    /* line 893, assets/css/src/modules/_fvf-menu.scss */
    .announcementBar {
      padding: 20px 0; }
      /* line 926, assets/css/src/modules/_fvf-menu.scss */
      .announcementBar span {
        width: 100%;
        padding: 0 15px; } }

/* line 933, assets/css/src/modules/_fvf-menu.scss */
.menu-primary.access-footer {
  height: 68px;
  background: #fff;
  border-top: 1px solid #e5e5e5; }
  /* line 938, assets/css/src/modules/_fvf-menu.scss */
  .menu-primary.access-footer .menu-inner {
    max-width: 948px; }

/* line 943, assets/css/src/modules/_fvf-menu.scss */
.menu-primary.access-footer a {
  font-family: "tisa-pro", Georgia, serif;
  line-height: 65px;
  font-size: 13px;
  color: #666;
  -webkit-transition: 0.2s false false;
  -webkit-transition: 0.2s;
  transition: 0.2s; }
  /* line 949, assets/css/src/modules/_fvf-menu.scss */
  .menu-primary.access-footer a:hover {
    color: #000; }

/* line 954, assets/css/src/modules/_fvf-menu.scss */
.menu-primary.access-footer .menu-icon-fvf {
  background: url(../img/icon-fvf.svg) center no-repeat;
  width: 30px;
  height: 68px;
  margin: -3px -4px 0 -1px; }
  /* line 959, assets/css/src/modules/_fvf-menu.scss */
  html.no-svg .menu-primary.access-footer .menu-icon-fvf {
    background: url(../img/icon-fvf.png) center no-repeat;
    background-size: contain; }

@media only screen and (max-width: 999px) {
  /* line 966, assets/css/src/modules/_fvf-menu.scss */
  .subaccess_footer {
    height: auto; }
    /* line 969, assets/css/src/modules/_fvf-menu.scss */
    .subaccess_footer h2, .subaccess_footer .menu-elsewhere {
      display: none; }
    /* line 970, assets/css/src/modules/_fvf-menu.scss */
    .subaccess_footer h3 {
      display: block; }
    /* line 971, assets/css/src/modules/_fvf-menu.scss */
    .subaccess_footer p {
      display: block;
      clear: both;
      width: 90% !important;
      margin: 5px 5%; }
    /* line 977, assets/css/src/modules/_fvf-menu.scss */
    .subaccess_footer input {
      width: 100% !important; }
    /* line 980, assets/css/src/modules/_fvf-menu.scss */
    .subaccess_footer form {
      margin-bottom: 30px; } }

/* line 986, assets/css/src/modules/_fvf-menu.scss */
.announcementBar {
  background-color: #f9f9f9;
  width: 100%;
  padding: 20px 0;
  font-family: "tisa-pro", Georgia, serif;
  font-size: 20px;
  box-sizing: border-box;
  color: #000;
  display: none; }
  /* line 996, assets/css/src/modules/_fvf-menu.scss */
  .announcementBar strong {
    color: #78d18b;
    font-family: "circular-std",sans-serif; }

/* ------------------------------------------------
 * =FOOTER-NAV
 * ------------------------------------------------ */
/*
 * ---------------------------------------------------------------------
 * =SEPARATOR
 * ---------------------------------------------------------------------
*/
/* line 12, assets/css/src/modules/_separator.scss */
.separator:before {
  content: "";
  display: inline-block;
  width: 45px;
  margin: 0 0 2.77778em;
  border-bottom: 1px solid #000; }

@-webkit-keyframes backgroundChange {
  from {
    background: #141414;
    opacity: 0.23; }
  to {
    background: #141414;
    opacity: 0.5; } }

@keyframes backgroundChange {
  from {
    background: #141414;
    opacity: 0.23; }
  to {
    background: #141414;
    opacity: 0.5; } }

@-webkit-keyframes titleFadeOut {
  from {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0); }
  to {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(20%);
            transform: translateX(-50%) translateY(20%); } }

@keyframes titleFadeOut {
  from {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0); }
  to {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(20%);
            transform: translateX(-50%) translateY(20%); } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* line 183, assets/css/src/modules/_hero.scss */
.hero {
  position: relative;
  overflow: hidden; }
  /* line 12, assets/css/src/modules/_hero.scss */
  .hero .mejs-controls,
  .hero .mejs-layers {
    display: none; }
  /* line 17, assets/css/src/modules/_hero.scss */
  .hero .title,
  .hero .subtitle {
    color: #000;
    text-align: center;
    z-index: 10;
    position: relative; }
    @media only screen and (min-width: 28.75em) {
      /* line 17, assets/css/src/modules/_hero.scss */
      .hero .title,
      .hero .subtitle {
        color: #fff; } }
  /* line 29, assets/css/src/modules/_hero.scss */
  .hero .title {
    font-family: "circular-std", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2em; }
    @media only screen and (min-width: 28.75em) {
      /* line 29, assets/css/src/modules/_hero.scss */
      .hero .title {
        font-size: 38px; } }
  /* line 41, assets/css/src/modules/_hero.scss */
  .hero .subtitle {
    font-size: 18px;
    display: block;
    margin: 0.75em auto; }
  /* line 47, assets/css/src/modules/_hero.scss */
  .hero .hero-inner-content {
    position: relative;
    height: auto;
    overflow: hidden; }
    /* line 2, assets/css/src/helpers/_blur-load.scss */
    .hero .hero-inner-content img {
      -webkit-filter: blur(50px);
              filter: blur(50px); }
      /* line 5, assets/css/src/helpers/_blur-load.scss */
      .hero .hero-inner-content img.lazyload {
        opacity: 1; }
      /* line 9, assets/css/src/helpers/_blur-load.scss */
      .hero .hero-inner-content img.lazyloaded {
        -webkit-filter: blur(0px);
                filter: blur(0px); }
    /* line 13, assets/css/src/helpers/_background-overlay.scss */
    .hero .hero-inner-content:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      background: rgba(20, 20, 20, 0); }
    @media only screen and (min-width: 28.75em) {
      /* line 47, assets/css/src/modules/_hero.scss */
      .hero .hero-inner-content {
        height: 80vh; }
        /* line 56, assets/css/src/modules/_hero.scss */
        .hero .hero-inner-content.youtube.active {
          height: 56.25vw;
          max-height: 90vh; } }
    /* line 62, assets/css/src/modules/_hero.scss */
    .hero .hero-inner-content img, .hero .hero-inner-content video {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      z-index: 10; }
      @media only screen and (min-width: 28.75em) {
        /* line 62, assets/css/src/modules/_hero.scss */
        .hero .hero-inner-content img, .hero .hero-inner-content video {
          position: absolute;
          min-width: 100%;
          min-height: 100%;
          width: auto;
          z-index: 0;
          -webkit-transform: translateX(-50%) translateY(-50%);
                  transform: translateX(-50%) translateY(-50%);
          left: 50%;
          right: initial;
          top: 50%;
          bottom: initial; } }
  /* line 82, assets/css/src/modules/_hero.scss */
  .hero .hero-inner-content-wrapper {
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
    left: 50%;
    right: initial;
    top: inherit;
    bottom: 0;
    position: relative;
    z-index: 10;
    width: 95%;
    max-width: 860px;
    margin-top: 1em; }
    @media only screen and (min-width: 28.75em) {
      /* line 82, assets/css/src/modules/_hero.scss */
      .hero .hero-inner-content-wrapper {
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        left: 50%;
        right: initial;
        position: absolute;
        bottom: 10vh;
        margin-top: 0; } }
  /* line 98, assets/css/src/modules/_hero.scss */
  .hero .hero-meta-info {
    overflow: hidden;
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 3em;
    border-bottom: 1px solid #F2F2F2; }
    @media only screen and (min-width: 46.25em) {
      /* line 98, assets/css/src/modules/_hero.scss */
      .hero .hero-meta-info {
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        left: 50%;
        right: initial;
        width: auto; } }
    @media only screen and (min-width: 28.75em) {
      /* line 98, assets/css/src/modules/_hero.scss */
      .hero .hero-meta-info {
        margin-top: 5vh;
        padding-bottom: 0;
        border-bottom: 0; } }
  /* line 119, assets/css/src/modules/_hero.scss */
  .hero .hero-meta-info__collaboration.meta-val {
    font-family: "circular-std", sans-serif;
    font-weight: 700;
    margin: 1em 0 2em;
    width: 100%; }
    @media only screen and (min-width: 28.75em) {
      /* line 119, assets/css/src/modules/_hero.scss */
      .hero .hero-meta-info__collaboration.meta-val {
        margin: 0.4em 0.5em;
        width: auto; } }
  /* line 132, assets/css/src/modules/_hero.scss */
  .hero .hero-meta-info small {
    display: inline-block;
    -webkit-transform: translateY(-0.05em);
            transform: translateY(-0.05em); }
  /* line 137, assets/css/src/modules/_hero.scss */
  .hero .hero-meta-info > * {
    float: left;
    color: #000;
    text-align: center;
    width: 50%;
    font-family: "circular-std", sans-serif;
    font-weight: 400;
    font-size: 0.72222em; }
    @media only screen and (min-width: 46.25em) {
      /* line 137, assets/css/src/modules/_hero.scss */
      .hero .hero-meta-info > * {
        font-size: 0.83333em;
        margin: 0 1rem;
        width: auto; } }
  @media only screen and (min-width: 28.75em) {
    /* line 183, assets/css/src/modules/_hero.scss */
    .hero {
      position: relative;
      overflow: hidden; }
      /* line 12, assets/css/src/modules/_hero.scss */
      .hero .mejs-controls,
      .hero .mejs-layers {
        display: none; }
      /* line 17, assets/css/src/modules/_hero.scss */
      .hero .title,
      .hero .subtitle {
        color: #000;
        text-align: center;
        z-index: 10;
        position: relative; } }
    @media only screen and (min-width: 28.75em) and (min-width: 28.75em) {
      /* line 17, assets/css/src/modules/_hero.scss */
      .hero .title,
      .hero .subtitle {
        color: #fff; } }
  @media only screen and (min-width: 28.75em) {
      /* line 29, assets/css/src/modules/_hero.scss */
      .hero .title {
        font-family: "circular-std", sans-serif;
        font-weight: 700;
        font-size: 24px;
        line-height: 1.2em; } }
    @media only screen and (min-width: 28.75em) and (min-width: 28.75em) {
      /* line 29, assets/css/src/modules/_hero.scss */
      .hero .title {
        font-size: 38px; } }
  @media only screen and (min-width: 28.75em) {
      /* line 41, assets/css/src/modules/_hero.scss */
      .hero .subtitle {
        font-size: 18px;
        display: block;
        margin: 0.75em auto; }
      /* line 47, assets/css/src/modules/_hero.scss */
      .hero .hero-inner-content {
        position: relative;
        height: auto;
        overflow: hidden; }
        /* line 2, assets/css/src/helpers/_blur-load.scss */
        .hero .hero-inner-content img {
          -webkit-filter: blur(50px);
                  filter: blur(50px); }
          /* line 5, assets/css/src/helpers/_blur-load.scss */
          .hero .hero-inner-content img.lazyload {
            opacity: 1; }
          /* line 9, assets/css/src/helpers/_blur-load.scss */
          .hero .hero-inner-content img.lazyloaded {
            -webkit-filter: blur(0px);
                    filter: blur(0px); }
        /* line 13, assets/css/src/helpers/_background-overlay.scss */
        .hero .hero-inner-content:before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: 1;
          background: rgba(20, 20, 20, 0.23); } }
    @media only screen and (min-width: 28.75em) and (min-width: 28.75em) {
      /* line 47, assets/css/src/modules/_hero.scss */
      .hero .hero-inner-content {
        height: 80vh; }
        /* line 56, assets/css/src/modules/_hero.scss */
        .hero .hero-inner-content.youtube.active {
          height: 56.25vw;
          max-height: 90vh; } }
  @media only screen and (min-width: 28.75em) {
        /* line 62, assets/css/src/modules/_hero.scss */
        .hero .hero-inner-content img, .hero .hero-inner-content video {
          position: relative;
          top: 0;
          left: 0;
          width: 100%;
          height: auto;
          z-index: 10; } }
      @media only screen and (min-width: 28.75em) and (min-width: 28.75em) {
        /* line 62, assets/css/src/modules/_hero.scss */
        .hero .hero-inner-content img, .hero .hero-inner-content video {
          position: absolute;
          min-width: 100%;
          min-height: 100%;
          width: auto;
          z-index: 0;
          -webkit-transform: translateX(-50%) translateY(-50%);
                  transform: translateX(-50%) translateY(-50%);
          left: 50%;
          right: initial;
          top: 50%;
          bottom: initial; } }
  @media only screen and (min-width: 28.75em) {
      /* line 82, assets/css/src/modules/_hero.scss */
      .hero .hero-inner-content-wrapper {
        -webkit-transform: translateX(-50%) translateY(0);
                transform: translateX(-50%) translateY(0);
        left: 50%;
        right: initial;
        top: inherit;
        bottom: 0;
        position: relative;
        z-index: 10;
        width: 95%;
        max-width: 860px;
        margin-top: 1em; } }
    @media only screen and (min-width: 28.75em) and (min-width: 28.75em) {
      /* line 82, assets/css/src/modules/_hero.scss */
      .hero .hero-inner-content-wrapper {
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        left: 50%;
        right: initial;
        position: absolute;
        bottom: 10vh;
        margin-top: 0; } }
  @media only screen and (min-width: 28.75em) {
      /* line 98, assets/css/src/modules/_hero.scss */
      .hero .hero-meta-info {
        overflow: hidden;
        display: inline-block;
        position: relative;
        width: 100%;
        padding-bottom: 3em;
        border-bottom: 1px solid #F2F2F2; } }
    @media only screen and (min-width: 28.75em) and (min-width: 46.25em) {
      /* line 98, assets/css/src/modules/_hero.scss */
      .hero .hero-meta-info {
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        left: 50%;
        right: initial;
        width: auto; } }
    @media only screen and (min-width: 28.75em) and (min-width: 28.75em) {
      /* line 98, assets/css/src/modules/_hero.scss */
      .hero .hero-meta-info {
        margin-top: 5vh;
        padding-bottom: 0;
        border-bottom: 0; } }
  @media only screen and (min-width: 28.75em) {
      /* line 119, assets/css/src/modules/_hero.scss */
      .hero .hero-meta-info__collaboration.meta-val {
        font-family: "circular-std", sans-serif;
        font-weight: 700;
        margin: 1em 0 2em;
        width: 100%; } }
    @media only screen and (min-width: 28.75em) and (min-width: 28.75em) {
      /* line 119, assets/css/src/modules/_hero.scss */
      .hero .hero-meta-info__collaboration.meta-val {
        margin: 0.4em 0.5em;
        width: auto; } }
  @media only screen and (min-width: 28.75em) {
      /* line 132, assets/css/src/modules/_hero.scss */
      .hero .hero-meta-info small {
        display: inline-block;
        -webkit-transform: translateY(-0.05em);
                transform: translateY(-0.05em); }
      /* line 137, assets/css/src/modules/_hero.scss */
      .hero .hero-meta-info > * {
        float: left;
        color: #000;
        text-align: center;
        width: 50%;
        font-family: "circular-std", sans-serif;
        font-weight: 400;
        font-size: 0.72222em; } }
    @media only screen and (min-width: 28.75em) and (min-width: 46.25em) {
      /* line 137, assets/css/src/modules/_hero.scss */
      .hero .hero-meta-info > * {
        font-size: 0.83333em;
        margin: 0 1rem;
        width: auto; } }
  @media only screen and (min-width: 28.75em) {
      /* line 188, assets/css/src/modules/_hero.scss */
      .hero.youtubeHover .hero-inner-content:before {
        background: #141414;
        opacity: 0.5; }
      /* line 192, assets/css/src/modules/_hero.scss */
      .hero.youtubeHover .hero-inner-content-wrapper {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(20%);
                transform: translateX(-50%) translateY(20%); } }
  /* line 198, assets/css/src/modules/_hero.scss */
  .hero .hero-inner-content:before,
  .hero .hero-inner-content-wrapper {
    -webkit-transition: 0.3s;
    transition: 0.3s; }

/* line 202, assets/css/src/modules/_hero.scss */
.ytplayer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  display: none; }

/* line 212, assets/css/src/modules/_hero.scss */
.youtube-play-button,
.video-play-button {
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 180px;
  position: absolute;
  z-index: 10;
  cursor: pointer;
  left: 50%;
  top: 22%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }
  @media only screen and (min-width: 28.75em) {
    /* line 212, assets/css/src/modules/_hero.scss */
    .youtube-play-button,
    .video-play-button {
      -webkit-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%);
      left: 50%;
      right: initial;
      top: 50%;
      bottom: initial; } }
  /* line 229, assets/css/src/modules/_hero.scss */
  .youtube-play-button:before,
  .video-play-button:before {
    content: '';
    border-left: 24px solid #000;
    border-top: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid transparent;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    left: 63%; }
  /* line 240, assets/css/src/modules/_hero.scss */
  .youtube-play-button:hover:after,
  .video-play-button:hover:after {
    content: 'Play video';
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    margin-top: 70px;
    text-align: center;
    width: 300px;
    color: #fff;
    font-family: "circular-std", sans-serif;
    font-weight: bold;
    opacity: 0;
    -webkit-animation: fadeIn 0.3s forwards;
            animation: fadeIn 0.3s forwards; }

/* storybar, to rearrange */
/* line 261, assets/css/src/modules/_hero.scss */
.story-navbar {
  font-family: "circular-std", sans-serif;
  font-weight: 400;
  font-size: 0.72222em;
  display: none; }
  @media only screen and (min-width: 46.25em) {
    /* line 261, assets/css/src/modules/_hero.scss */
    .story-navbar {
      font-size: 0.83333em; } }
  /* line 279, assets/css/src/modules/_hero.scss */
  .story-navbar.scrolled {
    /* if admin bar is active */ }
    /* line 281, assets/css/src/modules/_hero.scss */
    body.admin-bar .story-navbar.scrolled {
      top: 32px; }
  @media only screen and (min-width: 62.5em) {
    /* line 261, assets/css/src/modules/_hero.scss */
    .story-navbar {
      display: block;
      position: fixed;
      top: -70px;
      left: 0;
      width: 100%;
      z-index: 99;
      overflow: hidden;
      height: 54px;
      cursor: default;
      -webkit-transition: top 1.4s ease-in;
      transition: top 1.4s ease-in; }
      /* line 299, assets/css/src/modules/_hero.scss */
      .story-navbar a {
        cursor: pointer; }
      /* line 303, assets/css/src/modules/_hero.scss */
      .story-navbar.scrolled {
        top: 0; }
      /* line 307, assets/css/src/modules/_hero.scss */
      .story-navbar-inner {
        height: 52px;
        line-height: 1;
        background: #fff;
        border-bottom: 1px solid #e5e5e5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      /* line 317, assets/css/src/modules/_hero.scss */
      .story-navbar-progress div.story-navbar-progress-inner {
        background: #78d18b;
        height: 2px;
        width: 0%;
        -webkit-transition: width 0.2s linear;
        transition: width 0.2s linear; }
      /* line 325, assets/css/src/modules/_hero.scss */
      .story-navbar-logo {
        padding-left: 16px; }
      /* line 329, assets/css/src/modules/_hero.scss */
      .story-navbar-information {
        text-align: center;
        margin: 0 auto;
        max-width: 80%; }
      /* line 335, assets/css/src/modules/_hero.scss */
      .story-navbar-social {
        position: absolute;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        top: 50%;
        bottom: initial;
        right: 2%;
        display: block;
        width: 20%;
        text-align: right; }
        /* line 343, assets/css/src/modules/_hero.scss */
        .story-navbar-social i {
          margin-left: 1em;
          font-size: 1.2rem;
          color: #78D18B;
          -webkit-transition: 0.3s;
          transition: 0.3s; }
          /* line 349, assets/css/src/modules/_hero.scss */
          .story-navbar-social i:hover {
            cursor: pointer;
            color: #000; }
      /* line 358, assets/css/src/modules/_hero.scss */
      .story-navbar-next {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        text-align: right; }
        /* line 365, assets/css/src/modules/_hero.scss */
        .story-navbar-next-text, .story-navbar-next-image {
          display: inline-block; }
        /* line 368, assets/css/src/modules/_hero.scss */
        .story-navbar-next-text {
          margin-top: 13px;
          width: auto;
          padding-right: 16px;
          vertical-align: middle; }
        /* line 374, assets/css/src/modules/_hero.scss */
        .story-navbar-next-image {
          width: 0px;
          height: 52px;
          background: #222;
          background-size: 80px auto;
          background-repeat: no-repeat;
          background-position: 0% 50%;
          vertical-align: top;
          -webkit-transition: width 0.2s ease-in;
          transition: width 0.2s ease-in; }
        /* line 386, assets/css/src/modules/_hero.scss */
        .story-navbar-next a:hover .story-navbar-next-image {
          width: 80px; }
        /* line 391, assets/css/src/modules/_hero.scss */
        .story-navbar-next strong {
          display: none; } }
      @media only screen and (min-width: 62.5em) and (min-width: 84.375em) {
        /* line 391, assets/css/src/modules/_hero.scss */
        .story-navbar-next strong {
          display: inline; } }

/*
| ---------------------------------------------------------------------
| =BAY
| ---------------------------------------------------------------------
*/
/*
 * Makes a child media element with the class 'bay-media' stick in the background
 * of the element, on it's whole height. When the user scrolls above or below the element,
 * the media element will scroll with surrounding content again.
*/
/* @require JS vendor/jquery.waypoints.js */
/* @require JS components/jquery.bay.js */
/* line 24, assets/css/src/modules/_bay.scss */
.bay {
  position: relative;
  margin: 5.55556em 0;
  -webkit-transition: 0s !important;
  transition: 0s !important; }
  /* line 29, assets/css/src/modules/_bay.scss */
  .bay .l-wide {
    overflow: hidden;
    /* nbfc */ }

/* line 34, assets/css/src/modules/_bay.scss */
.bay-content {
  width: 80%;
  margin-left: 10%;
  z-index: 10; }

/* line 40, assets/css/src/modules/_bay.scss */
.story-chapter.bay-stick {
  height: 200vh; }
  /* line 43, assets/css/src/modules/_bay.scss */
  .story-chapter.bay-stick.bay-recipe {
    height: auto; }
  /* line 47, assets/css/src/modules/_bay.scss */
  .story-chapter.bay-stick.bay-recipe .l-wide {
    padding-bottom: 10%; }
  /* line 51, assets/css/src/modules/_bay.scss */
  .story-chapter.bay-stick .img {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: -webkit-sticky;
    /* required for Safari */
    position: sticky;
    /* Element will be 'fixed' when it ... */
    top: 0px;
    /* ... is 0px from the top of the viewport */ }
    /* line 61, assets/css/src/modules/_bay.scss */
    .story-chapter.bay-stick .img:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      background: rgba(20, 20, 20, 0.23); }

/* line 75, assets/css/src/modules/_bay.scss */
.bay-out .bay-media {
  position: relative;
  background-position: center bottom;
  background-size: 100% 50%; }

/* line 81, assets/css/src/modules/_bay.scss */
.bay-media {
  position: absolute;
  z-index: -1;
  margin: 0; }
  /* line 86, assets/css/src/modules/_bay.scss */
  .bay-media.video__small {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
    z-index: 1; }
    /* line 94, assets/css/src/modules/_bay.scss */
    .bay-media.video__small iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

/* line 104, assets/css/src/modules/_bay.scss */
.bay-overlay {
  position: relative;
  font-family: "circular-std", sans-serif;
  font-size: 1.33333em;
  line-height: 1.41667;
  color: #fff;
  z-index: 20; }

/* line 115, assets/css/src/modules/_bay.scss */
.bay-card {
  padding: 50px;
  background: #fff;
  position: relative;
  z-index: 10;
  margin: auto; }

/* line 127, assets/css/src/modules/_bay.scss */
.interactive-acf .bay {
  margin: 0 0 2em 0; }
  /* line 130, assets/css/src/modules/_bay.scss */
  .interactive-acf .bay .l-wide {
    margin: 0 auto;
    width: 90% !important; }
    /* line 134, assets/css/src/modules/_bay.scss */
    .interactive-acf .bay .l-wide .flush-r {
      right: 5%;
      text-align: right; }

/*
| ---------------------------------------------------------------------
| =STORY
| ---------------------------------------------------------------------
*/
/* line 52, assets/css/src/modules/_story.scss */
.story {
  font-size: 1em;
  line-height: 1.4; }
  @media only screen and (min-width: 28.75em) {
    /* line 52, assets/css/src/modules/_story.scss */
    .story {
      font-size: 1.11111em; } }
  /* line 56, assets/css/src/modules/_story.scss */
  .story .yt-smallvid .mejs-controls, .story .background-media .mejs-controls,
  .story .media-wrap[data-scrollevents] .mejs-overlay {
    display: none !important; }
  /* line 62, assets/css/src/modules/_story.scss */
  .story .portrait-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  /* line 68, assets/css/src/modules/_story.scss */
  .story .portrait-lt, .story .portrait-rt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    position: relative;
    margin: 0 1em;
    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; }
    /* line 77, assets/css/src/modules/_story.scss */
    .story .portrait-lt > *, .story .portrait-rt > * {
      -webkit-box-flex: 100%;
          -ms-flex: 100% 1;
              flex: 100% 1; }
    /* line 81, assets/css/src/modules/_story.scss */
    .story .portrait-lt img, .story .portrait-rt img {
      width: 100%;
      display: block;
      margin: auto; }
      /* line 86, assets/css/src/modules/_story.scss */
      .story .portrait-lt img:before, .story .portrait-rt img:before {
        content: '';
        width: 100px;
        height: 100px;
        position: absolute;
        z-index: 999999999999;
        -webkit-transition: 0.2s;
        transition: 0.2s;
        -webkit-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
        left: 50%;
        right: initial;
        top: 50%;
        bottom: initial;
        background: center/contain url(../img/icon-fvf.svg) no-repeat; }
        /* line 14, assets/css/src/helpers/_background-fallback.scss */
        html.no-svg .story .portrait-lt img:before, html.no-svg .story .portrait-rt img:before {
          background-image: url(fallbacks/../img/icon-fvf.png); }
  /* line 100, assets/css/src/modules/_story.scss */
  .story figure figcaption {
    font-family: "circular-std", sans-serif;
    font-size: 14px;
    line-height: 1.3em; }
    /* line 105, assets/css/src/modules/_story.scss */
    .story figure figcaption.fly-bottomright, .story figure figcaption.fly-topright, .story figure figcaption.fly-right {
      right: 2.5% !important;
      text-align: right; }
    /* line 110, assets/css/src/modules/_story.scss */
    .story figure figcaption.fly-bottomleft, .story figure figcaption.fly-topleft, .story figure figcaption.fly-left {
      left: 2.5% !important;
      text-align: left; }
    /* line 115, assets/css/src/modules/_story.scss */
    .story figure figcaption.fly-bottomright, .story figure figcaption.fly-bottomleft, .story figure figcaption.fly-bottom {
      bottom: 2.5% !important; }
    /* line 119, assets/css/src/modules/_story.scss */
    .story figure figcaption.fly-topright, .story figure figcaption.fly-topleft, .story figure figcaption.fly-top {
      top: 2.5% !important; }
  /* line 125, assets/css/src/modules/_story.scss */
  .story .portrait-lt:hover,
  .story .portrait-rt:hover,
  .story .story-unit .img-hold,
  .story .img-medium,
  .story .img-large {
    cursor: -o-zoom-in;
    cursor: zoom-in; }
  /* line 136, assets/css/src/modules/_story.scss */
  .story .image-link img {
    cursor: pointer; }
  /* line 141, assets/css/src/modules/_story.scss */
  .story .lightbox {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.9);
    z-index: 9000; }
    @media only screen and (max-width: 47.5em) {
      /* line 141, assets/css/src/modules/_story.scss */
      .story .lightbox {
        background: rgba(255, 255, 255, 0.95); } }
    /* line 152, assets/css/src/modules/_story.scss */
    .story .lightbox img {
      max-width: 80%;
      max-height: 80%;
      width: auto;
      height: auto;
      position: absolute;
      margin: auto;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      cursor: -o-zoom-out;
      cursor: zoom-out; }
      @media only screen and (max-width: 26.25em) {
        /* line 152, assets/css/src/modules/_story.scss */
        .story .lightbox img {
          max-width: 98%;
          max-height: 55%; } }
      @media only screen and (min-width: 26.25em) and (max-width: 46.875em) {
        /* line 152, assets/css/src/modules/_story.scss */
        .story .lightbox img {
          max-width: 60%; } }
    /* line 172, assets/css/src/modules/_story.scss */
    .story .lightbox .close {
      position: fixed;
      top: 4%;
      right: 2%;
      width: 30px;
      height: 30px;
      background: url(../img/icon-close.svg);
      background-size: contain;
      opacity: .6;
      -webkit-transition: 0.2s false false;
      -webkit-transition: 0.2s;
      transition: 0.2s; }
      /* line 184, assets/css/src/modules/_story.scss */
      .story .lightbox .close:hover {
        opacity: 1;
        cursor: pointer; }
      /* line 189, assets/css/src/modules/_story.scss */
      html.no-svg .story .lightbox .close {
        background: url(../img/icon-close.png);
        background-size: contain; }
    /* line 195, assets/css/src/modules/_story.scss */
    .story .lightbox aside {
      position: fixed;
      width: 10%;
      height: 100%; }
      @media only screen and (max-width: 26.25em) {
        /* line 195, assets/css/src/modules/_story.scss */
        .story .lightbox aside {
          width: 100%;
          height: auto;
          bottom: 4%; } }
      /* line 204, assets/css/src/modules/_story.scss */
      .story .lightbox aside ul {
        list-style: none;
        margin: 0 61%;
        padding: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: relative; }
        @media only screen and (max-width: 26.25em) {
          /* line 204, assets/css/src/modules/_story.scss */
          .story .lightbox aside ul {
            margin: 0 0 5px;
            -webkit-transform: translateY(0) translateX(-50%);
            transform: translateY(0) translateX(-50%);
            top: 0;
            left: 50%;
            display: block; } }
        @media only screen and (min-width: 26.25em) and (max-width: 46.875em) {
          /* line 204, assets/css/src/modules/_story.scss */
          .story .lightbox aside ul {
            top: 50%; } }
        /* line 224, assets/css/src/modules/_story.scss */
        .story .lightbox aside ul a {
          position: relative;
          display: inline-block;
          width: 40px;
          height: 40px;
          margin: .5rem 0;
          border: 1px solid #999;
          border-radius: 180px;
          -webkit-transition: 0.2s false false;
          -webkit-transition: 0.2s;
          transition: 0.2s; }
          @media only screen and (max-width: 26.25em) {
            /* line 224, assets/css/src/modules/_story.scss */
            .story .lightbox aside ul a {
              margin: 0 .5rem; } }
          /* line 238, assets/css/src/modules/_story.scss */
          .story .lightbox aside ul a svg {
            margin-bottom: 3px; }
          /* line 242, assets/css/src/modules/_story.scss */
          .story .lightbox aside ul a svg g {
            -webkit-transition: 0.2s false false;
            -webkit-transition: 0.2s;
            transition: 0.2s; }
          /* line 246, assets/css/src/modules/_story.scss */
          .story .lightbox aside ul a:hover {
            border: 1px solid black; }
            /* line 248, assets/css/src/modules/_story.scss */
            .story .lightbox aside ul a:hover svg g {
              fill: black; }
        /* line 254, assets/css/src/modules/_story.scss */
        .story .lightbox aside ul li {
          position: relative;
          width: 50%;
          height: 50%;
          margin: 25%;
          background-size: 70%;
          -webkit-transition: 0.2s false false;
          -webkit-transition: 0.2s;
          transition: 0.2s; }
          /* line 261, assets/css/src/modules/_story.scss */
          .story .lightbox aside ul li object, .story .lightbox aside ul li img {
            width: 100%;
            height: 100%; }

/* line 272, assets/css/src/modules/_story.scss */
.l-inner.in-between-fullscreen {
  padding-top: 1em;
  padding-bottom: 1em; }
  /* line 276, assets/css/src/modules/_story.scss */
  .l-inner.in-between-fullscreen .story-unit:last-child {
    margin-bottom: 0; }
    /* line 279, assets/css/src/modules/_story.scss */
    .l-inner.in-between-fullscreen .story-unit:last-child p:last-child {
      margin: 0; }

/* line 285, assets/css/src/modules/_story.scss */
.story-nav {
  z-index: 3000;
  top: 10px;
  right: 40px; }

/* line 291, assets/css/src/modules/_story.scss */
.story-main {
  /* margin-top: extract-side("top", $margin-story); */
  padding: 2.33333em 0 0; }
  /* line 299, assets/css/src/modules/_story.scss */
  .story-main .h3 + .sub-h3 {
    margin-top: -1.5em; }
  /* line 304, assets/css/src/modules/_story.scss */
  .story-main .center_head {
    font-style: italic;
    font-weight: 400;
    font-size: 2em; }
  /* line 311, assets/css/src/modules/_story.scss */
  .story-main .center_subline {
    font-style: italic;
    font-weight: 400;
    font-size: 1.24em;
    margin: -1.2em 0 2.5em; }
    @media screen and (max-width: 450px) {
      /* line 311, assets/css/src/modules/_story.scss */
      .story-main .center_subline {
        font-size: 1rem;
        margin: 1em 0 4em; } }
  /* line 325, assets/css/src/modules/_story.scss */
  .story-main .sub-h3 {
    margin-bottom: 1.1em; }

/* line 341, assets/css/src/modules/_story.scss */
.story-unit {
  margin-bottom: 2em !important; }
  /* line 344, assets/css/src/modules/_story.scss */
  .story-unit p {
    margin: 0 0 .5em 0; }
    /* line 347, assets/css/src/modules/_story.scss */
    .story-unit p.module {
      margin: 0 0 0 0; }
    /* line 351, assets/css/src/modules/_story.scss */
    .story-unit p.standout {
      margin-bottom: 1em; }

/* line 357, assets/css/src/modules/_story.scss */
.story-unit .embed-cover.npc video {
  object-fit: cover; }

/* line 363, assets/css/src/modules/_story.scss */
.interactive-acf .apt-newsletter-form {
  margin: 0 auto;
  width: 550px; }
  @media screen and (max-width: 700px) {
    /* line 363, assets/css/src/modules/_story.scss */
    .interactive-acf .apt-newsletter-form {
      width: 100%; } }
  /* line 369, assets/css/src/modules/_story.scss */
  .interactive-acf .apt-newsletter-form .fld {
    padding-right: 10px; }
    @media screen and (max-width: 700px) {
      /* line 369, assets/css/src/modules/_story.scss */
      .interactive-acf .apt-newsletter-form .fld {
        display: block;
        padding-right: 0; }
        /* line 374, assets/css/src/modules/_story.scss */
        .interactive-acf .apt-newsletter-form .fld input {
          width: 100%; } }

/* line 381, assets/css/src/modules/_story.scss */
.interactive-acf #signLoading {
  background: rgba(255, 255, 255, 0.5) !important;
  height: 100% !important;
  z-index: 1000 !important; }
  /* line 386, assets/css/src/modules/_story.scss */
  .interactive-acf #signLoading .speaker {
    color: #000 !important;
    top: 50%;
    margin-top: 80px;
    display: none !important; }

/* line 394, assets/css/src/modules/_story.scss */
.interactive-acf .story-unit.story-intro {
  margin-bottom: 0em !important; }
  /* line 397, assets/css/src/modules/_story.scss */
  .interactive-acf .story-unit.story-intro p {
    margin: 0 0 1.2em 0 !important;
    font-size: 1em !important; }

/* line 403, assets/css/src/modules/_story.scss */
.interactive-acf .circ-headline {
  font-weight: normal !important;
  font-style: normal !important;
  font-family: "circular-std",sans-serif !important;
  font-size: 2rem; }
  @media screen and (max-width: 450px) {
    /* line 403, assets/css/src/modules/_story.scss */
    .interactive-acf .circ-headline {
      font-size: 1.2rem; } }

/* line 414, assets/css/src/modules/_story.scss */
.interactive-acf .quote-unit {
  margin: 25px 0;
  width: 90% !important;
  left: 5% !important; }
  @media screen and (max-width: 450px) {
    /* line 414, assets/css/src/modules/_story.scss */
    .interactive-acf .quote-unit {
      margin: 10px 0;
      width: 100% !important; } }

/* line 425, assets/css/src/modules/_story.scss */
.interactive-acf h4.quote {
  font-family: "circular-std", sans-serif;
  font-size: 40px;
  line-height: 55px;
  margin: 0.5em 0;
  font-weight: bold;
  text-align: center;
  position: relative; }
  /* line 434, assets/css/src/modules/_story.scss */
  .interactive-acf h4.quote img {
    height: 1em;
    width: auto; }
  @media screen and (max-width: 1000px) {
    /* line 425, assets/css/src/modules/_story.scss */
    .interactive-acf h4.quote {
      font-size: 24px;
      line-height: 32px; } }
  @media screen and (max-width: 450px) {
    /* line 425, assets/css/src/modules/_story.scss */
    .interactive-acf h4.quote {
      font-size: 24px;
      line-height: 32px; } }

/* line 451, assets/css/src/modules/_story.scss */
.interactive-acf p.quote-author {
  font-family: "circular-std", sans-serif;
  text-align: center;
  font-size: 14px;
  line-height: 28px; }

/* line 458, assets/css/src/modules/_story.scss */
.interactive-acf ul.sub-page-nav, .interactive-acf ul.chapter-nav {
  text-align: left;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0;
  -webkit-transition: 0.2s false false;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: relative;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden; }
  /* line 470, assets/css/src/modules/_story.scss */
  .interactive-acf ul.sub-page-nav .menu-link, .interactive-acf ul.chapter-nav .menu-link {
    display: inline-block;
    padding: none;
    line-height: 1rem;
    position: absolute;
    left: 0; }
  /* line 478, assets/css/src/modules/_story.scss */
  .interactive-acf ul.sub-page-nav .inner, .interactive-acf ul.chapter-nav .inner {
    position: relative;
    max-width: 986px;
    margin: 0 auto;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 2rem;
    box-sizing: border-box; }
  /* line 489, assets/css/src/modules/_story.scss */
  .interactive-acf ul.sub-page-nav li, .interactive-acf ul.chapter-nav li {
    display: inline-block;
    letter-spacing: 0px;
    list-style-type: none;
    margin: 0 5px 0 40px;
    font-family: "geogrotesque", "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    -webkit-transition: 0.2s false false;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    color: black;
    text-transform: uppercase; }
    @media all and (max-width: 450px) {
      /* line 489, assets/css/src/modules/_story.scss */
      .interactive-acf ul.sub-page-nav li, .interactive-acf ul.chapter-nav li {
        margin: 0 20px; } }
    /* line 504, assets/css/src/modules/_story.scss */
    .interactive-acf ul.sub-page-nav li a, .interactive-acf ul.chapter-nav li a {
      font-weight: normal;
      text-decoration: none;
      color: #666;
      -webkit-transition: 0.2s false false;
      -webkit-transition: 0.2s;
      transition: 0.2s; }
      /* line 510, assets/css/src/modules/_story.scss */
      .interactive-acf ul.sub-page-nav li a:hover, .interactive-acf ul.sub-page-nav li a.active, .interactive-acf ul.chapter-nav li a:hover, .interactive-acf ul.chapter-nav li a.active {
        color: black; }

/* line 517, assets/css/src/modules/_story.scss */
.interactive-acf ul.chapter-nav {
  margin: 0;
  padding: 7px 0 12px;
  z-index: 999; }
  /* line 522, assets/css/src/modules/_story.scss */
  .interactive-acf ul.chapter-nav li {
    font-size: 15px; }

/* line 527, assets/css/src/modules/_story.scss */
.interactive-acf .chapter-anchor {
  position: relative;
  top: -155px; }

/* line 532, assets/css/src/modules/_story.scss */
.interactive-acf .chapter-nav-module-wrapper {
  margin: -2.4em 0 40px; }
  /* line 535, assets/css/src/modules/_story.scss */
  .interactive-acf .chapter-nav-module-wrapper .chapter-nav-module {
    width: 100%;
    background: white;
    -webkit-transition: 0 false false;
    -webkit-transition: 0;
    transition: 0; }
    /* line 540, assets/css/src/modules/_story.scss */
    .interactive-acf .chapter-nav-module-wrapper .chapter-nav-module.stuck {
      position: fixed;
      z-index: 999; }
      /* line 544, assets/css/src/modules/_story.scss */
      .admin-bar .interactive-acf .chapter-nav-module-wrapper .chapter-nav-module.stuck {
        margin-top: 32px; }
  /* line 550, assets/css/src/modules/_story.scss */
  .interactive-acf .chapter-nav-module-wrapper .l-inner {
    border-bottom: 1px solid #e5e5e5;
    max-width: none; }
  /* line 554, assets/css/src/modules/_story.scss */
  .interactive-acf .chapter-nav-module-wrapper .grid {
    max-width: 987px;
    margin: auto; }

/* line 560, assets/css/src/modules/_story.scss */
.interactive-acf .sub-nav-module {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: white;
  z-index: 999; }
  /* line 568, assets/css/src/modules/_story.scss */
  .admin-bar .interactive-acf .sub-nav-module {
    top: 32px; }
  /* line 572, assets/css/src/modules/_story.scss */
  .interactive-acf .sub-nav-module .l-inner {
    border-bottom: 1px solid #e5e5e5;
    max-width: none; }
  /* line 576, assets/css/src/modules/_story.scss */
  .interactive-acf .sub-nav-module .grid {
    max-width: 987px;
    margin: auto; }
  @media screen and (max-width: 1000px) {
    /* line 560, assets/css/src/modules/_story.scss */
    .interactive-acf .sub-nav-module {
      top: 40px; }
      /* line 584, assets/css/src/modules/_story.scss */
      .interactive-acf .sub-nav-module .menu-link {
        display: none !important; }
      /* line 587, assets/css/src/modules/_story.scss */
      .interactive-acf .sub-nav-module .l-inner, .interactive-acf .sub-nav-module .inner {
        padding: 0px !important; } }

/* line 595, assets/css/src/modules/_story.scss */
.interactive-acf .single-button {
  text-align: center; }

/* line 599, assets/css/src/modules/_story.scss */
.interactive-acf .portrait-wrap .single-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  /* line 603, assets/css/src/modules/_story.scss */
  .interactive-acf .portrait-wrap .single-button p {
    margin: 15px 0; }

/* line 609, assets/css/src/modules/_story.scss */
.interactive-acf .content_links {
  padding: 0;
  position: relative;
  left: 23px;
  left: 0; }
  /* line 615, assets/css/src/modules/_story.scss */
  .interactive-acf .content_links:after {
    content: '';
    display: block;
    clear: both; }
  /* line 621, assets/css/src/modules/_story.scss */
  .interactive-acf .content_links .grid_item {
    width: 33.3%;
    height: auto;
    padding-right: 20px;
    float: left;
    text-decoration: none;
    margin-bottom: 18px;
    position: relative;
    list-style-type: none; }
    /* line 631, assets/css/src/modules/_story.scss */
    .interactive-acf .content_links .grid_item:nth-child(3n+3) {
      padding-right: 0; }
      /* line 634, assets/css/src/modules/_story.scss */
      .interactive-acf .content_links .grid_item:nth-child(3n+3):after {
        content: '';
        clear: both;
        float: none;
        width: 100%;
        height: 65px;
        display: block; }
    @media all and (max-width: 450px) {
      /* line 621, assets/css/src/modules/_story.scss */
      .interactive-acf .content_links .grid_item {
        width: 100%;
        padding: 0; }
        /* line 647, assets/css/src/modules/_story.scss */
        .interactive-acf .content_links .grid_item:after {
          content: '';
          clear: both;
          float: none;
          width: 100%;
          height: 65px;
          display: block; } }
    @media all and (min-width: 451px) and (max-width: 1024px) {
      /* line 621, assets/css/src/modules/_story.scss */
      .interactive-acf .content_links .grid_item {
        width: 50%; }
        /* line 658, assets/css/src/modules/_story.scss */
        .interactive-acf .content_links .grid_item:nth-child(3n+3) {
          padding-right: 20px; }
        /* line 661, assets/css/src/modules/_story.scss */
        .interactive-acf .content_links .grid_item:nth-child(2n+2) {
          padding-right: 0; }
          /* line 664, assets/css/src/modules/_story.scss */
          .interactive-acf .content_links .grid_item:nth-child(2n+2):after {
            content: '';
            clear: both;
            float: none;
            width: 100%;
            height: 65px;
            display: block; } }
    /* line 675, assets/css/src/modules/_story.scss */
    .interactive-acf .content_links .grid_item p {
      margin: 0;
      font-size: 0.65em;
      color: #666; }
      /* line 680, assets/css/src/modules/_story.scss */
      .interactive-acf .content_links .grid_item p.title {
        font-size: 1em;
        font-family: "circular-std",sans-serif; }
    /* line 686, assets/css/src/modules/_story.scss */
    .interactive-acf .content_links .grid_item a {
      color: #333;
      text-decoration: none; }
      /* line 690, assets/css/src/modules/_story.scss */
      .interactive-acf .content_links .grid_item a:hover {
        color: #999; }
      /* line 694, assets/css/src/modules/_story.scss */
      .title .interactive-acf .content_links .grid_item a {
        font-size: 1em; }
    /* line 699, assets/css/src/modules/_story.scss */
    .interactive-acf .content_links .grid_item img:hover {
      opacity: 0.75; }
    /* line 703, assets/css/src/modules/_story.scss */
    .interactive-acf .content_links .grid_item .img_cntr {
      overflow: hidden;
      width: 100%;
      height: 148px;
      position: relative;
      display: block;
      margin-bottom: 4px; }
      @media screen and (max-width: 450px) {
        /* line 703, assets/css/src/modules/_story.scss */
        .interactive-acf .content_links .grid_item .img_cntr {
          height: 220px; } }
      /* line 714, assets/css/src/modules/_story.scss */
      .interactive-acf .content_links .grid_item .img_cntr img {
        min-width: 100%;
        width: auto;
        height: auto;
        cursor: pointer;
        min-height: 100%;
        height: auto; }

/* line 727, assets/css/src/modules/_story.scss */
.story-editorial {
  color: #999;
  margin: 2.66667em 0; }

/* line 732, assets/css/src/modules/_story.scss */
.story-intro {
  margin-bottom: 1em; }
  /* line 736, assets/css/src/modules/_story.scss */
  .story-intro:first-letter {
    color: #78d18b; }

/* line 741, assets/css/src/modules/_story.scss */
.story-bleed {
  margin-left: -10%;
  margin-right: -10%;
  margin-left: -10%;
  margin-right: -10%; }

/* line 752, assets/css/src/modules/_story.scss */
.story-figure {
  margin-top: 90px;
  margin-bottom: 90px; }

/* line 756, assets/css/src/modules/_story.scss */
.story-figcaption {
  position: relative;
  z-index: 2;
  font-style: italic;
  margin: -4.44444em 0 0;
  padding: 1.66667em;
  background: #fff; }

/* line 770, assets/css/src/modules/_story.scss */
.story-caption {
  z-index: 200;
  margin: 8.33333% 10%;
  text-align: left !important;
  max-width: 280px !important;
  display: none; }
  @media only screen and (min-width: 46.25em) {
    /* line 770, assets/css/src/modules/_story.scss */
    .story-caption {
      display: block;
      max-width: 570px; } }
  @media only screen and (min-width: 62.5em) {
    /* line 770, assets/css/src/modules/_story.scss */
    .story-caption {
      max-width: 342px; } }
  @media only screen and (min-width: 84.375em) {
    /* line 770, assets/css/src/modules/_story.scss */
    .story-caption {
      margin: 95px 114px; } }

/* line 796, assets/css/src/modules/_story.scss */
.story-footer {
  position: relative;
  margin: 0 !important;
  z-index: 1;
  overflow: hidden; }
  /* line 13, assets/css/src/helpers/_background-overlay.scss */
  .story-footer:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(20, 20, 20, 0.23); }
  /* line 803, assets/css/src/modules/_story.scss */
  .story-footer .bg {
    position: absolute;
    min-width: 100%;
    min-height: 100%; }
    /* line 808, assets/css/src/modules/_story.scss */
    .story-footer .bg img, .story-footer .bg video {
      min-width: 100%;
      min-height: 100%;
      position: absolute;
      -webkit-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%);
      left: 50%;
      right: initial;
      top: 50%;
      bottom: initial; }
  /* line 817, assets/css/src/modules/_story.scss */
  .story-footer .l-inner {
    position: relative;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
    right: initial;
    padding: 80px 0;
    bottom: 0;
    z-index: 10;
    margin: 0; }
    @media screen and (max-width: 450px) {
      /* line 817, assets/css/src/modules/_story.scss */
      .story-footer .l-inner {
        width: 90%; } }
  /* line 830, assets/css/src/modules/_story.scss */
  .story-footer p {
    color: #fff; }

/* line 836, assets/css/src/modules/_story.scss */
.cooks-footer {
  position: relative; }
  /* line 838, assets/css/src/modules/_story.scss */
  .cooks-footer .footer-inner {
    padding: 0 .3em; }
  /* line 845, assets/css/src/modules/_story.scss */
  .cooks-footer video.media {
    min-width: 100%;
    min-height: 100%;
    width: auto !important;
    height: auto !important; }

/* line 853, assets/css/src/modules/_story.scss */
.cooks-shoutout {
  font-size: 36px;
  font-style: italic; }

/* line 858, assets/css/src/modules/_story.scss */
.cooks-footer-text {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  position: absolute;
  z-index: 2;
  bottom: 80px;
  width: 100%;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
  opacity: 0;
  -webkit-transform: translate3d(0, 20%, 0);
  transform: translate3d(0, 20%, 0); }
  /* line 870, assets/css/src/modules/_story.scss */
  .cooks-footer-text.onscreen {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

/* line 881, assets/css/src/modules/_story.scss */
.fs_video_mod {
  padding-top: 0 !important;
  width: 100%; }

/*
| ---------------------------------------------------------------------
| =INGREDIENTS
| ---------------------------------------------------------------------
*/
/* line 21, assets/css/src/modules/_ingredients.scss */
.ingredients .story-section-title {
  margin: 0 0 0.5em; }

/* line 29, assets/css/src/modules/_ingredients.scss */
.ingredients .grid-unit-solo {
  width: 100% !important; }
  /* line 34, assets/css/src/modules/_ingredients.scss */
  .ingredients .grid-unit-solo ul li {
    width: 50%;
    float: left;
    display: inline-block;
    margin: 1.5rem 0;
    padding: 0 2em;
    word-break: break-word; }
    @media only screen and (min-width: 25em) {
      /* line 34, assets/css/src/modules/_ingredients.scss */
      .ingredients .grid-unit-solo ul li {
        width: 100%;
        float: none;
        display: block;
        padding: 0 0 0 2.5rem; } }

@media only screen and (max-width: 400px) {
  /* line 54, assets/css/src/modules/_ingredients.scss */
  .story-caption, .bay-card {
    width: 100% !important;
    padding: 15px; }
    /* line 59, assets/css/src/modules/_ingredients.scss */
    .story-caption li, .bay-card li {
      float: none !important;
      width: 100% !important;
      margin: 1.1rem 0 !important; } }

@media only screen and (min-width: 401px) and (max-width: 768px) {
  /* line 54, assets/css/src/modules/_ingredients.scss */
  .story-caption, .bay-card {
    width: 95% !important; } }

/* line 71, assets/css/src/modules/_ingredients.scss */
.ingredients-list {
  counter-reset: cooks-ingredients-count;
  font-family: "geogrotesque", "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
  font-size: 1.33333em; }
  /* line 78, assets/css/src/modules/_ingredients.scss */
  .ingredients-list > li {
    position: relative;
    counter-increment: cooks-ingredients-count;
    margin: 0.83333em 0;
    padding-left: 2.5em;
    line-height: 1.25; }
    /* line 85, assets/css/src/modules/_ingredients.scss */
    .ingredients-list > li:before {
      content: counter(cooks-ingredients-count);
      display: inline-block;
      position: absolute;
      left: 0;
      width: 1.5625em;
      height: 1.5625em;
      font-size: 0.88889em;
      line-height: 1.5625em;
      vertical-align: middle;
      text-align: center;
      border: 1px solid #000;
      border-radius: 0.78125em; }

/*
 * ---------------------------------------------------------------------
 *  =SHOP-OVERVIEW
 * ---------------------------------------------------------------------
*/
/* line 23, assets/css/src/modules/_shop-overview.scss */
.shop-main {
  margin: 220px 0 150px; }

/* line 27, assets/css/src/modules/_shop-overview.scss */
.shop-list {
  margin: 85px 0 0; }

/* line 32, assets/css/src/modules/_shop-overview.scss */
.shop-item {
  margin: 185px 0; }

/* line 36, assets/css/src/modules/_shop-overview.scss */
.prod {
  position: relative;
  margin: 0 auto; }

/* line 45, assets/css/src/modules/_shop-overview.scss */
.prod-header, .prod-gallery, .prod-body, .prod-footer {
  margin-bottom: 50px; }

/* line 58, assets/css/src/modules/_shop-overview.scss */
.prod-gallery > .slider {
  width: 100%;
  padding-bottom: 66px; }

/* =PROD-COSTS
 * ------------------------------------------------ */
/* line 67, assets/css/src/modules/_shop-overview.scss */
.prod-costs {
  margin: 40px 0; }

/* line 71, assets/css/src/modules/_shop-overview.scss */
.prod-price {
  font-size: 1.66667em;
  margin: 0 0.16667em 0 0; }

/* =PROD-ORDER
 * ------------------------------------------------ */
/* line 81, assets/css/src/modules/_shop-overview.scss */
.prod-order {
  margin: 1.66667em 0; }

/* line 89, assets/css/src/modules/_shop-overview.scss */
.prod-order-form .fld {
  margin-top: 0; }

/* =PROD-SHARE
 * ------------------------------------------------ */
/* line 101, assets/css/src/modules/_shop-overview.scss */
.prod-share li {
  margin: 0 0.83333em 0 0; }
  /* line 105, assets/css/src/modules/_shop-overview.scss */
  .prod-share li:last-child {
    margin-right: 0; }

/* line 110, assets/css/src/modules/_shop-overview.scss */
.prod-share .icon-btn {
  opacity: 1; }
  /* line 114, assets/css/src/modules/_shop-overview.scss */
  .prod-share .icon-btn:hover, .prod-share .icon-btn:focus, .prod-share .icon-btn:active, .prod-share .icon-btn.active {
    opacity: 0.5; }

/*
 * ---------------------------------------------------------------------
 *  =BREAKPOINTS
 * ---------------------------------------------------------------------
*/
@media only screen and (min-width: 46.25em) {
  /* line 130, assets/css/src/modules/_shop-overview.scss */
  .prod-order-form {
    margin: 0 -5px; }
    /* line 134, assets/css/src/modules/_shop-overview.scss */
    .prod-order-form .fld {
      margin-top: 0;
      padding: 0 5px; } }

@media only screen and (min-width: 62.5em) {
  /* line 143, assets/css/src/modules/_shop-overview.scss */
  .prod-gallery {
    position: absolute;
    top: 0;
    height: 100%; }
    /* line 149, assets/css/src/modules/_shop-overview.scss */
    .prod-gallery .slider {
      position: static;
      /* use ’.prod-gallery’ as positioning context */ }
    /* line 153, assets/css/src/modules/_shop-overview.scss */
    .prod-gallery .slider-pagination {
      text-align: left !important; }
  /* line 160, assets/css/src/modules/_shop-overview.scss */
  .shop-item:nth-child(odd) .prod-gallery {
    left: 0; }
  /* line 164, assets/css/src/modules/_shop-overview.scss */
  .shop-item:nth-child(odd) .prod-header, .shop-item:nth-child(odd) .prod-body, .shop-item:nth-child(odd) .prod-footer {
    text-align: left;
    margin-left: 50%; }
  /* line 172, assets/css/src/modules/_shop-overview.scss */
  .shop-item:nth-child(even) .prod-gallery {
    right: 0; }
  /* line 176, assets/css/src/modules/_shop-overview.scss */
  .shop-item:nth-child(even) .prod-header, .shop-item:nth-child(even) .prod-body, .shop-item:nth-child(even) .prod-footer {
    text-align: right;
    margin-left: 10%;
    margin-right: 50%; } }

@media only screen and (min-width: 84.375em) {
  /* line 188, assets/css/src/modules/_shop-overview.scss */
  .shop-item:nth-child(odd) .prod-header, .shop-item:nth-child(odd) .prod-body, .shop-item:nth-child(odd) .prod-footer {
    margin-left: 60%; }
  /* line 195, assets/css/src/modules/_shop-overview.scss */
  .shop-item:nth-child(even) .prod-header, .shop-item:nth-child(even) .prod-body, .shop-item:nth-child(even) .prod-footer {
    margin-left: 0;
    margin-right: 60%; } }

/*
  Slider tweaks
*/
@-webkit-keyframes sliderFsTrNavIn {
  from {
    -webkit-transform: translateX(-50%) translateY(200%);
            transform: translateX(-50%) translateY(200%);
    opacity: 0; }
  to {
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
    opacity: 1; } }
@keyframes sliderFsTrNavIn {
  from {
    -webkit-transform: translateX(-50%) translateY(200%);
            transform: translateX(-50%) translateY(200%);
    opacity: 0; }
  to {
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
    opacity: 1; } }

@-webkit-keyframes sliderFsTrNavOut {
  from {
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateX(-50%) translateY(200%);
            transform: translateX(-50%) translateY(200%);
    opacity: 0; } }

@keyframes sliderFsTrNavOut {
  from {
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateX(-50%) translateY(200%);
            transform: translateX(-50%) translateY(200%);
    opacity: 0; } }

/* line 169, assets/css/src/modules/_slider.scss */
.slider {
  height: 80vh;
  overflow: hidden; }

/* line 174, assets/css/src/modules/_slider.scss */
.slider.slick-slider {
  margin-bottom: 150px;
  overflow: visible; }
  /* line 108, assets/css/src/modules/_slider.scss */
  .slider.slick-slider .slick-slide {
    margin: 0 0.2rem;
    height: 80vh;
    max-width: 90vw; }
  /* line 114, assets/css/src/modules/_slider.scss */
  .slider.slick-slider .slick-arrow {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    bottom: initial;
    width: 50px;
    height: 50px; }
    /* line 119, assets/css/src/modules/_slider.scss */
    .slider.slick-slider .slick-arrow:before {
      content: '';
      background-size: contain;
      background-position: center;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      position: absolute; }
    @media screen and (max-width: 450px) {
      /* line 114, assets/css/src/modules/_slider.scss */
      .slider.slick-slider .slick-arrow {
        display: none !important; } }
    /* line 132, assets/css/src/modules/_slider.scss */
    .slider.slick-slider .slick-arrow.slick-prev {
      left: 25px; }
    /* line 133, assets/css/src/modules/_slider.scss */
    .slider.slick-slider .slick-arrow.slick-next {
      right: 25px; }
    /* line 134, assets/css/src/modules/_slider.scss */
    .slider.slick-slider .slick-arrow.slick-prev:before {
      background: center/contain url(../img/icon-arrow-left.svg) no-repeat; }
    /* line 135, assets/css/src/modules/_slider.scss */
    .slider.slick-slider .slick-arrow.slick-next:before {
      background: center/contain url(../img/icon-arrow-right.svg) no-repeat; }
  /* line 158, assets/css/src/modules/_slider.scss */
  .slider.slick-slider .social {
    position: absolute;
    left: 18px;
    bottom: 18px;
    z-index: 10; }
    /* line 163, assets/css/src/modules/_slider.scss */
    .slider.slick-slider .social a {
      outline: none; }
    /* line 164, assets/css/src/modules/_slider.scss */
    .slider.slick-slider .social i {
      margin-right: 18px; }

/* line 179, assets/css/src/modules/_slider.scss */
.lightbox,
.lightbox.slick-slider {
  display: none;
  background-color: #fff;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
  /* line 40, assets/css/src/modules/_slider.scss */
  .lightbox.active,
  .lightbox.slick-slider.active {
    display: block;
    z-index: 99; }
  /* line 45, assets/css/src/modules/_slider.scss */
  .lightbox img,
  .lightbox.slick-slider img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: auto;
    position: relative;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    bottom: initial; }
    @media screen and (max-width: 450px) {
      /* line 45, assets/css/src/modules/_slider.scss */
      .lightbox img,
      .lightbox.slick-slider img {
        top: 45%; } }
  /* line 59, assets/css/src/modules/_slider.scss */
  .lightbox .slick-dots,
  .lightbox.slick-slider .slick-dots {
    position: absolute;
    bottom: 0;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%; }
  /* line 69, assets/css/src/modules/_slider.scss */
  .lightbox .action-bar,
  .lightbox.slick-slider .action-bar {
    position: absolute;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
    right: initial;
    bottom: 0;
    width: 100%;
    height: 57px;
    background-color: #fafafa;
    -webkit-animation: sliderFsTrNavOut 0.5s forwards;
            animation: sliderFsTrNavOut 0.5s forwards;
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s; }
    /* line 78, assets/css/src/modules/_slider.scss */
    .lightbox .action-bar.active,
    .lightbox.slick-slider .action-bar.active {
      -webkit-animation: sliderFsTrNavIn 0.5s forwards;
              animation: sliderFsTrNavIn 0.5s forwards; }
    @media screen and (max-width: 900px) {
      /* line 69, assets/css/src/modules/_slider.scss */
      .lightbox .action-bar,
      .lightbox.slick-slider .action-bar {
        -webkit-animation: sliderFsTrNavIn 0.5s forwards;
                animation: sliderFsTrNavIn 0.5s forwards; } }
    /* line 83, assets/css/src/modules/_slider.scss */
    .lightbox .action-bar .slick-dots li:not(.slick-active),
    .lightbox .action-bar .slick-dots li:not(.slick-active) button:before,
    .lightbox.slick-slider .action-bar .slick-dots li:not(.slick-active),
    .lightbox.slick-slider .action-bar .slick-dots li:not(.slick-active) button:before {
      display: none; }
    /* line 88, assets/css/src/modules/_slider.scss */
    .lightbox .action-bar .slick-dots li.slick-active,
    .lightbox.slick-slider .action-bar .slick-dots li.slick-active {
      margin: 0;
      width: auto; }
    /* line 93, assets/css/src/modules/_slider.scss */
    .lightbox .action-bar .slick-dots li.slick-active button,
    .lightbox.slick-slider .action-bar .slick-dots li.slick-active button {
      color: #000;
      font-size: 1rem;
      width: auto;
      padding: 0; }
      /* line 99, assets/css/src/modules/_slider.scss */
      .lightbox .action-bar .slick-dots li.slick-active button:before,
      .lightbox.slick-slider .action-bar .slick-dots li.slick-active button:before {
        display: none; }
  /* line 108, assets/css/src/modules/_slider.scss */
  .lightbox .slick-slide,
  .lightbox.slick-slider .slick-slide {
    margin: 0 0.2rem;
    height: 100vh;
    max-width: 90vw; }
  /* line 114, assets/css/src/modules/_slider.scss */
  .lightbox .slick-arrow,
  .lightbox.slick-slider .slick-arrow {
    -webkit-transform: none;
            transform: none;
    bottom: 18px; }
    /* line 139, assets/css/src/modules/_slider.scss */
    .lightbox .slick-arrow:before,
    .lightbox.slick-slider .slick-arrow:before {
      bottom: 0;
      width: 18px;
      height: 18px;
      -webkit-transition: 0.2s;
      transition: 0.2s; }
    /* line 145, assets/css/src/modules/_slider.scss */
    .lightbox .slick-arrow:active:before,
    .lightbox.slick-slider .slick-arrow:active:before {
      -webkit-transform: scale(1.1);
              transform: scale(1.1); }
    /* line 146, assets/css/src/modules/_slider.scss */
    .lightbox .slick-arrow.slick-prev,
    .lightbox.slick-slider .slick-arrow.slick-prev {
      left: initial;
      right: 150px; }
    /* line 150, assets/css/src/modules/_slider.scss */
    .lightbox .slick-arrow.slick-next,
    .lightbox.slick-slider .slick-arrow.slick-next {
      right: 50px; }
    /* line 153, assets/css/src/modules/_slider.scss */
    .lightbox .slick-arrow.slick-prev:before,
    .lightbox.slick-slider .slick-arrow.slick-prev:before {
      background: center/contain url(../img/icon-arrow-left-black.svg) no-repeat; }
    /* line 154, assets/css/src/modules/_slider.scss */
    .lightbox .slick-arrow.slick-next:before,
    .lightbox.slick-slider .slick-arrow.slick-next:before {
      background: center/contain url(../img/icon-arrow-right-black.svg) no-repeat; }
  /* line 158, assets/css/src/modules/_slider.scss */
  .lightbox .social,
  .lightbox.slick-slider .social {
    position: absolute;
    left: 18px;
    bottom: 18px;
    z-index: 10; }
    /* line 163, assets/css/src/modules/_slider.scss */
    .lightbox .social a,
    .lightbox.slick-slider .social a {
      outline: none; }
    /* line 164, assets/css/src/modules/_slider.scss */
    .lightbox .social i,
    .lightbox.slick-slider .social i {
      margin-right: 18px; }

/*
  Default slick slider styling
*/
/* line 187, assets/css/src/modules/_slider.scss */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

/* line 196, assets/css/src/modules/_slider.scss */
.slick-slider .close {
  right: 25px;
  bottom: 18px;
  position: absolute;
  border: none;
  outline: none;
  width: 18px;
  height: 18px;
  background: center/contain url(../img/icon-close-thin.svg) no-repeat;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  z-index: 10; }
  /* line 207, assets/css/src/modules/_slider.scss */
  .slick-slider .close:active {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }

/* line 209, assets/css/src/modules/_slider.scss */
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  /* line 216, assets/css/src/modules/_slider.scss */
  .slick-list:focus {
    outline: none; }
  /* line 220, assets/css/src/modules/_slider.scss */
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

/* line 225, assets/css/src/modules/_slider.scss */
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

/* line 230, assets/css/src/modules/_slider.scss */
.slick-dots {
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  right: initial; }
  @media screen and (max-width: 450px) {
    /* line 230, assets/css/src/modules/_slider.scss */
    .slick-dots {
      display: none !important; } }
  /* line 236, assets/css/src/modules/_slider.scss */
  .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    /* line 244, assets/css/src/modules/_slider.scss */
    .slick-dots li.slick-active button:before {
      opacity: 0.75; }
  /* line 248, assets/css/src/modules/_slider.scss */
  .slick-dots button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }
    /* line 260, assets/css/src/modules/_slider.scss */
    .slick-dots button:before {
      font-family: slick;
      font-size: 19px;
      line-height: 20px;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 20px;
      height: 20px;
      content: "•";
      text-align: center;
      opacity: 0.25;
      color: black;
      -webkit-font-smoothing: antialiased; }

/* line 278, assets/css/src/modules/_slider.scss */
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  /* line 284, assets/css/src/modules/_slider.scss */
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  /* line 290, assets/css/src/modules/_slider.scss */
  .slick-track:after {
    clear: both; }
  /* line 294, assets/css/src/modules/_slider.scss */
  .slick-loading .slick-track {
    visibility: hidden; }

/* line 298, assets/css/src/modules/_slider.scss */
.slick-slide {
  outline: none;
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  /* line 303, assets/css/src/modules/_slider.scss */
  [dir="rtl"] .slick-slide {
    float: right; }
  /* line 306, assets/css/src/modules/_slider.scss */
  .slick-slide figure {
    display: block;
    height: 100%;
    margin: auto;
    position: relative; }
  /* line 312, assets/css/src/modules/_slider.scss */
  .slick-slide img {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    bottom: initial;
    display: block;
    max-height: 100%;
    max-width: 100%;
    position: relative; }
  /* line 319, assets/css/src/modules/_slider.scss */
  .slick-slide.slick-loading img {
    display: none; }
  /* line 325, assets/css/src/modules/_slider.scss */
  .slick-slide.dragging img {
    pointer-events: none; }
  /* line 329, assets/css/src/modules/_slider.scss */
  .slick-initialized .slick-slide {
    display: block; }
  /* line 333, assets/css/src/modules/_slider.scss */
  .slick-loading .slick-slide {
    visibility: hidden; }
  /* line 337, assets/css/src/modules/_slider.scss */
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

/* line 343, assets/css/src/modules/_slider.scss */
.slick-arrow {
  position: absolute;
  outline: none;
  z-index: 999;
  background: none;
  border: none;
  outline: none;
  font-size: 0; }

/* line 352, assets/css/src/modules/_slider.scss */
.slick-arrow.slick-hidden {
  display: none; }

/* line 355, assets/css/src/modules/_slider.scss */
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent; }

/* line 356, assets/css/src/modules/_slider.scss */
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1; }

/* line 357, assets/css/src/modules/_slider.scss */
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: 0.25; }

/*
* Header slider (homepage)
*/
/* line 362, assets/css/src/modules/_slider.scss */
.header-slider.slider.slick-slider {
  margin-bottom: 30px; }

/* line 366, assets/css/src/modules/_slider.scss */
.header-slider.slick-slider .slick-slide {
  max-width: none;
  width: 100vw;
  height: 75vh;
  background-position: center;
  background-size: cover;
  margin: 0;
  position: relative; }
  /* line 375, assets/css/src/modules/_slider.scss */
  .header-slider.slick-slider .slick-slide:before {
    content: '';
    background: rgba(20, 20, 20, 0.23);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute; }
  /* line 385, assets/css/src/modules/_slider.scss */
  .header-slider.slick-slider .slick-slide.overlay--white {
    color: #fff; }
  /* line 386, assets/css/src/modules/_slider.scss */
  .header-slider.slick-slider .slick-slide.overlay--black {
    color: #000; }
  /* line 388, assets/css/src/modules/_slider.scss */
  .header-slider.slick-slider .slick-slide.slick-active .slide-inner-container {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }

/* line 394, assets/css/src/modules/_slider.scss */
.header-slider .slide-inner-container {
  width: 94%;
  height: auto;
  text-align: center;
  position: absolute;
  left: 3%;
  bottom: 20%;
  opacity: 0;
  -webkit-transform: translateY(30%);
          transform: translateY(30%);
  -webkit-transition: 0.8s;
  transition: 0.8s; }
  /* line 405, assets/css/src/modules/_slider.scss */
  .header-slider .slide-inner-container .slide-inner-wrapper {
    max-width: 860px;
    display: block;
    margin: auto; }
  /* line 411, assets/css/src/modules/_slider.scss */
  .header-slider .slide-inner-container .title {
    line-height: 1.2;
    font-family: "circular-std", sans-serif;
    font-weight: 700;
    font-size: 26px; }
    @media only screen and (min-width: 28.75em) {
      /* line 411, assets/css/src/modules/_slider.scss */
      .header-slider .slide-inner-container .title {
        font-size: 38px; } }

/* line 423, assets/css/src/modules/_slider.scss */
.header-slider .slick-dots {
  bottom: 5%;
  padding: 0; }
  /* line 427, assets/css/src/modules/_slider.scss */
  .header-slider .slick-dots li {
    margin: 0; }
  /* line 429, assets/css/src/modules/_slider.scss */
  .header-slider .slick-dots button:before {
    color: #fff;
    font-size: 22px; }

/* line 435, assets/css/src/modules/_slider.scss */
.header-slider.slider.slick-slider .slick-arrow {
  height: 100%;
  width: 15%; }
  /* line 439, assets/css/src/modules/_slider.scss */
  .header-slider.slider.slick-slider .slick-arrow:before {
    content: none; }
  /* line 440, assets/css/src/modules/_slider.scss */
  .header-slider.slider.slick-slider .slick-arrow.slick-next {
    right: 0;
    cursor: e-resize; }
  /* line 441, assets/css/src/modules/_slider.scss */
  .header-slider.slider.slick-slider .slick-arrow.slick-prev {
    left: 0;
    cursor: w-resize; }

/* line 444, assets/css/src/modules/_slider.scss */
#header {
  position: relative; }

/* line 446, assets/css/src/modules/_slider.scss */
#header .header-fvf-logo {
  width: 72px;
  height: 72px;
  display: block;
  text-decoration: none;
  position: absolute;
  top: 36px;
  left: 50%;
  z-index: 99;
  margin-left: -36px;
  background: url(../img/icon-fvf.svg) center no-repeat;
  background-size: contain; }

/*
 * ---------------------------------------------------------------------
 *  =CART
 * ---------------------------------------------------------------------
*/
/* line 19, assets/css/src/modules/_cart.scss */
.cart {
  font-style: italic;
  margin: 0 auto;
  padding: 0 15px;
  border: 1px solid #ccc; }

/* line 26, assets/css/src/modules/_cart.scss */
.cart-overview {
  width: 100%;
  table-layout: auto; }
  /* line 31, assets/css/src/modules/_cart.scss */
  .cart-overview td {
    padding: 20px 0; }

/* =CART-ITEM
 * ------------------------------------------------ */
/* line 39, assets/css/src/modules/_cart.scss */
.cart-item {
  border-bottom: 1px solid #ccc; }

/* line 44, assets/css/src/modules/_cart.scss */
.cart-item-title {
  font-weight: 400; }

/* line 50, assets/css/src/modules/_cart.scss */
.cart-item-pic {
  width: 56px;
  height: 56px;
  margin: 0 15px 0 0; }

/* line 59, assets/css/src/modules/_cart.scss */
.cart-item-infos li:after {
  content: "-";
  speak: none;
  margin: 0 0.2em; }

/* line 65, assets/css/src/modules/_cart.scss */
.cart-item-infos li:last-child:after {
  display: none; }

/* line 70, assets/css/src/modules/_cart.scss */
.cart-info {
  text-transform: uppercase; }

/* line 80, assets/css/src/modules/_cart.scss */
.cart-cost {
  margin: 0.25em 0; }

/* =CART-MINI
 * ------------------------------------------------ */
/* line 91, assets/css/src/modules/_cart.scss */
.cart-link {
  font-size: 0.88889em;
  line-height: 2.5em;
  height: 2.5em;
  color: #fff;
  background-color: #000; }
  /* line 104, assets/css/src/modules/_cart.scss */
  .cart-link:hover, .cart-link:focus, .cart-link:active, .cart-link.active {
    -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out;
    transition: color 0.25s ease-out, background-color 0.25s ease-out;
    color: #fff;
    background-color: #000; }

/* line 111, assets/css/src/modules/_cart.scss */
.cart-recap {
  width: 100%;
  bottom: 0;
  left: 0; }

/* line 117, assets/css/src/modules/_cart.scss */
.cart-mini {
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  border-bottom: 0;
  background: url(../img/mark-arrow.svg) no-repeat center bottom;
  background-color: #fff; }
  /* line 126, assets/css/src/modules/_cart.scss */
  .no-svg .cart-mini {
    background-image: url(../img/mark-arrow.png); }
  @media only screen and (min-width: 46.25em) {
    /* line 117, assets/css/src/modules/_cart.scss */
    .cart-mini {
      left: 50%;
      width: 21.11111em;
      margin-left: -10.55556em; } }

/* =APARTEMENT-TEASER
 * ------------------------------------------------ */
/* line 4, assets/css/src/modules/_fvfapt-teaser.scss */
.teaser-cycle .slides {
  position: absolute; }
  /* line 8, assets/css/src/modules/_fvfapt-teaser.scss */
  .teaser-cycle .slides li {
    display: none;
    /* hide none active slides on start */
    /* flexslider ’fade’ slides are not hidden before they have been
		slided once. Therefore, the last slide being on top, it will hide
		the other slides untill it has been slided through and hidden */ }
    /* line 14, assets/css/src/modules/_fvfapt-teaser.scss */
    .no-js .teaser-cycle .slides li:first-child {
      display: list-item; }

/* line 20, assets/css/src/modules/_fvfapt-teaser.scss */
.fvfapt-teaser-header {
  margin-bottom: 1.11111em; }

/* line 24, assets/css/src/modules/_fvfapt-teaser.scss */
.fvfapt-teaser-subscribe {
  margin: 40px 0 50px; }

/* line 28, assets/css/src/modules/_fvfapt-teaser.scss */
.fvfapt-teaser-footer {
  margin-top: 60px; }

/* line 32, assets/css/src/modules/_fvfapt-teaser.scss */
.fvfapt-partners {
  font-size: 0.83333em;
  width: 80%;
  margin: 0 auto; }
  /* line 38, assets/css/src/modules/_fvfapt-teaser.scss */
  .fvfapt-partners li:after {
    content: ", ";
    margin-right: 0.25em; }
  /* line 43, assets/css/src/modules/_fvfapt-teaser.scss */
  .fvfapt-partners li:last-child:after {
    display: none; }

/* line 48, assets/css/src/modules/_fvfapt-teaser.scss */
.fvfapt-partners-introline {
  margin-bottom: 0.25em; }

/* line 1, assets/css/src/modules/_language-bar.scss */
.language-bar {
  display: none; }

@media only screen and (min-width: 31.25em) {
  /* line 6, assets/css/src/modules/_language-bar.scss */
  .language-bar {
    display: block;
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 3%;
    z-index: 1000; }
  /* line 15, assets/css/src/modules/_language-bar.scss */
  .language-bar ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  /* line 21, assets/css/src/modules/_language-bar.scss */
  .language-bar li {
    background-color: #fff;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    font-family: 'circular-std', sans-serif;
    color: #e5e5e5; }
    /* line 28, assets/css/src/modules/_language-bar.scss */
    .language-bar li:last-child {
      border-bottom: 1px solid #e5e5e5; }
    /* line 31, assets/css/src/modules/_language-bar.scss */
    .language-bar li:hover, .language-bar li.active {
      background-color: #78D18B;
      border-color: #78D18B; }
      /* line 34, assets/css/src/modules/_language-bar.scss */
      .language-bar li:hover a, .language-bar li.active a {
        color: #fff; }
  /* line 38, assets/css/src/modules/_language-bar.scss */
  .language-bar a {
    text-decoration: none;
    padding: 1em;
    display: block;
    coloe: #78D18B; } }

/* line 8, assets/css/src/modules/_product-link.scss */
.product-link figure {
  display: block;
  position: relative;
  width: 100%;
  max-width: 900px;
  margin: auto auto 2rem;
  overflow: hidden; }
  /* line 18, assets/css/src/modules/_product-link.scss */
  .product-link figure * {
    box-sizing: border-box; }
  /* line 22, assets/css/src/modules/_product-link.scss */
  .product-link figure img {
    vertical-align: top;
    float: none;
    width: 100%; }
    @media only screen and (min-width: 62.5em) {
      /* line 22, assets/css/src/modules/_product-link.scss */
      .product-link figure img {
        float: right;
        width: 60%; } }
    @media only screen and (min-width: 98.75em) {
      /* line 22, assets/css/src/modules/_product-link.scss */
      .product-link figure img {
        width: 70%; } }
  /* line 37, assets/css/src/modules/_product-link.scss */
  .product-link figure figcaption {
    float: none;
    width: 100%;
    background: #f9f9f9;
    padding: 4%;
    -webkit-transition: 0.2s false false;
    -webkit-transition: 0.2s;
    transition: 0.2s; }
    @media only screen and (min-width: 62.5em) {
      /* line 37, assets/css/src/modules/_product-link.scss */
      .product-link figure figcaption {
        float: right;
        width: 40%;
        min-height: 100%;
        position: absolute; } }
    @media only screen and (min-width: 98.75em) {
      /* line 37, assets/css/src/modules/_product-link.scss */
      .product-link figure figcaption {
        width: 30%; } }
    /* line 55, assets/css/src/modules/_product-link.scss */
    .product-link figure figcaption h4 {
      font-size: 1.5rem;
      line-height: 1em;
      margin: 0 0 .4em 0; }
    /* line 62, assets/css/src/modules/_product-link.scss */
    .product-link figure figcaption em.price {
      display: block;
      margin: 1em 0; }
    /* line 68, assets/css/src/modules/_product-link.scss */
    .product-link figure figcaption .button-wrapper {
      text-align: center; }
    @media only screen and (min-width: 62.5em) {
      /* line 72, assets/css/src/modules/_product-link.scss */
      .product-link figure figcaption button, .product-link figure figcaption .btn {
        position: absolute;
        bottom: 8%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); } }
    /* line 81, assets/css/src/modules/_product-link.scss */
    .product-link figure figcaption .prod-description {
      font-size: 1rem;
      margin-bottom: 1.5em; }

/* line 3, assets/css/src/modules/_collection-bar.scss */
.collection-bar {
  width: 100%;
  min-height: 80px;
  background: #fff;
  position: fixed;
  left: 0;
  bottom: 0;
  border-top: 1px solid #e5e5e5;
  z-index: 99;
  font-family: "circular-std", sans-serif;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  /* line 15, assets/css/src/modules/_collection-bar.scss */
  .collection-bar.hide {
    -webkit-transform: translateY(80px);
            transform: translateY(80px); }

/* line 21, assets/css/src/modules/_collection-bar.scss */
.collection-bar .collection-container {
  min-height: 40px;
  position: relative;
  margin: 15px 0;
  overflow-x: auto;
  overflow-y: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

/* line 32, assets/css/src/modules/_collection-bar.scss */
.collection-bar .collection-container h4 {
  margin: 0px 30px;
  display: inline-block;
  min-width: 130px;
  max-width: 130px;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis; }

/* line 43, assets/css/src/modules/_collection-bar.scss */
.collection-bar .collection-container .collection-story {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 260px;
  max-width: 280px;
  height: 100%;
  min-height: 50px;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  /* default value */
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  border-left: 1px solid #e5e5e5;
  white-space: normal;
  font-size: 12px;
  cursor: pointer;
  z-index: 99;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #999;
  font-weight: normal; }
  /* line 62, assets/css/src/modules/_collection-bar.scss */
  .collection-bar .collection-container .collection-story p {
    margin: 0; }
  /* line 63, assets/css/src/modules/_collection-bar.scss */
  .collection-bar .collection-container .collection-story:hover, .collection-bar .collection-container .collection-story.active {
    color: #000; }

/* line 69, assets/css/src/modules/_collection-bar.scss */
.collection-bar .collection-container .collection-story .bg {
  background-position: center;
  background-size: cover;
  position: fixed;
  left: 0;
  bottom: 80px;
  width: 260px;
  height: 140px;
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  visibility: hidden; }
  @media screen and (max-width: 900px) {
    /* line 69, assets/css/src/modules/_collection-bar.scss */
    .collection-bar .collection-container .collection-story .bg {
      display: none; } }

/* line 86, assets/css/src/modules/_collection-bar.scss */
.collection-bar .collection-container .collection-story:hover .bg {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  visibility: visible; }

/* line 1, assets/css/src/modules/_collection-social.scss */
.collection-social {
  padding: 4rem 0; }

/* line 5, assets/css/src/modules/_collection-social.scss */
.collection-social h2 {
  text-align: center;
  font-family: "circular-std", sans-serif;
  font-weight: normal; }

/* line 11, assets/css/src/modules/_collection-social.scss */
.collection-social i {
  margin: 0 0.5em;
  font-size: 2rem;
  color: #78D18B;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  /* line 17, assets/css/src/modules/_collection-social.scss */
  .collection-social i:hover {
    cursor: pointer;
    color: #000; }

/* line 24, assets/css/src/modules/_collection-social.scss */
.collection-social .social-links {
  display: block;
  margin: 3rem auto 0;
  text-align: center; }

@-webkit-keyframes currentStoryFade {
  from {
    background: rgba(0, 0, 0, 0.2); }
  to {
    background: transparent; } }

@keyframes currentStoryFade {
  from {
    background: rgba(0, 0, 0, 0.2); }
  to {
    background: transparent; } }

@-webkit-keyframes degradeZindex {
  from {
    z-index: 100; }
  to {
    z-index: -2; } }

@keyframes degradeZindex {
  from {
    z-index: 100; }
  to {
    z-index: -2; } }

/* line 21, assets/css/src/modules/_collection-fold.scss */
.story.collection {
  background: #fff; }

/* line 25, assets/css/src/modules/_collection-fold.scss */
.story .fade {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 20; }

/* line 34, assets/css/src/modules/_collection-fold.scss */
.story.collection.nextStory {
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%; }

/* line 42, assets/css/src/modules/_collection-fold.scss */
.story[data-next-url] {
  margin-bottom: 100vh; }

@media screen and (max-width: 600px) {
  /* line 3, assets/css/src/modules/_related-stories.scss */
  .related-stories-section h3 {
    visibility: hidden; }
    /* line 5, assets/css/src/modules/_related-stories.scss */
    .related-stories-section h3:before {
      content: 'Related Story';
      visibility: visible;
      display: block; }
  /* line 12, assets/css/src/modules/_related-stories.scss */
  .related-stories-section .grid_item:not(:first-child) {
    display: none; } }

/* line 1, assets/css/src/modules/_home-buckets.scss */
.bucket {
  /*
  * Homepage form
  */ }
  /* line 2, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid {
    max-width: 1400px;
    width: 90%;
    display: block;
    margin: auto; }
  /* line 9, assets/css/src/modules/_home-buckets.scss */
  .bucket .grid_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  /* line 15, assets/css/src/modules/_home-buckets.scss */
  .bucket .grid_item {
    width: 100%;
    margin-bottom: 5%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-decoration: none; }
    @media only screen and (min-width: 28.75em) {
      /* line 15, assets/css/src/modules/_home-buckets.scss */
      .bucket .grid_item {
        width: 30%; } }
  /* line 26, assets/css/src/modules/_home-buckets.scss */
  .bucket .grid_item.video .img_cntr {
    position: relative; }
    /* line 29, assets/css/src/modules/_home-buckets.scss */
    .bucket .grid_item.video .img_cntr:before, .bucket .grid_item.video .img_cntr:after {
      content: '';
      position: absolute; }
    /* line 35, assets/css/src/modules/_home-buckets.scss */
    .bucket .grid_item.video .img_cntr:before {
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(20, 20, 20, 0.4);
      z-index: 10; }
    /* line 44, assets/css/src/modules/_home-buckets.scss */
    .bucket .grid_item.video .img_cntr:after {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-bottom: 25px solid transparent;
      border-left: 40px solid #fff;
      left: 50%;
      top: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%);
      z-index: 11;
      opacity: 0.8;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
    /* line 58, assets/css/src/modules/_home-buckets.scss */
    .bucket .grid_item.video .img_cntr:hover:after {
      opacity: 0;
      -webkit-transform: translateX(-50%) translateY(-50%) scale(1.2);
              transform: translateX(-50%) translateY(-50%) scale(1.2); }
  /* line 64, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid .grid_item > * {
    -webkit-transition: 0.3s;
    transition: 0.3s; }
  /* line 66, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid:not(.neat) .grid_item:not(.widget_item) .img_cntr:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    box-shadow: 0px 1px 50px rgba(0, 0, 0, 0.15); }
  /* line 71, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid:not(.neat) .grid_item:not(.widget_item) .img_cntr:hover > *:not(.img_cntr) {
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  /* line 75, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid.neat .grid_item:hover {
    opacity: 0.6; }
  /* line 79, assets/css/src/modules/_home-buckets.scss */
  .bucket .grid_item.widget_item {
    margin-top: 0; }
    /* line 82, assets/css/src/modules/_home-buckets.scss */
    .bucket .grid_item.widget_item .bucket-item:hover {
      -webkit-transform: scale(1.05);
              transform: scale(1.05); }
    @media only screen and (min-width: 28.75em) {
      /* line 79, assets/css/src/modules/_home-buckets.scss */
      .bucket .grid_item.widget_item {
        margin-top: -38px; } }
  /* line 91, assets/css/src/modules/_home-buckets.scss */
  .bucket .grid_item.widget_item h2 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 0.7em;
    margin: 0; }
  /* line 97, assets/css/src/modules/_home-buckets.scss */
  .bucket .grid_item.widget_item .text-content h4 {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.3em;
    color: #2D2D2d; }
  /* line 104, assets/css/src/modules/_home-buckets.scss */
  .bucket .grid_item a,
  .bucket .menu-item .title a {
    text-decoration: none; }
  /* line 108, assets/css/src/modules/_home-buckets.scss */
  .bucket .grid_item a:hover,
  .bucket .menu-item .title a:hover {
    color: #999; }
  /* line 112, assets/css/src/modules/_home-buckets.scss */
  .bucket .grid_item img:hover {
    opacity: 0.75; }
  /* line 113, assets/css/src/modules/_home-buckets.scss */
  .bucket .right_item {
    padding-right: 0; }
  /* line 114, assets/css/src/modules/_home-buckets.scss */
  .bucket .grid_item .img_cntr, .bucket .menu-item .img_cntr {
    width: 100%;
    height: 270px;
    background-size: cover;
    background-position: center;
    display: inline-block; }
  /* line 122, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid .grid_flex.amount-2 .grid_item:nth-child(1),
  .bucket .interviews_grid .grid_flex.amount-2 .grid_item:nth-child(2),
  .bucket .interviews_grid.big .grid_flex .grid_item {
    width: 100%; }
    @media only screen and (min-width: 28.75em) {
      /* line 122, assets/css/src/modules/_home-buckets.scss */
      .bucket .interviews_grid .grid_flex.amount-2 .grid_item:nth-child(1),
      .bucket .interviews_grid .grid_flex.amount-2 .grid_item:nth-child(2),
      .bucket .interviews_grid.big .grid_flex .grid_item {
        width: 47.5%; } }
  @media only screen and (min-width: 28.75em) {
    /* line 131, assets/css/src/modules/_home-buckets.scss */
    .bucket .interviews_grid .grid_flex.amount-2 .grid_item:nth-child(1) .img_cntr,
    .bucket .interviews_grid .grid_flex.amount-2 .grid_item:nth-child(2) .img_cntr,
    .bucket .interviews_grid.big .grid_flex .grid_item .img_cntr {
      height: 400px; } }
  /* line 139, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid .grid_flex.square .grid_item {
    width: 100%; }
    @media only screen and (min-width: 28.75em) {
      /* line 139, assets/css/src/modules/_home-buckets.scss */
      .bucket .interviews_grid .grid_flex.square .grid_item {
        width: 22%; } }
  /* line 146, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid .grid_flex.square .grid_item .img_cntr {
    width: 90vw;
    height: 90vw; }
    @media only screen and (min-width: 28.75em) {
      /* line 146, assets/css/src/modules/_home-buckets.scss */
      .bucket .interviews_grid .grid_flex.square .grid_item .img_cntr {
        width: 100%;
        height: 19.8vw;
        max-height: 300px; } }
  /* line 157, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid.big {
    max-width: none;
    width: 97.24%;
    padding: 5% 0;
    margin-bottom: 5%;
    margin-left: 1.38%;
    margin-right: 1.38%; }
  /* line 166, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid.big.dark {
    background: #2D2D2D; }
  /* line 170, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid.big.grey {
    background: #f2f2f2; }
  /* line 174, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid.big.white {
    background: #fff; }
  /* line 178, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid.big.grey h2,
  .bucket .interviews_grid.big.grey .grid_flex .grid_item .title,
  .bucket .interviews_grid.big.grey .grid_flex .grid_item .excerpt,
  .bucket .interviews_grid.big.grey .grid_flex .grid_item date,
  .bucket .interviews_grid.big.grey .grid_flex .grid_item .locale,
  .bucket .interviews_grid.big.white h2,
  .bucket .interviews_grid.big.white .grid_flex .grid_item .title,
  .bucket .interviews_grid.big.white .grid_flex .grid_item .excerpt,
  .bucket .interviews_grid.big.white .grid_flex .grid_item date,
  .bucket .interviews_grid.big.white .grid_flex .grid_item .locale {
    color: #2d2d2d !important; }
  /* line 191, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid.neat {
    max-width: none;
    width: 100%;
    margin-top: 2rem; }
  /* line 197, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid.neat .grid_flex {
    width: 100%;
    margin-top: 1rem; }
  /* line 202, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid.neat .grid_item {
    width: 100%;
    margin-bottom: 0;
    position: relative; }
    @media only screen and (min-width: 28.75em) {
      /* line 202, assets/css/src/modules/_home-buckets.scss */
      .bucket .interviews_grid.neat .grid_item {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        min-width: calc(100%/3);
        -webkit-flex: 1 1 calc(100%/3);
        /* Safari 10 Bugfix */ } }
  /* line 214, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid.neat .grid_item .img_cntr {
    height: 100vw;
    display: block; }
    @media only screen and (min-width: 28.75em) {
      /* line 214, assets/css/src/modules/_home-buckets.scss */
      .bucket .interviews_grid.neat .grid_item .img_cntr {
        height: 33vw; } }
    /* line 222, assets/css/src/modules/_home-buckets.scss */
    .bucket .interviews_grid.neat .grid_item .img_cntr:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: rgba(0, 0, 0, 0.3); }
  /* line 233, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid.neat .grid_item h4 {
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: initial;
    top: 50%;
    bottom: initial;
    position: absolute;
    width: 70%;
    color: #fff;
    text-align: center; }
  /* line 241, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid.big .grid_flex,
  .bucket .interviews_grid.big h2,
  .bucket .interviews_grid.neat h2 {
    width: 90%;
    max-width: 1400px;
    margin: auto; }
  /* line 249, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid.big .grid_flex .grid_item .title,
  .bucket .interviews_grid.big .grid_flex .grid_item .excerpt,
  .bucket .interviews_grid.big .grid_flex .grid_item date,
  .bucket .interviews_grid.big .grid_flex .grid_item .locale {
    color: #fff; }
  /* line 256, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid h2 {
    font-weight: 700;
    color: #2D2D2D;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0.7em;
    font-family: "circular-std", sans-serif; }
    /* line 264, assets/css/src/modules/_home-buckets.scss */
    .bucket .interviews_grid h2.large {
      font-size: 38px;
      line-height: 1.2em;
      text-align: center; }
  /* line 271, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid .addition {
    text-align: center;
    font-family: "circular-std", sans-serif;
    color: #666;
    text-align: center;
    max-width: 500px;
    display: block;
    margin: 2rem auto 0; }
  /* line 281, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid .description {
    text-align: center;
    max-width: 500px;
    display: block;
    margin: 0 auto 2rem; }
  /* line 288, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid.big h2 {
    color: #fff !important;
    margin-bottom: 10px; }
  /* line 293, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid.half {
    width: 90%;
    max-width: 700px;
    display: inline-block;
    left: 5%;
    margin: 0;
    position: relative; }
    @media only screen and (min-width: 28.75em) {
      /* line 293, assets/css/src/modules/_home-buckets.scss */
      .bucket .interviews_grid.half {
        width: 40%;
        left: 46%;
        margin: 0 2%;
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%); } }
  /* line 309, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid.half:not(:nth-child(1)):not(:nth-child(2)) {
    margin-top: 1rem; }
  /* line 313, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid.half .grid_flex .grid_item {
    width: 100%; }
  /* line 317, assets/css/src/modules/_home-buckets.scss */
  .bucket .bucket-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  /* line 323, assets/css/src/modules/_home-buckets.scss */
  .bucket .bucket-item .thumbnail {
    -webkit-box-flex: 20%;
        -ms-flex: 20%;
            flex: 20%;
    min-width: 100px;
    height: 60px;
    background-position: center;
    background-size: cover; }
  /* line 331, assets/css/src/modules/_home-buckets.scss */
  .bucket .bucket-item .text-content {
    -webkit-box-flex: 70%;
        -ms-flex: 70%;
            flex: 70%;
    width: 70%;
    margin-left: 5%; }
  /* line 337, assets/css/src/modules/_home-buckets.scss */
  .bucket .bucket-item .text-content h4 {
    margin: 0 0 5px 0;
    font: 14px/26px "circular-std", sans-serif;
    font-weight: 800; }
  /* line 343, assets/css/src/modules/_home-buckets.scss */
  .bucket .bucket-item .text-content date {
    font: 14px/26px "circular-std", sans-serif;
    color: #9B9B9B;
    font-weight: 800;
    margin: 0; }
  /* line 350, assets/css/src/modules/_home-buckets.scss */
  .bucket .grid_cover {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    background-size: cover;
    background-position: center;
    height: 450px;
    position: relative;
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-bottom: 5%; }
    @media only screen and (min-width: 28.75em) {
      /* line 350, assets/css/src/modules/_home-buckets.scss */
      .bucket .grid_cover {
        height: 600px; } }
    /* line 364, assets/css/src/modules/_home-buckets.scss */
    .bucket .grid_cover:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(20, 20, 20, 0.4);
      -webkit-transition: 0.3s ease-out;
      transition: 0.3s ease-out; }
    /* line 375, assets/css/src/modules/_home-buckets.scss */
    .bucket .grid_cover:hover:before {
      background: rgba(20, 20, 20, 0.7); }
    /* line 379, assets/css/src/modules/_home-buckets.scss */
    .bucket .grid_cover a {
      cursor: pointer;
      text-decoration: none; }
    /* line 384, assets/css/src/modules/_home-buckets.scss */
    .bucket .grid_cover .hgroup {
      text-align: center;
      width: 90%;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%);
      color: #fff; }
      @media only screen and (min-width: 28.75em) {
        /* line 384, assets/css/src/modules/_home-buckets.scss */
        .bucket .grid_cover .hgroup {
          width: 50%; } }
      /* line 397, assets/css/src/modules/_home-buckets.scss */
      .bucket .grid_cover .hgroup h2 {
        color: #fff;
        font-size: 22px;
        line-height: 26px;
        font-weight: 800;
        font-family: "circular-std", sans-serif; }
        @media only screen and (min-width: 28.75em) {
          /* line 397, assets/css/src/modules/_home-buckets.scss */
          .bucket .grid_cover .hgroup h2 {
            font-size: 36px;
            line-height: 44px; } }
      /* line 410, assets/css/src/modules/_home-buckets.scss */
      .bucket .grid_cover .hgroup h4 {
        color: #fff;
        font-family: "tisa-pro", Georgia, serif;
        font-weight: normal; }
    /* line 417, assets/css/src/modules/_home-buckets.scss */
    .bucket .grid_cover .meta {
      top: 3%; }
      /* line 420, assets/css/src/modules/_home-buckets.scss */
      .bucket .grid_cover .meta > * {
        color: #82CE80;
        margin: 0 1%;
        display: inline-block; }
      /* line 426, assets/css/src/modules/_home-buckets.scss */
      .bucket .grid_cover .meta .city {
        color: #fff; }
    /* line 431, assets/css/src/modules/_home-buckets.scss */
    .bucket .grid_cover date {
      bottom: 3%;
      color: #fff;
      text-decoration: none; }
    /* line 437, assets/css/src/modules/_home-buckets.scss */
    .bucket .grid_cover date, .bucket .grid_cover .meta {
      position: absolute;
      color: #fff;
      font-weight: 800;
      font-family: "circular-std", sans-serif;
      left: 0;
      width: 100%;
      text-align: center; }
  /* line 451, assets/css/src/modules/_home-buckets.scss */
  .bucket .homepage-form {
    background-color: #f2f2f2;
    margin-top: 5%;
    margin-left: 1.38%;
    margin-right: 1.38%; }
  /* line 458, assets/css/src/modules/_home-buckets.scss */
  .bucket .homepage-form .content {
    width: 80%;
    min-width: 320px;
    max-width: 800px;
    display: block;
    margin: auto;
    padding: 5% 0; }
  /* line 467, assets/css/src/modules/_home-buckets.scss */
  .bucket .homepage-form .content h2 {
    text-align: center;
    margin-bottom: 1.5em; }
  /* line 472, assets/css/src/modules/_home-buckets.scss */
  .bucket .homepage-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  /* line 476, assets/css/src/modules/_home-buckets.scss */
  .bucket .homepage-form form input {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 1em;
    margin: 0;
    font-family: "circular-std", sans-serif !important;
    font-size: 1rem !important;
    outline: none; }
  /* line 485, assets/css/src/modules/_home-buckets.scss */
  .bucket .homepage-form input[type="submit"] {
    max-width: 10em;
    background: #82CE80 !important;
    color: #fff !important;
    text-transform: none !important;
    font-weight: 700 !important;
    padding: 0;
    font-size: 0.88rem !important; }
  /* line 495, assets/css/src/modules/_home-buckets.scss */
  .bucket .homepage-form #social-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 3rem auto 0;
    width: 60%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-width: 300px;
    max-width: 400px; }
  /* line 504, assets/css/src/modules/_home-buckets.scss */
  .bucket .homepage-form #social-box a {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-height: 20px;
    min-width: 22px;
    min-height: 13px; }
    /* line 510, assets/css/src/modules/_home-buckets.scss */
    .bucket .homepage-form #social-box a.fb {
      background: center/contain url(../img/social/svg/social-facebook.svg) no-repeat; }
    /* line 511, assets/css/src/modules/_home-buckets.scss */
    .bucket .homepage-form #social-box a.twitter {
      background: center/contain url(../img/social/svg/social-twitter.svg) no-repeat; }
    /* line 512, assets/css/src/modules/_home-buckets.scss */
    .bucket .homepage-form #social-box a.instagram {
      background: center/contain url(../img/social/svg/social-instagram.svg) no-repeat; }
    /* line 513, assets/css/src/modules/_home-buckets.scss */
    .bucket .homepage-form #social-box a.pin {
      background: center/contain url(../img/social/svg/social-pinterest.svg) no-repeat; }
    /* line 514, assets/css/src/modules/_home-buckets.scss */
    .bucket .homepage-form #social-box a.tumblr {
      background: center/contain url(../img/social/svg/social-tumblr.svg) no-repeat; }
    /* line 515, assets/css/src/modules/_home-buckets.scss */
    .bucket .homepage-form #social-box a.youtube {
      background: center/contain url(../img/social/svg/social-youtube.svg) no-repeat; }
    /* line 516, assets/css/src/modules/_home-buckets.scss */
    .bucket .homepage-form #social-box a.mixcloud {
      background: center/contain url(../img/social/svg/social-mixcloud.svg) no-repeat; }
    /* line 517, assets/css/src/modules/_home-buckets.scss */
    .bucket .homepage-form #social-box a.feed {
      background: center/contain url(../img/social/svg/social-rss.svg) no-repeat; }
    /* line 518, assets/css/src/modules/_home-buckets.scss */
    .bucket .homepage-form #social-box a.vsco {
      background: center/contain url(../img/social/svg/social-vsco.svg) no-repeat; }
  /* line 521, assets/css/src/modules/_home-buckets.scss */
  .bucket .button {
    background: #82CE80;
    font-family: "circular-std", sans-serif;
    font-weight: 900;
    font-size: 14px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #fff !important;
    text-decoration: none;
    padding: 0.5em 1em;
    box-sizing: border-box;
    border: 2px solid #82CE80;
    display: inline-block; }
    /* line 533, assets/css/src/modules/_home-buckets.scss */
    .bucket .button:hover {
      background: #fff;
      color: #82CE80 !important; }
  /* line 539, assets/css/src/modules/_home-buckets.scss */
  .bucket .button--center {
    text-align: center; }
  /* line 543, assets/css/src/modules/_home-buckets.scss */
  .bucket .interviews_grid .button {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
    right: initial;
    margin: 0 auto 2%;
    position: relative; }
  /* line 549, assets/css/src/modules/_home-buckets.scss */
  .bucket #related.mixtape ul .grid_item .img_cntr {
    height: 220px; }
  /* line 550, assets/css/src/modules/_home-buckets.scss */
  .bucket #content .header_item h1 {
    font: 25px Georgia, serif;
    margin: 0 0 15px;
    text-transform: capitalize; }
  /* line 551, assets/css/src/modules/_home-buckets.scss */
  .bucket .header_item p {
    font: 12px/15px Helvetica, Arial, sans-serif;
    color: #B3B3B3; }
  /* line 553, assets/css/src/modules/_home-buckets.scss */
  .bucket .grid_item .meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  /* line 557, assets/css/src/modules/_home-buckets.scss */
  .bucket .grid_item date {
    text-align: right; }
  /* line 561, assets/css/src/modules/_home-buckets.scss */
  .bucket .grid_item date,
  .bucket .grid_item .locale,
  .bucket .grid_item .category {
    font: 14px/26px "circular-std", sans-serif;
    color: #9B9B9B;
    font-weight: 800;
    margin: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  /* line 570, assets/css/src/modules/_home-buckets.scss */
  .bucket .grid_item .category {
    color: #82CD80;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    margin-right: 20px; }
  /* line 575, assets/css/src/modules/_home-buckets.scss */
  .bucket .grid_item .title, .bucket #content .grid_item .title a, .bucket #content .menu-item .title {
    font: 600 26px/30px "circular-std", sans-serif;
    color: #2D2D2D;
    margin: 0;
    text-decoration: none; }
  /* line 576, assets/css/src/modules/_home-buckets.scss */
  .bucket .grid_item .excerpt, .bucket #content .menu-item .subhead {
    font: 18px/28px "tisa-pro", Georgia, serif;
    color: #4D4D4D;
    margin: 5px 0px 3px 0px; }
  /* line 577, assets/css/src/modules/_home-buckets.scss */
  .bucket .grid_item .date {
    float: right; }
  /* line 578, assets/css/src/modules/_home-buckets.scss */
  .bucket .grid_item .img_cntr .has_video {
    background: #78D18B;
    font: 11px/18px Helvetica, Arial, sans-serif;
    color: #fff;
    padding: 4px 5px 3px;
    top: 0;
    left: 0;
    position: absolute; }
  /* line 580, assets/css/src/modules/_home-buckets.scss */
  .bucket .button-break {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%; }

/* line 585, assets/css/src/modules/_home-buckets.scss */
#story-content .bucket .interviews_grid.neat {
  margin: 2rem 0; }

/* line 1, assets/css/src/modules/_404.scss */
.page404 {
  min-height: 70vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  /* line 6, assets/css/src/modules/_404.scss */
  .page404 #searchsubmit {
    font-family: "circular-std", sans-serif;
    font-weight: 600;
    background: #78d18b;
    box-shadow: none;
    -webkit-appearance: none;
    border: none;
    color: #fff;
    padding: 0.4rem 1rem;
    font-size: 1rem; }
  /* line 18, assets/css/src/modules/_404.scss */
  .page404 .search {
    outline: none;
    padding: 0.3rem; }

/*
| ====================================================================
| =DEFAULT SINGLE POSTS
| ====================================================================
*/
/* default post compatibility styles */
/* line 5, assets/css/src/_single-post.scss */
.single-post .adSlot {
  background: #f9f9f9;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 2em 0;
  width: auto;
  text-align: center;
  margin-top: 4em; }

/* line 15, assets/css/src/_single-post.scss */
.single-post .c-middle .adSlot {
  margin-top: 4em;
  margin-bottom: 4em; }

/* line 21, assets/css/src/_single-post.scss */
.single-post .story-copy .story-unit img {
  max-width: 100%;
  height: auto;
  margin-top: 2em;
  margin-bottom: 2em; }

/* line 28, assets/css/src/_single-post.scss */
.single-post .story-copy .story-unit iframe {
  max-width: 100%; }

/* line 32, assets/css/src/_single-post.scss */
.single-post .story-copy .story-unit p:not(.img-hold) {
  margin-top: 0;
  margin-bottom: 2.5em; }
  /* line 36, assets/css/src/_single-post.scss */
  .single-post .story-copy .story-unit p:not(.img-hold):last-of-type {
    margin-bottom: 0; }

/* line 41, assets/css/src/_single-post.scss */
.single-post .story-copy .story-unit p.img-hold {
  margin: 0 0 .5em 0; }
  /* line 44, assets/css/src/_single-post.scss */
  .single-post .story-copy .story-unit p.img-hold img {
    margin: 0;
    border: 0; }

/* line 49, assets/css/src/_single-post.scss */
.single-post .story-copy .story-unit p.q.question {
  margin: 0 0 .5em 0; }

/* line 53, assets/css/src/_single-post.scss */
.single-post .story-copy .story-unit .iframe-wrapper-wide {
  margin-bottom: 2.5em; }

/* line 60, assets/css/src/_single-post.scss */
.single-post article.story.category-cooking-journal section.story-chapter span.number {
  display: inline-block;
  width: 2em;
  height: 2em;
  text-align: center;
  background: #78d18b;
  border-radius: 1em;
  color: #FFFFFF;
  line-height: 2em; }

/* line 72, assets/css/src/_single-post.scss */
.single-post article.story.category-cooking-journal section.story-chapter p, .single-post article.story.category-cooking-journal section.story-chapter h2 {
  text-align: center; }

/* line 76, assets/css/src/_single-post.scss */
.single-post article.story.category-cooking-journal section.story-chapter h2 {
  font-weight: normal !important;
  font-style: normal !important;
  font-family: "circular-std",sans-serif !important;
  font-size: 2rem !important; }

/* line 86, assets/css/src/_single-post.scss */
.iframe-wrapper-wide {
  position: relative;
  padding-top: 56.25%;
  background: #000000; }
  /* line 91, assets/css/src/_single-post.scss */
  .iframe-wrapper-wide iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* TEMPORARY STUFF */
/* line 156, assets/css/src/main.scss */
.page-id-43779 .blk-controls .slider-covers {
  background: transparent; }

/* line 157, assets/css/src/main.scss */
.page-id-41545 .hero-subtitle:after {
  display: none; }

/*# sourceMappingURL=../../../scss */