@charset "UTF-8";
/* BASE -
========================================================================== */
@font-face {
font-family: 'Founders Grotesk Bold';
src: url("../font/FoundersGrotesk-Bold.eot");
/* IE9 Compat Modes */
src: url("../font/FoundersGrotesk-Bold.eot?#iefix") format("embedded-opentype"), url("../font/FoundersGrotesk-Bold.woff") format("woff"), url("../font/FoundersGrotesk-Bold.ttf") format("truetype"), url("../font/FoundersGrotesk-Bold.svg#f4624ebe2b103fb1381b1d2e2e5fa110") format("svg");
/* Legacy iOS */
font-style: normal;
font-weight: 700; }
@font-face {
font-family: 'Founders Grotesk Medium';
src: url("../font/FoundersGrotesk-Medium.eot");
/* IE9 Compat Modes */
src: url("../font/FoundersGrotesk-Medium.eot?#iefix") format("embedded-opentype"), url("../font/FoundersGrotesk-Medium.woff") format("woff"), url("../font/FoundersGrotesk-Medium.ttf") format("truetype"), url("../font/FoundersGrotesk-Medium.svg#5d0693ec18fdd949534005511b9ec8ba") format("svg");
/* Legacy iOS */
font-style: normal;
font-weight: 400; }
@font-face {
font-family: 'Founders Grotesk Regular';
src: url("../font/FoundersGrotesk-Regular.eot");
/* IE9 Compat Modes */
src: url("../font/FoundersGrotesk-Regular.eot?#iefix") format("embedded-opentype"), url("../font/FoundersGrotesk-Regular.woff") format("woff"), url("../font/FoundersGrotesk-Regular.ttf") format("truetype"), url("../font/FoundersGrotesk-Regular.svg#e44084a74808cfe0739de305e79b046a") format("svg");
/* Legacy iOS */
font-style: normal;
font-weight: 400; }
@font-face {
font-family: 'Founders Grotesk Regular';
src: url("../font/FoundersGrotesk-RegularItalic.eot");
/* IE9 Compat Modes */
src: url("../font/FoundersGrotesk-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../font/FoundersGrotesk-RegularItalic.woff") format("woff"), url("../font/FoundersGrotesk-RegularItalic.ttf") format("truetype"), url("../font/FoundersGrotesk-RegularItalic.svg#7635d15b6c6c0b4ad287cd93fd5353a9") format("svg");
/* Legacy iOS */
font-style: italic;
font-weight: 400; }
@font-face {
font-family: 'Founders Grotesk Semibold';
src: url("../font/FoundersGrotesk-Semibold.eot");
/* IE9 Compat Modes */
src: url("../font/FoundersGrotesk-Semibold.eot?#iefix") format("embedded-opentype"), url("../font/FoundersGrotesk-Semibold.woff") format("woff"), url("../font/FoundersGrotesk-Semibold.ttf") format("truetype"), url("../font/FoundersGrotesk-Semibold.svg#fabcebedd79e6d7580331ac57081f72b") format("svg");
/* Legacy iOS */
font-style: normal;
font-weight: 700; }
@font-face {
font-family: 'Tiempos Headline Black';
src: url("../font/Tiempos Headline-Black.eot");
/* IE9 Compat Modes */
src: url("../font/Tiempos Headline-Black.eot?#iefix") format("embedded-opentype"), url("../font/Tiempos Headline-Black.woff") format("woff"), url("../font/Tiempos Headline-Black.ttf") format("truetype"), url("../font/Tiempos Headline-Black.svg#6a0b34eaf192c684e65b890b4612d2ea") format("svg");
/* Legacy iOS */
font-style: normal;
font-weight: 400; }
@font-face {
font-family: 'Tiempos Headline Light';
src: url("../font/Tiempos Headline-Light.eot");
/* IE9 Compat Modes */
src: url("../font/Tiempos Headline-Light.eot?#iefix") format("embedded-opentype"), url("../font/Tiempos Headline-Light.woff") format("woff"), url("../font/Tiempos Headline-Light.ttf") format("truetype"), url("../font/Tiempos Headline-Light.svg#b7b7acd6582d65408887177a0f7c2aa1") format("svg");
/* Legacy iOS */
font-style: normal;
font-weight: 200; }
@font-face {
font-family: 'Tiempos Headline Light Italic';
src: url("../font/TiemposHeadline-LightItalic.eot");
/* IE9 Compat Modes */
src: url("../font/TiemposHeadline-LightItalic.eot?#iefix") format("embedded-opentype"), url("../font/TiemposHeadline-LightItalic.woff") format("woff"), url("../font/TiemposHeadline-LightItalic.ttf") format("truetype"), url("../font/TiemposHeadline-LightItalic.svg#e61bb2fff21f97f8c5365a93f4cac195") format("svg");
/* Legacy iOS */
font-style: italic;
font-weight: 200; }
@font-face {
font-family: 'Tiempos Text Bold';
src: url("../font/TiemposText-Bold.eot");
/* IE9 Compat Modes */
src: url("../font/TiemposText-Bold.eot?#iefix") format("embedded-opentype"), url("../font/TiemposText-Bold.woff") format("woff"), url("../font/TiemposText-Bold.ttf") format("truetype"), url("../font/TiemposText-Bold.svg#392b4d3e665ecbda860d9f8dba84f9f9") format("svg");
/* Legacy iOS */
font-style: normal;
font-weight: 700; }
@font-face {
font-family: 'Tiempos Text Bold';
src: url("../font/TiemposText-BoldItalic.eot");
/* IE9 Compat Modes */
src: url("../font/TiemposText-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../font/TiemposText-BoldItalic.woff") format("woff"), url("../font/TiemposText-BoldItalic.ttf") format("truetype"), url("../font/TiemposText-BoldItalic.svg#fb49970f45d2dfd964b56394bace4aa5") format("svg");
/* Legacy iOS */
font-style: italic;
font-weight: 700; }
@font-face {
font-family: 'Tiempos Text Regular';
src: url("../font/TiemposText-Regular.eot");
/* IE9 Compat Modes */
src: url("../font/TiemposText-Regular.eot?#iefix") format("embedded-opentype"), url("../font/TiemposText-Regular.woff") format("woff"), url("../font/TiemposText-Regular.ttf") format("truetype"), url("../font/TiemposText-Regular.svg#18c4e9297c5120922bc4b199e3714bf1") format("svg");
/* Legacy iOS */
font-style: normal;
font-weight: 400; }
@font-face {
font-family: 'Tiempos Text Regular';
src: url("../font/TiemposText-RegularItalic.eot");
/* IE9 Compat Modes */
src: url("../font/TiemposText-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../font/TiemposText-RegularItalic.woff") format("woff"), url("../font/TiemposText-RegularItalic.ttf") format("truetype"), url("../font/TiemposText-RegularItalic.svg#b63e14a9f3aa888a65df106f785ca79d") format("svg");
/* Legacy iOS */
font-style: italic;
font-weight: 400; }
@font-face {
font-family: 'Tiempos Text Medium';
src: url("../font/TiemposText-Medium.eot");
/* IE9 Compat Modes */
src: url("../font/TiemposText-Medium.eot?#iefix") format("embedded-opentype"), url("../font/TiemposText-Medium.woff") format("woff"), url("../font/TiemposText-Medium.ttf") format("truetype"), url("../font/TiemposText-Medium.svg#07af512b46702d3b87c9bcd1dd1d4891") format("svg");
/* Legacy iOS */
font-style: normal;
font-weight: 400; }
@font-face {
font-family: 'Founders Grotesk Monoweb';
src: url("../font/FoundersGroteskMonoWeb-Bold.eot");
/* IE9 Compat Modes */
src: url("../font/FoundersGroteskMonoWeb-Bold.eot?#iefix") format("embedded-opentype"), url("../font/FoundersGroteskMonoWeb-Bold.woff") format("woff"), url("../font/FoundersGroteskMonoWeb-Bold.ttf") format("truetype"), url("../font/FoundersGroteskMonoWeb-Bold.svg#b770c5f05268842e6a2b6353ce58defa") format("svg");
/* Legacy iOS */
font-style: normal;
font-weight: 700; }
/* VENDOR - Default fall-backs and external files.
========================================================================== */
/* ==========================================================================
Grid
========================================================================== */
/*
* Example uses:
*
*
*
*
*/
/* Grid core
========================================================================== */
/**
* Grid container
* Must only contain `.grid` or `.grid__cell` components as children.
*
* 1. Adjustment for child element margins.
* 2. Ensure consistent default alignment/
* 3. Remove inter-unit whitespace that appears between `inline-block` child
* elements. Work for all non-monospace font-families. If you're using a
* monospace base font, you will need to set the `grid` font-family to
* `sans-serif` and then redeclare the monospace font on the `grid__cell`
* objects.
* 4. Protect against WebKit bug with optimizelegibility.
*/
.grid {
display: block;
padding: 0;
margin: 0 -22.5px;
/* 1 */
text-align: left;
/* 2 */
letter-spacing: -0.31em;
/* 3 */
text-rendering: optimizespeed;
/* 4 */ }
.grid.no--gutter {
margin: 0 0; }
/**
* Opera hack
*/
.opera:-o-prefocus,
.grid {
word-spacing: -0.43em;
/* 3 */ }
/**
* Child `grid` object adjustments
* Used for more complex fixed-fluid hybrid grids.
*/
.grid > .grid {
overflow: hidden;
margin-right: 0;
margin-left: 0; }
/**
* Grid units
* No explicit width by default. Apply `.unit-x-y` classes.
*
* 1. Fundamentals of the non-float grid layout mechanism.
* 2. Apply grid gutter.
* 3. Controls vertical positioning of units.
* 4. Keeps content correctly aligned with the grid direction.
* 5. Reset text defaults.
*/
.grid__cell {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
display: inline-block;
/* 1 */
margin: 0;
padding: 0 22.5px;
/* 2 */
vertical-align: top;
/* 3 */
text-align: left;
/* 4 */
letter-spacing: normal;
/* 5 */
word-spacing: normal;
/* 5 */
text-rendering: auto;
/* 5 */ }
.no--gutter .grid__cell {
padding: 0 0; }
/* Grid modifiers
========================================================================== */
/**
* Modifier: horizontally center all grid units
* Allows for automatic unit centering irrespective of the number of
* units in the grid.
*/
.grid--center {
text-align: center; }
/**
* Modifier: align horizontally all grid units to the left
*/
.grid--left {
text-align: left; }
/**
* Modifier: align horizontally all grid units to the right
*/
.grid--right {
text-align: right; }
/* Grid cell modifiers
========================================================================== */
/**
* Modifier: horizontally center one unit
* Set a specific unit to be horizontally centered. Doesn't affect
* any other units. Can still contain a child `grid` object.
*/
.grid__cell--center {
display: block;
margin: 0 auto; }
/**
* Modifier: align horizontally one unit to the left
* Set a specific unit to be horizontally on the left. Doesn't affect
* any other units. Can still contain a child `grid` object.
*/
.grid__cell--left {
display: block;
margin-right: auto; }
/**
* Modifier: align horizontally one unit to the right
* Set a specific unit to be horizontally on the right. Doesn't affect
* any other units. Can still contain a child `grid` object.
*/
.grid__cell--right {
display: block;
margin-left: auto; }
@font-face {
font-family: 'icomoon';
src: url("../font/icomoon.eot?721v4d");
src: url("../font/icomoon.eot?721v4d#iefix") format("embedded-opentype"), url("../font/icomoon.ttf?721v4d") format("truetype"), url("../font/icomoon.woff?721v4d") format("woff"), url("../font/icomoon.svg?721v4d#icomoon") format("svg");
font-weight: normal;
font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-arrow-b-right:before {
content: ""; }
.icon-arrow-b-bottom:before {
content: ""; }
.icon-arrow-b-top:before {
content: ""; }
.icon-arrow-b-left:before {
content: ""; }
.icon-pin:before {
content: ""; }
.icon-drinks:before {
content: ""; }
.icon-forks:before {
content: ""; }
.icon-wines:before {
content: ""; }
.icon-arrow-a-bottom:before {
content: ""; }
.icon-arrow-a-left:before {
content: ""; }
.icon-arrow-a-right:before {
content: ""; }
.icon-arrow-a-top:before {
content: ""; }
.icon-play:before {
content: ""; }
.icon-close:before {
content: ""; }
.icon-social-facebook:before {
content: ""; }
.icon-social-instagram:before {
content: ""; }
.icon-social-twitter:before {
content: ""; }
/* HELPERS -
========================================================================== */
.btn-cta1::before, .btn-cta2::before, .btn-cta3::before, .btn-cta3::after, .description a::before, .description a::after, #main-content .layout::before, .lang-nav .choices li::after, .comment-respond .logged-in-as a::before, .food .button::before, .schedules .hour::after, .popin::before, .popin::after, .newsletter__form .field__validation::after, .journal-slideshow__slide .bg::before, .journal-slideshow__slide .context .h15::before, .journal-filters .btn-toggle::after, .journal-filters ul li::after, .journal-posts__slide .framer .fill::before, .journal-posts__slide::after, .restaurants-index__entry .link-context .h6::before, .layout-journal-single .splashscreen .background::before, .journal-metadatas p:last-child::before, .journal-single .h2::after, .journal-prevnext .btn-previous::before, .journal-prevnext .btn-next::before {
content: " ";
display: block; }
.splashgallery__slide .bg, .splashscreen .background, .journal-slideshow__slide .bg, .journal-posts__slide .bg, .restaurants-index__posters .item .bg, .journal-prevnext .btn-previous .bg, .journal-prevnext .btn-next .bg {
left: 0;
position: absolute;
top: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: block;
height: 100%;
width: 100%; }
.splashgallery__slide .bg img, .splashscreen .background img, .journal-slideshow__slide .bg img, .journal-posts__slide .bg img, .restaurants-index__posters .item .bg img, .journal-prevnext .btn-previous .bg img, .journal-prevnext .btn-next .bg img {
display: none; }
.splashgallery .logo svg, .splashscreen .logo svg, .restaurants-index__entry .logo svg, .main-banner .logo-bigmamma .visual svg, .main-loader .logo-bigmamma .visual svg, .main-nav--mobile .logo-bm svg, .primary-nav__menu--mobile > li .submenu > li .logo svg {
display: block;
height: 100%;
width: 100%; }
.restaurants-index__collection {
font-size: 0;
letter-spacing: -.31em; }
.btn-close, .btn-cta1, .btn-cta2, .btn-menu, .primary-nav__menu--mobile > li > button, .comment-respond .field__validation, .splashgallery__controls .btn-next, .splashgallery__controls .btn-previous, .newsletter__form .field__validation, .journal-filters .btn-toggle {
border: 0px none;
background: none;
padding: 0; }
.btn-close, .btn-cta2.is--transparent, .description a, .lang-nav .choices li a, .main-footer .link, .main-footer .social .button, .faq__item .h4, .schedules .day, .schedules .hour, .jobs__item .h3, .jobs__item .h6, .journal-filters ul li a {
-webkit-transition: color 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: color 400ms cubic-bezier(0.215, 0.61, 0.355, 1); }
.primary-nav__menu--mobile > li > a, .primary-nav__menu--mobile > li > button, .primary-nav__menu--mobile > li .sub .anchors, .primary-nav__menu--mobile > li .sub .anchors .anchor, .primary-nav__menu--mobile > li .submenu, .primary-nav__menu--mobile > li .submenu > li, .main-footer .description, .social .button {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: opacity 400ms cubic-bezier(0.215, 0.61, 0.355, 1); }
.main-banner .logo-bigmamma .visual path:nth-child(2) {
-webkit-transition: background 600ms cubic-bezier(0.77, 0, 0.175, 1), fill 600ms cubic-bezier(0.77, 0, 0.175, 1);
transition: background 600ms cubic-bezier(0.77, 0, 0.175, 1), fill 600ms cubic-bezier(0.77, 0, 0.175, 1); }
.jsWaypoint--blast.blast-root .blast .text, .main-banner .logo-bigmamma, .main-nav--mobile, .ui-top, .journal-filters .btn-toggle::after, .layout-restaurant-single .splashgallery .logo svg {
-webkit-transition: -webkit-transform 600ms cubic-bezier(0.77, 0, 0.175, 1);
transition: -webkit-transform 600ms cubic-bezier(0.77, 0, 0.175, 1);
transition: transform 600ms cubic-bezier(0.77, 0, 0.175, 1);
transition: transform 600ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 600ms cubic-bezier(0.77, 0, 0.175, 1); }
.btn-menu, .main-banner {
-webkit-transition: top 600ms cubic-bezier(0.77, 0, 0.175, 1);
transition: top 600ms cubic-bezier(0.77, 0, 0.175, 1); }
.splashgallery .context .h6, .splashscreen .context .h6 {
opacity: 0;
-webkit-transition: opacity 600ms cubic-bezier(0.77, 0, 0.175, 1);
transition: opacity 600ms cubic-bezier(0.77, 0, 0.175, 1); }
.btn-close::before, .btn-scroll::before, .journal-single .article-content .description a[href^="https://www.google.fr/maps/"]::before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.btn-cta3, .food .button .text {
font-family: "Founders Grotesk Bold", serif;
font-style: normal;
font-weight: 700; }
.btn-cta2, .btn-scrolltext, .h5, .h55, .lang-nav .choices li, .comment-respond .comment-form-comment label, .comment-respond .comment-form-author label, .comment-respond .comment-form-email label, .comment-respond .comment-form-url label, .comment-respond .field__validation, .flow-richtext h5, .journal-filters .btn-toggle, .journal-filters ul li {
font-family: "Founders Grotesk Semibold", serif;
font-style: normal;
font-weight: 700; }
.schedules .hour, .journal-single .article-content .description a[href^="https://www.google.fr/maps/"] {
font-family: "Founders Grotesk Medium", serif;
font-style: normal;
font-weight: 400; }
.btn-cta1, .schedules .day {
font-family: "Founders Grotesk Regular", serif;
font-style: normal;
font-weight: 400; }
.description b, .h15, .h3, .h4, .newsletter-title {
font-family: "Tiempos Text Bold", serif;
font-style: normal;
font-weight: 700; }
.h15 i, .h15 em, .h18 i, .h18 em, .h2 i, .h2 em, .journal-single .article-content .description blockquote::before {
font-family: "Tiempos Text Bold", serif;
font-style: italic;
font-weight: 700; }
.description, .main-footer .description a, .comment-respond .logged-in-as, .comment-respond .comment-form-comment textarea, .comment-respond .comment-form-comment input, .comment-respond .comment-form-author textarea, .comment-respond .comment-form-author input, .comment-respond .comment-form-email textarea, .comment-respond .comment-form-email input, .comment-respond .comment-form-url textarea, .comment-respond .comment-form-url input, .newsletter__form .registration__status p {
font-family: "Tiempos Text Regular", serif;
font-style: normal;
font-weight: 400; }
.description em, .description i, .h6, .main-footer .description li, .flow-richtext h4, .journal-single .article-content .description blockquote {
font-family: "Tiempos Text Regular", serif;
font-style: italic;
font-weight: 400; }
.newsletter__form .field__text {
font-family: "Tiempos Text Medium", serif;
font-style: normal;
font-weight: 400; }
.h1, .h18, .h2, .primary-nav__menu--mobile > li > a, .primary-nav__menu--mobile > li > button, .flow-richtext h1, .flow-richtext h2, .flow-richtext h3, .journal-single .article-content .description strong {
font-family: "Tiempos Headline Black", serif;
font-style: normal;
font-weight: 400; }
.journal-single .article-content .description:first-letter {
font-family: "Tiempos Headline Light", serif;
font-style: normal;
font-weight: 200; }
.flow-richtext h1 i, .flow-richtext h1 em, .flow-richtext h2 i, .flow-richtext h2 em {
font-family: "Tiempos Headline Light Italic", serif;
font-style: italic;
font-weight: 200; }
.splashgallery .context, .splashscreen .context, .popin .context, .restaurants-index__collection .context, .journal-prevnext .btn-previous .context, .journal-prevnext .btn-next .context {
display: table;
height: 100%;
margin: 0 auto;
position: relative;
z-index: 1; }
.splashgallery .context .center-v, .splashscreen .context .center-v, .popin .context .center-v, .restaurants-index__collection .context .center-v, .journal-prevnext .btn-previous .context .center-v, .journal-prevnext .btn-next .context .center-v {
display: table-cell;
vertical-align: middle; }
.splashgallery .logo, .splashscreen .logo, .restaurants-index__entry .logo {
overflow: hidden;
pointer-events: none;
width: 215px; }
.splashgallery .logo.mamma-primi, .splashscreen .logo.mamma-primi, .restaurants-index__entry .logo.mamma-primi {
width: 150px; }
.splashgallery .logo.biglove-caffe, .splashscreen .logo.biglove-caffe, .restaurants-index__entry .logo.biglove-caffe {
width: 150px; }
.splashgallery .logo.east-mamma, .splashscreen .logo.east-mamma, .restaurants-index__entry .logo.east-mamma {
width: 180px; }
.splashgallery .logo.ober-mamma, .splashscreen .logo.ober-mamma, .restaurants-index__entry .logo.ober-mamma {
width: 202px; }
.splashgallery .logo.pizzeria-popolare, .splashscreen .logo.pizzeria-popolare, .restaurants-index__entry .logo.pizzeria-popolare {
width: 215px; }
.splashgallery .logo svg, .splashscreen .logo svg, .restaurants-index__entry .logo svg {
position: relative; }
.splashgallery .logo path, .splashscreen .logo path, .restaurants-index__entry .logo path, .splashgallery .logo polygon, .splashscreen .logo polygon, .restaurants-index__entry .logo polygon {
fill: #FFF; }
.splashgallery .name, .splashscreen .name, .restaurants-index__entry .name {
left: -9999px;
position: absolute;
top: -9999px; }
@-webkit-keyframes zoomIn {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
100% {
-webkit-transform: scale(1.05);
transform: scale(1.05); } }
@keyframes zoomIn {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
100% {
-webkit-transform: scale(1.05);
transform: scale(1.05); } }
@-webkit-keyframes zoomInOut {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes zoomInOut {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
@-webkit-keyframes rippleFade {
40% {
opacity: 1;
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0); }
90% {
opacity: 1;
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1); }
100% {
opacity: 1; } }
@keyframes rippleFade {
40% {
opacity: 1;
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0); }
90% {
opacity: 1;
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1); }
100% {
opacity: 1; } }
@-webkit-keyframes btnScroll {
0% {
bottom: 50px;
opacity: 1;
-webkit-transform: translateX(-50%) scaleY(1);
transform: translateX(-50%) scaleY(1); }
25% {
bottom: 35px;
opacity: 0;
-webkit-transform: translateX(-50%) scaleY(1.5);
transform: translateX(-50%) scaleY(1.5); }
50% {
bottom: 65px;
opacity: 0;
-webkit-transform: translateX(-50%) scaleY(1.3);
transform: translateX(-50%) scaleY(1.3); }
75% {
bottom: 50px;
opacity: 1;
-webkit-transform: translateX(-50%) scaleY(1);
transform: translateX(-50%) scaleY(1); }
100% {
opacity: 1; } }
@keyframes btnScroll {
0% {
bottom: 50px;
opacity: 1;
-webkit-transform: translateX(-50%) scaleY(1);
transform: translateX(-50%) scaleY(1); }
25% {
bottom: 35px;
opacity: 0;
-webkit-transform: translateX(-50%) scaleY(1.5);
transform: translateX(-50%) scaleY(1.5); }
50% {
bottom: 65px;
opacity: 0;
-webkit-transform: translateX(-50%) scaleY(1.3);
transform: translateX(-50%) scaleY(1.3); }
75% {
bottom: 50px;
opacity: 1;
-webkit-transform: translateX(-50%) scaleY(1);
transform: translateX(-50%) scaleY(1); }
100% {
opacity: 1; } }
@-webkit-keyframes btnScrollText {
0% {
opacity: 1; }
50% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes btnScrollText {
0% {
opacity: 1; }
50% {
opacity: 0; }
100% {
opacity: 1; } }
.jsWaypoint--opacity {
opacity: 0;
-webkit-transition: opacity 600ms cubic-bezier(1, 0, 0, 1);
transition: opacity 600ms cubic-bezier(1, 0, 0, 1); }
.jsWaypoint--opacity.can--animate {
opacity: 1; }
.jsWaypoint--scale {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 700ms cubic-bezier(0.215, 0.925, 0.015, 1.09);
transition: -webkit-transform 700ms cubic-bezier(0.215, 0.925, 0.015, 1.09);
transition: transform 700ms cubic-bezier(0.215, 0.925, 0.015, 1.09);
transition: transform 700ms cubic-bezier(0.215, 0.925, 0.015, 1.09), -webkit-transform 700ms cubic-bezier(0.215, 0.925, 0.015, 1.09); }
.jsWaypoint--scale.can--animate {
-webkit-transform: scale(1);
transform: scale(1); }
.jsWaypoint--blast.blast-root br {
display: none; }
.jsWaypoint--blast.blast-root .blast {
display: block;
overflow: hidden;
position: relative; }
.jsWaypoint--blast.blast-root .blast .text {
display: block;
overflow: hidden;
position: relative;
-webkit-transform: translateY(70px);
transform: translateY(70px); }
.jsWaypoint--blast.blast-root .blast:nth-of-type(2) .text {
-webkit-transition-delay: 50ms;
transition-delay: 50ms; }
.jsWaypoint--blast.blast-root .blast:nth-of-type(3) .text {
-webkit-transition-delay: 75ms;
transition-delay: 75ms; }
.jsWaypoint--blast.blast-root .blast:nth-of-type(4) .text {
-webkit-transition-delay: 100ms;
transition-delay: 100ms; }
.jsWaypoint--blast.blast-root .blast:nth-of-type(5) .text {
-webkit-transition-delay: 125ms;
transition-delay: 125ms; }
.jsWaypoint--blast.blast-root.can--animate .blast .text {
-webkit-transform: translateY(0px);
transform: translateY(0px); }
.jsDrawIntro--view.blast-root .blast, .jsSlideshow--drawText.blast-root .blast {
display: inline-block;
margin: 0 0 -10px;
overflow: hidden;
position: relative; }
.jsDrawIntro--view.blast-root .blast .text, .jsSlideshow--drawText.blast-root .blast .text {
display: block;
line-height: 2;
margin: -20px 0;
overflow: hidden;
position: relative;
visibility: hidden; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.jsDrawIntro--view.blast-root .blast .text, .jsSlideshow--drawText.blast-root .blast .text {
margin: -15px 0; } }
/* PARTIALS - buttons, figures, typography, etc...
========================================================================== */
.btn-close {
position: absolute;
right: 50px;
top: 50px;
color: #000;
z-index: 10; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.btn-close {
right: 10px;
top: 10px; } }
.btn-close::before {
color: inherit;
content: "";
font-size: 25px; }
.btn-close:hover {
color: #FFF;
cursor: pointer; }
.btn-cta1 {
border: 1px solid #E4E4E4;
color: #111;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
overflow: hidden;
padding: 10px 15px 6px;
position: relative; }
.windows.firefox .btn-cta1 {
background-color: rgba(228, 228, 228, 0);
-webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.6, 1);
transition: background-color 300ms cubic-bezier(0.4, 0, 0.6, 1); }
.ie .btn-cta1 {
background-color: rgba(228, 228, 228, 0);
-webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.6, 1);
transition: background-color 300ms cubic-bezier(0.4, 0, 0.6, 1); }
.btn-cta1 .text {
color: inherit;
position: relative;
-webkit-transition: color 375ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: color 375ms cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: 1; }
.btn-cta1::before {
left: 50%;
position: absolute;
top: 50%;
background-color: rgba(228, 228, 228, 0.2);
-webkit-border-radius: 100%;
border-radius: 100%;
height: 300px;
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
-webkit-transition: -webkit-transform 750ms cubic-bezier(0.57, 0, 0.08, 1);
transition: -webkit-transform 750ms cubic-bezier(0.57, 0, 0.08, 1);
transition: transform 750ms cubic-bezier(0.57, 0, 0.08, 1);
transition: transform 750ms cubic-bezier(0.57, 0, 0.08, 1), -webkit-transform 750ms cubic-bezier(0.57, 0, 0.08, 1);
-webkit-transform-origin: center center;
transform-origin: center center;
width: 300px;
will-change: transform; }
.windows.firefox .btn-cta1:hover {
background-color: white; }
.ie .btn-cta1:hover {
background-color: white; }
.btn-cta1:hover::before {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1); }
.btn-cta2 {
border: 1px solid rgba(34, 34, 34, 0.1);
color: #111;
display: inline-block;
font-size: 12px;
font-size: 0.75rem;
letter-spacing: .5px;
overflow: hidden;
padding: 14px 20px 10px;
position: relative;
text-transform: uppercase; }
.windows.firefox .btn-cta2 {
background-color: rgba(228, 228, 228, 0);
-webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.6, 1);
transition: background-color 300ms cubic-bezier(0.4, 0, 0.6, 1); }
.ie .btn-cta2 {
background-color: rgba(228, 228, 228, 0);
-webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.6, 1);
transition: background-color 300ms cubic-bezier(0.4, 0, 0.6, 1); }
.btn-cta2 .text {
color: inherit;
position: relative;
-webkit-transition: color 375ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: color 375ms cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: 1; }
.btn-cta2.is--transparent {
border: 0px none;
padding: 0; }
.btn-cta2.is--transparent::before {
display: none; }
.btn-cta2.is--transparent:hover {
color: #7B7B7B; }
.btn-cta2::before {
left: 50%;
position: absolute;
top: 50%;
background-color: rgba(34, 34, 34, 0.2);
-webkit-border-radius: 100%;
border-radius: 100%;
height: 300px;
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
-webkit-transition: -webkit-transform 450ms cubic-bezier(0.4, 0, 0.6, 1);
transition: -webkit-transform 450ms cubic-bezier(0.4, 0, 0.6, 1);
transition: transform 450ms cubic-bezier(0.4, 0, 0.6, 1);
transition: transform 450ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 450ms cubic-bezier(0.4, 0, 0.6, 1);
-webkit-transform-origin: center center;
transform-origin: center center;
width: 300px;
will-change: transform; }
.btn-cta2:hover {
cursor: pointer; }
.windows.firefox .btn-cta2:hover {
background-color: white; }
.ie .btn-cta2:hover {
background-color: white; }
.btn-cta2:hover::before {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1); }
.btn-cta3 {
color: #000;
display: inline-block;
font-size: 24px;
font-size: 1.5rem;
padding: 0 0 10px;
position: relative; }
.btn-cta3::before, .btn-cta3::after {
left: 0;
position: absolute;
top: auto;
background-color: #F0DA21;
bottom: 0;
height: 3px;
-webkit-transition: -webkit-transform 450ms cubic-bezier(0.57, 0, 0.08, 1);
transition: -webkit-transform 450ms cubic-bezier(0.57, 0, 0.08, 1);
transition: transform 450ms cubic-bezier(0.57, 0, 0.08, 1);
transition: transform 450ms cubic-bezier(0.57, 0, 0.08, 1), -webkit-transform 450ms cubic-bezier(0.57, 0, 0.08, 1);
width: 130%; }
.btn-cta3::before {
background-color: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left center;
transform-origin: left center;
z-index: 1; }
.btn-cta3:hover::before {
-webkit-transform: scaleX(1);
transform: scaleX(1); }
.btn-menu {
position: absolute;
right: 25px;
top: 30px;
height: 14px;
display: block;
position: fixed;
width: 20px;
z-index: 151; }
.skin--isMinimal .btn-menu {
top: 22px; }
.mainnav--isOpened .btn-menu {
top: 30px; }
.btn-menu span {
left: 0;
position: absolute;
top: 0;
background-color: #FFF;
display: block;
height: 2px;
opacity: 1;
-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform-origin: center center;
transform-origin: center center;
width: 100%; }
.skin--isDark .btn-menu span {
background-color: #000; }
.btn-menu span:nth-child(2), .btn-menu span:nth-child(4), .btn-menu span:nth-child(5) {
top: 6px; }
.btn-menu span:nth-child(2) {
-webkit-transform: scaleX(1);
transform: scaleX(1); }
.btn-menu span:nth-child(3) {
top: 12px; }
.btn-menu span:nth-child(4) {
opacity: 0.01;
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
.btn-menu span:nth-child(5) {
opacity: 0.01;
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
.skin--isMinimal .btn-menu span {
background: #000; }
.mainnav--isOpened .btn-menu span {
background: #FFF; }
.mainnav--isOpened .btn-menu span:nth-child(1) {
opacity: 0.01;
-webkit-transform: translateX(-100%);
transform: translateX(-100%); }
.mainnav--isOpened .btn-menu span:nth-child(2) {
opacity: 0.01;
-webkit-transform: scaleX(0);
transform: scaleX(0); }
.mainnav--isOpened .btn-menu span:nth-child(3) {
opacity: 0.01;
-webkit-transform: translateX(100%);
transform: translateX(100%); }
.mainnav--isOpened .btn-menu span:nth-child(4) {
opacity: 0.99;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.mainnav--isOpened .btn-menu span:nth-child(5) {
opacity: 0.99;
-webkit-transform: rotate(-45deg) !important;
transform: rotate(-45deg) !important; }
.btn-scroll {
left: 50%;
position: absolute;
top: auto;
bottom: 50px;
color: #FFF;
opacity: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 2; }
.skin--isDark .btn-scroll {
color: #000; }
.btn-scroll::before {
content: "";
display: block;
font-size: 20px; }
.layout--isReady .btn-scroll {
-webkit-animation: btnScroll 1500ms 0s infinite normal cubic-bezier(0.645, 0.045, 0.355, 1) both;
animation: btnScroll 1500ms 0s infinite normal cubic-bezier(0.645, 0.045, 0.355, 1) both;
opacity: 1; }
.btn-scrolltext {
left: 50%;
position: absolute;
top: auto;
bottom: 100px;
color: #FFF;
font-size: 12px;
font-size: 0.75rem;
letter-spacing: .5px;
opacity: 0;
pointer-events: none;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
text-transform: uppercase;
-webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
z-index: 2; }
.skin--isDark .btn-scrolltext {
color: #000; }
.layout--isReady .btn-scrolltext {
opacity: 1; }
.btn-scrolltext::before {
left: 21px;
position: absolute;
top: 29px;
color: inherit;
content: "•";
font-size: 15px; }
.layout--isReady .btn-scrolltext::before {
-webkit-animation: btnScrollText 1500ms 150ms infinite normal cubic-bezier(0.645, 0.045, 0.355, 1) both;
animation: btnScrollText 1500ms 150ms infinite normal cubic-bezier(0.645, 0.045, 0.355, 1) both; }
.btn-scrolltext::after {
left: 21px;
position: absolute;
top: 17px;
color: inherit;
content: "•";
font-size: 15px; }
.layout--isReady .btn-scrolltext::after {
-webkit-animation: btnScrollText 1500ms 0s infinite normal cubic-bezier(0.645, 0.045, 0.355, 1) both;
animation: btnScrollText 1500ms 0s infinite normal cubic-bezier(0.645, 0.045, 0.355, 1) both; }
.description {
color: #111;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.9; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.description {
font-size: 16px;
font-size: 1rem; } }
.description p {
display: block; }
.description a {
color: inherit;
opacity: 1;
padding: 0 0 3px;
position: relative; }
.description a::before, .description a::after {
left: 0;
position: absolute;
top: auto;
bottom: 0;
background-color: #F0DA21;
height: 1px;
-webkit-transition: -webkit-transform 450ms cubic-bezier(0.57, 0, 0.08, 1);
transition: -webkit-transform 450ms cubic-bezier(0.57, 0, 0.08, 1);
transition: transform 450ms cubic-bezier(0.57, 0, 0.08, 1);
transition: transform 450ms cubic-bezier(0.57, 0, 0.08, 1), -webkit-transform 450ms cubic-bezier(0.57, 0, 0.08, 1);
width: 100%; }
.description a::before {
background-color: #000;
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scaleX(0);
transform: scaleX(0);
z-index: 1; }
.description a:hover {
color: #F0DA21; }
.description a:hover::before {
-webkit-transform: scaleX(1);
transform: scaleX(1); }
.description.with--columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-fill: balance;
-moz-column-fill: balance;
column-fill: balance;
-webkit-column-gap: 35px;
-moz-column-gap: 35px;
column-gap: 35px;
text-align: justify; }
.description.with--columns p {
margin: 0 !important; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.description.with--columns {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0; } }
.h5 a, .h55 a, .h6 a {
color: inherit; }
.h1 {
font-size: 64px;
font-size: 4rem;
line-height: 1.1; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.h1 {
font-size: 36px;
font-size: 2.25rem; } }
.h15 {
font-size: 48px;
font-size: 3rem;
line-height: 1.1; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.h15 {
font-size: 32px;
font-size: 2rem; } }
.h18 {
font-size: 42px;
font-size: 2.625rem;
line-height: 1.4; }
.h2 {
font-size: 36px;
font-size: 2.25rem;
line-height: 1.2; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.h2 {
font-size: 32px;
font-size: 2rem; } }
.h3 {
font-size: 36px;
font-size: 2.25rem;
line-height: 1.1; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.h3 {
font-size: 32px;
font-size: 2rem; } }
.h4 {
font-size: 30px;
font-size: 1.875rem;
line-height: 1.4; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.h4 {
font-size: 20px;
font-size: 1.25rem; } }
.h5 {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.4;
text-transform: uppercase; }
.h55 {
font-size: 12px;
font-size: 0.75rem;
letter-spacing: .5px;
line-height: 1.4;
text-transform: uppercase; }
.h6 {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.4; }
.text__color--white {
color: #FFF; }
.text__color--black {
color: #000; }
.text__color--light {
color: #7B7B7B; }
.text__color--lighter {
color: #9B9B9B; }
.text__color--loud {
color: #111; }
.text__color--loudless {
color: #222; }
.text__color--yellow {
color: #F0DA21; }
/* FRAMEWORK - header, content, sidebar, and footer components
========================================================================== */
/* Proportional units
========================================================================== */
/*
* Specify the proportional width of an object.
* Primarily for, but not limited to, use with `.grid__cell` components.
* Intentional redundancy build into each set of unit classes.
*/
.unit-1-2, .unit-2-4, .unit-5-10, .unit-6-12, .unit-10-20 {
width: 50%; }
.unit-1-3, .unit-4-12 {
width: 33.33333%; }
.unit-2-3, .unit-8-12 {
width: 66.66667%; }
.unit-1-4, .unit-3-12, .unit-5-20 {
width: 25%; }
.unit-3-4, .unit-9-12, .unit-15-20 {
width: 75%; }
.unit-1-7 {
width: 14.28571%; }
.unit-2-7 {
width: 28.57143%; }
.unit-3-7 {
width: 42.85714%; }
.unit-4-7 {
width: 57.14286%; }
.unit-5-7 {
width: 71.42857%; }
.unit-6-7 {
width: 85.71429%; }
.unit-1-10, .unit-2-20 {
width: 10%; }
.unit-2-10 {
width: 20%; }
.unit-3-10, .unit-6-20 {
width: 30%; }
.unit-4-10 {
width: 40%; }
.unit-6-10 {
width: 60%; }
.unit-7-10, .unit-14-20 {
width: 70%; }
.unit-8-10 {
width: 80%; }
.unit-9-10, .unit-18-20 {
width: 90%; }
.unit-1-12 {
width: 8.33333%; }
.unit-2-12 {
width: 16.66667%; }
.unit-5-12 {
width: 41.66667%; }
.unit-7-12 {
width: 58.33333%; }
.unit-10-12 {
width: 83.33333%; }
.unit-11-12 {
width: 91.66667%; }
.unit-1-20 {
width: 5%; }
.unit-3-20 {
width: 15%; }
.unit-4-20 {
width: 20%; }
.unit-7-20 {
width: 35%; }
.unit-8-20 {
width: 40%; }
.unit-9-20 {
width: 45%; }
.unit-11-20 {
width: 55%; }
.unit-12-20 {
width: 60%; }
.unit-13-20 {
width: 65%; }
.unit-16-20 {
width: 80%; }
.unit-17-20 {
width: 85%; }
.unit-19-20 {
width: 95%; }
body {
background: #FFF; }
body.bg--1 {
background: #4B99C7; }
body.bg--2 {
background: #098041; }
body.bg--3 {
background: #F0DA21; }
body.force--bg {
background: #FFF !important; }
#master {
height: auto;
min-height: 100%;
overflow: hidden;
position: relative;
width: 100%; }
#main-content {
display: block;
height: auto;
position: relative;
width: 100%;
z-index: 0; }
.page-restaurantIndex #main-content {
height: 100%;
position: absolute; }
#main-content .the-view {
overflow: visible;
position: relative;
width: 100%; }
.page-restaurantIndex #main-content .the-view {
height: 100%; }
#main-content .layout::before {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
background: #000;
opacity: 0;
position: fixed;
pointer-events: none;
-webkit-transition: opacity 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: opacity 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
z-index: 3; }
.popin--isOpened #main-content .layout::before {
opacity: .9;
pointer-events: auto; }
.v-desktoptablet {
display: block; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.v-desktoptablet {
display: none !important; } }
.v-mobile {
display: none; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.v-mobile {
display: block !important; } }
.main-banner {
left: 50%;
position: absolute;
top: 25px;
opacity: 1;
position: fixed;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 151; }
.skin--isMinimal .main-banner {
top: 15px; }
.mainnav--isOpened .main-banner {
opacity: 0; }
.main-banner .logo-bigmamma {
display: block;
width: 36px; }
.skin--isMinimal .main-banner .logo-bigmamma {
-webkit-transform: scale(0.8);
transform: scale(0.8); }
.mainnav--isOpened .main-banner .logo-bigmamma {
-webkit-transform: scale(1);
transform: scale(1); }
.main-banner .logo-bigmamma .context {
display: block;
width: 100%; }
.main-banner .logo-bigmamma .text {
left: -9999px;
position: absolute;
top: -9999px;
z-index: -1; }
.main-banner .logo-bigmamma .visual {
display: block;
width: 100%; }
.skin--isDark .main-banner .logo-bigmamma .visual path:nth-child(2) {
fill: #111; }
.skin--isMinimal .main-banner .logo-bigmamma .visual path:nth-child(2) {
fill: #111; }
.mainnav--isOpened .main-banner .logo-bigmamma .visual path:nth-child(2) {
fill: #FFF; }
.main-loader {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
background: rgba(255, 255, 255, 0);
pointer-events: none;
position: fixed;
z-index: 270; }
.main-loader .animation {
left: 50%;
position: absolute;
top: 50%;
height: 200px;
margin: -100px 0 0 -100px;
width: 200px;
z-index: 3; }
.main-loader .animation .receptor {
height: 100%;
width: 100%; }
.main-loader .logo-bigmamma {
left: 70px;
position: absolute;
top: 70px;
display: block;
position: fixed;
width: 48px;
z-index: 2; }
.main-loader .logo-bigmamma .visual {
display: block;
width: 100%; }
.main-loader .logo-bigmamma .visual img {
display: block;
width: 100%; }
.main-loader .reveal {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
background: #F0DA21;
z-index: 1; }
.main-loader.for--2 .reveal {
background: #098041; }
.main-loader.for--1 .reveal, .main-loader.for--4 .reveal {
background: #4B99C7; }
.main-loader.for--3 .reveal, .main-loader.for--5 .reveal {
background: #F0DA21; }
.main-nav--mobile {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
background: #222;
overflow-y: scroll;
position: fixed;
-webkit-transform: translateX(100%);
transform: translateX(100%);
z-index: 150; }
.main-nav--mobile .logo-bm {
left: 50%;
position: absolute;
top: 15px;
opacity: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 36px; }
.mainnav--isOpened .main-nav--mobile .logo-bm {
opacity: 1; }
.main-nav--mobile .social {
margin: 40px 0 100px;
text-align: center;
width: 100%; }
.mainnav--isOpened .main-nav--mobile {
-webkit-transform: translateX(0%);
transform: translateX(0%); }
.primary-nav--mobile {
display: inline-block;
margin: 100px 0 0;
position: relative;
text-align: center; }
.primary-nav__menu--mobile {
list-style: none;
overflow: hidden; }
.primary-nav__menu--mobile > li {
display: block;
margin: 0 0 25px;
position: relative;
width: 100vw; }
.primary-nav__menu--mobile > li > a, .primary-nav__menu--mobile > li > button {
color: #FFF;
font-size: 30px;
font-size: 1.875rem;
display: block;
opacity: 1;
position: relative; }
.show--restaurants .primary-nav__menu--mobile > li > a, .show--restaurants .primary-nav__menu--mobile > li > button {
opacity: .1; }
.primary-nav__menu--mobile > li > button {
margin: 0 auto; }
.primary-nav__menu--mobile > li:first-child > a, .primary-nav__menu--mobile > li:first-child > button {
opacity: 1 !important; }
.primary-nav__menu--mobile > li .sub {
height: 0;
overflow: hidden;
-webkit-transition: height 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: height 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
width: 100%; }
.show--restaurants .primary-nav__menu--mobile > li .sub {
height: 250px; }
.primary-nav__menu--mobile > li .sub .anchors {
left: 50%;
position: absolute;
top: auto;
bottom: 0;
opacity: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
.show--restaurants .primary-nav__menu--mobile > li .sub .anchors {
opacity: 1; }
.primary-nav__menu--mobile > li .sub .anchors .anchor {
background: #FFF;
-webkit-border-radius: 100%;
border-radius: 100%;
display: inline-block;
height: 5px;
margin: 0 5px;
opacity: .2;
width: 5px; }
.primary-nav__menu--mobile > li .sub .anchors .anchor.is--active {
opacity: 1; }
.primary-nav__menu--mobile > li .submenu {
opacity: 0;
padding: 90px 0 150px;
position: relative;
text-align: left;
width: 9999px; }
.show--restaurants .primary-nav__menu--mobile > li .submenu {
opacity: 1; }
.primary-nav__menu--mobile > li .submenu > li {
display: block;
float: left;
opacity: .3;
text-align: center;
width: 65vw; }
.primary-nav__menu--mobile > li .submenu > li .h6 {
margin: 10px 0 0; }
.primary-nav__menu--mobile > li .submenu > li .logo {
height: 30px;
margin: 0 auto;
position: relative;
overflow: hidden;
width: 150px; }
.primary-nav__menu--mobile > li .submenu > li .logo path {
fill: #FFF; }
.primary-nav__menu--mobile > li .submenu > li.is--active {
opacity: 1; }
.lang-nav {
position: relative; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.lang-nav {
margin: 50px 0 15px; } }
.lang-nav .choices {
list-style: none; }
.lang-nav .choices li {
color: #000;
display: inline-block;
font-size: 12px;
font-size: 0.75rem;
text-transform: uppercase; }
.lang-nav .choices li a {
color: inherit; }
.lang-nav .choices li::after {
background-color: black;
-webkit-border-radius: 100%;
border-radius: 100%;
display: inline-block;
height: 4px;
margin: 0 8px 0 6px;
position: relative;
top: -2px;
width: 4px; }
.lang-nav .choices li:last-child::after {
display: none; }
.lang-nav .choices li:hover {
color: #7B7B7B; }
.main-footer {
background-color: #F0DA21;
bottom: 0;
left: 0;
position: fixed;
pointer-events: none;
right: 0;
-webkit-transition: -webkit-transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: -webkit-transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
visibility: hidden;
z-index: 1; }
.skin--isMinimal .main-footer {
pointer-events: auto;
visibility: visible; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait) and (orientation: landscape), screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) {
.main-footer {
position: relative; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.main-footer {
position: relative; } }
.main-footer .game {
left: 0;
position: absolute;
top: auto;
bottom: -100px;
height: 600px;
width: 100%;
z-index: 1; }
.main-footer .flow-framer {
padding: 110px 0;
pointer-events: none;
position: relative;
z-index: 5; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.main-footer .flow-framer {
padding: 25px 0; } }
.main-footer .grid:last-child {
margin-top: 80px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.main-footer .grid:last-child {
margin-top: 50px; } }
.main-footer .grid__cell {
pointer-events: auto; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.main-footer .grid__cell {
text-align: center !important;
width: 100%; } }
.main-footer .btn-credits {
padding: 5px 0;
position: relative;
z-index: 5; }
.main-footer .btn-credits:hover .description {
opacity: 1;
pointer-events: auto; }
.main-footer .description {
left: 55px;
position: absolute;
top: 1px;
display: block;
list-style: none;
opacity: 0;
pointer-events: none;
width: 100%; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.main-footer .description {
left: 50%;
top: 25px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); } }
.main-footer .description li {
font-size: 12px;
font-size: 0.75rem;
margin: 0 0 2px; }
.main-footer .description li::before {
content: "—";
display: inline-block;
margin: 0 10px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.main-footer .description li::before {
display: none; } }
.main-footer .description a::before {
background: #FFF; }
.main-footer .description a::after {
background: #000; }
.main-footer .description a:hover {
color: #111; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.main-footer .link {
display: block;
margin: 0 0 5px; } }
.main-footer .link:hover {
color: #FFF; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.main-footer .social {
margin: 20px 0 0; } }
.main-footer .social .button {
color: #000; }
.main-footer .social .button:hover {
color: #FFF;
opacity: 1; }
.main-transition {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
background: rgba(255, 255, 255, 0);
opacity: 0;
pointer-events: none;
position: fixed;
visibility: hidden;
z-index: 250; }
.main-transition.is--active {
pointer-events: auto; }
.main-transition .animation {
left: 50%;
position: absolute;
top: 50%;
height: 200px;
margin: -100px 0 0 -100px;
width: 200px;
z-index: 3; }
.main-transition .animation .receptor {
height: 100%;
width: 100%; }
.main-transition .reveal {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0; }
.main-transition .reveal:nth-child(1) {
background: #000;
z-index: 1; }
.main-transition .reveal:nth-child(2) {
background: #F0DA21;
z-index: 2; }
.main-transition.for--coffee .reveal:nth-child(1) {
background: #4B99C7; }
.main-transition.for--coffee .reveal:nth-child(2) {
background: #098041; }
.main-transition.for--pizza .reveal:nth-child(1), .main-transition.for--face .reveal:nth-child(1) {
background: #F0DA21; }
.main-transition.for--pizza .reveal:nth-child(2), .main-transition.for--face .reveal:nth-child(2) {
background: #4B99C7; }
.main-transition.for--woman .reveal:nth-child(1), .main-transition.for--salad .reveal:nth-child(1) {
background: #4B99C7; }
.main-transition.for--woman .reveal:nth-child(2), .main-transition.for--salad .reveal:nth-child(2) {
background: #F0DA21; }
.ui-top {
left: 0;
position: absolute;
top: 0;
background-color: #F0DA21;
height: 70px;
pointer-events: none;
position: fixed;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
right: 0;
z-index: 149; }
.skin--isMinimal .ui-top {
-webkit-transform: translateY(0%);
transform: translateY(0%); }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.ui-top {
height: 60px; } }
.ui-bottom {
background-color: #FFF;
height: 350px;
overflow: hidden;
position: relative;
width: 100%;
z-index: 1; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.ui-bottom {
height: 175px; } }
.layout-restaurant-single .ui-bottom {
background-color: #F5F4ED; }
.layout-journal-index .ui-bottom {
background-color: #F5F5F4; }
.layout-contact .ui-bottom {
background-color: #282828; }
.ui-overlay {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
background: rgba(0, 0, 0, 0.7);
display: block;
opacity: 0;
position: fixed;
pointer-events: none;
-webkit-transition: opacity 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: opacity 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: 3; }
.page-restaurantIndex .ui-overlay {
display: none !important; }
.submenu--isOpened .ui-overlay {
opacity: 1; }
.skin--isMinimal.submenu--isOpened .ui-overlay {
display: none; }
.ui-overlay-mini {
left: 0;
position: absolute;
top: 0;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f0da21), to(rgba(240, 218, 33, 0.9)));
background-image: -webkit-linear-gradient(top, #f0da21 0%, rgba(240, 218, 33, 0.9) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0da21), to(rgba(240, 218, 33, 0.9)));
background-image: linear-gradient(to bottom, #f0da21 0%, rgba(240, 218, 33, 0.9) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF0DA21', endColorstr='#E6F0DA21', GradientType=0);
display: none;
height: 100px;
opacity: 1;
position: fixed;
right: 0;
top: 70px;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transform-origin: center top;
transform-origin: center top;
z-index: 3; }
.skin--isMinimal .ui-overlay-mini {
display: block; }
.skin--isMinimal.submenu--isOpened .ui-overlay-mini {
-webkit-transform: scaleY(1);
transform: scaleY(1); }
.ui-touch {
left: 0;
position: absolute;
top: auto;
bottom: 200px;
height: 150px;
width: 100%;
z-index: 5; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.ui-touch {
bottom: 160px;
height: 50px; } }
/* MODULES - Re-usable site elements.
========================================================================== */
.comment-respond {
margin: -25px 0 -25px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.comment-respond {
margin: 50px 0;
padding: 50px 0; } }
.comment-respond .description, .comment-respond .logged-in-as {
margin: 0 0 25px; }
.comment-respond .logged-in-as {
color: #7B7B7B;
font-size: 14px;
font-size: 0.875rem;
position: relative; }
.comment-respond .logged-in-as a {
color: inherit;
position: relative; }
.comment-respond .logged-in-as a::before {
left: 0;
position: absolute;
top: auto;
bottom: 0;
background-color: #E4E4E4;
height: 1px;
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: -webkit-transform 450ms cubic-bezier(0.57, 0, 0.08, 1);
transition: -webkit-transform 450ms cubic-bezier(0.57, 0, 0.08, 1);
transition: transform 450ms cubic-bezier(0.57, 0, 0.08, 1);
transition: transform 450ms cubic-bezier(0.57, 0, 0.08, 1), -webkit-transform 450ms cubic-bezier(0.57, 0, 0.08, 1);
width: 100%; }
.comment-respond .logged-in-as a:hover {
cursor: pointer; }
.comment-respond .logged-in-as a:hover::before {
-webkit-transform: scaleX(1);
transform: scaleX(1); }
.comment-respond .comment-form-comment, .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url {
margin: 0 0 20px; }
.comment-respond .comment-form-comment label, .comment-respond .comment-form-author label, .comment-respond .comment-form-email label, .comment-respond .comment-form-url label {
color: #000;
display: block;
font-size: 12px;
font-size: 0.75rem;
letter-spacing: 1px;
margin: 0 0 5px;
text-transform: uppercase; }
.comment-respond .comment-form-comment textarea, .comment-respond .comment-form-comment input, .comment-respond .comment-form-author textarea, .comment-respond .comment-form-author input, .comment-respond .comment-form-email textarea, .comment-respond .comment-form-email input, .comment-respond .comment-form-url textarea, .comment-respond .comment-form-url input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #E4E4E4;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
color: #111;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5;
padding: 10px 0 10px 10px;
width: 100%; }
.comment-respond .form-submit {
margin: 50px 0 0; }
.comment-respond .field__validation {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
border-radius: 0;
border: 1px solid rgba(34, 34, 34, 0.1);
color: #111;
display: inline-block;
font-size: 12px;
font-size: 0.75rem;
letter-spacing: .5px;
overflow: hidden;
padding: 14px 20px 10px;
position: relative;
text-transform: uppercase;
-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); }
.comment-respond .field__validation:hover {
background-color: #111;
color: #FFF;
cursor: pointer; }
.faq {
margin: -50px 0 0;
position: relative;
z-index: 1; }
.faq__item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid rgba(34, 34, 34, 0.1);
padding: 50px 0; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.faq__item {
padding: 25px 0; } }
.faq__item .h4 {
margin: 0 0 0; }
.faq__item .h4:hover {
color: #F0DA21;
cursor: pointer; }
.faq__item .content {
overflow: hidden;
-webkit-transition: height 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: height 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.faq__item .content .description {
opacity: 0;
margin: 50px 0 0;
-webkit-transition: 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: 800ms cubic-bezier(0.215, 0.61, 0.355, 1); }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.faq__item .content .description {
margin: 25px 0 0; } }
.faq__item .content.is--active .description {
opacity: 1;
-webkit-transition-delay: 250ms;
transition-delay: 250ms; }
.faq__item:last-child {
border-bottom: 0px none; }
.flow {
background-color: #FFF;
margin: 100vh 0 0;
padding: 100px 0;
position: relative;
z-index: 2; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait) and (orientation: landscape), screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) {
.flow {
margin: 100vh 0 0; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.flow {
margin: 100vh 0 0;
padding: 50px 0; } }
.flow.no--gap {
margin: 0; }
.flow.no--innergap {
margin: 0 !important;
padding: 0 !important; }
.flow.skin--darkgrey {
background-color: #282828; }
.flow.skin--beige {
background-color: #F5F4ED; }
.flow.skin--lightgrey {
background-color: #F5F5F4; }
.flow-framer {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
max-width: 1024px;
padding: 0;
position: relative;
width: 60%; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait) and (orientation: landscape), screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) {
.flow-framer {
width: 85%; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait), screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait) {
.flow-framer {
width: 85%; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.flow-framer {
width: 85%; } }
.flow-richtext .btn-cta1 {
margin: 0 0 20px; }
.flow-richtext h1, .flow-richtext h2 {
font-size: 36px;
font-size: 2.25rem;
line-height: 1.2;
margin: 0 0 25px 0; }
.flow-richtext h3 {
color: #000;
font-size: 24px;
font-size: 1.5rem;
margin: 0 0 0px 0; }
.flow-richtext h4 {
color: #000;
font-size: 24px;
font-size: 1.5rem;
margin: 0 0 25px 0; }
.flow-richtext h5 {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.4;
text-transform: uppercase; }
.flow-richtext ol, .flow-richtext ul {
margin: 0 0 25px 15px; }
.flow-richtext ol li, .flow-richtext ul li {
margin: 0 0 5px;
padding: 0 0 0 5px;
position: relative; }
.flow-richtext img {
display: block;
height: auto;
margin: 60px 0;
width: 100%; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.flow-richtext img {
margin: 30px 0; } }
.flow-richtext .visual--left {
left: 0;
position: absolute;
top: 0;
pointer-events: none;
width: 48%; }
.flow-richtext .visual--left img {
display: block;
margin: 0 auto 0 0;
width: 100%; }
.flow-richtext .visual--right {
position: absolute;
right: 0;
top: 0;
pointer-events: none;
width: 48%; }
.flow-richtext .visual--right img {
display: block;
margin: 0 auto 0 0;
width: 100%; }
.flow-richtext p {
display: block;
margin: 0 0 25px 0; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.flow-richtext p {
margin: 0 0 15px 0; } }
.flow-separator {
background-color: #E4E4E4;
height: 1px;
margin: 100px auto;
width: 80%; }
.flow-separator hr {
display: none; }
.flow-separator.is--alt {
margin: -25px auto 100px; }
.flow-separator.is--full {
width: 100%; }
.inner-framer {
background-color: #FFF;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 75px;
position: relative;
-webkit-transition: -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
width: auto; }
.article-content {
margin: 0 0 100px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.article-content {
margin: 0 0 50px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.article-content.jsArticle--accordion {
height: 200px;
overflow: hidden;
position: relative; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.article-content.jsArticle--accordion::before {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
content: " ";
background-image: -webkit-gradient(linear, left 0%, left 80%, from(rgba(255, 255, 255, 0)), to(white));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 80%);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(80%, white));
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 80%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#FFFFFFFF', GradientType=0);
display: block; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.article-content.jsArticle--accordion::after {
left: 0;
position: absolute;
top: auto;
bottom: 0;
color: #DEDEDE;
content: "● ● ●";
font-size: 20px;
font-family: courier;
margin: 0 auto;
text-align: center;
width: 100%; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.article-content.jsArticle--accordion.is--active {
height: auto; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.article-content.jsArticle--accordion.is--active::before, .article-content.jsArticle--accordion.is--active::after {
display: none; } }
.article-content .brand {
letter-spacing: 2.5px; }
.features {
border-top: 1px solid #E4E4E4;
margin: 0 0 50px;
overflow: hidden;
position: relative;
width: 100%; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.features {
border-bottom: 1px solid #E4E4E4;
border-top: 0px none; } }
.features__item {
border-bottom: 1px solid #E4E4E4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 25px;
padding-top: 25px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.features__item {
border-bottom: 0px none;
padding-bottom: 20px;
padding-top: 0; } }
.features__item .btn-cta1 {
display: block;
text-align: center; }
.features__item button {
width: 100%; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.features__item .h5 {
margin: 0 0 -10px; } }
.features__item .description {
font-size: 13px;
font-size: 0.8125rem; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.features__item .description {
font-size: 14px;
font-size: 0.875rem;
padding: 20px 0; } }
.features__item .grid__cell {
vertical-align: middle; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.features__item .grid__cell {
width: 100%; } }
.food {
position: absolute;
right: 0;
top: 240px;
margin: 0 0 0 auto;
opacity: 1;
width: 320px;
z-index: 5; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.food {
left: auto !important;
right: 0 !important;
padding: 50px 0 0;
position: relative;
top: 0 !important; } }
.food.is--sticky {
position: fixed;
z-index: 0; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait) and (orientation: landscape), screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) {
.food.is--sticky {
left: auto !important;
right: 0 !important;
position: absolute;
top: 180px; } }
.menu--isHidden .food {
opacity: 0;
pointer-events: none; }
.food .buttons {
margin: 40px 0; }
.food .button {
background-color: #F0DA21;
display: block;
margin: 0 0 20px;
overflow: hidden;
padding: 18px 0;
position: relative;
width: 100%; }
.windows.firefox .food .button {
background-color: rgba(228, 228, 228, 0);
-webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.6, 1);
transition: background-color 300ms cubic-bezier(0.4, 0, 0.6, 1); }
.ie .food .button {
background-color: rgba(228, 228, 228, 0);
-webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.6, 1);
transition: background-color 300ms cubic-bezier(0.4, 0, 0.6, 1); }
.food .button::before {
left: 50%;
position: absolute;
top: 50%;
background-color: black;
-webkit-border-radius: 100%;
border-radius: 100%;
height: 430px;
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
-webkit-transition: -webkit-transform 450ms cubic-bezier(0.57, 0, 0.08, 1);
transition: -webkit-transform 450ms cubic-bezier(0.57, 0, 0.08, 1);
transition: transform 450ms cubic-bezier(0.57, 0, 0.08, 1);
transition: transform 450ms cubic-bezier(0.57, 0, 0.08, 1), -webkit-transform 450ms cubic-bezier(0.57, 0, 0.08, 1);
-webkit-transform-origin: center center;
transform-origin: center center;
width: 430px;
will-change: transform; }
.food .button .symbol {
position: absolute;
right: 26px;
top: 50%;
color: #000;
font-size: 22px;
margin: -13px 0 0;
-webkit-transition: color 200ms cubic-bezier(0.4, 0, 0.6, 1);
transition: color 200ms cubic-bezier(0.4, 0, 0.6, 1); }
.food .button .text {
color: #000;
font-size: 14px;
font-size: 0.875rem;
line-height: 0;
text-transform: uppercase;
padding: 0 0 0 26px;
position: relative;
-webkit-transition: color 200ms cubic-bezier(0.4, 0, 0.6, 1);
transition: color 200ms cubic-bezier(0.4, 0, 0.6, 1);
z-index: 1; }
.food .button:hover .text, .food .button:hover .symbol {
color: #FFF; }
.windows.firefox .food .button:hover {
background-color: white; }
.ie .food .button:hover {
background-color: white; }
.food .button:hover::before {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1); }
.food .button:last-child {
margin: 0; }
.gallery-flow {
margin: 50px auto 0;
max-width: 1800px;
padding: 0 0 50px;
text-align: center;
pointer-events: none;
position: relative;
width: 100%; }
.gallery-flow .gallery-flow__item {
display: block;
height: auto;
list-style: none;
position: relative;
width: auto; }
.gallery-flow .gallery-flow__item.can--show .fill.direction--1 {
-webkit-transform: translateX(-101%);
transform: translateX(-101%); }
.gallery-flow .gallery-flow__item.can--show .fill.direction--2 {
-webkit-transform: translateX(101%);
transform: translateX(101%); }
.gallery-flow .gallery-flow__item.can--show .fill.direction--3 {
-webkit-transform: translateY(-101%);
transform: translateY(-101%); }
.gallery-flow .gallery-flow__item.can--show .fill.direction--4 {
-webkit-transform: translateY(101%);
transform: translateY(101%); }
.gallery-flow .bg {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
margin: 0 auto;
overflow: hidden;
position: relative;
z-index: 1; }
.gallery-flow .bg .fill {
left: 0;
position: absolute;
top: 0;
bottom: 0;
-webkit-transition: -webkit-transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
transition: -webkit-transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
width: 100%;
z-index: 2; }
.gallery-flow .bg .fill.color--1 {
background: #F0DA21; }
.gallery-flow .bg .fill.color--2 {
background: #4B99C7; }
.gallery-flow .bg .fill.color--3 {
background: #098041; }
.gallery-flow .bg .fill.direction--1, .gallery-flow .bg .fill.direction--2 {
-webkit-transform: translateX(0%);
transform: translateX(0%); }
.gallery-flow .bg .fill.direction--3, .gallery-flow .bg .fill.direction--4 {
-webkit-transform: translateY(0%);
transform: translateY(0%); }
.gallery-flow .bg .visual {
display: block;
height: auto;
opacity: 0;
visibility: hidden;
width: 100%; }
.gallery-flow.default .for--0 {
width: 85%; }
.gallery-flow.default .for--1, .gallery-flow.default .for--17 {
background-position: right center;
margin: 50px 0 50px auto;
width: 85%; }
.gallery-flow.default .for--2, .gallery-flow.default .for--18 {
background-position: left center;
margin: 0 auto 0 0;
width: 70%;
z-index: 10; }
.gallery-flow.default .for--3, .gallery-flow.default .for--19 {
background-position: right center;
margin: -50px 0 0 auto;
width: 85%; }
.gallery-flow.default .for--4, .gallery-flow.default .for--20 {
background-position: left center;
margin: 0 auto 0 0;
width: 85%;
z-index: 2; }
.gallery-flow.default .for--5, .gallery-flow.default .for--21 {
background-position: right center;
margin: -30px 0 0 auto;
width: 60%; }
.gallery-flow.default .for--6, .gallery-flow.default .for--22 {
margin: 50px auto 50px 0;
width: 85%; }
.gallery-flow.default .for--7, .gallery-flow.default .for--23 {
background-position: right center;
margin: 0 0 0 auto;
width: 60%;
z-index: 2; }
.gallery-flow.default .for--8, .gallery-flow.default .for--24 {
background-position: left center;
margin: 0 auto 0 0;
width: 85%; }
.gallery-flow.default .for--9, .gallery-flow.default .for--25 {
background-position: right center;
margin: 50px 0 0 auto;
width: 85%; }
.gallery-flow.default .for--10, .gallery-flow.default .for--26 {
margin: 80px auto;
width: 60%; }
.gallery-flow.default .for--11, .gallery-flow.default .for--27 {
background-position: left center;
margin: 0 auto 0 0;
width: 85%; }
.gallery-flow.default .for--12, .gallery-flow.default .for--28 {
width: 60%; }
.gallery-flow.default .for--13, .gallery-flow.default .for--29 {
background-position: right center;
margin: 50px 0 0 auto;
width: 85%; }
.gallery-flow.default .for--14, .gallery-flow.default .for--30 {
background-position: left center;
margin: 0 auto 0 0;
width: 60%; }
.gallery-flow.default .for--15, .gallery-flow.default .for--31 {
width: 60%; }
.gallery-flow.default .for--16, .gallery-flow.default .for--32 {
background-position: right center;
margin: 50px 0 0 auto;
width: 85%; }
.gallery-flow.alternative .for--0, .gallery-flow.alternative .for--7, .gallery-flow.alternative .for--14, .gallery-flow.alternative .for--21 {
width: 85%; }
.gallery-flow.alternative .for--1, .gallery-flow.alternative .for--8, .gallery-flow.alternative .for--15, .gallery-flow.alternative .for--22 {
margin-top: 100px;
width: 80%; }
.gallery-flow.alternative .for--2, .gallery-flow.alternative .for--9, .gallery-flow.alternative .for--16, .gallery-flow.alternative .for--23 {
background-position: right center;
margin: 50px 0 50px auto;
width: 80%; }
.gallery-flow.alternative .for--3, .gallery-flow.alternative .for--10, .gallery-flow.alternative .for--17, .gallery-flow.alternative .for--24 {
background-position: left center;
margin: 0 auto 0 0;
z-index: 2;
width: 80%; }
.gallery-flow.alternative .for--4, .gallery-flow.alternative .for--11, .gallery-flow.alternative .for--18, .gallery-flow.alternative .for--25 {
margin: -200px auto 0;
width: 60%; }
.gallery-flow.alternative .for--5, .gallery-flow.alternative .for--12, .gallery-flow.alternative .for--19, .gallery-flow.alternative .for--26 {
background-position: right center;
margin: 0 0 0 auto;
width: 60%; }
.gallery-flow.alternative .for--6, .gallery-flow.alternative .for--13, .gallery-flow.alternative .for--20, .gallery-flow.alternative .for--27 {
background-position: left center;
margin: 100px auto 0 0;
width: 80%; }
.gallery-flow.history {
margin: 150px auto 0;
overflow: hidden;
padding: 0 0 50px;
top: 0; }
.gallery-flow.history .for--0, .gallery-flow.history .for--7, .gallery-flow.history .for--14, .gallery-flow.history .for--21, .gallery-flow.history .for--28, .gallery-flow.history .for--35, .gallery-flow.history .for--42 {
width: 85%; }
.gallery-flow.history .for--1, .gallery-flow.history .for--8, .gallery-flow.history .for--15, .gallery-flow.history .for--22, .gallery-flow.history .for--29, .gallery-flow.history .for--36, .gallery-flow.history .for--43 {
margin-top: 100px;
width: 80%; }
.gallery-flow.history .for--2, .gallery-flow.history .for--9, .gallery-flow.history .for--16, .gallery-flow.history .for--23, .gallery-flow.history .for--30, .gallery-flow.history .for--37, .gallery-flow.history .for--44 {
background-position: right center;
margin: 50px 0 50px auto;
width: 80%; }
.gallery-flow.history .for--3, .gallery-flow.history .for--10, .gallery-flow.history .for--17, .gallery-flow.history .for--24, .gallery-flow.history .for--31, .gallery-flow.history .for--38, .gallery-flow.history .for--45 {
background-position: left center;
margin: 0 auto 0 0;
z-index: 2;
width: 80%; }
.gallery-flow.history .for--4, .gallery-flow.history .for--11, .gallery-flow.history .for--18, .gallery-flow.history .for--25, .gallery-flow.history .for--32, .gallery-flow.history .for--39, .gallery-flow.history .for--46 {
margin: -20px auto 0;
width: 60%; }
.gallery-flow.history .for--5, .gallery-flow.history .for--12, .gallery-flow.history .for--19, .gallery-flow.history .for--26, .gallery-flow.history .for--33, .gallery-flow.history .for--40, .gallery-flow.history .for--47 {
background-position: right center;
margin: 0 0 0 auto;
width: 60%; }
.gallery-flow.history .for--6, .gallery-flow.history .for--13, .gallery-flow.history .for--20, .gallery-flow.history .for--27, .gallery-flow.history .for--34, .gallery-flow.history .for--41, .gallery-flow.history .for--48 {
background-position: left center;
margin: 100px auto 0 0;
width: 80%; }
.schedules {
margin: 0;
overflow: hidden;
position: relative;
width: 100%; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.schedules {
overflow: scroll; } }
.schedules .grid {
margin: 0 -10px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.schedules .grid {
position: relative;
width: 770px; } }
.schedules .grid__cell {
padding: 0 10px; }
.schedules .schedules__item {
position: relative; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.schedules .schedules__item {
width: 110px; } }
.schedules .schedules__item.is--active .day {
color: #9b9b9b; }
.schedules .schedules__item.is--active .hour {
color: #111111; }
.schedules .schedules__item.is--active .hour::after {
background: #F0DA21;
right: 0; }
.schedules .schedules__item:hover .day {
color: #9b9b9b; }
.schedules .schedules__item:hover .hour {
color: #111111; }
.schedules .day {
color: rgba(155, 155, 155, 0.2);
font-size: 14px;
font-size: 0.875rem;
margin: 0 0 20px; }
.schedules .hour {
color: rgba(17, 17, 17, 0.2);
display: inline-block;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.2;
padding: 0 0 15px;
position: relative; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait) and (orientation: landscape), screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) {
.schedules .hour {
font-size: 13px;
font-size: 0.8125rem; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.schedules .hour {
font-size: 13px;
font-size: 0.8125rem; } }
.schedules .hour::after {
left: 0;
position: absolute;
top: auto;
background: url("../img/common/pattern-schedule.png") left top repeat-x;
bottom: 0;
height: 5px;
right: -10px;
z-index: 1; }
.splashgallery, .splashscreen {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
background-color: #000;
position: fixed;
text-align: center;
z-index: 1; }
.splashgallery .fill, .splashscreen .fill {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
background-color: #000;
opacity: 0;
pointer-events: none;
right: 0;
-webkit-transition: opacity 150ms linear;
transition: opacity 150ms linear;
z-index: 10; }
.skin--uiBottom .splashgallery .fill, .skin--uiBottom .splashscreen .fill {
background-color: #F0DA21; }
.splashgallery .context, .splashscreen .context {
-webkit-transition: opacity 150ms linear;
transition: opacity 150ms linear; }
.splashgallery .context .h6, .splashscreen .context .h6 {
margin: 0 0 15px;
-webkit-transition-delay: 650ms;
transition-delay: 650ms; }
.layout--isReady .splashgallery .context .h6, .layout--isReady .splashscreen .context .h6 {
opacity: 1; }
.isVisiting .splashgallery .context .h6, .isVisiting .splashscreen .context .h6 {
-webkit-transition-delay: 0ms;
transition-delay: 0ms; }
.splashgallery .context .logo, .splashscreen .context .logo {
margin: 0 auto; }
.splashgallery__slideshow {
height: 100%;
position: absolute;
width: 100%;
z-index: 0; }
.splashgallery__collection {
height: 100%;
position: relative;
width: 100%; }
.splashgallery__slide {
left: 0;
position: absolute;
top: 0;
height: 100%;
width: 100%; }
.splashgallery__slide .bg.is--animated {
-webkit-animation: zoomIn 10000ms linear 0s 1 forwards;
animation: zoomIn 10000ms linear 0s 1 forwards; }
.splashgallery__slide.disabled {
visibility: hidden; }
.splashgallery__slide.enabled {
visibility: visible; }
.splashscreen .background {
-webkit-animation: zoomInOut 20000ms 0s infinite normal linear both;
animation: zoomInOut 20000ms 0s infinite normal linear both; }
.splashscreen .context .h6 {
margin: 20px 0 0; }
.splashgallery__controls {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 150px;
background: transparent;
display: none;
pointer-events: none;
z-index: 5; }
.layout--isReady .splashgallery__controls {
display: block; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.splashgallery__controls {
display: none !important; } }
.splashgallery__controls .btn-next, .splashgallery__controls .btn-previous {
height: 100%;
position: absolute;
pointer-events: auto;
top: 0;
width: 50%; }
.splashgallery__controls .btn-previous {
cursor: url("../svg//arrow-left.svg"), auto !important;
left: 0; }
.splashgallery__controls .btn-next {
cursor: url("../svg//arrow-right.svg"), auto !important;
right: 0; }
.social {
display: block; }
.social .button {
color: #FFF;
font-size: 15px;
margin: 0 15px 0 0;
opacity: 1; }
.social .button:hover {
cursor: pointer;
opacity: .5; }
.social .button:last-child {
margin: 0; }
.popin {
bottom: 70px;
left: 70px;
position: absolute;
right: 70px;
top: 140px;
overflow: hidden;
position: fixed;
pointer-events: none;
z-index: 20; }
@media only screen and (max-height: 800px) {
.popin {
bottom: 30px;
left: 30px;
right: 30px;
top: 100px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.popin {
bottom: 20px;
left: 20px;
position: absolute;
right: 20px;
top: 80px;
position: fixed; } }
.popin::before, .popin::after {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%); }
.popin::before {
background-color: #4B99C7;
-webkit-transition: -webkit-transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: -webkit-transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.popin::after {
background-color: #F0DA21;
-webkit-transition: -webkit-transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
transition: -webkit-transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 800ms cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition-delay: 400ms;
transition-delay: 400ms; }
.popin .btn-close {
opacity: 0;
-webkit-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transition-delay: 800ms;
transition-delay: 800ms; }
.popin .context {
max-width: 850px;
opacity: 0;
padding: 0 70px;
-webkit-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transition-delay: 800ms;
transition-delay: 800ms; }
@media only screen and (max-height: 800px) {
.popin .context {
max-width: 1300px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.popin .context {
display: block;
height: 80%;
margin: 65px 0 0;
padding: 0 35px;
overflow: scroll;
-webkit-overflow-scrolling: touch; } }
.popin .content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-height: 550px;
overflow-y: scroll;
overflow-x: hidden;
padding: 30px; }
@media only screen and (max-height: 800px) {
.popin .content {
max-height: 350px; } }
.popin .content::-webkit-scrollbar {
width: 8px; }
.popin .content::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(17, 17, 17, 0.5); }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.popin .h4 {
font-size: 20px;
font-size: 1.25rem; } }
.popin--isOpened .popin {
pointer-events: auto; }
.popin--isOpened .popin .context, .popin--isOpened .popin .btn-close {
opacity: 1; }
.popin--isOpened .popin::before, .popin--isOpened .popin::after {
-webkit-transform: translateY(0);
transform: translateY(0); }
.popin--isExiting .popin .context, .popin--isExiting .popin .btn-close {
-webkit-transition-delay: 0ms !important;
transition-delay: 0ms !important; }
.popin--isExiting .popin::after {
-webkit-transition-delay: 200ms !important;
transition-delay: 200ms !important; }
.popin--isExiting .popin::before {
-webkit-transition-delay: 350ms !important;
transition-delay: 350ms !important; }
.newsletter {
background-color: #FAFAFA;
display: block;
height: 120px;
position: relative;
width: 100%;
z-index: 2; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.newsletter {
height: auto;
padding: 35px 0; } }
.newsletter .flow-framer {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.newsletter .flow-framer {
display: block; } }
.newsletter-title {
color: #111;
font-size: 19px;
font-size: 1.1875rem;
width: 50%; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.newsletter-title {
font-size: 16px;
font-size: 1rem;
margin: 0 0 15px;
width: 100%; } }
.newsletter__form {
-webkit-border-radius: 0px;
border-radius: 0px;
height: 60px;
margin: 0 0 0 auto;
overflow: hidden;
position: relative;
width: 45%; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.newsletter__form {
width: 100%; } }
.newsletter__form .fields {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
height: 100%;
overflow: hidden;
position: relative;
width: 100%; }
.newsletter__form .field__text, .newsletter__form .field__validation {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #FFF;
border: 1px solid #E4E4E4;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
height: 100%;
margin: 0;
padding: 0;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: opacity 300ms cubic-bezier(0.57, 0, 0.08, 1), -webkit-transform 300ms cubic-bezier(0.57, 0, 0.08, 1);
transition: opacity 300ms cubic-bezier(0.57, 0, 0.08, 1), -webkit-transform 300ms cubic-bezier(0.57, 0, 0.08, 1);
transition: transform 300ms cubic-bezier(0.57, 0, 0.08, 1), opacity 300ms cubic-bezier(0.57, 0, 0.08, 1);
transition: transform 300ms cubic-bezier(0.57, 0, 0.08, 1), opacity 300ms cubic-bezier(0.57, 0, 0.08, 1), -webkit-transform 300ms cubic-bezier(0.57, 0, 0.08, 1); }
.newsletter__form .field__text {
color: #111;
font-size: 14px;
font-size: 0.875rem;
padding: 0 0 0 15px;
width: -webkit-calc(100% - 85px);
width: calc(100% - 85px); }
.newsletter__form .field__text::-webkit-input-placeholder {
color: #111; }
.newsletter__form .field__text::-moz-placeholder {
color: #111; }
.newsletter__form .field__text:-ms-input-placeholder {
color: #111; }
.newsletter__form .field__text::placeholder {
color: #111; }
.newsletter__form .field__text:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset; }
.newsletter__form .field__validation {
border-left: 0px none;
-webkit-border-radius: 0;
border-radius: 0;
cursor: pointer;
font-size: 28px;
opacity: 1;
position: relative;
width: 85px; }
.newsletter__form .field__validation span {
position: relative;
z-index: 1; }
.newsletter__form .field__validation::after {
left: 0;
position: absolute;
top: 0;
background: #111111;
height: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: -webkit-transform 300ms cubic-bezier(0.57, 0, 0.08, 1);
transition: -webkit-transform 300ms cubic-bezier(0.57, 0, 0.08, 1);
transition: transform 300ms cubic-bezier(0.57, 0, 0.08, 1);
transition: transform 300ms cubic-bezier(0.57, 0, 0.08, 1), -webkit-transform 300ms cubic-bezier(0.57, 0, 0.08, 1);
-webkit-transform-origin: right center;
transform-origin: right center;
width: 100%;
z-index: 0; }
.newsletter__form .field__validation:hover::after {
-webkit-transform: scaleX(1);
transform: scaleX(1); }
.newsletter__form .symbol_success {
position: absolute;
right: 0;
top: 0;
background: #FFF;
border: 1px solid #E4E4E4;
border-left: 0px none;
font-size: 28px;
height: 58px;
line-height: 60px;
opacity: 0;
text-align: center;
-webkit-transition: opacity 300ms cubic-bezier(0.57, 0, 0.08, 1);
transition: opacity 300ms cubic-bezier(0.57, 0, 0.08, 1);
pointer-events: none;
width: 85px; }
.newsletter__form .registration__status {
left: 0;
position: absolute;
top: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 60px;
line-height: 60px;
padding: 15px 0 0;
pointer-events: none;
-webkit-transform: translateY(-65px);
transform: translateY(-65px);
-webkit-transition: -webkit-transform 300ms cubic-bezier(0.57, 0, 0.08, 1);
transition: -webkit-transform 300ms cubic-bezier(0.57, 0, 0.08, 1);
transition: transform 300ms cubic-bezier(0.57, 0, 0.08, 1);
transition: transform 300ms cubic-bezier(0.57, 0, 0.08, 1), -webkit-transform 300ms cubic-bezier(0.57, 0, 0.08, 1);
width: 100%; }
.newsletter__form .registration__status p {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.9; }
.newsletter__form.for--error .field__text, .newsletter__form.for--error .field__validation {
-webkit-transform: translateY(65px);
transform: translateY(65px); }
.newsletter__form.for--error .registration__status {
-webkit-transform: translateY(0px);
transform: translateY(0px);
pointer-events: auto; }
.newsletter__form.for--success {
pointer-events: none; }
.newsletter__form.for--success .field__validation {
opacity: 0; }
.newsletter__form.for--success .symbol_success {
opacity: 1; }
.video-container {
position: relative;
width: 300px;
height: 300px;
background-color: black;
overflow: hidden; }
.video-container .fallback-content {
display: none;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.video-container .fallback-content .fallback-bt {
position: absolute;
top: 50%;
left: 50%;
width: 162px;
height: 162px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); }
.video-container.fallback .fallback-content {
display: block; }
.video-container.fallback .timescale, .video-container.fallback .timeline, .video-container.fallback .preload {
display: none; }
.video-container.hide-ui .timeline {
opacity: 0.0; }
.video-container ul {
padding: 0; }
.video-container video {
background-color: white; }
.video-container .video-main-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: filter 0.2s linear;
-webkit-transition: -webkit-filter 0.2s linear;
transition: -webkit-filter 0.2s linear;
transition: filter 0.2s linear;
transition: filter 0.2s linear, -webkit-filter 0.2s linear; }
.video-container .video-canvas {
position: absolute;
top: 0;
left: 0;
background-color: black;
opacity: 0.5;
pointer-events: none;
opacity: 0;
background-color: white;
-webkit-transition: opacity 0.5s linear;
transition: opacity 0.5s linear; }
.video-container .video-canvas.visible {
opacity: 1; }
.video-container .video-canvas.visible-now {
-webkit-transition-duration: 0s;
transition-duration: 0s;
opacity: 1; }
.video-container .timescale {
position: absolute;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
pointer-events: none; }
.video-container .timescale .time {
font-family: 'FoundersGroteskMonoWeb', Monaco, monospace;
font-size: 100px; }
.video-container .timescale .timescale-bg {
position: absolute;
fill: #F0DA21;
-webkit-transition: -webkit-transform 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: -webkit-transform 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateX(-100%);
transform: translateX(-100%); }
.video-container .timescale .timescale-bg2 {
position: absolute;
fill: #4b99c7;
-webkit-transition: -webkit-transform 0s cubic-bezier(0.77, 0, 0.175, 1);
transition: -webkit-transform 0s cubic-bezier(0.77, 0, 0.175, 1);
transition: transform 0s cubic-bezier(0.77, 0, 0.175, 1);
transition: transform 0s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0s cubic-bezier(0.77, 0, 0.175, 1);
-webkit-transform: translateX(-100%);
transform: translateX(-100%); }
.video-container .timescale .timescale-bg2.green {
fill: #098041; }
.video-container .preload {
position: absolute;
left: 50%;
top: 50%;
width: 38px;
height: 38px;
margin-top: -19px;
margin-left: -19px;
display: none; }
@-webkit-keyframes preload-scale {
0% {
-webkit-transform: scale(1); }
50% {
-webkit-transform: scale(0.5); }
100% {
-webkit-transform: scale(1); } }
@keyframes preload-scale {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
.video-container .preload.preloading {
display: block; }
.video-container .preload ul {
position: absolute;
left: 50%;
top: 50%;
font-size: 0;
width: 0;
height: 0; }
.video-container .preload li {
position: absolute;
left: 4px;
top: -21px;
margin-top: -3px;
margin-left: -3px;
width: 6px;
height: 6px;
-webkit-transform-origin: 0 20px;
transform-origin: 0 20px; }
.video-container .preload li:after {
content: "";
position: absolute;
width: 12px;
height: 12px;
margin-top: -3px;
margin-left: -3px;
left: 0;
top: 0;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: #F0DA21; }
.video-container .preload li:nth-child(1) {
-webkit-animation: preload-rotate-36 1s ease-in-out infinite;
animation: preload-rotate-36 1s ease-in-out infinite; }
@-webkit-keyframes preload-rotate-36 {
0% {
-webkit-transform: rotate(0deg); }
50% {
-webkit-transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg); } }
@keyframes preload-rotate-36 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.video-container .preload li:nth-child(1):after {
-webkit-animation: preload-scale 1s ease-in-out infinite;
animation: preload-scale 1s ease-in-out infinite; }
.video-container .preload li:nth-child(2) {
-webkit-animation: preload-rotate-72 1s ease-in-out infinite;
animation: preload-rotate-72 1s ease-in-out infinite; }
@-webkit-keyframes preload-rotate-72 {
0% {
-webkit-transform: rotate(0deg); }
50% {
-webkit-transform: rotate(36deg); }
100% {
-webkit-transform: rotate(360deg); } }
@keyframes preload-rotate-72 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(36deg);
transform: rotate(36deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.video-container .preload li:nth-child(2):after {
-webkit-animation: preload-scale 1s ease-in-out infinite;
animation: preload-scale 1s ease-in-out infinite; }
.video-container .preload li:nth-child(3) {
-webkit-animation: preload-rotate-108 1s ease-in-out infinite;
animation: preload-rotate-108 1s ease-in-out infinite; }
@-webkit-keyframes preload-rotate-108 {
0% {
-webkit-transform: rotate(0deg); }
50% {
-webkit-transform: rotate(72deg); }
100% {
-webkit-transform: rotate(360deg); } }
@keyframes preload-rotate-108 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(72deg);
transform: rotate(72deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.video-container .preload li:nth-child(3):after {
-webkit-animation: preload-scale 1s ease-in-out infinite;
animation: preload-scale 1s ease-in-out infinite; }
.video-container .preload li:nth-child(4) {
-webkit-animation: preload-rotate-144 1s ease-in-out infinite;
animation: preload-rotate-144 1s ease-in-out infinite; }
@-webkit-keyframes preload-rotate-144 {
0% {
-webkit-transform: rotate(0deg); }
50% {
-webkit-transform: rotate(108deg); }
100% {
-webkit-transform: rotate(360deg); } }
@keyframes preload-rotate-144 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(108deg);
transform: rotate(108deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.video-container .preload li:nth-child(4):after {
-webkit-animation: preload-scale 1s ease-in-out infinite;
animation: preload-scale 1s ease-in-out infinite; }
.video-container .preload li:nth-child(5) {
-webkit-animation: preload-rotate-180 1s ease-in-out infinite;
animation: preload-rotate-180 1s ease-in-out infinite; }
@-webkit-keyframes preload-rotate-180 {
0% {
-webkit-transform: rotate(0deg); }
50% {
-webkit-transform: rotate(144deg); }
100% {
-webkit-transform: rotate(360deg); } }
@keyframes preload-rotate-180 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(144deg);
transform: rotate(144deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.video-container .preload li:nth-child(5):after {
-webkit-animation: preload-scale 1s ease-in-out infinite;
animation: preload-scale 1s ease-in-out infinite; }
.video-container .preload li:nth-child(6) {
-webkit-animation: preload-rotate-216 1s ease-in-out infinite;
animation: preload-rotate-216 1s ease-in-out infinite; }
@-webkit-keyframes preload-rotate-216 {
0% {
-webkit-transform: rotate(0deg); }
50% {
-webkit-transform: rotate(180deg); }
100% {
-webkit-transform: rotate(360deg); } }
@keyframes preload-rotate-216 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.video-container .preload li:nth-child(6):after {
-webkit-animation: preload-scale 1s ease-in-out infinite;
animation: preload-scale 1s ease-in-out infinite; }
.video-container .preload li:nth-child(7) {
-webkit-animation: preload-rotate-252 1s ease-in-out infinite;
animation: preload-rotate-252 1s ease-in-out infinite; }
@-webkit-keyframes preload-rotate-252 {
0% {
-webkit-transform: rotate(0deg); }
50% {
-webkit-transform: rotate(216deg); }
100% {
-webkit-transform: rotate(360deg); } }
@keyframes preload-rotate-252 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(216deg);
transform: rotate(216deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.video-container .preload li:nth-child(7):after {
-webkit-animation: preload-scale 1s ease-in-out infinite;
animation: preload-scale 1s ease-in-out infinite; }
.video-container .preload li:nth-child(8) {
-webkit-animation: preload-rotate-288 1s ease-in-out infinite;
animation: preload-rotate-288 1s ease-in-out infinite; }
@-webkit-keyframes preload-rotate-288 {
0% {
-webkit-transform: rotate(0deg); }
50% {
-webkit-transform: rotate(252deg); }
100% {
-webkit-transform: rotate(360deg); } }
@keyframes preload-rotate-288 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(252deg);
transform: rotate(252deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.video-container .preload li:nth-child(8):after {
-webkit-animation: preload-scale 1s ease-in-out infinite;
animation: preload-scale 1s ease-in-out infinite; }
.video-container .preload li:nth-child(9) {
-webkit-animation: preload-rotate-324 1s ease-in-out infinite;
animation: preload-rotate-324 1s ease-in-out infinite; }
@-webkit-keyframes preload-rotate-324 {
0% {
-webkit-transform: rotate(0deg); }
50% {
-webkit-transform: rotate(288deg); }
100% {
-webkit-transform: rotate(360deg); } }
@keyframes preload-rotate-324 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(288deg);
transform: rotate(288deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.video-container .preload li:nth-child(9):after {
-webkit-animation: preload-scale 1s ease-in-out infinite;
animation: preload-scale 1s ease-in-out infinite; }
.video-container .preload li:nth-child(10) {
-webkit-animation: preload-rotate-360 1s ease-in-out infinite;
animation: preload-rotate-360 1s ease-in-out infinite; }
@-webkit-keyframes preload-rotate-360 {
0% {
-webkit-transform: rotate(0deg); }
50% {
-webkit-transform: rotate(324deg); }
100% {
-webkit-transform: rotate(360deg); } }
@keyframes preload-rotate-360 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(324deg);
transform: rotate(324deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.video-container .preload li:nth-child(10):after {
-webkit-animation: preload-scale 1s ease-in-out infinite;
animation: preload-scale 1s ease-in-out infinite; }
.video-container .timeline {
position: absolute;
left: 160px;
height: 20px;
bottom: 90px;
width: -webkit-calc(100% - 320px);
width: calc(100% - 320px);
font-size: 0;
pointer-events: none;
-webkit-transition: opacity 0.4s linear;
transition: opacity 0.4s linear; }
.video-container .timeline .video-mini-container {
position: absolute;
width: 142px;
height: 80px;
margin-left: -71px;
margin-top: -100px;
-webkit-transition: -webkit-transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: -webkit-transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.video-container .timeline .video-mini {
position: absolute;
width: 142px;
height: 80px;
-webkit-transition: all 300ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
transition: all 300ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
overflow: hidden;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
opacity: 0;
-webkit-transform: scale(0) rotate(15deg);
transform: scale(0) rotate(15deg);
background-color: black; }
.video-container .timeline ul.video-mini-ul {
position: absolute;
width: -webkit-calc(142px * 14);
width: calc(142px * 14);
height: 80px;
font-size: 0; }
.video-container .timeline ul.video-mini-ul li {
position: relative;
display: inline-block;
width: 142px;
height: 80px; }
.video-container .timeline ul.video-mini-ul li img {
height: 80px; }
.video-container .timeline .progress {
position: absolute;
width: 100%;
left: 0;
top: 10px;
color: #F0DA21; }
.video-container .timeline .progress .line {
position: absolute;
width: 100%;
height: 1px;
background-color: currentColor;
left: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: -webkit-transform 0.3s linear;
transition: -webkit-transform 0.3s linear;
transition: transform 0.3s linear;
transition: transform 0.3s linear, -webkit-transform 0.3s linear;
-webkit-transform: scaleX(0);
transform: scaleX(0); }
.video-container .timeline .progress .dot {
position: absolute;
width: 15px;
height: 15px;
left: 0;
top: 50%;
margin-top: -7px;
margin-left: -8px;
-webkit-border-radius: 15px;
border-radius: 15px;
background-color: currentColor;
-webkit-transition: -webkit-transform 0.3s linear;
transition: -webkit-transform 0.3s linear;
transition: transform 0.3s linear;
transition: transform 0.3s linear, -webkit-transform 0.3s linear; }
.video-container .timeline ul.sequence {
left: 0;
position: absolute;
width: 100%;
display: inline-block;
padding: 0; }
.video-container .timeline ul.sequence li {
display: inline-block;
width: 40px;
height: 100px;
margin-top: -40px;
position: relative;
pointer-events: auto;
cursor: pointer; }
.video-container .timeline ul.sequence li:before {
content: "";
position: absolute;
background-color: white;
width: 5px;
height: 5px;
right: 0;
top: 50%;
margin-top: -2px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background-color 1s linear;
transition: background-color 1s linear; }
.video-container .timeline ul.sequence li:after {
content: "";
position: absolute;
width: 100%;
top: 50%;
height: 1px;
background-color: white;
opacity: 0.2; }
.video-container .timeline ul.sequence li:last-child:before {
display: none; }
.video-container .timeline ul.sequence li.viewed:before {
background-color: #F0DA21; }
.video-container .timeline.over .video-mini {
opacity: 1;
-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg); }
.video-container .timeline.over .video-mini-ul {
-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.video-container.over .video-main-container {
-webkit-filter: blur(15px);
filter: blur(15px); }
.video-container.over .timescale-bg2 {
-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
transition: -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transform: translateX(0);
transform: translateX(0); }
.video-container.over .timescale-bg {
-webkit-transition: -webkit-transform 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
transition: -webkit-transform 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
transition: transform 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
transition: transform 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0.2s, -webkit-transform 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
-webkit-transform: translateX(0);
transform: translateX(0); }
.video-container.over .timescale {
pointer-events: auto; }
.video-container.out .timescale-bg2 {
-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
transition: -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transform: translateX(100%);
transform: translateX(100%); }
.video-container.out .timescale-bg {
-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
transition: -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transform: translateX(100%);
transform: translateX(100%); }
.video-container video {
position: absolute;
top: 0;
left: 0; }
.video-container .bt-volume, .video-container .bt-play {
pointer-events: auto;
cursor: pointer;
opacity: 1; }
.video-container .bt-volume svg, .video-container .bt-play svg {
position: absolute;
top: 0;
left: 0;
fill: #F0DA21;
stroke: none; }
.video-container .bt-volume:hover, .video-container .bt-play:hover {
opacity: 0.75; }
.video-container .bt-volume {
position: absolute;
width: 19px;
height: 20px;
width: 34px;
height: 22px;
right: -59px; }
.video-container .bt-volume svg.bt-volume-volume {
stroke: #F0DA21;
fill: none; }
.video-container .bt-volume svg.bt-volume-off {
display: none;
stroke: #F0DA21;
fill: none; }
.video-container .bt-volume.mutted svg.bt-volume-volume {
display: none; }
.video-container .bt-volume.mutted svg.bt-volume-off {
display: block; }
.video-container .bt-play {
position: absolute;
width: 19px;
height: 22px;
left: -43px;
top: 1px; }
.video-container .bt-play svg.bt-play-play {
left: 4px;
display: none; }
.video-container .bt-play svg.bt-play-pause {
left: 3px;
display: block; }
.video-container .bt-play.playing svg.bt-play-pause {
display: none; }
.video-container .bt-play.playing svg.bt-play-play {
display: block; }
/* PAGES
========================================================================== */
.layout-contact .splashscreen {
background-color: #098041; }
.layout-contact .splashscreen .context {
pointer-events: none; }
.layout-contact .contact-game {
left: 0;
position: absolute;
top: 0;
background-color: #098041;
height: 100%; }
.layout-contact .contact-game .container {
left: 0;
position: absolute;
top: auto;
bottom: 0;
height: 766px;
z-index: 0; }
.layout-contact .flow-richtext h5 {
color: #FFF;
margin: 0 0 20px; }
.layout-contact .flow-richtext a::before {
background-color: #282828; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.layout-contact .flow .grid__cell {
margin: 25px 0 0;
width: 100%; } }
.layout-history .presentation {
position: absolute;
right: 0;
top: 80px;
margin: 0 0 0 auto;
width: 100%;
z-index: 5; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait) and (orientation: landscape), screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) {
.layout-history .presentation {
top: 0; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.layout-history .presentation {
position: relative;
top: 0; } }
.layout-history .presentation .description {
width: 40%; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.layout-history .presentation .description {
float: none !important;
width: 100%; } }
.layout-history .presentation .description:nth-child(1) {
float: left;
width: 400px; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait) and (orientation: landscape), screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) {
.layout-history .presentation .description:nth-child(1) {
width: 300px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.layout-history .presentation .description:nth-child(1) {
text-align: center;
width: 100%; } }
.layout-history .presentation .description:nth-child(2) {
float: right;
margin: 50px 0 0; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.layout-history .presentation .description .btn-cta1 {
display: block;
margin: 0 auto;
width: 80%; } }
.layout-history .presentation img {
width: auto; }
.layout-history .flow {
padding-bottom: 0; }
.layout-history .gallery {
margin: 80px auto 0;
overflow: hidden;
padding: 0 0 100px;
position: relative;
pointer-events: none;
top: 0; }
.layout-history .patterns {
left: 0;
position: absolute;
top: 500px;
height: 100%;
pointer-events: none;
width: 100%;
z-index: -1; }
.layout-history .patterns .pattern {
background: url("../img/common/pattern-history.jpg") 0 0 repeat;
display: block;
height: 80vh;
margin: 0 0 450px;
width: 90%;
z-index: -1; }
.layout-history .patterns .pattern:nth-child(even) {
margin: 0 0 450px auto; }
.layout-jobs .main-poster {
margin: -280px 0 0;
max-width: 1000px;
width: 70%; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.layout-jobs .main-poster {
margin: -160px 0 0;
width: 90%; } }
.layout-jobs .splashgallery {
background-color: #FFF; }
.layout-jobs .splashgallery__controls {
display: none; }
.jobs {
background-color: #F0DA21;
margin: -100px 0 0;
padding: 100px 0 300px;
position: relative;
z-index: 2; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.jobs {
margin: -20px 0 0;
padding: 100px 0 220px; } }
.jobs__collection {
margin: 40px 0 60px; }
.jobs__item {
border-bottom: 1px solid rgba(34, 34, 34, 0.1);
padding: 35px 0; }
.jobs__item .h3::first-letter {
text-transform: uppercase; }
.jobs__item .h6 {
margin: 35px 0 0; }
.jobs__item:hover .h3, .jobs__item:hover .h6 {
color: #FFF; }
.layout-home {
background-color: #161616;
min-height: 100%;
position: relative; }
.layout-home .video-container {
background-color: #161616 !important; }
.layout-home .video-container .timescale .time {
font-family: "Founders Grotesk Monoweb", serif; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.layout-home .video-container .timeline {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 65%; }
.layout-home .video-container .timeline .dot {
display: none; } }
.layout-home .video-container .fallback-bt {
height: 80px;
width: 80px; }
.layout-journal-index .flow-framer {
width: 80%; }
.layout-journal-index .xhr {
display: block;
position: relative; }
.layout-journal-index .splashgallery__collection {
pointer-events: none;
z-index: 10; }
.journal-slideshow__slide {
left: 0;
position: absolute;
top: 0;
height: 100%;
width: 100%; }
.journal-slideshow__slide .bg::before {
left: 0;
position: absolute;
top: 0;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.2)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.2)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#33000000', GradientType=0);
height: 100vh;
pointer-events: none;
width: 100%; }
.journal-slideshow__slide .bg.is--animated {
-webkit-animation: zoomIn 10000ms linear 0s 1 forwards;
animation: zoomIn 10000ms linear 0s 1 forwards; }
.journal-slideshow__slide .context {
pointer-events: auto;
width: 60%; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait) and (orientation: landscape), screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) {
.journal-slideshow__slide .context {
width: 70%; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.journal-slideshow__slide .context {
width: 70%; } }
.journal-slideshow__slide .context .h15 {
display: inline-block;
font-size: 40px;
font-size: 2.5rem;
position: relative;
top: 5px; }
.journal-slideshow__slide .context .h15::before {
left: 0;
position: absolute;
top: auto;
background: #FFF;
bottom: 0;
height: 3px;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: -webkit-transform 400ms cubic-bezier(0.77, 0, 0.175, 1);
transition: -webkit-transform 400ms cubic-bezier(0.77, 0, 0.175, 1);
transition: transform 400ms cubic-bezier(0.77, 0, 0.175, 1);
transition: transform 400ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 400ms cubic-bezier(0.77, 0, 0.175, 1);
right: 0; }
.journal-slideshow__slide .context .h15 .blast {
position: relative;
z-index: 5; }
.journal-slideshow__slide .context .h15:hover::before {
-webkit-transform: scaleX(1);
transform: scaleX(1); }
.journal-slideshow__slide.disabled {
visibility: hidden; }
.journal-slideshow__slide.enabled {
visibility: visible; }
.journal-filters {
left: 0;
position: absolute;
top: 0;
background-color: #FFF;
border-top: 3px solid #F0DA21;
right: 0;
z-index: 1; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.journal-filters {
text-align: center;
z-index: 10; } }
.journal-filters .btn-toggle {
color: #000;
display: none;
font-size: 12px;
font-size: 0.75rem;
margin: 0 auto;
padding: 25px 0;
text-transform: uppercase; }
.journal-filters .btn-toggle::after {
display: inline-block;
margin: 0 0 0 8px;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 4px 0 4px;
border-color: #000 transparent transparent transparent;
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.journal-filters .btn-toggle {
display: inline-block; } }
.journal-filters ul {
max-width: 1024px;
margin: 0 auto;
text-align: center;
width: 80%; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.journal-filters ul {
height: 0;
overflow: hidden; } }
.journal-filters ul li {
color: #000;
display: inline-block;
font-size: 12px;
font-size: 0.75rem;
padding: 35px 0 32px;
text-transform: uppercase; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.journal-filters ul li {
color: #9B9B9B;
display: block;
padding: 15px 0; } }
.journal-filters ul li a {
color: inherit; }
.journal-filters ul li::after {
background-color: #e6e6e6;
-webkit-border-radius: 100%;
border-radius: 100%;
display: inline-block;
height: 4px;
margin: 0 8px 0 6px;
position: relative;
top: -2px;
width: 4px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.journal-filters ul li::after {
display: none; } }
.journal-filters ul li.is--active {
color: #F0DA21; }
.journal-filters ul li:last-child::after {
display: none; }
.journal-filters.is--opened {
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); }
.journal-filters.is--opened .btn-toggle::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.journal-filters.is--opened ul {
height: auto; }
.journal-posts {
margin: 50px 0 0;
position: relative; }
.journal-posts__slide {
display: block;
margin: 0 0 100px;
position: relative;
width: 100%; }
.journal-posts__slide .bg {
display: block;
height: 380px;
opacity: 1;
-webkit-transition: -webkit-transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: -webkit-transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
width: 60%; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.journal-posts__slide .bg {
height: 230px;
width: 90%; } }
.journal-posts__slide .framer {
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.01);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.01);
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
float: right;
margin: 60px 0 0 0;
padding: 50px;
position: relative;
width: 45%;
z-index: 2; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait) and (orientation: landscape), screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) {
.journal-posts__slide .framer {
padding: 30px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.journal-posts__slide .framer {
margin: 200px 0 0;
padding: 30px;
width: 90%; } }
.journal-posts__slide .framer .fill {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
background-color: #FFF;
overflow: hidden;
-webkit-transition: -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: -1; }
.journal-posts__slide .framer .fill::before {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
background: #F0DA21;
-webkit-transform: translateX(101%);
transform: translateX(101%);
-webkit-transition: -webkit-transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
transition: -webkit-transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
z-index: 1; }
.journal-posts__slide .framer .h3 {
margin: 50px 0 0; }
.journal-posts__slide .framer .h3.with--gap {
margin: 170px 0 0; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.journal-posts__slide .framer .h3.with--gap {
margin: 50px 0 0; } }
.journal-posts__slide .framer .description {
margin-top: 20px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.journal-posts__slide .framer .description {
display: none; } }
.journal-posts__slide .framer .h3, .journal-posts__slide .framer .h5, .journal-posts__slide .framer .description {
-webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1); }
.journal-posts__slide:nth-child(even) .bg {
left: auto;
right: 0; }
.journal-posts__slide:nth-child(even) .framer {
float: left; }
.journal-posts__slide:nth-child(even) .fill::before {
-webkit-transform: translateX(-101%);
transform: translateX(-101%); }
.journal-posts__slide::after {
clear: both; }
.journal-posts__slide:hover .h5 {
color: #FFF; }
.journal-posts__slide:hover .h3 {
color: #111; }
.journal-posts__slide:hover .description {
color: #333; }
.journal-posts__slide:hover .fill::before {
-webkit-transform: translateX(0%);
transform: translateX(0%); }
.layout-restaurant-index {
background-color: #161616;
min-height: 100%;
position: relative; }
.restaurants-index__filler {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
background: #000;
opacity: .35;
pointer-events: none;
z-index: 1; }
.restaurants-index__posters {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 0; }
.restaurants-index__posters .item {
height: 100%;
position: relative;
width: 100%; }
.restaurants-index__collection {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 100%;
z-index: 2; }
.restaurants-index__collection .center-v {
text-align: center; }
.restaurants-index__entry {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
padding: 0 35px;
position: relative;
text-align: center;
vertical-align: bottom;
width: 100%; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait), screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait) {
.restaurants-index__entry {
margin: 0 0 50px !important; } }
.for--2 .restaurants-index__entry {
width: 50%; }
.for--3 .restaurants-index__entry, .for--5 .restaurants-index__entry, .for--6 .restaurants-index__entry {
width: 33.33333%; }
.for--4 .restaurants-index__entry, .for--7 .restaurants-index__entry, .for--8 .restaurants-index__entry {
width: 25%; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait), screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait) {
.for--4 .restaurants-index__entry, .for--7 .restaurants-index__entry, .for--8 .restaurants-index__entry {
width: 50%; } }
.for--9 .restaurants-index__entry, .for--10 .restaurants-index__entry {
width: 20%; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait), screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait) {
.for--9 .restaurants-index__entry, .for--10 .restaurants-index__entry {
width: 50%; } }
.for--5 .restaurants-index__entry:nth-child(1), .for--5 .restaurants-index__entry:nth-child(2), .for--5 .restaurants-index__entry:nth-child(3), .for--6 .restaurants-index__entry:nth-child(1), .for--6 .restaurants-index__entry:nth-child(2), .for--6 .restaurants-index__entry:nth-child(3), .for--7 .restaurants-index__entry:nth-child(1), .for--7 .restaurants-index__entry:nth-child(2), .for--7 .restaurants-index__entry:nth-child(3) {
margin: 0 0 40px; }
.for--7 .restaurants-index__entry:nth-child(4), .for--8 .restaurants-index__entry:nth-child(4) {
margin: 0 0 40px; }
.for--9 .restaurants-index__entry:nth-child(5), .for--10 .restaurants-index__entry:nth-child(5) {
margin: 0 0 40px; }
.restaurants-index__entry .link-context {
display: block; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait), screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait) {
.restaurants-index__entry .link-context {
margin: 0 auto; } }
.restaurants-index__entry .link-context.for--mamma-primi {
width: 150px; }
.restaurants-index__entry .link-context.for--biglove-caffe {
width: 150px; }
.restaurants-index__entry .link-context.for--east-mamma {
width: 180px; }
.restaurants-index__entry .link-context.for--ober-mamma {
width: 202px; }
.restaurants-index__entry .link-context .h6 {
height: 36px;
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1); }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait) and (orientation: landscape), screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) {
.restaurants-index__entry .link-context .h6 {
opacity: 1 !important;
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important; } }
.restaurants-index__entry .link-context .h6::before {
background-color: #FFF;
height: 20px;
margin: -5px auto 15px;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
width: 1px; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait) and (orientation: landscape), screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) {
.restaurants-index__entry .link-context .h6::before {
-webkit-transform: scaleY(1) !important;
transform: scaleY(1) !important; } }
.restaurants-index__entry .logo {
height: 45px;
margin: 0 auto;
position: relative; }
.restaurants-index__entry .logo .out {
overflow: hidden;
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1); }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait) and (orientation: landscape), screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) {
.restaurants-index__entry .logo .out {
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important; } }
.restaurants-index__entry .logo .out svg {
visibility: hidden; }
.restaurants-index__entry .logo.east-mamma {
top: 3px; }
.restaurants-index__entry .logo.mamma-primi {
top: 7px; }
.restaurants-index__entry:hover, .restaurants-index__entry.is--active {
cursor: pointer; }
.restaurants-index__entry:hover .h6, .restaurants-index__entry.is--active .h6 {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px); }
.restaurants-index__entry:hover .h6::before, .restaurants-index__entry.is--active .h6::before {
-webkit-transform: scaleY(1);
transform: scaleY(1); }
.restaurants-index__entry:hover .logo .out, .restaurants-index__entry.is--active .logo .out {
-webkit-transform: translateY(0px);
transform: translateY(0px); }
.restaurants-index__entry.is--disabled .h6 {
opacity: 0 !important;
-webkit-transform: translateY(-10px) !important;
transform: translateY(-10px) !important; }
.restaurants-index__entry.is--disabled .h6::before {
-webkit-transform: scaleY(0) !important;
transform: scaleY(0) !important; }
.restaurants-index__entry.is--disabled .logo .out {
-webkit-transform: translateY(20px) !important;
transform: translateY(20px) !important; }
.layout-journal-single .journal-single .flow-framer {
width: 625px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.layout-journal-single .journal-single .flow-framer {
width: 85%; } }
.layout-journal-single .main-flow {
top: 0px;
-webkit-transition: top 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-delay: 800ms;
transition-delay: 800ms; }
.layout--isReady .layout-journal-single .main-flow {
margin-bottom: -250px;
top: -250px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.layout--isReady .layout-journal-single .main-flow {
top: -150px; } }
.layout-journal-single .splashscreen .background::before {
left: 0;
position: absolute;
top: 0;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(rgba(0, 0, 0, 0.35)), to(transparent));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35) 0%, transparent 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.35)), to(transparent));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, transparent 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59000000', endColorstr='#00000000', GradientType=0);
height: 300px;
pointer-events: none;
width: 100%; }
.layout-journal-single .splashscreen .action {
left: 50%;
position: absolute;
top: auto;
bottom: 0;
-webkit-transition: bottom 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-delay: 800ms;
transition-delay: 800ms; }
.layout--isReady .layout-journal-single .splashscreen .action {
bottom: 220px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.layout--isReady .layout-journal-single .splashscreen .action {
bottom: 140px; } }
.journal-metadatas {
left: 95px;
position: absolute;
top: 400px;
z-index: 2; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.journal-metadatas {
border-bottom: 1px solid #eee;
left: 0;
margin: 35px auto 0;
padding: 0 0 35px;
position: relative;
top: 0;
width: 85%; } }
.journal-metadatas .framer {
height: 20px;
-webkit-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
-webkit-transform-origin: left center;
transform-origin: left center;
text-align: right;
width: 300px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.journal-metadatas .framer {
text-align: left;
-webkit-transform: none;
transform: none;
width: auto; } }
.journal-metadatas p {
display: inline-block; }
.journal-metadatas p:last-child::before {
background-color: #e6e6e6;
-webkit-border-radius: 100%;
border-radius: 100%;
display: inline-block;
height: 4px;
margin: 0 8px 0 6px;
position: relative;
top: -2px;
width: 4px; }
.journal-single .anchor-answer {
display: block;
height: 0;
margin-top: -50px; }
.journal-single .h2 {
display: block;
line-height: 1.5;
position: relative;
width: 100%; }
.journal-single .h2::after {
background-color: #eee;
height: 1px;
margin: 50px 0 0;
right: 0;
z-index: 10; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.journal-single .h2::after {
display: none; } }
.journal-single .author {
color: #9B9B9B; }
.journal-single .article-content {
margin: 55px 0 0; }
.journal-single .article-content .description {
font-size: 18px;
font-size: 1.125rem;
line-height: 35px;
text-align: justify; }
.journal-single .article-content .description:first-letter {
color: #222;
font-size: 63px;
font-size: 3.9375rem;
float: left;
line-height: 1;
margin: 0 30px 30px 0; }
.journal-single .article-content .description a[href^="https://www.google.fr/maps/"] {
color: #9B9B9B;
font-size: 12px;
font-size: 0.75rem;
text-transform: uppercase; }
.journal-single .article-content .description a[href^="https://www.google.fr/maps/"]::before {
background-color: transparent !important;
color: #000;
content: "";
display: inline-block !important;
height: 0;
font-size: 16px;
margin: 0 10px 0 0;
position: relative;
-webkit-transform: none !important;
transform: none !important;
-webkit-transform-origin: none;
transform-origin: none;
-webkit-transition: none;
transition: none;
top: 2px;
width: auto; }
.journal-single .article-content .description a[href^="https://www.google.fr/maps/"]::after {
background-color: #eee;
left: 25px;
right: 0;
width: auto; }
.journal-single .article-content .description a[href^="https://www.google.fr/maps/"]:hover {
color: #000; }
.journal-single .article-content .description blockquote {
color: #000;
display: block;
font-size: 24px;
font-size: 1.5rem;
line-height: 1.6;
margin: 0 auto;
position: relative;
width: 70%; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.journal-single .article-content .description blockquote {
font-size: 18px;
font-size: 1.125rem;
text-align: left; } }
.journal-single .article-content .description blockquote::before {
left: -100px;
position: absolute;
top: -15px;
color: #F0DA21;
content: "’’";
display: block;
font-size: 70px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.journal-single .article-content .description blockquote::before {
left: -60px; } }
.journal-single .article-content .description em {
color: #9B9B9B;
display: block;
left: 50%;
margin: 0 0 -15px;
position: relative;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 115%; }
.journal-single .article-content .description strong {
color: #000; }
.journal-single .article-content img {
left: 50%;
position: relative;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 125%; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.journal-single .article-content img {
left: 0;
-webkit-transform: none;
transform: none;
width: 100%; } }
.journal-single .article-content img.lazy {
-webkit-filter: blur(10px);
filter: blur(10px);
opacity: .5;
-webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1); }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.journal-single .article-content img.lazy {
-webkit-filter: none;
filter: none; } }
.journal-single .article-content img.is--loaded {
-webkit-filter: blur(0);
filter: blur(0);
opacity: 1; }
.journal-single .separator {
margin: 100px auto;
width: 80%; }
.journal-single .separator hr {
display: none; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.journal-single .separator {
margin: 50px auto; } }
.journal-prevnext {
background-color: #000;
padding: 0;
overflow: hidden; }
.journal-prevnext .btn-previous, .journal-prevnext .btn-next {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #FFF;
display: block;
height: 400px;
position: relative;
width: 100%; }
.journal-prevnext .btn-previous::before, .journal-prevnext .btn-next::before {
left: 0;
position: absolute;
top: 0;
background: #000;
height: 100%;
opacity: 0;
-webkit-transition: opacity 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: opacity 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
width: 100%;
z-index: 1; }
.journal-prevnext .btn-previous .flow-framer, .journal-prevnext .btn-next .flow-framer {
height: 100%; }
.journal-prevnext .btn-previous .bg, .journal-prevnext .btn-next .bg {
-webkit-filter: blur(7px);
filter: blur(7px);
left: 0;
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: left 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: left 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.journal-prevnext .btn-previous .h2, .journal-prevnext .btn-previous .h5, .journal-prevnext .btn-next .h2, .journal-prevnext .btn-next .h5 {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: color 400ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: color 400ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: transform 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955), color 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955), color 400ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.journal-prevnext .btn-previous .h2, .journal-prevnext .btn-next .h2 {
-webkit-transition-delay: 50ms;
transition-delay: 50ms; }
.journal-prevnext .btn-previous .h5, .journal-prevnext .btn-next .h5 {
margin: 0 0 25px; }
.journal-prevnext .btn-previous:hover, .journal-prevnext .btn-next:hover {
cursor: pointer; }
.journal-prevnext .btn-previous:hover::before, .journal-prevnext .btn-next:hover::before {
opacity: .2; }
.journal-prevnext .btn-previous:hover .bg, .journal-prevnext .btn-next:hover .bg {
left: -20px; }
.journal-prevnext .btn-previous:hover .h5, .journal-prevnext .btn-previous:hover .h2, .journal-prevnext .btn-next:hover .h5, .journal-prevnext .btn-next:hover .h2 {
-webkit-transform: translateX(20px);
transform: translateX(20px); }
.journal-comments {
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
background-color: #F5F5F4;
overflow: hidden;
padding: 60px 0;
width: 100%; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.journal-comments {
padding: 30px 0; } }
.journal-comments__item {
border-bottom: 1px solid rgba(228, 228, 228, 0.5);
margin: 0 0 50px;
padding: 0 0 50px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.journal-comments__item {
margin: 0 0 30px;
padding: 0 0 30px; } }
.journal-comments__item .h55 {
letter-spacing: 1px; }
.journal-comments__item .visual {
-webkit-border-radius: 100%;
border-radius: 100%;
height: 60px;
width: 60px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.journal-comments__item .visual {
height: 40px;
width: 40px; } }
.journal-comments__item:last-child {
border-bottom: 0px none;
margin: 0;
padding: 0; }
.layout-restaurant-single .flow {
padding-bottom: 200px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
.layout-restaurant-single .flow {
padding-bottom: 50px; } }
.layout-restaurant-single .splashgallery .logo svg {
-webkit-transform: translateY(60px);
transform: translateY(60px);
-webkit-transition-delay: 200ms;
transition-delay: 200ms; }
.layout--isReady .layout-restaurant-single .splashgallery .logo svg {
-webkit-transform: translateY(0px);
transform: translateY(0px); }
/*# sourceMappingURL=mobile.css.map */