/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222; }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}

p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #1EAEDB; }
a:hover {
  color: #0FA0CE; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}
/* line 3, node_modules/tiny-slider/src/tiny-slider.scss */
.tns-outer {
  padding: 0 !important; }
  /* line 5, node_modules/tiny-slider/src/tiny-slider.scss */
  .tns-outer [hidden] {
    display: none !important; }
  /* line 6, node_modules/tiny-slider/src/tiny-slider.scss */
  .tns-outer [aria-controls], .tns-outer [data-action] {
    cursor: pointer; }

/* line 8, node_modules/tiny-slider/src/tiny-slider.scss */
.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s; }
  /* line 12, node_modules/tiny-slider/src/tiny-slider.scss */
  .tns-slider > .tns-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

/* line 20, node_modules/tiny-slider/src/tiny-slider.scss */
.tns-horizontal.tns-subpixel {
  white-space: nowrap; }
  /* line 22, node_modules/tiny-slider/src/tiny-slider.scss */
  .tns-horizontal.tns-subpixel > .tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal; }

/* line 29, node_modules/tiny-slider/src/tiny-slider.scss */
.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both; }

/* line 34, node_modules/tiny-slider/src/tiny-slider.scss */
.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left; }

/* line 40, node_modules/tiny-slider/src/tiny-slider.scss */
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%; }

/* line 46, node_modules/tiny-slider/src/tiny-slider.scss */
.tns-no-calc {
  position: relative;
  left: 0; }

/* line 50, node_modules/tiny-slider/src/tiny-slider.scss */
.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px; }
  /* line 55, node_modules/tiny-slider/src/tiny-slider.scss */
  .tns-gallery > .tns-item {
    position: absolute;
    left: -100%;
    -webkit-transition: transform 0s, opacity 0s;
    -moz-transition: transform 0s, opacity 0s;
    transition: transform 0s, opacity 0s; }
  /* line 62, node_modules/tiny-slider/src/tiny-slider.scss */
  .tns-gallery > .tns-slide-active {
    position: relative;
    left: auto !important; }
  /* line 66, node_modules/tiny-slider/src/tiny-slider.scss */
  .tns-gallery > .tns-moving {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s; }

/* line 72, node_modules/tiny-slider/src/tiny-slider.scss */
.tns-autowidth {
  display: inline-block; }

/* line 73, node_modules/tiny-slider/src/tiny-slider.scss */
.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6; }
  /* line 78, node_modules/tiny-slider/src/tiny-slider.scss */
  .tns-lazy-img.tns-complete {
    opacity: 1; }

/* line 80, node_modules/tiny-slider/src/tiny-slider.scss */
.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s; }

/* line 85, node_modules/tiny-slider/src/tiny-slider.scss */
.tns-ovh {
  overflow: hidden; }

/* line 86, node_modules/tiny-slider/src/tiny-slider.scss */
.tns-visually-hidden {
  position: absolute;
  left: -10000em; }

/* line 87, node_modules/tiny-slider/src/tiny-slider.scss */
.tns-transparent {
  opacity: 0;
  visibility: hidden; }

/* line 89, node_modules/tiny-slider/src/tiny-slider.scss */
.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0; }

/* line 94, node_modules/tiny-slider/src/tiny-slider.scss */
.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1; }

/* line 102, node_modules/tiny-slider/src/tiny-slider.scss */
.tns-vpfix {
  white-space: nowrap; }
  /* line 104, node_modules/tiny-slider/src/tiny-slider.scss */
  .tns-vpfix > div, .tns-vpfix > li {
    display: inline-block; }

/* line 116, node_modules/tiny-slider/src/tiny-slider.scss */
.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden; }

/* line 123, node_modules/tiny-slider/src/tiny-slider.scss */
.tns-t-ct {
  width: 2333.33333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0; }
  /* line 130, node_modules/tiny-slider/src/tiny-slider.scss */
  .tns-t-ct:after {
    content: '';
    display: table;
    clear: both; }
  /* line 135, node_modules/tiny-slider/src/tiny-slider.scss */
  .tns-t-ct > div {
    width: 1.42857%;
    width: -webkit-calc(100% / 70);
    width: -moz-calc(100% / 70);
    width: calc(100% / 70);
    height: 10px;
    float: left; }

@font-face {
  font-family: 'RalewayBold';
  src: url("/static/font/Raleway-Bold.ttf?a9064c7b31d3") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'RalewayRegular';
  src: url("/static/font/Raleway-Regular.ttf?a9064c7b31d3") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'RalewaySemiBold';
  src: url("/static/font/Raleway-SemiBold.ttf?a9064c7b31d3") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BebasRegular';
  src: url("/static/font/Bebas-Regular.otf?a9064c7b31d3") format("opentype");
  font-weight: normal;
  font-style: normal; }

