@media all and (min-width: 1220px), print {
  .offset {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .offset-top {
    padding-top: 100px;
  }
  .offset-bottom {
    padding-bottom: 100px;
  }
  .offset-single {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .offset-top-single {
    padding-top: 40px;
  }
  .offset-bottom-single {
    padding-bottom: 40px;
  }
  p,
  a {
    font-size: 1.6rem;
  }
  h1 {
    font-size: 6.4rem;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 10px;
  }
  h2 {
    font-size: 5.6rem;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 30px;
  }
  h3 {
    font-size: 3.2rem;
    line-height: 1.33;
    text-transform: uppercase;
    margin-bottom: 30px;
  }
  h4 {
    font-size: 1.8rem;
    line-height: 1.63;
  }
  h5 {
    font-size: 1.8rem;
    line-height: 1.63;
  }
  h6 {
    font-size: 1.8rem;
    line-height: 1.63;
  }
  h4,
  h5,
  h6 {
    text-transform: uppercase;
    margin-bottom: 30px;
  }
  .btn-group > div {
    padding-right: 30px;
  }
  .btn-group > div:last-of-type {
    padding-right: 0;
  }
  .form-group > div {
    padding-right: 30px;
  }
  .form-group > div:last-of-type {
    padding-right: 0;
  }
  .form-field label {
    width: 40%;
    padding-right: 30px;
  }
  .form-field input,
  .form-field select,
  .form-field textarea {
    width: 60%;
  }
  .form-field.form-field-full-width label {
    width: 100%;
  }
  fieldset {
    margin-bottom: 100px;
  }
  input[type="checkbox"]:not(:checked) + label span,
  input[type="checkbox"]:checked + label span {
    max-width: 80%;
  }
  img.captcha_image {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 10px;
    width: auto;
    height: 50px;
  }
  input[name="captcha"] {
    width: 48%;
  }
  .captcha-field .captcha-error {
    max-width: 48%;
  }
  .table-jobs tbody tr td {
    border-bottom: 1px solid #acacac;
    padding: 30px;
  }
  .table-jobs tbody tr td.job-title {
    font-size: 2rem;
  }
  body {
    font-size: 1.6rem;
  }
  body header .navigation .nav-bg {
    margin-top: 44px;
  }
  body main > div.stage.no-offset-top {
    margin-top: 0;
  }
  main > div:first-child {
    margin-top: 90px;
  }
  .section {
    padding-top: 100px;
  }
  .section.no-offset-top {
    padding: 0;
  }
  .burger-icon-container {
    display: none;
  }
  .nav-overlay-main {
    order: 2;
  }
  .nav-overlay-main .close-icon-cell {
    display: none;
  }
  .main-navigation-cell {
    order: 1;
  }
  .main-navigation {
    display: flex;
    justify-content: center;
    padding: 0;
    position: relative;
    width: 100%;
  }
  .main-navigation .shop-icons {
    position: absolute;
    right: 0;
    height: auto;
    align-items: unset;
    width: auto;
    margin-left: 0;
  }
  .main-navigation .shop-icons ul li a {
    padding-left: 10px;
    padding-right: 10px;
  }
  .main-navigation .shop-icons ul li a .icon {
    filter: drop-shadow(0 0 7px rgba(24, 24, 24, 0.22));
  }
  .main-navigation .shop-icons ul li a:hover {
    background: transparent;
  }
  .main-navigation ul {
    display: flex;
    width: auto;
  }
  .main-navigation ul > li {
    padding: 0;
    position: relative;
  }
  .main-navigation ul > li:first-child {
    margin-right: auto;
  }
  .main-navigation ul > li:hover > a:not([class^="homepage-logo"]):not([class^="search-item"]):not([class^="button-cta"]) {
    background: linear-gradient(123deg, #061d0a, rgba(0, 0, 0, 0.5));
    color: #ffffff;
  }
  .main-navigation ul > li:hover > a:not([class^="homepage-logo"]):not([class^="search-item"]):not([class^="button-cta"]):after {
    background: transparent;
    width: 100%;
    height: 2px;
  }
  .main-navigation ul > li:hover > a.homepage-logo {
    background: transparent;
  }
  .main-navigation ul > li > a {
    color: #ffffff;
    font-family: 'Baton';
    font-size: 1.6rem;
    line-height: 1.63;
    padding: 31px 20px;
    text-decoration: none;
    text-transform: uppercase;
  }
  .main-navigation ul > li > a:after {
    content: '';
    display: block;
    width: 44px;
    height: 44px;
    width: 100%;
    height: 2px;
    background: transparent;
  }
  .main-navigation ul > li > a.homepage-logo {
    display: block;
    width: 147px;
    font-size: 0;
    line-height: 0;
  }
  .main-navigation ul > li > a.homepage-logo:before {
    filter: drop-shadow(0 0 7px rgba(24, 24, 24, 0.22));
    background: url('../img/logo/logo.png') no-repeat transparent;
    background-position: center center;
    background-size: 100%;
    content: ' ';
    display: block;
    height: 107px;
    width: 107px;
    position: absolute;
    left: 0;
    top: 30px;
    margin: 0 20px;
    z-index: 5;
  }
  .main-navigation ul > li > a.homepage-logo:before:hover {
    background-color: transparent;
  }
  .main-navigation ul > li > a.homepage-logo.homepage-logo-en:before {
    background: url('../img/logo-en/logo.png') no-repeat transparent;
  }
  .main-navigation ul > li > a.search-item {
    text-indent: -99999px;
    background: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3c!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e%3csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='19px' height='20px' viewBox='0 0 19 20' style='enable-background:new 0 0 19 20;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23FFFFFF;%7d %3c/style%3e%3ctitle%3esearch%3c/title%3e%3cdesc%3eCreated with Sketch.%3c/desc%3e%3cg%3e%3cpath class='st0' d='M18.2,17.4l-3.8-3.8c0.9-1.3,1.4-2.8,1.4-4.5c0-1.1-0.2-2.1-0.6-3.1c-0.4-1-1-1.8-1.7-2.5s-1.5-1.3-2.5-1.7 c-1-0.4-2-0.6-3.1-0.6S5.8,1.5,4.8,1.9S3,2.9,2.3,3.6S1,5.1,0.6,6.1C0.2,7.1,0,8.1,0,9.1c0,1.1,0.2,2.1,0.6,3.1 c0.4,1,1,1.8,1.7,2.5s1.5,1.3,2.5,1.7s2,0.6,3.1,0.6c1.6,0,3.1-0.5,4.5-1.4l3.8,3.8c0.3,0.3,0.6,0.4,1,0.4c0.4,0,0.7-0.1,1-0.4 c0.3-0.3,0.4-0.6,0.4-1C18.6,18,18.4,17.7,18.2,17.4z M7.9,14.1c-1.4,0-2.6-0.5-3.5-1.5c-1-1-1.5-2.2-1.5-3.5 c0-1.4,0.5-2.6,1.5-3.5s2.2-1.5,3.5-1.5s2.6,0.5,3.5,1.5c1,1,1.5,2.2,1.5,3.5c0,1.4-0.5,2.6-1.5,3.5C10.4,13.7,9.2,14.1,7.9,14.1z' /%3e%3c/g%3e%3c/svg%3e ");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 22px;
    padding: 0;
    margin: 30px 0 0 30px;
  }
  .main-navigation ul > li > a.button-cta {
    border: 1px solid #f3eee8;
    border-radius: 17.5px;
    padding: 10px 20px 9px 20px;
    margin: 18px 0 0 30px;
  }
  .main-navigation ul > li > a.button-cta:hover {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    background: #ffffff;
    color: #00833d;
  }
  .main-navigation ul > li.active > a:not([class^="homepage-logo"]):not([class^="search-item"]):not([class^="button-cta"]):after {
    background: #ffffff;
    width: 100%;
    height: 2px;
  }
  .main-navigation ul > li:hover ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: linear-gradient(136deg, #061d0a, rgba(0, 0, 0, 0.5)), linear-gradient(#061d0a, #061d0a);
    display: block;
    position: absolute;
    z-index: 55555;
    width: 272px;
  }
  .main-navigation ul > li:hover ul li:first-child {
    padding-top: 10px;
  }
  .main-navigation ul > li:hover ul li:last-child {
    padding-bottom: 20px;
  }
  .main-navigation ul > li:hover ul li a {
    font-family: 'OverpassMono';
    padding: 10px 60px 10px 20px;
    text-transform: none;
  }
  .main-navigation ul > li:hover ul li ul {
    display: none;
  }
  .main-navigation ul > li.has-children .submenu-dropdown {
    display: none;
  }
  .main-navigation ul > li.has-children .dropdown-menu li:hover > a:not([class^="homepage-logo"]):not([class^="search-item"]):not([class^="button-cta"]) {
    background: none;
    color: #ffffff;
  }
  .main-navigation ul > li.has-children .dropdown-menu li:hover > a:not([class^="homepage-logo"]):not([class^="search-item"]):not([class^="button-cta"]):after {
    background: #ffffff;
  }
  .main-navigation ul > li.has-children .dropdown-menu li a {
    color: #ffffff;
  }
  .main-navigation ul > li ul li {
    display: flex;
  }
  .main-navigation ul > li ul li.has-children {
    align-items: center;
    padding-right: 10px;
  }
  .main-navigation ul > li ul li.has-children:after {
    content: '';
    display: block;
    width: 44px;
    height: 44px;
    height: 11px;
    width: 7px;
    cursor: pointer;
  }
  .main-navigation ul > li ul li.has-children ul li a:after {
    display: none;
  }
  .main-navigation .language-switch-wrapper a,
  .main-navigation .language-switch-wrapper .dropdown-menu a {
    text-transform: uppercase;
  }
  .main-navigation .language-dropdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 3px 0 9px;
  }
  .main-navigation .language-dropdown:hover {
    cursor: pointer;
  }
  .main-navigation .language-dropdown.active:after {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
  }
  .main-navigation .language-dropdown:after {
    content: '';
    display: block;
    width: 44px;
    height: 44px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    height: 14px;
    width: 9px;
    order: 1;
  }
  footer .row {
    padding-bottom: 30px;
  }
  footer .row .has-background {
    padding-top: 30px;
  }
  .stage-image.main .with-anchor {
    position: absolute;
    bottom: 0;
  }
  .stage-image.main .text-container {
    min-height: 70vh;
    padding-top: 0;
    padding-bottom: 0;
  }
  .stage-image.main .text-container .text .special-headline h1 {
    margin-bottom: 100px;
  }
  .stage-image.main .text-container .text .special-headline h1 .special-headline-first {
    font-size: 4.5rem;
  }
  .stage-image.main .text-container .text .special-headline h1 .special-headline-second {
    font-size: 8rem;
  }
  .stage-image.main .text-container .text .special-headline h1 .special-headline-third {
    font-size: 11.2rem;
  }
  .stage-image.small .text-container {
    padding: 100px 0 100px 30px;
  }
  .stage-image.specific .text-container {
    padding: 100px;
  }
  .stage-image.specific .text-container .stage-back-link {
    position: absolute;
    left: 0;
    top: 0;
  }
  .stage-image.specific .text-container .text {
    margin: 0 auto;
    width: 60%;
  }
  .stage-image.specific .text-container .content-image .text-only {
    width: 70%;
  }
  .stage-image.recipe {
    padding-top: 165px;
    padding-bottom: 165px;
  }
  .stage-image.recipe .stage-content-container .headline h1 {
    font-size: 6.4rem;
  }
  .stage-image.recipe .stage-content-container .content {
    padding: 30px;
  }
  .stage-image.recipe .stage-content-container .icon-row .items {
    padding-right: 30px;
  }
  .stage-image.recipe .stage-content-container .icon-row .items:last-of-type {
    padding-right: 0;
  }
  .content-slider .content-wrapper {
    min-height: 430px;
    padding: 100px 40px 100px 100px;
  }
  .content-slider .content-wrapper .headline {
    max-width: 100%;
  }
  .content-slider .content-wrapper .text-container-bg .headline h2 {
    font-size: 5rem;
  }
  .content-slider .image-absolute {
    top: 0;
    width: 320px;
  }
  .text-background .text-only {
    max-width: 65%;
  }
  .text-background .content-container {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .text-only {
    max-width: 100%;
  }
  .text-only.cite {
    padding-left: 0;
  }
  .text-only.cite:before {
    margin-bottom: 30px;
  }
  .text-only.cite:after {
    margin-top: 30px;
  }
  .text-only.cite p cite {
    max-width: 65%;
    padding-bottom: 30px;
    font-size: 4rem;
  }
  .instagram-container {
    padding: 60px;
  }
  .instagram-container .icon.instagram {
    right: 60px;
  }
  .instagram-container .thumbnails {
    display: flex;
    flex-wrap: wrap;
    margin-right: -30px;
  }
  .instagram-container .thumbnails > div {
    padding: 0 30px 30px 0;
  }
  .instagram-container .instagram-cta {
    padding: 0 0 0 30px;
    text-align: right;
  }
  .recipe-page.panel .one-third .teaser.image-text.editorial.outside .content.with-front-img .teaser-text-box {
    max-width: 18%;
  }
  .teaser.teaser-specific {
    position: relative;
    overflow: hidden;
  }
  .teaser.teaser-specific .teaser-specific-container {
    padding: 100px 0;
  }
  .teaser.teaser-specific .teaser-specific-container .teaser-headline {
    padding-left: 43%;
    width: 90%;
  }
  .teaser.teaser-specific .teaser-specific-container .teaser-content-right {
    margin-bottom: 60px;
  }
  .teaser.teaser-specific .teaser-specific-container .teaser-image-front {
    bottom: -2px;
    left: 133px;
    max-width: 166px;
  }
  .teaser.teaser-specific .headline-fixed-left h3 {
    margin-bottom: 100px;
    font-size: 3.2rem;
  }
  .teaser.teaser-specific .headline-fixed-left h3 span {
    font-size: 2.8rem;
  }
  .teaser.teaser-specific .headline-fixed-left h3 strong {
    font-size: 7rem;
  }
}
@media all and (min-width: 1440px), print {
  .stage-image.video-header {
    max-height: 80vh;
  }
  .stage-image.recipe .stage-content-container {
    width: 50%;
  }
  .teaser.teaser-specific .teaser-specific-container {
    position: static;
  }
  .teaser.teaser-specific .teaser-specific-container-inner {
    align-items: flex-end;
  }
  .teaser.teaser-specific .teaser-specific-container .teaser-image-front {
    left: 143px;
    bottom: -15px;
    max-width: 171px;
  }
}
@media all and (min-width: 1660px), print {
  .slick-slider.fullsize .slick-slide img {
    width: 100%;
  }
  .content-slider .content-wrapper .text-container-bg .headline h2 {
    font-size: 7.2rem;
  }
}
@media all and (max-width: 1219px), print {
  .offset {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .offset-top {
    padding-top: 60px;
  }
  .offset-bottom {
    padding-bottom: 60px;
  }
  .offset-top-single {
    padding-top: 30px;
  }
  .offset-bottom-single {
    padding-bottom: 30px;
  }
  p,
  a {
    font-size: 1.6rem;
  }
  h3 {
    font-size: 2rem;
    line-height: 1.63;
    text-transform: uppercase;
    margin-bottom: 15px;
  }
  h4 {
    font-size: 1.8rem;
    line-height: 1.63;
  }
  h5 {
    font-size: 1.8rem;
    line-height: 1.63;
  }
  h6 {
    font-size: 1.8rem;
    line-height: 1.63;
  }
  h4,
  h5,
  h6 {
    text-transform: uppercase;
    margin-bottom: 15px;
  }
  .btn-group > div {
    padding-right: 15px;
  }
  .btn-group > div:last-of-type {
    padding-right: 0;
  }
  input[type="email"],
  input[type="number"],
  input[type="search"],
  input[type="text"],
  input[type="tel"],
  input[type="url"],
  input[type="password"],
  input[type="month"],
  input[type="date"] {
    width: 100%;
  }
  input[type="checkbox"]:not(:checked) + label span,
  input[type="checkbox"]:checked + label span {
    max-width: 80%;
  }
  textarea {
    width: 100%;
  }
  select {
    width: 100%;
  }
  .form-field {
    flex-flow: column;
  }
  img.captcha_image {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 10px;
  }
  body {
    font-size: 1.6rem;
  }
  body header .navigation .nav-bg {
    margin-top: 30px;
  }
  body main > div.stage.no-offset-top {
    margin-top: 0;
  }
  .section {
    padding-top: 60px;
  }
  .section.no-offset-top {
    padding: 0;
  }
  header .logo-cell {
    order: 2;
    margin-top: 30px;
  }
  header .logo {
    height: auto;
    position: relative;
    width: 90px;
    margin-bottom: 15px;
  }
  header .logo a {
    display: inline;
    height: auto;
  }
  header .logo img {
    position: absolute;
    top: 0;
    height: auto;
  }
  .burger-icon-container,
  .close-icon-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .burger-icon-container .icon.burger,
  .close-icon-container .icon.burger {
    cursor: pointer;
    width: 26px;
    height: 20px;
  }
  .burger-icon-container .icon.burger:hover,
  .close-icon-container .icon.burger:hover {
    cursor: pointer;
  }
  .burger-icon-container .icon.close,
  .close-icon-container .icon.close {
    background-size: 70%;
  }
  .burger-icon-container .icon.close:hover,
  .close-icon-container .icon.close:hover {
    cursor: pointer;
  }
  .burger-icon-container .basket-icon-mobile a:first-of-type span,
  .close-icon-container .basket-icon-mobile a:first-of-type span {
    margin-right: 10px;
  }
  .burger-icon-container .basket-icon-mobile a:last-of-type span,
  .close-icon-container .basket-icon-mobile a:last-of-type span {
    margin-right: 0;
  }
  .nav-overlay-main {
    padding-left: 15px;
    padding-right: 15px;
  }
  .navigation-cell {
    order: 3;
  }
  .burger-icon-cell {
    order: 2;
  }
  .navigation.nav-overlay {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    align-content: flex-start;
    background: #ffffff;
    position: fixed;
    top: 0;
    right: unset;
    left: 0;
    height: 100vh;
    min-height: 100vh;
    padding-bottom: 65px;
    overflow-y: auto;
    opacity: 0;
    -webkit-overflow-scrolling: touch;
    width: 0;
    z-index: 99999;
  }
  .navigation.nav-overlay.open {
    opacity: 1;
    width: 100vw;
  }
  .navigation.nav-overlay .main-navigation {
    width: 100%;
  }
  .navigation.nav-overlay .main-navigation .shop-icons {
    display: none;
  }
  .navigation.nav-overlay .main-navigation > ul > li {
    border-bottom: 1px solid #f3eee8;
  }
  .navigation.nav-overlay .main-navigation ul li {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 5px 15px;
  }
  .navigation.nav-overlay .main-navigation ul li ul li {
    padding: 0 15px 0 15px;
  }
  .navigation.nav-overlay .main-navigation ul li a {
    color: #181818;
    font-family: 'Baton';
    font-size: 1.6rem;
    line-height: 1.63;
    padding: 20px 0;
    text-transform: uppercase;
    text-decoration: none;
  }
  .navigation.nav-overlay .main-navigation ul li a.homepage-logo {
    display: none;
  }
  .navigation.nav-overlay .main-navigation ul li a:after {
    content: '';
    display: block;
    width: 44px;
    height: 44px;
    width: 100%;
    height: 2px;
    background: transparent;
  }
  .navigation.nav-overlay .main-navigation ul li a:hover,
  .navigation.nav-overlay .main-navigation ul li a.active {
    background: transparent;
    color: #00833d;
  }
  .navigation.nav-overlay .main-navigation ul li a:hover:after,
  .navigation.nav-overlay .main-navigation ul li a.active:after {
    content: '';
    display: block;
    width: 44px;
    height: 44px;
    width: 100%;
    height: 2px;
    background: #00833d;
  }
  .navigation.nav-overlay .main-navigation ul li.has-children {
    padding-right: 10px;
  }
  .navigation.nav-overlay .main-navigation ul li.has-children a {
    order: 0;
  }
  .navigation.nav-overlay .main-navigation ul li.has-children .dropdown-menu {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    width: 100%;
    order: 2;
  }
  .navigation.nav-overlay .main-navigation ul li.has-children .dropdown-menu.openMenu {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    display: block;
  }
  .navigation.nav-overlay .main-navigation ul li.has-children .submenu-dropdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 7px 9px;
  }
  .navigation.nav-overlay .main-navigation ul li.has-children .submenu-dropdown:hover {
    cursor: pointer;
  }
  .navigation.nav-overlay .main-navigation ul li.has-children .submenu-dropdown.active:after {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
  }
  .navigation.nav-overlay .main-navigation ul li.has-children .submenu-dropdown:after {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    content: '';
    display: block;
    height: 11px;
    width: 7px;
    order: 1;
    margin-right: 10px;
  }
  .navigation.nav-overlay .main-navigation .language-switch-wrapper a,
  .navigation.nav-overlay .main-navigation .language-switch-wrapper .dropdown-menu a {
    text-transform: uppercase;
  }
  footer .row {
    padding-bottom: 60px;
  }
  footer .row .has-background {
    padding-top: 15px;
  }
  .stage-image.main .with-anchor {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .stage-image.main .text-container .text .special-headline h1 {
    margin-bottom: 0;
  }
  .stage-image.small .text-container {
    padding: 90px 0 60px 0;
  }
  .stage-image.specific .text-container {
    flex-direction: row;
    padding: 60px;
  }
  .stage-image.specific .text-container .stage-back-link {
    left: 0;
    top: 30px;
  }
  .stage-image.recipe .stage-content-container .content {
    padding: 15px;
  }
  .stage-image.recipe .stage-content-container .icon-row .items {
    padding-right: 15px;
  }
  .stage-image.recipe .stage-content-container .icon-row .items:last-of-type {
    padding-right: 0;
  }
  .has-background-image.js .background-image img {
    min-height: 100%;
    object-fit: cover;
  }
  .text-background .text-only {
    max-width: 80%;
  }
  .text-background .content-container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .text-only.cite:before {
    margin-bottom: 15px;
  }
  .text-only.cite:after {
    margin-top: 15px;
  }
  .text-only.cite p cite {
    padding-bottom: 15px;
    font-size: 4rem;
  }
  .instagram-container {
    padding: 30px;
  }
  .instagram-container .icon.instagram {
    right: 30px;
  }
  .instagram-container .thumbnails {
    margin-right: -30px;
  }
  .instagram-container .thumbnails > div {
    padding: 0 30px 30px 0;
  }
  .instagram-container .instagram-cta {
    padding: 0;
    text-align: left;
  }
  .customer-account-register form[name="registration_form"] .form-field.password > label,
  .customer-account-reset form[name="registration_form"] .form-field.password > label,
  .customer-account-register form.customer-reset-form .form-field.password > label,
  .customer-account-reset form.customer-reset-form .form-field.password > label {
    display: none;
  }
  .teaser-interstitial.fits-perfect .content-container {
    padding: 60px 0 60px 0;
  }
  .teaser.teaser-specific {
    position: relative;
    overflow: hidden;
  }
  .teaser.teaser-specific .teaser-specific-container .teaser-content-right {
    margin-bottom: 30px;
  }
  .navigation.nav-overlay .main-navigation.shop-icons ul li:last-of-type {
    display: none;
  }
}
@media all and (max-width: 1439px), print {
  .teaser.teaser-specific .teaser-specific-container-inner {
    position: static;
  }
}
/* border-radius
default: 4px - overrides:
top: 4px 4px 0 0
bottom: 0 0 4px 4px
left: 4px 0 0 4px
right: 0 4px 4px 0
*/
.initialise-before-after {
  content: '';
  display: block;
  width: 44px;
  height: 44px;
}
.initialise-icons-xml {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.link-back a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-family: 'Baton', sans-serif;
  letter-spacing: 0.9px;
  text-transform: uppercase;
}
.link-back a:before {
  content: '';
  display: block;
  width: 44px;
  height: 44px;
  width: 16px;
  height: 16px;
  margin-right: 15px;
}
.link-back a:hover:before {
  -webkit-animation-duration: 0.35s;
  animation-duration: 0.35s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
.special-headline-initialize {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: left;
}
.special-headline-initialize h1 {
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  font-family: 'Baton';
  font-style: italic;
  line-height: 1.33;
}
.special-headline-initialize h1 .special-headline-first {
  font-family: 'Baton', sans-serif;
}
.special-headline-initialize h1 .special-headline-third {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  font-family: 'Baton';
}
.special-headline-initialize h3 {
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  font-size: 8rem;
  font-family: 'Baton';
  font-style: italic;
  line-height: 1.33;
  color: #fff;
}
.special-headline-initialize h3 span {
  font-family: 'Baton', sans-serif;
}
.special-headline-initialize h3 strong {
  display: block;
  font-family: 'Baton';
}
.special-headline-initialize h3 strong:last-of-type {
  display: flex;
  justify-content: flex-end;
}
/*

    Example:
    @shadow-attr: 0px 15px 25px -10px rgba(0,0,0,0.55);

    The Order:
    Shadow Horizontal Length (px)
    Shadow Vertical Length (px)
    Shadow Blur Radius (px)
    Shadow Spread Radius (px)
    Shadow Color (rgba)

    */
a.no-style:hover,
a.no-style {
  color: #181818;
  text-decoration: none;
}
@media only screen and (min-width: 400px) and (max-width: 1219px) {
  h1 {
    font-size: 4.2rem;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 10px;
  }
  h2 {
    font-size: 3.4rem;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 15px;
  }
}
.no-padding p {
  padding: 0px;
}
.text-bright {
  color: #949494;
}
.sidebarCartWait,
.sidebarCart {
  display: none;
  background: #ffffff;
  box-shadow: 0 0 5px #181818;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 16px 12px;
  color: #181818;
  overflow: hidden;
  z-index: 110000;
}
.sidebarCart_wrapper h3 {
  color: #181818;
}
.sidebarCart_wrapper button.btn.btn-inverted {
  border: 2px solid #00833d !important;
  border-color: 2px solid #00833d !important;
}
@media screen and (max-width: 479px) {
  .sidebarCartWait,
  .sidebarCart {
    left: 0;
  }
}
@media screen and (min-width: 480px) {
  .sidebarCartWait,
  .sidebarCart {
    width: 460px;
  }
}
@media screen and (min-width: 992px) {
  .sidebarCartWait,
  .sidebarCart {
    width: 640px;
  }
}
body.sidebar-open .sidebarCart_back {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100000;
}
.sidebarCart_wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
body.sidebar-open {
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
}
body.sidebar-open:not(.sidebar-wait) .sidebarCart {
  display: block;
}
body.sidebar-open.sidebar-wait .sidebarCartWait {
  display: block;
}
.sidebarCart_input {
  width: 80px !important;
  margin: 0 !important;
  padding: 4px 10px !important;
  text-align: center;
  /*
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
   */
}
.sidebarCart_footer {
  text-align: center;
  margin-top: 10px;
  padding: 10px;
}
.sidebarCart_footer.sidebarCart_footer_border {
  border-top: 1px solid #ccc;
}
.sidebarCart_wait-wrapper {
  width: 100%;
  max-width: 100%;
  height: 64px;
  max-height: 64px;
  overflow: hidden;
}
.sidebarCart_wait {
  opacity: 0.38;
  animation: rotatingWait 4s linear infinite;
}
.order-0 {
  order: 0;
}
@media screen and (max-width: 639px) {
  .sidebarCart_footer {
    padding-top: 7px;
    padding-bottom: 4px;
  }
  .sidebarCart_btn-box {
    margin-right: -15px;
    margin-left: -15px;
    min-width: calc(100% + 30px);
  }
  .text-smaller-sm-max {
    font-size: 0.875em;
  }
  .-order-1-sm-max {
    order: -1;
  }
}
@media screen and (min-width: 640px) {
  .sidebarCart_btn-box .col {
    padding-right: 0;
    padding-left: 0;
  }
  .sidebarCart_btn-box .col:first-child {
    margin-bottom: 20px;
  }
  .bb-pb-2-sm {
    padding-bottom: 8px;
  }
}
/* iPad mini size */
@media screen and (max-width: 819px) {
  .sidebarCart_details-desktop,
  .sidebarCart_footer.show-cart-details .sidebarCart_details-short,
  .sidebarCart_footer:not(.show-cart-details) .sidebarCart_details-all {
    display: none;
  }
}
@media screen and (min-width: 820px) {
  .sidebarCart_footer.show-cart-details .sidebarCart_details-short,
  .sidebarCart_details {
    display: none;
  }
}
.js-toggle-cart-details {
  cursor: pointer;
}
.bb-inline-bock {
  display: inline-block;
}
.bb-flex {
  display: flex;
  align-items: center;
}
.bb-flex-stretch {
  align-items: stretch;
}
.bb-flex-1 {
  flex: 1;
}
.bb-flex-2 {
  flex: 2;
}
.bb-flex-3 {
  flex: 3;
}
.bb-w-full {
  width: 100%;
}
.bb-h-full {
  height: 100%;
}
.bb-pt-1 {
  padding-top: 4px;
}
.bb-pt-1_5 {
  padding-top: 6px;
}
.bb-pt-4 {
  padding-top: 16px;
}
.bb-pr-2 {
  padding-right: 8px;
}
.bb-pr-2_5 {
  padding-right: 10px;
}
.bb-pr-3 {
  padding-right: 12px;
}
.bb-pb-1 {
  padding-bottom: 4px;
}
.bb-pb-2 {
  padding-bottom: 8px;
}
.bb-pb-3 {
  padding-bottom: 12px;
}
.bb-pb-4 {
  padding-bottom: 16px;
}
.bb-px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.bb-px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.bb-mb-2 {
  margin-bottom: 8px;
}
.bb-overflow-y-auto {
  overflow-y: auto;
}
.bb-cursor-pointer {
  cursor: pointer;
}
@keyframes rotatingWait {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1turn);
  }
}
.bb-stepper {
  position: relative;
}
input[type="number"].bb-stepper_field,
.bb-stepper_field {
  border: 1px solid #181818;
  color: #181818;
  border-radius: 3px 0 0 3px !important;
}
@media screen and (max-width: 1023px) {
  .bb-stepper_icon {
    display: none;
  }
  input[type="number"].bb-stepper_field,
  .bb-stepper_field {
    border-radius: 3px !important;
    appearance: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  .bb-stepper {
    padding-right: 16px;
  }
  input[type="number"].bb-stepper_field,
  .bb-stepper_field {
    border-right-color: transparent;
    border-radius: 3px 0 0 3px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
  }
  input[type="number"].bb-stepper_field::-webkit-inner-spin-button,
  .bb-stepper_field::-webkit-inner-spin-button,
  input[type="number"].bb-stepper_field::-webkit-outer-spin-button,
  .bb-stepper_field::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
  }
  .bb-stepper_icon {
    border: 1px solid #181818;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    width: 16px;
    text-align: center;
    cursor: pointer;
  }
  .js-stepper_plus {
    border-bottom-color: transparent;
    top: 0;
    bottom: 50%;
    border-top-right-radius: 3px;
  }
  .js-stepper_minus {
    top: 50%;
    bottom: 0;
    border-bottom-right-radius: 3px;
  }
}
.icon {
  width: 44px;
  height: 44px;
  display: block;
}
.cart-list-buttons .icon.delete {
  width: 40px !important;
}
@media screen and (max-width: 767px) {
  .basket .basket-content .button-wrapper.cart-list-buttons {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .cart-list-buttons {
    margin-top: -10px;
  }
}
/*!
 * animate.styles -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 0.35s;
  animation-duration: 0.35s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes pulseBackground {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(66, 218, 243, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(66, 218, 243, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(66, 218, 243, 0);
  }
}
@keyframes pulseBackground {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(66, 218, 243, 0.4);
    box-shadow: 0 0 0 0 rgba(66, 218, 243, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(66, 218, 243, 0);
    box-shadow: 0 0 0 10px rgba(66, 218, 243, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(66, 218, 243, 0);
    box-shadow: 0 0 0 0 rgba(66, 218, 243, 0);
  }
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  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: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  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: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
/*
 * Table styles
 Coming from
 "datatables.net": "^1.10.19",
 "datatables.net-responsive-dt": "^2.2.3",
 ~ customized to LESS ~
 */
@media only screen and (min-width: 768px) and (max-width: 1219px) {
  .table-jobs thead {
    display: none;
  }
  .table-jobs tbody {
    width: 100%;
  }
  .table-jobs tbody tr {
    align-items: center;
    border-bottom: 1px solid #acacac;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
  }
  .table-jobs tbody tr:first-child {
    border-top: 1px solid #acacac;
  }
  .table-jobs tbody tr td {
    hyphens: auto;
    width: 25%;
  }
  .table-jobs tbody tr td.job-title {
    background-color: #f1f1f1;
    text-align: center !important;
    width: 100%;
  }
  .table-jobs tbody tr td .button {
    hyphens: none;
  }
}
/* HACK - Nur Internet Explorer */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  picture {
    max-width: 100%;
  }
}
.cart-wysiwygTop-margin {
  margin-top: -40px;
}
@font-face {
  font-family: "Baton";
  src: url("../fonts/BatonFonts/BatonWeb-Black.woff");
  src: url("../fonts/BatonFonts/BatonWeb-Black.woff2") format("woff2"), url("../fonts/BatonFonts/BatonWeb-Black.woff") format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Baton";
  src: url("../fonts/BatonFonts/BatonTurboWeb-Black.woff");
  src: url("../fonts/BatonFonts/BatonTurboWeb-Black.woff2") format("woff2"), url("../fonts/BatonFonts/BatonTurboWeb-Black.woff") format("woff");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "OverpassMono";
  src: url("../fonts/OverpassMono/OverpassMono-Light.ttf");
  src: url("../fonts/OverpassMono/OverpassMono-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "OverpassMono";
  src: url("../fonts/OverpassMono/OverpassMono-Regular.ttf");
  src: url("../fonts/OverpassMono/OverpassMono-Regular.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "OverpassMono";
  src: url("../fonts/OverpassMono/OverpassMono-Medium.ttf");
  src: url("../fonts/OverpassMono/OverpassMono-Medium.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "OverpassMono";
  src: url("../fonts/OverpassMono/OverpassMono-Medium.ttf");
  src: url("../fonts/OverpassMono/OverpassMono-Medium.ttff") format("truetype");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "OverpassMono";
  src: url("../fonts/OverpassMono/OverpassMono-SemiBold.ttf");
  src: url("../fonts/Overpass/OverpassMono-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "OverpassMono";
  src: url("../fonts/OverpassMono/OverpassMono-Bold.ttf");
  src: url("../fonts/OverpassMono/OverpassMono-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Korolev W01 Bold";
  src: url("../fonts/1308505/57d58f8d-c7cb-46d5-a101-c4fed6b2b298.eot?#iefix");
  src: url("../fonts/1308505/57d58f8d-c7cb-46d5-a101-c4fed6b2b298.eot?#iefix") format("eot"), url("../fonts/1308505/64e5d7b5-0c34-4a8b-9040-2a0c9cbab751.woff2") format("woff2"), url("../fonts/1308505/0c9565d2-8853-4e0b-8968-3d5a35e641f8.woff") format("woff"), url("../fonts/1308505/daa6682c-3400-43ee-98cd-8c8482fcb7ff.ttf") format("truetype");
}
@font-face {
  font-family: "Korolev W01 Heavy";
  src: url("../fonts/1308529/9b5eb463-b285-4c0a-a855-2fcb2611b130.eot?#iefix");
  src: url("../fonts/1308529/9b5eb463-b285-4c0a-a855-2fcb2611b130.eot?#iefix") format("eot"), url("../fonts/1308529/8010df30-8aa3-4174-b955-5baf1092e203.woff2") format("woff2"), url("../fonts/1308529/07afaa6b-f1d1-44d8-a722-66fc064ba98f.woff") format("woff"), url("../fonts/1308529/4ce15e5c-d502-4ff9-bcae-63fcd27694cb.ttf") format("truetype");
}
@font-face {
  font-family: "Korolev W01 Light";
  src: url("../fonts/1308533/f2452202-0941-43c8-a16e-fb3f3af4c418.eot?#iefix");
  src: url("../fonts/1308533/f2452202-0941-43c8-a16e-fb3f3af4c418.eot?#iefix") format("eot"), url("../fonts/1308533/9dc3bddc-c188-4433-b902-6a54d9fe6cad.woff2") format("woff2"), url("../fonts/1308533/650e6d25-ea30-490e-8e38-465da5c5fa3b.woff") format("woff"), url("../fonts/1308533/766c76b9-0c16-4ff8-8a9a-1735a491b87c.ttf") format("truetype");
}
@font-face {
  font-family: "Korolev W01 Medium";
  src: url("../fonts/1308537/aefcc5ee-a012-48c3-9ebf-731f07bb3cd3.eot?#iefix");
  src: url("../fonts/1308537/aefcc5ee-a012-48c3-9ebf-731f07bb3cd3.eot?#iefix") format("eot"), url("../fonts/1308537/28a23213-3346-41f7-8f14-71d464d767ea.woff2") format("woff2"), url("../fonts/1308537/9283fcc2-ec46-4d69-9278-187c1ce28dd8.woff") format("woff"), url("../fonts/1308537/58906072-d870-44da-8fd6-73ff545ecbb6.ttf") format("truetype");
}
@font-face {
  font-family: "Museo Slab W01_300";
  src: url("../fonts/905336/39a8c847-6d65-44ec-92e6-46e2aa8db834.eot?#iefix");
  src: url("../fonts/905336/39a8c847-6d65-44ec-92e6-46e2aa8db834.eot?#iefix") format("eot"), url("../fonts/905336/23674a3a-6e87-4ade-817d-6bd3b6a7d538.woff2") format("woff2"), url("../fonts/905336/4548ac88-af2c-4b63-ac2b-94e9ef6cd1b9.woff") format("woff"), url("../fonts/905336/380327b2-8e54-40b1-a569-eb17e46f7e17.ttf") format("truetype");
}
@font-face {
  font-family: "Museo Slab W01_500";
  src: url("../fonts/905342/2656a5f2-9367-4d1d-af19-8cd9f9028d08.eot?#iefix");
  src: url("../fonts/905342/2656a5f2-9367-4d1d-af19-8cd9f9028d08.eot?#iefix") format("eot"), url("../fonts/905342/16bb87bf-d138-429b-bc78-dae6c4f109fb.woff2") format("woff2"), url("../fonts/905342/3cf54835-9705-474e-9afa-46f2d59589e7.woff") format("woff"), url("../fonts/905342/1bc72f40-8f25-47dd-874e-a829e7e992f6.ttf") format("truetype");
}
@font-face {
  font-family: "Museo Slab W01_900";
  src: url("../fonts/905354/4824d682-e9e8-48d6-ac97-cd910b99f8db.eot?#iefix");
  src: url("../fonts/905354/4824d682-e9e8-48d6-ac97-cd910b99f8db.eot?#iefix") format("eot"), url("../fonts/905354/68bca365-7556-4fb7-9c5c-ec6083bb6305.woff2") format("woff2"), url("../fonts/905354/74b16f9a-f072-46c7-bbac-2e0aedcebe5c.woff") format("woff"), url("../fonts/905354/475a50bf-f749-4afc-a286-574701965b4e.ttf") format("truetype");
}
/**
 * @license
 * MyFonts Webfont Build ID 3651452, 2018-10-05T10:03:54-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Nidex-Italic by Aah Yes
 * URL: https://www.myfonts.com/fonts/aah-yes/nidex/italic/
 * Copyright: Copyright (c) 2007 by GHH+WR at Aah Yes Fonts. All rights reserved.
 * Licensed pageviews: 200,000
 *
 * Webfont: Nidex by Aah Yes
 * URL: https://www.myfonts.com/fonts/aah-yes/nidex/regular/
 * Copyright: Copyright (c) 2006 by GHH+WR at Aah Yes Fonts. All rights reserved.
 * Licensed pageviews: 200,000
 *
 * Webfont: NidexExpd by Aah Yes
 * URL: https://www.myfonts.com/fonts/aah-yes/nidex/expd/
 * Copyright: Copyright (c) 2007 by GHH+WR at Aah Yes Fonts. All rights reserved.
 * Licensed pageviews: 200,000
 *
 * Webfont: NidexCond-Italic by Aah Yes
 * URL: https://www.myfonts.com/fonts/aah-yes/nidex/cond-italic/
 * Copyright: Copyright (c) 2007 by GHH+WR at Aah Yes Fonts. All rights reserved.
 * Licensed pageviews: 200,000
 *
 * Webfont: NidexExpd-Italic by Aah Yes
 * URL: https://www.myfonts.com/fonts/aah-yes/nidex/expd-italic/
 * Copyright: Copyright (c) 2007 by GHH+WR at Aah Yes Fonts. All rights reserved.
 * Licensed pageviews: 200,000
 *
 * Webfont: NidexCond by Aah Yes
 * URL: https://www.myfonts.com/fonts/aah-yes/nidex/cond/
 * Copyright: Copyright (c) 2007 by GHH+WR at Aah Yes Fonts. All rights reserved.
 * Licensed pageviews: 200,000
 *
 * Webfont: CinnabarBrush by Hanoded
 * URL: https://www.myfonts.com/fonts/hanoded/cinnabar-brush/regular/
 * Copyright: Copyright (c) 2016 by David Kerkhoff. All rights reserved.
 * Licensed pageviews: 100,000
 *
 *
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3651452
 *
 * © 2018 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'Nidex-Italic';
  src: url('../fonts/37B77C/37B77C_0_0.eot');
  src: url('../fonts/37B77C/37B77C_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/37B77C/37B77C_0_0.woff2') format('woff2'), url('../fonts/37B77C/37B77C_0_0.woff') format('woff'), url('../fonts/37B77C/37B77C_0_0.ttf') format('truetype');
}
@font-face {
  font-family: 'Nidex';
  src: url('../fonts/37B77C/37B77C_1_0.eot');
  src: url('../fonts/37B77C/37B77C_1_0.eot?#iefix') format('embedded-opentype'), url('../fonts/37B77C/37B77C_1_0.woff2') format('woff2'), url('../fonts/37B77C/37B77C_1_0.woff') format('woff'), url('../fonts/37B77C/37B77C_1_0.ttf') format('truetype');
}
@font-face {
  font-family: 'NidexExpd';
  src: url('../fonts/37B77C/37B77C_2_0.eot');
  src: url('../fonts/37B77C/37B77C_2_0.eot?#iefix') format('embedded-opentype'), url('../fonts/37B77C/37B77C_2_0.woff2') format('woff2'), url('../fonts/37B77C/37B77C_2_0.woff') format('woff'), url('../fonts/37B77C/37B77C_2_0.ttf') format('truetype');
}
@font-face {
  font-family: 'NidexCond-Italic';
  src: url('../fonts/37B77C/37B77C_3_0.eot');
  src: url('../fonts/37B77C/37B77C_3_0.eot?#iefix') format('embedded-opentype'), url('../fonts/37B77C/37B77C_3_0.woff2') format('woff2'), url('../fonts/37B77C/37B77C_3_0.woff') format('woff'), url('../fonts/37B77C/37B77C_3_0.ttf') format('truetype');
}
@font-face {
  font-family: 'NidexExpd-Italic';
  src: url('../fonts/37B77C/37B77C_4_0.eot');
  src: url('../fonts/37B77C/37B77C_4_0.eot?#iefix') format('embedded-opentype'), url('../fonts/37B77C/37B77C_4_0.woff2') format('woff2'), url('../fonts/37B77C/37B77C_4_0.woff') format('woff'), url('../fonts/37B77C/37B77C_4_0.ttf') format('truetype');
}
@font-face {
  font-family: 'NidexCond';
  src: url('../fonts/37B77C/37B77C_5_0.eot');
  src: url('../fonts/37B77C/37B77C_5_0.eot?#iefix') format('embedded-opentype'), url('../fonts/37B77C/37B77C_5_0.woff2') format('woff2'), url('../fonts/37B77C/37B77C_5_0.woff') format('woff'), url('../fonts/37B77C/37B77C_5_0.ttf') format('truetype');
}
@font-face {
  font-family: 'CinnabarBrush';
  src: url('../fonts/37B77C/37B77C_6_0.eot');
  src: url('../fonts/37B77C/37B77C_6_0.eot?#iefix') format('embedded-opentype'), url('../fonts/37B77C/37B77C_6_0.woff2') format('woff2'), url('../fonts/37B77C/37B77C_6_0.woff') format('woff'), url('../fonts/37B77C/37B77C_6_0.ttf') format('truetype');
}
@media only screen and (min-width: 1024px) {
  footer .row .footer-link-list .social-icons {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 400px) and (max-width: 639px) {
  .stage-image.video-header .iframe-container {
    padding-bottom: 56.25%;
  }
}
@media only screen and (min-width: 640px) and (max-width: 1219px) {
  .stage-image.main .text-container {
    padding-top: 60px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1219px) {
  .stage-image.main .text-container .text .special-headline h1 .special-headline-first {
    font-size: 2.5rem;
  }
  .stage-image.main .text-container .text .special-headline h1 .special-headline-second {
    font-size: 6rem;
  }
  .stage-image.main .text-container .text .special-headline h1 .special-headline-third {
    font-size: 9.2rem;
  }
  .stage-image.main .text-container .text .special-headline h1 .special-headline-third sup {
    padding: 0 0 10px 3px;
  }
}
@media only screen and (min-width: 400px) and (max-width: 767px) {
  .stage-image.specific .text-container .center-image {
    right: -91px;
    bottom: -48px;
    width: 220px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
  .stage-image.specific .text-container .content-image .item {
    padding: 0 30px 30px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1219px) {
  .stage-image.specific .text-container .text {
    margin: 0 auto;
    width: 85%;
  }
}
/* HACK - Nur Internet Explorer */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .stage-image.specific .content-image .image img {
    left: 0;
  }
}
.disabled .progress-wizard-dot {
  background-color: #ffffff;
  border: 4px solid #f3eee8;
}
.complete .progress-bar {
  width: 100%;
}
.complete .progress-wizard-dot {
  background-color: #00833d;
  border: 4px solid #00833d;
}
.active .progress-bar {
  width: 50%;
}
.active .progress-wizard-dot {
  background-color: #ffffff;
  border: 4px solid #00833d;
}
.margin-none {
  margin: 0 !important;
}
/*
// max 767
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-tablet__s) {
  .basket {
    .basket-content {
      .basket-media {
        display: none;
      }
    }
  }
}
 */
.bb-line-height-normal {
  line-height: normal !important;
}
.bb-flex {
  display: flex;
}
.bb-flex {
  display: flex;
}
.align-item-start {
  align-items: flex-start;
}
.bb-flex-col {
  display: flex;
  flex-direction: column;
}
.bb-flex-1 {
  flex: 1;
}
.bb-flex-2 {
  flex: 2;
}
.bb-space-between-grow-1-i {
  justify-content: space-between !important;
  flex-grow: 1 !important;
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
  .slick-next {
    right: 15px;
  }
  .slick-prev {
    left: 15px;
  }
}
/* HACK - Nur Internet Explorer */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .video-container.with-overlay .video-overlay .play-button-container {
    top: 20%;
    left: 40%;
  }
}
/* HACK - Nur Internet Explorer */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .teaser.image-text .teaser-content .image {
    max-width: 100%;
  }
}
.brezel-icon {
  width: 63px;
}
.sausage-icon {
  width: 63px;
}
.poultry-icon {
  width: 52px;
}
.cheese-icon {
  width: 54px;
}
.grill-skewer-icon {
  width: 55px;
}
.fish-icon {
  width: 63px;
}
.oven-icon {
  width: 46px;
}
@media only screen and (min-width: 400px) and (max-width: 767px) {
  .teaser-interstitial:before {
    top: -9%;
  }
  .teaser-interstitial:after {
    bottom: -5.5%;
  }
  .teaser-interstitial .image-absolute img {
    bottom: -11%;
    max-width: 159px;
  }
}
/* HACK - Nur Internet Explorer */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .text-image.has-background-image .content-container .image img {
    left: 0;
  }
}
@media only screen and (min-width: 400px) and (max-width: 639px) {
  .teaser.teaser-specific .teaser-specific-container .teaser-image-front {
    max-width: 254px;
    right: -129px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 1023px) {
  .teaser.teaser-specific .teaser-specific-container .teaser-image-front {
    max-width: 190px;
    right: -92px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1219px) {
  .teaser.teaser-specific .headline-fixed-left h3 {
    font-size: 2.2rem;
  }
  .teaser.teaser-specific .headline-fixed-left h3 span {
    font-size: 1.8rem;
  }
  .teaser.teaser-specific .headline-fixed-left h3 strong {
    font-size: 4.6rem;
  }
}
/* HACK - Nur Internet Explorer */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .teaser.teaser-specific .teaser-specific-container .image-content .teaser-content-right .image img {
    left: 0;
  }
}
.teaser.image-text .teaser-content {
  display: flex;
  flex-direction: column;
}
.teaser.image-text .teaser-text-box,
.teaser.image-text .teaser-text-container {
  height: 100%;
}
.teaser.image-text .teaser-text-box {
  display: flex;
  flex-direction: column;
}
.teaser.image-text .content-box {
  flex: 1;
}
strong {
  font-family: 'OverpassMono';
  font-weight: 700;
}
a {
  font-family: 'OverpassMono';
}
.teaser-tiles-box {
  background: #afaaa5;
  position: relative;
  margin-bottom: 16px;
}
.teaser-tiles.teaser-tiles_space-on-top .teaser-tiles-box {
  margin-top: 60px;
}
@media screen and (min-width: 1220px) {
  .teaser-tiles.teaser-tiles_space-on-top .teaser-tiles-box {
    margin-top: 90px;
  }
}
.teaser-tiles-side {
  display: none;
}
.teaser-tiles-item img {
  display: inline;
  width: 100%;
  max-width: 1280px;
  height: auto;
  margin-bottom: -9px;
}
@media screen and (min-width: 1280px) {
  .teaser-tiles-box {
    display: flex;
  }
  .teaser-tiles-item {
    flex: 1;
  }
  .teaser-tiles-item_left {
    text-align: right;
  }
}
/*
// teaser specific
// min 1024
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-tablet__m) {

  .teaser {
    &.teaser-specific {
      &:before {
        .initialise-before-after;
        background: url('../img/thrill-red.png') no-repeat;
        width: 36%;
        height: 21%;
        position: absolute;
        bottom: 0;
        left: -2%;
        z-index: @teaser-specific-before__z-index;
      }
    }
  }

}
 */
.cart-wysiwygTop-margin {
  margin-top: -20px;
}
@media screen and (min-width: 1220px) {
  .cart-wysiwygTop-margin {
    margin-top: -50px;
  }
}
.teaser.teaser-specific .headline-fixed-left h3,
.stage-image.main .text-container .special-headline h1 {
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  font-style: normal;
}
@media screen and (min-width: 1024px) {
  .teaser.teaser-specific .teaser-image-front {
    left: 10px;
  }
}
@media screen and (min-width: 1440px) {
  .teaser.story-item .teaser-content .teaser-text-box .teaser-image-front img {
    bottom: -12px !important;
  }
}
@media screen and (min-width: 1220px) {
  .teaser.teaser-specific .teaser-image-front {
    left: 0;
    bottom: 24px !important;
  }
}
@media screen and (min-width: 1600px) {
  .teaser.teaser-specific .teaser-image-front {
    bottom: 30px !important;
  }
}
.teaser_teaser-specific_wrapper {
  position: relative;
  max-width: 2560px;
  margin: 0 auto;
}
.special-headline h1 {
  text-align: center !important;
}
.special-headline-third,
.special-headline-second,
.special-headline-first {
  display: block !important;
  font-family: 'Baton', sans-serif !important;
  text-align: center !important;
}
.main-navigation {
  font-family: 'OverpassMono' !important;
}
@media screen and (max-width: 1219px) {
  .navigation.nav-overlay .main-navigation ul li.has-children a {
    font-family: 'OverpassMono' !important;
  }
}
@media screen and (min-width: 1220px) {
  .main-navigation ul > li > a {
    font-family: 'OverpassMono' !important;
  }
}