/********************************************************************************************* 

x. Imports

*********************************************************************************************/
@import url("https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,700&display=swap");
/********************************************************************************************* 

x. CSS Reset 

*********************************************************************************************/
* {
  margin: 0;
  padding: 0;
  min-height: 0;
  outline: none; }

/********************************************************************************************* 

x. Typekit

*********************************************************************************************/
.wf-loading {
  visibility: hidden; }

.wf-active {
  visibility: visible; }

/*********************************************************************************************

x. Basic Setup (Body, Fonts, etc.) 

********************************************************************************************/
html, body {
  font: 400 20px "Prompt", sans-serif;
  color: #1F4444;
  width: auto;
  height: auto;
  background: white; }

body {
  border-top: 15px solid #E48266; }

a {
  color: #E48266;
  text-decoration: none; }
  a:hover {
    color: #F1977B; }
  a img {
    border: none; }

.center {
  text-align: center; }

.clear:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

h1 {
  font-size: 6.250em;
  font-weight: 400;
  line-height: 1em; }

h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1em; }

h3 {
  font-size: 2.125em;
  font-weight: 400;
  line-height: 1em; }

h4 {
  font-size: 1.875em;
  font-weight: 400;
  line-height: 1em; }

h5 {
  font-size: 1.688em;
  font-weight: 400;
  line-height: 1em; }

h6 {
  font-size: 1.500em;
  font-weight: 400;
  line-height: 1em; }

.image img,
.image svg {
  width: 100%;
  height: auto;
  display: block; }

.left {
  float: left; }

p {
  line-height: 1.5em; }
  p.small {
    font-size: 0.700em; }

.right {
  float: right; }

svg {
  display: block;
  overflow: hidden; }

.uppercase {
  letter-spacing: 0.075em;
  text-transform: uppercase; }

.wrapper {
  margin: 0 auto;
  position: relative; }
  .wrapper.large {
    width: 1400px; }
  .wrapper.small {
    width: 1200px; }

/********************************************************************************************* 

x. Margin + Padding

*********************************************************************************************/
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content ol,
.content p,
.content ul {
  margin-bottom: 30px; }

.no-margin {
  margin: 0 !important; }

.no-padding {
  padding: 0 !important; }

/********************************************************************************************* 

x. Columns & Widths

*********************************************************************************************/
.width-10 {
  width: 10%; }

.width-15 {
  width: 15%; }

.width-20 {
  width: 20%; }

.width-25 {
  width: 25%; }

.width-30 {
  width: 30%; }

.width-33 {
  width: 33.33%; }

.width-35 {
  width: 35%; }

.width-40 {
  width: 40%; }

.width-45 {
  width: 45%; }

.width-50 {
  width: 50%; }

.width-55 {
  width: 55%; }

.width-60 {
  width: 60%; }

.width-65 {
  width: 65%; }

.width-66 {
  width: 66.66%; }

.width-70 {
  width: 70%; }

.width-75 {
  width: 75%; }

.width-80 {
  width: 80%; }

.width-85 {
  width: 85%; }

.width-90 {
  width: 80%; }

.width-95 {
  width: 95%; }

.width-100 {
  width: 100%; }

/********************************************************************************************* 

x. Content

*********************************************************************************************/
.content.center {
  text-align: center; }

.content.white {
  color: white; }

.content a {
  text-decoration: underline; }
  .content a.button {
    text-decoration: none; }

.content h1 a,
.content h2 a,
.content h3 a,
.content h4 a,
.content h5
h6 a {
  text-decoration: none; }

.content ol,
.content ul {
  margin-left: 40px; }
  .content ol.two-column,
  .content ul.two-column {
    margin-left: 0;
    margin-bottom: 10px;
    display: block;
    list-style: none; }
    .content ol.two-column li,
    .content ul.two-column li {
      margin: 0 -5px 20px -5px;
      padding: 0 20px;
      display: inline-block;
      zoom: 1;
      *display: inline;
      vertical-align: top; }
  .content ol.two-column li,
  .content ul.two-column li {
    width: calc(50% - 40px);
    height: auto; }
  .content ol li,
  .content ul li {
    line-height: 1.5em; }

.content > :last-child {
  margin-bottom: 0; }

/********************************************************************************************* 

x. Header

*********************************************************************************************/
header {
  padding: 70px 0;
  position: relative; }
  header .content {
    margin: 60px 0 0 0; }
  header .image {
    display: block; }
    header .image.neighborhood-logo {
      width: 560px;
      margin: 60px auto 0 auto; }
    header .image.support-local-logo {
      width: 260px;
      margin: 0 auto; }
      header .image.support-local-logo svg {
        fill: #E48266; }
  header .navigation {
    list-style: none;
    position: absolute;
    top: 70px;
    right: 70px;
    z-index: 10; }
    header .navigation li {
      margin: 0 0 30px 0; }
      header .navigation li.current-menu-item a {
        color: #F1977B; }
      header .navigation li.shop a:before {
        content: '\f290';
        font-family: 'FontAwesome';
        font-size: 16px;
        font-weight: normal;
        margin: 0 10px 0 0;
        position: relative;
        top: -2.5px; }
      header .navigation li.takeout a:before {
        content: '\f0f5';
        font-family: 'FontAwesome';
        font-size: 16px;
        font-weight: normal;
        margin: 0 10px 0 0;
        position: relative;
        top: -2.5px; }
      header .navigation li:last-child {
        margin-bottom: 0; }
      header .navigation li a {
        color: #1F4444;
        font-size: 1.100em;
        font-weight: 700;
        letter-spacing: 0.075em;
        line-height: 1em;
        text-transform: uppercase;
        display: block; }
        header .navigation li a:hover {
          color: #F1977B; }
  header .promotion {
    position: absolute;
    top: -15px;
    left: 70px;
    z-index: 10; }
    header .promotion a {
      color: white;
      width: 140px;
      height: auto;
      display: block; }
      header .promotion a .icon,
      header .promotion a .label {
        display: block; }
      header .promotion a .icon {
        width: 100%;
        height: auto; }
      header .promotion a .label {
        font-size: 0.800em;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-align: center;
        text-transform: uppercase;
        width: 100px;
        height: auto;
        background: #E48266;
        padding: 0 20px 20px 20px; }

/********************************************************************************************* 

x. Main

*********************************************************************************************/
main {
  display: block;
  overflow: hidden; }
  main section {
    margin: 0 0 70px 0;
    position: relative; }
    main section.full-width:last-child {
      margin-bottom: 0; }

section.full-width + section.full-width {
  margin-top: -70px; }

/********************************************************************************************* 

x. Footer

*********************************************************************************************/
footer {
  background: #EFEEEE;
  padding: 70px 0 0 0;
  position: relative;
  overflow: hidden; }
  footer a {
    color: #E48266; }
    footer a:hover {
      color: #F1977B; }
  footer .columns {
    margin: 0 -50px 70px -50px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden; }
    footer .columns:before {
      content: '';
      width: 1px;
      height: 9999px;
      background: rgba(0, 0, 0, 0.1);
      -moz-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      position: absolute;
      top: 0;
      left: 50%; }
    footer .columns > .column > .inside {
      padding: 0 50px; }
  footer .content a {
    text-decoration: none; }
    footer .content a.button {
      width: 400px; }
  footer .credits {
    background: #1F4444;
    padding: 50px 0; }
  footer .logo {
    width: 280px;
    height: auto;
    max-height: 200px;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    margin: 0 auto;
    display: block; }
    footer .logo img {
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 200px;
      margin: 0 auto; }
  footer .management {
    margin: -25px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none; }
    footer .management li {
      font-size: 0.700em; }
      footer .management li .inside {
        padding: 25px; }
  footer .logos {
    margin: -25px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none; }
    footer .logos li {
      font-size: 0.700em; }
      footer .logos li .inside {
        padding: 25px; }
        footer .logos li .inside a {
          display: block; }
          footer .logos li .inside a .image {
            display: block; }
            footer .logos li .inside a .image img {
              width: auto;
              height: auto;
              max-width: 100%;
              max-height: 160px;
              -webkit-filter: grayscale(100%);
              filter: grayscale(100%);
              margin: 0 auto; }

/********************************************************************************************* 

x. Back

*********************************************************************************************/
.back {
  font-weight: 700;
  letter-spacing: 0.075em;
  text-decoration: none !important;
  text-transform: uppercase; }
  .back:before {
    content: "\f117";
    font-family: 'IonIcons';
    font-size: 40px;
    font-weight: normal;
    margin: 0 10px 0 0;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle; }

/********************************************************************************************* 

x. Back To Top

*********************************************************************************************/
.back-to-top {
  opacity: 0;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9999; }
  .back-to-top.visible {
    opacity: 1; }
  .back-to-top a {
    width: 70px;
    height: 70px;
    background: #E48266;
    display: block;
    position: relative; }
    .back-to-top a .icon {
      width: 18px;
      height: auto;
      -moz-transform: translateX(-50%) translateY(-50%);
      -webkit-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      position: absolute;
      top: 50%;
      left: 50%; }
      .back-to-top a .icon svg {
        fill: white; }

/********************************************************************************************* 

x. Button

*********************************************************************************************/
.button {
  color: white;
  letter-spacing: 0.075em;
  line-height: 1em;
  text-align: center;
  text-transform: uppercase;
  background: #E48266;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 30px;
  display: inline-block;
  zoom: 1;
  *display: inline; }
  .button:hover {
    color: white;
    background: #F1977B; }
  .button.arrow {
    text-align: left;
    position: relative; }
    .button.arrow:hover .label {
      background: #F1977B; }
    .button.arrow .arrow {
      width: 10px;
      height: 2px;
      display: block;
      -moz-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      top: 50%;
      right: 30px;
      z-index: 10; }
      .button.arrow .arrow:after,
      .button.arrow .arrow:before {
        content: '';
        width: 100%;
        height: 2px;
        background: white;
        display: block;
        -moz-transform-origin: right center;
        -webkit-transform-origin: right center;
        -o-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center;
        position: absolute;
        top: 0;
        right: 0; }
      .button.arrow .arrow:after {
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
      .button.arrow .arrow:before {
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
    .button.arrow .label {
      background: #E48266;
      padding: 0 30px 0 0;
      display: inline-block;
      zoom: 1;
      *display: inline;
      position: relative;
      z-index: 10; }
    .button.arrow .line {
      width: auto;
      height: 2px;
      background: white;
      padding: 0;
      display: block;
      -moz-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      top: 50%;
      left: 30px;
      right: 30px; }

/********************************************************************************************* 

x. Form

*********************************************************************************************/
form ::placeholder {
  opacity: 1; }

form a {
  text-decoration: underline; }

form .checkboxes {
  display: flex;
  flex-wrap: wrap;
  list-style: none; }
  form .checkboxes:last-child {
    margin: 0 0 -30px 0; }
  form .checkboxes li {
    margin: 0 0 30px 0; }

form .error {
  color: #EE765E; }
  form .error a,
  form .error input[type="email"],
  form .error input[type="text"],
  form .error textarea {
    color: #EE765E; }

form input[type="submit"] {
  color: white;
  font-family: 'Prompt', sans-serif;
  font-size: 1rem;
  letter-spacing: 0.075em;
  line-height: 1em;
  text-transform: uppercase;
  background: #E48266;
  border: none;
  padding: 15px 60px;
  cursor: pointer; }
  form input[type="submit"]:hover {
    background: #F1977B; }

form input[type="email"],
form input[type="number"],
form input[type="password"],
form input[type="text"] {
  color: #1F4444;
  font-family: 'Prompt', sans-serif;
  font-size: 1rem;
  width: 100%;
  height: 60px;
  border: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 10px 0;
  padding: 0 25px;
  display: block; }
  form input[type="email"]:last-child,
  form input[type="number"]:last-child,
  form input[type="password"]:last-child,
  form input[type="text"]:last-child {
    margin-bottom: 0; }

form label.checkbox {
  display: inline-block;
  zoom: 1;
  *display: inline;
  cursor: pointer; }

form label.error {
  font-size: 0.875em;
  line-height: 1em;
  margin: 5px 0 0 0;
  display: block; }
  form label.error:nth-child {
    display: none; }

form .label {
  margin: 0 0 10px 0; }

form .required-fields {
  color: #EE765E;
  text-align: right; }

form span.required {
  color: #EE765E;
  font-size: 0.875em;
  line-height: 1em;
  display: block;
  position: absolute;
  top: 20px;
  left: 10px; }

form textarea {
  color: #1F4444;
  font-family: 'Prompt', sans-serif;
  font-size: 1rem;
  line-height: 1.5em;
  width: 100%;
  height: 250px;
  border: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 10px 0;
  padding: 25px;
  display: block;
  resize: none; }
  form textarea:last-child {
    margin-bottom: 0; }

/********************************************************************************************* 

x. Announcement

*********************************************************************************************/
.announcement {
  background: #EFEEEE;
  padding: 100px 0; }

/********************************************************************************************* 

x. Line

*********************************************************************************************/
.line {
  background: #1F4444;
  padding: 50px 0; }
  .line a {
    color: white;
    text-decoration: none; }
    .line a:hover {
      color: #E48266; }

/********************************************************************************************* 

x. Loading

*********************************************************************************************/
.loading {
  width: 100%;
  height: auto;
  background-color: rgba(255, 255, 255, 0.95);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10; }
  .loading.failed {
    color: #EE765E; }
  .loading .content {
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
    right: 0; }
    .loading .content .loader {
      width: 30px;
      height: 30px;
      background-image: url(../img/loading.gif);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 30px 30px;
      margin: 0 auto 20px auto; }
  .loading .close {
    width: 22px;
    height: 22px;
    display: block;
    position: absolute;
    top: 70px;
    right: 70px; }
    .loading .close:hover svg {
      fill: #E48266; }
    .loading .close svg {
      fill: #1F4444; }

/********************************************************************************************* 

x. Businesses
x. Products
x. Restaurants

*********************************************************************************************/
.businesses,
.products,
.restaurants {
  overflow: hidden; }
  .businesses .grid,
  .products .grid,
  .restaurants .grid {
    margin: -70px 0;
    display: flex;
    flex-wrap: wrap; }
    .businesses .grid .item .inside,
    .products .grid .item .inside,
    .restaurants .grid .item .inside {
      padding: 70px;
      position: relative; }
      .businesses .grid .item .inside .buttons,
      .products .grid .item .inside .buttons,
      .restaurants .grid .item .inside .buttons {
        list-style: none; }
        .businesses .grid .item .inside .buttons li,
        .products .grid .item .inside .buttons li,
        .restaurants .grid .item .inside .buttons li {
          margin: 0 0 10px 0; }
          .businesses .grid .item .inside .buttons li:last-child,
          .products .grid .item .inside .buttons li:last-child,
          .restaurants .grid .item .inside .buttons li:last-child {
            margin-bottom: 0; }
      .businesses .grid .item .inside .image,
      .products .grid .item .inside .image,
      .restaurants .grid .item .inside .image {
        margin: 0 0 20px 0;
        display: block; }
      .businesses .grid .item .inside .business-name,
      .products .grid .item .inside .business-name,
      .restaurants .grid .item .inside .business-name {
        color: #E48266;
        margin: 0 0 10px 0; }
      .businesses .grid .item .inside .button,
      .products .grid .item .inside .button,
      .restaurants .grid .item .inside .button {
        width: 100%; }
      .businesses .grid .item .inside .product-name,
      .products .grid .item .inside .product-name,
      .restaurants .grid .item .inside .product-name {
        margin: 0 0 5px 0; }

/********************************************************************************************* 

x. Login

*********************************************************************************************/
.login {
  background: #1F4444;
  padding: 100px 0; }
  .login .columns {
    margin: 0 -50px;
    display: flex;
    justify-content: center; }
    .login .columns .column .inside {
      padding: 0 50px; }
      .login .columns .column .inside .grid {
        margin: 0 -15px -30px -15px;
        display: flex;
        flex-wrap: wrap; }
        .login .columns .column .inside .grid .item.hidden {
          display: none; }
        .login .columns .column .inside .grid .item .inside {
          padding: 0 15px 30px 15px; }

/********************************************************************************************* 

x. Pagination

*********************************************************************************************/
.pagination .navigation {
  list-style: none; }
  .pagination .navigation li {
    margin: 0 10px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle; }
    .pagination .navigation li.divider {
      width: 1px;
      height: 50px;
      background: #1F4444; }
    .pagination .navigation li.next a:after {
      content: "\f119";
      font-family: 'IonIcons';
      font-size: 40px;
      font-weight: normal;
      margin: 0 0 0 10px;
      display: inline-block;
      zoom: 1;
      *display: inline;
      vertical-align: middle; }
    .pagination .navigation li.previous a:before {
      content: "\f117";
      font-family: 'IonIcons';
      font-size: 40px;
      font-weight: normal;
      margin: 0 10px 0 0;
      display: inline-block;
      zoom: 1;
      *display: inline;
      vertical-align: middle; }
    .pagination .navigation li a {
      font-weight: 700;
      letter-spacing: 0.075em;
      text-transform: uppercase; }

/********************************************************************************************* 

x. Product

*********************************************************************************************/
.product .columns {
  margin: 0 -50px;
  display: flex; }
  .product .columns .column .inside {
    padding: 0 50px; }
    .product .columns .column .inside .buy-now .button {
      width: 100%;
      position: relative; }
      .product .columns .column .inside .buy-now .button:after {
        content: "\f33b";
        font-family: 'IonIcons';
        font-size: 18px;
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        right: 15px; }
    .product .columns .column .inside .business-name {
      color: #E48266;
      margin: 0 0 10px 0; }
    .product .columns .column .inside .email-a-purchase-request .button {
      width: 100%;
      position: relative; }
      .product .columns .column .inside .email-a-purchase-request .button:after {
        content: "\f321";
        font-family: 'IonIcons';
        font-size: 18px;
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        right: 15px; }
    .product .columns .column .inside form {
      margin: 0 0 20px 0; }
      .product .columns .column .inside form img {
        display: none; }
      .product .columns .column .inside form input[type="image"] {
        width: 100%;
        background: #FDC449;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px 270px; }
        .product .columns .column .inside form input[type="image"]:hover {
          background: #FECF7D; }
      .product .columns .column .inside form table {
        border-spacing: 0;
        border-collapse: separate;
        width: 100%;
        height: auto;
        margin: 0 0 10px 0; }
        .product .columns .column .inside form table td {
          padding: 0 0 5px 0; }
    .product .columns .column .inside .share-this {
      color: #E48266;
      display: inline-block;
      zoom: 1;
      *display: inline;
      cursor: pointer; }
      .product .columns .column .inside .share-this:hover {
        color: #F1977B; }

/********************************************************************************************* 

x. Related

*********************************************************************************************/
.related .grid {
  margin: 20px -70px -50px -70px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .related .grid .item .inside {
    padding: 50px 70px;
    position: relative; }
    .related .grid .item .inside .image {
      margin: 0 0 20px 0;
      display: block; }
    .related .grid .item .inside .button {
      width: 100%; }
    .related .grid .item .inside .business-name {
      color: #E48266; }
    .related .grid .item .inside .product-name {
      margin: 0 0 5px 0; }

.related .wrapper {
  border-top: 4px solid #E48266;
  padding: 70px 0 0 0; }

/********************************************************************************************* 

x. Search Options

*********************************************************************************************/
.search-options {
  background: #1F4444;
  padding: 40px 0; }
  .search-options a {
    color: white; }
    .search-options a:hover {
      color: #E48266; }
  .search-options .businesses-area,
  .search-options .restaurants-area {
    border-top: 2px solid rgba(255, 255, 255, 0.1);
    margin: 30px 0 0 0;
    padding: 30px 0 0 0;
    display: none; }
    .search-options .businesses-area .businesses,
    .search-options .businesses-area .restaurants,
    .search-options .restaurants-area .businesses,
    .search-options .restaurants-area .restaurants {
      margin: 0 0 -25px 0;
      display: block;
      list-style: none; }
      .search-options .businesses-area .businesses li,
      .search-options .businesses-area .restaurants li,
      .search-options .restaurants-area .businesses li,
      .search-options .restaurants-area .restaurants li {
        color: white;
        margin: 0 25px 25px 25px;
        display: inline-block;
        zoom: 1;
        *display: inline; }
        .search-options .businesses-area .businesses li a,
        .search-options .businesses-area .restaurants li a,
        .search-options .restaurants-area .businesses li a,
        .search-options .restaurants-area .restaurants li a {
          font-size: 0.900em; }
  .search-options .areas-area,
  .search-options .categories-area {
    border-top: 2px solid rgba(255, 255, 255, 0.1);
    margin: 30px 0 0 0;
    padding: 30px 0 0 0;
    display: none; }
    .search-options .areas-area .areas,
    .search-options .areas-area .categories,
    .search-options .categories-area .areas,
    .search-options .categories-area .categories {
      margin: 0 -30px -30px -30px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      list-style: none; }
      .search-options .areas-area .areas li,
      .search-options .areas-area .categories li,
      .search-options .categories-area .areas li,
      .search-options .categories-area .categories li {
        margin: 0 30px 30px 30px; }
        .search-options .areas-area .areas li.chophouse-row a .image,
        .search-options .areas-area .categories li.chophouse-row a .image,
        .search-options .categories-area .areas li.chophouse-row a .image,
        .search-options .categories-area .categories li.chophouse-row a .image {
          width: auto;
          height: 45px; }
          .search-options .areas-area .areas li.chophouse-row a .image img,
          .search-options .areas-area .categories li.chophouse-row a .image img,
          .search-options .categories-area .areas li.chophouse-row a .image img,
          .search-options .categories-area .categories li.chophouse-row a .image img {
            width: auto;
            height: 100%; }
        .search-options .areas-area .areas li a,
        .search-options .areas-area .categories li a,
        .search-options .categories-area .areas li a,
        .search-options .categories-area .categories li a {
          font-weight: 700;
          letter-spacing: 0.125em;
          display: block; }
          .search-options .areas-area .areas li a:hover .image img,
          .search-options .areas-area .categories li a:hover .image img,
          .search-options .categories-area .areas li a:hover .image img,
          .search-options .categories-area .categories li a:hover .image img {
            filter: none;
            -webkit-filter: none; }
          .search-options .areas-area .areas li a .image,
          .search-options .areas-area .categories li a .image,
          .search-options .categories-area .areas li a .image,
          .search-options .categories-area .categories li a .image {
            display: block; }
            .search-options .areas-area .areas li a .image img,
            .search-options .areas-area .categories li a .image img,
            .search-options .categories-area .areas li a .image img,
            .search-options .categories-area .categories li a .image img {
              filter: brightness(0) invert(1);
              -webkit-filter: brightness(0) invert(1); }
  .search-options .columns {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .search-options .content {
    margin: 0 0 30px 0; }
  .search-options .search {
    text-align: right;
    list-style: none; }
    .search-options .search.center {
      text-align: center; }
    .search-options .search li {
      display: inline-block;
      zoom: 1;
      *display: inline;
      vertical-align: middle; }
      .search-options .search li.areas.open a:after,
      .search-options .search li.businesses.open a:after,
      .search-options .search li.categories.open a:after,
      .search-options .search li.restaurants.open a:after {
        -moz-transform: translateY(-50%) rotate(90deg);
        -webkit-transform: translateY(-50%) rotate(90deg);
        -o-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg); }
      .search-options .search li.areas a,
      .search-options .search li.businesses a,
      .search-options .search li.categories a,
      .search-options .search li.restaurants a {
        font-size: 0.900em;
        font-weight: 500;
        padding: 0 30px 0 0;
        position: relative; }
        .search-options .search li.areas a:after,
        .search-options .search li.businesses a:after,
        .search-options .search li.categories a:after,
        .search-options .search li.restaurants a:after {
          content: "\f119";
          color: #E48266;
          font-family: 'IonIcons';
          font-size: 40px;
          -moz-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          position: absolute;
          top: 50%;
          right: 0; }
      .search-options .search li.areas,
      .search-options .search li.categories {
        margin: 0 50px 0 0; }
        .search-options .search li.areas a,
        .search-options .search li.categories a {
          font-size: 1.200em;
          font-weight: 400; }
      .search-options .search li.businesses,
      .search-options .search li.restaurants,
      .search-options .search li.search {
        margin: 0 0 0 50px; }
      .search-options .search li.search a {
        font-size: 0.900em;
        font-weight: 500;
        padding: 0 30px 0 0;
        position: relative; }
        .search-options .search li.search a:after {
          content: "\f4a5";
          color: #E48266;
          font-family: 'IonIcons';
          font-size: 26px;
          -moz-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          position: absolute;
          top: 50%;
          right: 0; }
      .search-options .search li a {
        font-size: 0.900em;
        font-weight: 700; }
  .search-options .mobile {
    display: none; }
    .search-options .mobile .select {
      margin: 0 0 30px 0; }
      .search-options .mobile .select:last-child {
        margin-bottom: 0; }
  .search-options .search-area {
    border-top: 2px solid rgba(255, 255, 255, 0.1);
    margin: 30px 0 0 0;
    padding: 30px 0 0 0;
    display: none; }
    .search-options .search-area form {
      position: relative; }
      .search-options .search-area form input[type="submit"] {
        height: 60px;
        padding-top: 0;
        padding-bottom: 0;
        position: absolute;
        top: 0;
        right: 0; }

/********************************************************************************************* 

x. Submit

*********************************************************************************************/
.submit {
  color: white;
  background: #1F4444;
  padding: 100px 0; }
  .submit .columns {
    margin: -20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .submit .columns .column .inside {
      padding: 20px;
      position: relative; }

/********************************************************************************************* 

x. Website

*********************************************************************************************/
.website .learn-more a:after {
  content: "\f119";
  font-family: 'IonIcons';
  font-size: 40px;
  font-weight: normal;
  margin: 0 0 0 10px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle; }

/********************************************************************************************* 

x. Imports

*********************************************************************************************/
/* iCheck plugin Square skin, black
----------------------------------- */
.icheckbox,
.iradio {
  color: #1F4444;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: white;
  border: 2px solid #1F4444;
  margin: 0 15px 0 0;
  cursor: pointer;
  position: relative;
  top: -3px; }

.iradio {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.icheckbox.checked:after {
  content: "\f3ff";
  font-family: 'Ionicons';
  font-size: 22px;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%; }

.iradio.checked:after {
  content: '';
  width: 14px;
  height: 14px;
  background: #1F4444;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%; }

.error .icheckbox,
.error .iradio {
  color: #EE765E;
  border-color: #EE765E; }

/*
 * jquery-filestyle
 * doc: http://markusslima.github.io/jquery-filestyle/
 * github: https://github.com/markusslima/jquery-filestyle
 *
 * Copyright (c) 2015 Markus Vinicius da Silva Lima
 * Version 1.5.1
 * Licensed under the MIT license.
 */
.jfilestyle {
  width: 100%;
  height: 60px;
  margin: 0 0 10px 0;
  position: relative; }
  .jfilestyle:last-child {
    margin-bottom: 0; }
  .jfilestyle label {
    text-align: center;
    width: 100%;
    height: auto;
    background: #E48266;
    padding: 15px 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    cursor: pointer; }
    .jfilestyle label[disabled] {
      pointer-events: none;
      opacity: 0.6;
      filter: alpha(opacity=65);
      cursor: not-allowed; }
    .jfilestyle label:hover {
      background: #F1977B; }
    .jfilestyle label span {
      display: inline-block;
      zoom: 1;
      *display: inline;
      vertical-align: middle; }
      .jfilestyle label span.count-jfilestyle {
        color: #1F4444;
        font-size: 12px;
        line-height: 20px !important;
        width: 20px;
        height: 20px;
        background: white;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        margin: 0 0 0 5px; }
  .jfilestyle span {
    color: white;
    font-style: normal !important;
    letter-spacing: 0.05em;
    line-height: 1em;
    text-transform: uppercase;
    display: block; }

.error .jfilestyle label {
  background: #EE765E; }

/********************************************************************************************* 

x. Layout

*********************************************************************************************/
.bx-wrapper {
  position: relative;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }
  .bx-wrapper .bxslider {
    list-style: none;
    margin: 0;
    padding: 0; }
    .bx-wrapper .bxslider .bx-clone {
      display: none; }
  .bx-wrapper .bx-viewport {
    -webkit-transform: translatez(0); }
  .bx-wrapper img {
    max-width: 100%;
    display: block; }

/********************************************************************************************* 

x. Loader

*********************************************************************************************/
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("images/bx_loader.gif") center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }

/********************************************************************************************* 

x. Navigation

*********************************************************************************************/
.bx-wrapper .bx-controls-direction a {
  color: white;
  width: 50px;
  height: 50px;
  background: #E48266;
  position: absolute;
  bottom: 0;
  z-index: 9999; }
  .bx-wrapper .bx-controls-direction a:before {
    font-family: 'Ionicons';
    font-size: 20px;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%; }
  .bx-wrapper .bx-controls-direction a:hover {
    background: #F1977B; }
  .bx-wrapper .bx-controls-direction a.bx-next {
    right: 0; }
    .bx-wrapper .bx-controls-direction a.bx-next:before {
      content: "\f3d1"; }
  .bx-wrapper .bx-controls-direction a.bx-prev {
    left: 0; }
    .bx-wrapper .bx-controls-direction a.bx-prev:before {
      content: "\f3cf"; }
  .bx-wrapper .bx-controls-direction a.disabled {
    display: none; }

/*! jQuery UI - v1.12.1 - 2020-03-18
* http://jqueryui.com
* Includes: core.css, autocomplete.css, menu.css, theme.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-widget {
  font-size: 1em;
  font-weight: 300;
  background: white;
  border-bottom: 2px solid black;
  border-top: 2px solid black;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  list-style: none;
  position: absolute;
  z-index: 9999; }
  .ui-widget.ui-widget-content {
    border-color: #EFEEEE; }

.ui-menu .ui-menu-item-wrapper {
  padding: 15px 25px;
  position: relative;
  cursor: pointer; }

.ui-state-active {
  color: white;
  background: #303D45; }

.ui-helper-hidden-accessible {
  display: none; }

/* ===========================================================
 *
 *  Name:          selectordie_dev.css
 *  Updated:       2014-10-10
 *  Created by:    Per V @ Vst.mn
 *  What?:         Base CSS for Select or Die
 *
 *  Copyright (c) 2014 Per Vestman
 *  Dual licensed under the MIT and GPL licenses.
 *
 *  No, I don't usually comment my CSS, but in this
 *  case it might "help" someone.
 *
 *  Oddny | Cogs 'n Kegs
 * =========================================================== */
/* Remove, change to fit your needs */
.sod_select,
.sod_select * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* The SoD - Please keep this first three lines intact, otherwise all hell will break looooooose */
.sod_select {
  display: inline-block;
  position: relative;
  line-height: 1em;
  width: 100%;
  height: auto;
  background: white;
  padding: 15px 0;
  outline: 0;
  outline-offset: -2px;
  cursor: default; }

/* Up/Down arrows */
.sod_select:after {
  content: '\f3d0';
  font-size: 14px;
  font-family: 'Ionicons' !important;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 25px; }

.sod_select.open:after {
  -moz-transform: translateY(-50%) rotate(180deg);
  -webkit-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg); }

/*
.sod_select:before,
.sod_select:after {
	content: "\25B2";
	position: absolute;
	right: 10px;
	top: 12px;
	font-size: 7px;
}
*/
/* Down arrow */
/*
.sod_select:after {
	content: "\25BC";
	top: auto;
	bottom: 12px;
}
*/
/* Change the border color on hover, focus and when open */
.sod_select:hover,
.sod_select.open,
.sod_select.focus {
  /*border-color: #000000;*/ }

.sod_select.open {
  /*color: #919191;*/ }

.sod_select.focus {
  /*box-shadow: 0 0 5px rgba(0, 0, 0, .2);*/ }

/* When the entire SoD is disabled, go crazy! */
.sod_select.disabled {
  border-color: #828282;
  color: #b2b2b2;
  cursor: not-allowed; }

/* The "label", or whatever we should call it. Keep the first three lines for truncating. */
.sod_select .sod_label {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 40px;
  padding-left: 25px; }

.sod_select .sod_prefix {
  /* Use this if you're using a prefix and want to style it */ }

.sod_select .sod_placeholder {
  /* Use this if you're using a placeholder and want to style it */ }

/* Options list wrapper */
.sod_select .sod_list_wrapper {
  line-height: 1;
  width: auto;
  height: auto;
  background: white;
  border: 2px solid black;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  left: -2px;
  right: -2px;
  z-index: 9999; }

/* Shows the option list (don't edit) */
.sod_select.open .sod_list_wrapper {
  display: block; }

/* Don't display the options when  */
.sod_select.disabled.open .sod_list_wrapper {
  display: none; }

/* When the option list is displayed above the SoD */
.sod_select.above .sod_list_wrapper {
  top: auto;
  bottom: calc(100% + 10px); }

/* Options list container */
.sod_select .sod_list {
  max-height: 500px !important;
  display: block;
  overflow-y: auto; }

/* All the options. Keep the first three lines for truncating... */
.sod_select .sod_option {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  padding: 15px 25px;
  list-style-type: none; }

/* Optgroups */
.sod_select .sod_option.optgroup,
.sod_select .sod_option.optgroup.disabled {
  background: inherit;
  color: #939393;
  font-size: 10px;
  font-style: italic; }

/* Children of an optgroup */
.sod_select .sod_option.groupchild {
  padding-left: 20px; }

/* Used together with placeholderOption / data-placeholder-option */
.sod_select .sod_option.is-placeholder {
  display: none; }

/* Disabled option */
.sod_select .sod_option.disabled {
  background: inherit;
  color: #cccccc; }

/* Hover state for options, also used when a user uses his/hers up/down keys */
.sod_select .sod_option.active {
  color: white;
  background: black; }

/*Make room for the check mark */
.sod_select .sod_option.selected {
  color: white;
  background: black; }

.sod_select .sod_option.selected.active {
  color: white;
  background: black; }

/* Displays a check mark for the selected option */
/*
.sod_select .sod_option.selected:before {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display: inline-block;
	color: #808080;
	height: 9px;
	width: 10px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K);
}
*/
.sod_select .sod_option.link {
  /* If data-link is set on a specific option */ }

.sod_select .sod_option.linkexternal {
  /* If data-link-external is set on a specific option */ }

/* Hide native select */
.sod_select select {
  display: none !important; }

/* The native select in touch mode. Keep this first line. Sorry, keep everything. */
.sod_select.touch select {
  -webkit-appearance: menulist-button;
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 1; }

/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
  display: flex;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute; }

.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
  flex: 1 1 auto; }

.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto; }

.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden; }

/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity; }

.tooltipster-fade.tooltipster-show {
  opacity: 1; }

/* grow */
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden; }

.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

/* swing */
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform; }

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

/* fall */
.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-initial {
  top: 0 !important; }

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0; }

/* slide */
.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-initial {
  left: -40px !important; }

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0; }

/* Update animations */
/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */
/* fade */
@keyframes tooltipster-fading {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.tooltipster-update-fade {
  animation: tooltipster-fading 400ms; }

/* rotate */
@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg); }
  75% {
    transform: rotate(2deg); }
  100% {
    transform: rotate(0); } }

.tooltipster-update-rotate {
  animation: tooltipster-rotating 600ms; }

/* scale */
@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

.tooltipster-update-scale {
  animation: tooltipster-scaling 600ms; }

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
  background: #1F4444;
  border-radius: 5px; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px; }

/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
  color: white;
  font-size: 0.700em;
  letter-spacing: 0.125em;
  text-transform: uppercase;
  padding: 10px 15px; }

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  /* half the width, for centering */
  margin-left: -10px;
  top: 0;
  width: 20px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
	been positioned yet */
  top: 0;
  width: 10px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
  width: 10px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px; }

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0; }

/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #1F4444;
  left: 0;
  top: 3px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #1F4444;
  left: -3px;
  top: 0; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #1F4444;
  left: 3px;
  top: 0; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #1F4444;
  left: 0;
  top: -3px; }

/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0; }

/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px; }

/*********************************************************************************************

x. Basic Setup (Body, Fonts, etc.) 

********************************************************************************************/
@media only screen and (max-width: 1500px) {
  .wrapper.large {
    width: auto;
    margin: 0 50px; } }

@media only screen and (max-width: 1300px) {
  .wrapper.small {
    width: auto;
    margin: 0 50px; } }

@media only screen and (max-width: 1000px) {
  h1 {
    font-size: 5.000em; } }

@media only screen and (max-width: 800px) {
  body {
    border-top: none; }
  h1 {
    font-size: 4.375em; }
  h2 {
    font-size: 2.500em; }
  h3 {
    font-size: 1.875em; }
  h4 {
    font-size: 1.563em; }
  h5 {
    font-size: 1.250em; }
  h6 {
    font-size: 1em; }
  .wrapper.large,
  .wrapper.small {
    margin: 0 30px; } }

@media only screen and (max-width: 700px) {
  html,
  body {
    font-size: 18px; }
  h1 {
    font-size: 5.000em; } }

@media only screen and (max-width: 600px) {
  h1 {
    font-size: 3.750em; }
  h2 {
    font-size: 1.800em; }
  h3 {
    font-size: 1.600em; }
  h4 {
    font-size: 1.300em; }
  h5 {
    font-size: 1.100em; } }

/********************************************************************************************* 

x. Announcement

*********************************************************************************************/
@media only screen and (max-width: 800px) {
  .announcement {
    padding: 70px 0; } }

@media only screen and (max-width: 700px) {
  .announcement {
    padding: 50px 0; } }

/********************************************************************************************* 

x. Form

*********************************************************************************************/
@media only screen and (max-width: 800px) {
  form span.required {
    top: 15px;
    left: 5px; }
  form .checkboxes li {
    width: 100%; } }

@media only screen and (max-width: 500px) {
  form input[type="submit"] {
    padding-left: 30px;
    padding-right: 30px; }
  form input[type="email"],
  form input[type="text"] {
    padding: 0 15px; }
  form textarea {
    padding: 15px; } }

/********************************************************************************************* 

x. Footer

*********************************************************************************************/
@media only screen and (max-width: 1100px) {
  footer {
    padding: 70px 0 0 0; }
  footer .columns {
    flex-direction: column; }
  footer .columns:before {
    display: none; }
  footer .columns .column {
    width: 100%; }
  footer .columns .column:first-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 0 50px 0;
    padding: 0 0 50px 0; }
  footer .columns .column .content,
  footer .navigation {
    text-align: center; }
  footer .logo {
    margin: 0 auto;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
    top: 0;
    left: 0; }
  footer .logos {
    margin: -15px; }
  footer .logos li .inside {
    padding: 15px; }
  footer .navigation li a {
    max-width: 400px; } }

@media only screen and (max-width: 800px) {
  footer .credits {
    padding: 30px 0; } }

@media only screen and (max-width: 700px) {
  footer {
    padding: 50px 0 0 0; }
  footer .columns {
    margin: 0 0 50px 0; }
  footer .columns .column {
    margin: 0 0 50px 0; }
  footer .columns .column:last-child {
    margin-bottom: 0; }
  footer .logos {
    text-align: center;
    flex-direction: column; }
  footer .logos li {
    width: 100%; }
  footer .logos li .inside a .image img {
    max-width: 250px; } }

@media only screen and (max-width: 600px) {
  footer .content a.button {
    width: auto; }
  footer .logo {
    width: 70%;
    max-height: none; } }

/********************************************************************************************* 

x. Header

*********************************************************************************************/
@media only screen and (max-width: 1500px) {
  header .navigation {
    top: 50px;
    right: 50px; }
  header .promotion {
    left: 50px; } }

@media only screen and (max-width: 1000px) {
  header .promotion {
    top: 50px; }
  header .promotion a .label {
    padding: 10px 20px; }
  header .promotion a .icon {
    display: none; } }

@media only screen and (max-width: 800px) {
  header {
    padding-top: 0; }
  header .navigation {
    text-align: center;
    margin: 0 0 50px 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0; }
  header .navigation li {
    margin: 0 15px;
    display: inline-block;
    zoom: 1;
    *display: inline; }
  header .promotion {
    text-align: center;
    margin: 0 0 30px 0;
    position: relative;
    top: 0;
    left: 0; }
  header .promotion a {
    width: 100%; }
  header .promotion a .label {
    width: auto; } }

@media only screen and (max-width: 700px) {
  header {
    padding: 0 0 50px 0; }
  header .image.neighborhood-logo {
    width: auto;
    margin: 50px 30px 0 30px; } }

@media only screen and (max-width: 500px) {
  header .navigation li a {
    font-size: 1em; } }

/********************************************************************************************* 

x. jQuery UI

*********************************************************************************************/
@media only screen and (max-width: 500px) {
  .ui-menu .ui-menu-item-wrapper {
    padding: 15px; } }

/********************************************************************************************* 

x. Line

*********************************************************************************************/
@media only screen and (max-width: 600px) {
  .line {
    padding: 30px 0 20px 0; } }

/********************************************************************************************* 

x. Login

*********************************************************************************************/
@media only screen and (max-width: 1500px) {
  .login .columns {
    margin: 0 -25px; }
  .login .columns .column .inside {
    padding: 0 25px; } }

@media only screen and (max-width: 1000px) {
  .login .columns {
    flex-direction: column; }
  .login .columns .column {
    width: 100%; }
  .login .columns .column:first-child {
    margin: 0 0 50px 0; }
  .login .columns .column .inside .columns .column:first-child {
    margin-bottom: 0; } }

@media only screen and (max-width: 800px) {
  .login {
    padding: 70px 0; }
  .login .columns {
    margin: 0 -15px; }
  .login .columns .column:first-child {
    margin: 0 0 30px 0; }
  .login .columns .column .inside {
    padding: 0 15px; }
  .login .columns .column .inside .columns .column:first-child {
    margin-bottom: 0; } }

@media only screen and (max-width: 700px) {
  .login {
    padding: 50px 0; } }

@media only screen and (max-width: 600px) {
  .login .columns .column .inside .grid {
    flex-direction: column; }
  .login .columns .column .inside .grid .item {
    width: 100%; } }

/********************************************************************************************* 

x. Main

*********************************************************************************************/
@media only screen and (max-width: 700px) {
  main section {
    margin: 0 0 50px 0; }
  section.full-width + section.full-width {
    margin-top: -50px; } }

/********************************************************************************************* 

x. Product

*********************************************************************************************/
@media only screen and (max-width: 1500px) {
  .product .columns {
    margin: 0 -25px; }
  .product .columns .column .inside {
    padding: 0 25px; } }

@media only screen and (max-width: 800px) {
  .product .columns {
    flex-direction: column; }
  .product .columns .column {
    width: 100%; }
  .product .columns .column:first-child {
    margin: 0 0 30px 0; } }

/********************************************************************************************* 

x. Businesses
x. Products
x. Restautants

*********************************************************************************************/
@media only screen and (max-width: 1700px) {
  .businesses .grid .item,
  .products .grid .item,
  .restaurants .grid .item {
    width: 33.33%; } }

@media only screen and (max-width: 1500px) {
  .businesses .grid,
  .products .grid,
  .restaurants .grid {
    margin: -50px 0; }
  .businesses .grid .item .inside,
  .products .grid .item .inside,
  .restaurants .grid .item .inside {
    padding: 50px; } }

@media only screen and (max-width: 1000px) {
  .businesses .grid,
  .products .grid,
  .restaurants .grid {
    margin: -50px 0; }
  .businesses .grid .item,
  .products .grid .item,
  .restaurants .grid .item {
    width: 50%; }
  .businesses .grid .item .inside,
  .products .grid .item .inside,
  .restaurants .grid .item .inside {
    padding: 50px 30px; } }

@media only screen and (max-width: 700px) {
  .businesses .grid .item,
  .products .grid .item,
  .restaurants .grid .item {
    width: 100%;
    position: relative !important;
    top: 0 !important; } }

/********************************************************************************************* 

x. Related

*********************************************************************************************/
@media only screen and (max-width: 1700px) {
  .related .grid .item {
    width: 33.33%; } }

@media only screen and (max-width: 1500px) {
  .related {
    padding: 0 25px; }
  .related .grid {
    margin: 20px -25px 0 -25px; }
  .related .grid .item .inside {
    padding: 25px; } }

@media only screen and (max-width: 1000px) {
  .related .grid .item {
    width: 50%; } }

@media only screen and (max-width: 700px) {
  .related {
    padding: 0 15px; }
  .related .grid {
    margin: -5px -15px -25px -15px; }
  .related .grid .item {
    width: 100%; }
  .related .grid .item .inside {
    padding: 25px 15px; } }

/********************************************************************************************* 

x. Search Options

*********************************************************************************************/
@media only screen and (max-width: 1400px) {
  .search-options .areas-area .areas,
  .search-options .categories-area .categories {
    flex-wrap: wrap;
    justify-content: center; }
  .search-options .areas-area .areas li a .image,
  .search-options .areas-area .categories li a .image,
  .search-options .categories-area .areas li a .image,
  .search-options .categories-area .categories li a .image {
    width: auto;
    height: 25px; }
  .search-options .areas-area .areas li a .image img,
  .search-options .areas-area .categories li a .image img,
  .search-options .categories-area .areas li a .image img,
  .search-options .categories-area .categories li a .image img {
    width: auto;
    height: 100%; } }

@media only screen and (max-width: 1300px) {
  .search-options .columns {
    flex-direction: column; }
  .search-options .columns .column {
    width: 100%; }
  .search-options .columns .column:first-child {
    margin: 0 0 30px 0; }
  .search-options .search {
    text-align: center; }
  .search-options .search li.areas,
  .search-options .search li.businesses,
  .search-options .search li.categories,
  .search-options .search li.restaurants,
  .search-options .search li.search {
    margin: 0 25px; } }

@media only screen and (max-width: 800px) {
  .search-options .areas-area,
  .search-options .businesses-area,
  .search-options .categories-area,
  .search-options .columns,
  .search-options .restaurants-area,
  .search-options .search {
    display: none !important; }
  .search-options .content {
    margin: 0; }
  .search-options .mobile,
  .search-options .search-area {
    display: block; }
  .search-options .search-area {
    border-top: none;
    padding: 0; } }

/********************************************************************************************* 

x. Select Or Die

*********************************************************************************************/
@media only screen and (max-width: 500px) {
  .sod_select:after {
    right: 15px; }
  .sod_select .sod_label {
    padding-left: 15px; }
  .sod_select .sod_option {
    padding: 15px; } }

/********************************************************************************************* 

x. Submit

*********************************************************************************************/
@media only screen and (max-width: 1200px) {
  .submit .columns {
    flex-direction: column; }
  .submit .columns .column,
  .submit .columns .column .inside .centered {
    width: 100%; } }

@media only screen and (max-width: 800px) {
  .submit {
    padding: 70px 0; }
  .submit .columns {
    margin: -15px; }
  .submit .columns .column .inside {
    padding: 15px; } }

@media only screen and (max-width: 700px) {
  .submit {
    padding: 50px 0; } }

/********************************************************************************************* 

x. Smaller than 1024px

*********************************************************************************************/
@media only screen and (max-width: 1024px) {
  input,
  textarea {
    border-radius: 0;
    -webkit-appearance: none; } }