/* line 51, static_files/css/style.scss */
.red-pastel {
  color: #E47E70; }

/* line 55, static_files/css/style.scss */
.yellow {
  color: #F3A741; }

/* line 59, static_files/css/style.scss */
.green {
  color: #82BC3C; }

/* line 63, static_files/css/style.scss */
.soft-green {
  color: #b8c955; }

/* line 67, static_files/css/style.scss */
.gold {
  color: #b28624; }

/* line 71, static_files/css/style.scss */
.red-aceh-gayo {
  color: #EC5A4E; }

/* line 75, static_files/css/style.scss */
.purple-flores {
  color: #9D9ACA; }

/* line 79, static_files/css/style.scss */
.green-java {
  color: #A9B33F; }

/* line 83, static_files/css/style.scss */
.blue-sumatera {
  color: #7BB0DF; }

/* line 87, static_files/css/style.scss */
.image-banner {
  background-image: url("/static/img/red-banner.jpg?9e0888e94467");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 395px;
  text-align: center;
  display: flex; }
  /* line 97, static_files/css/style.scss */
  .image-banner h1 {
    font-family: "BebasRegular";
    color: #E47E70;
    font-size: 50px;
    display: block;
    text-align: center;
    margin: 0px;
    padding: 0px; }
  /* line 107, static_files/css/style.scss */
  .image-banner p {
    font-family: "RalewayRegular";
    font-size: 17px;
    text-align: center;
    color: #58595B;
    padding-top: 5px; }
  /* line 115, static_files/css/style.scss */
  .image-banner .button {
    background-color: #E47E70;
    display: block;
    text-align: center;
    color: white;
    font-family: "RalewaySemiBold";
    border-color: #E47E70;
    border-radius: 25px;
    margin: 0 auto;
    padding: 4px 55px;
    font-size: 17px;
    width: auto;
    display: table; }
  /* line 130, static_files/css/style.scss */
  .image-banner .desc {
    width: 100%;
    margin: auto; }

/* line 137, static_files/css/style.scss */
.content-picture .picture-size {
  margin-bottom: 3%; }

/* line 141, static_files/css/style.scss */
.content-picture .picture-size:nth-child(3n+1) {
  margin-left: 4%; }

/* line 145, static_files/css/style.scss */
.content-picture .picture-size:nth-child(4n+1) {
  margin-left: 0px; }

/* line 150, static_files/css/style.scss */
.footer {
  background-color: #F3A741;
  height: 190px;
  margin-top: 0px;
  padding-top: 25px;
  padding-bottom: 25px; }
  /* line 157, static_files/css/style.scss */
  .footer a {
    text-decoration: none; }
  /* line 161, static_files/css/style.scss */
  .footer .container {
    display: flex; }
  /* line 165, static_files/css/style.scss */
  .footer .four {
    margin: auto 0px; }
  /* line 169, static_files/css/style.scss */
  .footer .one-column {
    width: 30%;
    height: 100%;
    display: block;
    text-align: center;
    padding: 15px 0px 15px; }
    /* line 176, static_files/css/style.scss */
    .footer .one-column span {
      font-family: "RalewayRegular";
      color: white;
      display: block; }
    /* line 182, static_files/css/style.scss */
    .footer .one-column a {
      font-family: "RalewayBold";
      color: white;
      display: block; }
  /* line 189, static_files/css/style.scss */
  .footer .two-column {
    border-left: solid 1px white;
    border-right: solid 1px white;
    display: block;
    height: 100%;
    text-align: center;
    padding: 15px 2% 15px;
    width: 40%; }
    /* line 198, static_files/css/style.scss */
    .footer .two-column span {
      font-family: "RalewayRegular";
      color: white;
      display: block; }
  /* line 205, static_files/css/style.scss */
  .footer .three-column {
    display: block;
    text-align: center;
    height: 100%;
    padding: 15px 0px 15px;
    width: 30%; }
    /* line 212, static_files/css/style.scss */
    .footer .three-column span {
      font-family: "RalewayRegular";
      color: white;
      display: block; }

/* line 220, static_files/css/style.scss */
.header {
  background-color: #FCFAF0;
  line-height: 0em;
  height: 80px; }

/* line 226, static_files/css/style.scss */
.slideshow-container {
  display: block;
  width: 100%; }
  /* line 230, static_files/css/style.scss */
  .slideshow-container .tns-nav button {
    width: 16px;
    height: 16px;
    margin: 5px 7px;
    background: #fff;
    display: inline-block;
    zoom: 1;
    transition: opacity .2s ease;
    border-radius: 1px; }
  /* line 241, static_files/css/style.scss */
  .slideshow-container .tns-nav .tns-nav-active, .slideshow-container .tns-nav button:hover {
    background: #447282;
    border: 1px solid #fff; }
  /* line 246, static_files/css/style.scss */
  .slideshow-container .tns-nav {
    text-align: center;
    width: 100%;
    z-index: 115;
    position: absolute;
    bottom: 0;
    top: auto;
    overflow: hidden;
    margin-bottom: 45px; }
  /* line 257, static_files/css/style.scss */
  .slideshow-container .tns-nav button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 10px 3px;
    background: #ddd;
    border-color: #ddd; }
  /* line 266, static_files/css/style.scss */
  .slideshow-container .tns-nav .tns-nav-active, .slideshow-container .tns-nav button:hover {
    background: #E47E70;
    border-color: #E47E70; }

/* line 272, static_files/css/style.scss */
.first-container, .second-container, .third-container {
  position: relative;
  display: flex;
  flex-direction: column; }
  /* line 277, static_files/css/style.scss */
  .first-container .tns-horizontal.tns-subpixel > .tns-item, .second-container .tns-horizontal.tns-subpixel > .tns-item, .third-container .tns-horizontal.tns-subpixel > .tns-item {
    display: inline-flex; }

/* line 283, static_files/css/style.scss */
.meal-container .tns-nav, .drink-container .tns-nav, .dessert-container .tns-nav {
  display: none; }

/* line 288, static_files/css/style.scss */
.slideshow-container, #autoHeight_wrapper {
  position: relative;
  display: block;
  width: 100%; }

/* line 294, static_files/css/style.scss */
.tns-item img {
  display: block;
  width: 100%; }

/* line 299, static_files/css/style.scss */
.tns-controls {
  display: none; }

/* line 303, static_files/css/style.scss */
.button, button {
  padding: 0px 3px; }

/* line 307, static_files/css/style.scss */
.image-logo {
  position: relative;
  width: 160px;
  height: 160px;
  text-align: left;
  margin-top: -35px; }

/* line 315, static_files/css/style.scss */
.image-go-logo {
  position: relative;
  width: 100px;
  height: 100px;
  text-align: right;
  margin-top: -7px; }

/* line 323, static_files/css/style.scss */
.makan-mak {
  image-rendering: smooth;
  position: relative;
  width: 45px;
  height: 45px;
  text-align: right;
  margin-top: 18px;
  margin-left: 33px; }

/* line 333, static_files/css/style.scss */
.discover-food {
  overflow: hidden; }

/* line 337, static_files/css/style.scss */
a:hover {
  color: #E31C24; }

/* line 341, static_files/css/style.scss */
.row {
  display: flex;
  justify-content: space-around; }

/* line 346, static_files/css/style.scss */
.logo-go {
  float: right; }

/* line 350, static_files/css/style.scss */
.link-menu {
  float: right;
  margin-top: 38px;
  margin-right: 40px; }
  /* line 355, static_files/css/style.scss */
  .link-menu .active {
    color: #E31C24; }
  /* line 359, static_files/css/style.scss */
  .link-menu a {
    color: #58595B;
    font-family: "RalewayBold";
    text-decoration: none; }
  /* line 365, static_files/css/style.scss */
  .link-menu a:hover {
    color: #E31C24; }

/* line 370, static_files/css/style.scss */
.home-background {
  background-image: url("/static/img/background-doodle-homepage-2.png?9e0888e94467");
  background-repeat: repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100%; }
  /* line 378, static_files/css/style.scss */
  .home-background .paginator {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    /* line 385, static_files/css/style.scss */
    .home-background .paginator img {
      width: 54px; }
    /* line 389, static_files/css/style.scss */
    .home-background .paginator .left li {
      float: left;
      margin-left: 20px; }
    /* line 394, static_files/css/style.scss */
    .home-background .paginator .right li {
      float: right;
      margin-right: 20px; }

/* line 401, static_files/css/style.scss */
.title {
  text-align: center;
  margin-top: 35px; }
  /* line 405, static_files/css/style.scss */
  .title h1 {
    font-family: "BebasRegular";
    color: #E47E70;
    font-size: 50px;
    display: block;
    padding-top: 0px;
    margin: 0em 0; }
  /* line 414, static_files/css/style.scss */
  .title p, .title a {
    font-size: 17px;
    margin: 0; }
  /* line 419, static_files/css/style.scss */
  .title p {
    font-family: "RalewayRegular";
    color: #58595B; }
  /* line 424, static_files/css/style.scss */
  .title a {
    font-family: "RalewaySemiBold";
    color: #F3A741;
    text-decoration: none; }
  /* line 430, static_files/css/style.scss */
  .title a:hover {
    color: #E31C24; }

/* line 435, static_files/css/style.scss */
.about-picture {
  margin: 30px 0px 0px;
  display: block;
  text-align: center; }
  /* line 440, static_files/css/style.scss */
  .about-picture .icon {
    width: 160px; }

/* line 445, static_files/css/style.scss */
.picture {
  margin-top: 3px;
  margin-bottom: 25px;
  display: block; }
  /* line 450, static_files/css/style.scss */
  .picture .frame-picture {
    width: 220px;
    height: 220px;
    overflow: hidden; }
  /* line 456, static_files/css/style.scss */
  .picture .picture-size {
    width: 204px;
    height: 204px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative; }
  /* line 466, static_files/css/style.scss */
  .picture img:hover {
    transform: scale(1.1); }

/* line 471, static_files/css/style.scss */
.row-two-picture {
  margin: 30px;
  display: block; }
  /* line 475, static_files/css/style.scss */
  .row-two-picture .frame-picture {
    width: 220px;
    height: 220px;
    overflow: hidden; }
  /* line 481, static_files/css/style.scss */
  .row-two-picture .picture-size {
    width: 210px;
    height: 210px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative; }
  /* line 491, static_files/css/style.scss */
  .row-two-picture .picture-size img:hover {
    transform: scale(1.1); }

/* line 496, static_files/css/style.scss */
.send-to-facebook-icon {
  margin-top: 24px;
  width: 85%; }

/* line 501, static_files/css/style.scss */
.facebook-image-logo {
  width: 65px;
  padding-top: 15px; }

/* line 506, static_files/css/style.scss */
.credit {
  margin-top: 15px;
  margin-bottom: 15px;
  display: block;
  text-align: center;
  font-family: "RalewayRegular";
  color: #58595B;
  background-color: white;
  font-size: 12px; }

/* line 517, static_files/css/style.scss */
.content-menu {
  width: 100%; }
  /* line 520, static_files/css/style.scss */
  .content-menu .tns-outer {
    clear: both;
    z-index: 500; }
  /* line 525, static_files/css/style.scss */
  .content-menu .tns-ovh {
    overflow: initial; }
  /* line 529, static_files/css/style.scss */
  .content-menu .tns-item {
    max-height: 250px !important; }
  /* line 533, static_files/css/style.scss */
  .content-menu .container {
    overflow: hidden;
    display: flex; }
  /* line 538, static_files/css/style.scss */
  .content-menu .image {
    position: relative;
    top: -100px;
    width: 100%;
    margin: 0 auto; }
  /* line 545, static_files/css/style.scss */
  .content-menu .dessert-image {
    position: relative;
    bottom: 22%; }
  /* line 550, static_files/css/style.scss */
  .content-menu img {
    width: 100%;
    max-width: 500px; }
  /* line 555, static_files/css/style.scss */
  .content-menu h2 {
    font-family: "BebasRegular";
    color: white;
    font-size: 60px;
    margin-top: 72px;
    margin-bottom: 0;
    line-height: 90px;
    z-index: 1000;
    position: relative; }
  /* line 566, static_files/css/style.scss */
  .content-menu h3 {
    font-family: "RalewayBold";
    color: white;
    font-size: 20px;
    margin: 0; }
  /* line 573, static_files/css/style.scss */
  .content-menu p {
    font-family: "RalewayRegular";
    color: white; }

/* line 579, static_files/css/style.scss */
.meal-menu {
  background-image: url("/static/img/background-menu-signature.png?03fb3f06924b");
  background-color: #ef9d95;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  margin-bottom: 15px; }

/* line 588, static_files/css/style.scss */
.drink-menu {
  background-image: url("/static/img/background-menu-drink.png?03fb3f06924b");
  background-color: #f9b582;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  margin-bottom: 15px; }

/* line 597, static_files/css/style.scss */
.dessert-menu {
  background-image: url("/static/img/background-menu-meal.png?03fb3f06924b");
  background-color: #b8c955;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  margin-bottom: 15px; }

/* line 606, static_files/css/style.scss */
.paginator-right {
  display: table;
  position: relative;
  right: 27%;
  top: 35%;
  float: right; }

/* line 614, static_files/css/style.scss */
.paginator {
  position: relative;
  top: -30px; }
  /* line 618, static_files/css/style.scss */
  .paginator .paginator-after {
    width: 50px;
    float: left; }
  /* line 623, static_files/css/style.scss */
  .paginator .paginator-before {
    width: 50px;
    float: right; }
  /* line 628, static_files/css/style.scss */
  .paginator ul {
    list-style: none; }
  /* line 632, static_files/css/style.scss */
  .paginator li {
    cursor: pointer; }
    /* line 635, static_files/css/style.scss */
    .paginator li:hover {
      opacity: 0.8; }
  /* line 640, static_files/css/style.scss */
  .paginator .columns:focus {
    outline: 0;
    outline: none; }

/* line 646, static_files/css/style.scss */
.about-background {
  background: url("/static/img/doodle about us.png?abdd09c5a6a1");
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  margin-bottom: 100px; }

/* line 656, static_files/css/style.scss */
.right-pict {
  margin-left: 0%; }

/* line 660, static_files/css/style.scss */
.about {
  margin: 0;
  background-image: url("/static/img/outlet_Kopitiam_The_East.jpg?740bf64039cd");
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 500px;
  margin-bottom: 55px;
  display: flex;
  position: relative;
  background-position: center; }
  /* line 672, static_files/css/style.scss */
  .about:before {
    content: '';
    width: 100%;
    height: 100%;
    display: table;
    background: rgba(0, 0, 0, 0.1);
    position: absolute; }
  /* line 681, static_files/css/style.scss */
  .about h1 {
    margin: 0;
    font-family: "BebasRegular";
    font-size: 70px;
    color: #fff;
    display: block;
    text-align: center;
    padding-top: 185px;
    padding-bottom: 185px;
    text-shadow: 1px 2px 3px #666;
    z-index: 500;
    position: relative; }

/* line 696, static_files/css/style.scss */
.active {
  color: #E31C24; }

/* line 700, static_files/css/style.scss */
.about-menu {
  display: block;
  padding: 70px 100px 0px 100px; }
  /* line 704, static_files/css/style.scss */
  .about-menu h2 {
    font-family: "BebasRegular";
    line-height: 49px;
    margin-bottom: 12px;
    text-align: center;
    font-size: 48px; }
  /* line 712, static_files/css/style.scss */
  .about-menu p {
    font-family: "RalewayRegular";
    color: #58595B;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 0;
    line-height: 34px;
    text-align: center; }
  /* line 722, static_files/css/style.scss */
  .about-menu img {
    width: 100%;
    max-width: 400px; }

/* line 728, static_files/css/style.scss */
.text-align-right {
  text-align: right; }

/* line 732, static_files/css/style.scss */
.coffee-title, .environtment-title {
  margin-top: auto;
  margin-bottom: auto;
  padding-right: 70px;
  margin-left: 60px; }

/* line 739, static_files/css/style.scss */
.cuisine-title {
  text-align: right;
  margin: auto;
  padding-left: 70px;
  margin-right: 60px; }

/* PRODUCT */
/* line 747, static_files/css/style.scss */
.product-header {
  margin: 0;
  background-image: url("/static/img/banner-kopi.jpg?455ca876ada5");
  width: 100%;
  height: 500px;
  margin-bottom: 55px;
  display: flex;
  position: relative;
  background-size: cover;
  background-position: center center; }
  /* line 758, static_files/css/style.scss */
  .product-header h1 {
    font-family: "BebasRegular";
    color: white;
    padding-left: 52%;
    font-size: 50px;
    padding-top: 3%;
    padding-bottom: 29%;
    padding-right: 19%; }

/* line 769, static_files/css/style.scss */
.product-background-doodle {
  background: url("/static/img/products-doodle.png?aef1a5df0bf5");
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center; }

/* line 778, static_files/css/style.scss */
.aceh-picture-bg {
  background-color: #EC5A4E; }

/* line 782, static_files/css/style.scss */
.green-picture-bg {
  background-color: #A9B33F; }

/* line 786, static_files/css/style.scss */
.sumatra-picture-bg {
  background-color: #7BB0DF; }

/* line 790, static_files/css/style.scss */
.purple-flores-bg {
  background-color: #9D9ACA; }

/* line 795, static_files/css/style.scss */
.product-content .picture-box-left {
  width: 42%;
  height: 60px;
  position: absolute;
  left: 0;
  top: 150px;
  max-width: 42%;
  min-width: 42%; }

/* line 805, static_files/css/style.scss */
.product-content .picture-box-right {
  width: 44%;
  height: 60px;
  position: absolute;
  top: 150px;
  right: 0;
  max-width: 44%;
  min-width: 44%; }

/* line 815, static_files/css/style.scss */
.product-content h2 {
  font-family: "BebasRegular";
  font-size: 45px;
  margin-bottom: 0;
  line-height: 70px; }

/* line 822, static_files/css/style.scss */
.product-content img {
  width: 100%;
  max-width: 450px; }

/* line 827, static_files/css/style.scss */
.product-content p {
  font-family: "RalewayRegular";
  font-size: 14px;
  color: #58595B; }

/* line 834, static_files/css/style.scss */
.product-menu {
  display: flex;
  margin-bottom: 25px; }

/* line 839, static_files/css/style.scss */
.product-title-menu {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 70px; }

/* line 845, static_files/css/style.scss */
.flores-title, .sumatera-title {
  text-align: right;
  padding-left: 35px;
  margin-right: 70px; }

/* line 851, static_files/css/style.scss */
.picture-box-row {
  position: relative; }

/* line 855, static_files/css/style.scss */
.picture-right {
  margin-left: 0; }

/* OUTLET */
/* line 860, static_files/css/style.scss */
.outlet-collapse {
  display: flex;
  background-color: #fff;
  width: 25%;
  max-width: 500px;
  height: 550px;
  border-radius: 5px;
  padding: 25px 40px;
  box-sizing: border-box;
  float: left; }
  /* line 863, static_files/css/style.scss */
  .outlet-collapse .icon {
    float: right;
    position: relative;
    top: 5px; }
  /* line 868, static_files/css/style.scss */
  .outlet-collapse .active .icon {
    transform: rotate(180deg); }
  /* line 881, static_files/css/style.scss */
  .outlet-collapse h1 {
    font-family: "BebasRegular";
    font-size: 60px;
    line-height: 60px;
    color: #724B25;
    position: relative;
    margin: 0px 0px 20px; }
  /* line 890, static_files/css/style.scss */
  .outlet-collapse .mapouter {
    text-align: right;
    margin-right: 10px; }
  /* line 895, static_files/css/style.scss */
  .outlet-collapse .location-icon {
    position: relative;
    max-width: 25px;
    float: right;
    padding: 7px 0px;
    margin-bottom: 5px; }
  /* line 903, static_files/css/style.scss */
  .outlet-collapse .border-bottom {
    border-bottom: 1px solid lightgrey;
    margin-top: 10px; }
  /* line 908, static_files/css/style.scss */
  .outlet-collapse .collapsible-content-city {
    display: none; }
    /* line 911, static_files/css/style.scss */
    .outlet-collapse .collapsible-content-city p {
      margin-bottom: 0px; }
  /* line 916, static_files/css/style.scss */
  .outlet-collapse .collapsible-content {
    display: none; }
    /* line 919, static_files/css/style.scss */
    .outlet-collapse .collapsible-content p {
      margin-bottom: 0px; }
  /* line 924, static_files/css/style.scss */
  .outlet-collapse .collapsible-wrapper {
    padding: 10px 0px;
    margin-bottom: 5px; }
  /* line 929, static_files/css/style.scss */
  .outlet-collapse .collapsible-wrapper-city {
    margin-bottom: 5px;
    margin-left: 0; }
  /* line 934, static_files/css/style.scss */
  .outlet-collapse .collapsible-wrapper-city.active {
    padding: 0;
    margin-bottom: 5px;
    border-bottom: 1px solid lightgrey; }
    /* line 939, static_files/css/style.scss */
    .outlet-collapse .collapsible-wrapper-city.active .collapsible-content-city {
      display: block;
      color: #724B25; }
    /* line 944, static_files/css/style.scss */
    .outlet-collapse .collapsible-wrapper-city.active .collapsible-city {
      color: #724B25;
      border-bottom: none; }
  /* line 949, static_files/css/style.scss */
  .outlet-collapse .collapsible-wrapper.active {
    padding: 0;
    border-bottom: 1px solid lightgrey; }
    /* line 953, static_files/css/style.scss */
    .outlet-collapse .collapsible-wrapper.active .collapsible-content {
      display: block;
      color: #724B25;
      padding-bottom: 15px; }
      /* line 958, static_files/css/style.scss */
      .outlet-collapse .collapsible-wrapper.active .collapsible-content p {
        font-size: 12px; }
    /* line 963, static_files/css/style.scss */
    .outlet-collapse .collapsible-wrapper.active .collapsible {
      color: #E31C24;
      padding-top: 8px;
      border-top: 1px solid lightgrey; }
  /* line 970, static_files/css/style.scss */
  .outlet-collapse .collapsible-city {
    font-family: "BebasRegular";
    color: #724B25;
    font-size: 25px;
    margin: 0px;
    margin-left: 5px;
    padding-bottom: 10px;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px solid lightgrey; }
  /* line 983, static_files/css/style.scss */
  .outlet-collapse .collapsible {
    font-family: "RalewaySemiBold";
    color: #724B25;
    font-size: 15px;
    margin: 0px;
    position: relative;
    text-decoration: none;
    cursor: pointer; }
  /* line 992, static_files/css/style.scss */
  .outlet-collapse .one.columns {
    width: 10%;
    margin-right: 0; }

/* line 998, static_files/css/style.scss */
.outlet-header-bg {
  background-image: url("/static/img/outlet-map2.png?51b87b53a293");
  background-color: #fff5e1;
  width: 75%;
  height: 550px;
  background-size: 95%;
  background-repeat: no-repeat;
  background-position: center right;
  display: table; }

/* line 1009, static_files/css/style.scss */
.outlet-wrapper {
  overflow: auto;
  overflow-x: hidden;
  display: inline-block;
  width: 100%;
  max-height: 500px; }
  /* line 1016, static_files/css/style.scss */
  .outlet-wrapper .row:first-child .collapsible-wrapper.active {
    border-top: none; }
  /* line 1020, static_files/css/style.scss */
  .outlet-wrapper .row:last-child .collapsible-wrapper.active {
    border-bottom: none; }

/* line 1025, static_files/css/style.scss */
.outlet-title-bg {
  background-color: transparent;
  width: 100%;
  height: 500px;
  border-radius: 5px;
  padding: 25px 40px;
  box-sizing: border-box;
  text-align: center; }
  /* line 1034, static_files/css/style.scss */
  .outlet-title-bg h1 {
    font-family: "BebasRegular";
    font-size: 38px;
    line-height: 60px;
    color: #E31C24;
    position: relative;
    margin: 0px 0px 20px; }

/* Kopitiam Go */
/* line 1046, static_files/css/style.scss */
.kopitiam-wrapper {
  overflow: auto;
  overflow-x: hidden;
  display: inline-block;
  width: 100%;
  height: 260px; }
  /* line 1053, static_files/css/style.scss */
  .kopitiam-wrapper .row:first-child .collapsible-wrapper.active {
    border-top: none; }
  /* line 1057, static_files/css/style.scss */
  .kopitiam-wrapper .row:last-child .collapsible-wrapper.active, .kopitiam-wrapper .row:last-child .collapsible-wrapper {
    border-bottom: none; }

/* line 1062, static_files/css/style.scss */
.kopitiam-outlet-bg {
  background-color: #fff;
  width: 100%;
  max-width: 500px;
  height: 370px;
  border-radius: 5px;
  padding: 25px 40px 35px;
  margin: 195px 0px;
  box-sizing: border-box;
  display: table; }
  /* line 1073, static_files/css/style.scss */
  .kopitiam-outlet-bg h1 {
    font-family: "BebasRegular";
    font-size: 60px;
    line-height: 60px;
    color: #724B25;
    position: relative;
    margin: 0px 0px 10px; }
  /* line 1082, static_files/css/style.scss */
  .kopitiam-outlet-bg .mapouter {
    text-align: right;
    margin-right: 10px; }
  /* line 1087, static_files/css/style.scss */
  .kopitiam-outlet-bg .location-icon {
    position: relative;
    max-width: 25px;
    float: right;
    margin-bottom: 5px;
    padding-top: 10px; }
  /* line 1095, static_files/css/style.scss */
  .kopitiam-outlet-bg .collapsible {
    font-family: "RalewaySemiBold";
    color: #724B25;
    font-size: 16px;
    margin: 0px;
    position: relative;
    text-decoration: none;
    padding-top: 10px;
    cursor: pointer; }
  /* line 1106, static_files/css/style.scss */
  .kopitiam-outlet-bg .collapsible-content {
    display: none; }
    /* line 1109, static_files/css/style.scss */
    .kopitiam-outlet-bg .collapsible-content p {
      margin-bottom: 0px;
      font-family: "RalewayRegular";
      padding-bottom: 15px; }
  /* line 1116, static_files/css/style.scss */
  .kopitiam-outlet-bg .collapsible-wrapper.active {
    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey; }
    /* line 1120, static_files/css/style.scss */
    .kopitiam-outlet-bg .collapsible-wrapper.active .collapsible-content {
      display: block;
      color: #724B25; }
    /* line 1125, static_files/css/style.scss */
    .kopitiam-outlet-bg .collapsible-wrapper.active .collapsible {
      color: #E31C24; }

/* line 1131, static_files/css/style.scss */
.go-header {
  margin: 0;
  background-image: url("/static/img/Iced-Kopi-Susu-convert.jpg?c4f48b53ef61");
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 575px;
  display: flex;
  position: relative;
  background-position: center center; }
  /* line 1142, static_files/css/style.scss */
  .go-header .container.go-web {
    margin: auto; }
  /* line 1146, static_files/css/style.scss */
  .go-header:before {
    content: '';
    width: 100%;
    height: 100%;
    display: table;
    background: rgba(0, 0, 0, 0.1);
    position: absolute; }
  /* line 1155, static_files/css/style.scss */
  .go-header h1 {
    margin: 0;
    font-family: "BebasRegular";
    font-size: 60px;
    color: #fff;
    display: block;
    text-align: center;
    text-shadow: 1px 2px 3px #666;
    z-index: 500;
    position: relative;
    line-height: 90px; }
  /* line 1168, static_files/css/style.scss */
  .go-header p {
    margin: 0;
    font-family: "RalewayRegular";
    font-size: 20px;
    color: #fff;
    display: block;
    text-align: center;
    z-index: 500;
    position: relative;
    width: 65%;
    margin: 0 auto;
    padding: 0px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); }

/* line 1184, static_files/css/style.scss */
.slideshow-kopitiam-container {
  display: block;
  position: relative; }
  /* line 1188, static_files/css/style.scss */
  .slideshow-kopitiam-container .tns-nav {
    text-align: center;
    width: 100%;
    z-index: 100;
    position: absolute;
    bottom: 0;
    top: auto;
    overflow: hidden;
    margin-bottom: 45px; }
  /* line 1199, static_files/css/style.scss */
  .slideshow-kopitiam-container .tns-nav button {
    width: 16px;
    height: 16px;
    margin: 5px 7px;
    background: #fff;
    display: inline-block;
    zoom: 1;
    transition: opacity .2s ease;
    border-radius: 1px; }
  /* line 1210, static_files/css/style.scss */
  .slideshow-kopitiam-container .tns-nav .tns-nav-active, .slideshow-kopitiam-container .tns-nav button:hover {
    background: #447282;
    border: 1px solid #fff; }
  /* line 1215, static_files/css/style.scss */
  .slideshow-kopitiam-container .tns-nav button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 10px 3px;
    background: #ddd;
    border-color: #ddd; }
  /* line 1224, static_files/css/style.scss */
  .slideshow-kopitiam-container .tns-nav .tns-nav-active, .slideshow-kopitiam-container .tns-nav button:hover {
    background: #E47E70;
    border-color: #E47E70; }

/* line 1230, static_files/css/style.scss */
.kopitiam-go-outlet-background {
  background-image: url("/static/img/Kopitiam Go! Oakwood.jpg?c4f48b53ef61");
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 770px;
  background-position: center;
  display: table; }

/* Start Menu */
/* line 1241, static_files/css/style.scss */
.button_container {
  display: none;
  position: absolute;
  top: 40px;
  right: 10%;
  height: 35px;
  width: 35px;
  cursor: pointer;
  transition: opacity .25s ease;
  z-index: 900;
  line-height: 22px; }
  /* line 1253, static_files/css/style.scss */
  .button_container:hover {
    opacity: .7; }
  /* line 1257, static_files/css/style.scss */
  .button_container.active {
    position: fixed; }
    /* line 1260, static_files/css/style.scss */
    .button_container.active .top {
      transform: translateY(5px) translateX(0) rotate(45deg);
      background: #F3A741; }
    /* line 1265, static_files/css/style.scss */
    .button_container.active .bottom {
      transform: translateY(-5px) translateX(0) rotate(-45deg);
      background: #F3A741; }
  /* line 1271, static_files/css/style.scss */
  .button_container span {
    background: #F3A741;
    border: none;
    height: 4px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .35s ease;
    cursor: pointer; }
    /* line 1282, static_files/css/style.scss */
    .button_container span:nth-of-type(1) {
      top: -5px; }
    /* line 1286, static_files/css/style.scss */
    .button_container span:nth-of-type(2) {
      top: 5px; }

/* line 1292, static_files/css/style.scss */
.overlay {
  position: fixed;
  background: #FCFAF0 url("/static/img/doodle mobile.png?abdd09c5a6a1");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden; }
  /* line 1307, static_files/css/style.scss */
  .overlay.open {
    opacity: 1;
    visibility: visible;
    height: 100%;
    z-index: 800; }
    /* line 1313, static_files/css/style.scss */
    .overlay.open li {
      animation: fadeInRight .25s ease forwards;
      animation-delay: .25s; }
      /* line 1320, static_files/css/style.scss */
      .overlay.open li:nth-of-type(2) {
        animation-delay: 0.35s; }
      /* line 1320, static_files/css/style.scss */
      .overlay.open li:nth-of-type(3) {
        animation-delay: 0.45s; }
      /* line 1320, static_files/css/style.scss */
      .overlay.open li:nth-of-type(4) {
        animation-delay: 0.55s; }
      /* line 1320, static_files/css/style.scss */
      .overlay.open li:nth-of-type(5) {
        animation-delay: 0.65s; }
      /* line 1320, static_files/css/style.scss */
      .overlay.open li:nth-of-type(6) {
        animation-delay: 0.75s; }
      /* line 1320, static_files/css/style.scss */
      .overlay.open li:nth-of-type(7) {
        animation-delay: 0.85s; }
      /* line 1320, static_files/css/style.scss */
      .overlay.open li:nth-of-type(8) {
        animation-delay: 0.95s; }
      /* line 1320, static_files/css/style.scss */
      .overlay.open li:nth-of-type(9) {
        animation-delay: 1.05s; }
      /* line 1320, static_files/css/style.scss */
      .overlay.open li:nth-of-type(10) {
        animation-delay: 1.15s; }
  /* line 1328, static_files/css/style.scss */
  .overlay nav {
    transform: translateY(-50%);
    font: 12px/28px "BebasRegular";
    text-align: center; }
  /* line 1334, static_files/css/style.scss */
  .overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    width: 100%;
    top: 20%; }
    /* line 1343, static_files/css/style.scss */
    .overlay ul li {
      display: block;
      position: relative;
      opacity: 0; }
      /* line 1348, static_files/css/style.scss */
      .overlay ul li a {
        padding: 8px 0px;
        min-height: 20px;
        font-size: 16px;
        display: block;
        position: relative;
        color: #F7F7F7;
        text-decoration: none;
        overflow: hidden; }

/* End Menu */
@media (max-width: 876px) {
  /* line 1364, static_files/css/style.scss */
  body.block {
    overflow: hidden;
    position: fixed; }
  /* line 1370, static_files/css/style.scss */
  .header .logo {
    width: 100%;
    text-align: center; }
  /* line 1375, static_files/css/style.scss */
  .header .menus {
    display: none; }
  /* line 1379, static_files/css/style.scss */
  .header .button_container {
    display: block; }
  /* line 1384, static_files/css/style.scss */
  .overlay-menu {
    margin: auto; }
  /* line 1388, static_files/css/style.scss */
  .overlay {
    display: none; }
    /* line 1391, static_files/css/style.scss */
    .overlay .link-menu {
      display: block;
      text-align: center;
      margin: 10px;
      font: 25px / 32px "RalewayBold";
      width: 100%;
      padding-bottom: 15px; }
      /* line 1399, static_files/css/style.scss */
      .overlay .link-menu:last-child {
        padding-bottom: 0px;
        margin-bottom: 0px; }
    /* line 1405, static_files/css/style.scss */
    .overlay.open {
      display: flex; }
    /* line 1409, static_files/css/style.scss */
    .overlay .link-menu-wrapper {
      display: table; }
    /* line 1413, static_files/css/style.scss */
    .overlay .overlay-footer {
      font: 12px / 18px "RalewayRegular";
      padding-top: 25px;
      border-top: 1px solid #58595B;
      display: table;
      margin: 80px auto 0px;
      width: 80%;
      text-align: center; }
  /* line 1423, static_files/css/style.scss */
  .outlet-title-bg {
    padding: 20px 10px;
    margin: 0px;
    height: 100%;
    border-radius: inherit;
    max-width: 100%;
    position: relative; }
  /* line 1432, static_files/css/style.scss */
  .outlet-collapse {
    padding: 20px 10px;
    margin: 0px;
    height: 400px;
    border-radius: inherit;
    width: 40%; }
    /* line 1439, static_files/css/style.scss */
    .outlet-collapse .container {
      width: 100%;
      padding: 0px;
      margin: 20px 0px; }
    /* line 1445, static_files/css/style.scss */
    .outlet-collapse .outlet-wrapper {
      overflow: scroll; }
    /* line 1449, static_files/css/style.scss */
    .outlet-collapse h1 {
      text-align: center;
      font-size: 42px;
      line-height: 42px; }
    /* line 1455, static_files/css/style.scss */
    .outlet-collapse p {
      font-size: 13px;
      line-height: 18px; }
    /* line 1460, static_files/css/style.scss */
    .outlet-collapse .row {
      flex-direction: inherit; }
    /* line 1464, static_files/css/style.scss */
    .outlet-collapse .one.columns {
      width: 8%;
      margin-right: 2%; }
    /* line 1469, static_files/css/style.scss */
    .outlet-collapse .eleven.columns {
      width: 90%; }
    /* line 1473, static_files/css/style.scss */
    .outlet-collapse .collapsible-wrapper div:first-child {
      width: 70%; }
    /* line 1477, static_files/css/style.scss */
    .outlet-collapse .collapsible-content div:last-child {
      width: 100%; }
  /* line 1481, static_files/css/style.scss */
  .outlet-header-bg {
    background-image: url("/static/img/outlet-map2.png?51b87b53a293");
    width: 60%;
    height: 400px; }
  /* line 1489, static_files/css/style.scss */
  .content-menu .image {
    max-width: 300px;
    width: 100%; }
  /* line 1494, static_files/css/style.scss */
  .content-menu .paginator {
    top: -6px; }
  /* line 1498, static_files/css/style.scss */
  .content-menu .title-menu {
    margin-top: 20px; } }

@media only screen and (max-width: 1080px) {
  /* line 1506, static_files/css/style.scss */
  .header-block .mobile {
    display: block;
    height: 80px; }
  /* line 1511, static_files/css/style.scss */
  .header-block .logo {
    width: 165px;
    padding: 9px 28px; }
  /* line 1517, static_files/css/style.scss */
  .image-discover-food {
    display: block;
    width: 100%; }
  /* line 1522, static_files/css/style.scss */
  .discover-food {
    overflow: hidden; }
  /* line 1526, static_files/css/style.scss */
  .seven.columns {
    display: block;
    width: 100%; }
  /* line 1531, static_files/css/style.scss */
  .five.columns {
    display: block;
    width: 100%;
    margin-left: 0; }
  /* line 1537, static_files/css/style.scss */
  .picture .picture-size img {
    width: 180px;
    height: 180px; }
  /* line 1543, static_files/css/style.scss */
  .content-picture .three.columns {
    text-align: center; }
  /* line 1547, static_files/css/style.scss */
  .content-picture .picture-size:nth-child(n+2) {
    margin-left: 0; }
  /* line 1553, static_files/css/style.scss */
  .container.product-menu.first-three .six.columns {
    margin: auto; }
  /* line 1558, static_files/css/style.scss */
  .product-content .picture-box-left {
    top: 40%;
    transform: translate(0%, -7%);
    position: absolute; }
  /* line 1564, static_files/css/style.scss */
  .product-content .picture-box-right {
    top: 40%;
    transform: translate(0%, -7%);
    position: absolute; } }

@media only screen and (min-width: 1080px) {
  /* line 1572, static_files/css/style.scss */
  .seven.columns {
    display: block;
    width: 60%;
    padding-bottom: 0px; }
  /* line 1578, static_files/css/style.scss */
  .five.columns {
    width: 40%;
    margin-left: 0;
    display: inline-block;
    padding-bottom: 0px; }
  /* line 1585, static_files/css/style.scss */
  .image-discover-food {
    width: 100%;
    display: block;
    box-sizing: border-box; }
  /* line 1591, static_files/css/style.scss */
  .image-banner {
    width: 100%;
    height: 100%; } }

@media only screen and (max-width: 876px) {
  /* line 1598, static_files/css/style.scss */
  .row.banner {
    display: flex;
    justify-content: space-around;
    flex-direction: column; }
  /* line 1605, static_files/css/style.scss */
  .content-picture .three.columns {
    width: 33.333%; }
  /* line 1610, static_files/css/style.scss */
  .coffee-title, .environtment-title {
    padding-right: 0;
    margin-left: 50px; }
  /* line 1615, static_files/css/style.scss */
  .cuisine-title {
    padding-left: 0;
    margin-right: 50px; }
  /* line 1620, static_files/css/style.scss */
  .about-menu h2 {
    line-height: 45px;
    font-size: 33px; }
  /* line 1625, static_files/css/style.scss */
  .product-header {
    height: 410px; }
  /* line 1629, static_files/css/style.scss */
  .sumatera-title {
    padding-left: 0; }
  /* line 1633, static_files/css/style.scss */
  .product-content .picture-box-left {
    top: 35%; }
  /* line 1637, static_files/css/style.scss */
  .product-content .picture-box-right {
    top: 29%;
    max-width: 42%;
    min-width: 42%;
    width: 42%; }
  /* line 1644, static_files/css/style.scss */
  .footer .container {
    flex-direction: column; }
  /* line 1648, static_files/css/style.scss */
  .footer {
    padding-bottom: 300px; }
    /* line 1650, static_files/css/style.scss */
    .footer .one-column, .footer .two-column, .footer .three.column {
      width: 100%; }
    /* line 1654, static_files/css/style.scss */
    .footer .two-column {
      width: 100%;
      border-right: none;
      border-left: none;
      border-top: solid 1px white;
      border-bottom: solid 1px white; }
    /* line 1662, static_files/css/style.scss */
    .footer .three-column {
      width: 55%; }
  /* line 1667, static_files/css/style.scss */
  .send-to-facebook-icon {
    width: 65%; }
  /* line 1671, static_files/css/style.scss */
  .footer .four {
    margin: auto auto; }
  /* line 1675, static_files/css/style.scss */
  .go-header {
    height: 500px; }
    /* line 1678, static_files/css/style.scss */
    .go-header h1 {
      font-size: 42px;
      line-height: 80px; }
    /* line 1683, static_files/css/style.scss */
    .go-header p {
      font-size: 15px;
      padding: 0 30px; }
  /* line 1690, static_files/css/style.scss */
  .slideshow-kopitiam-container .tns-nav {
    margin-bottom: 0px; }
  /* line 1694, static_files/css/style.scss */
  .slideshow-kopitiam-container .tns-nav button {
    width: 6px;
    height: 8px; }
  /* line 1700, static_files/css/style.scss */
  .kopitiam-go-outlet-background {
    background-image: none;
    height: 440px; }
    /* line 1704, static_files/css/style.scss */
    .kopitiam-go-outlet-background .kopitiam-outlet-bg {
      margin: 0 0;
      display: block;
      width: 100%; }
      /* line 1708, static_files/css/style.scss */
      .kopitiam-go-outlet-background .kopitiam-outlet-bg h1 {
        text-align: center;
        font-size: 42px;
        line-height: 42px; }
      /* line 1714, static_files/css/style.scss */
      .kopitiam-go-outlet-background .kopitiam-outlet-bg p {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 10px; }
    /* line 1721, static_files/css/style.scss */
    .kopitiam-go-outlet-background .container {
      padding: 0px;
      width: 100%; }
  /* line 1727, static_files/css/style.scss */
  .kopitiam-outlet-bg {
    padding: 20px 10px;
    margin: 0px;
    height: 100%;
    border-radius: inherit;
    max-width: 100%;
    padding-top: 15px; }
    /* line 1735, static_files/css/style.scss */
    .kopitiam-outlet-bg h1 {
      margin: 0px 0px 25px; }
  /* line 1741, static_files/css/style.scss */
  .kopitiam-wrapper {
    height: 445px; }
    /* line 1743, static_files/css/style.scss */
    .kopitiam-wrapper .one.columns {
      width: 8%;
      margin-right: 2%; }
  /* line 1749, static_files/css/style.scss */
  .collapsible-content {
    display: block; }
    /* line 1751, static_files/css/style.scss */
    .collapsible-content .title-outlet {
      width: 68%; }
    /* line 1755, static_files/css/style.scss */
    .collapsible-content .map-outlet {
      width: 32%; }
  /* line 1760, static_files/css/style.scss */
  .kopitiam_go .credit {
    display: none; }
  /* line 1766, static_files/css/style.scss */
  .content-menu img {
    width: 100%;
    max-width: 300px; }
  /* line 1771, static_files/css/style.scss */
  .content-menu .image {
    width: 100%; }
  /* line 1775, static_files/css/style.scss */
  .content-menu .paginator {
    top: -5px; }
  /* line 1781, static_files/css/style.scss */
  .kopitiam-outlet-bg .row {
    display: flex;
    flex-direction: inherit; }
  /* line 1787, static_files/css/style.scss */
  .home-background .paginator .columns {
    float: none; } }

@media only screen and (max-width: 450px) {
  /* line 1793, static_files/css/style.scss */
  .image-discover-food {
    width: 100%;
    height: auto; }
  /* line 1798, static_files/css/style.scss */
  .image-banner {
    background-image: url("/static/img/red-banner.jpg?9e0888e94467");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 305px;
    text-align: center;
    display: inline-block; }
    /* line 1808, static_files/css/style.scss */
    .image-banner h1 {
      font-family: "BebasRegular";
      color: #E47E70;
      font-size: 50px;
      display: block;
      padding-top: 55px;
      text-align: center;
      margin: 0px; }
  /* line 1820, static_files/css/style.scss */
  .slideshow-container .tns-nav {
    margin-bottom: 0; }
  /* line 1825, static_files/css/style.scss */
  .picture-size:nth-child(1n+1) {
    margin-left: 4%; }
  /* line 1829, static_files/css/style.scss */
  .row.banner {
    display: flex;
    justify-content: space-around;
    flex-direction: column; }
  /* line 1836, static_files/css/style.scss */
  .picture .picture-size img {
    width: 140px;
    height: 140px; }
  /* line 1843, static_files/css/style.scss */
  .content-picture .three.columns {
    width: 50%;
    height: 50%; }
  /* line 1849, static_files/css/style.scss */
  .home {
    display: flex;
    flex-direction: column; }
  /* line 1854, static_files/css/style.scss */
  .outlet-header-bg {
    width: 100%;
    height: 200px;
    background-position: bottom;
    order: 2; }
    /* line 1860, static_files/css/style.scss */
    .outlet-header-bg .outlet-title-bg {
      padding: 0px 10px 20px 10px; }
      /* line 1863, static_files/css/style.scss */
      .outlet-header-bg .outlet-title-bg h1 {
        font-size: 30px; }
  /* line 1869, static_files/css/style.scss */
  .outlet-collapse {
    width: 100%;
    order: 3; }
  /* line 1874, static_files/css/style.scss */
  .footer {
    padding-bottom: 270px;
    order: 4; }
    /* line 1878, static_files/css/style.scss */
    .footer .one-column {
      width: 100%; }
    /* line 1882, static_files/css/style.scss */
    .footer .two-column {
      width: 100%;
      border-right: none;
      border-left: none;
      border-top: solid 1px white;
      border-bottom: solid 1px white; }
    /* line 1890, static_files/css/style.scss */
    .footer .three-column {
      width: 100%; }
  /* line 1894, static_files/css/style.scss */
  .container {
    order: 5; }
  /* line 1898, static_files/css/style.scss */
  .credit {
    margin-bottom: 8px;
    margin-top: 8px;
    font-size: 9px; }
  /* line 1904, static_files/css/style.scss */
  .container.about-menu {
    flex-direction: column;
    padding: 0 45px; }
  /* line 1909, static_files/css/style.scss */
  .container.about-menu.cuisine {
    flex-direction: column-reverse; }
  /* line 1913, static_files/css/style.scss */
  .coffee-title, .environtment-title {
    padding-right: 0;
    margin-left: 0;
    text-align: center; }
  /* line 1919, static_files/css/style.scss */
  .cuisine-title {
    padding-left: 0;
    margin-right: 0;
    text-align: center; }
  /* line 1925, static_files/css/style.scss */
  .text-align-right, .right-pict {
    margin-bottom: 20px; }
  /* line 1929, static_files/css/style.scss */
  .product-title-menu.sumatera-title {
    margin-bottom: 0px; }
  /* line 1933, static_files/css/style.scss */
  .about-menu {
    margin-bottom: 90px; }
    /* line 1935, static_files/css/style.scss */
    .about-menu h2 {
      line-height: 40px;
      font-size: 33px; }
    /* line 1940, static_files/css/style.scss */
    .about-menu p {
      line-height: 30px; }
  /* line 1945, static_files/css/style.scss */
  .about-picture .icon {
    margin-bottom: 20px; }
    /* line 1948, static_files/css/style.scss */
    .about-picture .icon:last-child {
      margin-bottom: 0px; }
  /* line 1953, static_files/css/style.scss */
  .product-header {
    height: 145px;
    margin-bottom: 25px; }
  /* line 1958, static_files/css/style.scss */
  .container.product-menu.first-three {
    flex-direction: column;
    padding: 0 35px; }
    /* line 1962, static_files/css/style.scss */
    .container.product-menu.first-three .six.columns {
      text-align: center; }
  /* line 1967, static_files/css/style.scss */
  .container.product-menu.two-four {
    flex-direction: column-reverse;
    padding: 0 35px; }
    /* line 1971, static_files/css/style.scss */
    .container.product-menu.two-four .six.columns {
      text-align: center;
      padding-left: 0;
      margin-right: 0; }
  /* line 1978, static_files/css/style.scss */
  .product-content .picture-box-left {
    width: 250px;
    top: 15%;
    min-width: 0;
    max-width: 250px;
    height: 50px; }
  /* line 1986, static_files/css/style.scss */
  .product-content .picture-box-right {
    width: 250px;
    top: 15%;
    min-width: 0;
    max-width: 250px;
    height: 50px; }
  /* line 1994, static_files/css/style.scss */
  .product-title-menu {
    margin-bottom: 50px;
    margin-left: 0; }
  /* line 1999, static_files/css/style.scss */
  .send-to-facebook-icon {
    width: 90%; }
  /* line 2003, static_files/css/style.scss */
  .content-menu {
    padding: 50px 0px; }
    /* line 2006, static_files/css/style.scss */
    .content-menu .container {
      min-height: 420px; }
    /* line 2010, static_files/css/style.scss */
    .content-menu h2 {
      margin: 0px;
      text-align: center;
      font-size: 38px;
      line-height: 38px;
      padding-bottom: 10px; }
    /* line 2018, static_files/css/style.scss */
    .content-menu.teks-left .tns-item {
      flex-direction: column-reverse;
      justify-content: flex-end;
      text-align: center; }
    /* line 2025, static_files/css/style.scss */
    .content-menu.teks-right h2 {
      padding-bottom: 20px; }
    /* line 2029, static_files/css/style.scss */
    .content-menu.teks-right .tns-item {
      flex-direction: column;
      text-align: center; }
    /* line 2035, static_files/css/style.scss */
    .content-menu .menu-paginator {
      width: 90%;
      margin: 0px auto; }
    /* line 2040, static_files/css/style.scss */
    .content-menu .image {
      top: 2px;
      width: 210px; }
    /* line 2045, static_files/css/style.scss */
    .content-menu p {
      min-height: 200px; }
    /* line 2049, static_files/css/style.scss */
    .content-menu .hide {
      display: none; }
    /* line 2053, static_files/css/style.scss */
    .content-menu .paginator {
      position: absolute;
      width: 100%;
      top: 22%;
      left: 0px; }
      /* line 2060, static_files/css/style.scss */
      .content-menu .paginator #customize-controls .six.columns, .content-menu .paginator #drink-customize-controls .six.columns, .content-menu .paginator #dessert-customize-controls .six.columns {
        width: 50%; }
      /* line 2065, static_files/css/style.scss */
      .content-menu .paginator .paginator-before {
        float: left; }
      /* line 2069, static_files/css/style.scss */
      .content-menu .paginator .paginator-after {
        float: right; }
  /* line 2075, static_files/css/style.scss */
  .kopitiam-go-title p {
    width: 90%;
    padding: 0px; } }