/* FOOTER DESING START */
.footer {
	background-color: #261A1A;
	color: #F4EEE1;
}

.page-width {
  max-width: 180rem;
  margin: 0 auto;
  padding: 0 1.6rem;
}


@media screen and (min-width: 750px) {
  .page-width {
    padding: 0 5rem;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media screen and (min-width: 1440px) {
  .footer__top-bar, .footer__bottom-bar {
    grid-template-columns: 40rem 1fr;
    column-gap: 10rem;
  }
}

@media screen and (min-width: 990px) {
  .footer__top-bar, .footer__bottom-bar {
    grid-template-columns: 30rem 1fr;
    column-gap: 8rem;
  }
}
.footer__top-bar, .footer__bottom-bar {
  display: grid;
}

.footer__contact-info {
  display: flex;
  flex-flow: column;
  /*! margin-bottom: 4rem; */
  align-items: flex-start;
}

.footer__logo {
  margin-bottom: 1.8rem;
}

.footer__telephone {
  color: #fff;
  text-decoration: none;
  margin-bottom: 1.2rem;
  position: relative;
  font-family: "Open Sans Bold";
  font-size: 1.4rem;
}

@media only screen and (min-width: 1440px) {
  h5, .h5 {
    font-size: 2.4rem;
  }
}

@media only screen and (min-width: 750px) {
  h5, .h5 {
    font-size: 1.6rem;
    letter-spacing: -.07rem;
  }
}

.footer__open-hours {
  margin-bottom: .4rem;
  margin-top: 1rem;
}

.footer__timezone {
  color: rgb(117, 117, 117);
  max-width: 22rem;
}
.caption {
  font-size: 1.3rem;
  letter-spacing: -.04rem;
  line-height: 150%;
  font-weight: 400;
}

.footer__timezone > p {
  margin-top: 0;
  margin-bottom: 0;
}


.footer__contact-us {
  color: #fff;
  margin-top: 2.4rem;
  display: flex;
  align-items: center;
  column-gap: .4rem;
  text-underline-offset: .4rem;
}
.text-body {
  font-size: 1.6rem;
  letter-spacing: -.05rem;
  line-height: 150%;  
  font-weight: 400;
}

.footer__contact-us .svg-wrapper {
  rotate: -90deg;
  width: 2rem;
  height: 2rem;
  transition: transform .2s;
}

.footer__social-link .svg-wrapper {
  color: #fff;
  transition: color .2s;
}
.footer__social .svg-wrapper {
  width: 2.2rem;
  height: 2.2rem;
}

.svg-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}

@media screen and (min-width: 990px) {
  .footer__columns summary .icon {
    display: none;
  }
}


.footer__columns details[open] .svg-wrapper {
  rotate: 180deg;
}

.svg-wrapper > svg {
  height: 100%;
  width: 100%;
}

.footer__contact-us .svg-wrapper .icon-caret {
  width: 1.4rem;
  height: .7rem;
}

.svg-wrapper > svg {
  height: 100%;
  width: 100%;
}

.footer__columns {
  display: grid;
  column-gap: 0;
}

.footer__columns details {
  border-bottom: 1px solid rgb(var(--color-gray-700));
}

.footer__columns summary {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-top: 2.4rem;
  padding-bottom: 1rem;
}


@media screen and (min-width: 990px) {
  .footer__columns {
    row-gap: 0;
    grid-template-columns: repeat(2,1fr);
  }
}


@media screen and (min-width: 1440px) {
  .footer__columns {
    grid-template-columns: repeat(4,1fr);
  }
}

@media screen and (min-width: 990px) {
  .footer__columns details {
    border-bottom: none;
  }
}

@media screen and (min-width: 990px) {
  .footer auto-details summary {
    pointer-events: none;
  }
}
@media screen and (min-width: 990px) {
  .footer__columns summary {
    padding-top: 0;
  }
}


summary {
  cursor: pointer;
  list-style: none;
  position: relative;
}
details > * {
  box-sizing: border-box;
}

.footer__column-title {
  color: #fff;
  font-weight: 600;
  font-size: 1.1rem;
  display: block;
}


@media screen and (min-width: 990px) {
  .footer__payment-options, .footer__delivery-options {
    border-bottom: none;
  }
}
.footer__payment-options, .footer__delivery-options {
  border-bottom: 1px solid rgb(var(--color-gray-700));
  padding-bottom: 2.4rem;
}

.footer__delivery-options, .footer__payment-options {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.list-unstyled {
  margin: 0;
    margin-top: 0px;
  padding: 0;
    padding-bottom: 0px;
  list-style: none;
}

.footer__column-link-list {
  padding: 0;
  padding-bottom: 0px;
  margin: 0;
  list-style-type: none; 
  display: flex;
  flex-flow: column;
  row-gap: 0.4rem;
  align-items: flex-start;
  padding-bottom: 1.4rem;
}

.full-unstyled-link {
  text-decoration: none;  
  display: block;
}

.text-body { 
  font-weight: 400;
  font-size: 0.9rem;
}

.footer__bottom-bar {
  row-gap: 2.4rem;
}
.footer__top-bar, .footer__bottom-bar {
  display: grid;
}

.footer__extra {
  border-top: 1px solid rgb(67, 67, 67);
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

.footer__extra-container {
  display: flex;
  flex-flow: column;
  row-gap: 3.2rem;
}

@media screen and (min-width: 990px) {
  .footer__top-bar, .footer__bottom-bar {
    grid-template-columns: 16rem 1fr;
    column-gap: 8rem;
  }
}


@media screen and (min-width: 1440px) {
  .footer__top-bar, .footer__bottom-bar {
    grid-template-columns: 25rem 1fr;
    column-gap: 1rem;
  }
}



@media screen and (min-width: 1280px) {
  .footer__extra-container {
    flex-flow: row-reverse;
    justify-content: space-between;
  }
}

.page-width {
  max-width: 100rem;
  margin: 0 auto;
  padding: 0 1.6rem;
}


@media screen and (min-width: 750px) {
  .page-width {
    padding: 0 3rem;
  }
}

.footer__container {
  display: flex;
  flex-flow: column;
  row-gap: 2.4rem;
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
}


@media screen and (min-width: 1440px) {
  .footer__container {
    row-gap: 2rem;
    padding-top: 2rem;
    padding-bottom: 1rem;
  }
}

.footer__extra-list {
  display: flex;
  row-gap: 1.6rem;
  flex-flow: column;
}

@media screen and (min-width: 1280px) {
  .footer__extra-list {
    flex-flow: row;
    column-gap: 2.4rem;
  }  
}


.list-unstyled {
  margin: 0;
  padding: 0;
  list-style: none;
}

.caption {
  font-size: 1rem;
  letter-spacing: -.04rem;
  line-height: 150%;
  font-weight: 400;
}

.footer__payment-options, .footer__delivery-options, .footer__social {
  margin-top: 1rem;
}

.footer__payment-options, .footer__delivery-options, .footer__social, .footer__contact {
  margin-top: 1rem;
}

.footer__contact .fa{
  margin-right:5px;
  width: 20px;
  text-align: center;
}

.footer__social {
  display: flex;
  column-gap: 1rem;
}

@media screen and (min-width: 990px) {
  .footer__bottom-right-bar {
    display: grid;
    /*! grid-template-columns: repeat(2,1fr); */
    /*! column-gap: 1rem; */
  }
}
.footer__bottom-right-bar {
  display: grid;
  row-gap: 2.4rem;
}

.footer__payments {
  grid-column: 2/3;
}

.footer__deliveries {
  grid-column: 1/2;
}

.footer__submenu-item span {
  position: relative;
}

.footer__submenu-item:hover span::after, .footer__telephone:hover span::after {
  width: 100%;
}
.footer__submenu-item span::after, .footer__telephone span::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  background-color: currentColor;
  transition: width .15s ease-out;
  height: 1px;
  will-change: transform;
  /*! margin-top: 2px; */
  font-family: 'Open Sans Bold';
}

/* FOOTER DESING END */

header .wrapper .right-buttons{	
    display: inline-flex;    
    margin: auto;
    align-content: space-between;
    vertical-align: middle;    
    gap: 35px;
}

header .navigation__frame .profile{
	font-weight: 600;        
    font-family: "Open Sans";
    line-height: 1;
    font-size: 14px;
    text-decoration: none;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;	
}

header .wrapper .right-buttons .login, header .wrapper .right-buttons .profile {
    border-radius: 7px;
    padding: 10px 16px;     
    cursor: pointer;    
    border: 1px solid #d63c27;
    font-weight: 600;        
    font-family: "Open Sans";
    line-height: 1;
    font-size: 14px;
    text-decoration: none;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

header .wrapper .right-buttons .login{
    background-color: #D04028;
    color: white;    
}

header .wrapper .right-buttons .profile{
    background-color: #F4EEE1;  
    color: #D04028;    
}


.allergens__item::before, .carousel__controll li, .controller__pager, .icon--add {
    border-radius: 50%;
}
.clear-fix::after {
    clear: both;
    content: "";
    display: block;
}
.button--file {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.icon--add::after, .icon--add::before, .toggle-list__icon::after, .toggle-list__icon::before, .wallpaper--video::after, input[type="radio"]:checked + .radio__box::before {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.controller__pager {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.carousel__caption, .restaurants__footer::before, .tile__container .after {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}
.button[disabled] {
    filter: grayscale(100%);
}
.checkbox, .logo__caption, .radio, .toggle-list__title {
    -moz-user-select: none;
}

@font-face {
    font-family: "Peace Sans";
    src: url("../fonts/PeaceSans.eot") format("embedded-opentype"), url("../fonts/PeaceSans.woff2") format("woff2"), url("../fonts/PeaceSans.woff") format("woff"), url("../fonts/PeaceSans.ttf") format("truetype"), url("../fonts/PeaceSans.svg#PeaceSans") format("svg");
}
@font-face {
    font-family: "KaushanScript";
    src: url("../fonts/KaushanScript-Regular.eot") format("embedded-opentype"), url("../fonts/KaushanScript-Regular.woff2") format("woff2"), url("../fonts/KaushanScript-Regular.woff") format("woff"), url("../fonts/KaushanScript-Regular.ttf") format("truetype"), url("../fonts/KaushanScript-Regular.svg#KaushanScript-Regular") format("svg");
}
@font-face {
    font-family: "Speedee";
    font-style: normal;
    src: url("../fonts/speedee-light.woff2") format("woff2"), url("../fonts/speedee-light.woff") format("woff");
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    /*! border: 0 none; */
    /*! font: inherit; */
    /*! margin: 0; */
    /*! padding: 0; */
    /*! vertical-align: baseline; */
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: outside none none;
}
blockquote, q {
    quotes: none;
}
blockquote::after, blockquote::before, q::after, q::before {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
* {
    box-sizing: border-box;
}
body {
    min-width: 320px;
}
body.is-cover::after {
    background-color: rgba(31, 31, 31, 0.85);
    bottom: 0;
    content: "";
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 900;
}
body.overflow {
    height: 100%;
    overflow: hidden;
    position: fixed;
    width: 100%;
}
main {
    /*! margin-top: 67px; */
    /*! min-height: calc(100vh - 276px); */
    position: relative;
}
sup {
    font-size: 0.8em;
    vertical-align: super;
}
mark {
    background-color: #1f1f1f;
    color: #fff;
    font-weight: 700;
}
figure.responsive, figure:not([class]) {
    line-height: 1px;
}
figure.responsive img, figure:not([class]) img {
    max-width: 100%;
}
a {
    color: #1f1f1f;
}
a:hover {
    text-decoration: none;
}
.icon--link {
    margin-right: 5px;
}
.icon--link svg path {
    fill: #2f2f2f;
}
@media only screen and (min-width: 768px) {
main {
    /*! margin-top: 67px; */
    /*! min-height: calc(100vh - 273px); */
}
figure:not([class]) {
    background-color: #f3f3ef;
}
}
@media only screen and (min-width: 1170px) {  
  .section {
    padding: 90px 0;
  }
}
.wrapper {
    box-sizing: content-box;
    margin: 0 auto;
    max-width: 90rem;
    min-width: 260px;
    position: relative;
}
.wrapper:not(.wrapper--light) {
    padding: 0 12px;
}
.wrapper--medium {
    max-width: 850px;
}
.wrapper--slim {
    max-width: 640px;
}
.wrapper--half {
    max-width: 495px;
}
@media only screen and (min-width: 768px) {
.wrapper:not(.wrapper--light) {
}
}
.clear {
    clear: both;
    display: block;
}
.is-nowrap {
    white-space: nowrap;
}
.block--center {
    margin-left: auto;
    margin-right: auto;
}
.text--left {
    text-align: left;
}
.text--right {
    text-align: right;
}
.text--center {
    text-align: center;
}
.text--light {
    font-weight: 300;
}
.text--regular {
    font-weight: 600;
}
.text--semi-bold {
    font-weight: 400;
}
.text--bold {
    font-weight: 700;
}
.text--black {
    font-weight: 900;
}
.text--smaller:not(.text--parent) {
    font-size: 0.5em;
}
.text--small:not(.text--parent) {
    font-size: 0.75em;
}
.text--normal:not(.text--parent) {
    font-size: 1em;
}
.text--medium:not(.text--parent) {
    font-size: 1.24em;
}
.text--large:not(.text--parent) {
    font-size: 1.5em;
}
.text--larger:not(.text--parent) {
    font-size: 1.75em;
}
.text--parent.text--smaller > * {
    font-size: 0.5em;
}
.text--parent.text--small > * {
    font-size: 0.75em;
}
.text--parent.text--normal > * {
    font-size: 1em;
}
.text--parent.text--medium > * {
    font-size: 1.24em;
}
.text--parent.text--large > * {
    font-size: 1.5em;
}
.text--parent.text--larger > * {
    font-size: 1.75em;
}
.text--pitch-0 {
    line-height: 0;
}
.text--pitch-1 {
    line-height: 1.1em;
}
.text--pitch-2 {
    line-height: 1.2em;
}
.text--pitch-3 {
    line-height: 1.35em;
}
.text--pitch-4 {
    line-height: 1.4em;
}
.text--transform-none {
    text-transform: none;
}
.text--lowercase {
    text-transform: lowercase;
}
.text--uppercase {
    text-transform: uppercase;
}
.text--uppercase .category-title {
    font-size: 40px;
}
.text--capitalize {
    text-transform: capitalize;
}
.text--clean {
    font-weight: 400 !important;
    text-align: initial !important;
    text-transform: none !important;
}
.text--source-sans {
    font-family: Source Sans Pro,sans-serif;
}
.text--breakless {
    white-space: nowrap;
}
.text--mw-260 {
    max-width: 260px;
}
.text--mw-600 {
    max-width: 600px;
}
.text--c1, .text--c1 a:not([class*="button"]) {
    color: #ffc20f;
}
.text--c2, .text--c2 a:not([class*="button"]) {
    color: #c90c21;
}
.text--c3, .text--c3 a:not([class*="button"]) {
    color: #274e37;
}
.text--c4, .text--c4 a:not([class*="button"]) {
    color: #542d24;
}
.text--c5, .text--c5 a:not([class*="button"]) {
    color: #e1c4bd;
}
.text--c6, .text--c6 a:not([class*="button"]) {
    color: #1f1f1f;
}
.text--c7, .text--c7 a:not([class*="button"]) {
    color: #2f2f2f;
}
.text--c8, .text--c8 a:not([class*="button"]) {
    color: #444;
}
.text--c9, .text--c9 a:not([class*="button"]) {
    color: #474747;
}
.text--c10, .text--c10 a:not([class*="button"]) {
    color: #9d9d9d;
}
.text--c11, .text--c11 a:not([class*="button"]) {
    color: #b4b4b4;
}
.text--c12, .text--c12 a:not([class*="button"]) {
    color: #14a44c;
}
.text--c13, .text--c13 a:not([class*="button"]) {
    color: #17bd56;
}
.text--c14, .text--c14 a:not([class*="button"]) {
    color: #1491a4;
}
.text--c15, .text--c15 a:not([class*="button"]) {
    color: #f0eaca;
}
.text--c16, .text--c16 a:not([class*="button"]) {
    color: #ffc;
}
.text--c17, .text--c17 a:not([class*="button"]) {
    color: #e0dea8;
}
.text--c18, .text--c18 a:not([class*="button"]) {
    color: #e6e6b8;
}
.text--c19, .text--c19 a:not([class*="button"]) {
    color: #a91717;
}
.text--c20, .text--c20 a:not([class*="button"]) {
    color: #dbdbdb;
}
.text--c21, .text--c21 a:not([class*="button"]) {
    color: #bbb;
}
.text--c22, .text--c22 a:not([class*="button"]) {
    color: #f3f3ef;
}
.text--c23, .text--c23 a:not([class*="button"]) {
    color: #919191;
}
.text--c24, .text--c24 a:not([class*="button"]) {
    color: #a78253;
}
.text--c25, .text--c25 a:not([class*="button"]) {
    color: #111;
}
.text--c26, .text--c26 a:not([class*="button"]) {
    color: #d03029;
}
.text--c27, .text--c27 a:not([class*="button"]) {
    color: #603e1e;
}
.text--c28, .text--c28 a:not([class*="button"]) {
    color: #94344a;
}
.text--c29, .text--c29 a:not([class*="button"]) {
    color: #2b2219;
}
.text--c30, .text--c30 a:not([class*="button"]) {
    color: #5b3a2b;
}
.text--c31, .text--c31 a:not([class*="button"]) {
    color: #4e641d;
}
.text--c32, .text--c32 a:not([class*="button"]) {
    color: #3d1522;
}
.text--c33, .text--c33 a:not([class*="button"]) {
    color: #076124;
}
.text--c34, .text--c34 a:not([class*="button"]) {
    color: #fab82b;
}
.text--c35, .text--c35 a:not([class*="button"]) {
    color: #fe9051;
}
.text--c36, .text--c36 a:not([class*="button"]) {
    color: #4469ff;
}
.text--c37, .text--c37 a:not([class*="button"]) {
    color: #8cc93e;
}
.text--c38, .text--c38 a:not([class*="button"]) {
    color: #ea3c24;
}
.text--c39, .text--c39 a:not([class*="button"]) {
    color: #ff859a;
}
.text--c40, .text--c40 a:not([class*="button"]) {
    color: #00b1b7;
}
.text--c41, .text--c41 a:not([class*="button"]) {
    color: #7c12bd;
}
.text--c42, .text--c42 a:not([class*="button"]) {
    color: #909201;
}
.text--c43, .text--c43 a:not([class*="button"]) {
    color: #020a0a;
}
.text--c44, .text--c44 a:not([class*="button"]) {
    color: #d8509a;
}
.text--c45, .text--c45 a:not([class*="button"]) {
    color: #1f3263;
}
.text--c46, .text--c46 a:not([class*="button"]) {
    color: #1b3d60;
}
.text--c47, .text--c47 a:not([class*="button"]) {
    color: #000;
}
.text--c48, .text--c48 a:not([class*="button"]) {
    color: #262626;
}
.text--c49, .text--c49 a:not([class*="button"]) {
    color: #18171a;
}
.text--c50, .text--c50 a:not([class*="button"]) {
    color: #ffefd4;
}
.text--c51, .text--c51 a:not([class*="button"]) {
    color: #ffc25a;
}
.text--c52, .text--c52 a:not([class*="button"]) {
    color: #06a544;
}
.text--c53, .text--c53 a:not([class*="button"]) {
    color: #dfdfde;
}
.text--c54, .text--c54 a:not([class*="button"]) {
    color: #70562b;
}
.text--c55, .text--c55 a:not([class*="button"]) {
    color: #9e9996;
}
.text--c56, .text--c56 a:not([class*="button"]) {
    color: #c4e3f3;
}
.text--c57, .text--c57 a:not([class*="button"]) {
    color: #f8f8f8;
}
.text--c58, .text--c58 a:not([class*="button"]) {
    color: #a96647;
}
.text--c59, .text--c59 a:not([class*="button"]) {
    color: #a1363d;
}
.text--c60, .text--c60 a:not([class*="button"]) {
    color: #e7e9f4;
}
.text--c61, .text--c61 a:not([class*="button"]) {
    color: #e02930;
}
.floating--left {
    float: left;
}
.floating--right {
    float: right;
}
.display--block {
    display: block;
}
.display--inline {
    display: inline;
}
.display--inline-block {
    display: inline-block;
}
.display--none {
    display: none;
}
.bottomless {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.topless {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.spacer {
    border: medium none;
    height: 0;
    margin: 0;
    width: 0;
}
.spacer--10 {
    margin-bottom: 10px;
}
.spacer--20 {
    margin-bottom: 20px;
}
.spacer--25 {
    margin-bottom: 25px;
}
.spacer--40 {
    margin-bottom: 40px;
}
.spacer--30 {
    margin-bottom: 30px;
}
.spacer--50 {
    margin-bottom: 50px;
}
.spacer--100 {
    margin-bottom: 100px;
}
.spacer--horizontal {
    display: inline-block;
    margin-bottom: 0;
}
.spacer--horizontal[class*="--10"] {
    margin-right: 10px;
}
.spacer--horizontal[class*="--20"] {
    margin-right: 20px;
}
.spacer--horizontal[class*="--25"] {
    margin-right: 25px;
}
.spacer--horizontal[class*="--40"] {
    margin-right: 40px;
}
.spacer--horizontal[class*="--30"] {
    margin-right: 30px;
}
.spacer--horizontal[class*="--50"] {
    margin-right: 50px;
}
.spacer--horizontal[class*="--100"] {
    margin-right: 100px;
}
.margin--10 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.margin--20 {
    margin-bottom: 20px;
    margin-top: 20px;
}
.margin--25 {
    margin-bottom: 25px;
    margin-top: 25px;
}
.margin--30 {
    margin-bottom: 30px;
    margin-top: 30px;
}
.margin--40 {
    margin-bottom: 40px;
    margin-top: 40px;
}
.margin--50 {
    margin-bottom: 50px;
    margin-top: 50px;
}
.margin--100 {
    margin-bottom: 100px;
    margin-top: 100px;
}
.hover--image {
    overflow: hidden;
}
.hover--image img.is-hover {
    transition: all 0.5s ease 0s;
}
.hover--image:hover img.is-hover {
    transform: translateZ(0px) scale(1.1);
}
@media only screen and (max-width: 480px) {
.text--palm-left {
    text-align: left;
}
.text--palm-right {
    text-align: right;
}
.text--palm-center {
    text-align: center;
}
.text--palm-smaller:not(.text--parent) {
    font-size: 0.5em;
}
.text--palm-small:not(.text--parent) {
    font-size: 0.75em;
}
.text--palm-normal:not(.text--parent) {
    font-size: 1em;
}
.text--palm-medium:not(.text--parent) {
    font-size: 1.24em;
}
.text--palm-large:not(.text--parent) {
    font-size: 1.5em;
}
.text--palm-larger:not(.text--parent) {
    font-size: 1.75em;
}
.text--parent.text--palm-smaller > * {
    font-size: 0.5em;
}
.text--parent.text--palm-small > * {
    font-size: 0.75em;
}
.text--parent.text--palm-normal > * {
    font-size: 1em;
}
.text--parent.text--palm-medium > * {
    font-size: 1.24em;
}
.text--parent.text--palm-large > * {
    font-size: 1.5em;
}
.text--parent.text--palm-larger > * {
    font-size: 1.75em;
}
.text--palm-pitch-1 {
    line-height: 1.1em;
}
.text--palm-pitch-2 {
    line-height: 1.2em;
}
.text--palm-pitch-3 {
    line-height: 1.3em;
}
.text--palm-pitch-4 {
    line-height: 1.4em;
}
.text--palm-breakless {
    white-space: nowrap;
}
.block--palm-center {
    margin-left: auto;
    margin-right: auto;
}
.floating--palm-left {
    float: left;
}
.floating--palm-right {
    float: right;
}
.display--palm-block {
    display: block;
}
.display--palm-inline {
    display: inline;
}
.display--palm-inline-block {
    display: inline-block;
}
.display--palm-none {
    display: none;
}
.display--palm-none-important {
    display: none !important;
}
.palm--bottomless {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.spacer--palm-10 {
    margin-bottom: 10px;
}
.spacer--palm-20 {
    margin-bottom: 20px;
}
.spacer--palm-25 {
    margin-bottom: 25px;
}
.spacer--palm-40 {
    margin-bottom: 40px;
}
.spacer--palm-30 {
    margin-bottom: 30px;
}
.spacer--palm-50 {
    margin-bottom: 50px;
}
.spacer--palm-100 {
    margin-bottom: 100px;
}
.spacer--palm-horizontal {
    display: inline-block;
    margin-bottom: 0;
}
.spacer--palm-horizontal[class*="--10"], .spacer--palm-horizontal[class*="--palm-10"] {
    margin-right: 10px;
}
.spacer--palm-horizontal[class*="--20"], .spacer--palm-horizontal[class*="--palm-20"] {
    margin-right: 20px;
}
.spacer--palm-horizontal[class*="--25"], .spacer--palm-horizontal[class*="--palm-25"] {
    margin-right: 25px;
}
.spacer--palm-horizontal[class*="--40"], .spacer--palm-horizontal[class*="--palm-40"] {
    margin-right: 40px;
}
.spacer--palm-horizontal[class*="--30"], .spacer--palm-horizontal[class*="--palm-30"] {
    margin-right: 30px;
}
.spacer--palm-horizontal[class*="--50"], .spacer--palm-horizontal[class*="--palm-50"] {
    margin-right: 50px;
}
.spacer--palm-horizontal[class*="--100"], .spacer--palm-horizontal[class*="--palm-100"] {
    margin-right: 100px;
}
.margin--palm-10 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.margin--palm-20 {
    margin-bottom: 20px;
    margin-top: 20px;
}
.margin--palm-25 {
    margin-bottom: 25px;
    margin-top: 25px;
}
.margin--palm-30 {
    margin-bottom: 30px;
    margin-top: 30px;
}
.margin--palm-40 {
    margin-bottom: 40px;
    margin-top: 40px;
}
.margin--palm-50 {
    margin-bottom: 50px;
    margin-top: 50px;
}
.margin--palm-100 {
    margin-bottom: 100px;
    margin-top: 100px;
}
.wrapper--palm-half {
    max-width: 495px;
}
}
@media only screen and (min-width: 481px) {
.text--lap-left {
    text-align: left;
}
.text--lap-right {
    text-align: right;
}
.text--lap-center {
    text-align: center;
}
.text--lap-smaller:not(.text--parent) {
    font-size: 0.5em;
}
.text--lap-small:not(.text--parent) {
    font-size: 0.75em;
}
.text--lap-normal:not(.text--parent) {
    font-size: 1em;
}
.text--lap-medium:not(.text--parent) {
    font-size: 1.24em;
}
.text--lap-large:not(.text--parent) {
    font-size: 1.5em;
}
.text--lap-larger:not(.text--parent) {
    font-size: 1.75em;
}
.text--parent.text--lap-smaller > * {
    font-size: 0.5em;
}
.text--parent.text--lap-small > * {
    font-size: 0.75em;
}
.text--parent.text--lap-normal > * {
    font-size: 1em;
}
.text--parent.text--lap-medium > * {
    font-size: 1.24em;
}
.text--parent.text--lap-large > * {
    font-size: 1.5em;
}
.text--parent.text--lap-larger > * {
    font-size: 1.75em;
}
.text--lap-pitch-1 {
    line-height: 1.1em;
}
.text--lap-pitch-2 {
    line-height: 1.2em;
}
.text--lap-pitch-3 {
    line-height: 1.3em;
}
.text--lap-pitch-4 {
    line-height: 1.4em;
}
.text--lap-breakless {
    white-space: nowrap;
}
.block--lap-center {
    margin-left: auto;
    margin-right: auto;
}
.floating--lap-left {
    float: left;
}
.floating--lap-right {
    float: right;
}
.display--lap-block {
    display: block;
}
.display--lap-inline {
    display: inline;
}
.display--lap-inline-block {
    display: inline-block;
}
.display--lap-none {
    display: none;
}
.display--lap-none-important {
    display: none !important;
}
.lap--bottomless {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.spacer--lap-10 {
    margin-bottom: 10px;
}
.spacer--lap-20 {
    margin-bottom: 20px;
}
.spacer--lap-25 {
    margin-bottom: 25px;
}
.spacer--lap-40 {
    margin-bottom: 40px;
}
.spacer--lap-30 {
    margin-bottom: 30px;
}
.spacer--lap-50 {
    margin-bottom: 50px;
}
.spacer--lap-100 {
    margin-bottom: 100px;
}
.spacer--lap-horizontal {
    display: inline-block;
    margin-bottom: 0;
}
.spacer--lap-horizontal[class*="--10"], .spacer--lap-horizontal[class*="--lap-10"] {
    margin-right: 10px;
}
.spacer--lap-horizontal[class*="--20"], .spacer--lap-horizontal[class*="--lap-20"] {
    margin-right: 20px;
}
.spacer--lap-horizontal[class*="--25"], .spacer--lap-horizontal[class*="--lap-25"] {
    margin-right: 25px;
}
.spacer--lap-horizontal[class*="--40"], .spacer--lap-horizontal[class*="--lap-40"] {
    margin-right: 40px;
}
.spacer--lap-horizontal[class*="--30"], .spacer--lap-horizontal[class*="--lap-30"] {
    margin-right: 30px;
}
.spacer--lap-horizontal[class*="--50"], .spacer--lap-horizontal[class*="--lap-50"] {
    margin-right: 50px;
}
.spacer--lap-horizontal[class*="--100"], .spacer--lap-horizontal[class*="--lap-100"] {
    margin-right: 100px;
}
.margin--lap-10 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.margin--lap-20 {
    margin-bottom: 20px;
    margin-top: 20px;
}
.margin--lap-25 {
    margin-bottom: 25px;
    margin-top: 25px;
}
.margin--lap-30 {
    margin-bottom: 30px;
    margin-top: 30px;
}
.margin--lap-40 {
    margin-bottom: 40px;
    margin-top: 40px;
}
.margin--lap-50 {
    margin-bottom: 50px;
    margin-top: 50px;
}
.margin--lap-100 {
    margin-bottom: 100px;
    margin-top: 100px;
}
.wrapper--lap-half {
    max-width: 495px;
}
}
@media only screen and (min-width: 768px) {
.text--tab-left {
    text-align: left;
}
.text--tab-right {
    text-align: right;
}
.text--tab-center {
    text-align: center;
}
.text--tab-smaller:not(.text--parent) {
    font-size: 0.5em;
}
.text--tab-small:not(.text--parent) {
    font-size: 0.75em;
}
.text--tab-normal:not(.text--parent) {
    font-size: 1em;
}
.text--tab-medium:not(.text--parent) {
    font-size: 1.24em;
}
.text--tab-large:not(.text--parent) {
    font-size: 1.5em;
}
.text--tab-larger:not(.text--parent) {
    font-size: 1.75em;
}
.text--parent.text--tab-smaller > * {
    font-size: 0.5em;
}
.text--parent.text--tab-small > * {
    font-size: 0.75em;
}
.text--parent.text--tab-normal > * {
    font-size: 1em;
}
.text--parent.text--tab-medium > * {
    font-size: 1.24em;
}
.text--parent.text--tab-large > * {
    font-size: 1.5em;
}
.text--parent.text--tab-larger > * {
    font-size: 1.75em;
}
.text--tab-pitch-1 {
    line-height: 1.1em;
}
.text--tab-pitch-2 {
    line-height: 1.2em;
}
.text--tab-pitch-3 {
    line-height: 1.3em;
}
.text--tab-pitch-4 {
    line-height: 1.4em;
}
.text--tab-breakless {
    white-space: nowrap;
}
.block--tab-center {
    margin-left: auto;
    margin-right: auto;
}
.floating--tab-left {
    float: left;
}
.floating--tab-right {
    float: right;
}
.display--tab-block {
    display: block;
}
.display--tab-inline {
    display: inline;
}
.display--tab-inline-block {
    display: inline-block;
}
.display--tab-none {
    display: none;
}
.display--tab-none-important {
    display: none !important;
}
.tab--bottomless {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.spacer--tab-10 {
    margin-bottom: 10px;
}
.spacer--tab-20 {
    margin-bottom: 20px;
}
.spacer--tab-25 {
    margin-bottom: 25px;
}
.spacer--tab-40 {
    margin-bottom: 40px;
}
.spacer--tab-30 {
    margin-bottom: 30px;
}
.spacer--tab-50 {
    margin-bottom: 50px;
}
.spacer--tab-100 {
    margin-bottom: 100px;
}
.spacer--tab-horizontal {
    display: inline-block;
    margin-bottom: 0;
}
.spacer--tab-horizontal[class*="--10"], .spacer--tab-horizontal[class*="--tab-10"] {
    margin-right: 10px;
}
.spacer--tab-horizontal[class*="--20"], .spacer--tab-horizontal[class*="--tab-20"] {
    margin-right: 20px;
}
.spacer--tab-horizontal[class*="--25"], .spacer--tab-horizontal[class*="--tab-25"] {
    margin-right: 25px;
}
.spacer--tab-horizontal[class*="--40"], .spacer--tab-horizontal[class*="--tab-40"] {
    margin-right: 40px;
}
.spacer--tab-horizontal[class*="--30"], .spacer--tab-horizontal[class*="--tab-30"] {
    margin-right: 30px;
}
.spacer--tab-horizontal[class*="--50"], .spacer--tab-horizontal[class*="--tab-50"] {
    margin-right: 50px;
}
.spacer--tab-horizontal[class*="--100"], .spacer--tab-horizontal[class*="--tab-100"] {
    margin-right: 100px;
}
.margin--tab-10 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.margin--tab-20 {
    margin-bottom: 20px;
    margin-top: 20px;
}
.margin--tab-25 {
    margin-bottom: 25px;
    margin-top: 25px;
}
.margin--tab-30 {
    margin-bottom: 30px;
    margin-top: 30px;
}
.margin--tab-40 {
    margin-bottom: 40px;
    margin-top: 40px;
}
.margin--tab-50 {
    margin-bottom: 50px;
    margin-top: 50px;
}
.margin--tab-100 {
    margin-bottom: 100px;
    margin-top: 100px;
}
.wrapper--tab-half {
    max-width: 495px;
}
}
@media only screen and (min-width: 1024px) {
.text--desk-left {
    text-align: left;
}
.text--desk-right {
    text-align: right;
}
.text--desk-center {
    text-align: center;
}
.text--desk-smaller:not(.text--parent) {
    font-size: 0.5em;
}
.text--desk-small:not(.text--parent) {
    font-size: 0.75em;
}
.text--desk-normal:not(.text--parent) {
    font-size: 1em;
}
.text--desk-medium:not(.text--parent) {
    font-size: 1.24em;
}
.text--desk-large:not(.text--parent) {
    font-size: 1.5em;
}
.text--desk-larger:not(.text--parent) {
    font-size: 1.75em;
}
.text--parent.text--desk-smaller > * {
    font-size: 0.5em;
}
.text--parent.text--desk-small > * {
    font-size: 0.75em;
}
.text--parent.text--desk-normal > * {
    font-size: 1em;
}
.text--parent.text--desk-medium > * {
    font-size: 1.24em;
}
.text--parent.text--desk-large > * {
    font-size: 1.5em;
}
.text--parent.text--desk-larger > * {
    font-size: 1.75em;
}
.text--desk-pitch-1 {
    line-height: 1.1em;
}
.text--desk-pitch-2 {
    line-height: 1.2em;
}
.text--desk-pitch-3 {
    line-height: 1.3em;
}
.text--desk-pitch-4 {
    line-height: 1.4em;
}
.text--desk-breakless {
    white-space: nowrap;
}
.block--desk-center {
    margin-left: auto;
    margin-right: auto;
}
.floating--desk-left {
    float: left;
}
.floating--desk-right {
    float: right;
}
.display--desk-block {
    display: block;
}
.display--desk-inline {
    display: inline;
}
.display--desk-inline-block {
    display: inline-block;
}
.display--desk-none {
    display: none;
}
.display--desk-none-important {
    display: none !important;
}
.desk--bottomless {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.spacer--desk-10 {
    margin-bottom: 10px;
}
.spacer--desk-20 {
    margin-bottom: 20px;
}
.spacer--desk-25 {
    margin-bottom: 25px;
}
.spacer--desk-40 {
    margin-bottom: 40px;
}
.spacer--desk-30 {
    margin-bottom: 30px;
}
.spacer--desk-50 {
    margin-bottom: 50px;
}
.spacer--desk-100 {
    margin-bottom: 100px;
}
.spacer--desk-horizontal {
    display: inline-block;
    margin-bottom: 0;
}
.spacer--desk-horizontal[class*="--10"], .spacer--desk-horizontal[class*="--desk-10"] {
    margin-right: 10px;
}
.spacer--desk-horizontal[class*="--20"], .spacer--desk-horizontal[class*="--desk-20"] {
    margin-right: 20px;
}
.spacer--desk-horizontal[class*="--25"], .spacer--desk-horizontal[class*="--desk-25"] {
    margin-right: 25px;
}
.spacer--desk-horizontal[class*="--40"], .spacer--desk-horizontal[class*="--desk-40"] {
    margin-right: 40px;
}
.spacer--desk-horizontal[class*="--30"], .spacer--desk-horizontal[class*="--desk-30"] {
    margin-right: 30px;
}
.spacer--desk-horizontal[class*="--50"], .spacer--desk-horizontal[class*="--desk-50"] {
    margin-right: 50px;
}
.spacer--desk-horizontal[class*="--100"], .spacer--desk-horizontal[class*="--desk-100"] {
    margin-right: 100px;
}
.margin--desk-10 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.margin--desk-20 {
    margin-bottom: 20px;
    margin-top: 20px;
}
.margin--desk-25 {
    margin-bottom: 25px;
    margin-top: 25px;
}
.margin--desk-30 {
    margin-bottom: 30px;
    margin-top: 30px;
}
.margin--desk-40 {
    margin-bottom: 40px;
    margin-top: 40px;
}
.margin--desk-50 {
    margin-bottom: 50px;
    margin-top: 50px;
}
.margin--desk-100 {
    margin-bottom: 100px;
    margin-top: 100px;
}
.wrapper--desk-half {
    max-width: 495px;
}
}
@media only screen and (max-width: 1023px) {
.text--to-desk-left {
    text-align: left;
}
.text--to-desk-right {
    text-align: right;
}
.text--to-desk-center {
    text-align: center;
}
.text--to-desk-smaller:not(.text--parent) {
    font-size: 0.5em;
}
.text--to-desk-small:not(.text--parent) {
    font-size: 0.75em;
}
.text--to-desk-normal:not(.text--parent) {
    font-size: 1em;
}
.text--to-desk-medium:not(.text--parent) {
    font-size: 1.24em;
}
.text--to-desk-large:not(.text--parent) {
    font-size: 1.5em;
}
.text--to-desk-larger:not(.text--parent) {
    font-size: 1.75em;
}
.text--parent.text--to-desk-smaller > * {
    font-size: 0.5em;
}
.text--parent.text--to-desk-small > * {
    font-size: 0.75em;
}
.text--parent.text--to-desk-normal > * {
    font-size: 1em;
}
.text--parent.text--to-desk-medium > * {
    font-size: 1.24em;
}
.text--parent.text--to-desk-large > * {
    font-size: 1.5em;
}
.text--parent.text--to-desk-larger > * {
    font-size: 1.75em;
}
.text--to-desk-pitch-1 {
    line-height: 1.1em;
}
.text--to-desk-pitch-2 {
    line-height: 1.2em;
}
.text--to-desk-pitch-3 {
    line-height: 1.3em;
}
.text--to-desk-pitch-4 {
    line-height: 1.4em;
}
.text--to-desk-breakless {
    white-space: nowrap;
}
.block--to-desk-center {
    margin-left: auto;
    margin-right: auto;
}
.floating--to-desk-left {
    float: left;
}
.floating--to-desk-right {
    float: right;
}
.display--to-desk-block {
    display: block;
}
.display--to-desk-inline {
    display: inline;
}
.display--to-desk-inline-block {
    display: inline-block;
}
.display--to-desk-none {
    display: none;
}
.display--to-desk-none-important {
    display: none !important;
}
.to-desk--bottomless {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.spacer--to-desk-10 {
    margin-bottom: 10px;
}
.spacer--to-desk-20 {
    margin-bottom: 20px;
}
.spacer--to-desk-25 {
    margin-bottom: 25px;
}
.spacer--to-desk-40 {
    margin-bottom: 40px;
}
.spacer--to-desk-30 {
    margin-bottom: 30px;
}
.spacer--to-desk-50 {
    margin-bottom: 50px;
}
.spacer--to-desk-100 {
    margin-bottom: 100px;
}
.spacer--to-desk-horizontal {
    display: inline-block;
    margin-bottom: 0;
}
.spacer--to-desk-horizontal[class*="--10"], .spacer--to-desk-horizontal[class*="--to-desk-10"] {
    margin-right: 10px;
}
.spacer--to-desk-horizontal[class*="--20"], .spacer--to-desk-horizontal[class*="--to-desk-20"] {
    margin-right: 20px;
}
.spacer--to-desk-horizontal[class*="--25"], .spacer--to-desk-horizontal[class*="--to-desk-25"] {
    margin-right: 25px;
}
.spacer--to-desk-horizontal[class*="--40"], .spacer--to-desk-horizontal[class*="--to-desk-40"] {
    margin-right: 40px;
}
.spacer--to-desk-horizontal[class*="--30"], .spacer--to-desk-horizontal[class*="--to-desk-30"] {
    margin-right: 30px;
}
.spacer--to-desk-horizontal[class*="--50"], .spacer--to-desk-horizontal[class*="--to-desk-50"] {
    margin-right: 50px;
}
.spacer--to-desk-horizontal[class*="--100"], .spacer--to-desk-horizontal[class*="--to-desk-100"] {
    margin-right: 100px;
}
.margin--to-desk-10 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.margin--to-desk-20 {
    margin-bottom: 20px;
    margin-top: 20px;
}
.margin--to-desk-25 {
    margin-bottom: 25px;
    margin-top: 25px;
}
.margin--to-desk-30 {
    margin-bottom: 30px;
    margin-top: 30px;
}
.margin--to-desk-40 {
    margin-bottom: 40px;
    margin-top: 40px;
}
.margin--to-desk-50 {
    margin-bottom: 50px;
    margin-top: 50px;
}
.margin--to-desk-100 {
    margin-bottom: 100px;
    margin-top: 100px;
}
.wrapper--to-desk-half {
    max-width: 495px;
}
}
@media only screen and (max-width: 767px) {
.text--to-tab-left {
    text-align: left;
}
.text--to-tab-right {
    text-align: right;
}
.text--to-tab-center {
    text-align: center;
}
.text--to-tab-smaller:not(.text--parent) {
    font-size: 0.5em;
}
.text--to-tab-small:not(.text--parent) {
    font-size: 0.75em;
}
.text--to-tab-normal:not(.text--parent) {
    font-size: 1em;
}
.text--to-tab-medium:not(.text--parent) {
    font-size: 1.24em;
}
.text--to-tab-large:not(.text--parent) {
    font-size: 1.5em;
}
.text--to-tab-larger:not(.text--parent) {
    font-size: 1.75em;
}
.text--parent.text--to-tab-smaller > * {
    font-size: 0.5em;
}
.text--parent.text--to-tab-small > * {
    font-size: 0.75em;
}
.text--parent.text--to-tab-normal > * {
    font-size: 1em;
}
.text--parent.text--to-tab-medium > * {
    font-size: 1.24em;
}
.text--parent.text--to-tab-large > * {
    font-size: 1.5em;
}
.text--parent.text--to-tab-larger > * {
    font-size: 1.75em;
}
.text--to-tab-pitch-1 {
    line-height: 1.1em;
}
.text--to-tab-pitch-2 {
    line-height: 1.2em;
}
.text--to-tab-pitch-3 {
    line-height: 1.3em;
}
.text--to-tab-pitch-4 {
    line-height: 1.4em;
}
.text--to-tab-breakless {
    white-space: nowrap;
}
.block--to-tab-center {
    margin-left: auto;
    margin-right: auto;
}
.floating--to-tab-left {
    float: left;
}
.floating--to-tab-right {
    float: right;
}
.display--to-tab-block {
    display: block;
}
.display--to-tab-inline {
    display: inline;
}
.display--to-tab-inline-block {
    display: inline-block;
}
.display--to-tab-none {
    display: none;
}
.display--to-tab-none-important {
    display: none !important;
}
.to-tab--bottomless {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.spacer--to-tab-10 {
    margin-bottom: 10px;
}
.spacer--to-tab-20 {
    margin-bottom: 20px;
}
.spacer--to-tab-25 {
    margin-bottom: 25px;
}
.spacer--to-tab-40 {
    margin-bottom: 40px;
}
.spacer--to-tab-30 {
    margin-bottom: 30px;
}
.spacer--to-tab-50 {
    margin-bottom: 50px;
}
.spacer--to-tab-100 {
    margin-bottom: 100px;
}
.spacer--to-tab-horizontal {
    display: inline-block;
    margin-bottom: 0;
}
.spacer--to-tab-horizontal[class*="--10"], .spacer--to-tab-horizontal[class*="--to-tab-10"] {
    margin-right: 10px;
}
.spacer--to-tab-horizontal[class*="--20"], .spacer--to-tab-horizontal[class*="--to-tab-20"] {
    margin-right: 20px;
}
.spacer--to-tab-horizontal[class*="--25"], .spacer--to-tab-horizontal[class*="--to-tab-25"] {
    margin-right: 25px;
}
.spacer--to-tab-horizontal[class*="--40"], .spacer--to-tab-horizontal[class*="--to-tab-40"] {
    margin-right: 40px;
}
.spacer--to-tab-horizontal[class*="--30"], .spacer--to-tab-horizontal[class*="--to-tab-30"] {
    margin-right: 30px;
}
.spacer--to-tab-horizontal[class*="--50"], .spacer--to-tab-horizontal[class*="--to-tab-50"] {
    margin-right: 50px;
}
.spacer--to-tab-horizontal[class*="--100"], .spacer--to-tab-horizontal[class*="--to-tab-100"] {
    margin-right: 100px;
}
.margin--to-tab-10 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.margin--to-tab-20 {
    margin-bottom: 20px;
    margin-top: 20px;
}
.margin--to-tab-25 {
    margin-bottom: 25px;
    margin-top: 25px;
}
.margin--to-tab-30 {
    margin-bottom: 30px;
    margin-top: 30px;
}
.margin--to-tab-40 {
    margin-bottom: 40px;
    margin-top: 40px;
}
.margin--to-tab-50 {
    margin-bottom: 50px;
    margin-top: 50px;
}
.margin--to-tab-100 {
    margin-bottom: 100px;
    margin-top: 100px;
}
.wrapper--to-tab-half {
    max-width: 495px;
}
}
@media only screen and (min-width: 1170px) {
.text--wrapper-left {
    text-align: left;
}
.text--wrapper-right {
    text-align: right;
}
.text--wrapper-center {
    text-align: center;
}
.text--wrapper-smaller:not(.text--parent) {
    font-size: 0.5em;
}
.text--wrapper-small:not(.text--parent) {
    font-size: 0.75em;
}
.text--wrapper-normal:not(.text--parent) {
    font-size: 1em;
}
.text--wrapper-medium:not(.text--parent) {
    font-size: 1.24em;
}
.text--wrapper-large:not(.text--parent) {
    font-size: 1.5em;
}
.text--wrapper-larger:not(.text--parent) {
    font-size: 1.75em;
}
.text--parent.text--wrapper-smaller > * {
    font-size: 0.5em;
}
.text--parent.text--wrapper-small > * {
    font-size: 0.75em;
}
.text--parent.text--wrapper-normal > * {
    font-size: 1em;
}
.text--parent.text--wrapper-medium > * {
    font-size: 1.24em;
}
.text--parent.text--wrapper-large > * {
    font-size: 1.5em;
}
.text--parent.text--wrapper-larger > * {
    font-size: 1.75em;
}
.text--wrapper-pitch-1 {
    line-height: 1.1em;
}
.text--wrapper-pitch-2 {
    line-height: 1.2em;
}
.text--wrapper-pitch-3 {
    line-height: 1.3em;
}
.text--wrapper-pitch-4 {
    line-height: 1.4em;
}
.text--wrapper-breakless {
    white-space: nowrap;
}
.block--wrapper-center {
    margin-left: auto;
    margin-right: auto;
}
.floating--wrapper-left {
    float: left;
}
.floating--wrapper-right {
    float: right;
}
.display--wrapper-block {
    display: block;
}
.display--wrapper-inline {
    display: inline;
}
.display--wrapper-inline-block {
    display: inline-block;
}
.display--wrapper-none {
    display: none;
}
.display--wrapper-none-important {
    display: none !important;
}
.wrapper--bottomless {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.spacer--wrapper-10 {
    margin-bottom: 10px;
}
.spacer--wrapper-20 {
    margin-bottom: 20px;
}
.spacer--wrapper-25 {
    margin-bottom: 25px;
}
.spacer--wrapper-40 {
    margin-bottom: 40px;
}
.spacer--wrapper-30 {
    margin-bottom: 30px;
}
.spacer--wrapper-50 {
    margin-bottom: 50px;
}
.spacer--wrapper-100 {
    margin-bottom: 100px;
}
.spacer--wrapper-horizontal {
    display: inline-block;
    margin-bottom: 0;
}
.spacer--wrapper-horizontal[class*="--10"], .spacer--wrapper-horizontal[class*="--wrapper-10"] {
    margin-right: 10px;
}
.spacer--wrapper-horizontal[class*="--20"], .spacer--wrapper-horizontal[class*="--wrapper-20"] {
    margin-right: 20px;
}
.spacer--wrapper-horizontal[class*="--25"], .spacer--wrapper-horizontal[class*="--wrapper-25"] {
    margin-right: 25px;
}
.spacer--wrapper-horizontal[class*="--40"], .spacer--wrapper-horizontal[class*="--wrapper-40"] {
    margin-right: 40px;
}
.spacer--wrapper-horizontal[class*="--30"], .spacer--wrapper-horizontal[class*="--wrapper-30"] {
    margin-right: 30px;
}
.spacer--wrapper-horizontal[class*="--50"], .spacer--wrapper-horizontal[class*="--wrapper-50"] {
    margin-right: 50px;
}
.spacer--wrapper-horizontal[class*="--100"], .spacer--wrapper-horizontal[class*="--wrapper-100"] {
    margin-right: 100px;
}
.margin--wrapper-10 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.margin--wrapper-20 {
    margin-bottom: 20px;
    margin-top: 20px;
}
.margin--wrapper-25 {
    margin-bottom: 25px;
    margin-top: 25px;
}
.margin--wrapper-30 {
    margin-bottom: 30px;
    margin-top: 30px;
}
.margin--wrapper-40 {
    margin-bottom: 40px;
    margin-top: 40px;
}
.margin--wrapper-50 {
    margin-bottom: 50px;
    margin-top: 50px;
}
.margin--wrapper-100 {
    margin-bottom: 100px;
    margin-top: 100px;
}
.wrapper--wrapper-half {
    max-width: 495px;
}
}
@media only screen and (max-width: 1169px) {
.text--to-wrapper-left {
    text-align: left;
}
.text--to-wrapper-right {
    text-align: right;
}
.text--to-wrapper-center {
    text-align: center;
}
.text--to-wrapper-smaller:not(.text--parent) {
    font-size: 0.5em;
}
.text--to-wrapper-small:not(.text--parent) {
    font-size: 0.75em;
}
.text--to-wrapper-normal:not(.text--parent) {
    font-size: 1em;
}
.text--to-wrapper-medium:not(.text--parent) {
    font-size: 1.24em;
}
.text--to-wrapper-large:not(.text--parent) {
    font-size: 1.5em;
}
.text--to-wrapper-larger:not(.text--parent) {
    font-size: 1.75em;
}
.text--parent.text--to-wrapper-smaller > * {
    font-size: 0.5em;
}
.text--parent.text--to-wrapper-small > * {
    font-size: 0.75em;
}
.text--parent.text--to-wrapper-normal > * {
    font-size: 1em;
}
.text--parent.text--to-wrapper-medium > * {
    font-size: 1.24em;
}
.text--parent.text--to-wrapper-large > * {
    font-size: 1.5em;
}
.text--parent.text--to-wrapper-larger > * {
    font-size: 1.75em;
}
.text--to-wrapper-pitch-1 {
    line-height: 1.1em;
}
.text--to-wrapper-pitch-2 {
    line-height: 1.2em;
}
.text--to-wrapper-pitch-3 {
    line-height: 1.3em;
}
.text--to-wrapper-pitch-4 {
    line-height: 1.4em;
}
.text--to-wrapper-breakless {
    white-space: nowrap;
}
.block--to-wrapper-center {
    margin-left: auto;
    margin-right: auto;
}
.floating--to-wrapper-left {
    float: left;
}
.floating--to-wrapper-right {
    float: right;
}
.display--to-wrapper-block {
    display: block;
}
.display--to-wrapper-inline {
    display: inline;
}
.display--to-wrapper-inline-block {
    display: inline-block;
}
.display--to-wrapper-none {
    display: none;
}
.display--to-wrapper-none-important {
    display: none !important;
}
.to-wrapper--bottomless {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.spacer--to-wrapper-10 {
    margin-bottom: 10px;
}
.spacer--to-wrapper-20 {
    margin-bottom: 20px;
}
.spacer--to-wrapper-25 {
    margin-bottom: 25px;
}
.spacer--to-wrapper-40 {
    margin-bottom: 40px;
}
.spacer--to-wrapper-30 {
    margin-bottom: 30px;
}
.spacer--to-wrapper-50 {
    margin-bottom: 50px;
}
.spacer--to-wrapper-100 {
    margin-bottom: 100px;
}
.spacer--to-wrapper-horizontal {
    display: inline-block;
    margin-bottom: 0;
}
.spacer--to-wrapper-horizontal[class*="--10"], .spacer--to-wrapper-horizontal[class*="--to-wrapper-10"] {
    margin-right: 10px;
}
.spacer--to-wrapper-horizontal[class*="--20"], .spacer--to-wrapper-horizontal[class*="--to-wrapper-20"] {
    margin-right: 20px;
}
.spacer--to-wrapper-horizontal[class*="--25"], .spacer--to-wrapper-horizontal[class*="--to-wrapper-25"] {
    margin-right: 25px;
}
.spacer--to-wrapper-horizontal[class*="--40"], .spacer--to-wrapper-horizontal[class*="--to-wrapper-40"] {
    margin-right: 40px;
}
.spacer--to-wrapper-horizontal[class*="--30"], .spacer--to-wrapper-horizontal[class*="--to-wrapper-30"] {
    margin-right: 30px;
}
.spacer--to-wrapper-horizontal[class*="--50"], .spacer--to-wrapper-horizontal[class*="--to-wrapper-50"] {
    margin-right: 50px;
}
.spacer--to-wrapper-horizontal[class*="--100"], .spacer--to-wrapper-horizontal[class*="--to-wrapper-100"] {
    margin-right: 100px;
}
.margin--to-wrapper-10 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.margin--to-wrapper-20 {
    margin-bottom: 20px;
    margin-top: 20px;
}
.margin--to-wrapper-25 {
    margin-bottom: 25px;
    margin-top: 25px;
}
.margin--to-wrapper-30 {
    margin-bottom: 30px;
    margin-top: 30px;
}
.margin--to-wrapper-40 {
    margin-bottom: 40px;
    margin-top: 40px;
}
.margin--to-wrapper-50 {
    margin-bottom: 50px;
    margin-top: 50px;
}
.margin--to-wrapper-100 {
    margin-bottom: 100px;
    margin-top: 100px;
}
.wrapper--to-wrapper-half {
    max-width: 495px;
}
}
body {
    color: #1f1f1f;
    font-family: Dealerplate California;
    /*! font-size: 16px; */
    line-height: 1.5;
}
@media only screen and (min-width: 1024px) {
body {
    /* font-size: 16px; */
    line-height: 1.5;
}
}
.heading-mimetic, h1, h2, h3, h4, h5 {
    font-family: "Open Sans";
}
.heading-mimetic--h1, h1 {
    font-size: 30px;
    /*! line-height: 2rem; */
    /*! margin-bottom: 15px; */
}
.text--uppercase .category-title {
    font-size: 30px;
}
@media only screen and (min-width: 1024px) {
.heading-mimetic--h1, h1 {
    font-size: 64px;
    line-height: 2.5rem;
    margin-bottom: 20px;
}
}
.heading-mimetic--h2, h2 {
    font-size: 27px;
    line-height: 1.18519;
    margin-bottom: 15px;
}
@media only screen and (min-width: 1024px) {
.heading-mimetic--h2, h2 {
    font-size: 36px;
    line-height: 1.11111;
    /*! margin-bottom: 30px; */
}
}
.heading-mimetic--h3, h3 {
    font-size: 24px;
    line-height: 1.16667;
    margin-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
.heading-mimetic--h3, h3 {
    font-size: 30px;
    line-height: 1.13333;
    margin-bottom: 25px;
}
}
.heading-mimetic--h4, h4 {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 15px;
}
@media only screen and (min-width: 1024px) {
.heading-mimetic--h4, h4 {
    font-size: 24px;
    line-height: 1.16667;
    margin-bottom: 20px;
}
}
.heading-mimetic--h5, h5 {
    font-size: 18px;
    line-height: 1.22222;
    margin-bottom: 15px;
}
@media only screen and (min-width: 1024px) {
.heading-mimetic--h5, h5 {
    font-size: 18px;
    line-height: 1.22222;
    margin-bottom: 20px;
}
}
p {
    font-size: 16px;
    line-height: 1.5;
    /*! margin-bottom: 15px; */
}
p + h1 {
    margin-top: 30px;
}
p + h2 {
    margin-top: 40px;
}
p + h3 {
    margin-top: 35px;
}
p + h4, p + h5 {
    margin-top: 30px;
}
@media only screen and (min-width: 1024px) {
p {
    font-size: 16px;
    line-height: 1.5;
    /*! margin-bottom: 20px; */
}
p + h1 {
    margin-top: 40px;
}
p + h2 {
    margin-top: 50px;
}
p + h3 {
    margin-top: 45px;
}
p + h4, p + h5 {
    margin-top: 40px;
}
}
ol:not([class]), ul:not([class]) {
    margin-bottom: 20px;
    padding-left: 20px;
}
ol:not([class]) + h1, ul:not([class]) + h1 {
    margin-top: 35px;
}
ol:not([class]) + h2, ul:not([class]) + h2 {
    margin-top: 45px;
}
ol:not([class]) + h3, ul:not([class]) + h3 {
    margin-top: 40px;
}
ol:not([class]) + h4, ol:not([class]) + h5, ul:not([class]) + h4, ul:not([class]) + h5 {
    margin-top: 35px;
}
ul:not([class]) li::before {
    background-color: #000;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 7px;
    margin-right: 10px;
    vertical-align: 2.5px;
    width: 7px;
}
ol:not([class]) {
    counter-reset: a;
}
ol:not([class]) li::before {
    content: counter(a, decimal) ".";
    counter-increment: a;
}
blockquote:not([class]) {
    margin-bottom: 20px;
    padding-left: 40px;
    position: relative;
}
blockquote:not([class])::before {
    color: #000;
    content: "”";
    display: inline-block;
    font-family: Georgia,Times New Roman,serif;
    font-size: 4em;
    font-weight: 700;
    left: 0;
    line-height: 0.9em;
    opacity: 0.85;
    position: absolute;
    top: 0;
}
blockquote:not([class]) cite {
    display: block;
    font-size: 0.8em;
    font-weight: 700;
}
blockquote:not([class]) cite::before {
    content: "– ";
}
blockquote:not([class]) + h1 {
    margin-top: 30px;
}
blockquote:not([class]) + h2 {
    margin-top: 40px;
}
blockquote:not([class]) + h3 {
    margin-top: 35px;
}
blockquote:not([class]) + h4, blockquote:not([class]) + h5 {
    margin-top: 30px;
}
b, strong {
    font-weight: 700;
}
em, i {
    font-style: italic;
}

.grid {
    list-style: outside none none;
    margin: 0 0 0 -24px;
    padding: 0;
}
.grid__item {
    box-sizing: border-box;
    display: inline-block;
    padding-left: 24px;
    vertical-align: top;
    width: 100%;
}
.grid--full {
    margin-left: 0;
}
.grid--full > .grid__item {
    padding-left: 0;
}
.grid--right {
    text-align: right;
}
.grid--right > .grid__item {
    text-align: left;
}
.grid--center {
    text-align: center;
}
.grid--center > .grid__item {
    text-align: left;
}
.grid--middle > .grid__item {
    vertical-align: middle;
}
.grid--bottom > .grid__item {
    vertical-align: bottom;
}
.grid--narrow {
    margin-left: -12px;
}
.grid--narrow > .grid__item {
    padding-left: 12px;
}
.grid--wide {
    margin-left: -48px;
}
.grid--wide > .grid__item {
    padding-left: 48px;
}
.grid--wider {
    margin-left: -96px;
}
.grid--wider > .grid__item {
    padding-left: 96px;
}
.one-whole {
    width: 100%;
}
.five-tenths, .four-eighths, .one-half, .six-twelfths, .three-sixths, .two-quarters {
    width: 50%;
}
.four-twelfths, .one-third, .two-sixths {
    width: 33.333%;
}
.eight-twelfths, .four-sixths, .two-thirds {
    width: 66.666%;
}
.one-quarter, .three-twelfths, .two-eighths {
    width: 25%;
}
.nine-twelfths, .six-eighths, .three-quarters {
    width: 75%;
}
.one-fifth, .two-tenths {
    width: 20%;
}
.four-tenths, .two-fifths {
    width: 40%;
}
.six-tenths, .three-fifths {
    width: 60%;
}
.eight-tenths, .four-fifths {
    width: 80%;
}
.one-sixth, .two-twelfths {
    width: 16.666%;
}
.five-sixths, .ten-twelfths {
    width: 83.333%;
}
.one-seventh {
    width: 14.2857%;
}
.two-sevenths {
    width: 28.5714%;
}
.three-sevenths {
    width: 42.8571%;
}
.four-sevenths {
    width: 57.1429%;
}
.five-sevenths {
    width: 71.4286%;
}
.six-sevenths {
    width: 85.7143%;
}
.one-eighth {
    width: 12.5%;
}
.three-eighths {
    width: 37.5%;
}
.five-eighths {
    width: 62.5%;
}
.seven-eighths {
    width: 87.5%;
}
.one-tenth {
    width: 10%;
}
.three-tenths {
    width: 30%;
}
.seven-tenths {
    width: 70%;
}
.nine-tenths {
    width: 90%;
}
.one-twelfth {
    width: 8.333%;
}
.five-twelfths {
    width: 41.666%;
}
.seven-twelfths {
    width: 58.333%;
}
.eleven-twelfths {
    width: 91.666%;
}
.grid--rev {
    direction: rtl;
    text-align: left;
}
.grid--rev > .grid__item {
    direction: ltr;
    text-align: left;
}
@media only screen and (max-width: 480px) {
.palm--one-whole {
    width: 100%;
}
.palm--five-tenths, .palm--four-eighths, .palm--one-half, .palm--six-twelfths, .palm--three-sixths, .palm--two-quarters {
    width: 50%;
}
.palm--four-twelfths, .palm--one-third, .palm--two-sixths {
    width: 33.333%;
}
.palm--eight-twelfths, .palm--four-sixths, .palm--two-thirds {
    width: 66.666%;
}
.palm--one-quarter, .palm--three-twelfths, .palm--two-eighths {
    width: 25%;
}
.palm--nine-twelfths, .palm--six-eighths, .palm--three-quarters {
    width: 75%;
}
.palm--one-fifth, .palm--two-tenths {
    width: 20%;
}
.palm--four-tenths, .palm--two-fifths {
    width: 40%;
}
.palm--six-tenths, .palm--three-fifths {
    width: 60%;
}
.palm--eight-tenths, .palm--four-fifths {
    width: 80%;
}
.palm--one-sixth, .palm--two-twelfths {
    width: 16.666%;
}
.palm--five-sixths, .palm--ten-twelfths {
    width: 83.333%;
}
.palm--one-seventh {
    width: 14.2857%;
}
.palm--two-sevenths {
    width: 28.5714%;
}
.palm--three-sevenths {
    width: 42.8571%;
}
.palm--four-sevenths {
    width: 57.1429%;
}
.palm--five-sevenths {
    width: 71.4286%;
}
.palm--six-sevenths {
    width: 85.7143%;
}
.palm--one-eighth {
    width: 12.5%;
}
.palm--three-eighths {
    width: 37.5%;
}
.palm--five-eighths {
    width: 62.5%;
}
.palm--seven-eighths {
    width: 87.5%;
}
.palm--one-tenth {
    width: 10%;
}
.palm--three-tenths {
    width: 30%;
}
.palm--seven-tenths {
    width: 70%;
}
.palm--nine-tenths {
    width: 90%;
}
.palm--one-twelfth {
    width: 8.333%;
}
.palm--five-twelfths {
    width: 41.666%;
}
.palm--seven-twelfths {
    width: 58.333%;
}
.palm--eleven-twelfths {
    width: 91.666%;
}
.palm--grid--rev {
    direction: rtl;
    text-align: left;
}
.palm--grid--rev > .grid__item {
    direction: ltr;
    text-align: left;
}
}
@media only screen and (min-width: 481px) {
.lap--one-whole {
    width: 100%;
}
.lap--five-tenths, .lap--four-eighths, .lap--one-half, .lap--six-twelfths, .lap--three-sixths, .lap--two-quarters {
    width: 50%;
}
.lap--four-twelfths, .lap--one-third, .lap--two-sixths {
    width: 33.333%;
}
.lap--eight-twelfths, .lap--four-sixths, .lap--two-thirds {
    width: 66.666%;
}
.lap--one-quarter, .lap--three-twelfths, .lap--two-eighths {
    width: 25%;
}
.lap--nine-twelfths, .lap--six-eighths, .lap--three-quarters {
    width: 75%;
}
.lap--one-fifth, .lap--two-tenths {
    width: 20%;
}
.lap--four-tenths, .lap--two-fifths {
    width: 40%;
}
.lap--six-tenths, .lap--three-fifths {
    width: 60%;
}
.lap--eight-tenths, .lap--four-fifths {
    width: 80%;
}
.lap--one-sixth, .lap--two-twelfths {
    width: 16.666%;
}
.lap--five-sixths, .lap--ten-twelfths {
    width: 83.333%;
}
.lap--one-seventh {
    width: 14.2857%;
}
.lap--two-sevenths {
    width: 28.5714%;
}
.lap--three-sevenths {
    width: 42.8571%;
}
.lap--four-sevenths {
    width: 57.1429%;
}
.lap--five-sevenths {
    width: 71.4286%;
}
.lap--six-sevenths {
    width: 85.7143%;
}
.lap--one-eighth {
    width: 12.5%;
}
.lap--three-eighths {
    width: 37.5%;
}
.lap--five-eighths {
    width: 62.5%;
}
.lap--seven-eighths {
    width: 87.5%;
}
.lap--one-tenth {
    width: 10%;
}
.lap--three-tenths {
    width: 30%;
}
.lap--seven-tenths {
    width: 70%;
}
.lap--nine-tenths {
    width: 90%;
}
.lap--one-twelfth {
    width: 8.333%;
}
.lap--five-twelfths {
    width: 41.666%;
}
.lap--seven-twelfths {
    width: 58.333%;
}
.lap--eleven-twelfths {
    width: 91.666%;
}
.lap--grid--rev {
    direction: rtl;
    text-align: left;
}
.lap--grid--rev > .grid__item {
    direction: ltr;
    text-align: left;
}
}
@media only screen and (min-width: 768px) {
.tab--one-whole {
    width: 100%;
}
.tab--five-tenths, .tab--four-eighths, .tab--one-half, .tab--six-twelfths, .tab--three-sixths, .tab--two-quarters {
    width: 50%;
}
.tab--four-twelfths, .tab--one-third, .tab--two-sixths {
    width: 33.333%;
}
.tab--eight-twelfths, .tab--four-sixths, .tab--two-thirds {
    width: 66.666%;
}
.tab--one-quarter, .tab--three-twelfths, .tab--two-eighths {
    width: 25%;
}
.tab--nine-twelfths, .tab--six-eighths, .tab--three-quarters {
    width: 75%;
}
.tab--one-fifth, .tab--two-tenths {
    width: 20%;
}
.tab--four-tenths, .tab--two-fifths {
    width: 40%;
}
.tab--six-tenths, .tab--three-fifths {
    width: 60%;
}
.tab--eight-tenths, .tab--four-fifths {
    width: 80%;
}
.tab--one-sixth, .tab--two-twelfths {
    width: 16.666%;
}
.tab--five-sixths, .tab--ten-twelfths {
    width: 83.333%;
}
.tab--one-seventh {
    width: 14.2857%;
}
.tab--two-sevenths {
    width: 28.5714%;
}
.tab--three-sevenths {
    width: 42.8571%;
}
.tab--four-sevenths {
    width: 57.1429%;
}
.tab--five-sevenths {
    width: 71.4286%;
}
.tab--six-sevenths {
    width: 85.7143%;
}
.tab--one-eighth {
    width: 12.5%;
}
.tab--three-eighths {
    width: 37.5%;
}
.tab--five-eighths {
    width: 62.5%;
}
.tab--seven-eighths {
    width: 87.5%;
}
.tab--one-tenth {
    width: 10%;
}
.tab--three-tenths {
    width: 30%;
}
.tab--seven-tenths {
    width: 70%;
}
.tab--nine-tenths {
    width: 90%;
}
.tab--one-twelfth {
    width: 8.333%;
}
.tab--five-twelfths {
    width: 41.666%;
}
.tab--seven-twelfths {
    width: 58.333%;
}
.tab--eleven-twelfths {
    width: 91.666%;
}
.tab--grid--rev {
    direction: rtl;
    text-align: left;
}
.tab--grid--rev > .grid__item {
    direction: ltr;
    text-align: left;
}
}
@media only screen and (min-width: 1024px) {
.desk--one-whole {
    width: 100%;
}
.desk--five-tenths, .desk--four-eighths, .desk--one-half, .desk--six-twelfths, .desk--three-sixths, .desk--two-quarters {
    width: 50%;
}
.desk--four-twelfths, .desk--one-third, .desk--two-sixths {
    width: 33.333%;
}
.desk--eight-twelfths, .desk--four-sixths, .desk--two-thirds {
    width: 66.666%;
}
.desk--one-quarter, .desk--three-twelfths, .desk--two-eighths {
    width: 25%;
}
.desk--nine-twelfths, .desk--six-eighths, .desk--three-quarters {
    width: 75%;
}
.desk--one-fifth, .desk--two-tenths {
    width: 20%;
}
.desk--four-tenths, .desk--two-fifths {
    width: 40%;
}
.desk--six-tenths, .desk--three-fifths {
    width: 60%;
}
.desk--eight-tenths, .desk--four-fifths {
    width: 80%;
}
.desk--one-sixth, .desk--two-twelfths {
    width: 16.666%;
}
.desk--five-sixths, .desk--ten-twelfths {
    width: 83.333%;
}
.desk--one-seventh {
    width: 14.2857%;
}
.desk--two-sevenths {
    width: 28.5714%;
}
.desk--three-sevenths {
    width: 42.8571%;
}
.desk--four-sevenths {
    width: 57.1429%;
}
.desk--five-sevenths {
    width: 71.4286%;
}
.desk--six-sevenths {
    width: 85.7143%;
}
.desk--one-eighth {
    width: 12.5%;
}
.desk--three-eighths {
    width: 37.5%;
}
.desk--five-eighths {
    width: 62.5%;
}
.desk--seven-eighths {
    width: 87.5%;
}
.desk--one-tenth {
    width: 10%;
}
.desk--three-tenths {
    width: 30%;
}
.desk--seven-tenths {
    width: 70%;
}
.desk--nine-tenths {
    width: 90%;
}
.desk--one-twelfth {
    width: 8.333%;
}
.desk--five-twelfths {
    width: 41.666%;
}
.desk--seven-twelfths {
    width: 58.333%;
}
.desk--eleven-twelfths {
    width: 91.666%;
}
.desk--grid--rev {
    direction: rtl;
    text-align: left;
}
.desk--grid--rev > .grid__item {
    direction: ltr;
    text-align: left;
}
}
@media only screen and (min-width: 1440px) {
.wide--one-whole {
    width: 100%;
}
.wide--five-tenths, .wide--four-eighths, .wide--one-half, .wide--six-twelfths, .wide--three-sixths, .wide--two-quarters {
    width: 50%;
}
.wide--four-twelfths, .wide--one-third, .wide--two-sixths {
    width: 33.333%;
}
.wide--eight-twelfths, .wide--four-sixths, .wide--two-thirds {
    width: 66.666%;
}
.wide--one-quarter, .wide--three-twelfths, .wide--two-eighths {
    width: 25%;
}
.wide--nine-twelfths, .wide--six-eighths, .wide--three-quarters {
    width: 75%;
}
.wide--one-fifth, .wide--two-tenths {
    width: 20%;
}
.wide--four-tenths, .wide--two-fifths {
    width: 40%;
}
.wide--six-tenths, .wide--three-fifths {
    width: 60%;
}
.wide--eight-tenths, .wide--four-fifths {
    width: 80%;
}
.wide--one-sixth, .wide--two-twelfths {
    width: 16.666%;
}
.wide--five-sixths, .wide--ten-twelfths {
    width: 83.333%;
}
.wide--one-seventh {
    width: 14.2857%;
}
.wide--two-sevenths {
    width: 28.5714%;
}
.wide--three-sevenths {
    width: 42.8571%;
}
.wide--four-sevenths {
    width: 57.1429%;
}
.wide--five-sevenths {
    width: 71.4286%;
}
.wide--six-sevenths {
    width: 85.7143%;
}
.wide--one-eighth {
    width: 12.5%;
}
.wide--three-eighths {
    width: 37.5%;
}
.wide--five-eighths {
    width: 62.5%;
}
.wide--seven-eighths {
    width: 87.5%;
}
.wide--one-tenth {
    width: 10%;
}
.wide--three-tenths {
    width: 30%;
}
.wide--seven-tenths {
    width: 70%;
}
.wide--nine-tenths {
    width: 90%;
}
.wide--one-twelfth {
    width: 8.333%;
}
.wide--five-twelfths {
    width: 41.666%;
}
.wide--seven-twelfths {
    width: 58.333%;
}
.wide--eleven-twelfths {
    width: 91.666%;
}
.wide--grid--rev {
    direction: rtl;
    text-align: left;
}
.wide--grid--rev > .grid__item {
    direction: ltr;
    text-align: left;
}
}
[class*="push--"] {
    position: relative;
}
.push--one-whole {
    left: 100%;
}
.push--five-tenths, .push--four-eighths, .push--one-half, .push--six-twelfths, .push--three-sixths, .push--two-quarters {
    left: 50%;
}
.push--four-twelfths, .push--one-third, .push--two-sixths {
    left: 33.333%;
}
.push--eight-twelfths, .push--four-sixths, .push--two-thirds {
    left: 66.666%;
}
.push--one-quarter, .push--three-twelfths, .push--two-eighths {
    left: 25%;
}
.push--nine-twelfths, .push--six-eighths, .push--three-quarters {
    left: 75%;
}
.push--one-fifth, .push--two-tenths {
    left: 20%;
}
.push--four-tenths, .push--two-fifths {
    left: 40%;
}
.push--six-tenths, .push--three-fifths {
    left: 60%;
}
.push--eight-tenths, .push--four-fifths {
    left: 80%;
}
.push--one-sixth, .push--two-twelfths {
    left: 16.666%;
}
.push--five-sixths, .push--ten-twelfths {
    left: 83.333%;
}
.push--one-eighth {
    left: 12.5%;
}
.push--three-eighths {
    left: 37.5%;
}
.push--five-eighths {
    left: 62.5%;
}
.push--seven-eighths {
    left: 87.5%;
}
.push--one-tenth {
    left: 10%;
}
.push--three-tenths {
    left: 30%;
}
.push--seven-tenths {
    left: 70%;
}
.push--nine-tenths {
    left: 90%;
}
.push--one-twelfth {
    left: 8.333%;
}
.push--five-twelfths {
    left: 41.666%;
}
.push--seven-twelfths {
    left: 58.333%;
}
.push--eleven-twelfths {
    left: 91.666%;
}
@media only screen and (max-width: 480px) {
.push--palm--one-whole {
    left: 100%;
}
.push--palm--five-tenths, .push--palm--four-eighths, .push--palm--one-half, .push--palm--six-twelfths, .push--palm--three-sixths, .push--palm--two-quarters {
    left: 50%;
}
.push--palm--four-twelfths, .push--palm--one-third, .push--palm--two-sixths {
    left: 33.333%;
}
.push--palm--eight-twelfths, .push--palm--four-sixths, .push--palm--two-thirds {
    left: 66.666%;
}
.push--palm--one-quarter, .push--palm--three-twelfths, .push--palm--two-eighths {
    left: 25%;
}
.push--palm--nine-twelfths, .push--palm--six-eighths, .push--palm--three-quarters {
    left: 75%;
}
.push--palm--one-fifth, .push--palm--two-tenths {
    left: 20%;
}
.push--palm--four-tenths, .push--palm--two-fifths {
    left: 40%;
}
.push--palm--six-tenths, .push--palm--three-fifths {
    left: 60%;
}
.push--palm--eight-tenths, .push--palm--four-fifths {
    left: 80%;
}
.push--palm--one-sixth, .push--palm--two-twelfths {
    left: 16.666%;
}
.push--palm--five-sixths, .push--palm--ten-twelfths {
    left: 83.333%;
}
.push--palm--one-eighth {
    left: 12.5%;
}
.push--palm--three-eighths {
    left: 37.5%;
}
.push--palm--five-eighths {
    left: 62.5%;
}
.push--palm--seven-eighths {
    left: 87.5%;
}
.push--palm--one-tenth {
    left: 10%;
}
.push--palm--three-tenths {
    left: 30%;
}
.push--palm--seven-tenths {
    left: 70%;
}
.push--palm--nine-tenths {
    left: 90%;
}
.push--palm--one-twelfth {
    left: 8.333%;
}
.push--palm--five-twelfths {
    left: 41.666%;
}
.push--palm--seven-twelfths {
    left: 58.333%;
}
.push--palm--eleven-twelfths {
    left: 91.666%;
}
}
@media only screen and (min-width: 481px) {
.push--lap--one-whole {
    left: 100%;
}
.push--lap--five-tenths, .push--lap--four-eighths, .push--lap--one-half, .push--lap--six-twelfths, .push--lap--three-sixths, .push--lap--two-quarters {
    left: 50%;
}
.push--lap--four-twelfths, .push--lap--one-third, .push--lap--two-sixths {
    left: 33.333%;
}
.push--lap--eight-twelfths, .push--lap--four-sixths, .push--lap--two-thirds {
    left: 66.666%;
}
.push--lap--one-quarter, .push--lap--three-twelfths, .push--lap--two-eighths {
    left: 25%;
}
.push--lap--nine-twelfths, .push--lap--six-eighths, .push--lap--three-quarters {
    left: 75%;
}
.push--lap--one-fifth, .push--lap--two-tenths {
    left: 20%;
}
.push--lap--four-tenths, .push--lap--two-fifths {
    left: 40%;
}
.push--lap--six-tenths, .push--lap--three-fifths {
    left: 60%;
}
.push--lap--eight-tenths, .push--lap--four-fifths {
    left: 80%;
}
.push--lap--one-sixth, .push--lap--two-twelfths {
    left: 16.666%;
}
.push--lap--five-sixths, .push--lap--ten-twelfths {
    left: 83.333%;
}
.push--lap--one-eighth {
    left: 12.5%;
}
.push--lap--three-eighths {
    left: 37.5%;
}
.push--lap--five-eighths {
    left: 62.5%;
}
.push--lap--seven-eighths {
    left: 87.5%;
}
.push--lap--one-tenth {
    left: 10%;
}
.push--lap--three-tenths {
    left: 30%;
}
.push--lap--seven-tenths {
    left: 70%;
}
.push--lap--nine-tenths {
    left: 90%;
}
.push--lap--one-twelfth {
    left: 8.333%;
}
.push--lap--five-twelfths {
    left: 41.666%;
}
.push--lap--seven-twelfths {
    left: 58.333%;
}
.push--lap--eleven-twelfths {
    left: 91.666%;
}
}
@media only screen and (min-width: 768px) {
.push--tab--one-whole {
    left: 100%;
}
.push--tab--five-tenths, .push--tab--four-eighths, .push--tab--one-half, .push--tab--six-twelfths, .push--tab--three-sixths, .push--tab--two-quarters {
    left: 50%;
}
.push--tab--four-twelfths, .push--tab--one-third, .push--tab--two-sixths {
    left: 33.333%;
}
.push--tab--eight-twelfths, .push--tab--four-sixths, .push--tab--two-thirds {
    left: 66.666%;
}
.push--tab--one-quarter, .push--tab--three-twelfths, .push--tab--two-eighths {
    left: 25%;
}
.push--tab--nine-twelfths, .push--tab--six-eighths, .push--tab--three-quarters {
    left: 75%;
}
.push--tab--one-fifth, .push--tab--two-tenths {
    left: 20%;
}
.push--tab--four-tenths, .push--tab--two-fifths {
    left: 40%;
}
.push--tab--six-tenths, .push--tab--three-fifths {
    left: 60%;
}
.push--tab--eight-tenths, .push--tab--four-fifths {
    left: 80%;
}
.push--tab--one-sixth, .push--tab--two-twelfths {
    left: 16.666%;
}
.push--tab--five-sixths, .push--tab--ten-twelfths {
    left: 83.333%;
}
.push--tab--one-eighth {
    left: 12.5%;
}
.push--tab--three-eighths {
    left: 37.5%;
}
.push--tab--five-eighths {
    left: 62.5%;
}
.push--tab--seven-eighths {
    left: 87.5%;
}
.push--tab--one-tenth {
    left: 10%;
}
.push--tab--three-tenths {
    left: 30%;
}
.push--tab--seven-tenths {
    left: 70%;
}
.push--tab--nine-tenths {
    left: 90%;
}
.push--tab--one-twelfth {
    left: 8.333%;
}
.push--tab--five-twelfths {
    left: 41.666%;
}
.push--tab--seven-twelfths {
    left: 58.333%;
}
.push--tab--eleven-twelfths {
    left: 91.666%;
}
}
@media only screen and (min-width: 1024px) {
.push--desk--one-whole {
    left: 100%;
}
.push--desk--five-tenths, .push--desk--four-eighths, .push--desk--one-half, .push--desk--six-twelfths, .push--desk--three-sixths, .push--desk--two-quarters {
    left: 50%;
}
.push--desk--four-twelfths, .push--desk--one-third, .push--desk--two-sixths {
    left: 33.333%;
}
.push--desk--eight-twelfths, .push--desk--four-sixths, .push--desk--two-thirds {
    left: 66.666%;
}
.push--desk--one-quarter, .push--desk--three-twelfths, .push--desk--two-eighths {
    left: 25%;
}
.push--desk--nine-twelfths, .push--desk--six-eighths, .push--desk--three-quarters {
    left: 75%;
}
.push--desk--one-fifth, .push--desk--two-tenths {
    left: 20%;
}
.push--desk--four-tenths, .push--desk--two-fifths {
    left: 40%;
}
.push--desk--six-tenths, .push--desk--three-fifths {
    left: 60%;
}
.push--desk--eight-tenths, .push--desk--four-fifths {
    left: 80%;
}
.push--desk--one-sixth, .push--desk--two-twelfths {
    left: 16.666%;
}
.push--desk--five-sixths, .push--desk--ten-twelfths {
    left: 83.333%;
}
.push--desk--one-eighth {
    left: 12.5%;
}
.push--desk--three-eighths {
    left: 37.5%;
}
.push--desk--five-eighths {
    left: 62.5%;
}
.push--desk--seven-eighths {
    left: 87.5%;
}
.push--desk--one-tenth {
    left: 10%;
}
.push--desk--three-tenths {
    left: 30%;
}
.push--desk--seven-tenths {
    left: 70%;
}
.push--desk--nine-tenths {
    left: 90%;
}
.push--desk--one-twelfth {
    left: 8.333%;
}
.push--desk--five-twelfths {
    left: 41.666%;
}
.push--desk--seven-twelfths {
    left: 58.333%;
}
.push--desk--eleven-twelfths {
    left: 91.666%;
}
}
[class*="pull--"] {
    position: relative;
}
.pull--one-whole {
    right: 100%;
}
.pull--five-tenths, .pull--four-eighths, .pull--one-half, .pull--six-twelfths, .pull--three-sixths, .pull--two-quarters {
    right: 50%;
}
.pull--four-twelfths, .pull--one-third, .pull--two-sixths {
    right: 33.333%;
}
.pull--eight-twelfths, .pull--four-sixths, .pull--two-thirds {
    right: 66.666%;
}
.pull--one-quarter, .pull--three-twelfths, .pull--two-eighths {
    right: 25%;
}
.pull--nine-twelfths, .pull--six-eighths, .pull--three-quarters {
    right: 75%;
}
.pull--one-fifth, .pull--two-tenths {
    right: 20%;
}
.pull--four-tenths, .pull--two-fifths {
    right: 40%;
}
.pull--six-tenths, .pull--three-fifths {
    right: 60%;
}
.pull--eight-tenths, .pull--four-fifths {
    right: 80%;
}
.pull--one-sixth, .pull--two-twelfths {
    right: 16.666%;
}
.pull--five-sixths, .pull--ten-twelfths {
    right: 83.333%;
}
.pull--one-eighth {
    right: 12.5%;
}
.pull--three-eighths {
    right: 37.5%;
}
.pull--five-eighths {
    right: 62.5%;
}
.pull--seven-eighths {
    right: 87.5%;
}
.pull--one-tenth {
    right: 10%;
}
.pull--three-tenths {
    right: 30%;
}
.pull--seven-tenths {
    right: 70%;
}
.pull--nine-tenths {
    right: 90%;
}
.pull--one-twelfth {
    right: 8.333%;
}
.pull--five-twelfths {
    right: 41.666%;
}
.pull--seven-twelfths {
    right: 58.333%;
}
.pull--eleven-twelfths {
    right: 91.666%;
}
@media only screen and (max-width: 480px) {
.pull--palm--one-whole {
    right: 100%;
}
.pull--palm--five-tenths, .pull--palm--four-eighths, .pull--palm--one-half, .pull--palm--six-twelfths, .pull--palm--three-sixths, .pull--palm--two-quarters {
    right: 50%;
}
.pull--palm--four-twelfths, .pull--palm--one-third, .pull--palm--two-sixths {
    right: 33.333%;
}
.pull--palm--eight-twelfths, .pull--palm--four-sixths, .pull--palm--two-thirds {
    right: 66.666%;
}
.pull--palm--one-quarter, .pull--palm--three-twelfths, .pull--palm--two-eighths {
    right: 25%;
}
.pull--palm--nine-twelfths, .pull--palm--six-eighths, .pull--palm--three-quarters {
    right: 75%;
}
.pull--palm--one-fifth, .pull--palm--two-tenths {
    right: 20%;
}
.pull--palm--four-tenths, .pull--palm--two-fifths {
    right: 40%;
}
.pull--palm--six-tenths, .pull--palm--three-fifths {
    right: 60%;
}
.pull--palm--eight-tenths, .pull--palm--four-fifths {
    right: 80%;
}
.pull--palm--one-sixth, .pull--palm--two-twelfths {
    right: 16.666%;
}
.pull--palm--five-sixths, .pull--palm--ten-twelfths {
    right: 83.333%;
}
.pull--palm--one-eighth {
    right: 12.5%;
}
.pull--palm--three-eighths {
    right: 37.5%;
}
.pull--palm--five-eighths {
    right: 62.5%;
}
.pull--palm--seven-eighths {
    right: 87.5%;
}
.pull--palm--one-tenth {
    right: 10%;
}
.pull--palm--three-tenths {
    right: 30%;
}
.pull--palm--seven-tenths {
    right: 70%;
}
.pull--palm--nine-tenths {
    right: 90%;
}
.pull--palm--one-twelfth {
    right: 8.333%;
}
.pull--palm--five-twelfths {
    right: 41.666%;
}
.pull--palm--seven-twelfths {
    right: 58.333%;
}
.pull--palm--eleven-twelfths {
    right: 91.666%;
}
}
@media only screen and (min-width: 481px) {
.pull--lap--one-whole {
    right: 100%;
}
.pull--lap--five-tenths, .pull--lap--four-eighths, .pull--lap--one-half, .pull--lap--six-twelfths, .pull--lap--three-sixths, .pull--lap--two-quarters {
    right: 50%;
}
.pull--lap--four-twelfths, .pull--lap--one-third, .pull--lap--two-sixths {
    right: 33.333%;
}
.pull--lap--eight-twelfths, .pull--lap--four-sixths, .pull--lap--two-thirds {
    right: 66.666%;
}
.pull--lap--one-quarter, .pull--lap--three-twelfths, .pull--lap--two-eighths {
    right: 25%;
}
.pull--lap--nine-twelfths, .pull--lap--six-eighths, .pull--lap--three-quarters {
    right: 75%;
}
.pull--lap--one-fifth, .pull--lap--two-tenths {
    right: 20%;
}
.pull--lap--four-tenths, .pull--lap--two-fifths {
    right: 40%;
}
.pull--lap--six-tenths, .pull--lap--three-fifths {
    right: 60%;
}
.pull--lap--eight-tenths, .pull--lap--four-fifths {
    right: 80%;
}
.pull--lap--one-sixth, .pull--lap--two-twelfths {
    right: 16.666%;
}
.pull--lap--five-sixths, .pull--lap--ten-twelfths {
    right: 83.333%;
}
.pull--lap--one-eighth {
    right: 12.5%;
}
.pull--lap--three-eighths {
    right: 37.5%;
}
.pull--lap--five-eighths {
    right: 62.5%;
}
.pull--lap--seven-eighths {
    right: 87.5%;
}
.pull--lap--one-tenth {
    right: 10%;
}
.pull--lap--three-tenths {
    right: 30%;
}
.pull--lap--seven-tenths {
    right: 70%;
}
.pull--lap--nine-tenths {
    right: 90%;
}
.pull--lap--one-twelfth {
    right: 8.333%;
}
.pull--lap--five-twelfths {
    right: 41.666%;
}
.pull--lap--seven-twelfths {
    right: 58.333%;
}
.pull--lap--eleven-twelfths {
    right: 91.666%;
}
}
@media only screen and (min-width: 768px) {
.pull--tab--one-whole {
    right: 100%;
}
.pull--tab--five-tenths, .pull--tab--four-eighths, .pull--tab--one-half, .pull--tab--six-twelfths, .pull--tab--three-sixths, .pull--tab--two-quarters {
    right: 50%;
}
.pull--tab--four-twelfths, .pull--tab--one-third, .pull--tab--two-sixths {
    right: 33.333%;
}
.pull--tab--eight-twelfths, .pull--tab--four-sixths, .pull--tab--two-thirds {
    right: 66.666%;
}
.pull--tab--one-quarter, .pull--tab--three-twelfths, .pull--tab--two-eighths {
    right: 25%;
}
.pull--tab--nine-twelfths, .pull--tab--six-eighths, .pull--tab--three-quarters {
    right: 75%;
}
.pull--tab--one-fifth, .pull--tab--two-tenths {
    right: 20%;
}
.pull--tab--four-tenths, .pull--tab--two-fifths {
    right: 40%;
}
.pull--tab--six-tenths, .pull--tab--three-fifths {
    right: 60%;
}
.pull--tab--eight-tenths, .pull--tab--four-fifths {
    right: 80%;
}
.pull--tab--one-sixth, .pull--tab--two-twelfths {
    right: 16.666%;
}
.pull--tab--five-sixths, .pull--tab--ten-twelfths {
    right: 83.333%;
}
.pull--tab--one-eighth {
    right: 12.5%;
}
.pull--tab--three-eighths {
    right: 37.5%;
}
.pull--tab--five-eighths {
    right: 62.5%;
}
.pull--tab--seven-eighths {
    right: 87.5%;
}
.pull--tab--one-tenth {
    right: 10%;
}
.pull--tab--three-tenths {
    right: 30%;
}
.pull--tab--seven-tenths {
    right: 70%;
}
.pull--tab--nine-tenths {
    right: 90%;
}
.pull--tab--one-twelfth {
    right: 8.333%;
}
.pull--tab--five-twelfths {
    right: 41.666%;
}
.pull--tab--seven-twelfths {
    right: 58.333%;
}
.pull--tab--eleven-twelfths {
    right: 91.666%;
}
}
@media only screen and (min-width: 1024px) {
.pull--desk--one-whole {
    right: 100%;
}
.pull--desk--five-tenths, .pull--desk--four-eighths, .pull--desk--one-half, .pull--desk--six-twelfths, .pull--desk--three-sixths, .pull--desk--two-quarters {
    right: 50%;
}
.pull--desk--four-twelfths, .pull--desk--one-third, .pull--desk--two-sixths {
    right: 33.333%;
}
.pull--desk--eight-twelfths, .pull--desk--four-sixths, .pull--desk--two-thirds {
    right: 66.666%;
}
.pull--desk--one-quarter, .pull--desk--three-twelfths, .pull--desk--two-eighths {
    right: 25%;
}
.pull--desk--nine-twelfths, .pull--desk--six-eighths, .pull--desk--three-quarters {
    right: 75%;
}
.pull--desk--one-fifth, .pull--desk--two-tenths {
    right: 20%;
}
.pull--desk--four-tenths, .pull--desk--two-fifths {
    right: 40%;
}
.pull--desk--six-tenths, .pull--desk--three-fifths {
    right: 60%;
}
.pull--desk--eight-tenths, .pull--desk--four-fifths {
    right: 80%;
}
.pull--desk--one-sixth, .pull--desk--two-twelfths {
    right: 16.666%;
}
.pull--desk--five-sixths, .pull--desk--ten-twelfths {
    right: 83.333%;
}
.pull--desk--one-eighth {
    right: 12.5%;
}
.pull--desk--three-eighths {
    right: 37.5%;
}
.pull--desk--five-eighths {
    right: 62.5%;
}
.pull--desk--seven-eighths {
    right: 87.5%;
}
.pull--desk--one-tenth {
    right: 10%;
}
.pull--desk--three-tenths {
    right: 30%;
}
.pull--desk--seven-tenths {
    right: 70%;
}
.pull--desk--nine-tenths {
    right: 90%;
}
.pull--desk--one-twelfth {
    right: 8.333%;
}
.pull--desk--five-twelfths {
    right: 41.666%;
}
.pull--desk--seven-twelfths {
    right: 58.333%;
}
.pull--desk--eleven-twelfths {
    right: 91.666%;
}
}
@media only screen and (max-width: 480px) {
.palm--pull-back {
    right: 0;
}
.palm--push-back {
    left: 0;
}
}
@media only screen and (min-width: 481px) {
.lap--pull-back {
    right: 0;
}
.lap--push-back {
    left: 0;
}
}
@media only screen and (min-width: 768px) {
.tab--pull-back {
    right: 0;
}
.tab--push-back {
    left: 0;
}
}
@media only screen and (min-width: 1024px) {
.desk--pull-back {
    right: 0;
}
.desk--push-back {
    left: 0;
}
}
@media only screen and (min-width: 1440px) {
.wide--pull-back {
    right: 0;
}
.wide--push-back {
    left: 0;
}
}
.layout__wrapper {
    margin: 0 auto;
    max-width: 1170px;
}
.layout__aside, .layout__content {
    padding: 0 15px;
}
@media only screen and (min-width: 768px) {
.layout {
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, #f3f3ef 0px, #f3f3ef 50%, #f3f3ef 0px, #fff 0px, #fff) repeat scroll 0 0;
}
.layout__content {
    background-color: #fff;
    min-height: 1220px;
    width: calc(100% - 370px);
}
.layout__aside {
    background-color: #f3f3ef;
    padding: 60px 0;
    width: 360px;
}
.layout__aside, .layout__content {
    display: inline-block;
    padding-left: 30px;
    padding-right: 30px;
    vertical-align: top;
}
}
.anchor-bar {
    background-color: #f3f3ef;
    font-size: 14px;
    line-height: 18px;
    margin: 0 auto;
    max-width: 1110px;
    padding: 0 15px;
    text-align: center;
}
.anchor-bar__item {
    display: inline-block;
    text-align: left;
}
.anchor-bar__item:not(:last-child) {
    margin-right: 15px;
}
.anchor-bar__item a {
    display: inline-block;
    min-height: 30px;
    padding: 10px 0 10px 36px;
    position: relative;
}
.anchor-bar__icon {
    background-color: #919191;
    border-radius: 50%;
    display: inline-block;
    left: 0;
    line-height: 1px;
    padding: 4.5px 5.5px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    vertical-align: middle;
}
.anchor-bar__icon svg {
    height: 11px;
    width: 9px;
}
.anchor-bar a {
    color: #1f1f1f;
    text-decoration: none;
}
@media only screen and (min-width: 1170px) {
.navigation__item.navigation__item--parent.userName:hover .user-name {
    color: white !important;
}
.anchor-bar {
    font-size: 20px;
    line-height: 24px;
    margin-top: -40px;
    position: relative;
}
.anchor-bar__item:not(:last-child) {
    margin-right: 25px;
}
.anchor-bar__item a {
    min-height: 40px;
    padding: 20px 0 20px 52px;
}
.anchor-bar__icon {
    padding: 9px 11px;
}
.anchor-bar__icon svg {
    height: 22px;
    width: 18px;
}
}
@media only screen and (min-width: 768px) {
.anchor-bar {
    padding-left: 30px;
    padding-right: 30px;
}
.anchor-bar__item {
    display: inline-block;
    vertical-align: middle;
}
}
.article {
    margin: 0 auto;
    max-width: 315px;
    min-height: 200px;
}
.article:not(:last-child) {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 35px;
    padding-bottom: 30px;
}
.article__thumbnail {
    line-height: 1px;
    margin-bottom: 10px;
}
.article__thumbnail img {
    height: auto;
    width: 100%;
}
.article__introductory h3 {
    margin-bottom: 10px;
}
.article__introductory time {
    display: block;
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 20px;
}
.article__introductory p {
    margin-bottom: 0;
}
.article a {
    color: #1f1f1f;
    text-decoration: none;
}
.article a:hover {
    text-decoration: underline;
}
@media only screen and (min-width: 768px) {
.article {
    max-width: 100%;
}
.article:not(:last-child) {
    margin-bottom: 50px;
    padding-bottom: 50px;
}
.article__thumbnail {
    display: inline-block;
    margin-bottom: 0;
    padding-right: 35px;
    vertical-align: top;
    width: 350px;
}
.article__introductory {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 350px);
}
.article__introductory h3 {
    margin-top: -6px;
}
}
.a-box {
    margin-bottom: 50px;
}
.a-list {
    font-size: 20px;
    font-weight: 200;
    line-height: 24px;
}
.a-list__item {
    cursor: pointer;
    padding: 15px 15px 15px 0;
    position: relative;
}
.a-list__item:hover * {
    text-decoration: underline;
}
.a-list__item:not(:last-child) {
    border-bottom: 1px solid #dbdbdb;
}
.a-list__thumbnail {
    display: inline-block;
    line-height: 1px;
    max-width: 70px;
    padding-right: 20px;
    vertical-align: middle;
}
.a-list__thumbnail img {
    max-width: 100%;
}
.a-list__caption {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 70px);
}
.title + .a-list .a-list__item:first-child {
    padding-top: 0;
}
.a-list a {
    color: #1f1f1f;
    text-decoration: none;
}
@media only screen and (min-width: 768px) {
.a-list__item.is-active::after, .a-list__item:hover::after {
    border-bottom: 20px solid transparent;
    border-right: 20px solid #fff;
    border-top: 20px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
}
}
.birthday h3 {
    display: inline-block;
}
.birthday__slice {
    margin-left: 15px;
}
.breadcrumbs {
    font-size: 13px;
    line-height: 17px;
}
.breadcrumbs:not(:last-child) {
    margin-bottom: 30px;
}
.breadcrumbs__item {
    display: inline-block;
    vertical-align: middle;
}
.breadcrumbs__item:not(:first-child)::before {
    content: "/";
    display: inline-block;
    padding: 0 6px;
    vertical-align: text-bottom;
}
.breadcrumbs a {
    color: #fff;
    text-decoration: underline;
}
.breadcrumbs a:hover {
    text-decoration: none;
}
@media only screen and (max-width: 767px) {
.breadcrumbs__item:last-child {
    display: none;
}
}
@media only screen and (min-width: 768px) {
.breadcrumbs {
    font-size: 15px;
    line-height: 19px;
}
.breadcrumbs:not(:last-child) {
    margin-bottom: 50px;
}
}
@media only screen and (min-width: 1024px) {
.breadcrumbs--bottom-less:not(:last-child) {
    margin-bottom: 0;
}
}
.category__menu__content .section--slim {
    padding: 0;
}
.certificate {
    display: inline-block;
    margin: 0 50px;
    vertical-align: top;
}
.certificate figure {
    display: inline-block;
    margin-bottom: 30px;
}
@media only screen and (min-width: 1024px) {
.certificate {
    display: block;
    margin: 0;
    position: relative;
}
.certificate--right figure {
    position: absolute;
    right: 0;
}
.certificate--left figure {
    left: 0;
    position: absolute;
}
.certificate--top figure {
    position: absolute;
    top: -110px;
}
.certificate--bottom figure {
    position: absolute;
    top: -20px;
}
}
.check-list {
    font-size: 20px;
    line-height: 24px;
    vertical-align: middle;
}
.check-list li {
    margin-bottom: 30px;
    min-height: 30px;
    padding-left: 60px;
    position: relative;
}
.check-list li::before {
    background: rgba(0, 0, 0, 0) url("../svg/icons/icon-checked.svg") no-repeat scroll 50% center;
    content: "";
    display: inline-block;
    height: 30px;
    left: 0;
    position: absolute;
    width: 30px;
}
.check-list--numbers {
    list-style-type: decimal;
    margin: 20px 40px;
}
.check-list--numbers li {
    margin-bottom: 15px;
    padding-left: 10px;
}
.check-list--numbers li::before {
    display: none;
}
@media only screen and (max-width: 767px) {
.check-list li {
    margin-bottom: 20px;
    padding-left: 40px;
}
.check-list--numbers li {
    margin-bottom: 15px;
    padding-left: 10px;
}
}
.consent {
    background-color: rgba(31, 31, 31, 0.9);
    bottom: 0;
    font-size: 16px;
    left: 0;
    line-height: 20px;
    padding: 15px 0 40px;
    position: fixed;
    right: 0;
    transition: transform 0.5s ease-out 1s;
    width: 100%;
    z-index: 1000;
}
.consent, .consent a {
    color: #fff;
}
.consent a:hover {
    text-decoration: none;
}
.consent__text {
    margin-bottom: 15px;
}
.consent__buttons .button {
    position: relative;
    top: -35px;
    width: 100%;
}
.consent__rejection {
    display: block;
    padding: 10px 0 5px;
    position: relative;
    text-align: center;
    top: 52px;
}
.consent:not(.is-show) {
    transform: translateY(100%);
}
@media only screen and (min-width: 768px) {
.consent {
    padding: 15px 0;
}
.consent__buttons, .consent__text {
    display: inline-block;
    vertical-align: middle;
}
.consent__text {
    margin-bottom: 0;
    padding-right: 15px;
    width: calc(100% - 388px);
}
.consent__buttons {
    padding-left: 15px;
    text-align: right;
    width: 384px;
}
.consent__buttons .button {
    position: static;
    top: auto;
    width: auto;
}
.consent__rejection {
    display: inline;
    margin-right: 20px;
    position: static;
    top: auto;
}
}
.controller__pager {
    background-color: hsla(0, 0%, 100%, 0.5);
    cursor: pointer;
    display: inline-block;
    line-height: 1px;
    padding: 17px 15px;
}
.controller__pager--prev {
    left: 30px;
}
.controller__pager--next {
    right: 30px;
}
.controller__pager.is-inactive {
    cursor: auto;
    opacity: 0.25;
}
@media only screen and (max-width: 767px) {
.controller__pager {
    padding: 11.5px 10px;
}
.controller__pager svg {
    height: auto;
    width: 16px;
}
.controller__pager--prev {
    left: 15px;
}
.controller__pager--next {
    right: 15px;
}
}
.coupon__item {
    margin: 0 auto;
    max-width: 600px;
}
.coupon__item:not(:last-child) {
    border-bottom: 3px dashed #fff;
    margin-bottom: 25px;
    padding-bottom: 25px;
}
.coupon__item img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}
.coupon__bar {
    background-color: #2f2f2f;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 200;
    line-height: 16px;
}
.coupon__bar span {
    color: #ffc20f;
    font-weight: 700;
}
.coupon__barcode {
    background-color: #fff;
    padding: 5px 15px;
}
.coupon__barcode img {
    height: auto;
    max-width: 150px;
}
.coupon__code {
    display: inline-block;
    padding: 15px;
}
.coupon__legal {
    font-size: 16px;
    line-height: 20px;
    padding: 15px;
}
.coupon__details {
    background-color: #474747;
    display: inline-block;
    font-size: 16px;
    font-weight: 800;
    line-height: 16px;
    padding: 15px;
    text-decoration: none;
    text-transform: uppercase;
}
.coupon__details::after {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 6px 6px 0;
    content: "";
    display: inline-block;
    height: 0;
    margin-left: 8px;
    transition: transform 0.25s ease 0s;
    vertical-align: middle;
    width: 0;
}
.coupon__details.is-open::after {
    transform: rotate(180deg);
}
.cover-overlay {
    background: rgba(31, 31, 31, 0.95) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 800;
}
.cover-overlay.is-cover {
    animation: 0.5s linear 0s normal none 1 running a;
}
.cover-overlay.is-uncover {
    animation: 0.5s linear 0s reverse none 1 running a;
    opacity: 0;
}
.cover-overlay--light {
    background: rgba(31, 31, 31, 0.75) none repeat scroll 0 0;
}
@keyframes a {
0% {
    opacity: 0;
}
}
.date-tabs {
    background: rgba(0, 0, 0, 0) linear-gradient(180deg, #fff 45.86%, #dbdbdb) repeat scroll 0 0;
    color: #1f1f1f;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 700;
    max-width: 500px;
    text-align: center;
}
.date-tabs__item {
    cursor: pointer;
    display: inline-block;
    padding: 5px 0;
    vertical-align: bottom;
    width: 20%;
}
.date-tabs__item::before {
    content: attr(data-month);
    font-size: 12px;
    line-height: 16px;
}
.date-tabs__item::after {
    content: attr(data-day);
    font-size: 20px;
    line-height: 24px;
}
.date-tabs__item::after, .date-tabs__item::before {
    display: block;
}
.date-tabs__item:not(:last-child) {
    border-right: 1px solid #dbdbdb;
}
.date-tabs__item.is-active {
    background: #076124 none repeat scroll 0 0;
    color: #fff;
}
@media only screen and (min-width: 768px) {
.date-tabs {
    display: inline-block;
    vertical-align: bottom;
}
.date-tabs__item {
    padding: 14px 10px;
    width: 100px;
}
.date-tabs__item::before {
    font-size: 16px;
    line-height: 20px;
}
.date-tabs__item::after {
    font-size: 28px;
    line-height: 32px;
}
}
.flexible__one {
    flex: 1 1 10%;
}
.flexible__two {
    flex: 1 1 20%;
}
.flexible__three {
    flex: 1 1 30%;
}
.flexible__four {
    flex: 1 1 40%;
}
.flexible__five {
    flex: 1 1 50%;
}
.flexible__six {
    flex: 1 1 60%;
}
.flexible__seven {
    flex: 1 1 70%;
}
.flexible__eight {
    flex: 1 1 80%;
}
.flexible__nine {
    flex: 1 1 90%;
}
@media only screen and (max-width: 480px) {
.palm--flexible {
    display: flex;
}
.palm--flexible .wrapper {
    display: inline-block;
    max-width: calc(100% - 60px);
    text-align: left;
    width: calc(100% - (100vw - 1110px + 30px) / 2);
}
.palm--flexible:not(.flexible--reverse) {
    flex-direction: row;
}
.palm--flexible.flexible--reverse {
    flex-direction: row-reverse !important;
}
}
@media only screen and (min-width: 481px) {
.lap--flexible {
    display: flex;
}
.lap--flexible .wrapper {
    display: inline-block;
    max-width: calc(100% - 60px);
    text-align: left;
    width: calc(100% - (100vw - 1110px + 30px) / 2);
}
.lap--flexible:not(.flexible--reverse) {
    flex-direction: row;
}
.lap--flexible.flexible--reverse {
    flex-direction: row-reverse !important;
}
}
@media only screen and (min-width: 768px) {
.tab--flexible {
    display: flex;
}
.tab--flexible .wrapper {
    display: inline-block;
    max-width: calc(100% - 60px);
    text-align: left;
    width: calc(100% - (100vw - 1110px + 30px) / 2);
}
.tab--flexible:not(.flexible--reverse) {
    flex-direction: row;
}
.tab--flexible.flexible--reverse {
    flex-direction: row-reverse !important;
}
}
@media only screen and (min-width: 1024px) {
.desk--flexible {
    display: flex;
}
.desk--flexible .wrapper {
    display: inline-block;
    max-width: calc(100% - 60px);
    text-align: left;
    width: calc(100% - (100vw - 1110px + 30px) / 2);
}
.desk--flexible:not(.flexible--reverse) {
    flex-direction: row;
}
.desk--flexible.flexible--reverse {
    flex-direction: row-reverse !important;
}
}
@media only screen and (max-width: 1023px) {
.to-desk--flexible {
    display: flex;
}
.to-desk--flexible .wrapper {
    display: inline-block;
    max-width: calc(100% - 60px);
    text-align: left;
    width: calc(100% - (100vw - 1110px + 30px) / 2);
}
.to-desk--flexible:not(.flexible--reverse) {
    flex-direction: row;
}
.to-desk--flexible.flexible--reverse {
    flex-direction: row-reverse !important;
}
}
@media only screen and (max-width: 767px) {
.to-tab--flexible {
    display: flex;
}
.to-tab--flexible .wrapper {
    display: inline-block;
    max-width: calc(100% - 60px);
    text-align: left;
    width: calc(100% - (100vw - 1110px + 30px) / 2);
}
.to-tab--flexible:not(.flexible--reverse) {
    flex-direction: row;
}
.to-tab--flexible.flexible--reverse {
    flex-direction: row-reverse !important;
}
}
@media only screen and (min-width: 1170px) {
.wrapper--flexible {
    display: flex;
}
.wrapper--flexible .wrapper {
    display: inline-block;
    max-width: calc(100% - 60px);
    text-align: left;
    width: calc(100% - (100vw - 1110px + 30px) / 2);
}
.wrapper--flexible:not(.flexible--reverse) {
    flex-direction: row;
}
.wrapper--flexible.flexible--reverse {
    flex-direction: row-reverse !important;
}
}
@media only screen and (max-width: 1169px) {
.to-wrapper--flexible {
    display: flex;
}
.to-wrapper--flexible .wrapper {
    display: inline-block;
    max-width: calc(100% - 60px);
    text-align: left;
    width: calc(100% - (100vw - 1110px + 30px) / 2);
}
.to-wrapper--flexible:not(.flexible--reverse) {
    flex-direction: row;
}
.to-wrapper--flexible.flexible--reverse {
    flex-direction: row-reverse !important;
}
}

.footer .logo {
    padding: 9px 6.25px;
}
.footer .logo + .logo__caption {
    font-size: 14px;
    line-height: 18px;
    text-transform: none;
}
.footer__navigation {
    padding: 25px 0 45px;
    text-align: center;
}
.footer__navigation .icon {
    margin-right: 8px;
}
.footer__navigation a:not(:last-child) {
    margin-right: 20px;
}
.footer__link-area {
    font-size: 12px;
    line-height: 16px;
    margin: auto;
    max-width: 300px;
}
.footer__link-area .icon {
    margin-right: 8px;
}
.footer__link-area .grid__item {
    margin-bottom: 20px;
}
.footer__link-area a {
    white-space: nowrap;
}

.footer a:hover {
    text-decoration: none;
}
@media only screen and (min-width: 1024px) {
.footer__link-area {
    margin: 25px 0 0;
    max-width: 100%;
}
.footer__link-area::after {
    clear: both;
    content: "";
    display: block;
}
.footer__link-area .grid__item {
    float: right;
    margin-bottom: 0;
    width: auto;
}
.footer__link-area .grid__item:nth-child(-n+4) {
    float: left;
    padding-left: 30px;
}
.footer__navigation {
    display: inline-block;
    padding: 0;
    text-align: right;
    width: calc(100% - 275px);
}
}
@media only screen and (min-width: 1170px) {
.footer__navigation {
    width: calc(100% - 425px);
}
.footer__link-area {
    font-size: 16px;
    line-height: 20px;
    margin: 30px 0 0;
}
.footer .logo {
    padding: 24px 17.5px;
}
.footer .logo + .logo__caption {
    font-size: 16px;
    line-height: 20px;
    text-transform: none;
}
}
@media only screen and (max-width: 767px) {
.footer__link-area {
    max-width: 100%;
}
.footer__link-area .grid__item {
    text-align: center;
    width: 100%;
}
}
@media only screen and (max-width: 1023px) {
.footer__link-area {
    max-width: 100%;
}
.footer__link-area .grid__item {
    text-align: center;
}
.footer__link-area .grid__item--last {
    padding-top: 20px;
}
}
.jump-to-top {
    background-color: #444;
    border-radius: 50%;
    bottom: 15px;
    cursor: pointer;
    display: none;
    line-height: 1px;
    padding: 15px 17px;
    position: fixed;
    right: 15px;
    z-index: 900;
}
@media only screen and (max-width: 767px) {
.is-sticky .jump-to-top {
    display: inline-block;
}
}
@media only screen and (min-width: 768px) {
.jump-to-top:not(.jump-to-top--fix) {
    display: none !important;
}
.is-sticky .jump-to-top.jump-to-top--fix {
    display: inline-block;
}
}
.gmalitle--newsletter.section {
    min-height: calc(100vh - 40px);
    padding: 60px 0;
}
.gmalitle--main {
    min-height: 100%;
}
.gmalitle--footer {
    padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
.newsletter .gmalitle--info-box.info-box {
    left: -50px;
}
.newsletter .gmalitle--info-box.info-box::after {
    left: auto;
    right: 55px;
}
}
@media only screen and (min-width: 768px) {
.gmalitle--newsletter.section {
    padding: 100px 0;
}
}
@media only screen and (min-width: 1170px) {
.gmalitle--newsletter.section {
    min-height: calc(100vh - 100px);
}
}

.header {    
    position: fixed;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 1000;
    background: linear-gradient(to bottom, #F4EEE1 10%, rgba(244, 238, 225, 0.37) 100%);  
    /*! border-bottom: 1px solid rgba(0, 0, 0, 0.06); */
    box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.20);    
}
.header__navigation {
    color: black;
    display: inline-block;
    height: 100% !important;
    text-align: center;
    width: calc(100% - 260px);
}
.logo--30years + .logo__caption + .header__navigation {
    width: calc(100% - 202px);
}
.header--iframe {
    display: none;
}
.header--iframe + main {
    border-top: 0 none;
}
.header--iframe + main header {
    display: none;
}
.header--iframe + main .anchor-bar {
    margin-top: 0;
    padding: 10px;
}
.header--iframe + main .anchor-bar__title {
    display: none !important;
}
.header--iframe + main + footer, .header--iframe + main .social {
    display: none;
}
@media only screen and (min-width: 1170px) {
.header__navigation {
    width: calc(100% - 380px);
}
.logo--30years + .logo__caption + .header__navigation {
    width: calc(100% - 380px);
}
.header .navigation-icon {
    display: none;
}
.header + main {
    border-top: 100px solid #1f1f1f;
}
.header--simplified + main {
    border-top: 54px solid #1f1f1f;
}
.header--iframe + main {
    border-top: 0 none;
}
.header.is-sticky.is-ignored + main {
    border-top: 54px solid #1f1f1f;
}
}
@media only screen and (max-width: 1169px) {
.header + main {
    border-top: 67px solid #1f1f1f;
}
.header--iframe + main {
    border-top: 0 none;
}
}
@media only screen and (min-width: 1170px) {
.header--simplified .logo, .header.is-sticky .logo {
}
.header--simplified .logo__caption, .header.is-sticky .logo__caption {
    font-size: 19px;
    line-height: 16px;
    padding: 0;
}
.header--simplified .logo svg:first-child, .header.is-sticky .logo svg:first-child {
    height: 52px;
    width: 65.5px;
}
.header--simplified .logo svg:nth-child(2), .header.is-sticky .logo svg:nth-child(2) {
    height: 0;
    margin-top: 0;
    width: 0;
}
.header--simplified .logo--30years, .header.is-sticky .logo--30years {
    padding: 8px;
}
.header--simplified .logo--30years svg:first-child, .header.is-sticky .logo--30years svg:first-child {
    height: 38px;
    width: 49.17px;
}
.header--simplified .header__navigation, .header.is-sticky .header__navigation {
    width: calc(100% - 420px);
}
.header--simplified .logo--30years + .logo__caption + .header__navigation, .header.is-sticky .logo--30years + .logo__caption + .header__navigation {
    width: calc(100% - 255px);
}
.header--simplified .navigation__item:not(.navigation__item--child) > a, .header.is-sticky .navigation__item:not(.navigation__item--child) > a {
    padding: 17px 20px;
}
.header.is-sticky {
    /*! opacity: 0.92; */
    background: linear-gradient(to bottom, #F4EEE1 100%, rgba(244, 238, 225, 1) 100%);
}
.header:not(.is-seamless) .header__navigation, .header:not(.is-seamless) .logo, .header:not(.is-seamless) .logo__caption, .header:not(.is-seamless) .logo svg, .header:not(.is-seamless) .navigation__item:not(.navigation__item--child) > a {
    transition: all 0.25s ease 0s;
}
}
.holiday-schedule__cover {
    background: rgba(0, 0, 0, 0) url("../img/holiday-schedule.jpg") no-repeat scroll 50% center / cover ;
    border-bottom: 5px solid #076124;
    color: #fff;
    padding-top: 30px;
}
.holiday-schedule__cover {
    background-color: #fff;
    width: 100%;
}
.holiday-schedule__cover .form__label {
    display: block;
}
.holiday-schedule__title {
    margin-bottom: 25px;
    text-transform: uppercase;
}
.holiday-schedule__select {
    margin-bottom: 15px;
}
@media only screen and (min-width: 1024px) {
.holiday-schedule__title {
    margin-bottom: 40px;
}
.holiday-schedule__date, .holiday-schedule__select {
    display: inline-block;
    vertical-align: top;
}
.holiday-schedule__select {
    margin: 0;
    width: 310px;
}
.holiday-schedule__date {
    padding-left: 30px;
    width: calc(100% - 310px);
}
}
.icon {
    /*! display: inline-block; */
    /*! line-height: 1px; */
    /*! vertical-align: middle; */
}
.icon--left {
    margin-right: 5px;
}
.icon--right {
    margin-left: 5px;
}
.icon--add {
    border: 2px solid #fff;
    height: 20px;
    position: relative;
    width: 20px;
}
.icon--add::after, .icon--add::before {
    background-color: #fff;
    content: "";
    display: block;
    height: 2px;
    transition: transform 0.25s ease 0s;
    width: 10px;
}
:not(.is-open) > .icon--add::before {
    transform: rotate(90deg) translate(-1px, 5px);
}
.icon--dark path {
    fill: #1f1f1f;
}
.increase-decrease {
    margin-bottom: 40px;
    margin-top: 60px;
    position: relative;
}
.increase-decrease__content {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 20px;
    position: relative;
}
.increase-decrease h3 {
    margin-bottom: 35px;
    position: relative;
}
.increase-decrease h3::before {
    background-color: #076124;
    bottom: -15px;
    content: "";
    height: 1px;
    position: absolute;
    width: 60px;
}
.increase-decrease__list {
    margin: 0;
    padding: 0;
}
.increase-decrease__list li {
    position: relative;
}
.increase-decrease__list li::before {
    background-color: #076124;
    border-radius: 50%;
    content: "";
    height: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}
.increase-decrease__up {
    padding-right: 70px;
    padding-top: 115px;
}
.increase-decrease__up::before {
    background-image: url("../img/minoseg/increase.png");
    content: "";
    height: 246px;
    position: absolute;
    right: 0;
    top: 0;
    width: 151px;
}
.increase-decrease__up .increase-decrease__content {
    text-align: right;
}
.increase-decrease__up .increase-decrease__content::before {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 8px 0 8px 10px;
    content: "";
    display: inline-block;
    height: 0;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
}
.increase-decrease__up h3::before {
    right: 0;
}
.increase-decrease__up ul li {
    padding-right: 20px;
}
.increase-decrease__up ul li::before {
    right: 0;
}
.increase-decrease__down {
    padding-bottom: 105px;
    padding-left: 70px;
}
.increase-decrease__down::before {
    background-image: url("../img/minoseg/decrease.png");
    bottom: 0;
    content: "";
    height: 246px;
    left: 0;
    position: absolute;
    width: 151px;
}
.increase-decrease__down .increase-decrease__content {
    text-align: left;
}
.increase-decrease__down .increase-decrease__content::before {
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 8px 10px 8px 0;
    content: "";
    display: inline-block;
    height: 0;
    left: -10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
}
.increase-decrease__down h3::before {
    left: 0;
}
.increase-decrease__down ul li {
    padding-left: 20px;
}
.increase-decrease__down ul li::before {
    background-color: #d03029;
    left: 0;
}
.interesting {
    margin: 0 auto 30px;
    max-width: 320px;
    text-align: center;
}
.interesting__caption {
    font-family: Source Sans Pro,sans-serif;
    font-size: 24px;
    font-weight: 800;
    line-height: 28px;
    margin-bottom: 20px;
}
.interesting svg {
    display: inline-block;
}
@media only screen and (min-width: 768px) {
.interesting {
    margin: 0 auto 40px;
}
.interesting__caption {
    min-height: 48px;
}
}
h2 a.js-check-clear-right {
    color: #919191;
    float: right;
}
h2 a.js-check-clear-right path {
    fill: #919191;
}
h2:not(.mystery-box__title) a.js-check-clear-right {
    padding-top: 10px;
}
.list-with-icon {
    font-size: 20px;
    line-height: 24px;
    vertical-align: middle;
}
.list-with-icon li {
    min-height: 20px;
    padding: 12px 0 12px 40px;
    position: relative;
}
.list-with-icon li .icon {
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
}
.list-with-icon li .icon--red path, .list-with-icon li .icon--red svg {
    fill: #d03029;
}
.list-with-icon li:not(:last-child) {
    border-bottom: 1px solid #dbdbdb;
}
.logo {
    display: inline-flex;
    margin-right: 5px;
    max-width: 100px;
    min-width: 80px;
    vertical-align: middle;
    width: calc(100vw - 100px);    
}
.logo svg {
    background: rgba(0, 0, 0, 0) url("../img/logo.png") no-repeat scroll center center / 100% auto;
    display: block;
    height: 50px;
    margin: 0 !important;
    padding: 0 !important;
    width: 100px;
}
.logo svg:nth-child(2) {
    margin-top: 10px;
}
.logo__caption {
    cursor: pointer;
    display: inline-block;
    font-family: Vipnagorgialla;
    font-size: 32px;
    line-height: 1.8rem;
    margin: 0 8px 0 0;
    min-width: 140px;
    padding: 5px 0;
    text-shadow: 0 1px 1px silver;
    text-transform: unset;
    vertical-align: middle;
}
.logo--30years {
    padding: 16px 12px;
}
@media only screen and (max-width: 1169px) {
    .right-buttons .profile, .right-buttons .login{
        display: none;
    }
    
.logo {
    flex: 1 1 0;
    max-width: 90px;
}
.logo svg:first-child {
    height: 22px;
    width: 27.5px;
}
.logo svg:nth-child(2) {
    display: none;
}
.logo__caption {
    flex: 1 1 0;
    font-size: 24px;
    line-height: 20px;
}
.logo--30years {
    padding: 5px;
}
.logo--30years svg:first-child {
    height: 30px;
    width: 38.81px;
}
}
.menu__first {
    margin-top: 60px;
}
.menu__additional {
    margin: 20px 0;
}
.menu__group:not(:last-child) {
    margin-bottom: 60px;
}
.menu__categories {
    display: none;
}
.menu__categories.active, .menu__category-holder {
    display: block;
}
.menu__category-list {
    background-color: #ffefd4;
    margin-bottom: 40px;
    margin-top: 20px;
    padding: 25px;
    position: relative;
}
.menu__category-item {
    color: #70562b;
    display: inline-block;
    padding: 8px;
}
.menu__category-item.active {
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
}
.menu__category-morning {
    color: #70562b;
    display: none;
    margin: 0;
    padding: 8px;
}
.menu__category-morning a {
    color: #70562b;
}
.menu__category-morning.active {
    display: block;
}
@media only screen and (min-width: 1024px) {
.menu__category-holder {
    display: inline-block;
}
.menu__category-holder:not(:first-child) {
    margin-left: 20px;
}
.menu__category-morning {
    padding: 0;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 500px;
}
}
.multiselect-container {
    position: relative;
    width: 100%;
}
.multiselect-container .multiselect-selected {
    padding: 5px 5px 5px 0;
}
.multiselect-container .multiselect-selected__item {
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    display: inline-block;
    line-height: 30px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 5px 35px 5px 5px;
    position: relative;
}
.multiselect-container .multiselect-selected__item--invisible {
    display: none;
}
.multiselect-container .multiselect-selected__item .unselect {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 8px;
}
.multiselect-container .multiselect-list-container {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: -moz-use-text-color #dbdbdb #dbdbdb;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    width: 100%;
    z-index: 11;
}
.multiselect-container ul.multiselect__list li {
    cursor: pointer;
    line-height: 40px;
}
.multiselect-container ul.multiselect__list li span {
    line-height: 40px;
    padding-left: 5px;
}
.multiselect-container ul.multiselect__list .multiselect__item {
    font-weight: 400;
}
.multiselect-container ul.multiselect__list .multiselect__item--group {
    font-weight: 700;
}
.multiselect-container ul.multiselect__list .multiselect__item--group li {
    padding-left: 20px;
}
.multiselect-container ul.multiselect__list li:hover:not(ul) {
    background-color: #ffc20f;
}
.multiselect-container ul.multiselect__list li {
    background-color: #fff;
}
.multiselect-container ul.multiselect__list li ul:hover {
    background-color: #ffc20f;
}
.mystery-box {
    position: relative;
}
.mystery-box__title {
    background-color: #1f1f1f;
    color: #fff;
    font-family: Source Sans Pro,sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
    margin: 0 -15px;
    padding: 7.5px 15px;
    position: relative;
}
.mystery-box__title > .icon {
    height: 7px;
    margin-right: 10px;
    transition: transform 0.25s ease 0s;
    vertical-align: 2px;
}
.mystery-box__title.is-active > .icon {
    transform: scaleY(-1);
}
@media only screen and (max-width: 767px) {
.mystery-box {
    margin-bottom: 1px;
}
.mystery-box .title {
    display: none;
}
.mystery-box .a-box {
    display: none;
    margin: 0;
}
.mystery-box .a-box__container {
    padding: 30px 0;
}
}
@media only screen and (min-width: 768px) {
.mystery-box__title {
    display: none;
}
}
.navigation-icon {
    box-sizing: content-box;
    cursor: pointer;
    display: inline-block;
    flex: 1 1 0;
    height: 30px;
    margin-left: -15px;
    max-width: 18px;
    padding: 24px 40px 13px 17px;
    transition: background-color 0.5s ease 0s;
    vertical-align: middle;
    z-index: 100;
}
.navigation-icon__lath {
    display: block;
    margin: 6px 0;
    position: relative;
}
.navigation-icon__lath, .navigation-icon__lath::after, .navigation-icon__lath::before {
    background-color: #261a1a;
    border-radius: 2px;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    transition: transform 0.5s ease 0s, opacity 0.5s ease 0s, background-color 0.5s ease 0s;
    width: 26px;
}
.navigation-icon__lath::after {
    bottom: -6px;
}
.navigation-icon__lath::before {
    top: -6px;
}
.navigation-icon.is-active {
    background-color: #F4EEE1;
}
.navigation-icon.is-active .navigation-icon__lath {
    background-color: transparent;
}
.navigation-icon.is-active .navigation-icon__lath::before {
    background-color: #1f1f1f;
    transform: translateY(6px) translateX(0px) rotate(45deg);
}
.navigation-icon.is-active .navigation-icon__lath::after {
    background-color: #1f1f1f;
    transform: translateY(-6px) translateX(0px) rotate(-45deg);
}
.navigation {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}
.navigation__location {
    display: none;
    line-height: 1px;
    vertical-align: middle;
}
.navigation__item .icon {
    margin-right: 5px;
    vertical-align: 0;
}
.navigation__item.is-active > a {
    color: #ffc20f;
}
.navigation__item.is-active > a path {
    fill: #ffc20f;
}
.navigation a {
    color: #1f1f1f;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}
.navigation .navigation__back {
    color: #fff;
    display: inline-block;
    padding: 9px 0;
    vertical-align: middle;
}
.navigation .navigation__back:hover {
    color: #ffc20f;
}
.navigation .navigation__back:hover path {
    fill: #ffc20f;
}
.navigation .navigation__back span {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
@media only screen and (max-width: 1169px) {
.active:not(.owl-dot) {
    display: block !important;
}
.navigation:not(.is-open) .navigation__frame {
    display: none;
}
.navigation__location {
    display: inline-block;
}
.navigation__frame {
    background-color: #F4EEE1;
    box-shadow: 11px 10px 9px -13px black;
    height: calc(100% - 67px);
    left: 0;
    max-width: 400px;
    overflow-x: auto;
    position: fixed;
    right: 0;
    text-align: left;
    top: 67px;
    width: 90%;
    z-index: 900;
}
.navigation__item {
    /*! text-transform: uppercase; */
}
.navigation__item.is-active > a {
    background-color: #ffc20f;
    color: #000;
}
.navigation__item a {
    border-bottom: 1px solid #9d9d9d;
    display: block;
    padding: 10px 50px 10px 15px;
    position: relative;
    /*! font-family: "Source Sans Pro"; */
    /*! text-transform: uppercase; */
    letter-spacing: -0.5px;
}
.navigation__item .icon {
    display: none;
}
.navigation__item .icon svg path {
    fill: #1f1f1f;
}
.navigation__item--child {
    font-weight: 300;
    text-transform: none;
}
.navigation__item--child a {
    border-bottom: 1px solid #6e6e6e;
    color: white;
    font-weight: 400;
    padding: 5px 50px 5px 12px;
}
.navigation__item--parent > a::after {
    border-color: #2f2f2f transparent transparent;
    border-style: solid;
    border-width: 6px 5px 0;
    bottom: 0;
    content: "";
    height: 0;
    margin: auto;
    position: absolute;
    right: 20px;
    top: 0;
    transition: transform 0.25s ease 0s;
    width: 0;
}
.navigation__item--parent.is-open > a::after {
    transform: scaleY(-1);
}
.navigation__item--parent:not(.is-open) .navigation__content {
    display: none;
}
.navigation__children {
    background: rgba(0, 0, 0, 0.68) none repeat scroll 0 0;
    float: unset !important;
    text-align: left !important;
}
.navigation__location {
    padding: 12px 17px;
}
.navigation__overall a {
    background-color: #2f2f2f;
    border-bottom: 1px solid #474747;
    color: #fff;
    padding: 10px 50px 10px 30px;
}
.navigation__promotion {
    display: none !important;
}
}
@media only screen and (min-width: 768px) {
.navigation__item a {
}
.navigation__item--child a {
    padding: 5px 45px;
}
.navigation__item--parent > a::after {
    right: 35px;
}
}
@media only screen and (min-width: 1169px) {
.navigation__item.mobile-view{
	display: none;
}
.navigation {
    /*! letter-spacing: -0.5px; */
    line-height: 20px;
    position: relative;        
    font-family:  "Open Sans Hebrew";
}
.navigation__frame {
    display: inline-block;
    vertical-align: middle;
    font-family: "Open Sans Bold";
    font-size: 16px;
}
.navigation__item:not(.navigation__item--child) {
    display: inline-block;
    /*! text-transform: uppercase; */
}
.navigation__item:not(.navigation__item--child) > a {
    display: block;
    padding: 29px 25px;
}
.navigation__item.mobile-view{
	display: none;
}
.navigation__item:hover:not(.navigation__item--child) > a {
    background: rgb(214, 60, 39) none repeat scroll 0 0;
    color: white !important;
}
.navigation__item:hover:not(.navigation__item--child) > a svg path {
    fill: #ffc20f;
}
.navigation__item--parent:hover > a, .navigation__item--parent.is-open > a {
    position: relative;
}
.navigation__item--parent:hover > a::after, .navigation__item--parent:hover > a::before {
    border-style: solid;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
    z-index: 110;
}
.navigation__item--parent:hover > a::before, .navigation__item--parent.is-open > a::before {
    border-color: rgb(214, 60, 39) transparent transparent;
    border-width: 13px 15px 0;
    bottom: -14px;
}
.navigation__item--parent:hover > a::after, .navigation__item--parent.is-open > a::after {
    border-color: rgb(214, 60, 39) transparent transparent;
    border-width: 10px 11px 0;
    bottom: -10px;
}
.navigation__item--child {
    display: inline-block;
    padding-left: 20px;
    vertical-align: top;
    width: 100%;
}
.navigation__item--child a {
    border-bottom: 1px solid #cdc4c4;
    display: block;
    padding: 5px;
    font-weight: 300;
    letter-spacing: -0.2px;
}
.navigation__item--child a:hover {
    background-color: #d63c27;
    color: #fff;
    font-weight: bold;
}
.navigation__item--col-3 {
    width: 33.333%;
}
.navigation__item--col-2 {
    width: 50%;
}
.navigation__item--col-1 {
    width: 100%;
}
.navigation__children {
    display: inline-block;
    margin-left: -20px;
    vertical-align: top;
    width: 54.666%;
}
.navigation__promotion {
    display: inline-block;
    padding: 0 20px;
    text-align: center;
    vertical-align: top;
    width: 33.333%;
}
.navigation__promotion img {
    display: block;
    margin: 0 auto 10px;
    max-width: 100%;
}
.navigation__promotion a {
    display: block;
    padding: 0 !important;
}
.navigation__promotion a:not(:hover) {
    text-decoration: underline !important;
}
.navigation__content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(244, 238, 226, 0.7) none repeat scroll 0 0;
    backdrop-filter: blur(5px);
    border-color: rgb(214, 60, 39) black;
    border-image: none;
    border-style: solid;
    border-width: 2px 1px 1px;
    box-shadow: 0 10px 10px -10px #000 inset;
    font-weight: 400;
    left: 0;
    margin: auto;
    max-width: 840px;
    padding: 25px 25px 30px;
    position: absolute;
    right: 0;
    text-align: left;
    /*! text-transform: none; */
    width: 100%;
    z-index: 100;
}
.navigation__item.is-open .navigation__content {
}
.navigation__item:not(:hover) .navigation__content {
    display: none;
}
.navigation__location {
    padding: 42px 0 42px 18px;
}
.navigation__location:hover path {
    fill: #ffc20f;
}
.navigation__overall {
    padding: 20px 0 0 10px;
}
.navigation__overall a {
    display: inline-block;
    padding: 0 !important;
}
.navigation__overall a:not(:hover) {
    text-decoration: underline !important;
}
.navigation a {
    color: #261A1A;
}
}
@media only screen and (max-width: 767px) {
.navigation .navigation__back span {
    display: none;
}
}
@media screen and (max-width: 1169px) and (max-height: 615px) {
.navigation__frame {
}
}
@media only screen and (min-width: 1024px) {
.offer__title--small {
    font-size: 43px;
}
}
.offer__title--normal {
    text-transform: none;
}
.offer__sup sup {
    font-size: 0.6em;
}
.opening-hours {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 71px;
}
.opening-hours:not(.is-show) {
    display: none;
}
.opening-hours__header {
    background-color: #f3f3ef;
    border-bottom: 1px solid #dfdfde;
    padding: 15px 0;
}
.opening-hours__header .opening-hours__name {
    font-weight: 700;
}
.opening-hours__row {
    border-bottom: 1px solid #dfdfde;
    padding: 25px 0;
}
.opening-hours__row .opening-hours__name {
    display: inline-block;
    vertical-align: top;
    width: 180px;
}
.opening-hours__meta {
    display: inline-block;
    padding-left: 20px;
    vertical-align: top;
    width: calc(100% - 180px);
}
.opening-hours__time {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
.opening-hours__time::before {
    color: rgba(0, 0, 0, 0.5);
    content: attr(data-label);
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 4px;
    text-transform: uppercase;
}
.opening-hours__time:not(:last-child) {
    margin-bottom: 10px;
}
.opening-hours__time:empty::after {
    color: #a91717;
    content: "Zárva";
}
@media only screen and (max-width: 767px) {
.opening-hours__header .opening-hours__time {
    display: none;
}
}
@media only screen and (min-width: 481px) {
.opening-hours__time {
    display: inline-block;
    padding-left: 40px;
    vertical-align: top;
}
.opening-hours__time:not(:last-child) {
    margin-bottom: 0;
}
.opening-hours__meta {
    padding: 0;
}
}
@media only screen and (min-width: 768px) {
.opening-hours__time {
    padding: 25px 30px;
    width: 200px;
}
.opening-hours__time::before {
    content: normal;
    display: none;
}
.opening-hours__header, .opening-hours__row {
    padding: 0;
}
.opening-hours__header .opening-hours__name {
    display: inline-block;
    vertical-align: top;
}
.opening-hours__name {
    padding: 25px 0;
}
.opening-hours__header .opening-hours__name, .opening-hours__row .opening-hours__name {
    width: 290px;
}
.opening-hours__meta {
    width: calc(100% - 290px);
}
.opening-hours__header .opening-hours__time {
    color: #919191;
}
}
@media only screen and (min-width: 1024px) {
.opening-hours__header .opening-hours__name, .opening-hours__row .opening-hours__name {
    width: 340px;
}
.opening-hours__meta {
    width: calc(100% - 340px);
}
}
.pagination {
    font-weight: 200;
}
.pagination a {
    color: #1f1f1f;
}
.pagination__pager {
    display: inline-block;
    font-size: 19px;
    line-height: 24px;
    vertical-align: middle;
}
.pagination__pager:hover {
    text-decoration: none;
}
.pagination__pages {
    display: inline-block;
    font-size: 24px;
    line-height: 28px;
    margin: 0 7.5px;
    vertical-align: middle;
}
.pagination__pages a {
    text-decoration: none;
}
.pagination__page {
    display: inline-block;
    padding: 0 7.5px;
    vertical-align: middle;
}
.pagination__page a {
    border-radius: 50%;
    display: block;
    height: 40px;
    padding: 6px 0;
    text-align: center;
    width: 40px;
}
.pagination__page.is-active a {
    background-color: #274e37;
    color: #fff;
}
.pop {
    background-color: #1f1f1f;
    box-shadow: 0 0 50px 0 #000;
    left: 50%;
    max-height: calc(100vh - 100px) !important;
    max-width: calc(100vw - 30px) !important;
    min-width: 300px;
    padding: 50px;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 660px;
    z-index: 1200;
}
.pop__close {
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 0;
    top: -50px;
}
.pop__close::after, .pop__close::before {
    display: inline-block;
    vertical-align: middle;
}
.pop__close::before {
    color: #fff;
    content: "Bezárom";
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    text-transform: uppercase;
}
.pop__close::after {
    background: rgba(0, 0, 0, 0) url("../svg/icons/icon-window-close.svg") repeat scroll 0 0;
    content: "";
    height: 24px;
    margin-left: 15px;
    width: 24px;
}
.pop:not(.is-active) {
    display: none;
}
.pop mark {
    background-color: #14a44c;
}
.preference {
    margin: 0 auto 50px;
    max-width: 340px;
    text-align: center;
}
.preference__icon {
    background-color: #076124;
    border-radius: 50%;
    display: inline-block;
    line-height: 1px;
    margin-bottom: 35px;
    padding: 28px;
}
.preference__title {
    font-family: Source Sans Pro,sans-serif;
    font-size: 24px;
    font-weight: 800;
    line-height: 28px;
    margin-bottom: 20px;
}
.preference__title--height {
    min-height: 56px;
}
.preference__text {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0;
}
.productmaterials {
    display: block;
    margin: 30px 0;
}
.products__item {
    margin-bottom: 20px;
    margin-top: 90px;
    position: relative;
    text-align: center;
}
.products__thumbnail {
    line-height: 1px;
    margin-bottom: 35px;
    min-height: 160px;
    position: relative;
}
.products__thumbnail img {
    height: auto;
    left: 50%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.products__name {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}
.products__info {
    margin-top: 20px;
}
.products__reduction {
    background-color: #076124;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    line-height: 36px;
    padding: 0 15px;
    position: absolute;
    right: 0;
    top: -60px;
}
.products__reduction::before {
    border-color: transparent transparent transparent #076124;
    border-style: solid;
    border-width: 11px 0 11px 13px;
    bottom: -11px;
    content: "";
    display: inline-block;
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}
.products__link .icon {
    margin-right: 5px;
}
.products__link .icon svg {
    fill: #076124;
    height: 16px;
    width: 16px;
}
.products__link .icon path {
    fill: #076124;
}
.products__chicken {
    width: 95px;
}
.products__list__subcategory {
    color: #919191;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 20px;
    position: relative;
    text-transform: uppercase;
}
.products__list__subcategory:not(.is-result) {
    display: none;
}
.products__list__subcategory[data-category="1"][data-subcategory="0"] {
    background-image: url("../img/list-icons/marha.png");
    background-repeat: no-repeat;
    height: 34px;
    margin-left: 2px;
    min-height: 34px;
}
.products__list__subcategory[data-category="1"][data-subcategory="1"] {
    background-image: url("../img/list-icons/csirke.png");
    background-repeat: no-repeat;
    height: 34px;
    margin-left: 2px;
    min-height: 34px;
}
.products__list__subcategory[data-category="1"][data-subcategory="2"] {
    background-image: url("../img/list-icons/hal.png");
    background-repeat: no-repeat;
    height: 34px;
    margin-left: 2px;
    min-height: 34px;
}
.products__list__subcategory[data-category="1"][data-subcategory="3"] {
    background-image: url("../img/list-icons/sertes.png");
    background-repeat: no-repeat;
    height: 34px;
    margin-left: 2px;
    min-height: 34px;
}
.products__list__subcategory[data-category="2"][data-subcategory="0"] {
    background-image: url("../img/list-icons/csirke.png");
    background-repeat: no-repeat;
    height: 34px;
    margin-left: 2px;
    min-height: 34px;
}
.products__list__subcategory[data-category="2"][data-subcategory="1"] {
    background-image: url("../img/list-icons/hal.png");
    background-repeat: no-repeat;
    height: 34px;
    margin-left: 2px;
    min-height: 34px;
}
.products__list__subcategory[data-category="2"][data-subcategory="2"] {
    background-image: url("../img/list-icons/egyeb.png");
    background-repeat: no-repeat;
    height: 34px;
    margin-left: 2px;
    min-height: 34px;
}
.products__list__subcategory[data-category="5"][data-subcategory="0"] {
    background-image: url("../img/list-icons/marha.png");
    background-repeat: no-repeat;
    height: 34px;
    margin-left: 2px;
    min-height: 34px;
}
.products__list__subcategory[data-category="5"][data-subcategory="1"] {
    background-image: url("../img/list-icons/csirke.png");
    background-repeat: no-repeat;
    height: 34px;
    margin-left: 2px;
    min-height: 34px;
}
.products__list__subcategory[data-category="5"][data-subcategory="3"] {
    background-image: url("../img/list-icons/tojas.png");
    background-repeat: no-repeat;
    height: 34px;
    margin-left: 2px;
    min-height: 34px;
}
.products__list__subcategory[data-category="5"][data-subcategory="2"] {
    background-image: url("../img/list-icons/sertes.png");
    background-repeat: no-repeat;
    height: 34px;
    margin-left: 2px;
    min-height: 34px;
}
.products__list__subcategory[data-category="5"][data-subcategory="4"] {
    background-image: url("../img/list-icons/egyeb.png");
    background-repeat: no-repeat;
    height: 34px;
    margin-left: 2px;
    min-height: 34px;
}
@media only screen and (max-width: 480px) {
.products__grand, .products__peanut {
    width: 100px;
}
.products__newness {
    width: 35px;
}
}
@media only screen and (max-width: 767px) {
.products__thumbnail img {
    max-width: 250px;
}
.products__no-results {
    margin-bottom: 30px;
}
}
.section {
    padding: 60px 0;
    /*! min-height: 400px; */
}
.section__title {
    font-family: Source Sans Pro,sans-serif;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 30px;
}
.section--hide {
    overflow: hidden;
}
.section--skinny {
    padding: 0 !important;
}
.section--skinny .section__content {
    padding-bottom: 30px;
    padding-top: 30px;
}
.section--tiny {
    padding: 10px 0;
}
.section--shadow {
    box-shadow: 0 6px 10px -6px #1f1f1f inset;
}
.section--fat {
    padding: 130px 0;
}
.section--bottom {
    padding-bottom: 130px;
}
.section--padding.section {
    padding: 0;
}
.section--c1 {
    background-color: #ffc20f;
}
.section--c1, .section--c1 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c2 {
    background-color: #c90c21;
    color: #fff;
}
.section--c2 a:not([class*="button"]) {
    color: #fff;
}
.section--c3 {
    background-color: #274e37;
    color: #fff;
}
.section--c3 a:not([class*="button"]) {
    color: #fff;
}
.section--c4 {
    background-color: #542d24;
    color: #fff;
}
.section--c4 a:not([class*="button"]) {
    color: #fff;
}
.section--c5 {
    background-color: #e1c4bd;
}
.section--c5, .section--c5 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c6 {
    background-color: #7f7f7f;
    color: #fff;
}
.section--c6 a:not([class*="button"]) {
    color: #fff;
}
.section--c7 {
    background-color: #2f2f2f;
    color: #fff;
}
.section--c7 a:not([class*="button"]) {
    color: #fff;
}
.section--c8 {
    background-color: #444;
    color: #fff;
}
.section--c8 a:not([class*="button"]) {
    color: #fff;
}
.section--c9 {
    background-color: #474747;
    color: #fff;
}
.section--c9 a:not([class*="button"]) {
    color: #fff;
}
.section--c10 {
    background-color: #9d9d9d;
    color: #1f1f1f;
}
.section--c10 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c11 {
    background-color: #b4b4b4;
    color: #1f1f1f;
}
.section--c11 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c12 {
    background-color: #14a44c;
    color: #fff;
}
.section--c12 a:not([class*="button"]) {
    color: #fff;
}
.section--c13 {
    background-color: #17bd56;
    color: #fff;
}
.section--c13 a:not([class*="button"]) {
    color: #fff;
}
.section--c14 {
    background-color: #1491a4;
    color: #fff;
}
.section--c14 a:not([class*="button"]) {
    color: #fff;
}
.section--c15 {
    background-color: #f0eaca;
    color: #1f1f1f;
}
.section--c15 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c16 {
    background-color: #ffc;
    color: #1f1f1f;
}
.section--c16 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c17 {
    background-color: #e0dea8;
    color: #1f1f1f;
}
.section--c17 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c18 {
    background-color: #e6e6b8;
    color: #1f1f1f;
}
.section--c18 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c19 {
    background-color: #a91717;
    color: #fff;
}
.section--c19 a:not([class*="button"]) {
    color: #fff;
}
.section--c20 {
    background-color: #dbdbdb;
    color: #1f1f1f;
}
.section--c20 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c21 {
    background-color: #bbb;
    color: #1f1f1f;
}
.section--c21 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c22 {
    background-color: #f3f3ef;
    color: #1f1f1f;
}
.section--c22 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c23 {
    background-color: #919191;
    color: #1f1f1f;
}
.section--c23 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c24 {
    background-color: #a78253;
    color: #fff;
}
.section--c24 a:not([class*="button"]) {
    color: #fff;
}
.section--c25 {
    background-color: #111;
    color: #fff;
}
.section--c25 a:not([class*="button"]) {
    color: #fff;
}
.section--c26 {
    background-color: #d03029;
    color: #fff;
}
.section--c26 a:not([class*="button"]) {
    color: #fff;
}
.section--c27 {
    background-color: #603e1e;
    color: #fff;
}
.section--c27 a:not([class*="button"]) {
    color: #fff;
}
.section--c28 {
    background-color: #94344a;
    color: #fff;
}
.section--c28 a:not([class*="button"]) {
    color: #fff;
}
.section--c29 {
    background-color: #2b2219;
    color: #fff;
}
.section--c29 a:not([class*="button"]) {
    color: #fff;
}
.section--c30 {
    background-color: #5b3a2b;
    color: #fff;
}
.section--c30 a:not([class*="button"]) {
    color: #fff;
}
.section--c31 {
    background-color: #4e641d;
    color: #fff;
}
.section--c31 a:not([class*="button"]) {
    color: #fff;
}
.section--c32 {
    background-color: #3d1522;
    color: #fff;
}
.section--c32 a:not([class*="button"]) {
    color: #fff;
}
.section--c33 {
    background-color: #076124;
    color: #fff;
}
.section--c33 a:not([class*="button"]) {
    color: #fff;
}
.section--c34 {
    background-color: #fab82b;
    color: #1f1f1f;
}
.section--c34 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c35 {
    background-color: #fe9051;
    color: #1f1f1f;
}
.section--c35 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c36 {
    background-color: #4469ff;
    color: #1f1f1f;
}
.section--c36 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c37 {
    background-color: #8cc93e;
    color: #1f1f1f;
}
.section--c37 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c38 {
    background-color: #ea3c24;
    color: #1f1f1f;
}
.section--c38 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c39 {
    background-color: #ff859a;
    color: #1f1f1f;
}
.section--c39 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c40 {
    background-color: #00b1b7;
    color: #fff;
}
.section--c40 a:not([class*="button"]) {
    color: #fff;
}
.section--c41 {
    background-color: #7c12bd;
    color: #fff;
}
.section--c41 a:not([class*="button"]) {
    color: #fff;
}
.section--c42 {
    background-color: #909201;
    color: #fff;
}
.section--c42 a:not([class*="button"]) {
    color: #fff;
}
.section--c43 {
    background-color: #020a0a;
    color: #fff;
}
.section--c43 a:not([class*="button"]) {
    color: #fff;
}
.section--c44 {
    background-color: #d8509a;
    color: #1f1f1f;
}
.section--c44 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c45 {
    background-color: #1f3263;
    color: #fff;
}
.section--c45 a:not([class*="button"]) {
    color: #fff;
}
.section--c46 {
    background-color: #1b3d60;
    color: #fff;
}
.section--c46 a:not([class*="button"]) {
    color: #fff;
}
.section--c47 {
    background-color: #000;
    color: #fff;
}
.section--c47 a:not([class*="button"]) {
    color: #fff;
}
.section--c48 {
    background-color: #262626;
    color: #fff;
}
.section--c48 a:not([class*="button"]) {
    color: #fff;
}
.section--c49 {
    background-color: #18171a;
    color: #fff;
}
.section--c49 a:not([class*="button"]) {
    color: #fff;
}
.section--c50 {
    background-color: #ffefd4;
    color: #1f1f1f;
}
.section--c50 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c51 {
    background-color: #ffc25a;
    color: #1f1f1f;
}
.section--c51 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c52 {
    background-color: #06a544;
    color: #fff;
}
.section--c52 a:not([class*="button"]) {
    color: #fff;
}
.section--c53 {
    background-color: #dfdfde;
    color: #1f1f1f;
}
.section--c53 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c54 {
    background-color: #70562b;
    color: #fff;
}
.section--c54 a:not([class*="button"]) {
    color: #fff;
}
.section--c55 {
    background-color: #9e9996;
    color: #1f1f1f;
}
.section--c55 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c56 {
    background-color: #c4e3f3;
    color: #1f1f1f;
}
.section--c56 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c57 {
    background-color: #f8f8f8;
    color: #1f1f1f;
}
.section--c57 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c58 {
    background-color: #a96647;
    color: #fff;
}
.section--c58 a:not([class*="button"]) {
    color: #fff;
}
.section--c59 {
    background-color: #a1363d;
    color: #fff;
}
.section--c59 a:not([class*="button"]) {
    color: #fff;
}
.section--c60 {
    background-color: #e7e9f4;
    color: #1f1f1f;
}
.section--c60 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--c61 {
    background-color: #e02930;
    color: #1f1f1f;
}
.section--c61 a:not([class*="button"]) {
    color: #1f1f1f;
}
.section--bottomless {
    padding-bottom: 0 !important;
}
.section--paper-coupon {
    overflow: hidden;
    position: relative;
}
.section--paper-coupon::after {
    background: rgba(0, 0, 0, 0) url("/assets/img/paper-coupon.png") no-repeat scroll 50% center;
    bottom: 0;
    content: "";
    display: block;
    height: 180px;
    left: calc(50% + 200px);
    position: absolute;
    width: 884px;
}


@media only screen and (min-width: 768px) {
.section {
    padding: 60px 0;
    /*! min-height: 500px; */
}
.section--slim {
    padding: 60px 0;
}
.section--skinny .section__content {
    padding-bottom: 60px;
    padding-top: 60px;
}
.section--tiny {
    padding: 10px 0;
}
.section--fat {
    padding: 130px 0;
}
.section--bottom {
    padding-bottom: 130px;
}
}

@media only screen and (min-width: 1170px) {
.section {
    padding: 90px 0;
    /*! min-height: 500px; */
}  
}


@media only screen and (min-width: 1024px) {
.section--skinny .section__content--larger {
    padding-bottom: 110px;
    padding-top: 110px;
}
.section__title {
    font-size: 40px;
    margin-bottom: 40px;
}
}
.separator {
    background: #dbdbdb none repeat scroll 0 0;
    border: medium none;
    display: block;
    height: 1px;
    margin: 30px 0;
}
@media only screen and (min-width: 1024px) {
.separator {
    margin: 50px 0;
}
}
.separator--20 {
    margin: 20px 0;
}
.social_buttons__item {
    display: inline-block;
    margin-bottom: 25px;
}
.social_buttons__item + .social_buttons__item::before {
    content: "";
    margin: 15px;
}
@media only screen and (max-width: 1023px) {
.social_buttons {
    text-align: center;
}
.social_buttons__item {
    margin-left: 15px;
    margin-right: 15px;
}
.social_buttons__item + .social_buttons__item::before {
    content: "";
    margin: 0;
}
}
.tabs {
    border-bottom: 1px solid #1f1f1f;
    font-size: 20px;
    font-weight: 200;
    line-height: 24px;
    padding: 0 15px;
    text-align: center;
}
.tabs__item {
    border-bottom: 3px solid #fff;
    cursor: pointer;
    display: inline-block;
    margin: 0 15px;
    padding: 5px 0;
    vertical-align: bottom;
}
.tabs__item.is-active {
    border-color: #ffc20f;
}
@media only screen and (max-width: 1023px) {
.tabs__content:not(.is-visible), .tabs__content h2 {
    display: none;
}
.tabs__item {
    padding: 10px 0;
}
}
.text-box-colored {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    color: #1f1f1f;
    margin-bottom: 30px;
    position: relative;
    transition: all 0.5s ease 0s;
}
.text-box-colored__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    min-height: 100px;
    padding: 25px 20px;
}
.text-box-colored__title--c1 {
    background-color: #ffc20f;
    color: #fff;
}
.text-box-colored__title--c1 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c2 {
    background-color: #c90c21;
    color: #fff;
}
.text-box-colored__title--c2 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c3 {
    background-color: #274e37;
    color: #fff;
}
.text-box-colored__title--c3 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c4 {
    background-color: #542d24;
    color: #fff;
}
.text-box-colored__title--c4 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c5 {
    background-color: #e1c4bd;
    color: #fff;
}
.text-box-colored__title--c5 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c6 {
    background-color: #1f1f1f;
    color: #fff;
}
.text-box-colored__title--c6 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c7 {
    background-color: #2f2f2f;
    color: #fff;
}
.text-box-colored__title--c7 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c8 {
    background-color: #444;
    color: #fff;
}
.text-box-colored__title--c8 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c9 {
    background-color: #474747;
    color: #fff;
}
.text-box-colored__title--c9 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c10 {
    background-color: #9d9d9d;
    color: #fff;
}
.text-box-colored__title--c10 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c11 {
    background-color: #b4b4b4;
    color: #fff;
}
.text-box-colored__title--c11 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c12 {
    background-color: #14a44c;
    color: #fff;
}
.text-box-colored__title--c12 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c13 {
    background-color: #17bd56;
    color: #fff;
}
.text-box-colored__title--c13 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c14 {
    background-color: #1491a4;
    color: #fff;
}
.text-box-colored__title--c14 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c15 {
    background-color: #f0eaca;
    color: #fff;
}
.text-box-colored__title--c15 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c16 {
    background-color: #ffc;
    color: #fff;
}
.text-box-colored__title--c16 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c17 {
    background-color: #e0dea8;
    color: #fff;
}
.text-box-colored__title--c17 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c18 {
    background-color: #e6e6b8;
    color: #fff;
}
.text-box-colored__title--c18 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c19 {
    background-color: #a91717;
    color: #fff;
}
.text-box-colored__title--c19 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c20 {
    background-color: #dbdbdb;
    color: #fff;
}
.text-box-colored__title--c20 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c21 {
    background-color: #bbb;
    color: #fff;
}
.text-box-colored__title--c21 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c22 {
    background-color: #f3f3ef;
    color: #fff;
}
.text-box-colored__title--c22 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c23 {
    background-color: #919191;
    color: #fff;
}
.text-box-colored__title--c23 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c24 {
    background-color: #a78253;
    color: #fff;
}
.text-box-colored__title--c24 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c25 {
    background-color: #111;
    color: #fff;
}
.text-box-colored__title--c25 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c26 {
    background-color: #d03029;
    color: #fff;
}
.text-box-colored__title--c26 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c27 {
    background-color: #603e1e;
    color: #fff;
}
.text-box-colored__title--c27 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c28 {
    background-color: #94344a;
    color: #fff;
}
.text-box-colored__title--c28 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c29 {
    background-color: #2b2219;
    color: #fff;
}
.text-box-colored__title--c29 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c30 {
    background-color: #5b3a2b;
    color: #fff;
}
.text-box-colored__title--c30 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c31 {
    background-color: #4e641d;
    color: #fff;
}
.text-box-colored__title--c31 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c32 {
    background-color: #3d1522;
    color: #fff;
}
.text-box-colored__title--c32 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c33 {
    background-color: #076124;
    color: #fff;
}
.text-box-colored__title--c33 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c34 {
    background-color: #fab82b;
    color: #fff;
}
.text-box-colored__title--c34 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c35 {
    background-color: #fe9051;
    color: #fff;
}
.text-box-colored__title--c35 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c36 {
    background-color: #4469ff;
    color: #fff;
}
.text-box-colored__title--c36 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c37 {
    background-color: #8cc93e;
    color: #fff;
}
.text-box-colored__title--c37 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c38 {
    background-color: #ea3c24;
    color: #fff;
}
.text-box-colored__title--c38 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c39 {
    background-color: #ff859a;
    color: #fff;
}
.text-box-colored__title--c39 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c40 {
    background-color: #00b1b7;
    color: #fff;
}
.text-box-colored__title--c40 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c41 {
    background-color: #7c12bd;
    color: #fff;
}
.text-box-colored__title--c41 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c42 {
    background-color: #909201;
    color: #fff;
}
.text-box-colored__title--c42 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c43 {
    background-color: #020a0a;
    color: #fff;
}
.text-box-colored__title--c43 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c44 {
    background-color: #d8509a;
    color: #fff;
}
.text-box-colored__title--c44 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c45 {
    background-color: #1f3263;
    color: #fff;
}
.text-box-colored__title--c45 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c46 {
    background-color: #1b3d60;
    color: #fff;
}
.text-box-colored__title--c46 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c47 {
    background-color: #000;
    color: #fff;
}
.text-box-colored__title--c47 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c48 {
    background-color: #262626;
    color: #fff;
}
.text-box-colored__title--c48 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c49 {
    background-color: #18171a;
    color: #fff;
}
.text-box-colored__title--c49 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c50 {
    background-color: #ffefd4;
    color: #fff;
}
.text-box-colored__title--c50 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c51 {
    background-color: #ffc25a;
    color: #fff;
}
.text-box-colored__title--c51 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c52 {
    background-color: #06a544;
    color: #fff;
}
.text-box-colored__title--c52 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c53 {
    background-color: #dfdfde;
    color: #fff;
}
.text-box-colored__title--c53 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c54 {
    background-color: #70562b;
    color: #fff;
}
.text-box-colored__title--c54 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c55 {
    background-color: #9e9996;
    color: #fff;
}
.text-box-colored__title--c55 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c56 {
    background-color: #c4e3f3;
    color: #fff;
}
.text-box-colored__title--c56 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c57 {
    background-color: #f8f8f8;
    color: #fff;
}
.text-box-colored__title--c57 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c58 {
    background-color: #a96647;
    color: #fff;
}
.text-box-colored__title--c58 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c59 {
    background-color: #a1363d;
    color: #fff;
}
.text-box-colored__title--c59 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c60 {
    background-color: #e7e9f4;
    color: #fff;
}
.text-box-colored__title--c60 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__title--c61 {
    background-color: #e02930;
    color: #fff;
}
.text-box-colored__title--c61 a:not([class*="button"]) {
    color: #fff;
}
.text-box-colored__content {
    font-size: 17px;
    line-height: 27px;
    text-align: left;
}
.text-box-colored__container {
    min-height: 175px;
    padding: 25px 20px;
    text-align: center;
}
.text-box-colored__toggle {
    color: #076124;
    display: inline-block;
    margin: 20px auto 0;
}
.text-box-colored__relative {
    position: relative;
}
.text-box-colored__overlay {
    transition: all 0.5s ease 0s;
}
.text-box-colored__overlay.is-active {
    background: rgba(31, 31, 31, 0.5) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
}
.text-box-colored__link {
    color: #1f1f1f !important;
}
.text-box-colored__link .icon {
    margin-right: 10px;
}
.text-box-colored__link .icon svg {
    fill: #076124;
    height: 16px;
    width: 16px;
}
.text-box-colored__link .icon path {
    fill: #076124;
}
.text-box-colored__list {
    margin: 0;
    padding: 0;
}
.text-box-colored__list li {
    padding-left: 20px;
    position: relative;
}
.text-box-colored__list li::before {
    background-color: #076124;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 8px;
}
.text-box-colored .toggle__content .toggle__text {
    display: none;
}
.text-box-colored .toggle__content::after {
    content: attr(data-truncate);
    display: block;
}
.text-box-colored .toggle__link .toggle__text {
    display: none;
}
.text-box-colored .toggle__link::after {
    content: attr(data-more);
    display: block;
}
.text-box-colored.is-active {
    position: absolute;
    z-index: 20;
}
.text-box-colored.is-active .toggle__content .toggle__text {
    display: block;
}
.text-box-colored.is-active .toggle__content::after {
    content: "";
    display: none;
}
.text-box-colored.is-active .toggle__link .toggle__text {
    display: block;
}
.text-box-colored.is-active .toggle__link::after {
    content: "";
    display: none;
}
.text-box {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    color: #1f1f1f;
    margin-bottom: 30px;
    padding: 15px 20px;
    position: relative;
}
.text-box__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}
.text-box__content {
    margin-top: 30px;
    position: relative;
}
.text-box__content::before {
    background-color: #076124;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: -15px;
    width: 60px;
}
.text-box__link {
    color: #1f1f1f !important;
}
.text-box__link .icon {
    margin-right: 10px;
}
.text-box__link .icon svg {
    fill: #076124;
    height: 16px;
    width: 16px;
}
.text-box__link .icon path {
    fill: #076124;
}
.text-box__list {
    margin: 0;
    padding: 0;
}
.text-box__list li {
    padding-left: 20px;
    position: relative;
}
.text-box__list li::before {
    background-color: #076124;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 8px;
}
.tile {
    height: 240px;
    margin: auto auto 48px;
    perspective: 1000px;
    position: relative;
    width: 300px;
}
.tile__container {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    transform-origin: center center 0;
    transition: all 1s ease 0s;
    vertical-align: top;
}
.tile__backing, .tile__container, .tile__obverse {
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
    width: 100%;
}
.tile__backing, .tile__obverse {
    backface-visibility: hidden;
    display: block;
    left: 0;
    margin: 0;
    top: 0;
    transition: all 0.6s ease 0s;
}
.tile__obverse {
    background-color: #1f1f1f;
    padding: 50px;
    transform: rotateY(0deg);
    z-index: 2;
}
.tile__backing {
    background-color: #1f1f1f;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    padding: 20px;
    text-align: left;
    transform: rotateY(180deg);
}
.tile.is-flippable {
    cursor: pointer;
}
.tile.is-flippable .tile__container:focus, .tile.is-flippable .tile__container:hover {
    transform: rotateY(-180deg);
}
.tile__icon {
    display: inline-block;
    line-height: 1px;
    margin-bottom: 15px;
    vertical-align: top;
}
.tile__title {
    font-family: Source Sans Pro,sans-serif;
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 0;
}
.tile__obverse[date-flag="true"] {
    background-image: url("../svg/icons/flag-mccafe.svg");
    background-position: right 10px top 10px;
    background-repeat: no-repeat;
}
.tile__container .after {
    bottom: -35px;
}
.tile--n1 .tile__backing, .tile--n1 .tile__obverse {
    background-color: #fab82b;
}
.tile--n1 .tile__container .after {
    border-color: #fab82b transparent transparent;
    border-style: solid;
    border-width: 35px 30px 0;
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
}
.tile--n2 .tile__backing, .tile--n2 .tile__obverse {
    background-color: #fe9051;
}
.tile--n2 .tile__container .after {
    border-color: #fe9051 transparent transparent;
    border-style: solid;
    border-width: 35px 30px 0;
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
}
.tile--n3 .tile__backing, .tile--n3 .tile__obverse {
    background-color: #4469ff;
}
.tile--n3 .tile__container .after {
    border-color: #4469ff transparent transparent;
    border-style: solid;
    border-width: 35px 30px 0;
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
}
.tile--n4 .tile__backing, .tile--n4 .tile__obverse {
    background-color: #8cc93e;
}
.tile--n4 .tile__container .after {
    border-color: #8cc93e transparent transparent;
    border-style: solid;
    border-width: 35px 30px 0;
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
}
.tile--n5 .tile__backing, .tile--n5 .tile__obverse {
    background-color: #7c12bd;
}
.tile--n5 .tile__container .after {
    border-color: #7c12bd transparent transparent;
    border-style: solid;
    border-width: 35px 30px 0;
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
}
.tile--n6 .tile__backing, .tile--n6 .tile__obverse {
    background-color: #00b1b7;
}
.tile--n6 .tile__container .after {
    border-color: #00b1b7 transparent transparent;
    border-style: solid;
    border-width: 35px 30px 0;
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
}
.tile--n7 .tile__backing, .tile--n7 .tile__obverse {
    background-color: #ff859a;
}
.tile--n7 .tile__container .after {
    border-color: #ff859a transparent transparent;
    border-style: solid;
    border-width: 35px 30px 0;
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
}
.tile--n8 .tile__backing, .tile--n8 .tile__obverse {
    background-color: #ea3c24;
}
@media only screen and (min-width: 481px) {
.tile__title {
    height: 48px;
}
.tile--n1 .tile__container .after, .tile--n5 .tile__container .after {
    border-color: transparent transparent transparent #fab82b;
    border-style: solid;
    border-width: 30px 0 30px 35px;
    content: "";
    display: inline-block;
    height: 0;
    left: auto;
    right: -35px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
}
.tile--n5 .tile__container .after {
    border-color: transparent transparent transparent #7c12bd;
    border-style: solid;
    border-width: 30px 0 30px 35px;
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
}
.tile--n3 .tile__container .after, .tile--n7 .tile__container .after {
    border-color: transparent #4469ff transparent transparent;
    border-style: solid;
    border-width: 30px 35px 30px 0;
    content: "";
    display: inline-block;
    height: 0;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
}
.tile--n7 .tile__container .after {
    border-color: transparent #ff859a transparent transparent;
    border-style: solid;
    border-width: 30px 35px 30px 0;
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
}
}
.timeline {
    margin-top: 75px;
}
.timeline__era {
    margin-bottom: 50px;
}
.timeline__era.display--none {
    display: none;
}
.timeline__plaque {
    background-color: #fff;
    padding: 15px;
    position: relative;
    text-align: left;
}
.timeline__photo {
    line-height: 1px;
    position: absolute;
    right: -10px;
    top: -30px;
}
.timeline__photo img {
    border-radius: 20px;
    box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.15);
    height: 80px;
    width: 80px;
}
.timeline__image {
    float: right;
    line-height: 1px;
    margin-bottom: -15px;
    margin-right: -25px;
}
.timeline__image img {
    border-radius: 20px;
    box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.15);
    height: 80px;
    width: 80px;
}
.timeline__title {
    margin-bottom: 20px;
    padding-bottom: 15px;
    position: relative;
}
.timeline__title::after {
    background-color: #274e37;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 65px;
}
.timeline__text {
    margin-bottom: 0;
}
@media only screen and (min-width: 481px) {
.timeline {
    margin: 0 -15px;
}
.timeline__era {
    display: inline-block;
    padding: 30px 15px 15px;
    vertical-align: top;
    width: 50%;
}
}
@media only screen and (min-width: 768px) {
.timeline {
    margin: 75px 0 0;
    position: relative;
}
.timeline::after {
    background-color: #dbdbdb;
    bottom: 0;
    display: block;
    width: 1px;
}
.timeline::after, .timeline::before {
    content: "";
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
}
.timeline::before {
    background-color: #919191;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    z-index: 10;
}
.timeline__plaque {
    display: inline-block;
    padding: 30px;
    width: calc(50% - 75px);
}
.timeline__plaque::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.timeline__photo {
    right: -30px;
    top: -75px;
}
.timeline__photo img {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    height: 150px;
    width: 150px;
}
.timeline__image {
    float: right;
    margin-bottom: 30px;
    margin-left: 30px;
    margin-right: -60px;
}
.timeline__image img {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    height: 150px;
    width: 150px;
}
.timeline__era {
    display: block;
    margin-bottom: 0;
    position: relative;
    width: 100%;
}
.timeline__era:not(:nth-child(2n)) {
    padding: 0 0 0 30px;
    text-align: left;
}
.timeline__era:nth-child(2n) {
    padding: 0 30px;
    text-align: right;
}
.timeline__era::after, .timeline__era::before {
    left: 50%;
    position: absolute;
    top: calc(50% + 33px);
    transform: translateX(-50%) rotate(-90deg);
}
.timeline__era::after {
    background-color: #274e37;
    border-radius: 50%;
    content: "";
    display: block;
    height: 8px;
    transform: translateX(-50%);
    width: 8px;
    z-index: 10;
}
.timeline__era::before {
    color: #919191;
    content: attr(data-year);
    display: inline-block;
    font-size: 15px;
    line-height: 15px;
    transform: rotate(-90deg);
}
.timeline__era:not(:nth-child(2n))::before {
    left: calc(50% - 36px);
}
.timeline__era:nth-child(2n)::before {
    left: calc(50% + 5px);
}
.timeline__era[data-year="Napjainkban"]::before {
    left: calc(50% - 60px);
}
.timeline__era:not(:nth-child(2n)) .timeline__title {
    text-align: right;
}
.timeline__era:not(:nth-child(2n)) .timeline__title::after {
    right: 0;
}
.timeline__era:not(:nth-child(2n)) .timeline__photo {
    left: -30px;
    right: auto;
}
.timeline__era:not(:nth-child(2n)) .timeline__image {
    float: left;
    margin-left: -60px;
    margin-right: 30px;
}
.timeline__era:not(:nth-child(2n)) .timeline__plaque::after {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 9px 0 9px 10px;
    content: "";
    display: inline-block;
    height: 0;
    right: -10px;
    width: 0;
}
.timeline__era:nth-child(2n) .timeline__plaque::after {
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 9px 10px 9px 0;
    content: "";
    display: inline-block;
    height: 0;
    left: -10px;
    width: 0;
}
}
#american-history {
    display: inline-block;
}
.title--larger {
    font-size: 30px;
    line-height: 35px;
    text-transform: uppercase;
}
.title--cousin {
    font-family: Source Sans Pro,sans-serif;
}
.title--kaushan {
    font-family: KaushanScript,sans-serif;
}
.title:last-child {
    margin-bottom: 0;
}
.title a[class] {
    font-size: 13px;
    line-height: 17px;
    margin-left: 20px;
}
@media only screen and (min-width: 768px) {
.title--larger {
    font-size: 58px;
    line-height: 66px;
}
.title a[class] {
    font-size: 19px;
    line-height: 23px;
    margin-left: 35px;
}
}
.toggle-list {
    position: relative;
}
.toggle-list__item {
    border-bottom: 1px solid #dbdbdb;
}
.toggle-list__title {
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    padding: 15px 0 15px 40px;
    position: relative;
}
.toggle-list--icon-left .toggle-list__title {
    padding: 15px 40px 15px 0;
}
.toggle-list__frame {
    display: none;
}
.toggle-list__content {
    padding-bottom: 20px;
}
.toggle-list__content p:last-child {
    margin-bottom: 0;
}
.toggle-list__content-img img {
    width: 100%;
}
.toggle-list__icon {
    height: 20px;
    left: 0;
    position: absolute;
    top: 17px;
    width: 20px;
    z-index: 1;
}
.toggle-list__icon::after, .toggle-list__icon::before {
    background-color: #919191;
    content: "";
    display: block;
    height: 2px;
    transition: transform 0.25s ease 0s;
    width: 20px;
}
.toggle-list--icon-left .toggle-list__icon {
    left: auto;
    right: 0;
}
.toggle-list__item:not(.is-open) .toggle-list__icon::before {
    transform: rotate(90deg) translate(-1px, 10px);
}
.toggle-list[data-limited="1"] .toggle-list__item:not(:nth-child(-n+6)) {
    display: none;
}
.tooltip {
    position: relative;
}
.tooltip::before {
    background-color: #ffc20f;
    bottom: 30px;
    font-size: 12px;
    line-height: 14px;
    padding: 10px 15px;
    width: 250px;
}
.tooltip::after, .tooltip::before {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}
.tooltip::after {
    border-color: #ffc30f transparent transparent;
    border-style: solid;
    border-width: 8px 6px 0;
    bottom: 22px;
    display: inline-block;
    height: 0;
    width: 0;
}
.tooltip--right::before {
    left: calc(50% + 40px);
    transform: translateX(-100%);
}
.tooltip[data-tip]:focus::before, .tooltip[data-tip]:hover::before {
    content: attr(data-tip);
    white-space: normal;
}
.tooltip[data-tip]:focus::after, .tooltip[data-tip]:hover::after {
    content: "";
}
.toys {
    margin-bottom: 50px;
}
.toys__thumbnail {
    line-height: 1px;
    margin-bottom: 35px;
}
.toys__thumbnail img {
    max-width: 100%;
}
.toys__name {
    font-family: Source Sans Pro,sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
}
.toys__description, .toys__name {
    font-size: 20px;
    line-height: 24px;
}
.toys__description {
    margin-bottom: 0;
}
.toys__right.wrapper {
    font-size: 19px;
    line-height: 24px;
}
@media only screen and (max-width: 767px) {
.toys {
    margin: 0 auto 30px;
    max-width: 290px;
}
}
.visual {
    line-height: 1px;
}
.visual img {
    height: auto;
    max-width: 100%;
}
.visual--section-sinking, .visual[data-text] {
    margin-bottom: -30px;
}
.visual[data-text] {
    overflow: hidden;
}
.visual[data-text] img {
    position: relative;
    z-index: 20;
}
.visual[data-text]:not([data-text="0"])::after {
    color: #17bd56;
    content: attr(data-text);
    display: block;
    font-family: Peace Sans,sans-serif;
    font-size: 8.15rem;
    line-height: 1em;
    margin: -2.5rem 0;
    position: relative;
    text-align: center;
    z-index: 10;
}
.visual--half-shifted img[data-shifted="left"] {
    margin-left: -100%;
    max-width: 200%;
}
.visual--half-shifted img[data-shifted="left-half"] {
    margin-left: -50%;
    max-width: 200%;
}
.visual--half-shifted img[data-shifted="right"] {
    margin-right: -100%;
    max-width: 100%;
}
.visual--half-shifted img.visual--normal[data-shifted="right"] {
    max-width: 200%;
}
a.visual {
    display: block;
}
.visual--antique-frame {
    border: 6px ridge #d3c485;
    margin: 0 auto;
    max-width: 962px;
    padding: 6px;
}
.visual--hero {
    overflow: hidden;
}
.visual--hero img {
    height: 490px;
    left: 50%;
    max-width: 2560px;
    position: relative;
    transform: translateX(-50%);
    width: auto;
}
.visual--hero.visual--tab-full img {
    height: auto;
    width: 2560px;
}
.visual--baci img {
    height: auto;
    max-width: 100%;
}
.visual--baci img.mobile {
    display: none;
}
.visual--neon {
    border: 6px solid #c6da37;
    margin: 0 auto;
    max-width: 962px;
    padding: 6px;
}
.visual--weight {
    border: 3px solid #fff;
    box-shadow: 0 10px 70px -10px #000;
}
@media screen and (max-width: 1140px) {
.visual--hero img {
    height: auto;
    max-width: 225vw;
}
.visual--hero--full img {
    max-width: 110vw;
}
}
@media only screen and (max-width: 1023px) {
.visual--inner {
    padding: 20px 0;
}
.visual--inner img {
    max-width: 340px;
    width: 100%;
}
.visual--mobile img {
    max-width: 250px;
    width: 100%;
}
}
@media only screen and (min-width: 1024px) {
.visual--shifted img[data-shifted="top"] {
    margin-top: -75px;
}
.visual--shifted img[data-shifted="left"] {
    margin-left: -75px;
    max-width: calc(100% + 75px);
}
.visual--shifted img[data-shifted="right"] {
    margin-right: -75px;
    max-width: calc(100% + 75px);
}
.visual--shifted img[data-shifted="bottom"] {
    margin-bottom: -75px;
}
.visual--desk-section-sinking {
    margin-bottom: -60px;
}
.section--slim .visual--desk-section-sinking {
    margin-bottom: -30px;
}
}
@media only screen and (max-width: 767px) {
.visual img[src*="visual-french-fries"] {
    margin-top: 30px;
    max-width: 130px;
}
.visual[data-text] {
    margin-bottom: 25px;
}
.visual[data-text] img {
    max-width: 340px;
    width: 100%;
}
.visual[data-text]:not([data-text="0"])::after {
    font-size: 3.75rem;
    margin: -2rem 0 0;
}
.visual--mymeki img[data-shifted="left-half"] {
    margin-left: -5%;
    margin-top: -140px;
}
.visual--mymeki img[data-shifted="right"] {
    display: block;
    margin: 20px auto 0;
    max-width: 500px;
    width: 100%;
}
}
@media only screen and (min-width: 768px) {
.visual--desk-section-sinking:not(.visual--inner), .visual--section-sinking:not(.visual--inner) {
    margin-bottom: -60px;
}
.visual img[src*="visual-french-fries"] {
    display: block;
}
.visual--advent {
    transform: translateZ(0px) scale(1.2);
}
.section--slim .visual--desk-section-sinking, .section--slim .visual--section-sinking {
    margin-bottom: -30px;
}
.visual--weight {
    border: 30px solid #fff;
}
}
.wallpaper {
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
}
.wallpaper--left {
    background-position-x: 0;
}
.wallpaper--right {
    background-position-x: 100%;
}
.wallpaper--top {
    background-position-y: 0;
}
.wallpaper--bottom {
    background-position-y: 100%;
}
.wallpaper[data-wallpaper="summer-game"] {
    background-color: #f1f8fe;
    background-image: url("../img/summer-game.jpg");
    background-position: center bottom;
    color: #184e79;
}
.wallpaper[data-wallpaper="september"] {
    background-image: url("../img/september-bg.png");
}
.wallpaper[data-wallpaper="birthday-party"] {
    background-image: url("../img/birthday-party.jpg");
}
.wallpaper[data-wallpaper="restaurant"] {
    background-image: url("../img/restaurant.jpg");
}
.wallpaper[data-wallpaper="kupon-app"] {
    background-image: url("../img/wallpaper--kupon-app.jpg");
}
.wallpaper[data-wallpaper="products-1"] {
    background-image: url("../image/etlap.jpg");
}
.wallpaper[data-wallpaper="bounty-promo"] {
    background-image: url("../img/bounty-promo.jpg");
}
.wallpaper[data-wallpaper="products-2"] {
    background-image: url("../image/italok.jpg");
}
.wallpaper[data-wallpaper="products-3"] {
    background-image: url("../image/desszertek.jpg?ver2");
}
.wallpaper[data-wallpaper="products-6"] {
    background-image: url("../img/header_bg_desszertek.png");
}
.wallpaper[data-wallpaper="products-4"] {
    background-image: url("../image/etlap-kebab.jpg");
}
.wallpaper[data-wallpaper="products-5"] {
    background-image: url("../image/etlap-akciok.jpg");
}
.wallpaper[data-wallpaper="products-14"] {
    background-image: url("../img/header_bg_mccafe.png");
}
.wallpaper[data-wallpaper="products-marha"] {
    background-image: url("../img/header_bg_marha.png");
}
.wallpaper[data-wallpaper="products-menuk"] {
    background-image: url("../img/header_bg_menuk.png");
}
.wallpaper[data-wallpaper="products"] {
    background-image: url("../img/products.jpg");
}
.wallpaper[data-wallpaper="history"] {
    background-image: url("../img/history.jpg");
}
.wallpaper[data-wallpaper="history-30"] {
    background-image: url("../img/history-30.jpg");
}
.wallpaper[data-wallpaper="ray-kroc"] {
    background-image: url("../img/ray-kroc.jpg");
}
.wallpaper[data-wallpaper="franchise"] {
    background-image: url("../img/franchise.jpg");
}
.wallpaper[data-wallpaper="happy-studio"] {
    background-image: url("../img/happy-studio.png");
}
.wallpaper[data-wallpaper="happy-studio-promo"] {
    background-image: url("../img/happy-studio-promo.png");
}
.wallpaper[data-wallpaper="happy-meal-digital-book"] {
    background-image: url("../img/happy-meal-digital-book.jpg");
}
.wallpaper[data-wallpaper="press-room"] {
    background-image: url("../img/press-room.jpg");
}
.wallpaper[data-wallpaper="mekilexikon"] {
    background-image: url("../img/mekilexikon.jpg");
}
.wallpaper[data-wallpaper="for-family"] {
    background-image: url("../img/for-family.jpg");
}
.wallpaper[data-wallpaper="birthday"] {
    background-image: url("../img/birthday.jpg");
}
.wallpaper[data-wallpaper="maintability"] {
    background-image: url("../img/maintability.jpg");
}
.wallpaper[data-wallpaper="ingredients"] {
    background-image: url("../img/ingredients.jpg");
}
.wallpaper[data-wallpaper="community"] {
    background-image: url("../img/community-engagement.jpg");
}
.wallpaper[data-wallpaper="contact"] {
    background-image: url("../img/contact.jpg");
}
.wallpaper[data-wallpaper="sitemap"] {
    background-image: url("../img/sitemap.jpg");
}
.wallpaper[data-wallpaper="career"] {
    background-image: url("../img/career.jpg");
}
.wallpaper[data-wallpaper="career-success"] {
    background-image: url("../img/career-success.jpg");
}
.wallpaper[data-wallpaper="table"] {
    background-image: url("../img/table.jpg");
}
.wallpaper[data-wallpaper="table-advent"] {
    background-image: url("../img/table-advent.jpg");
}
.wallpaper[data-wallpaper="advent-2018"] {
    background-image: url("../img/kupon-advent-bg-2018.png");
}
.wallpaper[data-wallpaper="work-for-us"] {
    background-image: url("../img/work-for-us.jpg");
}
.wallpaper[data-wallpaper="work-faq"] {
    background-image: url("../img/work-faq.jpg");
}
.wallpaper[data-wallpaper="birthday-faq"] {
    background-image: url("../img/birthday-faq.jpg");
}
.wallpaper[data-wallpaper="happy-faces"] {
    background-image: url("../img/happy-faces.jpg");
}
.wallpaper[data-wallpaper="mekisnek-lenni-jo"] {
    background-image: url("../img/mekisnek-lenni-jo.jpg");
}
.wallpaper[data-wallpaper="quality"] {
    background-image: url("../img/quality.jpg");
}
.wallpaper[data-wallpaper="snickers"] {
    background-image: url("../img/ajanlatok/snickers-background.jpg");
}
.wallpaper--video {
    position: relative;
}
.wallpaper--video::before {
    background-color: rgba(31, 31, 31, 0.6);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.wallpaper--video::after {
    background: rgba(0, 0, 0, 0) url("../svg/icons/icon-play.svg") repeat scroll 0 0;
    content: "";
    height: 100px;
    width: 100px;
}
.wallpaper--h100 {
    min-height: 100px;
}
.wallpaper--h200 {
    min-height: 200px;
}
.wallpaper--h300 {
    min-height: 300px;
}
.wallpaper--h350 {
    min-height: 350px;
}
.wallpaper--h400 {
    min-height: 400px;
}
.wallpaper--h500 {
    min-height: 500px;
}
@media only screen and (min-width: 1024px) {
.wallpaper[data-wallpaper="coupon-papper"] {
    background: rgba(0, 0, 0, 0) url("../img/coupons.png") no-repeat scroll 100% bottom / 35% auto;
}
}
@media only screen and (min-width: 768px) {
.wallpaper[data-wallpaper="work-for-us-student"] {
    background-image: url("../img/work-for-us-student.jpg");
}
.wallpaper[data-wallpaper="work-for-us-career"] {
    background-image: url("../img/work-for-us-career.jpg");
}
.wallpaper[data-wallpaper="work-for-us-solution"] {
    background-image: url("../img/work-for-us-solution.jpg");
}
}
@media only screen and (max-width: 767px) {
.wallpaper--right--mobile {
    background-position-x: 85%;
}
}
@media only screen and (min-width: 481px) {
}
.w {
    background-color: #1f1f1f;
    left: 50%;
    max-height: calc(100vh - 150px) !important;
    max-width: calc(100vw - 30px) !important;
    min-width: 300px;
    padding: 1px;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 925px;
    z-index: 1000;
}
.w img {
    height: auto;
    max-width: 100%;
}
.w__close {
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 0;
    top: -30px;
}
.w__close::after, .w__close::before {
    display: inline-block;
    vertical-align: middle;
}
.w__close::before {
    color: #fff;
    content: "Bezárom";
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    text-transform: uppercase;
}
.w__close::after {
    background: rgba(0, 0, 0, 0) url("../svg/icons/icon-window-close.svg") repeat scroll 0 0;
    content: "";
    height: 24px;
    margin-left: 15px;
    width: 24px;
}
.w iframe {
    max-width: 100%;
}
.button {
}
.button:hover {
}
.button--primary {
    background-color: #ffc20f;
    color: #1f1f1f;
}
.button--primary:hover {
    background-color: #efb300;
}
.button--primary svg path {
    fill: #2f2f2f;
}
.button--secondary {
    background-color: #14a44c;
    color: #fff;
}
.button--secondary:hover {
    background-color: #11893f;
}
.button--secondary svg path {
    fill: #2f2f2f;
}
.button--blue {
    background-color: #1f3263;
    color: #fff;
}
.button--blue:hover {
    background-color: #18264c;
}
.button--blue svg path {
    fill: #fff;
}
.button--coupon {
    background-color: #06a544;
    color: #fff;
}
.button--coupon:hover {
    background-color: #058738;
}
.button--large {
    font-size: 22px;
    font-weight: 600;
    line-height: 36px;
}
.button--facebook {
    background-color: #3b5998;
    color: #fff;
    padding: 6px 15px;
}
.button--facebook:hover {
    background-color: #324c82;
}
.button--facebook .icon {
    margin: -6px 10px -6px 0;
    vertical-align: bottom;
}
.button--facebook .icon svg {
    height: 30px;
    width: auto;
}
.button--youtube {
    background-color: #b00;
    color: #fff;
    padding: 6px 15px;
}
.button--youtube:hover {
    background-color: #9c0000;
}
.button--youtube .icon {
    margin: -6px 10px -6px 0;
    vertical-align: bottom;
}
.button--youtube .icon svg {
    height: 30px;
    width: auto;
}
.button--instagram {
    background-color: #125688;
    background-image: linear-gradient(-225deg, #324fcd, #ab2a73, #ee6319, #fbd65e);
    color: #fff;
    padding: 6px 15px;
}
.button--instagram:hover {
    background-color: #0e456d;
    background-image: linear-gradient(-225deg, #2c46b4, #922462, #d85610, #face40);
}
.button--instagram .icon {
    margin: -6px 10px -6px 0;
    vertical-align: bottom;
}
.button--instagram .icon svg {
    height: 30px;
    padding: 3px 0;
    width: auto;
}
.button__frame {
    padding-top: 40px;
}
.button + .button {
}
.button--dark {
    color: #1f1f1f;
}
.button--full {
    width: 100%;
}
.button--file {
    max-width: 290px;
    text-align: left;
}
.button--file::before {
    background: rgba(0, 0, 0, 0) url("../svg/icons/icon-upload.svg") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 15px;
    vertical-align: -2px;
    width: 24px;
}
.button[disabled] {
    cursor: auto;
    opacity: 0.5;
}
@media only screen and (min-width: 768px) {
.button {
}
.button--large {
    font-size: 26px;
    font-weight: 600;
    line-height: 40px;
}
.button--large.button--coupon {
    min-width: 300px;
}
.button--facebook, .button--instagram, .button--youtube {
    padding: 10px 20px;
    text-align: left;
}
.button--facebook .icon, .button--instagram .icon, .button--youtube .icon {
    margin: -10px 20px -10px 0;
}
.button--facebook .icon svg, .button--instagram .icon svg, .button--youtube .icon svg {
    height: 40px;
    width: 24px;
}
}
.checkbox {
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
}
.checkbox__box {
    background-color: #fff;
    border: 1px solid #dbdbdb;
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    vertical-align: -5px;
    width: 20px;
}
input[type="checkbox"]:checked + .checkbox__box {
    background: #fff url("../svg/icons/icon-checked.svg") no-repeat scroll 50% center / cover ;
}
.checkbox input[type="checkbox"] {
    display: none !important;
}
@media only screen and (min-width: 768px) {
.checkbox {
    font-size: 20px;
    line-height: 24px;
}
.checkbox__box {
    height: 30px;
    margin-right: 10px;
    vertical-align: -8px;
    width: 30px;
}
}
[data-error]:not([data-error=""])::after {
    background-color: #a91717;
    color: #fff;
    content: attr(data-error);
    display: block;
    padding: 5.5px 15px;
}
[data-error]:not([data-error=""]) .input, [data-error]:not([data-error=""]), [data-error]:not([data-error=""]) .textarea {
    border-color: #a91717;
}
@media only screen and (min-width: 768px) {
[data-error]:not([data-error=""])::after {
    padding: 12.5px 25px;
}
}
.form__label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    line-height: 15px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.form__field {
    padding-bottom: 20px;
    position: relative;
}
.form__field:not(.display--none) {
    display: block;
}
.form__field--inline {
    display: inline-block !important;
    vertical-align: top;
}
.form__field--inline:not(:last-child) {
    padding-right: 46px;
}
.form__field + .title {
    margin-top: 30px;
}
.form__comment {
    font-size: 15px;
    line-height: 19px;
}
.form__autocomplete {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: -moz-use-text-color #dbdbdb #dbdbdb;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    position: absolute;
    width: 100%;
    z-index: 10;
}
.form__autocomplete:not(.is-visible) {
    display: none;
}
.form__autocomplete li {
    cursor: pointer;
    padding: 5.5px 15px;
}
@media only screen and (min-width: 768px) {
.form__label {
    font-size: 14px;
    font-weight: 900;
    line-height: 18px;
}
.form__field {
    padding-bottom: 30px;
}
.form__autocomplete li {
    padding: 12.5px 25px;
}
.form__autocomplete li:hover {
    background-color: #f3f3ef;
}
}
.input {
    -moz-appearance: none;
    border: medium none;
    color: #1f1f1f;
    font-family: Source Sans Pro,sans-serif;
    font-size: 15px;
    font-weight: 200;
    line-height: 19px;
    max-width: 100%;
    outline: medium none;
    padding: 5.5px 15px;
    width: 100%;
}
.input::-moz-placeholder {
    color: #9d9d9d;
}
.input:-moz-placeholder {
    color: #9d9d9d;
}
.input--full {
    width: 100%;
}
.input--border {
    border: 1px solid #dbdbdb;
}
.input--bordered {
    border: 2px solid #dbdbdb;
}
.input--calendar {
    background: rgba(0, 0, 0, 0) url("../svg/icons/icon-calendar.svg") no-repeat scroll 15px center / 20px 18px;
    padding: 4px 15px 3.5px 45px;
}
.input--hide-spin {
    -moz-appearance: textfield;
    margin: 0;
}
@media only screen and (min-width: 768px) {
.input {
    font-size: 24px;
    line-height: 28px;
    padding: 12.5px 25px;
}
.input--calendar {
    padding: 8.5px 25px 8.5px 45px;
}
}
.radio {
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin: 15px 0;
}
.radio__box {
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    position: relative;
    vertical-align: -5px;
    width: 20px;
}
input[type="radio"]:checked + .radio__box::before {
    background-color: #274e37;
    border-radius: 50%;
    content: "";
    display: block;
    height: 15px;
    width: 15px;
}
.radio input[type="radio"] {
    display: none !important;
}
@media only screen and (min-width: 768px) {
.radio {
    font-size: 20px;
    line-height: 24px;
}
.radio__box {
    height: 30px;
    margin-right: 10px;
    vertical-align: -8px;
    width: 30px;
}
}
.select--calendar {
    background: url("../svg/icons/icon-calendar.svg") no-repeat scroll 15px center / 20px 18px, rgba(0, 0, 0, 0) url("../svg/icons/icon-triangle.svg") no-repeat scroll right 15px center / 15px 5px;
    max-width: 315px;
    padding: 7.5px 45px;
}
.select--full {
    width: 100%;
}
@media only screen and (min-width: 768px) {
.select--full {
    width: 100%;
}
.select--calendar {
    padding: 8.5px 45px;
}
}
.textarea {
    -moz-appearance: none;
    border: medium none;
    color: #1f1f1f;
    font-family: Source Sans Pro,sans-serif;
    font-size: 15px;
    font-weight: 200;
    line-height: 19px;
    margin-bottom: 0;
    max-width: 100%;
    min-height: 200px;
    outline: medium none;
    padding: 5.5px 15px;
    resize: vertical;
    vertical-align: top;
    width: 100%;
}
.textarea::-moz-placeholder {
    color: #9d9d9d;
}
.textarea:-moz-placeholder {
    color: #9d9d9d;
}
.textarea--border {
    border: 1px solid #dbdbdb;
}
@media only screen and (min-width: 768px) {
.textarea {
    font-size: 24px;
    line-height: 28px;
    padding: 12.5px 25px;
}
}
.person {
    margin: 0 auto;
    max-width: 250px;
    text-align: center;
}
.person__image {
    line-height: 1px;
    margin-bottom: 25px;
}
.person__image img {
    height: auto;
    width: 100%;
}
.person__name {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
}
.person a {
    color: #1f1f1f;
    text-decoration: none;
}
.person a:hover {
    text-decoration: underline;
}
.career-submit {
    margin-top: 30px;
}
.career .primary-restaurant-list {
    width: auto;
}
.career-restaurants-list__item {
    margin-bottom: 25px;
    padding-left: 26px;
    position: relative;
    text-align: center;
}
.career-restaurants-list__item:not(:last-child) {
    border-right: 1px solid #dbdbdb;
}
.career-restaurants-list__item div {
    display: inline-block;
    margin: 0 auto;
    padding-left: 40px;
    text-align: left;
}
.career-restaurants-list__item div span {
    display: block;
}
.career-restaurants-list__item .icon {
    margin-top: 8px;
    padding: 5px;
    position: absolute;
}
.career-restaurants-list__item .icon svg {
    height: 22px;
    width: 22px;
}
.career-information {
    border-top: 1px solid #f3f3ef;
    margin-top: 30px;
    padding-top: 30px;
}
.career form > div:not(:first-child) {
    padding-top: 20px;
}
.career.anchor-bar {
    padding-left: 0;
    padding-right: 0;
    position: relative;
}
.career.anchor-bar .anchor-bar__title {
    display: none;
}
.career.anchor-bar .anchor-bar__icon {
    font-style: normal;
    height: 30px;
    line-height: 14px;
    min-width: 20px;
    padding: 4.5px 5.5px;
    width: 30px;
}
.career.anchor-bar .anchor-bar__icon span {
    line-height: 19px;
}
.career.anchor-bar .anchor-bar__item.is-active.is-last > a > i svg, .career.anchor-bar .anchor-bar__item svg {
    display: none;
}
.career.anchor-bar .anchor-bar__item > .icon {
    margin-right: 20px;
}
.career.anchor-bar .anchor-bar__item > .icon svg {
    color: #dbdbdb;
    display: block;
    width: 15px;
}
.career.anchor-bar .anchor-bar__item > .icon svg path {
    fill: #dbdbdb;
}
.career.anchor-bar .anchor-bar__item a {
    line-height: 30px;
    position: relative;
}
.career.anchor-bar .anchor-bar__item.is-active:not(.is-last) .anchor-bar__icon {
    padding: 5px;
}
.career.anchor-bar .anchor-bar__item.is-active:not(.is-last) .anchor-bar__icon svg {
    display: block;
    width: 22px;
}
.career.anchor-bar .anchor-bar__item.is-active:not(.is-last) .anchor-bar__icon svg path {
    fill: #ffc20f;
}
.career.anchor-bar .anchor-bar__item.is-active:not(.is-last) .anchor-bar__icon span {
    display: none;
}
.career.anchor-bar .anchor-bar__item.is-active.is-last > a::after {
    border-color: #f3f3ef transparent transparent;
    border-style: solid;
    border-width: 17px 26px 0;
    bottom: -16px;
    content: "";
    height: 0;
    left: 40px;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
    z-index: 110;
}
.career.anchor-bar .anchor-bar__item:not(.is-active) a:hover {
    cursor: default;
}
.career.anchor-bar .anchor-bar__item.is-active .anchor-bar__icon {
    background-color: #076124;
    color: #ffc20f;
}
.career-jobs-description {
    padding-left: 45px;
    padding-top: 5px;
}
.career-jobs-description:not(:last-child) {
    padding-bottom: 20px;
}
.career-jobs-description-content {
    display: block;
}
.career-jobs-description-restaurants__toggle {
    -moz-user-select: none;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin-top: 6px;
    padding: 2px 0 2px 14px;
    position: relative;
    text-decoration: underline;
}
.career-jobs-description-restaurants__toggle.is-open::before {
    transform: rotate(90deg);
}
.career-jobs-description-restaurants__toggle:hover {
    text-decoration: none;
}
.career-jobs-description-restaurants__content {
    display: none;
    padding-left: 14px;
}
.career-jobs-description-restaurants__content.is-open {
    display: block;
}
.career-jobs-description-restaurants__icon::before {
    border-color: transparent transparent transparent #000;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: "";
    display: inline-block;
    height: 0;
    left: 2px;
    position: absolute;
    top: 8px;
    transition: transform 0.25s ease 0s;
    width: 0;
    z-index: 1;
}
.career-jobs-description.is-open .career-jobs-description-restaurants__icon::before {
    transform: rotate(90deg);
}
.career-personal .example {
    color: #919191;
    position: absolute;
    right: 0;
    text-transform: none;
    top: 0;
}
.career-personal {
    width: auto;
}
.career-cv label.title {
    display: block;
    margin-bottom: 10px;
}
.career-cv .from-to--separator {
    display: inline-block;
    text-align: center;
    width: 8%;
}
.career-cv .from-to span:not(.from-to--separator) {
    display: inline-block;
    width: 46%;
}
.career-cv .from-to span:not(.from-to--separator) select {
    width: 100%;
}
.career-cv .from-to--to {
    float: right;
}
.career-confirm h3.title {
    margin-top: 45px;
}
.career-confirm h3.title a i {
    display: inline;
}
.career-confirm h3.title a i svg {
    height: 16px;
    width: 16px;
}
.career-confirm-value {
    margin-bottom: 20px;
}
.career-confirm-value span {
    display: block;
}
.career-success i.icon {
    background-color: #076124;
    border-radius: 50%;
    margin-bottom: 30px;
}
.career-success i.icon svg {
    display: block;
    height: auto;
    width: 90px;
}
.career-success i.icon svg path {
    fill: #ffc20f;
}
@media only screen and (max-width: 1169px) {
.career.anchor-bar .anchor-bar__icon {
    line-height: 10px;
    padding: 4.5px 5.5px;
}
.career.anchor-bar .anchor-bar__item.is-active:not(.is-last) .anchor-bar__icon {
    padding: 4.5px 5.5px;
}
.career.anchor-bar .anchor-bar__item.is-active:not(.is-last) .anchor-bar__icon svg {
    height: 20px;
    width: 20px;
}
.career.anchor-bar .anchor-bar__item.is-active:not(.is-last) .anchor-bar__icon svg path {
    fill: #ffc20f;
}
.career.anchor-bar .anchor-bar__item.is-active.is-last > a::after {
    display: none;
}
}
@media only screen and (max-width: 767px) {
.career.anchor-bar {
    padding: 10px 0;
}
.career.anchor-bar .anchor-bar__item {
    margin: 0;
    vertical-align: middle;
    width: auto;
}
.career.anchor-bar .anchor-bar__item .anchor-bar__icon {
    line-height: 19px;
    min-height: 30px;
    min-width: 30px;
}
.career.anchor-bar .anchor-bar__item.anchor-bar__title {
    display: inline-block;
    width: 50%;
}
.career.anchor-bar .anchor-bar__item.anchor-bar__title a {
    line-height: 16px;
    min-height: 16px;
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 10px;
}
.career.anchor-bar .anchor-bar__item > i {
    display: none;
}
.career.anchor-bar .anchor-bar__item > a {
    line-height: 60px;
    padding-bottom: 25px;
    padding-top: 0;
}
.career.anchor-bar .anchor-bar__item > a > span {
    display: none;
}
.career.anchor-bar .anchor-bar__item.is-active:not(.is-last) .anchor-bar__icon {
    line-height: 19px;
    min-height: 30px;
    min-width: 30px;
}
.career-restaurants-list__item {
    text-align: left;
}
.career-restaurants-list__item:not(:last-child) {
    border: medium none;
}
.career-restaurants-list__item div {
    padding-left: 0;
}
.career-restaurants-list__item div span {
    display: block;
}
.career-restaurants-list__item .icon {
    display: none;
}
}
@media only screen and (max-width: 480px) {
.career-personal {
    width: 100%;
}
}
.categories-title {
    padding-top: 60px;
}
.categories__item {
    cursor: pointer;
    height: 80px;
    line-height: 80px;
    padding-top: 0;
    position: relative;
}
.categories__item img {
    max-height: 65px;
    max-width: 65px;
    vertical-align: middle;
}
.categories__item:not(:first-child)::before {
    border-bottom: 1px solid #dbdbdb;
    content: "";
    display: block;
    height: 0;
    width: 100%;
}
.categories__item.is-active::after, .categories__item:hover::after {
    border-bottom: 20px solid transparent;
    border-right: 20px solid #fff;
    border-top: 20px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -30px;
    top: 20px;
    width: 0;
}
.encyclopedia-box {
    background-color: #fff;
    border: 2px dashed #dbdbdb;
    margin-bottom: 10px;
    padding: 30px 20px;
}
.encyclopedia-box__content {
    font-size: 17px;
    font-weight: 200;
    line-height: 21px;
    margin-bottom: 20px;
    min-height: 40px;
    padding-left: 60px;
    position: relative;
}
.encyclopedia-box__content .icon {
    left: 0;
    position: absolute;
    top: 0;
}
.encyclopedia-topkeywords .js-visible-switch .icon::after, .encyclopedia-topkeywords .js-visible-switch .icon::before {
    background-color: #1f1f1f;
}
.encyclopedia-topkeywords .js-visible-switch .icon--add {
    border-color: #1f1f1f;
}
.encyclopedia-list .toggle-list__title:hover {
    text-decoration: underline;
}
.encyclopedia-list .toggle-list__content figure:not([class]) {
    padding: 0 50px;
}
.encyclopedia-list .toggle-list__content figure:not([class]) a {
    text-align: center;
}
@media only screen and (max-width: 767px) {
.encyclopedia-list .toggle-list__content figure:not([class]) {
    padding: 0;
}
.encyclopedia-search {
    padding-top: 30px;
}
.encyclopedia-topkeywords-extend {
    margin-top: 20px;
}
}
.family h4 {
    padding-top: 15px;
}
.family .button {
    margin-top: 15px;
}
@media only screen and (max-width: 1023px) {
.family .button {
    margin-bottom: 45px;
}
}
div.happy-studio img {
    width: auto;
}
.history {
    margin-bottom: 30px;
    overflow: hidden;
}
.history__thumbnail {
    line-height: 1px;
    margin-bottom: 20px;
}
.history__thumbnail img {
    max-width: 100%;
}
.history a {
    color: #1f1f1f;
    text-decoration: none;
}
.kuponapp {
    background-position: 20% center;
}
.kuponapp__color {
    color: #e02930;
}
.kuponapp__santa.text--medium {
    font-size: 0.9em;
}
.kuponapp__header::before {
    background: rgba(0, 0, 0, 0) url("../img/kupon-advent-header.png") repeat-x scroll 0 0 / 161px 50px;
    content: "";
    height: 50px;
    position: absolute;
    width: 100%;
}
.kuponapp__title {
    font-family: Speedee;
    font-weight: 200;
}
.kuponapp .kuponapp__text {
    color: #155330;
}
.kuponapp .kuponapp__text h1 {
    font-size: 19px;
    text-transform: uppercase;
}
.kuponapp .kuponapp__text p {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 20px;
}
.kuponapp__september--text {
    line-height: 1;
    margin-bottom: 50px;
}
.kuponapp__september--text span {
    color: #ffc20f;
}
.kuponapp .kuponapp__visual {
    text-align: right;
}
.kuponapp .kuponapp__visual img {
    margin: 0;
    max-width: 100%;
    width: 505px;
}
.kuponapp__santa {
    max-width: 280px;
    position: relative;
}
.kuponapp__tab--block, .kuponapp__to-tab--block {
    display: none;
}
.kuponapp__visual__mobile {
    margin-right: -15px;
}
@media only screen and (min-width: 768px) {
.kuponapp {
    background-position: 50% center;
}
.kuponapp .kuponapp__text h1 {
    font-size: 28px;
    margin-top: 0;
    text-transform: uppercase;
}
.kuponapp .kuponapp__text p {
    font-size: 25px;
    line-height: 29px;
}
.kuponapp__september--text {
    margin-bottom: 100px;
}
.kuponapp .kuponapp__visual .visual {
    padding-left: 90px;
    text-align: left;
}
.kuponapp .kuponapp__visual .visual img {
    max-width: 200%;
}
.kuponapp__santa {
    max-width: 340px;
    width: 340px;
}
.kuponapp__santa::before {
    background: rgba(0, 0, 0, 0) url("../img/kupon-advent-santa.png") no-repeat scroll 0 0 / 90px auto;
    bottom: -50px;
    content: "";
    height: 90px;
    position: absolute;
    right: -110px;
    width: 90px;
}
.kuponapp__tab--block {
    display: inline-block;
}
.kuponapp__visual__mobile {
    display: none;
}
}
@media only screen and (max-width: 480px) {
.kuponapp__visual__mobile img {
    max-width: 130%;
}
}
@media only screen and (max-width: 767px) {
.kuponapp__title {
    margin-top: 60px !important;
}
.kuponapp--hr {
    display: none;
}
.kuponapp__to-tab--block {
    display: block;
}
}
@media only screen and (min-width: 1024px) {
.kuponapp__september--title {
    font-size: 49px;
}
.kuponapp__september--text {
    font-size: 30px !important;
}
.kuponapp .kuponapp__text h1 {
    font-size: 42px;
    margin-bottom: 36px;
}
.kuponapp .kuponapp__text p {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 70px;
}
}
@media only screen and (min-width: 1170px) {
.kuponapp__santa {
    max-width: 340px;
    width: 340px;
}
.kuponapp__santa::before {
    background: rgba(0, 0, 0, 0) url("../img/kupon-advent-santa.png") no-repeat scroll 0 0 / 120px auto;
    bottom: -70px;
    content: "";
    height: 120px;
    position: absolute;
    right: -140px;
    width: 120px;
}
.kuponapp__header::before {
    background: rgba(0, 0, 0, 0) url("../img/kupon-advent-header.png") repeat-x scroll 0 0 / 315px 98px;
    content: "";
    height: 98px;
    position: absolute;
    width: 100%;
}
}
.newsletter .checkbox {
    vertical-align: middle;
}
.newsletter .checkbox + .icon {
    cursor: pointer;
    padding: 10px 0 10px 10px;
    position: relative;
}
.newsletter .icon--info a:not(:hover):not(:focus) + .info-box {
    display: none;
}
.newsletter .icon--info:hover .info-box {
    display: block !important;
}
.newsletter .info-box {
    bottom: 25px;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    left: -55px;
    line-height: 16px;
    padding-bottom: 20px;
    position: absolute;
    transform: translateX(-50%);
    width: 290px;
}
.newsletter .info-box__content {
    background-color: #fff;
    box-shadow: 0 0 8px 0 #1f1f1f;
    color: #1f1f1f;
    display: block;
    padding: 10px;
    text-align: left;
}
.newsletter .info-box::after {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    bottom: 10px;
    content: "";
    display: block;
    height: 0;
    left: 221px;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
}
.newsletter .info-box a:not(.button) {
    color: #1f1f1f;
}
@media only screen and (min-width: 768px) {
.newsletter .info-box {
    left: 20px;
}
.newsletter .info-box::after {
    left: 50%;
}
}
.offers {
    margin-bottom: 30px;
}
.offers__cover {
    line-height: 1px;
    margin-top: 50px;
}
.offers__cover img {
    max-width: 100%;
}
.offers__thumbnail {
    line-height: 1px;
    margin-bottom: 20px;
}
.offers__thumbnail img {
    max-width: 100%;
}
.offers__name {
    font-family: Source Sans Pro,sans-serif;
    font-weight: 800;
    margin-bottom: 10px;
}
.offers__name:last-child {
    margin-bottom: 0;
}
.offers__description {
    font-size: 16px;
    line-height: 20px;
}
.offers__description:last-child {
    margin-bottom: 0;
}
.offers a {
    color: #1f1f1f;
    text-decoration: none;
}
.offers a:hover {
    text-decoration: underline;
}
.offers a sup {
    text-decoration: none;
}
@media only screen and (max-width: 767px) {
.offers__cover {
    margin: 0 -15px;
}
}
.page-404 {
    text-align: center;
}
.page-404__visual {
    line-height: 1px;
    margin-bottom: 30px;
    min-height: 150px;
    position: relative;
}
.page-404__visual img {
    height: auto;
    max-width: 50%;
    min-height: 150px;
}
.page-404__visual::after {
    bottom: 0;
    color: #f3f3ef;
    content: attr(data-text);
    display: block;
    font-size: 55vw;
    font-weight: 900;
    line-height: 55vw;
    margin: 0;
    position: absolute;
    z-index: -1;
}
.page-404__caption {
    font-size: 19px;
    line-height: 19px;
}
.page-404__caption h2 {
    font-family: Source Sans Pro,sans-serif;
    margin-bottom: 20px;
}
.page-404__caption a {
    color: #1f1f1f;
}
.page-404__caption a:hover {
    text-decoration: none;
}
@media only screen and (min-width: 768px) {
.page-404__caption, .page-404__visual {
    display: inline-block;
    vertical-align: middle;
}
.page-404__visual {
    margin-bottom: 0;
    width: calc(100% - 350px);
}
.page-404__visual::after {
    font-size: 36vw;
    line-height: 36vw;
}
.page-404__visual img {
    max-width: 100%;
}
.page-404__caption {
    text-align: left;
    width: 350px;
}
.page-404__caption h2 {
    font-family: Source Sans Pro,sans-serif;
    font-size: 40px;
    line-height: 40px;
}
}
@media only screen and (min-width: 1170px) {
.page-404__visual::after {
    font-size: 400px;
    line-height: 400px;
}
}
@media screen and (min-width: 768px) and (min-height: 768px) {
.page-404 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
}
.brand-family__item {
    display: inline-block;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    vertical-align: top;
}
.brand-family__image {
    line-height: 1px;
    padding-bottom: 10px;
}
.brand-family__image img {
    height: 100px;
    width: 100px;
}
.brand-family__caption a {
    display: block;
}
.brand-family__caption a:not(:first-child) {
    margin-top: 10px;
}
.brand-family__caption .icon {
    margin-right: 5px;
}
.brand-family__hastag {
    font-weight: 900;
    text-transform: uppercase;
}
.brand-family__hastag::before {
    content: "#";
}
.brand-family a {
    color: #fff;
}
@media only screen and (min-width: 481px) {
.brand-family__item {
    padding: 0 20px;
    text-align: left;
}
}
@media only screen and (max-width: 480px) {
.brand-family__item {
    margin-bottom: 20px;
    width: 50%;
}
}
@media only screen and (min-width: 1024px) {
.brand-family__item {
    padding: 0;
}
.brand-family__item:not(:last-child) {
    margin-right: 40px;
}
.brand-family__image {
    display: inline-block;
    padding-bottom: 0;
    vertical-align: top;
}
.brand-family__image img {
    height: 90px;
    width: 90px;
}
.brand-family__caption {
    display: inline-block;
    padding-left: 15px;
    padding-top: 8px;
    vertical-align: top;
}
}
.carousel {
    background-color: #1f1f1f;
    position: relative;
}
.carousel__frame {
    overflow: hidden;
    white-space: nowrap;
}
.carousel__item {
    display: inline-block;
    line-height: 1px;
    transition: transform 1s cubic-bezier(0.6, -0.28, 0.74, 0.05) 0s;
    vertical-align: top;
    white-space: normal;
    width: 100%;
}
.carousel__image {
    overflow: hidden;
    position: relative;
}
.carousel__image img {
    height: auto;
    width: 100%;
}
.carousel__caption {
    color: #fff;
    font-family: Peace Sans,sans-serif;
    font-size: 28px;
    line-height: 1em;
    max-width: 380px;
    text-align: center;
    text-transform: uppercase;
    top: 30px;
    width: 100%;
}
.carousel__controll {
    display: block;
    line-height: 1px;
    margin-top: -38px;
    padding: 15px 0;
    position: relative;
    text-align: center;
}
.carousel__controll li {
    border: 2px solid #fff;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    transition: background-color 0.5s ease 0s;
    vertical-align: middle;
    width: 12px;
}
.carousel__controll li.is-active {
    background-color: #fff;
}
.carousel__controll li:not(:last-child) {
    margin-right: 10px;
}
@media only screen and (min-width: 768px) {
.carousel__caption {
    font-size: 48px;
    letter-spacing: 1px;
    max-width: 1110px;
    top: 30px;
}
.carousel__controll {
    margin-top: -71px;
    padding: 28px 0;
}
.carousel__controll li {
    border: 3px solid #fff;
    height: 15px;
    width: 15px;
}
.carousel__controll li:not(:last-child) {
    margin-right: 12px;
}
}
@media only screen and (min-width: 1024px) {
.carousel__caption {
    max-width: 1110px;
    top: 50px;
}
}
@media screen and (max-width: 738px) {
.carousel__image img {
    height: 225px;
    margin-left: calc((369px - 50vw) * -1);
    width: auto;
}
}
.contact__option {
    font-size: 19px;
    line-height: 24px;
    margin: 0 auto 30px;
}
.contact__option h3 {
    font-size: 20px;
    line-height: 24px;
}
.contact__option figure {
    line-height: 1px;
    margin-bottom: 20px;
}
.contact__option figure img {
    max-width: 100%;
}
.contact.is-success .contact__form, .contact__thank_you {
    display: none;
}
.contact.is-success .contact__thank_you {
    display: block;
}
.contacts a {
    display: inline-block;
    margin-bottom: 5px;
}
@media only screen and (max-width: 1023px) {
.contacts {
    margin-bottom: 30px;
}
}
@media only screen and (min-width: 768px) {
.contact__option {
    padding-top: 22px;
}
}
.e-listening {
    background-color: #ffefd4;
    color: #333;
    padding: 10px 0;
}
.e-listening__iframe {
    min-height: 600px;
    width: 100%;
}
.e-listening__nav-item {
    font-weight: 500;
    margin-left: 5px;
    margin-right: 10px;
}
.e-listening__text {
    font-size: 14px;
    margin-bottom: 0;
    padding: 10px;
}
.e-listening__world-flag svg {
    fill: #fff;
}
.e-listening__flag {
    margin-right: 10px;
}
.e-listening__icon-info {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
}
.e-listening__icon-info svg {
    fill: #ffc25a;
}
.navigation .e-listening__nav-item {
    display: inline-block;
}
@media screen and (min-width: 500px) {
.e-listening__iframe {
    min-height: 1000px;
}
}
@media screen and (min-width: 768px) {
.e-listening__flag {
    float: left;
}
.e-listening__text {
    margin-left: 80px;
}
.e-listening__icon-info {
    display: block;
}
}
.app-buttons img {
    max-width: calc(50% - 15px);
}
.app-buttons--small img {
    margin-bottom: 25px;
    width: 150px;
}
@media only screen and (max-width: 767px) {
.app-buttons--line {
    width: 200px;
}
.app-buttons--line a {
    position: relative;
    z-index: 10;
}
.app-buttons--line img {
    margin-bottom: 0;
    max-width: 150px;
}
}
@media only screen and (max-width: 480px) {
.app-buttons--line img {
    max-width: 90px;
}
}
.person-thumbnail {
    line-height: 1px;
    margin-bottom: 30px;
    margin-top: -90px;
    text-align: right;
}
.person-thumbnail img {
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.5);
    height: 90px;
    width: 90px;
}
@media only screen and (min-width: 481px) {
.person-thumbnail {
    margin-bottom: 0;
    margin-top: -125px;
}
.person-thumbnail img {
    height: 125px;
    width: 125px;
}
}
@media only screen and (min-width: 1024px) {
.person-thumbnail {
    margin-bottom: 50px;
    margin-top: -255px;
}
.person-thumbnail img {
    height: 255px;
    width: 255px;
}
}
.promotion {
    padding: 30px 15px;
    text-align: center;
}
.promotion__content {
    display: inline-block;
    max-width: 495px;
    vertical-align: top;
    width: 100%;
}
@media only screen and (min-width: 768px) {
.promotion {
    padding: 60px 30px;
}
}
@media only screen and (min-width: 1024px) {
.promotion {
    display: table-cell;
    width: 50vw;
}
.promotion:first-child {
    padding-right: 60px;
    text-align: right;
}
.promotion:nth-child(2) {
    padding-left: 60px;
    text-align: left;
}
}
.page__cover h1 {
    margin-top: 78px;
}
.page__cover .breadcrumbs + h1 {
    margin-top: 0;
}
.page__content figure {
    margin-bottom: 15px;
}
.page__content img {
    height: auto;
    width: 100%;
}
.page__content ol li, .page__content p, .page__content ul li {
    font-size: 19px;
    line-height: 24px;
}
.page__content a:not(.button) {
    color: #1f1f1f;
    font-weight: 300;
}
@media only screen and (min-width: 768px) {
.page__cover h1 {
    font-family: "Open Sans Bold";
}
.page__cover .breadcrumbs + h1 {
    margin-top: 0;
}
}
@media only screen and (min-width: 1024px) {
.page__cover {
    /*! min-height: 320px; */
}
}
@media only screen and (min-width: 1024px) {
.page__content figure {
    margin-bottom: 20px;
}
}

.sitemap {
    font-size: 20px;
}
.sitemap .sitemap {
    font-size: 18px;
    padding-left: 20px;
}
.sitemap .sitemap .sitemap {
    font-size: 16px;
}
@media only screen and (max-width: 1023px) {
div.grid__item:not(:first-child) > ul.sitemap ul.sitemap > li:last-child {
    padding-bottom: 20px;
}
}
.green-box {
    background-color: #eee;
    color: #000;
    margin-bottom: 1em;
    padding: 1em;
}
.green-caption {
    background: #444 none repeat scroll 0 0;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 1em;
    margin-top: 1.3em;
    padding: 0.1em 1em;
    text-transform: uppercase;
}
.privacy-policy h2, .privacy-policy h3, .privacy-policy h4 {
    color: #333;
}
.privacy-policy a {
    color: #333 !important;
    font-weight: 700 !important;
    text-decoration: none;
}
.privacy-policy li, .privacy-policy ul {
    list-style-position: outside;
    margin-left: 0.5em;
}
.privacy-policy .green-box ul {
    margin-bottom: 0;
}
.privacy-policy ul {
    list-style-type: disc;
}
.privacy-policy li {
    margin-bottom: 0.5em;
}
.privacy-policy ul > li > ul > li {
    list-style-type: circle;
}
.privacy-policy ul > li > ul > li:first-child {
    margin-top: 0.5em;
}
.privacy-policy li::before {
    display: none !important;
}
.privacy-policy .dark-font {
    color: #333;
}
.privacy-policy .light-font {
    color: #eee;
}
.green-table th {
    background: #eee none repeat scroll 0 0;
    font-weight: 700;
    text-align: left;
}
.green-table td, .green-table th {
    border: thin solid #5f5f5f;
    padding: 0.2em 0.5em;
    vertical-align: middle;
}
.green-table {
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
}
.impressum ul > li::before {
    display: none;
}
.impressum ul {
    padding-left: 0;
}
.style-guide__section {
    border-top: 3px solid #ffc20f;
    padding: 60px 0;
    position: relative;
}
.style-guide__section::before {
    background-color: #ffc20f;
    color: #fff;
    content: attr(data-block);
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    left: 0;
    letter-spacing: 2px;
    line-height: 20px;
    padding: 5px 10px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
}
.color-palette {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    color: rgba(0, 0, 0, 0.7);
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    margin-bottom: 30px;
    max-width: 165px;
    overflow: hidden;
}
.color-palette::after, .color-palette::before {
    content: "";
    display: block;
}
.color-palette::before {
    border-bottom: 1px solid #ddd;
    height: 36px;
    width: 100%;
}
.color-palette::after {
    padding: 10px;
    text-transform: uppercase;
}
.grid__item:first-child .color-palette::before {
    background-color: #ffc20f;
}
.grid__item:first-child .color-palette::after {
    content: "#ffc20f";
}
.grid__item:nth-child(2) .color-palette::before {
    background-color: #c90c21;
}
.grid__item:nth-child(2) .color-palette::after {
    content: "#c90c21";
}
.grid__item:nth-child(3) .color-palette::before {
    background-color: #274e37;
}
.grid__item:nth-child(3) .color-palette::after {
    content: "#274e37";
}
.grid__item:nth-child(4) .color-palette::before {
    background-color: #542d24;
}
.grid__item:nth-child(4) .color-palette::after {
    content: "#542d24";
}
.grid__item:nth-child(5) .color-palette::before {
    background-color: #e1c4bd;
}
.grid__item:nth-child(5) .color-palette::after {
    content: "#e1c4bd";
}
.grid__item:nth-child(6) .color-palette::before {
    background-color: #1f1f1f;
}
.grid__item:nth-child(6) .color-palette::after {
    content: "#1f1f1f";
}
.grid__item:nth-child(7) .color-palette::before {
    background-color: #2f2f2f;
}
.grid__item:nth-child(7) .color-palette::after {
    content: "#2f2f2f";
}
.grid__item:nth-child(8) .color-palette::before {
    background-color: #444;
}
.grid__item:nth-child(8) .color-palette::after {
    content: "#444";
}
.grid__item:nth-child(9) .color-palette::before {
    background-color: #474747;
}
.grid__item:nth-child(9) .color-palette::after {
    content: "#474747";
}
.grid__item:nth-child(10) .color-palette::before {
    background-color: #9d9d9d;
}
.grid__item:nth-child(10) .color-palette::after {
    content: "#9d9d9d";
}
.grid__item:nth-child(11) .color-palette::before {
    background-color: #b4b4b4;
}
.grid__item:nth-child(11) .color-palette::after {
    content: "#b4b4b4";
}
.grid__item:nth-child(12) .color-palette::before {
    background-color: #14a44c;
}
.grid__item:nth-child(12) .color-palette::after {
    content: "#14a44c";
}
.grid__item:nth-child(13) .color-palette::before {
    background-color: #17bd56;
}
.grid__item:nth-child(13) .color-palette::after {
    content: "#17bd56";
}
.grid__item:nth-child(14) .color-palette::before {
    background-color: #1491a4;
}
.grid__item:nth-child(14) .color-palette::after {
    content: "#1491a4";
}
.grid__item:nth-child(15) .color-palette::before {
    background-color: #f0eaca;
}
.grid__item:nth-child(15) .color-palette::after {
    content: "#f0eaca";
}
.grid__item:nth-child(16) .color-palette::before {
    background-color: #ffc;
}
.grid__item:nth-child(16) .color-palette::after {
    content: "#ffc";
}
.grid__item:nth-child(17) .color-palette::before {
    background-color: #e0dea8;
}
.grid__item:nth-child(17) .color-palette::after {
    content: "#e0dea8";
}
.grid__item:nth-child(18) .color-palette::before {
    background-color: #e6e6b8;
}
.grid__item:nth-child(18) .color-palette::after {
    content: "#e6e6b8";
}
.grid__item:nth-child(19) .color-palette::before {
    background-color: #a91717;
}
.grid__item:nth-child(19) .color-palette::after {
    content: "#a91717";
}
.grid__item:nth-child(20) .color-palette::before {
    background-color: #dbdbdb;
}
.grid__item:nth-child(20) .color-palette::after {
    content: "#dbdbdb";
}
.grid__item:nth-child(21) .color-palette::before {
    background-color: #bbb;
}
.grid__item:nth-child(21) .color-palette::after {
    content: "#bbb";
}
.grid__item:nth-child(22) .color-palette::before {
    background-color: #f3f3ef;
}
.grid__item:nth-child(22) .color-palette::after {
    content: "#f3f3ef";
}
.grid__item:nth-child(23) .color-palette::before {
    background-color: #919191;
}
.grid__item:nth-child(23) .color-palette::after {
    content: "#919191";
}
.grid__item:nth-child(24) .color-palette::before {
    background-color: #a78253;
}
.grid__item:nth-child(24) .color-palette::after {
    content: "#a78253";
}
.grid__item:nth-child(25) .color-palette::before {
    background-color: #111;
}
.grid__item:nth-child(25) .color-palette::after {
    content: "#111";
}
.grid__item:nth-child(26) .color-palette::before {
    background-color: #d03029;
}
.grid__item:nth-child(26) .color-palette::after {
    content: "#d03029";
}
.grid__item:nth-child(27) .color-palette::before {
    background-color: #603e1e;
}
.grid__item:nth-child(27) .color-palette::after {
    content: "#603e1e";
}
.grid__item:nth-child(28) .color-palette::before {
    background-color: #94344a;
}
.grid__item:nth-child(28) .color-palette::after {
    content: "#94344a";
}
.grid__item:nth-child(29) .color-palette::before {
    background-color: #2b2219;
}
.grid__item:nth-child(29) .color-palette::after {
    content: "#2b2219";
}
.grid__item:nth-child(30) .color-palette::before {
    background-color: #5b3a2b;
}
.grid__item:nth-child(30) .color-palette::after {
    content: "#5b3a2b";
}
.grid__item:nth-child(31) .color-palette::before {
    background-color: #4e641d;
}
.grid__item:nth-child(31) .color-palette::after {
    content: "#4e641d";
}
.grid__item:nth-child(32) .color-palette::before {
    background-color: #3d1522;
}
.grid__item:nth-child(32) .color-palette::after {
    content: "#3d1522";
}
.grid__item:nth-child(33) .color-palette::before {
    background-color: #076124;
}
.grid__item:nth-child(33) .color-palette::after {
    content: "#076124";
}
.grid__item:nth-child(34) .color-palette::before {
    background-color: #fab82b;
}
.grid__item:nth-child(34) .color-palette::after {
    content: "#fab82b";
}
.grid__item:nth-child(35) .color-palette::before {
    background-color: #fe9051;
}
.grid__item:nth-child(35) .color-palette::after {
    content: "#fe9051";
}
.grid__item:nth-child(36) .color-palette::before {
    background-color: #4469ff;
}
.grid__item:nth-child(36) .color-palette::after {
    content: "#4469ff";
}
.grid__item:nth-child(37) .color-palette::before {
    background-color: #8cc93e;
}
.grid__item:nth-child(37) .color-palette::after {
    content: "#8cc93e";
}
.grid__item:nth-child(38) .color-palette::before {
    background-color: #ea3c24;
}
.grid__item:nth-child(38) .color-palette::after {
    content: "#ea3c24";
}
.grid__item:nth-child(39) .color-palette::before {
    background-color: #ff859a;
}
.grid__item:nth-child(39) .color-palette::after {
    content: "#ff859a";
}
.grid__item:nth-child(40) .color-palette::before {
    background-color: #00b1b7;
}
.grid__item:nth-child(40) .color-palette::after {
    content: "#00b1b7";
}
.grid__item:nth-child(41) .color-palette::before {
    background-color: #7c12bd;
}
.grid__item:nth-child(41) .color-palette::after {
    content: "#7c12bd";
}
.grid__item:nth-child(42) .color-palette::before {
    background-color: #909201;
}
.grid__item:nth-child(42) .color-palette::after {
    content: "#909201";
}
.grid__item:nth-child(43) .color-palette::before {
    background-color: #020a0a;
}
.grid__item:nth-child(43) .color-palette::after {
    content: "#020a0a";
}
.grid__item:nth-child(44) .color-palette::before {
    background-color: #d8509a;
}
.grid__item:nth-child(44) .color-palette::after {
    content: "#d8509a";
}
.grid__item:nth-child(45) .color-palette::before {
    background-color: #1f3263;
}
.grid__item:nth-child(45) .color-palette::after {
    content: "#1f3263";
}
.grid__item:nth-child(46) .color-palette::before {
    background-color: #1b3d60;
}
.grid__item:nth-child(46) .color-palette::after {
    content: "#1b3d60";
}
.grid__item:nth-child(47) .color-palette::before {
    background-color: #000;
}
.grid__item:nth-child(47) .color-palette::after {
    content: "#000";
}
.grid__item:nth-child(48) .color-palette::before {
    background-color: #262626;
}
.grid__item:nth-child(48) .color-palette::after {
    content: "#262626";
}
.grid__item:nth-child(49) .color-palette::before {
    background-color: #18171a;
}
.grid__item:nth-child(49) .color-palette::after {
    content: "#18171a";
}
.grid__item:nth-child(50) .color-palette::before {
    background-color: #ffefd4;
}
.grid__item:nth-child(50) .color-palette::after {
    content: "#ffefd4";
}
.grid__item:nth-child(51) .color-palette::before {
    background-color: #ffc25a;
}
.grid__item:nth-child(51) .color-palette::after {
    content: "#ffc25a";
}
.grid__item:nth-child(52) .color-palette::before {
    background-color: #06a544;
}
.grid__item:nth-child(52) .color-palette::after {
    content: "#06a544";
}
.grid__item:nth-child(53) .color-palette::before {
    background-color: #dfdfde;
}
.grid__item:nth-child(53) .color-palette::after {
    content: "#dfdfde";
}
.grid__item:nth-child(54) .color-palette::before {
    background-color: #70562b;
}
.grid__item:nth-child(54) .color-palette::after {
    content: "#70562b";
}
.grid__item:nth-child(55) .color-palette::before {
    background-color: #9e9996;
}
.grid__item:nth-child(55) .color-palette::after {
    content: "#9e9996";
}
.grid__item:nth-child(56) .color-palette::before {
    background-color: #c4e3f3;
}
.grid__item:nth-child(56) .color-palette::after {
    content: "#c4e3f3";
}
.grid__item:nth-child(57) .color-palette::before {
    background-color: #f8f8f8;
}
.grid__item:nth-child(57) .color-palette::after {
    content: "#f8f8f8";
}
.grid__item:nth-child(58) .color-palette::before {
    background-color: #a96647;
}
.grid__item:nth-child(58) .color-palette::after {
    content: "#a96647";
}
.grid__item:nth-child(59) .color-palette::before {
    background-color: #a1363d;
}
.grid__item:nth-child(59) .color-palette::after {
    content: "#a1363d";
}
.grid__item:nth-child(60) .color-palette::before {
    background-color: #e7e9f4;
}
.grid__item:nth-child(60) .color-palette::after {
    content: "#e7e9f4";
}
.grid__item:nth-child(61) .color-palette::before {
    background-color: #e02930;
}
.grid__item:nth-child(61) .color-palette::after {
    content: "#e02930";
}
.press-room-contact {
    font-size: 19px;
    line-height: 24px;
}
.press-room-contact p {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
}
.press-room-contact a:not([class]) {
    color: #1f1f1f;
    display: inline-block;
    margin-bottom: 10px;
}
.press-room-contact a:hover:not([class]) {
    text-decoration: none;
}
@media only screen and (min-width: 768px) {
.press-room-contact__left {
    display: inline-block;
    vertical-align: top;
    width: 340px;
}
.press-room-contact__right {
    display: inline-block;
    text-align: right;
    vertical-align: top;
    width: calc(100% - 340px);
}
.press-room-contact__call-to-action {
    display: inline-block;
    text-align: center;
    width: 320px;
}
}
@media only screen and (max-width: 767px) {
.press-room-contact__left {
    margin-bottom: 30px;
}
}
.product-list-cover {
    background: #000 url("../img/cover-products-list.jpg") no-repeat scroll center bottom / cover ;
    border-top: 1px solid #474747;
    color: #fff;
    font-size: 19px;
    line-height: 24px;
}
.product-list-cover h1 {
    margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.product-list-cover__data {
    display: inline-block;
    margin-bottom: 0;
}
.product-list-cover__data:not(.product-list-cover__data--hide) + .product-list-cover__data {
    margin-left: 50px;
}
}
.products__list-properties-border {
    border-bottom: 2px solid #f3f3ef;
    padding-bottom: 10px;
}
.products__list-properties.no-results .products__counter {
    display: none;
}
.products__list-properties.no-results .products__no-results {
    display: block;
}
.products__list-properties .products-count {
    font-weight: 700;
    padding-left: 5px;
}
.products__list-properties .products__category-conditions-name, .products__list-properties .products__conditions-name {
    position: absolute;
}
.products__list-properties .products__category-conditions-name-style, .products__list-properties .products__conditions-name-style {
    padding: 10px 0;
}
.products__list-properties .products__category-conditions-all, .products__list-properties .products__conditions-all {
    font-size: 16px;
    padding: 9px 0;
}
.products__list-properties .products__category-conditions-div, .products__list-properties .products__conditions-div {
    margin-left: 110px;
}
.products__list-properties .products__category-conditions-font, .products__list-properties .products__conditions-font {
    font-size: 20px;
}
.products__list-properties .products__category-conditions span, .products__list-properties .products__conditions span {
    font-size: 16px;
    margin-right: 10px;
}
.products__list-properties .products__category-conditions .condition:not(.display--none), .products__list-properties .products__conditions .condition:not(.display--none) {
    background-color: #f3f3ef;
    display: inline-block;
    font-size: 16px;
    margin: 0 15px 15px 0;
    padding: 10px 65px 10px 15px;
    position: relative;
}
@media screen and (max-width: 768px) {
.products__list-properties .products__category-conditions .condition:not(.display--none), .products__list-properties .products__conditions .condition:not(.display--none) {
    max-width: 240px;
    width: 100%;
}
}
.products__list-properties .products__category-conditions-close, .products__list-properties .products__conditions-close {
    background-color: #d03029;
    cursor: pointer;
    height: 100%;
    padding: 10px 18px;
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
}
.products__list-properties .products__category-conditions-close:hover, .products__list-properties .products__conditions-close:hover {
    background-color: #a91717;
}
.products__list-properties .products__category-conditions-close::before, .products__list-properties .products__conditions-close::before {
    content: url("../svg/icons/icon-delete.svg");
    height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.products__counter {
    padding-top: 15px;
}
.products__content .section--slim {
    padding: 0 0 60px;
}
.section.products__list {
    padding-bottom: 0;
}
.is-filtered .products__list__categories:not(.is-result), .is-filtered .products__list__item:not(.is-result) {
    display: none !important;
}
.products__list img {
    max-width: 100%;
}
.products__list__item {
    padding-bottom: 10px;
}
.products__list__item a {
    text-decoration: none;
}
.products__list__item a:hover {
    text-decoration: underline;
}
.products__list__item__wrapper {
    margin: 0 auto 30px;
    max-width: 200px;
    position: relative;
    text-align: center;
}
.products__list__thumbnail {
    text-align: center;
}
.products__list__thumbnail img {
    max-width: 100%;
}
.products__list__name {
    font-weight: 700;
    text-align: center;
}
.products__list__categories {
    padding-bottom: 10px;
}
.products__list__flag {
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    width: 100%;
}
.products__list__flag--right {
    text-align: right;
}
.products__list__newness {
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 100%;
}
.products__list__peanut {
    left: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%;
}
.category__menu__content ul li {
    height: inherit;
    padding-bottom: 30px;
    text-align: left;
}
.category__menu__content p a {
    text-decoration: underline;
}
.category__menu__content p a:hover {
    text-decoration: none;
}
.category__menu__content .products__list__item p {
    font-size: 17px;
    line-height: 21px;
}
.category__menu__content .products__list__item p.text--small {
    font-size: 15px;
    line-height: 19px;
}
@media only screen and (min-width: 768px) {
.products__list__item__wrapper {
    margin: 0 auto 50px;
}
}
@media screen and (min-width: 768px) {
.products__layout {
    min-height: 1500px;
}
}
.product-list-search h2 {
    position: relative;
}
.product-list-search .search .checkbox {
    font-weight: 200;
}
.product-list-search .search li {
    padding-top: 30px;
}
.product-list-search .search li.first {
    padding-top: 0;
}
.product-list-search .search li:not(.is-result) {
    display: none;
}
.product-list-search .search__more {
    -moz-user-select: none;
    color: #666;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    padding: 15px 0 15px 45px;
    position: relative;
    text-decoration: underline;
}
.product-list-search .search__more.display--none {
    display: none;
}
.product-list-search .search__more:hover {
    text-decoration: none;
}
.product-list-search .search__more-icon {
    border: 2px solid #666;
    left: 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.product-list-search .search__more-icon::after, .product-list-search .search__more-icon::before {
    background-color: #666;
}
.product-list-search li {
    opacity: 1;
    transition: opacity 0.3s ease-out 0s;
}
@media only screen and (max-width: 767px) {
.layout__aside {
    background-color: #f3f3ef;
}
.search .checkbox__box {
    border: 1px solid #dbdbdb;
}
.product-list-search .search__more {
    display: none;
}
}
@media only screen and (min-width: 768px) {
.product-list-search .li-hide {
    display: none;
    opacity: 0;
}
}
.allergens {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
}
.allergens__item {
    border-bottom: 1px solid #e0dea8;
    margin-bottom: 10px;
    padding: 0 10px 5px;
    white-space: nowrap;
}
.allergens__item::before {
    border: 2px solid #e6e6b8;
    content: "";
    display: inline-block;
    height: 10px;
    margin-bottom: 2px;
    margin-right: 10px;
    vertical-align: middle;
    width: 10px;
}
.allergens__item--available::before {
    background-color: #a91717;
    border-color: #a91717;
}
.allergens__item--available {
    font-weight: 700;
}
@media only screen and (min-width: 1024px) {
.allergens__item {
    display: inline-block;
    width: calc(50% - 10px);
}
.allergens__item:nth-child(2n) {
    margin-left: 20px;
}
}
.product-cover {
    background: #000 url("../img/cover-products.jpg") no-repeat scroll center bottom / cover ;
    border-top: 1px solid #474747;
    color: #fff;
    padding-bottom: 20px;
}
.product-cover .visual:not(.visual--happy-meal) {
    min-height: 300px;
}
.product-cover a:not(.button) {
    color: #fff;
}
.product-cover .breadcrumbs {
    margin-bottom: 0;
}
.product-cover .description, .product-cover .description p {
    font-size: 20px;
}
.product-cover .additional__description, .product-cover .additional__description p {
    font-size: 14px;
    line-height: 26px;
}
@media only screen and (max-width: 767px) {
.product-cover .visual:not(.visual--happy-meal) {
    text-align: center;
}
.product-cover .visual:not(.visual--happy-meal) img {
    width: 300px;
}
.product-cover .visual--happy-meal {
    padding-top: 50px;
}
.product-cover .breadcrumbs {
    margin-bottom: 25px;
}
}
.ingredient-details {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.ingredient-details {
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 15px;
}
}
.ingredient-details__image {
    flex: 0 0 48%;
}
.ingredient-details__image > img {
    width: 100%;
}
.ingredient-details__info {
    flex: 0 0 48%;
}
.ingredient-details__title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 1em;
}
@media only screen and (max-width: 767px) {
.ingredient-details__title {
    margin-top: 1em;
}
}
.ingredient-details__body {
    font-size: 18px;
    line-height: 1.5;
    padding-right: 5em;
}
@media only screen and (max-width: 767px) {
.ingredient-details__body {
    padding-right: 0;
}
}
.ingredient-details__body > p {
    margin-top: 1em;
}
.ingredient-details__map {
    margin-top: 2em;
    text-align: right;
}
@media only screen and (max-width: 480px) {
.ingredient-details__map img {
    width: 100%;
}
}
.ingredient-wrapper {
    display: flex;
    overflow-x: auto;
    width: 100%;
}
@media only screen and (max-width: 767px) {
.ingredient-wrapper {
    padding: 0 20px;
}
}
.ingredient {
    line-height: 1px;
    padding: 0 5px;
    text-align: center;
}
.ingredient__quality {
    border-bottom: 1px solid #fff;
    min-width: 85px;
    padding-bottom: 30px;
    width: 14.2857%;
}
.ingredient.is-active {
    position: relative;
}
.ingredient.is-active::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #fff #fff;
    border-image: none;
    border-style: solid;
    border-width: 10px;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 93.5%;
    transform: translateX(-50%) rotate(-45deg);
    width: 0;
}
@media only screen and (max-width: 767px) {
.ingredient:last-child::after {
    content: "";
    display: block;
    height: 1px;
    width: 105px;
}
}
.ingredient__name {
    font-size: 11px;
    font-weight: 700;
    line-height: 15px;
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase;
}
.ingredient img {
    height: auto;
    max-width: 80px;
    width: 100%;
}
.ingredient__legal {
    font-size: 12px;
    line-height: 16px;
    padding-top: 30px;
    text-align: center;
}
@media only screen and (min-width: 768px) {
.ingredient {
    margin-bottom: 40px;
}
.ingredient__name {
    font-size: 16px;
    line-height: 20px;
    padding-top: 20px;
}
.ingredient img {
    max-width: 100px;
}
.ingredient__legal {
    padding-top: 60px;
}
}
@media only screen and (min-width: 1024px) {
.ingredient {
    padding-bottom: 50px;
}
}
.menu-offer {
    margin: 0 auto;
    max-width: 290px;
}
.menu-offer__thumbnail {
    line-height: 1px;
}
.menu-offer__thumbnail img {
    height: auto;
    max-width: 100%;
}
.menu-offer__title {
    font-family: Source Sans Pro,sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 0;
}
.grid__item:not(:last-child) .menu-offer {
}
@media only screen and (min-width: 768px) {
.menu-offer__title {
    font-size: 26px;
    line-height: 30px;
}
}
@media only screen and (min-width: 481px) {
.grid__item:not(:last-child) .menu-offer {
    margin-bottom: 0;
}
}
.nutrition-table {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 30px;
    width: 100%;
}
.nutrition-table tr:not(:first-child):not(:last-child) {
    border-bottom: 1px solid #dbdbdb;
}
.nutrition-table td, .nutrition-table th {
    padding: 10px 8px;
}
.nutrition-table th {
    font-size: 15px;
    line-height: 19px;
    text-align: center;
}
.nutrition-table th b {
    text-transform: uppercase;
}
.nutrition-table td:not(:first-child) {
    text-align: center;
}
.nutrition-table td:first-child {
    font-style: italic;
}
.nutrition-table td:first-child b {
    font-style: normal;
}
.nutrition-table + p {
    padding-left: 8px;
}
@media only screen and (max-width: 767px) {
.nutrition-table {
    font-size: 15px;
    line-height: 19px;
}
.nutrition-table th {
    font-size: 13px;
    line-height: 17px;
}
.nutrition-table__switch {
    color: #1f1f1f;
    display: block;
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 20px;
    text-align: center;
    text-decoration: none;
}
.nutrition-table__switch:not(.nutrition-table__switch--in100g)::after {
    content: "Váltás 100 grammra";
}
.nutrition-table__switch--in100g::after {
    content: "Váltás Adagonként (" attr(data-portion) "g)*-ra";
}
.nutrition-table__switch--in100g + .nutrition-table td:nth-child(2), .nutrition-table__switch--in100g + .nutrition-table td:nth-child(3), .nutrition-table__switch--in100g + .nutrition-table th:nth-child(2), .nutrition-table__switch--in100g + .nutrition-table th:nth-child(3), .nutrition-table__switch:not(.nutrition-table__switch--in100g) + .nutrition-table td:nth-child(4), .nutrition-table__switch:not(.nutrition-table__switch--in100g) + .nutrition-table td:nth-child(5), .nutrition-table__switch:not(.nutrition-table__switch--in100g) + .nutrition-table th:nth-child(4), .nutrition-table__switch:not(.nutrition-table__switch--in100g) + .nutrition-table th:nth-child(5) {
    display: none;
}
}
@media only screen and (min-width: 768px) {
.nutrition-table__switch {
    display: none;
}
}
.nutrition-variants__item:not(.is-visible) {
    display: none;
}
.bigmac__hero {
    line-height: 1px;
}
.bigmac__hero img {
    width: 100%;
}
.bigmac__video {
    padding: 45px 0;
    width: 100%;
}
.bigmac__img {
    border: 20px solid #fff;
    box-shadow: 0 20px 100px -15px rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    max-width: 800px;
}
.bigmac__img::before {
    background-color: rgba(31, 31, 31, 0.3);
}
.bigmac__img::after {
    background: rgba(0, 0, 0, 0) url("../img/ajanlatok/bigmac-playbutton.png") repeat scroll 0 0;
    height: 73px;
    width: 100px;
}
@media only screen and (max-width: 1439px) {
.bigmac__hero {
    overflow: hidden;
}
.bigmac__hero img {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: calc(100% + 1300px);
}
}
@media only screen and (max-width: 1023px) {
.bigmac__hero img {
    width: calc(100% + 1100px);
}
}
@media only screen and (max-width: 767px) {
.bigmac__video {
    padding: 20px 0;
}
.bigmac__img {
    margin: 0;
}
.bigmac__hero img {
    width: calc(100% + 900px);
}
}
@media only screen and (max-width: 480px) {
.bigmac__hero img {
    width: calc(100% + 600px);
}
}
.bounty__hero {
    line-height: 1px;
}
.bounty__hero img {
    width: 100%;
}
.bounty__video {
    padding: 45px 0;
    width: 100%;
}
.bounty__img {
    border: 20px solid #fff;
    box-shadow: 0 20px 100px -15px rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    max-width: 800px;
}
.bounty__img::before {
    background-color: rgba(31, 31, 31, 0.3);
}
.bounty__img::after {
    background: rgba(0, 0, 0, 0) url("../img/ajanlatok/bounty-playbutton.png") repeat scroll 0 0;
    height: 73px;
    width: 100px;
}
@media only screen and (max-width: 1439px) {
.bounty__hero {
    overflow: hidden;
}
.bounty__hero img {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: calc(100% + 1300px);
}
}
@media only screen and (max-width: 1023px) {
.bounty__hero img {
    width: calc(100% + 1100px);
}
}
@media only screen and (max-width: 767px) {
.bounty__video {
    padding: 20px 0;
}
.bounty__img {
    margin: 0;
}
.bounty__hero img {
    width: calc(100% + 900px);
}
}
@media only screen and (max-width: 480px) {
.bounty__hero img {
    width: calc(100% + 600px);
}
}
.caffe__cover {
    line-height: 1px;
}
.caffe__cover img {
    width: 100%;
}
.caffe__video {
    background-color: #f3f2ee;
    padding: 45px 0;
    width: 100%;
}
.caffe__img {
    border: 20px solid #fff;
    box-shadow: 0 20px 100px -15px rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    max-width: 800px;
}
.caffe__img::after {
    background: rgba(0, 0, 0, 0) url("../img/ajanlatok/caffe-playbutton.png") repeat scroll 0 0;
    height: 73px;
    width: 100px;
}
.wrapper.caffe--wrapper {
    max-width: 1370px;
}
@media (min-width: 768px) and (max-width: 1370px) {
.wrapper.caffe--wrapper {
    margin: 0;
    padding: 0;
}
}
@media only screen and (max-width: 767px) {
.caffe__video {
    margin: 0 -15px;
    padding: 20px 0;
    width: calc(100% + 30px);
}
.caffe__img {
    margin: 0 15px;
}
.caffe__cover {
    margin: 0 -15px;
    overflow: hidden;
}
.caffe__cover img {
    margin-left: -65px;
    width: calc(100% + 135px);
}
}
.charity__hero {
    line-height: 1px;
}
.charity__hero img {
    width: 100%;
}
.charity__header {
    text-transform: uppercase;
}
.charity__text {
    text-align: left;
}
.charity__text ul {
    margin-left: 40px;
    position: relative;
}
.charity__text li {
    padding-left: 30px;
    position: relative;
}
.charity__text li::before {
    left: 0;
    position: absolute;
    top: 10px;
}
.charity__text p {
    margin-bottom: 0;
}
.charity__text p:not(:first-of-type) {
    margin-top: 20px;
}
.charity__video {
    padding: 0 0 75px;
    width: 100%;
}
.charity__img {
    border: 20px solid #fff;
    box-shadow: 0 20px 100px -15px rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    max-width: 800px;
}
.charity__img::before {
    background-color: rgba(31, 31, 31, 0.3);
}
.charity__img::after {
    background: rgba(0, 0, 0, 0) url("../img/ajanlatok/charity-playbutton.png") repeat scroll 0 0;
    height: 73px;
    width: 100px;
}
.charity__bottom {
    padding-bottom: 100px;
}
.charity a {
    margin: 30px 0;
}
@media only screen and (max-width: 1439px) {
.charity__hero {
    overflow: hidden;
}
.charity__hero img {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: calc(100% + 1100px);
}
}
@media only screen and (max-width: 1023px) {
.charity__hero img {
    width: calc(100% + 700px);
}
}
@media only screen and (max-width: 767px) {
.charity__video {
    padding: 0 0 25px;
}
.charity__img {
    margin: 0;
}
.charity__hero img {
    width: calc(100% + 500px);
}
}
@media only screen and (max-width: 480px) {
.charity__hero img {
    width: calc(100% + 300px);
}
}
.cola__hero {
    line-height: 1px;
}
.cola__hero img {
    width: 100%;
}
.cola__video {
    background-color: #f3f2ee;
    padding: 45px 0;
    width: 100%;
}
.cola__img {
    border: 20px solid #fff;
    box-shadow: 0 20px 100px -15px rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    max-width: 800px;
}
.cola__img::after {
    background: rgba(0, 0, 0, 0) url("../img/ajanlatok/cola-playbutton.png") repeat scroll 0 0;
    height: 73px;
    width: 100px;
}
@media screen and (max-width: 1700px) {
.cola__hero {
    overflow: hidden;
}
.cola__hero img {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: calc(100% + 1000px);
}
}
@media only screen and (max-width: 1439px) {
.cola__hero img {
    width: calc(100% + 1200px);
}
}
@media only screen and (max-width: 1023px) {
.cola__hero img {
    width: calc(100% + 1100px);
}
}
@media only screen and (max-width: 767px) {
.cola__video {
    padding: 20px 0;
}
.cola__img {
    margin: 0;
}
.cola__hero img {
    width: calc(100% + 750px);
}
}
@media only screen and (max-width: 480px) {
.cola__hero img {
    width: calc(100% + 500px);
}
}
.hot__hero {
    line-height: 1px;
}
.hot__hero img {
    width: 100%;
}
.hot__video {
    padding: 45px 0;
    width: 100%;
}
.hot__img {
    border: 20px solid #fff;
    box-shadow: 0 20px 100px -15px rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    max-width: 800px;
}
.hot__img::before {
    background-color: rgba(31, 31, 31, 0.3);
}
.hot__img::after {
    background: rgba(0, 0, 0, 0) url("../img/ajanlatok/hot-playbutton.png") repeat scroll 0 0 / 100px 75px;
    height: 75px;
    width: 100px;
}
@media screen and (max-width: 1700px) {
.hot__hero {
    overflow: hidden;
}
.hot__hero img {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: calc(100% + 900px);
}
}
@media screen and (max-width: 1500px) {
.hot__hero {
    overflow: hidden;
}
.hot__hero img {
    width: calc(100% + 1100px);
}
}
@media only screen and (max-width: 767px) {
.hot__video {
    padding: 20px 0;
}
.hot__img {
    margin: 0;
}
.hot__hero img {
    width: calc(100% + 900px);
}
}
@media only screen and (max-width: 480px) {
.hot__hero img {
    width: calc(100% + 600px);
}
}
.kitkat__bg {
    background-color: #fff8ef;
}
.kitkat__hero {
    line-height: 1px;
}
.kitkat__hero img {
    width: 100%;
}
.kitkat__video {
    background-color: #d51224;
    padding: 45px 0;
    width: 100%;
}
.kitkat__img {
    border: 20px solid #fff;
    box-shadow: 0 20px 100px -15px rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    max-width: 800px;
}
.kitkat__img::before {
    background-color: rgba(31, 31, 31, 0.3);
}
.kitkat__img::after {
    background: rgba(0, 0, 0, 0) url("../img/ajanlatok/kitkat-playbutton.png") repeat scroll 0 0 / 100px 75px;
    height: 75px;
    width: 100px;
}
@media screen and (max-width: 1700px) {
.kitkat__hero {
    overflow: hidden;
}
.kitkat__hero img {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: calc(100% + 400px);
}
}
@media screen and (max-width: 1500px) {
.kitkat__hero {
    overflow: hidden;
}
.kitkat__hero img {
    width: calc(100% + 1100px);
}
}
@media only screen and (max-width: 767px) {
.kitkat__video {
    padding: 20px 0;
}
.kitkat__img {
    margin: 0;
}
.kitkat__hero img {
    width: calc(100% + 750px);
}
}
@media only screen and (max-width: 480px) {
.kitkat__hero img {
    width: calc(100% + 500px);
}
}
.maestro {
    background: #000 none repeat scroll 0 0;
    color: #fff;
}
.maestro .m-hero {
    background: rgba(0, 0, 0, 0) url("../img/offers/maestro/hero-background.jpg") no-repeat scroll center bottom / cover ;
    overflow: hidden;
    padding-bottom: 5vw;
    text-align: center;
}
.maestro .m-hero__logo {
    line-height: 1px;
}
.maestro .m-hero__logo img {
    max-width: 100%;
}
.maestro .m-hero__logo--basic {
    margin: 0 auto;
    width: 40%;
}
.maestro .m-hero__logo--teodor {
    margin-bottom: -6.5%;
}
.maestro .m-burgers {
    box-sizing: content-box;
    margin: 0 auto;
    max-width: 1110px;
    position: relative;
    white-space: nowrap;
}
.maestro .m-burgers__item {
    display: inline-block;
    position: relative;
    vertical-align: bottom;
}
.maestro .m-burgers__item img {
    height: auto;
    max-width: 100%;
}
.maestro .m-burgers__item--teodor {
    z-index: 50;
}
.maestro .m-burgers__item--teodor::before {
    background: rgba(0, 0, 0, 0) url("../img/offers/maestro/mushrooms-small.png") no-repeat scroll 50% center / cover ;
    content: "";
    height: 57.018%;
    left: -21.5%;
    position: absolute;
    top: 17.25%;
    width: 45.802%;
}
.maestro .m-burgers__item--teodor img {
    position: relative;
}
.maestro .m-burgers__item--potato {
    bottom: 5px;
    left: 27%;
    position: absolute;
    width: 40%;
    z-index: 20;
}
.maestro .m-burgers__item--big {
    width: 50%;
}
.maestro .m-burgers__item--jack {
    width: 62.6%;
    z-index: 20;
}
.maestro .m-burgers__item--jackline {
    margin-left: -22%;
    width: 58.7%;
    z-index: 10;
}
.maestro .m-burgers__badge {
    display: block;
    line-height: 1px;
}
.maestro .m-burgers__additional, .maestro .m-burgers__main {
    display: inline-block;
    vertical-align: top;
}
.maestro .m-burgers__main {
    width: 54%;
}
.maestro .m-burgers__additional {
    margin-left: -6%;
    width: 52%;
}
.maestro .m-section {
    overflow: hidden;
}
.maestro .m-section--ingredient, .maestro .m-section--product, .maestro .m-section--video {
    background-repeat: no-repeat;
    font-family: Montserrat,sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    padding: 50px 0;
}
.maestro .m-section--ingredient p, .maestro .m-section--product p, .maestro .m-section--video p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
}
.maestro .m-section--ingredient p:last-child, .maestro .m-section--product p:last-child, .maestro .m-section--video p:last-child {
    margin-bottom: 0;
}
.maestro .m-section--video {
    background-image: url("../img/offers/maestro/section-background--video.jpg");
}
.maestro .m-section--product {
    background-image: url("../img/offers/maestro/section-background--product.jpg");
}
.maestro .m-section--ingredient {
    background-image: url("../img/offers/maestro/section-background--ingredient.jpg");
}
.maestro .m-section--teodor .m-visual--product::before {
    background: rgba(0, 0, 0, 0) url("../img/offers/maestro/mushrooms.png") no-repeat scroll 50% center / cover ;
    content: "";
    height: 56.345%;
    left: -45%;
    position: absolute;
    top: 25%;
    width: 51.165%;
}
.maestro .m-section--teodor .m-visual--product > a {
    position: relative;
}
.maestro .m-section--info {
    background-color: #d9d9d9;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    padding: 15px 0;
    text-align: center;
}
.maestro .m-visual {
    display: inline-block;
    line-height: 1px;
}
.maestro .m-visual--video {
    border: 2px solid #8bcfde;
    display: inline-block;
    margin-bottom: 25px;
    position: relative;
}
.maestro .m-visual--video img {
    transition: opacity 0.25s ease 0s;
}
.maestro .m-visual--video:not(:hover) img {
    opacity: 0.7;
}
.maestro .m-visual--video::after {
    content: url("../svg/maestro-play.svg");
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.maestro .m-visual a {
    display: block;
    line-height: 1px;
}
.maestro .m-visual img {
    max-width: 100%;
}
.maestro .m-badge {
    line-height: 1px;
    margin-bottom: 20px;
    text-align: center;
}
.maestro .m-badge svg {
    height: auto;
}
.maestro .m-badge--teodor img {
    max-width: 204px;
}
.maestro .m-badge--jack img {
    max-width: 144px;
}
.maestro .m-badge--jackline img {
    max-width: 228px;
}
.maestro .m-badge--potato img {
    max-width: 141px;
}
.maestro h3 {
    font-family: Montserrat,sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 28px;
}
.maestro figure[data-go-to] {
    cursor: pointer;
}
@media only screen and (min-width: 1024px) {
.maestro .m-section--info {
    font-size: 18px;
    line-height: 22px;
    padding: 35px 0;
}
.maestro .m-section--ingredient, .maestro .m-section--product, .maestro .m-section--video {
    font-size: 22px;
    line-height: 26px;
    padding: 100px 0;
}
.maestro .m-section--ingredient p, .maestro .m-section--product p, .maestro .m-section--video p {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 25px;
}
.maestro .m-section--teodor .m-visual--product::before {
    height: 63.495%;
    left: -80%;
    top: 33.5%;
    width: 69.814%;
}
.maestro .m-badge {
    margin-bottom: 35px;
    text-align: left;
}
.maestro .m-badge img {
    max-width: 100%;
}
.maestro .m-visual--video {
    margin-bottom: 0;
}
.maestro h3 {
    font-size: 48px;
    line-height: 52px;
}
}
@media only screen and (min-width: 1170px) {
.maestro .m-hero {
    background-size: auto auto;
    padding-bottom: 60px;
}
}
@media screend and (min-width: 2561px) {
.maestro .m-hero {
    background-size: cover;
}
}
@media only screen and (max-width: 1023px) {
.maestro .m-text-box {
    margin: 0 auto;
    max-width: 430px;
}
.maestro .m-visual {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 430px;
}
.maestro .m-section--product {
    background-size: auto 410px;
}
.maestro .m-section--ingredient {
    background-size: auto 330px;
}
.maestro .m-section--gostav {
    background-position: center top -15px;
}
.maestro .m-section--goose {
    background-position: center top -10px;
}
.maestro .m-section--jack {
    background-position: center top -15px;
}
.maestro .m-section--maredsous-cheese {
    background-position: center top 50px;
}
.maestro .m-section--beef {
    background-position: center top -40px;
}
.maestro .m-section--jackline {
    background-position: center top -35px;
}
.maestro .m-section--chicken {
    background-position: center top -25px;
}
.maestro .m-section--emmental-cheese {
    background-position: center top 40px;
}
.maestro .m-section--potato {
    background-position: center top -52px;
}
}
@media only screen and (max-width: 480px) {
.maestro .m-visual {
    max-width: 290px;
}
.maestro .m-section--product {
    background-size: auto 290px;
}
.maestro .m-section--ingredient {
    background-size: auto 235px;
}
.maestro .m-section--gostav {
    background-position: center top -15px;
}
.maestro .m-section--goose {
    background-position: center top;
}
.maestro .m-section--jack {
    background-position: center top -15px;
}
.maestro .m-section--maredsous-cheese {
    background-position: center top 50px;
}
.maestro .m-section--beef {
    background-position: center top -20px;
}
.maestro .m-section--jackline {
    background-position: center top -35px;
}
.maestro .m-section--chicken {
    background-position: center top;
}
.maestro .m-section--emmental-cheese {
    background-position: center top 30px;
}
.maestro .m-section--potato {
    background-position: center top -15px;
}
}
@media only screen and (min-width: 768px) {
.maestro .m-burgers--left {
    right: 5%;
}
.maestro .m-burgers--right {
    left: 5%;
}
.maestro .m-burgers--potato {
    bottom: -20px;
    left: 23%;
    width: 50%;
}
}
@media only screen and (min-width: 1024px) {
.maestro .m-section--jack .m-visual img, .maestro .m-section--jackline .m-visual img, .maestro .m-section--teodor .m-visual img {
    max-width: 140%;
}
.maestro .m-section--jack .m-visual img, .maestro .m-section--jackline .m-visual img, .maestro .m-section--teodor .m-visual img {
    margin: 0 0 -95px -155px;
}
.maestro .m-visual--ingredient img {
    margin-bottom: -50px;
}
.maestro .m-section--product {
    background-position: center bottom -10px;
}
.maestro .m-section--ingredient {
    background-position: center bottom;
}
.maestro .m-section--video {
    background-position: 50% center;
}
.maestro .m-text-box {
    background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , rgba(0, 0, 0, 0.5) 0px, transparent 70%) repeat scroll 0 0;
    position: relative;
}
}
@media only screen and (min-width: 1440px) {
.maestro .m-burgers__main {
    width: 655px;
}
.maestro .m-burgers__additional {
    width: 661px;
}
.maestro .m-section--jack .m-visual img, .maestro .m-section--jackline .m-visual img, .maestro .m-section--teodor .m-visual img {
    max-width: 155%;
}
.maestro .m-section--teodor .m-visual img {
    margin: 0 0 -45px -170px;
}
.maestro .m-section--jack .m-visual img, .maestro .m-section--jackline .m-visual img {
    margin: 0 0 -110px -235px;
}
}
.has-animation .animation-fall-off {
    transform: translateY(-100%);
}
.has-animation .animation--through.animation-slide-left {
    transform: translateX(-100vw);
}
.has-animation .animation--through.animation-slide-right {
    transform: translateX(100vw);
}
.has-animation .animation-hanging {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: 0 0 0;
}
.has-animation .animation-pulse {
    display: block;
}
.is-animate .animation-hanging {
    animation: 1s linear 0s normal forwards 1 running e;
}
.is-animate .animation-fall-off {
    animation: 1s linear 0s normal forwards 1 running b;
}
.is-animate .animation-pulse {
    animation: 4s ease-out 0s normal forwards infinite running f;
}
.ie11 .is-animate .animation-slide-left, .ie11 .is-animate .animation-slide-right {
    animation: 1.5s ease-out 0s normal forwards 1 running c;
}
.ie11 .is-animate .animation--t0 {
    animation-delay: 1s;
}
.ie11 .is-animate .animation--t1 {
    animation-delay: 2s;
}
.ie11 .is-animate .animation--t2 {
    animation-delay: 3s;
}
.ie11 .is-animate .animation--t3 {
    animation-delay: 4s;
}
.ie11 .is-animate .animation--t4 {
    animation-delay: 5s;
}
.ie11 .is-animate .animation--t5 {
    animation-delay: 6s;
}
.ie11 .is-animate .animation--t0d5 {
    animation-delay: 1.5s;
}
.ie11 .is-animate .animation--t1d5 {
    animation-delay: 2.5s;
}
.ie11 .is-animate .animation--t2d5 {
    animation-delay: 3.5s;
}
.ie11 .is-animate .animation--t3d5 {
    animation-delay: 4.5s;
}
.ie11 .is-animate .animation--t4d5 {
    animation-delay: 5.5s;
}
.ie11 .is-animate .animation--d075 {
    animation-duration: 1.75s;
}
.ie11 .is-animate .animation--d1 {
    animation-duration: 2s;
}
.ie11 .is-animate .animation--d2 {
    animation-duration: 3s;
}
.ie11 .is-animate .animation--d3 {
    animation-duration: 4s;
}
.ie11 .is-animate .animation--d4 {
    animation-duration: 5s;
}
@keyframes b {
0% {
    animation-timing-function: ease-in;
    transform: translateY(-100%);
}
30% {
    animation-timing-function: ease-out;
    transform: translateY(0px);
}
50% {
    animation-timing-function: ease-in;
    transform: translateY(-15%);
}
60% {
    animation-timing-function: ease-out;
    transform: translateY(0px);
}
70% {
    animation-timing-function: ease-in;
    transform: translateY(-8%);
}
80% {
    animation-timing-function: ease-out;
    transform: translateY(0px);
}
90% {
    animation-timing-function: ease-in;
    transform: translateY(-5%);
}
100% {
    transform: translateY(0px);
}
}
@keyframes c {
100% {
    transform: translateX(0px);
}
}
@keyframes d {
100% {
    opacity: 1;
}
}
@keyframes e {
0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: rotate(-90deg);
}
37% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: rotate(0deg);
}
55% {
    animation-timing-function: ease-in;
    opacity: 1;
    transform: rotate(-14deg);
}
73% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: rotate(0deg);
}
82% {
    animation-timing-function: ease-in;
    opacity: 1;
    transform: rotate(-6deg);
}
95% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: rotate(0deg);
}
90% {
    animation-timing-function: ease-in;
    opacity: 1;
    transform: rotate(-2deg);
}
100% {
    opacity: 1;
    transform: rotate(0deg);
}
}
@keyframes f {
0% {
    transform: scale(1);
}
15% {
    transform: scale(1.08);
}
25% {
    transform: scale(1);
}
100% {
    transform: scale(1);
}
}
.mcmoment__hero {
    line-height: 1px;
    overflow: hidden;
}
.mcmoment__hero img {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}
.mcmoment__video {
    background: #fcbc00 none repeat scroll 0 0;
    padding: 10px 0 45px;
    width: 100%;
}
.mcmoment__img {
    border: 20px solid #fff;
    box-shadow: 0 20px 100px -15px rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    max-width: 800px;
}
.mcmoment__img::before {
    background-color: rgba(31, 31, 31, 0.3);
}
.mcmoment__img::after {
    background: rgba(0, 0, 0, 0) url("../img/ajanlatok/mcmoment-playbutton.png") repeat scroll 0 0 / 100px 75px;
    height: 75px;
    width: 100px;
}
@media screen and (min-width: 2500px) {
.mcmoment__hero img {
    width: 100%;
}
}
@media only screen and (max-width: 1439px) {
.mcmoment__hero img {
    width: 170%;
}
}
@media only screen and (max-width: 480px) {
.mcmoment__hero img {
    width: 180%;
}
.mcmoment__video {
    padding: 5px 0 30px;
}
}
@font-face {
    font-family: "BlackGate Sans";
    src: url("../fonts/BlackGate-Sans.eot") format("embedded-opentype"), url("../fonts/BlackGate-Sans.woff2") format("woff2"), url("../fonts/BlackGate-Sans.woff") format("woff"), url("../fonts/BlackGate-Sans.ttf") format("truetype"), url("../fonts/BlackGate-Sans.svg#BlackGate-Sans") format("svg");
}
.salad, .salad .s-hero {
    overflow: hidden;
}
.salad .s-hero {
    background-color: #f6f7f7;
    padding-bottom: 40px;
    position: relative;
    text-align: center;
}
.salad .s-hero__frame {
    line-height: 1px;
    overflow: hidden;
}
.salad .s-hero__frame img {
    height: 270px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}
.salad .s-hero__caption {
    bottom: 40px;
    color: #429b36;
    font-family: BlackGate Sans;
    font-size: 42px;
    line-height: 0.5em;
    position: absolute;
    width: 100%;
}
.salad .s-hero__caption::after {
    background-color: #429b36;
    content: "";
    display: block;
    height: 1px;
    margin: 0 auto;
    width: 8.242%;
}
.salad .s-markers {
    left: 0;
    margin: 0 auto;
    max-width: 1110px;
    position: absolute;
    right: 0;
    top: 0;
}
.salad .s-markers__item {
    cursor: pointer;
    display: inline-block;
    line-height: 1px;
    max-width: 82px;
}
.salad .s-markers__item img {
    max-width: 100%;
}
.salad .s-markers__item:first-child {
    transform: translate(-40%, 50%);
}
.salad .s-markers__item:nth-child(2) {
    transform: translateY(20%);
}
.salad .s-markers__item:nth-child(3) {
    transform: translate(56%, 55%);
}
.salad .s-markers figure {
    line-height: 1px;
}
.salad .s-title {
    font-family: BlackGate Sans;
    font-size: 48px;
    line-height: 0.7em;
}
.salad .s-section {
    color: #429b36;
    padding: 0 0 40px;
}
.salad .s-section--info {
    background: #d9d9d9 none repeat scroll 0 0;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    padding: 15px 0;
    text-align: center;
}
.salad .s-visual {
    background: rgba(0, 0, 0, 0) linear-gradient(180deg, #f7f7f7 0px, #f0f0f0 30%, #e4e4e4 34%, #f7f7f7 34.5%, hsla(0, 0%, 100%, 0) 90%, #f7f7f7) repeat scroll 0 0;
    margin: 0 -15px 30px;
    overflow: hidden;
    padding: 20px 15px 0;
}
.salad .s-visual, .salad .s-visual a {
    display: block;
    line-height: 1px;
}
.salad .s-visual img {
    max-width: 100%;
}
.salad .s-visual--caesar img {
    margin-bottom: -70px;
}
.salad .s-visual--shaker img {
    margin-bottom: -60px;
}
.salad .s-visual--gardener img {
    margin-bottom: -25px;
}
.salad .s-visual--video {
    background: rgba(0, 0, 0, 0) linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0px, #f0f0f0 70%, #e4e4e4 74%, #f7f7f7 74.5%, hsla(0, 0%, 100%, 0)) repeat scroll 0 0;
    margin-bottom: 0;
    overflow: initial;
    position: relative;
}
.salad .s-video-frame {
    display: inline-block;
    position: relative;
}
.salad .s-video-frame::before {
    background: rgba(0, 0, 0, 0) url("../img/offers/salad/play-button.png") no-repeat scroll 50% center;
    content: "";
    display: block;
    height: 162px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 140px;
}
.salad .s-video-frame::after {
    background: rgba(0, 0, 0, 0) linear-gradient(180deg, #e9e9e9 0px, hsla(0, 0%, 100%, 0)) repeat scroll 0 0;
    bottom: -45px;
    content: "";
    display: block;
    height: 45px;
    left: 0;
    margin: 0 auto;
    max-width: 531px;
    position: absolute;
    right: 0;
    width: 100%;
}
.salad .s-description {
    margin: 0 auto;
    max-width: 515px;
}
.salad .s-description--video {
    margin-bottom: 30px;
}
.salad p {
    font-size: 16px;
    line-height: 20px;
}
.salad p:last-child {
    margin-bottom: 0;
}
@media only screen and (min-width: 481px) {
.salad .s-hero__caption {
    font-size: 65px;
}
.salad .s-hero__caption::after {
    height: 2px;
}
.salad .s-hero__frame img {
    height: 430px;
}
.salad .s-markers__item {
    max-width: 125px;
}
.salad .s-markers__item:first-child {
    transform: translate(-40%, 60%);
}
.salad .s-markers__item:nth-child(2) {
    transform: translateY(20%);
}
.salad .s-markers__item:nth-child(3) {
    transform: translate(55%, 62%);
}
}
@media only screen and (min-width: 768px) {
.salad .s-title {
    font-size: 70px;
}
.salad .s-hero__caption {
    font-size: 90px;
}
.salad .s-hero__frame img {
    height: 600px;
}
.salad .s-markers__item {
    max-width: 175px;
}
.salad .s-markers__item:first-child {
    transform: translate(-40%, 60%);
}
.salad .s-markers__item:nth-child(2) {
    transform: translateY(20%);
}
.salad .s-markers__item:nth-child(3) {
    transform: translate(80%, 55%);
}
.salad .s-visual {
    margin: 0 -30px 30px;
    padding: 30px 30px 0;
}
}
@media only screen and (min-width: 1024px) {
.salad .s-hero__caption {
    font-size: 70px;
}
.salad .s-hero__frame img {
    height: 500px;
}
.salad .s-markers__item {
    max-width: 150px;
}
.salad .s-title {
    margin-bottom: 40px;
}
.salad .s-section--caesar {
    background: rgba(0, 0, 0, 0) linear-gradient(180deg, #f7f7f7 0px, #f0f0f0 27%, #e4e4e4 31%, #f7f7f7 31.5%, hsla(0, 0%, 100%, 0) 90%, #f7f7f7) repeat scroll 0 0;
    padding: 0 0 100px;
}
.salad .s-section--shaker {
    background: rgba(0, 0, 0, 0) linear-gradient(180deg, #f7f7f7 0px, #f0f0f0 25%, #e4e4e4 29%, #f7f7f7 29.5%, hsla(0, 0%, 100%, 0) 90%, #f7f7f7) repeat scroll 0 0;
    padding: 0 0 200px;
}
.salad .s-section--gardener {
    background: rgba(0, 0, 0, 0) linear-gradient(180deg, #f7f7f7 0px, #f0f0f0 16%, #e4e4e4 20%, #f7f7f7 20.5%, hsla(0, 0%, 100%, 0) 90%, #f7f7f7) repeat scroll 0 0;
    padding: 0 0 200px;
}
.salad .s-section--video {
    background: rgba(0, 0, 0, 0) linear-gradient(180deg, #f7f7f7 0px, #f0f0f0 29%, #e4e4e4 33%, #f7f7f7 33.5%, hsla(0, 0%, 100%, 0) 90%, #f7f7f7) repeat scroll 0 0;
    padding: 0 0 150px;
}
.salad .s-visual {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    margin: 0 !important;
    overflow: initial !important;
    padding: 0 !important;
}
.salad .s-visual img {
    max-width: 100%;
}
.salad .s-visual--caesar img {
    margin-bottom: -36%;
}
.salad .s-visual--shaker img {
    margin-bottom: -30%;
}
.salad .s-visual--gardener img {
    margin-bottom: -20%;
}
.salad .s-visual--video {
    margin: 0;
}
.salad .s-description {
    margin: 0;
    max-width: none;
}
.salad .s-markers__item img {
    transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;
}
.salad .s-markers__item:first-child:hover img, .salad .s-markers__item:nth-child(2):hover img {
    transform: translate(5%, 10%) scaleX(1);
}
.salad .s-markers__item:nth-child(3):hover img {
    transform: translate(-5%, 10%) scaleX(1);
}
}
@media only screen and (min-width: 1440px) {
.salad .s-hero__caption {
    font-size: 120px;
}
.salad .s-hero__frame img {
    height: 720px;
}
.salad .s-markers__item {
    max-width: 200px;
}
.salad .s-markers__item:first-child {
    transform: translate(-75%, 65%);
}
.salad .s-markers__item:nth-child(2) {
    transform: translateY(30%);
}
.salad .s-markers__item:nth-child(3) {
    transform: translate(90%, 65%);
}
}
.has-animation .animation-fade-in {
    opacity: 0;
}
.has-animation .animation-slide-left {
    transform: translateX(-50vw);
}
.has-animation .animation-slide-right {
    transform: translateX(50vw);
}
.has-animation .animation-bubble {
    transform: scale3d(0, 0, 0);
}
.is-animate .animation-bubble {
    animation: 0.9s ease-out 0s normal forwards 1 running g;
}
.is-animate .animation-slide-left, .is-animate .animation-slide-right {
    animation: 0.5s ease-out 0s normal forwards 1 running c;
}
.is-animate .animation-fade-in {
    animation: 0.85s linear 0s normal forwards 1 running d;
}
.is-animate .animation--t0 {
    animation-delay: 0s;
}
.is-animate .animation--t1 {
    animation-delay: 1s;
}
.is-animate .animation--t2 {
    animation-delay: 2s;
}
.is-animate .animation--t3 {
    animation-delay: 3s;
}
.is-animate .animation--t4 {
    animation-delay: 4s;
}
.is-animate .animation--t5 {
    animation-delay: 5s;
}
.is-animate .animation--t0d5 {
    animation-delay: 0.5s;
}
.is-animate .animation--t1d5 {
    animation-delay: 1.5s;
}
.is-animate .animation--t2d5 {
    animation-delay: 2.5s;
}
.is-animate .animation--t3d5 {
    animation-delay: 3.5s;
}
.is-animate .animation--t4d5 {
    animation-delay: 4.5s;
}
.is-animate .animation--d075 {
    animation-duration: 0.75s;
}
.is-animate .animation--d1 {
    animation-duration: 1s;
}
.is-animate .animation--d2 {
    animation-duration: 2s;
}
.is-animate .animation--d3 {
    animation-duration: 3s;
}
.is-animate .animation--d4 {
    animation-duration: 4s;
}
@media only screen and (max-width: 480px) {
.is-animate .animation--palm-t0 {
    animation-delay: 0s;
}
.is-animate .animation--palm-t1 {
    animation-delay: 1s;
}
.is-animate .animation--palm-t2 {
    animation-delay: 2s;
}
.is-animate .animation--palm-t3 {
    animation-delay: 3s;
}
.is-animate .animation--palm-t4 {
    animation-delay: 4s;
}
.is-animate .animation--palm-t5 {
    animation-delay: 5s;
}
.is-animate .animation--palm-t0d5 {
    animation-delay: 0.5s;
}
.is-animate .animation--palm-t1d5 {
    animation-delay: 1.5s;
}
.is-animate .animation--palm-t2d5 {
    animation-delay: 2.5s;
}
.is-animate .animation--palm-t3d5 {
    animation-delay: 3.5s;
}
.is-animate .animation--palm-t4d5 {
    animation-delay: 4.5s;
}
}
@media only screen and (min-width: 481px) {
.is-animate .animation--lap-t0 {
    animation-delay: 0s;
}
.is-animate .animation--lap-t1 {
    animation-delay: 1s;
}
.is-animate .animation--lap-t2 {
    animation-delay: 2s;
}
.is-animate .animation--lap-t3 {
    animation-delay: 3s;
}
.is-animate .animation--lap-t4 {
    animation-delay: 4s;
}
.is-animate .animation--lap-t5 {
    animation-delay: 5s;
}
.is-animate .animation--lap-t0d5 {
    animation-delay: 0.5s;
}
.is-animate .animation--lap-t1d5 {
    animation-delay: 1.5s;
}
.is-animate .animation--lap-t2d5 {
    animation-delay: 2.5s;
}
.is-animate .animation--lap-t3d5 {
    animation-delay: 3.5s;
}
.is-animate .animation--lap-t4d5 {
    animation-delay: 4.5s;
}
}
@media only screen and (min-width: 768px) {
.is-animate .animation--tab-t0 {
    animation-delay: 0s;
}
.is-animate .animation--tab-t1 {
    animation-delay: 1s;
}
.is-animate .animation--tab-t2 {
    animation-delay: 2s;
}
.is-animate .animation--tab-t3 {
    animation-delay: 3s;
}
.is-animate .animation--tab-t4 {
    animation-delay: 4s;
}
.is-animate .animation--tab-t5 {
    animation-delay: 5s;
}
.is-animate .animation--tab-t0d5 {
    animation-delay: 0.5s;
}
.is-animate .animation--tab-t1d5 {
    animation-delay: 1.5s;
}
.is-animate .animation--tab-t2d5 {
    animation-delay: 2.5s;
}
.is-animate .animation--tab-t3d5 {
    animation-delay: 3.5s;
}
.is-animate .animation--tab-t4d5 {
    animation-delay: 4.5s;
}
}
@media only screen and (min-width: 1024px) {
.is-animate .animation--desk-t0 {
    animation-delay: 0s;
}
.is-animate .animation--desk-t1 {
    animation-delay: 1s;
}
.is-animate .animation--desk-t2 {
    animation-delay: 2s;
}
.is-animate .animation--desk-t3 {
    animation-delay: 3s;
}
.is-animate .animation--desk-t4 {
    animation-delay: 4s;
}
.is-animate .animation--desk-t5 {
    animation-delay: 5s;
}
.is-animate .animation--desk-t0d5 {
    animation-delay: 0.5s;
}
.is-animate .animation--desk-t1d5 {
    animation-delay: 1.5s;
}
.is-animate .animation--desk-t2d5 {
    animation-delay: 2.5s;
}
.is-animate .animation--desk-t3d5 {
    animation-delay: 3.5s;
}
.is-animate .animation--desk-t4d5 {
    animation-delay: 4.5s;
}
}
@media only screen and (max-width: 1023px) {
.is-animate .animation--to-desk-t0 {
    animation-delay: 0s;
}
.is-animate .animation--to-desk-t1 {
    animation-delay: 1s;
}
.is-animate .animation--to-desk-t2 {
    animation-delay: 2s;
}
.is-animate .animation--to-desk-t3 {
    animation-delay: 3s;
}
.is-animate .animation--to-desk-t4 {
    animation-delay: 4s;
}
.is-animate .animation--to-desk-t5 {
    animation-delay: 5s;
}
.is-animate .animation--to-desk-t0d5 {
    animation-delay: 0.5s;
}
.is-animate .animation--to-desk-t1d5 {
    animation-delay: 1.5s;
}
.is-animate .animation--to-desk-t2d5 {
    animation-delay: 2.5s;
}
.is-animate .animation--to-desk-t3d5 {
    animation-delay: 3.5s;
}
.is-animate .animation--to-desk-t4d5 {
    animation-delay: 4.5s;
}
}
@media only screen and (max-width: 767px) {
.is-animate .animation--to-tab-t0 {
    animation-delay: 0s;
}
.is-animate .animation--to-tab-t1 {
    animation-delay: 1s;
}
.is-animate .animation--to-tab-t2 {
    animation-delay: 2s;
}
.is-animate .animation--to-tab-t3 {
    animation-delay: 3s;
}
.is-animate .animation--to-tab-t4 {
    animation-delay: 4s;
}
.is-animate .animation--to-tab-t5 {
    animation-delay: 5s;
}
.is-animate .animation--to-tab-t0d5 {
    animation-delay: 0.5s;
}
.is-animate .animation--to-tab-t1d5 {
    animation-delay: 1.5s;
}
.is-animate .animation--to-tab-t2d5 {
    animation-delay: 2.5s;
}
.is-animate .animation--to-tab-t3d5 {
    animation-delay: 3.5s;
}
.is-animate .animation--to-tab-t4d5 {
    animation-delay: 4.5s;
}
}
@media only screen and (min-width: 1170px) {
.is-animate .animation--wrapper-t0 {
    animation-delay: 0s;
}
.is-animate .animation--wrapper-t1 {
    animation-delay: 1s;
}
.is-animate .animation--wrapper-t2 {
    animation-delay: 2s;
}
.is-animate .animation--wrapper-t3 {
    animation-delay: 3s;
}
.is-animate .animation--wrapper-t4 {
    animation-delay: 4s;
}
.is-animate .animation--wrapper-t5 {
    animation-delay: 5s;
}
.is-animate .animation--wrapper-t0d5 {
    animation-delay: 0.5s;
}
.is-animate .animation--wrapper-t1d5 {
    animation-delay: 1.5s;
}
.is-animate .animation--wrapper-t2d5 {
    animation-delay: 2.5s;
}
.is-animate .animation--wrapper-t3d5 {
    animation-delay: 3.5s;
}
.is-animate .animation--wrapper-t4d5 {
    animation-delay: 4.5s;
}
}
@media only screen and (max-width: 1169px) {
.is-animate .animation--to-wrapper-t0 {
    animation-delay: 0s;
}
.is-animate .animation--to-wrapper-t1 {
    animation-delay: 1s;
}
.is-animate .animation--to-wrapper-t2 {
    animation-delay: 2s;
}
.is-animate .animation--to-wrapper-t3 {
    animation-delay: 3s;
}
.is-animate .animation--to-wrapper-t4 {
    animation-delay: 4s;
}
.is-animate .animation--to-wrapper-t5 {
    animation-delay: 5s;
}
.is-animate .animation--to-wrapper-t0d5 {
    animation-delay: 0.5s;
}
.is-animate .animation--to-wrapper-t1d5 {
    animation-delay: 1.5s;
}
.is-animate .animation--to-wrapper-t2d5 {
    animation-delay: 2.5s;
}
.is-animate .animation--to-wrapper-t3d5 {
    animation-delay: 3.5s;
}
.is-animate .animation--to-wrapper-t4d5 {
    animation-delay: 4.5s;
}
}
@keyframes g {
0% {
    transform: scale3d(0, 0, 0);
}
10% {
    transform: scale3d(0.96, 0.96, 1);
}
20% {
    transform: scale3d(1.1, 1.1, 1);
}
40% {
    transform: scale3d(0.98, 0.98, 1);
}
60% {
    transform: scale3d(1.05, 1.05, 1);
}
80% {
    transform: scale3d(1.01, 1.01, 1);
}
100% {
    transform: scaleX(1);
}
}
.snickers--background {
    height: 1200px;
}
.snickers__video {
    margin-top: -200px;
    padding-bottom: 40px;
}
.snickers__visual {
    padding-top: 20px;
    position: relative;
}
.snickers__visual img {
    position: relative;
}
.snickers__visual::before {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 250px 250px #fff;
    content: "";
    height: 200px;
    left: 50%;
    position: absolute;
    top: calc(50% + 200px);
    transform: translate(-50%, -50%);
    width: 200px;
    z-index: 0;
}
.snickers__img {
    border: 6px solid #fff;
    margin: 0 auto;
    max-width: 962px;
    position: relative;
    z-index: 4;
}
.snickers__img.wallpaper--video::before {
    background-color: initial;
}
.snickers__img.wallpaper--video::after {
    background: rgba(0, 0, 0, 0) url("../img/ajanlatok/snickers-playbutton.jpg") repeat scroll 0 0;
    height: 73px;
    width: 100px;
}
@media screen and (max-width: 1460px) {
.snickers--background {
    height: auto;
    max-width: 310vw;
}
}
@media screen and (max-width: 1110px) {
.snickers__video {
    margin-top: -20vw;
}
}
@media only screen and (max-width: 767px) {
.snickers__visual::before {
    box-shadow: 0 0 250px 125px #fff;
    height: 100px;
    top: calc(50% + 120px);
    width: 100px;
}
}
@media only screen and (max-width: 480px) {
.snickers__visual::before {
    box-shadow: 0 0 250px 125px #fff;
    height: 50px;
    top: calc(50% + 100px);
    width: 50px;
}
}
.tripla__hero {
    line-height: 1px;
}
.tripla__hero img {
    width: 100%;
}
.tripla__video {
    background-color: #f3f2ee;
    padding: 45px 0;
    width: 100%;
}
.tripla__img {
    border: 20px solid #fff;
    box-shadow: 0 20px 100px -15px rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    max-width: 800px;
}
.tripla__img::after {
    background: rgba(0, 0, 0, 0) url("../img/ajanlatok/tripla-playbutton.png") repeat scroll 0 0;
    height: 73px;
    width: 100px;
}
@media only screen and (max-width: 1439px) {
.tripla__hero {
    overflow: hidden;
}
.tripla__hero img {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: calc(100% + 900px);
}
}
@media only screen and (max-width: 1023px) {
.tripla__hero img {
    width: calc(100% + 800px);
}
}
@media only screen and (max-width: 767px) {
.tripla__video {
    padding: 20px 0;
}
.tripla__img {
    margin: 0;
}
.tripla__hero img {
    width: calc(100% + 750px);
}
}
@media only screen and (max-width: 480px) {
.tripla__hero img {
    width: calc(100% + 500px);
}
}
.restaurant-cover {
    font-size: 19px;
    line-height: 24px;
}
.restaurant-cover h1 {
    margin-bottom: 0;
}
.restaurant-cover p {
    font-size: 24px;
    font-weight: 200;
    line-height: 28px;
    margin-bottom: 30px;
}
.restaurant-cover a:hover {
    text-decoration: none;
}
.restaurant-cover hr {
    background-color: hsla(0, 0%, 100%, 0.2);
    border: medium none;
    height: 1px;
    margin: 18px 0 15px;
}
.restaurant-cover__data {
    display: block;
    margin-bottom: 10px;
}
.restaurant-cover__data--hide {
    display: none !important;
}
@media only screen and (min-width: 768px) {
.restaurant-cover__data {
    display: inline-block;
    margin-bottom: 0;
}
.restaurant-cover__data:not(.restaurant-cover__data--hide) + .restaurant-cover__data {
    margin-left: 50px;
}
}
.map {
    min-height: 240px;
    width: 100%;
}
.map__link {
    color: #1f1f1f;
}
.map__link--dir::before {
    background: rgba(0, 0, 0, 0) url("../svg/icons/icon-direction--gray.svg") repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
    width: 20px;
}
@media only screen and (min-width: 768px) {
.map {
    min-height: 550px;
}
}
@media screen and (min-width: 758px) and (max-width: 1169px) {
.map--list {
    width: calc(100% - 420px);
}
.map--list, .map--list + .wrapper {
    display: inline-block;
    vertical-align: middle;
}
}
.opening {
    margin-bottom: 25px;
}
.opening__title {
    display: block;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.opening__today {
    font-weight: 700;
}
.opening__date {
    margin: 35px 0 30px;
}
.opening__no--padding {
    padding: 0;
}
.opening__status {
    font-size: 13px;
    padding: 0;
}
.opening__original {
    display: none;
    padding: 10px 0;
}
.opening__original--padding {
    padding-left: 90px;
}
@media only screen and (max-width: 480px) {
.opening__original--padding {
    font-size: 14px;
    padding-left: 20px;
    vertical-align: middle;
}
}
.opening__original.active {
    display: block;
}
.opening__exception {
    color: #000;
    cursor: pointer;
    font-size: 15px;
    line-height: 23px;
    padding-right: 15px;
    position: relative;
}
.opening__exception--red {
    color: #c90c21;
}
.opening__exception-left {
    left: 40px;
    position: absolute;
}
.opening__exception::after {
    border-color: #000 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    top: 9px;
    width: 0;
}
.opening__exception.active::after {
    border-color: transparent transparent #000;
    border-width: 0 5px 5px;
}
.opening__item {
    margin-bottom: 10px;
    padding-bottom: 15px;
    padding-left: 28px;
    padding-top: 5px;
    position: relative;
}
.opening__item:not(:last-child) {
    border-bottom: 1px solid #dbdbdb;
}
.opening__item::before {
    background: rgba(0, 0, 0, 0) url("../svg/icons/icon-restaurant.svg") no-repeat scroll 50% center;
    content: "";
    display: block;
    height: 16px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 18px;
}
.opening__item--drive::before {
    background-image: url("../svg/icons/icon-car.svg");
}
.opening__item--cafe::before {
    background-image: url("../svg/icons/icon-mccafe.svg");
}
.opening__flag.is-close::before {
    color: #a91717;
    content: "Zárva";
}
.opening__flag.is-open::before {
    color: #14a44c;
    content: "Most Nyitva";
}
.opening__days__item {
    display: block !important;
    padding: 14px 16px 14px 5px;
}
.opening__days__item.none {
    display: none !important;
}
.opening__days__item:not(:last-child) {
    border-bottom: 1px solid #dbdbdb;
}
.opening__days__item--border:not(:first-child) {
    border-top: 1px solid #dbdbdb !important;
}
.opening__days__item.is_active {
    background-color: #eeeeea;
}
.opening__days__item.is_active .opening__exception {
    font-weight: 700;
}
.opening__days__item-left {
    padding-left: 50px;
}
@media only screen and (min-width: 1024px) {
.opening__days__item-left {
    padding-left: 90px;
}
}
.opening__days__item-left .opening__shadow {
    left: 33px;
    position: absolute;
}
@media only screen and (min-width: 1024px) {
.opening__days__item-left .opening__shadow {
    left: 53px;
}
}
@media only screen and (max-width: 767px) {
.opening__days__item-left .opening__shadow {
    left: 16px;
}
}
.opening__days__item .opening__exception {
    font-size: 18px;
}
@media only screen and (max-width: 480px) {
.opening__days__item .opening__exception {
    display: block;
    font-size: 16px;
}
}
.opening__days__item .opening__exception::after {
    top: 11px;
}
.opening__days.exception .opening__days__item-left {
    padding-left: 90px;
}
.opening__days.exception .opening__days__item {
    border: medium none;
}
@media only screen and (max-width: 767px) {
.opening__days.exception .opening__days__item-left {
    padding-left: 80px;
}
.opening__days.exception .opening__exception {
    display: block;
}
.opening__days.exception .opening__exception-left {
    left: 20px;
}
}
.opening__current {
    margin-bottom: 20px;
    margin-top: 40px;
}
.opening__shadow {
    color: #919191;
}
.opening__more {
    display: inline-block;
    margin-top: 40px;
}
.opening__more.none {
    display: none;
}
.opening__more__title {
    margin: 30px 0 20px;
}
@media only screen and (min-width: 1170px) {
.restaurants:not(.is-marked) .opening__item:not(:last-child) {
    border-bottom: 1px solid #9d9d9d;
}
}
.opening-tabs {
    border-bottom: 1px solid #9d9d9d;
    margin-bottom: 25px;
}
.opening-tabs__item {
    cursor: pointer;
    display: inline-block;
    line-height: 1em;
    margin-bottom: -1px;
    padding-bottom: 20px;
    text-align: center;
    vertical-align: bottom;
    width: 33.333%;
}
.opening-tabs__item.is-active {
    border-bottom: 5px solid #919191;
    font-weight: 700;
    padding-bottom: 15px;
}
.opening-tabs__name {
    font-size: 18px;
    line-height: 22px;
}
.opening-tabs__name::before {
    background: rgba(0, 0, 0, 0) url("../svg/icons/icon-restaurant.svg") no-repeat scroll 50% center;
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    vertical-align: -2px;
    width: 18px;
}
.opening-tabs__name--drive::before {
    background-image: url("../svg/icons/icon-car.svg");
}
.opening-tabs__name--cafe::before {
    background-image: url("../svg/icons/icon-mccafe.svg");
}
.opening-tabs__flag {
    font-size: 14px;
    line-height: 18px;
}
.opening-tabs__flag.is-close::before {
    color: #a91717;
    content: "Zárva";
}
.opening-tabs__flag.is-open::before {
    color: #14a44c;
    content: "Most nyitva";
}
.opening-tabs__tables {
    margin-bottom: 25px;
}
.opening-tabs__tables li:not(.is-active) {
    display: none;
}
@media only screen and (min-width: 481px) {
.opening-tabs__name {
    margin-bottom: 5px;
}
.opening-tabs__name::before {
    content: "";
}
}
@media only screen and (min-width: 481px) {
.opening-tabs__tables {
    font-size: 18px;
    line-height: 22px;
}
.opening-tabs__tables li .grid:not(:last-child) {
    margin-bottom: 5px;
}
}
.payments {
    margin-top: 30px;
}
.payments__type {
    display: none;
    margin-top: 10px;
}
.payments__type.active {
    display: block;
}
.payments__title {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin: 0;
    padding-bottom: 10px;
    text-align: center;
    width: 33.3333%;
}
.payments__title:first-child {
    margin-left: 0;
}
.payments__title.active {
    border-bottom: 3px solid #076124;
    font-weight: 700;
}
.payments__header {
    border-bottom: 1px solid #dfdfde;
}
.payments__item {
    display: inline-block;
    line-height: 1px;
    margin-top: 25px;
    vertical-align: middle;
}
.payments__item:not(:last-child) {
    margin-right: 25px;
}
.payments__item img {
    height: auto;
    width: 100%;
}
.restaurant .opening::before {
    display: none;
}
.restaurants {
    background-color: #fff;
    font-size: 15px;
    line-height: 19px;
    padding: 15px;
}
.restaurants__frame {
    background-color: hsla(0, 0%, 100%, 0.6);
}
.restaurants__frame.is-filtered .restaurants__item:not(.is-result) {
    display: none !important;
}
.restaurants__header, .restaurants__location {
    margin-bottom: 20px;
}
.restaurants__location a {
    color: #1f1f1f;
}
.restaurants__frame:not(.is-location-ready) .restaurants__location {
    display: none;
}
.restaurants__thumbnail {
    display: inline-block;
    height: 40px;
    line-height: 1px;
    margin-right: 20px;
    vertical-align: top;
    width: 40px;
}
.restaurants__caption {
    display: inline-block;
    min-height: 40px;
    vertical-align: top;
    width: calc(100% - 60px);
}
.restaurants__address, .restaurants__name {
    display: block;
}
.restaurants__name {
    font-size: 20px;
    line-height: 24px;
}
.restaurants__footer {
    background: #1f1f1f url("../img/texture-map.png") no-repeat scroll 50% center / cover ;
    margin: 0 -15px -15px;
    padding: 20px 15px;
    position: relative;
    text-align: center;
}
.restaurants__footer::before {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 6px 10px 0;
    content: "";
    display: inline-block;
    height: 0;
    top: 0;
    width: 0;
}
.grid__item:not(:last-child) .restaurants__career {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.restaurants__career figure {
    background-color: transparent;
    line-height: 1px;
    margin-bottom: 25px;
}
.restaurants__career img {
    border-radius: 25px;
}
.restaurants__popup {
    background-color: #fff;
    left: 50%;
    padding-top: 35px;
    position: fixed;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 300px;
    z-index: 950;
}
.restaurants__popup-close {
    background: rgba(0, 0, 0, 0) url("../svg/icons/icon-popup-close.svg") repeat scroll 0 0;
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 20px;
}
.restaurants .icon path {
    fill: #919191;
}
@media only screen and (max-width: 767px) {
.js-restaurant-process {
    float: right;
}
}
@media only screen and (min-width: 768px) {
.restaurants {
    padding: 30px;
}
.restaurants__footer {
    margin: 0 -30px -30px;
    padding: 20px 30px;
}
.grid__item:not(:last-child) .restaurants__career {
    border: medium none;
    margin-bottom: 0;
    padding-bottom: 0;
}
}
@media only screen and (min-width: 1170px) {
.restaurants__frame {
    position: absolute;
    right: 0;
    top: -550px;
}
}
@media only screen and (min-width: 768px) {
.restaurants__frame {
    display: inline-block;
    height: 550px;
    overflow-y: scroll;
    text-align: left;
    vertical-align: top;
    width: 420px;
}
.restaurants:not(.is-marked) {
    background-color: #bbb;
    filter: grayscale(100%);
}
.restaurants:not(.is-marked) .restaurants__footer::before {
    border-top-color: #bbb;
}
}
.service-list {
    font-size: 16px;
    line-height: 20px;
}
.service-list__item {
    margin-bottom: 25px;
    padding-left: 26px;
    position: relative;
}
.service-list__item-link {
    border-bottom: 1px solid #1f1f1f;
    text-decoration: none;
}
.service-list__item-link:hover {
    border-bottom: medium none;
}
.service-list .icon {
    left: 0;
    min-width: 21px;
    position: absolute;
    top: 2px;
}
@media only screen and (min-width: 768px) {
.service-list {
    font-size: 20px;
    line-height: 24px;
}
.service-list__item {
    padding-left: 36px;
}
}
.texture--black-wood, .texture--black-wood-large, .texture--black-wood-large-faded, .texture--black-wood-large-faded a:not(.button), .texture--black-wood-large a:not(.button), .texture--black-wood a:not(.button), .texture--expanded-map, .texture--expanded-map a:not(.button), .texture--gloominess, .texture--gloominess a:not(.button), .texture--map, .texture--map a:not(.button), .texture--pin-board, .texture--pin-board a:not(.button), .texture--table, .texture--table a:not(.button), .texture--touch-mobile, .texture--touch-mobile-large, .texture--touch-mobile-large a:not(.button), .texture--touch-mobile a:not(.button) {
    color: #fff;
}
.texture--black-wood {
    background: #000 url("../img/texture-black-wood.jpg") no-repeat scroll 50% center / auto 100%;
}
.texture--black-wood-large {
    background: #000 url("../img/texture-black-wood-large.jpg") no-repeat scroll 50% center / auto 100%;
}
.texture--black-wood-large-faded {
    background: #000 url("../img/texture-black-wood-large-faded.jpg") no-repeat scroll center top;
}
.texture--gloominess {
    background: #000 url("../img/texture-gloominess.jpg") no-repeat scroll center bottom / cover ;
}
.texture--expanded-map, .texture--map {
    background: #1f1f1f url("../img/texture-map.png") no-repeat scroll 0 100% / auto 100%;
}
.texture--table {
    background: #000 url("../img/texture-table.jpg") no-repeat scroll center bottom / cover ;
}
.texture--touch-mobile {
    background: #1f1f1f url("../img/texture-touch-mobile.png") no-repeat scroll 100% center / cover ;
}
.texture--touch-mobile-large {
    background: #1f1f1f url("../img/texture-touch-mobile-large.png") no-repeat scroll 100% center / cover ;
}
.texture--ghost-cars {
    background: #f3f3ef url("../img/texture-ghost-cars.png") no-repeat scroll 100% 100%;
    min-height: 980px;
}
.texture--man-for-mobile {
    background: #f3f3ef url("../img/man-for-mobile.png") no-repeat scroll 100% 100% / auto 100%;
    min-height: 537px;
}
.texture--mc-menu {
    background: #f3f3ef url("../img/minoseg/alkalmazkodva.png") no-repeat scroll 100% 100%;
    min-height: 577px;
}
.texture--mc-products {
    background: #f3f3ef url("../img/fentarthatosag/termekeink_bg.jpg") no-repeat scroll 100% 100%;
    min-height: 700px;
}
.texture--faces {
    background: #f3f3ef url("../img/fentarthatosag/munkaltatoi_gyakorlatunk_bg.jpg") no-repeat scroll 0 0;
    min-height: 700px;
}
.texture--pin-board {
    background: rgba(0, 0, 0, 0) url("../img/texture-pin-board.jpg") no-repeat scroll center top / cover ;
}
.texture--community {
    background: #f3f3ef url("../img/fentarthatosag/community.jpg") no-repeat scroll 100% 100%;
    min-height: 700px;
}
.texture--confetti {
    background: #f3f3ef url("../img/texture-confetti.png") repeat-y scroll center top;
}
@media only screen and (min-width: 1024px) {
.texture--expanded-map {
}
.texture--ingredient {
    position: relative;
}
.texture--ingredient::before {
    background: rgba(0, 0, 0, 0) url("../img/fentarthatosag/alapanyagok.png") no-repeat scroll 100% 100%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.texture--faq {
    background: #f3f3ef url("../img/texture-faq.png") no-repeat scroll 100% 100%;
    min-height: 700px;
}
}
.tooltipCra {
    position: relative;
}
@media screen and (min-width: 1024px) {
.tooltipCra[data-tooltip]:hover::after, .tooltipCra[data-tooltip]:hover::before {
    display: block;
}
}
.tooltipCra[data-tooltip]::before {
    background: #1f1f1f none repeat scroll 0 0;
    bottom: 100%;
    color: #fff;
    content: attr(data-tooltip);
    font-size: 14px;
    font-weight: 400;
    left: 50%;
    line-height: 1.2;
    margin-bottom: 15px;
    padding: 5px 15px;
    text-align: center;
    transform: translateX(-50%);
    white-space: nowrap;
    width: auto;
}
.tooltipCra[data-tooltip]::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #1f1f1f transparent -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 8px 8px medium;
    bottom: 16px;
    content: "";
    font-size: 0;
    left: 50%;
    line-height: 0;
    transform: translateX(-50%);
    width: 0;
}
.tooltipCra[data-tooltip]::after, .tooltipCra[data-tooltip]::before {
    display: none;
    pointer-events: none;
    position: absolute;
    transition: all 0.15s cubic-bezier(0.5, 1, 0.25, 1) 0s;
    z-index: 1;
}
.sumemr-game-header {
    font-weight: 300;
}
.sumemr-game-header p {
    font-size: 18px;
    line-height: 22px;
    max-width: 530px;
    text-shadow: 0 0 2px #fef9f9;
}
.sumemr-game-header .visual--summer-title {
    margin-bottom: 30px;
    padding-top: 30px;
}
.sumemr-game-header .app-buttons {
    margin-bottom: 30px;
}
.sumemr-game-header .app-buttons img {
    max-height: 50px;
}
@media only screen and (max-width: 480px) {
.sumemr-game-header {
    background-position: 63.5% 100% !important;
    background-size: 1900px auto !important;
}
.sumemr-game-header .visual--mymeki {
    margin-bottom: -60px;
    transform: translateX(55%) !important;
}
}
@media only screen and (max-width: 1023px) {
.sumemr-game-header .visual--summer-title {
    text-align: center;
}
.sumemr-game-header p {
    max-width: none;
}
}
@media only screen and (min-width: 481px) {
.sumemr-game-header .visual--mymeki img {
    max-width: 60% !important;
}
}
@media only screen and (max-width: 1023px) {
.sumemr-game-header {
    background-size: auto auto;
}
.sumemr-game-header.wallpaper[data-wallpaper="summer-game"] {
    background-position: 55% 100%;
}
.sumemr-game-header .visual--mymeki {
    transform: translateX(15%);
}
}
@media only screen and (max-width: 767px) {
.text--uppercase .category-title {
    font-size: 20px;
}
.sumemr-game-header {
    background-size: auto auto;
}
.sumemr-game-header.wallpaper[data-wallpaper="summer-game"] {
    background-position: 63% 100%;
}
.sumemr-game-header .visual--mymeki {
    transform: translateX(50%);
}
}
@media only screen and (min-width: 1024px) {
.sumemr-game-header.wallpaper[data-wallpaper="summer-game"] {
    background-position: center bottom;
}
.sumemr-game-header .visual--mymeki {
    transform: translateX(135px);
}
.sumemr-game-header .visual--mymeki img {
    max-width: 200% !important;
}
}
@media only screen and (min-width: 768px) {
.sumemr-game-header .visual--mymeki img {
    max-width: 200% !important;
}
}