@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900|Noto+Serif);
/* Fonts
--------------------------------------------- */
/* Compass Imports
--------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, .contact-form label, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

/* Variables
--------------------------------------------- */
/* Colors
--------------------------------------------- */
/* Sprites
--------------------------------------------- */
/* Imports
--------------------------------------------- */
/* HiDPI v1 | MIT License | git.io/hidpi */
.no-flicker, .department-index .department-index__image img, #home-recipe { -webkit-transform: translate3d(0, 0, 0); }

.hide-text, ul.footer-social a, #home-slides-bar-nav a, #logo, #fixed-menu #logo-emblem, #footer-logo { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }

/* Responsive Mixins see: http://jakearchibald.github.com/sass-ie
------------------------------------------------ */
.no-mobile { display: none; }
@media screen and (min-width: 420px) { .no-mobile { display: block; } }

.mobile-only { display: block; }
@media screen and (min-width: 420px) { .mobile-only { display: none; } }

@font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot'); src: url('../fonts/icomoon.eot?#iefix') format("embedded-opentype"), url('../fonts/icomoon.woff') format("woff"), url('../fonts/icomoon.ttf') format("truetype"), url('../fonts/icomoon.svg#icomoon') format("svg"); font-weight: normal; font-style: normal; }

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before { font-family: 'icomoon'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon, .search, .icon-twitter, .icon-facebook, .icon-instagram, .icon-menu, .icon-search, .icon-right-arrow, .icon-left-arrow, .icon-down-arrow, .icon-yelp, .icon-pin { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }

.icon-twitter:before { content: "\e000"; }

.icon-facebook:before { content: "\e001"; }

.icon-instagram:before { content: "\e002"; }

.icon-menu:before { content: "\e003"; }

.icon-search:before { content: "\e004"; }

.icon-right-arrow:before { content: "\e005"; }

.icon-left-arrow:before { content: "\e006"; }

.icon-down-arrow:before { content: "\e007"; }

.icon-yelp:before { content: "\e008"; }

.icon-pin:before { content: "\e009"; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; }

html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }

html, body { min-height: 100%; height: 100%; }

body { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; font-family: 'Lato', sans-serif; font-size: 14px; line-height: 1.25; color: #525252; background: url('../img/bgfade.jpg?1376667147') top center; background-repeat: repeat-y; background-color: #FFFFFF; }
@media screen and (min-width: 420px) { body { font-size: 16px; } }

h1, h2, h3, h4, h5 { font-weight: 700; font-family: 'Noto Serif', serif; margin-bottom: 0.2em; }

h1, h2 { font-size: 2.28571em; line-height: 1; color: #2d5887; }
@media screen and (min-width: 420px) { h1, h2 { font-size: 2em; } }
@media screen and (min-width: 420px) { h1, h2 { font-size: 3.42857em; } }
@media screen and (min-width: 420px) and (min-width: 420px) { h1, h2 { font-size: 3em; } }

h1 { font-family: 'Lato', sans-serif; text-transform: uppercase; }

h2 { font-weight: 400; margin-bottom: 0.3em; }

h3 { font-family: 'Lato', sans-serif; text-transform: uppercase; font-size: 1.5em; color: #2d5887; font-weight: 700; }
@media screen and (min-width: 420px) { h3 { font-size: 2.14286em; } }
@media screen and (min-width: 420px) and (min-width: 420px) { h3 { font-size: 1.875em; } }

h4, h5 { color: #2d5887; font-size: 1.71429em; font-weight: 400; }
@media screen and (min-width: 420px) { h4, h5 { font-size: 2.25em; } }

h5 { font-size: 1.28571em; margin-bottom: 0.5em; }
@media screen and (min-width: 420px) { h5 { font-size: 1.5em; } }

h6, .contact-form label { color: #2d5887; font-size: 1em; text-transform: uppercase; font-weight: 700; margin-bottom: 0.5em; }
@media screen and (min-width: 420px) { h6, .contact-form label { font-size: 1em; } }

a { -webkit-transition: background 200ms, color 200ms; -moz-transition: background 200ms, color 200ms; -o-transition: background 200ms, color 200ms; transition: background 200ms, color 200ms; color: #2d5887; text-decoration: none; }
a:hover { color: #223e6c; }

p, ol, ul { margin-bottom: 0.5em; line-height: 1.6; }

ul { list-style: disc outside; margin-left: 20px; }

strong { font-weight: bold; }

em { font-style: italic; }

small { font-size: 12px; display: block; line-height: 1.5em; margin: 20px 0; }

input, textarea { -webkit-font-smoothing: antialiased; display: block; }
input:focus, textarea:focus { outline: none; }

input[type=submit] { -webkit-appearance: none; }

input[type=text], input[type=email], input[type=password], .customSelect, select, textarea { -webkit-appearance: none; font-size: 1em; font-family: 'Lato', sans-serif; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; font-weight: 400; border: #cccccc 1px solid; padding: 10px 15px; margin: 6px 0 1em; width: 100%; max-width: 400px; }
@media screen and (min-width: 420px) { input[type=text], input[type=email], input[type=password], .customSelect, select, textarea { font-size: 0.875em; } }
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, .customSelect:focus, select:focus, textarea:focus { border-color: #666666; }

.hasCustomSelect { width: 200px; display: block; position: relative; z-index: 3; cursor: pointer; }

.customSelect { position: relative; margin-bottom: 0; }
.customSelect:after { position: absolute; right: 0.5em; top: 50%; margin-top: -0.5em; content: "\e007"; font-family: 'icomoon'; }

input[type=checkbox], input[type=radio] { display: inline-block; }

/* Hero Titles
--------------------------------------------- */
.hero { background: black; position: relative; overflow: hidden; }
.hero .hero__image-wrapper { margin: -20px -200px; }
@media screen and (min-width: 420px) { .hero .hero__image-wrapper { margin: 0 -200px; } }
@media screen and (min-width: 767px) { .hero .hero__image-wrapper { margin: 0; } }
.hero .hero__image { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: block; width: 100%; height: auto; }
.hero .hero__content { position: absolute; left: 0; right: 0; text-align: center; top: 30%; }
@media screen and (min-width: 767px) { .hero .hero__content { top: 35%; } }
.hero .hero__title, .hero .hero__tagline { color: white; text-shadow: rgba(0, 0, 0, 0.5) 0 0 3px; }
@media screen and (min-width: 420px) { .hero .hero__title, .hero .hero__tagline { text-shadow: rgba(0, 0, 0, 0.5) 0 0 7px; } }

@media screen and (min-width: 767px) { #main.with-menu .hero { margin-top: -60px; }
  #main.with-menu .hero .hero__content { top: 45%; } }

/* Content section
--------------------------------------------- */
.section .section__content, .section .section__sidebar { padding-top: 40px; padding-bottom: 20px; }
.section .section__sidebar { position: relative; text-align: center; }
.section .section__sidebar-bg { background: url('../img/wavegrid.png?1374271610'); position: absolute; z-index: 1; top: 0; bottom: 0; left: -30px; right: -30px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) { .section .section__sidebar-bg { background-size: 50px 50px; } }
.section .section__sidebar-wrapper { position: relative; z-index: 3; }
.section .section__sidebar-wrapper--alt { text-align: left; }
.section .section__sidebar-wrapper--lower { border-top: #cccccc 1px solid; margin-top: 2em; }
.section .section__sidebar-wrapper--lower .section__sidebar-title { margin-top: 1em; margin-bottom: 0; }
.section .section__sidebar-title { margin-bottom: 1em; }
.section .section__sidebar-section { margin-bottom: 1.5em; }
.section .section__content-image { margin: 30px 0; width: 100%; height: auto; }
.section .section__content-image img { width: 100%; height: auto; }
.section .section__more { margin-bottom: 3em; padding-bottom: 3em; border-bottom: #2d5887 2px solid; }
.section .section__events { margin-bottom: 3em; }
.section .section__events h4 { margin-bottom: 1em; }
.section .section__events-item { border-bottom: #cccccc 1px solid; padding-bottom: 1em; margin-bottom: 2em; }
.section .section__events-item p { font-size: 1em; }
@media screen and (min-width: 420px) { .section .section__events-item p { font-size: 0.875em; } }
@media screen and (min-width: 767px) { .section { margin: 0 -30px; padding: 0 18px; overflow: hidden; position: relative; }
  .section .section__content, .section .section__sidebar { padding-top: 60px; }
  .section .section__content-image { margin: 30px 0; }
  .section .section__content { width: 66.66667%; padding-left: 12px; padding-right: 12px; float: left; background: white; padding-bottom: 70px; }
  .section .section__sidebar { width: 33.33333%; padding-left: 12px; padding-right: 12px; float: left; padding-left: 40px; position: relative; }
  .section .section__sidebar-bg { left: 12px; right: -24px; bottom: -10000px; } }

/* Sidebar list/links
--------------------------------------------- */
.sidebar-list .sidebar-list__item { display: block; max-width: 80%; margin: 0 auto 3em; padding-top: 2em; border-top: #cccccc 1px solid; }
.sidebar-list .sidebar-list__item:first-child { border: none; }
.sidebar-list .sidebar-list__item .stamp { max-width: 80%; }
.sidebar-list .sidebar-list__item:hover .sidebar-list__item-title, .sidebar-list .sidebar-list__item:hover .sidebar-list__item-caption { color: #223e6c; }
.sidebar-list .sidebar-list__item-title { margin-bottom: 1em; }
.sidebar-list .sidebar-list__item-excerpt { color: #666666; font-size: 0.92857em; }
@media screen and (min-width: 420px) { .sidebar-list .sidebar-list__item-excerpt { font-size: 0.8125em; } }

.sidebar-categories .sidebar-categories__title { margin-bottom: 1em; }
.sidebar-categories .sidebar-categories__title a.current { border-bottom: #2d5887 2px solid; }
.sidebar-categories .sidebar-categories__list { list-style: none; padding-left: 2em; margin-bottom: 1.5em; font-size: 1em; }
@media screen and (min-width: 420px) { .sidebar-categories .sidebar-categories__list { font-size: 0.875em; } }
.sidebar-categories .sidebar-categories__list ul { list-style: none; }
.sidebar-categories .sidebar-categories__list li { margin-bottom: 1em; }
.sidebar-categories .sidebar-categories__list a.current { font-weight: 700; }
.sidebar-categories .sidebar-categories__list a.current, .sidebar-categories .sidebar-categories__list a:hover { border-bottom: #2d5887 2px solid; }

/* Circle-cropped images
--------------------------------------------- */
.stamp { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.15); box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.15); background: white; overflow: hidden; position: relative; display: inline-block; text-align: center; margin-bottom: 1em; width: 170px; }
.stamp .stamp__wrapper { height: 0; padding-top: 100%; }
.stamp .stamp__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }
.stamp .stamp__image:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }
.stamp img { display: inline-block; vertical-align: middle; width: 170px; height: auto; }
@media screen and (min-width: 767px) { .stamp img { width: 100%; } }
.stamp img[src$=".png"] { max-width: 70%; }
.stamp:hover { top: -1px; -webkit-box-shadow: 1px 4px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 4px 2px rgba(0, 0, 0, 0.15); box-shadow: 1px 4px 2px rgba(0, 0, 0, 0.15); }
.stamp:active { top: 1px; -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.15); box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.15); }
.stamp.landscape-crop .stamp__image:before { content: none; }
.stamp.landscape-crop img { height: 170px; width: auto; }
@media screen and (min-width: 420px) { .stamp.landscape-crop img { height: 100%; } }
@media screen and (min-width: 420px) { .stamp { max-width: 100%; } }

/* Footer Social
--------------------------------------------- */
ul.footer-social { text-align: center; padding: 25px 0 25px; }
ul.footer-social li { display: inline-block; margin: 0 10px; }
ul.footer-social a:before { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; font-size: 18px; background: white; color: #2d5887; padding: 8px; }

/* Item Lists (Featured Products / Related Items)
--------------------------------------------- */
.item-list .item-list__title { margin: 0 0 20px; }
@media screen and (min-width: 767px) { .item-list .item-list__title { margin: 50px 0 0px; } }
.item-list .item-list__item { display: block; overflow: hidden; clear: left; padding-bottom: 15px; padding-top: 30px; border-top: gainsboro 1px solid; }
.item-list .item-list__item:first-child { border: none; }
.item-list .item-list__image-wrapper { display: inline; }
.item-list .item-list__image-wrapper img { float: left; margin: 5px 20px 5px 0; max-width: 35%; height: auto; }
.item-list .item-list__item-excerpt { margin-bottom: 15px; color: #525252; padding-right: 12px; font-size: 1em; }
@media screen and (min-width: 420px) { .item-list .item-list__item-excerpt { font-size: 0.875em; } }
.item-list .item-list__read-more { color: #2d5887; text-transform: uppercase; font-weight: 700; }
@media screen and (min-width: 420px) { .item-list .item-list__image-wrapper img { margin: 5px 30px 15px 0; } }

/* Buttons
--------------------------------------------- */
.btn { font-family: 'Lato', sans-serif; font-size: 1.14286em; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; font-weight: 700; color: white; text-transform: uppercase; white-space: nowrap; background: #2d5887; border: none; padding: 13px 20px; margin: 0 6px 0 0; }
@media screen and (min-width: 420px) { .btn { font-size: 1em; } }
.btn:hover { cursor: pointer; background: #223e6c; color: white; }
.btn.btn--small { font-size: 1em; padding: 8px 30px; }
@media screen and (min-width: 420px) { .btn.btn--small { font-size: 0.875em; } }
.btn.btn--smaller { font-size: 0.85714em; padding: 7px 25px; }
@media screen and (min-width: 420px) { .btn.btn--smaller { font-size: 0.75em; } }

/* One-col page things
--------------------------------------------- */
.page { text-align: center; }
.page.page--left-aligned p { text-align: left; }
.page.page--left-aligned h5 { text-align: left; margin-bottom: 10px; margin-top: 30px; }
.page .page__header { padding: 40px 0; border-bottom: #2d5887 2px solid; margin-bottom: 40px; }
.page .page__title { line-height: 1.2; }
.page .page__header--alt { border: none; margin-bottom: 0; padding: 40px 0 20px; }
.page .page__info { text-align: left; margin-bottom: 40px; }
.page .page__content { padding: 3em 0 0; text-align: left; position: relative; z-index: 1; }
.page .page__content:before { content: ''; z-index: -1; position: absolute; left: 12px; right: 12px; top: 0; height: 100%; border-top: gainsboro 1px solid; }
.page .page__content.page__content--alt { padding: 0; }
.page .page__content.page__content--alt:before { border: none; }
.page .page__content h6, .page .page__content .contact-form label, .contact-form .page .page__content label { font-size: 1.14286em; }
@media screen and (min-width: 420px) { .page .page__content h6, .page .page__content .contact-form label, .contact-form .page .page__content label { font-size: 1em; } }
.page .page__content p { font-size: 1em; }
@media screen and (min-width: 420px) { .page .page__content p { font-size: 0.875em; } }
.page .page__content-column { padding-bottom: 1em; }
@media screen and (min-width: 767px) { .page .page__content-column { padding-bottom: 4em; } }
.page .page__content-column-list { font-size: 1em; }
@media screen and (min-width: 420px) { .page .page__content-column-list { font-size: 0.875em; } }
.page .page__content-column-list ul { list-style: none; }
@media screen and (min-width: 767px) { .page .page__content-column-list { margin-left: -12px; margin-right: -12px; *zoom: 1; margin-left: -70px; margin-right: -70px; }
  .page .page__content-column-list:after { display: table; content: ""; line-height: 0; }
  .page .page__content-column-list:after { clear: both; }
  .page .page__content-column-list li { width: 50%; padding-left: 12px; padding-right: 12px; float: left; padding-left: 70px; padding-right: 70px; white-space: nowrap; }
  .page .page__content-column-list li a { color: #525252; } }
@media screen and (min-width: 767px) { .page .page__header { padding: 60px 0 40px; }
  .page .page__header--alt { padding: 60px 0 20px; }
  .page .page__content { margin-left: -12px; margin-right: -12px; *zoom: 1; }
  .page .page__content:after { display: table; content: ""; line-height: 0; }
  .page .page__content:after { clear: both; }
  .page .page__content-column { width: 50%; padding-left: 12px; padding-right: 12px; float: left; padding-left: 70px; padding-right: 70px; }
  .page .page__content-column.two { clear: left; }
  .page .page__content-column--wide { width: 100%; } }
@media screen and (min-width: 1000px) { .page { width: 66.66667%; margin: 0 auto; } }

/* Search box
--------------------------------------------- */
.search { position: relative; width: 100%; max-width: 400px; }
.search:before { content: "\e004"; position: absolute; left: 10px; top: 10px; font-size: 20px; color: #cccccc; }
.search input { padding-left: 35px; }

.sidebar-search { border-bottom: #cccccc 1px solid; padding-bottom: 1em; margin-bottom: 2em; }
.sidebar-search .sidebar-search__title { font-size: 1.14286em; margin-bottom: 1em; }
@media screen and (min-width: 420px) { .sidebar-search .sidebar-search__title { font-size: 1em; } }
.sidebar-search .search input { border: none; }

/* Items (Recipes / Blog)
--------------------------------------------- */
.item-index { margin-top: -2em; }
.item-index .item-index__item { display: block; border-top: #cccccc 1px solid; padding-top: 2em; padding-bottom: 2em; }
.item-index .item-index__item p { color: #525252; padding-right: 12px; }
.item-index .item-index__item:first-child { border: none; }
.item-index .item-index__mobile-title { margin-bottom: 0.4em; }
.item-index .item-index__title { display: none; font-size: 2.28571em; }
@media screen and (min-width: 420px) { .item-index .item-index__title { font-size: 2em; } }
@media screen and (min-width: 767px) { .item-index .item-index__title { font-size: 2.57143em; } }
@media screen and (min-width: 767px) and (min-width: 420px) { .item-index .item-index__title { font-size: 2.25em; } }
.item-index .item-index__image { display: block; max-width: 100%; height: auto; margin-bottom: 15px; }
.item-index .item-index__read-more { color: #2d5887 !important; text-transform: uppercase; font-weight: 700; font-size: 1em; }
@media screen and (min-width: 420px) { .item-index .item-index__read-more { font-size: 0.875em; } }
@media screen and (min-width: 420px) { .item-index .item-index__item-wrapper { margin-left: -12px; margin-right: -12px; *zoom: 1; }
  .item-index .item-index__item-wrapper:after { display: table; content: ""; line-height: 0; }
  .item-index .item-index__item-wrapper:after { clear: both; }
  .item-index .item-index__mobile-title { display: none; }
  .item-index .item-index__title { display: block; }
  .item-index .item-index__image, .item-index .item-index__content { width: 50%; padding-left: 12px; padding-right: 12px; float: left; }
  .item-index .item-index__image { margin-top: 10px; } }

.item-single img { max-width: 100%; }
.item-single .item-single__title { margin-bottom: 0.5em; }
.item-single .item-single__title.alt-style { font-weight: 400; font-family: 'Noto Serif', serif; text-transform: none; }
.item-single .item-single__image { display: block; margin-bottom: 1em; max-width: 100%; height: auto; }
.item-single .item-single__subtitle { margin-top: 1em; }

/* Pagination
--------------------------------------------- */
.pagination { margin: 4em 0 5em; text-align: center; }
.pagination .pagination__left, .pagination .pagination__right { font-size: 0.78571em; padding: 10px; }
@media screen and (min-width: 420px) { .pagination .pagination__left, .pagination .pagination__right { font-size: 0.6875em; } }
.pagination .pagination__list { display: inline; }
.pagination .pagination__list li { display: inline; font-size: 1em; }
@media screen and (min-width: 420px) { .pagination .pagination__list li { font-size: 0.875em; } }
.pagination .pagination__list a { padding: 5px; }
.pagination .pagination__list li.current a { font-weight: 700; }
.pagination .pagination__list li.current a, .pagination .pagination__list a:hover { border-bottom: #2d5887 2px solid; }

/* Food Item (Uwajipedia) Index
--------------------------------------------- */
.food-item-index { margin: 0 -1px 0 -2px; }
@media screen and (min-width: 1000px) { .food-item-index { margin: 0 -31px 0 -32px; } }

.food-item { width: 50%; display: block; padding: 0 1px 0 2px; text-align: center; float: left; margin-bottom: 2em; }
@media screen and (min-width: 600px) { .food-item { width: 33.33333%; } }
@media screen and (min-width: 1000px) { .food-item { width: 25%; } }
.food-item .food-item__image { background: url('../img/wavegrid.png?1374271610'); width: 100%; position: relative; padding-top: 100%; margin-bottom: 15px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) { .food-item .food-item__image { background-size: 50px 50px; } }
.food-item .food-item__image-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }
.food-item .food-item__image-wrapper:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }
.food-item .food-item__image-wrapper img { display: inline-block; vertical-align: middle; width: 100%; height: auto; }
.food-item .food-item__image-wrapper img[src$=".png"] { max-width: 70%; }
.food-item .food-item__title { display: inline; }
.food-item:hover .food-item__title { border-bottom: #2d5887 2px solid; }

.food-item-results { clear: left; border-top: #2d5887 2px solid; }

.food-item-result { *zoom: 1; display: block; text-align: left; padding: 3em 0; border-bottom: #cccccc 1px solid; }
.food-item-result:after { display: table; content: ""; line-height: 0; }
.food-item-result:after { clear: both; }
.food-item-result .food-item-result__image { float: left; height: auto; padding-right: 1.5em; margin-bottom: 0.5em; max-width: 35%; }
@media screen and (min-width: 420px) { .food-item-result .food-item-result__image { width: 25%; padding-right: 2em; } }
.food-item-result .food-item-result__content { padding-right: 1em; }
@media screen and (min-width: 420px) { .food-item-result .food-item-result__content { float: left; width: 75%; } }
.food-item-result .food-item-result__info { color: #525252; }
.food-item-result .food-item-result__read-more { color: #2d5887; text-transform: uppercase; font-weight: 700; font-size: 1em; }
@media screen and (min-width: 420px) { .food-item-result .food-item-result__read-more { font-size: 0.875em; } }

a.food-item-result:hover { background: #fafafa; }

/* Departments
--------------------------------------------- */
.department-index { margin-top: 20px; }
.department-index .department-index__item { text-align: center; display: block; padding-top: 30px; padding-bottom: 30px; }
.department-index .department-index__item:hover .department-index__image img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.department-index .department-index__title { border-bottom: #2d5887 2px solid; margin-bottom: 20px; padding-bottom: 5px; }
.department-index .department-index__image { margin-bottom: 10px; width: 100%; display: block; background: black; height: auto; }
.department-index .department-index__image img { -webkit-transition: opacity 200ms; -moz-transition: opacity 200ms; -o-transition: opacity 200ms; transition: opacity 200ms; display: block; width: 100%; height: auto; }
.department-index .department-index__info { font-size: 1em; padding: 0px; color: #525252; }
@media screen and (min-width: 420px) { .department-index .department-index__info { font-size: 0.875em; } }
@media screen and (min-width: 420px) { .department-index { margin-left: -12px; margin-right: -12px; *zoom: 1; }
  .department-index:after { display: table; content: ""; line-height: 0; }
  .department-index:after { clear: both; }
  .department-index .department-index__item { width: 50%; padding-left: 12px; padding-right: 12px; float: left; }
  .department-index .department-index__item.two { clear: left; }
  .department-index .department-index__info { padding: 0 10px; } }
@media screen and (min-width: 767px) { .department-index .department-index__item { width: 33.33333%; padding-left: 12px; padding-right: 12px; float: left; clear: none !important; }
  .department-index .department-index__item.three { clear: left !important; } }
@media screen and (min-width: 1000px) { .department-index .department-index__item { padding-left: 48px !important; padding-right: 48px !important; }
  .department-index .department-index__info { padding: 0 10px; } }

/* Alphabetical lists
--------------------------------------------- */
.index-alpha-list { font-size: 1em; margin: 2em 0; text-align: center; }
@media screen and (min-width: 420px) { .index-alpha-list { font-size: 0.875em; } }
.index-alpha-list .index-alpha-list__item { display: inline-block; }
.index-alpha-list .index-alpha-list__item a { padding: 10px 7px 5px; display: inline-block; }
.index-alpha-list .index-alpha-list__item.current { border-bottom: #2d5887 2px solid; }

.sidebar-alpha .index-alpha-list { margin: 0; text-align: left; }

/* Languages
--------------------------------------------- */
.food-item-languages { padding: 30px 0; border-top: #2d5887 2px solid; }
.food-item-languages .food-item-languages__list { list-style: none; }
.food-item-languages .food-item-languages__item { border-top: gainsboro 1px solid; padding: 10px 0; }
.food-item-languages .food-item-languages__item:first-child { border: none; }
.food-item-languages .food-item-languages__item-wrapper { margin-left: -12px; margin-right: -12px; *zoom: 1; }
.food-item-languages .food-item-languages__item-wrapper:after { display: table; content: ""; line-height: 0; }
.food-item-languages .food-item-languages__item-wrapper:after { clear: both; }
.food-item-languages .food-item-languages__dt { width: 25%; padding-left: 12px; padding-right: 12px; float: left; }
.food-item-languages .food-item-languages__dd { width: 75%; padding-left: 12px; padding-right: 12px; float: left; }

/* Back to [...]
--------------------------------------------- */
.back { margin: 0 0 2em; display: inline-block; font-size: 1em; text-transform: uppercase; font-weight: 700; }
@media screen and (min-width: 420px) { .back { font-size: 0.875em; } }

/* Toggler thing
--------------------------------------------- */
[data-toggle-element] { -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; height: 0; overflow: hidden; }

/* Downloads
--------------------------------------------- */
.downloads .downloads__form-title { color: #999999; font-size: 13px !important; margin: 2em 0; }

/* Features (About, History, ...)
--------------------------------------------- */
.feature { position: relative; text-align: center; z-index: 1; padding: 6em 0; }
.feature .feature__title { margin: 0 auto; }
.feature .feature__content { margin: 2em auto 0; max-width: 80%; }
.feature .feature__image { width: 100%; height: auto; display: block; }
.feature.feature--alt { background: url('../img/wavegrid.png?1374271610'); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) { .feature.feature--alt { background-size: 50px 50px; } }
.feature.feature--alt-2 { background: #2d5887; color: white; }
.feature.feature--alt-2 h1, .feature.feature--alt-2 h2, .feature.feature--alt-2 h3, .feature.feature--alt-2 h4 { color: white; }
.feature.feature__extra-padding { padding: 7em 0; }
@media screen and (min-width: 1000px) { .feature.feature--with-image { padding: 0; }
  .feature.feature--with-image .feature__wrapper { position: absolute; padding: 3em 0; width: 100%; top: 0; left: 0; } }
@media screen and (min-width: 1000px) { .feature .feature__title, .feature .feature__content { max-width: 50%; } }

.feature-image img { width: 100%; height: auto; display: block; }

.feature-slider { width: 700px; max-width: 100%; margin: 0 auto; position: relative; }
@media screen and (min-width: 420px) { .feature-slider { max-width: 80%; } }
.feature-slider .feature-slider__wrapper { *zoom: 1; -webkit-transition: left 0.5s, -webkit-transform 0.5s; -moz-transition: left 0.5s, -moz-transform 0.5s; -o-transition: left 0.5s, -o-transform 0.5s; transition: left 0.5s, transform 0.5s; width: 1000%; position: relative; }
.feature-slider .feature-slider__wrapper:after { display: table; content: ""; line-height: 0; }
.feature-slider .feature-slider__wrapper:after { clear: both; }
.feature-slider .feature-slider__arrow { width: 50px; height: 50px; background: white; display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; top: 50%; margin-top: -25px; z-index: 10; font-size: 30px; text-align: center; padding-top: 8px; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }
.feature-slider .feature-slider__arrow.hide, .feature-slider .feature-slider__arrow.show { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
@media screen and (min-width: 420px) { .feature-slider .feature-slider__arrow { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
  .feature-slider .feature-slider__arrow.hide { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
  .feature-slider .feature-slider__arrow.show { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } }
.feature-slider .feature-slider__left { left: 6px; }
.feature-slider .feature-slider__right { right: 6px; }
.feature-slider .feature-slider__slide { display: block; float: left; width: 10%; padding: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; }
@media screen and (min-width: 420px) { .feature-slider .feature-slider__slide { padding: 0 6px; } }
.feature-slider .feature-slider__slide img { display: block; width: 100%; height: auto; }
.feature-slider .feature-slider__dots { width: 100%; position: absolute; left: 0; bottom: 10px; z-index: 999; text-align: center; color: transparent; }
.feature-slider .feature-slider__dots a { display: inline-block; vertical-align: middle; margin-right: 5px; width: 23px; height: 23px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #CCCCCC; border: 5px solid white; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.feature-slider .feature-slider__dots a.active { background-color: #2D5887; }
.feature-slider .feature-slider__dots a:last-child { margin-right: 0; }
@media screen and (min-width: 420px) { .feature-slider .feature-slider__dots a { display: none; } }

.csstransforms3d .feature-slider.current-0 .feature-slider__wrapper { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.no-csstransforms3d .feature-slider.current-0 .feature-slider__wrapper { left: 0%; }
.feature-slider.current-0 [data-bullet='0'] { background: #2d5887; }
.feature-slider.current-0 .slide-1 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.csstransforms3d .feature-slider.current-1 .feature-slider__wrapper { -webkit-transform: translate3d(-10%, 0, 0); -moz-transform: translate3d(-10%, 0, 0); -ms-transform: translate3d(-10%, 0, 0); -o-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); }
.no-csstransforms3d .feature-slider.current-1 .feature-slider__wrapper { left: -100%; }
.feature-slider.current-1 [data-bullet='1'] { background: #2d5887; }
.feature-slider.current-1 .slide-2 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.csstransforms3d .feature-slider.current-2 .feature-slider__wrapper { -webkit-transform: translate3d(-20%, 0, 0); -moz-transform: translate3d(-20%, 0, 0); -ms-transform: translate3d(-20%, 0, 0); -o-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); }
.no-csstransforms3d .feature-slider.current-2 .feature-slider__wrapper { left: -200%; }
.feature-slider.current-2 [data-bullet='2'] { background: #2d5887; }
.feature-slider.current-2 .slide-3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.csstransforms3d .feature-slider.current-3 .feature-slider__wrapper { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); }
.no-csstransforms3d .feature-slider.current-3 .feature-slider__wrapper { left: -300%; }
.feature-slider.current-3 [data-bullet='3'] { background: #2d5887; }
.feature-slider.current-3 .slide-4 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.csstransforms3d .feature-slider.current-4 .feature-slider__wrapper { -webkit-transform: translate3d(-40%, 0, 0); -moz-transform: translate3d(-40%, 0, 0); -ms-transform: translate3d(-40%, 0, 0); -o-transform: translate3d(-40%, 0, 0); transform: translate3d(-40%, 0, 0); }
.no-csstransforms3d .feature-slider.current-4 .feature-slider__wrapper { left: -400%; }
.feature-slider.current-4 [data-bullet='4'] { background: #2d5887; }
.feature-slider.current-4 .slide-5 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.csstransforms3d .feature-slider.current-5 .feature-slider__wrapper { -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); -o-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
.no-csstransforms3d .feature-slider.current-5 .feature-slider__wrapper { left: -500%; }
.feature-slider.current-5 [data-bullet='5'] { background: #2d5887; }
.feature-slider.current-5 .slide-6 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.csstransforms3d .feature-slider.current-6 .feature-slider__wrapper { -webkit-transform: translate3d(-60%, 0, 0); -moz-transform: translate3d(-60%, 0, 0); -ms-transform: translate3d(-60%, 0, 0); -o-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); }
.no-csstransforms3d .feature-slider.current-6 .feature-slider__wrapper { left: -600%; }
.feature-slider.current-6 [data-bullet='6'] { background: #2d5887; }
.feature-slider.current-6 .slide-7 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.csstransforms3d .feature-slider.current-7 .feature-slider__wrapper { -webkit-transform: translate3d(-70%, 0, 0); -moz-transform: translate3d(-70%, 0, 0); -ms-transform: translate3d(-70%, 0, 0); -o-transform: translate3d(-70%, 0, 0); transform: translate3d(-70%, 0, 0); }
.no-csstransforms3d .feature-slider.current-7 .feature-slider__wrapper { left: -700%; }
.feature-slider.current-7 [data-bullet='7'] { background: #2d5887; }
.feature-slider.current-7 .slide-8 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.csstransforms3d .feature-slider.current-8 .feature-slider__wrapper { -webkit-transform: translate3d(-80%, 0, 0); -moz-transform: translate3d(-80%, 0, 0); -ms-transform: translate3d(-80%, 0, 0); -o-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); }
.no-csstransforms3d .feature-slider.current-8 .feature-slider__wrapper { left: -800%; }
.feature-slider.current-8 [data-bullet='8'] { background: #2d5887; }
.feature-slider.current-8 .slide-9 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.csstransforms3d .feature-slider.current-9 .feature-slider__wrapper { -webkit-transform: translate3d(-90%, 0, 0); -moz-transform: translate3d(-90%, 0, 0); -ms-transform: translate3d(-90%, 0, 0); -o-transform: translate3d(-90%, 0, 0); transform: translate3d(-90%, 0, 0); }
.no-csstransforms3d .feature-slider.current-9 .feature-slider__wrapper { left: -900%; }
.feature-slider.current-9 [data-bullet='9'] { background: #2d5887; }
.feature-slider.current-9 .slide-10 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.csstransforms3d .feature-slider.current-10 .feature-slider__wrapper { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.no-csstransforms3d .feature-slider.current-10 .feature-slider__wrapper { left: -1000%; }
.feature-slider.current-10 [data-bullet='10'] { background: #2d5887; }
.feature-slider.current-10 .slide-11 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/* Facebook Comments
--------------------------------------------- */
.fb-comments { margin-top: 30px; }

.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe { width: 100% !important; }

/* Home Animation
--------------------------------------------- */
.home-animation { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: relative; overflow: hidden; padding-bottom: 80%; background: url('../img/home-animation/home-animation-mobile.jpg?1375998431') no-repeat center bottom; -webkit-background-size: 170% auto; -moz-background-size: 170% auto; -o-background-size: 170% auto; background-size: 170% auto; }
.home-animation > div { display: none; }
@media screen and (min-width: 767px) { .home-animation { background: none; height: 550px; padding-bottom: 0; }
  .home-animation > div { display: block; } }
.home-animation .home-animation-burst { -webkit-transition: -webkit-mask-position 1000ms; -moz-transition: -webkit-mask-position 1000ms; -o-transition: -webkit-mask-position 1000ms; transition: -webkit-mask-position 1000ms; position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-mask-image: url('../img/home-animation/circle.svg?1376000650'); -webkit-mask-clip: content; -webkit-mask-repeat: no-repeat; -webkit-mask-origin: content; -webkit-mask-position: 50% -91%; -webkit-mask-size: auto 210%; background: url('../img/home-animation/home-animation-burst.jpg?1375829768') no-repeat center center; }
.home-animation .home-animation-dude { -webkit-transition: bottom 1000ms; -webkit-transition-delay: 500ms; -moz-transition: bottom 1000ms 500ms; -o-transition: bottom 1000ms 500ms; transition: bottom 1000ms 500ms; position: absolute; bottom: -350px; left: 50%; margin-left: -264px; width: 528px; height: 356px; background: url('../img/home-animation/home-animation-dude.png?1376667104'); }
.home-animation .home-animation-1 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; top: 50%; left: 50%; width: 106px; height: 85px; background: url('../img/home-animation/home-animation-1.png?1375829678'); }
.home-animation .home-animation-2 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; top: 50%; left: 50%; width: 80px; height: 92px; background: url('../img/home-animation/home-animation-2.png?1375829689'); }
.home-animation .home-animation-3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; top: 50%; left: 50%; width: 107px; height: 91px; background: url('../img/home-animation/home-animation-3.png?1375829700'); }
.home-animation .home-animation-4 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; top: 50%; left: 50%; width: 71px; height: 91px; background: url('../img/home-animation/home-animation-4.png?1375829708'); }
.home-animation .home-animation-5 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; top: 50%; left: 50%; width: 104px; height: 117px; background: url('../img/home-animation/home-animation-5.png?1375829716'); }
.home-animation .home-animation-6 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; top: 50%; left: 50%; width: 88px; height: 70px; background: url('../img/home-animation/home-animation-6.png?1375829723'); }
.home-animation .home-animation-1 { -webkit-transition: margin 500ms, opacity 500ms; -webkit-transition-delay: 700ms, 700ms; -moz-transition: margin 500ms 700ms, opacity 500ms 700ms; -o-transition: margin 500ms 700ms, opacity 500ms 700ms; transition: margin 500ms 700ms, opacity 500ms 700ms; margin-left: -370px; margin-top: 159px; }
.home-animation .home-animation-2 { -webkit-transition: margin 500ms, opacity 500ms; -webkit-transition-delay: 800ms, 800ms; -moz-transition: margin 500ms 800ms, opacity 500ms 800ms; -o-transition: margin 500ms 800ms, opacity 500ms 800ms; transition: margin 500ms 800ms, opacity 500ms 800ms; margin-left: -284px; margin-top: -20px; }
.home-animation .home-animation-3 { -webkit-transition: margin 500ms, opacity 500ms; -webkit-transition-delay: 900ms, 900ms; -moz-transition: margin 500ms 900ms, opacity 500ms 900ms; -o-transition: margin 500ms 900ms, opacity 500ms 900ms; transition: margin 500ms 900ms, opacity 500ms 900ms; margin-left: -140px; margin-top: -130px; }
.home-animation .home-animation-4 { -webkit-transition: margin 500ms, opacity 500ms; -webkit-transition-delay: 1000ms, 1000ms; -moz-transition: margin 500ms 1000ms, opacity 500ms 1000ms; -o-transition: margin 500ms 1000ms, opacity 500ms 1000ms; transition: margin 500ms 1000ms, opacity 500ms 1000ms; margin-left: 76px; margin-top: -162px; }
.home-animation .home-animation-5 { -webkit-transition: margin 500ms, opacity 500ms; -webkit-transition-delay: 1100ms, 1100ms; -moz-transition: margin 500ms 1100ms, opacity 500ms 1100ms; -o-transition: margin 500ms 1100ms, opacity 500ms 1100ms; transition: margin 500ms 1100ms, opacity 500ms 1100ms; margin-left: 227px; margin-top: -59px; }
.home-animation .home-animation-6 { -webkit-transition: margin 500ms, opacity 500ms; -webkit-transition-delay: 1200ms, 1200ms; -moz-transition: margin 500ms 1200ms, opacity 500ms 1200ms; -o-transition: margin 500ms 1200ms, opacity 500ms 1200ms; transition: margin 500ms 1200ms, opacity 500ms 1200ms; margin-left: 297px; margin-top: 139px; }
.home-animation.animate .home-animation-burst { -webkit-mask-position: 50% 0; }
.home-animation.animate .home-animation-dude { bottom: 0px; }
.home-animation.animate .home-animation-1 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.home-animation.animate .home-animation-2 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.home-animation.animate .home-animation-3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.home-animation.animate .home-animation-4 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.home-animation.animate .home-animation-5 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.home-animation.animate .home-animation-6 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.home-animation.animate .home-animation-1 { margin-left: -440px; margin-top: 89px; }
.home-animation.animate .home-animation-2 { margin-left: -334px; margin-top: -100px; }
.home-animation.animate .home-animation-3 { margin-left: -170px; margin-top: -210px; }
.home-animation.animate .home-animation-4 { margin-left: 96px; margin-top: -202px; }
.home-animation.animate .home-animation-5 { margin-left: 267px; margin-top: -99px; }
.home-animation.animate .home-animation-6 { margin-left: 347px; margin-top: 109px; }

/* Post Categories (blog and recipe detail)
--------------------------------------------- */
.post-categories { font-size: 12px; margin: 20px 0; }

/* Post Social (blog and recipe detail)
--------------------------------------------- */
.post-social { margin-top: 40px; }
.post-social a { -webkit-transition: background 200ms; -moz-transition: background 200ms; -o-transition: background 200ms; transition: background 200ms; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; color: white; background: #2d5887; padding: 9px; margin-right: 3px; font-size: 1.2em; }
.post-social a:hover { background: #223e6c; }

.simple-slider { min-height: 350px; position: relative; }

.simple-slider .simple-slider__image { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; -webkit-transition: opacity 1000ms; -moz-transition: opacity 1000ms; -o-transition: opacity 1000ms; transition: opacity 1000ms; }

.simple-slider .simple-slider__image--active { opacity: 0.8; }

/* Home (slides, top section)
--------------------------------------------- */
#home-top { position: relative; margin-bottom: 4em; }
@media screen and (min-width: 1000px) { #home-top #home-slides { width: 66.66667%; width: 66.7%; }
  #home-top #home-uwajipedia, #home-top #home-recipe { width: 33.33333%; position: absolute; right: 0; height: 50%; } }

#home-uwajipedia, #home-recipe { overflow: hidden; text-align: center; }

#home-uwajipedia { background: url('../img/wavegrid.png?1374271610'); top: 0; padding: 20px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) { #home-uwajipedia { background-size: 50px 50px; } }
#home-uwajipedia .home-uwajipedia__item { display: block; }
#home-uwajipedia .home-uwajipedia__title { font-size: 1.28571em; display: inline-block; border-bottom: #2d5887 2px solid; padding-bottom: 5px; margin-bottom: 15px; }
@media screen and (min-width: 420px) { #home-uwajipedia .home-uwajipedia__title { font-size: 1.125em; } }
#home-uwajipedia .home-uwajipedia__image { position: relative; display: block; margin: 0 auto 5px; width: 25%; height: 100px; }
#home-uwajipedia .home-uwajipedia__image img { height: 100%; width: auto; }
#home-uwajipedia .home-uwajipedia__item-title { margin: 0; }
#home-uwajipedia .home-uwajipedia__item-info { font-family: 'Noto Serif', serif; font-size: 0.92857em; color: #525252; max-width: 70%; margin: 0 auto; }
@media screen and (min-width: 420px) { #home-uwajipedia .home-uwajipedia__item-info { font-size: 0.8125em; } }

#home-recipe { text-align: center; bottom: 0; background: black; padding: 20px 0 40px 0; position: relative; }
#home-recipe:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }
@media screen and (min-width: 1000px) { #home-recipe { padding: 0; } }
#home-recipe .home-recipe__item { display: inline-block; display: table; vertical-align: middle; width: 100%; }
#home-recipe .home-recipe__item:before { margin-right: auto; }
@media screen and (min-width: 1000px) { #home-recipe .home-recipe__item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } }
#home-recipe .home-recipe__content { display: table-cell; padding: 0 20px; vertical-align: middle; }
#home-recipe .home-recipe__image { position: absolute; z-index: 1; top: 0; left: 0; opacity: 0.3; width: 100%; height: auto; }
@media screen and (min-width: 1000px) { #home-recipe .home-recipe__image { height: 100%; width: auto; } }
#home-recipe .home-recipe__title { color: white; font-size: 2.14286em; margin-bottom: 0.5em; }
@media screen and (min-width: 420px) { #home-recipe .home-recipe__title { font-size: 1.875em; } }
#home-recipe .home-recipe__content { position: relative; z-index: 2; }
#home-recipe .home-recipe__content .btn { display: block; width: 200px; margin: 0 auto; }

#home-slides { overflow: hidden; }
#home-slides .home-slides__wrapper { *zoom: 1; -webkit-transition: left 0.5s, -webkit-transform 0.5s; -moz-transition: left 0.5s, -moz-transform 0.5s; -o-transition: left 0.5s, -o-transform 0.5s; transition: left 0.5s, transform 0.5s; width: 500%; position: relative; }
#home-slides .home-slides__wrapper:after { display: table; content: ""; line-height: 0; }
#home-slides .home-slides__wrapper:after { clear: both; }
#home-slides .home-slides__slide { display: block; float: left; width: 20%; }
#home-slides .home-slides__slide img { display: block; width: 100%; height: auto; }

.csstransforms3d #home-slides.current-0 .home-slides__wrapper { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.no-csstransforms3d #home-slides.current-0 .home-slides__wrapper { left: 0%; }
#home-slides.current-0 [data-bullet='0'] { background: #2d5887; }

.csstransforms3d #home-slides.current-1 .home-slides__wrapper { -webkit-transform: translate3d(-20%, 0, 0); -moz-transform: translate3d(-20%, 0, 0); -ms-transform: translate3d(-20%, 0, 0); -o-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); }
.no-csstransforms3d #home-slides.current-1 .home-slides__wrapper { left: -100%; }
#home-slides.current-1 [data-bullet='1'] { background: #2d5887; }

.csstransforms3d #home-slides.current-2 .home-slides__wrapper { -webkit-transform: translate3d(-40%, 0, 0); -moz-transform: translate3d(-40%, 0, 0); -ms-transform: translate3d(-40%, 0, 0); -o-transform: translate3d(-40%, 0, 0); transform: translate3d(-40%, 0, 0); }
.no-csstransforms3d #home-slides.current-2 .home-slides__wrapper { left: -200%; }
#home-slides.current-2 [data-bullet='2'] { background: #2d5887; }

.csstransforms3d #home-slides.current-3 .home-slides__wrapper { -webkit-transform: translate3d(-60%, 0, 0); -moz-transform: translate3d(-60%, 0, 0); -ms-transform: translate3d(-60%, 0, 0); -o-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); }
.no-csstransforms3d #home-slides.current-3 .home-slides__wrapper { left: -300%; }
#home-slides.current-3 [data-bullet='3'] { background: #2d5887; }

.csstransforms3d #home-slides.current-4 .home-slides__wrapper { -webkit-transform: translate3d(-80%, 0, 0); -moz-transform: translate3d(-80%, 0, 0); -ms-transform: translate3d(-80%, 0, 0); -o-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); }
.no-csstransforms3d #home-slides.current-4 .home-slides__wrapper { left: -400%; }
#home-slides.current-4 [data-bullet='4'] { background: #2d5887; }

.csstransforms3d #home-slides.current-5 .home-slides__wrapper { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.no-csstransforms3d #home-slides.current-5 .home-slides__wrapper { left: -500%; }
#home-slides.current-5 [data-bullet='5'] { background: #2d5887; }

.home-slides-bar { background: #2d5887; color: white; padding-top: 15px; padding-bottom: 15px; }
.home-slides-bar a { color: white; }
.home-slides-bar .home-slides-bar__headline { color: white; margin: 0; }

#home-slides-bar-nav { float: right; margin-top: 18px; }
#home-slides-bar-nav a { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; line-height: 20px; background: #cccccc; display: inline-block; width: 20px; height: 20px; border: white 3px solid; margin-left: 5px; }

#home-uwajipedia-slider { overflow: hidden; position: relative; margin: 0 -20px; }
#home-uwajipedia-slider #home-uwajipedia-slider__wrapper { *zoom: 1; -webkit-transition: left 0.5s, -webkit-transform 0.5s; -moz-transition: left 0.5s, -moz-transform 0.5s; -o-transition: left 0.5s, -o-transform 0.5s; transition: left 0.5s, transform 0.5s; width: 500%; position: relative; }
#home-uwajipedia-slider #home-uwajipedia-slider__wrapper:after { display: table; content: ""; line-height: 0; }
#home-uwajipedia-slider #home-uwajipedia-slider__wrapper:after { clear: both; }
#home-uwajipedia-slider .home-uwajipedia__item { display: block; float: left; width: 20%; }
#home-uwajipedia-slider .home-uwajipedia-slider__arrow { position: absolute; z-index: 5; top: 30%; display: block; font-size: 20px; height: 40px; width: 40px; padding: 7px; border: white 2px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
#home-uwajipedia-slider .home-uwajipedia-slider__arrow:hover { border-color: #223e6c; }
#home-uwajipedia-slider .home-uwajipedia-slider__arrow--left { left: 15px; padding-left: 4px; }
#home-uwajipedia-slider .home-uwajipedia-slider__arrow--right { right: 15px; padding-right: 4px; }

#home-uwajipedia-slider.current-0 #home-uwajipedia-slider__wrapper { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }

.no-csstransforms3d #home-uwajipedia-slider.current-0 #home-uwajipedia-slider__wrapper { left: 0%; }

#home-uwajipedia-slider.current-1 #home-uwajipedia-slider__wrapper { -webkit-transform: translate3d(-20%, 0, 0); -moz-transform: translate3d(-20%, 0, 0); -ms-transform: translate3d(-20%, 0, 0); -o-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); }

.no-csstransforms3d #home-uwajipedia-slider.current-1 #home-uwajipedia-slider__wrapper { left: -100%; }

#home-uwajipedia-slider.current-2 #home-uwajipedia-slider__wrapper { -webkit-transform: translate3d(-40%, 0, 0); -moz-transform: translate3d(-40%, 0, 0); -ms-transform: translate3d(-40%, 0, 0); -o-transform: translate3d(-40%, 0, 0); transform: translate3d(-40%, 0, 0); }

.no-csstransforms3d #home-uwajipedia-slider.current-2 #home-uwajipedia-slider__wrapper { left: -200%; }

#home-uwajipedia-slider.current-3 #home-uwajipedia-slider__wrapper { -webkit-transform: translate3d(-60%, 0, 0); -moz-transform: translate3d(-60%, 0, 0); -ms-transform: translate3d(-60%, 0, 0); -o-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); }

.no-csstransforms3d #home-uwajipedia-slider.current-3 #home-uwajipedia-slider__wrapper { left: -300%; }

#home-uwajipedia-slider.current-4 #home-uwajipedia-slider__wrapper { -webkit-transform: translate3d(-80%, 0, 0); -moz-transform: translate3d(-80%, 0, 0); -ms-transform: translate3d(-80%, 0, 0); -o-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); }

.no-csstransforms3d #home-uwajipedia-slider.current-4 #home-uwajipedia-slider__wrapper { left: -400%; }

#home-uwajipedia-slider.current-5 #home-uwajipedia-slider__wrapper { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }

.no-csstransforms3d #home-uwajipedia-slider.current-5 #home-uwajipedia-slider__wrapper { left: -500%; }

.home-welcome .home-welcome__title { text-align: center; margin-bottom: 0.6em; }
.home-welcome .home-welcome__body { margin: 0 auto 2em; text-align: center; }
@media screen and (min-width: 767px) { .home-welcome .home-welcome__body { width: 66.66667%; } }
.home-welcome .home-welcome__btn { position: relative; z-index: 2; text-align: center; font-size: 0.92857em; }
@media screen and (min-width: 420px) { .home-welcome .home-welcome__btn { font-size: 0.8125em; } }

.home-locations { background: url('../img/wavegrid.png?1374271610'); padding-bottom: 30px; margin-bottom: 2em; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) { .home-locations { background-size: 50px 50px; } }
.home-locations .home-locations__header { background: #2d5887; text-align: center; padding: 50px 0 120px; }
.home-locations .home-locations__header h3 { color: white; display: inline; border-bottom: white 2px solid; padding-bottom: 8px; }
.home-locations .stamp { width: 125px; }
@media screen and (min-width: 420px) { .home-locations .stamp { width: 170px; } }
.home-locations .stamp-image { background: white; max-width: 100%; }
.home-locations .home-locations__items { *zoom: 1; margin-top: -80px; }
.home-locations .home-locations__items:after { display: table; content: ""; line-height: 0; }
.home-locations .home-locations__items:after { clear: both; }
@media screen and (min-width: 767px) { .home-locations .home-locations__items { padding: 0 80px; } }
.home-locations .home-locations__item { width: 50%; padding-left: 12px; padding-right: 12px; float: left; font-size: 0.78571em; text-align: center; }
@media screen and (min-width: 420px) { .home-locations .home-locations__item { font-size: 0.6875em; } }
@media screen and (min-width: 767px) { .home-locations .home-locations__item { width: 25%; padding-left: 12px; padding-right: 12px; float: left; font-size: 1em; } }
@media screen and (min-width: 767px) and (min-width: 420px) { .home-locations .home-locations__item { font-size: 0.875em; } }
.home-locations .stamp-image { margin-bottom: 1.5em; }
.home-locations .home-locations__address { margin: 0; }
.home-locations .home-locations__hours { margin-top: 1em; padding-top: 1em; border-top: #cccccc 1px solid; }

.home-features { margin-top: 80px; margin-bottom: 3em; }
.home-features .home-feature-blog { margin-bottom: 2em; }
.home-features .home-feature__title { margin-bottom: 1em; }
.home-features .home-feature__item-image { max-width: 100%; height: auto; margin-bottom: 1em; }
.home-features .home-feature__read-more { text-transform: uppercase; font-weight: 700; font-size: 0.75em; }
.home-features .home-feature-event { margin-bottom: 2em; }
.home-features .home-feature-event__days p { margin: 0; }
.home-features .home-feature-event__title { margin: 0; }
.home-features .home-feature-event__store { font-size: 0.85714em; text-transform: uppercase; color: #2d5887; font-weight: 700; }
@media screen and (min-width: 420px) { .home-features .home-feature-event__store { font-size: 0.75em; } }
@media screen and (min-width: 767px) { .home-features { margin-left: -12px; margin-right: -12px; *zoom: 1; }
  .home-features:after { display: table; content: ""; line-height: 0; }
  .home-features:after { clear: both; }
  .home-features .home-feature-blog { width: 66.66667%; padding-left: 12px; padding-right: 12px; float: left; padding-right: 10%; }
  .home-features .home-feature-events { width: 33.33333%; padding-left: 12px; padding-right: 12px; float: left; } }

/* Uwajipedia
--------------------------------------------- */
.uwajipedia .search { margin: 0 auto 3em; }
.uwajipedia .search, .uwajipedia .search input { max-width: 100%; width: 500px; }
.uwajipedia .related-items-title { border-top: #2d5887 2px solid; padding-top: 30px; }
.uwajipedia .food-item-body { padding: 30px 0; }

.uwajipedia-links { margin-bottom: 2em; }
.uwajipedia-links li { display: inline; margin: 0 20px; }
.uwajipedia-links a { font-family: 'Lato', sans-serif; text-transform: uppercase; padding-bottom: 5px; font-weight: 700; }
.uwajipedia-links a.current, .uwajipedia-links a:hover { border-bottom: #2d5887 2px solid; }

/* Departments
--------------------------------------------- */
.page-departments-index #main { background: url('../img/wavegrid.png?1374271610'); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) { .page-departments-index #main { background-size: 50px 50px; } }

/* Events
--------------------------------------------- */
.events-title { margin-bottom: 1em; }

.events-list .events-list__item { border-top: gainsboro 1px solid; margin-bottom: 2em; padding-top: 2em; }
.events-list .events-list__item:first-child { padding: 0; border: none; }
.events-list .events-list__item.month-item { border-top: #2d5887 2px solid; padding-top: 0; }
.events-list .events-list__item.month-item .events-list__month { display: block; }
.events-list .events-list__month { display: none; margin: 1em 0; font-size: 1.71429em; }
@media screen and (min-width: 420px) { .events-list .events-list__month { font-size: 2.25em; } }
.events-list .events-list__store { font-size: 0.85714em; text-transform: uppercase; color: #2d5887; font-weight: 700; }
@media screen and (min-width: 420px) { .events-list .events-list__store { font-size: 0.75em; } }

/* Careers
--------------------------------------------- */
.careers .careers__store { margin-top: 2em; margin-bottom: 3em; }
.careers .careers__item { border-top: gainsboro 1px solid; padding-top: 0.5em; margin-bottom: 0em; }
.careers .careers__item:first-child { border: none; padding: 0; }
.careers .careers__toggle { font-size: 1em; text-transform: uppercase; font-weight: 700; }
@media screen and (min-width: 420px) { .careers .careers__toggle { font-size: 0.875em; } }
.careers .careers__item.open .careers__toggle { display: none; }
.careers .careers__apply { margin: 2em 0 0; padding: 0 0 1em; }
.careers .careers__more-info { margin-top: 0.5em; margin-left: 1em; }

/* FAQ
--------------------------------------------- */
.faq { text-align: left; padding-bottom: 60px; }
.faq .faq__item { margin-left: -12px; margin-right: -12px; *zoom: 1; position: relative; z-index: 1; padding: 2em 0 1em; }
.faq .faq__item:after { display: table; content: ""; line-height: 0; }
.faq .faq__item:after { clear: both; }
.faq .faq__item:before { content: ''; z-index: -1; position: absolute; left: 12px; right: 12px; top: 0; height: 100%; border-top: gainsboro 1px solid; }
.faq .faq__item:first-child { position: relative; z-index: 1; }
.faq .faq__item:first-child:before { content: ''; z-index: -1; position: absolute; left: 12px; right: 12px; top: 0; height: 100%; border-top: none; }
.faq .faq__toggle { width: 25%; padding-left: 12px; padding-right: 12px; float: left; }
.faq .faq__toggle a { display: inline-block; margin-left: 20%; font-size: 1.42857em; -webkit-transition: -webkit-transform 0.1s; -moz-transition: -moz-transform 0.1s; -o-transition: -o-transform 0.1s; transition: transform 0.1s; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
@media screen and (min-width: 420px) { .faq .faq__toggle a { font-size: 1.25em; } }
.faq .faq__item.open .faq__toggle a { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
.faq .faq__content { width: 75%; padding-left: 12px; padding-right: 12px; float: left; }
.faq .faq__question { font-size: 1.28571em; margin-bottom: 0.5em; }
@media screen and (min-width: 420px) { .faq .faq__question { font-size: 1.5em; } }
.faq .faq__answer p { padding-bottom: 1em; }

.faq-more-help { padding-bottom: 20px; }
.faq-more-help .btn { width: 200px; margin: 10px auto; display: block; }

/* Retail
--------------------------------------------- */
.retail { padding-top: 2em !important; }
.retail .retail__space { padding-bottom: 1em; }
.retail .retail__space-location { color: #2d5887; font-size: 0.92857em; text-transform: uppercase; font-weight: 700; }
@media screen and (min-width: 420px) { .retail .retail__space-location { font-size: 0.8125em; } }

/* About (Our Values)
--------------------------------------------- */
#about-chopsticks { height: 447px; width: 250px; background-image: url('../img/photos/about-chopsticks.png?1375733145'); background-repeat: no-repeat; display: none; position: absolute; top: 0; left: -50px; z-index: -1; }
@media screen and (min-width: 1000px) { #about-chopsticks { display: block; } }

#about-sushi { height: 285px; width: 290px; background-image: url('../img/photos/about-sushi.png?1375733145'); background-repeat: no-repeat; display: none; position: absolute; top: 0; right: -50px; z-index: -1; }
@media screen and (min-width: 1000px) { #about-sushi { display: block; } }

#about-quality { padding-top: 0; }
#about-quality .feature__title { margin-top: 1.5em; }
@media screen and (min-width: 1000px) { #about-quality .feature__wrapper { text-align: left; padding-left: 65%; }
  #about-quality .feature__title, #about-quality .feature__content { max-width: 75%; } }

.community-logos { margin-top: 30px; }
.community-logos img { margin: 20px 30px; }

/* History
--------------------------------------------- */
#history-intro { position: relative; z-index: 1; overflow: hidden; padding: 15em 0 15em; background-position: top center; background-repeat: no-repeat; }

#history-intro-image { position: absolute; width: 100%; height: auto; top: 0; left: 0; z-index: -1; }

@media screen and (min-width: 1000px) { #history-legacy { padding: 15em 0; } }

#history-feature-image-1 { height: 328px; width: 288px; background-image: url('../img/photos/history-legacy1.png?1375733145'); background-repeat: no-repeat; display: none; position: absolute; top: 20px; left: 20px; }
@media screen and (min-width: 1000px) { #history-feature-image-1 { display: block; } }

#history-feature-image-2 { height: 365px; width: 381px; background-image: url('../img/photos/history-legacy2.png?1375733145'); background-repeat: no-repeat; position: absolute; bottom: 20px; right: 20px; display: none; }
@media screen and (min-width: 1000px) { #history-feature-image-2 { display: block; } }

/* Whole Story
--------------------------------------------- */
#whole-story { position: relative; z-index: 1; overflow: hidden; padding: 7em 1em 7em 1em; }
#whole-story .feature__content { max-width: 70%; text-align: left; }
#whole-story .back-link { text-transform: uppercase; position: absolute; top: 40px; left: 30px; font-weight: 700; font-size: 14px; }

#whole-story-image { position: absolute; width: 100%; height: auto; top: 0; left: 0; z-index: -1; }

/* Store
--------------------------------------------- */
body.store .store-info h6, body.store .store-info .contact-form label, .contact-form body.store .store-info label { margin-bottom: 0; }

/* Contact
--------------------------------------------- */
.contact-form label { display: block; margin-top: 20px; }

/* Blog
--------------------------------------------- */
.comments-header { border-top: 1px solid #cccccc; font-size: 18px; margin-top: 30px; padding-top: 40px; }

/* Specials
--------------------------------------------- */
body.page-specials .page__header { border-bottom: none; padding-bottom: 0; }

#specials-slider { overflow: hidden; position: relative; margin: 0 -20px; margin-bottom: 100px; }
#specials-slider #specials-slider__wrapper { *zoom: 1; -webkit-transition: left 0.5s, -webkit-transform 0.5s; -moz-transition: left 0.5s, -moz-transform 0.5s; -o-transition: left 0.5s, -o-transform 0.5s; transition: left 0.5s, transform 0.5s; width: 2000%; position: relative; }
#specials-slider #specials-slider__wrapper:after { display: table; content: ""; line-height: 0; }
#specials-slider #specials-slider__wrapper:after { clear: both; }
#specials-slider .specials__item { display: block; float: left; width: 5%; }
#specials-slider .specials__item img { max-width: 100%; }
#specials-slider .specials-slider__arrow { position: absolute; z-index: 500; top: 50%; margin-top: -20px; display: block; font-size: 20px; height: 40px; width: 40px; padding: 7px; border: #cccccc 2px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
#specials-slider .specials-slider__arrow:hover { border-color: #223e6c; }
#specials-slider .specials-slider__arrow--left { left: 15px; padding-left: 4px; }
#specials-slider .specials-slider__arrow--right { right: 15px; padding-right: 4px; }

.csstransforms3d #specials-slider.current-0 #specials-slider__wrapper { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.no-csstransforms3d #specials-slider.current-0 #specials-slider__wrapper { left: 0%; }

.csstransforms3d #specials-slider.current-1 #specials-slider__wrapper { -webkit-transform: translate3d(-5%, 0, 0); -moz-transform: translate3d(-5%, 0, 0); -ms-transform: translate3d(-5%, 0, 0); -o-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); }
.no-csstransforms3d #specials-slider.current-1 #specials-slider__wrapper { left: -100%; }

.csstransforms3d #specials-slider.current-2 #specials-slider__wrapper { -webkit-transform: translate3d(-10%, 0, 0); -moz-transform: translate3d(-10%, 0, 0); -ms-transform: translate3d(-10%, 0, 0); -o-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); }
.no-csstransforms3d #specials-slider.current-2 #specials-slider__wrapper { left: -200%; }

.csstransforms3d #specials-slider.current-3 #specials-slider__wrapper { -webkit-transform: translate3d(-15%, 0, 0); -moz-transform: translate3d(-15%, 0, 0); -ms-transform: translate3d(-15%, 0, 0); -o-transform: translate3d(-15%, 0, 0); transform: translate3d(-15%, 0, 0); }
.no-csstransforms3d #specials-slider.current-3 #specials-slider__wrapper { left: -300%; }

.csstransforms3d #specials-slider.current-4 #specials-slider__wrapper { -webkit-transform: translate3d(-20%, 0, 0); -moz-transform: translate3d(-20%, 0, 0); -ms-transform: translate3d(-20%, 0, 0); -o-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); }
.no-csstransforms3d #specials-slider.current-4 #specials-slider__wrapper { left: -400%; }

.csstransforms3d #specials-slider.current-5 #specials-slider__wrapper { -webkit-transform: translate3d(-25%, 0, 0); -moz-transform: translate3d(-25%, 0, 0); -ms-transform: translate3d(-25%, 0, 0); -o-transform: translate3d(-25%, 0, 0); transform: translate3d(-25%, 0, 0); }
.no-csstransforms3d #specials-slider.current-5 #specials-slider__wrapper { left: -500%; }

.csstransforms3d #specials-slider.current-6 #specials-slider__wrapper { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); }
.no-csstransforms3d #specials-slider.current-6 #specials-slider__wrapper { left: -600%; }

.csstransforms3d #specials-slider.current-7 #specials-slider__wrapper { -webkit-transform: translate3d(-35%, 0, 0); -moz-transform: translate3d(-35%, 0, 0); -ms-transform: translate3d(-35%, 0, 0); -o-transform: translate3d(-35%, 0, 0); transform: translate3d(-35%, 0, 0); }
.no-csstransforms3d #specials-slider.current-7 #specials-slider__wrapper { left: -700%; }

.csstransforms3d #specials-slider.current-8 #specials-slider__wrapper { -webkit-transform: translate3d(-40%, 0, 0); -moz-transform: translate3d(-40%, 0, 0); -ms-transform: translate3d(-40%, 0, 0); -o-transform: translate3d(-40%, 0, 0); transform: translate3d(-40%, 0, 0); }
.no-csstransforms3d #specials-slider.current-8 #specials-slider__wrapper { left: -800%; }

.csstransforms3d #specials-slider.current-9 #specials-slider__wrapper { -webkit-transform: translate3d(-45%, 0, 0); -moz-transform: translate3d(-45%, 0, 0); -ms-transform: translate3d(-45%, 0, 0); -o-transform: translate3d(-45%, 0, 0); transform: translate3d(-45%, 0, 0); }
.no-csstransforms3d #specials-slider.current-9 #specials-slider__wrapper { left: -900%; }

.csstransforms3d #specials-slider.current-10 #specials-slider__wrapper { -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); -o-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
.no-csstransforms3d #specials-slider.current-10 #specials-slider__wrapper { left: -1000%; }

.csstransforms3d #specials-slider.current-11 #specials-slider__wrapper { -webkit-transform: translate3d(-55.0%, 0, 0); -moz-transform: translate3d(-55.0%, 0, 0); -ms-transform: translate3d(-55.0%, 0, 0); -o-transform: translate3d(-55.0%, 0, 0); transform: translate3d(-55.0%, 0, 0); }
.no-csstransforms3d #specials-slider.current-11 #specials-slider__wrapper { left: -1100%; }

.csstransforms3d #specials-slider.current-12 #specials-slider__wrapper { -webkit-transform: translate3d(-60%, 0, 0); -moz-transform: translate3d(-60%, 0, 0); -ms-transform: translate3d(-60%, 0, 0); -o-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); }
.no-csstransforms3d #specials-slider.current-12 #specials-slider__wrapper { left: -1200%; }

.csstransforms3d #specials-slider.current-13 #specials-slider__wrapper { -webkit-transform: translate3d(-65%, 0, 0); -moz-transform: translate3d(-65%, 0, 0); -ms-transform: translate3d(-65%, 0, 0); -o-transform: translate3d(-65%, 0, 0); transform: translate3d(-65%, 0, 0); }
.no-csstransforms3d #specials-slider.current-13 #specials-slider__wrapper { left: -1300%; }

.csstransforms3d #specials-slider.current-14 #specials-slider__wrapper { -webkit-transform: translate3d(-70%, 0, 0); -moz-transform: translate3d(-70%, 0, 0); -ms-transform: translate3d(-70%, 0, 0); -o-transform: translate3d(-70%, 0, 0); transform: translate3d(-70%, 0, 0); }
.no-csstransforms3d #specials-slider.current-14 #specials-slider__wrapper { left: -1400%; }

.csstransforms3d #specials-slider.current-15 #specials-slider__wrapper { -webkit-transform: translate3d(-75%, 0, 0); -moz-transform: translate3d(-75%, 0, 0); -ms-transform: translate3d(-75%, 0, 0); -o-transform: translate3d(-75%, 0, 0); transform: translate3d(-75%, 0, 0); }
.no-csstransforms3d #specials-slider.current-15 #specials-slider__wrapper { left: -1500%; }

.csstransforms3d #specials-slider.current-16 #specials-slider__wrapper { -webkit-transform: translate3d(-80%, 0, 0); -moz-transform: translate3d(-80%, 0, 0); -ms-transform: translate3d(-80%, 0, 0); -o-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); }
.no-csstransforms3d #specials-slider.current-16 #specials-slider__wrapper { left: -1600%; }

.csstransforms3d #specials-slider.current-17 #specials-slider__wrapper { -webkit-transform: translate3d(-85%, 0, 0); -moz-transform: translate3d(-85%, 0, 0); -ms-transform: translate3d(-85%, 0, 0); -o-transform: translate3d(-85%, 0, 0); transform: translate3d(-85%, 0, 0); }
.no-csstransforms3d #specials-slider.current-17 #specials-slider__wrapper { left: -1700%; }

.csstransforms3d #specials-slider.current-18 #specials-slider__wrapper { -webkit-transform: translate3d(-90%, 0, 0); -moz-transform: translate3d(-90%, 0, 0); -ms-transform: translate3d(-90%, 0, 0); -o-transform: translate3d(-90%, 0, 0); transform: translate3d(-90%, 0, 0); }
.no-csstransforms3d #specials-slider.current-18 #specials-slider__wrapper { left: -1800%; }

.csstransforms3d #specials-slider.current-19 #specials-slider__wrapper { -webkit-transform: translate3d(-95%, 0, 0); -moz-transform: translate3d(-95%, 0, 0); -ms-transform: translate3d(-95%, 0, 0); -o-transform: translate3d(-95%, 0, 0); transform: translate3d(-95%, 0, 0); }
.no-csstransforms3d #specials-slider.current-19 #specials-slider__wrapper { left: -1900%; }

.csstransforms3d #specials-slider.current-20 #specials-slider__wrapper { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.no-csstransforms3d #specials-slider.current-20 #specials-slider__wrapper { left: -2000%; }

/* Sticky Footer
--------------------------------------------- */
#outer-wrapper { min-height: 100%; height: 100%; }

#wrapper { max-width: 1200px; width: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -388px; padding-top: 75px; }
@media screen and (min-width: 767px) { #wrapper { margin: 0 auto -237px; padding-top: 230px; } }

#footer, #push { height: 388px; }
@media screen and (min-width: 767px) { #footer, #push { height: 237px; } }

/* ---------- */
.wrap, .home-slides-bar, #content, #main, #footer { padding-left: 15px; padding-right: 15px; }
@media screen and (min-width: 420px) { .wrap, .home-slides-bar, #content, #main, #footer { padding-left: 30px; padding-right: 30px; } }

.pull-wrap, .hero, .feature, .feature-image, .home-animation, #home-top, .home-locations, #content { margin-left: -15px; margin-right: -15px; }
@media screen and (min-width: 420px) { .pull-wrap, .hero, .feature, .feature-image, .home-animation, #home-top, .home-locations, #content { margin-left: -30px; margin-right: -30px; } }

#wrapper { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: white; overflow: hidden; }

#header { position: fixed; width: 100%; max-width: 1200px; z-index: 9; top: 0; left: 0; right: 0; margin: 0; background: url('../img/header-bg.png?1374087050'); color: white; padding: 20px 15px; height: 75px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) { #header { background-size: 158px 116.5px; } }
@media screen and (min-width: 420px) { #header { padding: 20px 30px; } }
@media screen and (min-width: 767px) { #header { position: absolute; height: 230px; padding: 40px 0 0; margin: 0 auto; } }

#logo { float: right; display: block; background: url('../img/logo.png?1374087050'); width: 167px; height: 33px; background-size: 167px 33px; }
@media screen and (min-width: 767px) { #logo { float: none; margin: 0 auto; width: 334px; height: 66px; background-size: 334px 66px; } }

#menu-btn { display: block; float: left; color: white; text-transform: uppercase; font-size: 1.14286em; }
@media screen and (min-width: 420px) { #menu-btn { font-size: 1em; } }
#menu-btn:before { margin-right: 15px; }
@media screen and (min-width: 767px) { #menu-btn { display: none; } }
#menu-btn:active { text-shadow: 0 0 5px rgba(255, 255, 255, 0.6); }

#fixed-menu { -webkit-box-shadow: 0px 0px 5px #333333; -moz-box-shadow: 0px 0px 5px #333333; box-shadow: 0px 0px 5px #333333; -webkit-transition: top 200ms; -moz-transition: top 200ms; -o-transition: top 200ms; transition: top 200ms; max-width: 1200px; display: none; position: fixed; top: -110px; left: 0; width: 100%; height: 100px; z-index: 10; background: #2d5887; color: white; }
#fixed-menu #logo-emblem { display: none; margin-top: 12px; float: left; display: block; background: url('../img/logo-emblem.png?1375982444') no-repeat center right; width: 13%; height: 73.5px; background-size: 73px 73.5px; }
#fixed-menu ul { margin-top: 7px; margin-left: 10px; float: left; list-style: none; width: 82%; display: table; }
#fixed-menu ul li { display: table-cell; text-align: center; border: none; margin: 0; padding: 20px 0; }
#fixed-menu ul li a { position: relative; font-size: 14px; text-transform: uppercase; color: white; font-weight: 700; }
#fixed-menu ul li a.current:before { content: ''; position: absolute; top: 24px; width: 140%; left: -15%; background: url('../img/brush-stroke.png?1374271610') top center no-repeat; height: 10px; background-size: 90% 7px; }
#fixed-menu.visible { top: 0; }
@media screen and (min-width: 767px) { #fixed-menu { display: block; } }

#menu { position: absolute; width: 100%; top: 75px; }
#menu ul { list-style: none; }
#menu > ul { background: rgba(45, 88, 135, 0.95); width: 80%; min-height: 100%; margin: 0; padding: 10px 15px; }
@media screen and (min-width: 420px) { #menu > ul { padding-left: 30px; padding-right: 30px; } }
#menu li { *zoom: 1; border-top: white 1px solid; overflow: hidden !important; }
#menu li:after { display: table; content: ""; line-height: 0; }
#menu li:after { clear: both; }
#menu li:first-child { border: none; }
#menu a { color: white; text-transform: uppercase; font-weight: 700; display: block; padding: 15px 0; position: relative; }
#menu a:active { background: rgba(255, 255, 255, 0.1); }
#menu a.drop { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; -o-transition: -o-transform 0.2s; transition: transform 0.2s; float: right; position: relative; z-index: 10; padding: 15px; }
#menu a.drop.open { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
@media screen and (min-width: 767px) { #menu a.drop { display: none; } }
@media screen and (min-width: 767px) { #menu { position: absolute; left: 0; top: auto; bottom: 0; width: 100%; padding: 0 40px; margin-top: 40px; }
  #menu > ul { padding: 0; }
  #menu > ul > li { padding: 20px 0; }
  #menu > ul > li > a.current:before { content: ''; position: absolute; top: 30px; width: 140%; left: -15%; background: url('../img/brush-stroke.png?1374271610') top center no-repeat; height: 10px; background-size: 100% 10px; }
  #menu ul { margin: 0; width: 100%; display: table; height: 80px; background: transparent; }
  #menu li { display: table-cell; text-align: center; border: none; margin: 0; }
  #menu a { display: inline; padding: 0; } }
#menu .sub-menu { font-size: 1em; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; margin-top: -5px; width: 100%; height: 0; overflow: hidden; display: none; }
@media screen and (min-width: 420px) { #menu .sub-menu { font-size: 0.875em; } }
#menu .sub-menu.open { display: block; }
#menu .sub-menu li { border: none; }
#menu .sub-menu a { padding: 5px 1.5em; }
@media screen and (min-width: 767px) { #menu li.current .sub-menu { display: block; background: white; background: rgba(255, 255, 255, 0.9); height: 60px !important; border-bottom: gainsboro 1px solid; font-size: 1.28571em; }
  #menu li.current .sub-menu li { padding: 0 2%; }
  #menu li.current .sub-menu a { font-family: 'Noto Serif', serif; font-weight: 400; color: #2d5887; text-transform: none; padding: 0; }
  #menu li.current .sub-menu a.current, #menu li.current .sub-menu a:hover { border-bottom: #2d5887 2px solid; }
  #menu .sub-menu { position: absolute; background: #223e6c; display: none; left: 0; right: 0; z-index: 5; top: 80px; margin: 0; height: 60px !important; }
  #menu .sub-menu.sub-menu--hideable { display: block; height: 0 !important; -webkit-transition: height 100ms; -moz-transition: height 100ms; -o-transition: height 100ms; transition: height 100ms; }
  #menu .sub-menu.sub-menu--visible { -webkit-transition: height 250ms; -moz-transition: height 250ms; -o-transition: height 250ms; transition: height 250ms; display: block; z-index: 11; height: 60px !important; }
  #menu .sub-menu ul { width: 100%; padding: 15px 0px; margin: 0; }
  #menu .sub-menu li { display: inline-block; padding: 0 2%; line-height: 30px; }
  #menu .sub-menu a { padding: 0 0 5px 0; }
  #menu .sub-menu a:hover { border-bottom: white 2px solid; } }
@media screen and (min-width: 767px) and (min-width: 420px) { #menu li.current .sub-menu { font-size: 1.125em; } }
@media screen and (min-width: 767px) and (min-width: 1000px) { #menu .sub-menu li { padding: 0 2%; } }

#menu-screen { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
@media screen and (min-width: 767px) { #menu-screen { display: none !important; } }

.menu-open #menu-screen { display: block; }

/* Mobile Menu Transition
--------------------------------------------- */
@media all and (max-width: 766px) { #menu { left: 0; -webkit-transform: translate3d(-80%, 0, 0); -moz-transform: translate3d(-80%, 0, 0); -ms-transform: translate3d(-80%, 0, 0); -o-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); }
  body.menu-transitioning #menu { -webkit-transition: -webkit-transform 0.3s, left 0.3s; -moz-transition: -moz-transform 0.3s, left 0.3s; -o-transition: -o-transform 0.3s, left 0.3s; transition: transform 0.3s, left 0.3s; }
  body.menu-transitioning #outer-wrapper { -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  body.menu-open { margin: 0; }
  body.menu-open #header { position: absolute; }
  body.menu-open #menu { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: scroll; -webkit-overflow-scrolling: touch; }
  body.menu-open #outer-wrapper { position: fixed; width: 100%; left: 80%; }
  body.menu-closing #menu { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  body.menu-closing #outer-wrapper { -webkit-transform: translate3d(80%, 0, 0); -moz-transform: translate3d(80%, 0, 0); -ms-transform: translate3d(80%, 0, 0); -o-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); position: absolute; width: 100%; left: 0; }
  body.menu-open.menu-transitioning #outer-wrapper { -webkit-transform: translate3d(80%, 0, 0); -moz-transform: translate3d(80%, 0, 0); -ms-transform: translate3d(80%, 0, 0); -o-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); position: absolute; left: 0; }
  body.menu-closing.menu-transitioning #menu { -webkit-transform: translate3d(-80%, 0, 0); -moz-transform: translate3d(-80%, 0, 0); -ms-transform: translate3d(-80%, 0, 0); -o-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); }
  body.menu-closing.menu-transitioning #outer-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .no-csstransforms3d #menu { left: -80%; }
  .no-csstransforms3d body.menu-open #menu { left: 0; } }
#main { overflow: hidden; }
@media screen and (min-width: 767px) { #main.with-menu #content { padding-top: 60px; } }

#footer { max-width: 1200px; width: 100%; margin: 0 auto; background: #2d5887; }
#footer a { color: white; }

#footer-menu { text-align: center; padding: 15px 0; margin: 0; list-style: none; font-size: 1em; }
@media screen and (min-width: 420px) { #footer-menu { font-size: 0.875em; } }
#footer-menu li { margin: 10px 0; }
#footer-menu a { text-transform: uppercase; font-weight: 700; }
#footer-menu a:hover { border-bottom: 2px solid; }
@media screen and (min-width: 767px) { #footer-menu { padding: 30px 0 40px; display: table; width: 100%; margin: 0 auto; }
  #footer-menu li { display: table-cell; min-width: 60px; text-align: center; margin: 0; } }
@media screen and (min-width: 767px) and (min-width: 1000px) { #footer-menu { width: 85%; } }
@media screen and (min-width: 767px) and (min-width: 1000px) { #footer-menu li { min-width: 100px; } }

#footer-logo { background: url('../img/logo-footer.png?1376074274'); width: 160px; height: 31.5px; background-size: 160px 31.5px; display: block; margin: 0 auto; }
@media screen and (min-width: 767px) { #footer-logo { width: 202px; height: 40px; background-size: 202px 40px; } }

.styleguide-break { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin: 0 -30px; border-top: #2d5887 5px solid; }

#cal_frame { margin: 30px auto; width: 800px; display: block; }

.hero h1.hero__title,
.feature h1.feature__title,
.page h1.page__title {
  font-weight: 400;
  margin-bottom: 0.3em;
  font-size: 3em;
  font-family: 'Noto Serif', serif;
  text-transform: none;
}

.home-hero-notification {
  width: 100%;
  padding: 10px 20px;
  background: #df5757;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 15px;
  box-shadow: inset 0 0 5px #b93636;
}

.home-hero-notification span {
  padding-right: 6px;
  font-style: italic;
}

.home-hero-notification a {
  color: #fff;
  text-decoration: underline;
  padding-left: 6px;
}