@charset "UTF-8";
/* Neat 1.7.0.pre
 * http://neat.bourbon.io
 * Copyright 2012–2014 thoughtbot, inc.
 * MIT License */
/**
 * Disable all deprecation warnings. Defaults to `false`. Set with a `!global` flag.
 *
 * @type Bool
 */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

/**
 * Makes an element a outer container by centring it in the viewport, clearing its floats, and setting its `max-width`.
 *
 * Although optional, using `outer-container` is recommended. The mixin can be called on more than one element per page, as long as they are not nested.
 *
 * @param {Number} $local-max-width ($max-width) - Max width to be applied to the element. Can be a percentage or a measure.
 *
 * @example scss
 *  .element {
 *    @include outer-container(100%);
 *  }
 *
 * @example css
 *  .element {
 *    *zoom: 1;
 *    max-width: 100%;
 *    margin-left: auto;
 *    margin-right: auto;
 *  }
 *
 *  .element:before, .element:after {
 *    content: " ";
 *    display: table;
 *  }
 *
 *  .element:after {
 *    clear: both;
 *  }
 */
/**
 * Changes the display property used by other mixins called in the code block argument.
 *
 * @param {String} $display (block) - Display value to be used within the block. Can be `table` or `block`.
 *
 * @example scss
 *   @include display(table) {
 *    .display-table {
 *      @include span-columns(6);
 *     }
 *   }
 *
 * @example css
 *   // CSS
 *   .display-table {
 *      display: table-cell;
 *      ...
 *   }
 */
/**
 * Changes the direction property used by other mixins called in the code block argument.
 *
 * @param {String} $direction (left-to-right) - Layout direction to be used within the block. Can be `left-to-right` or `right-to-left`.
 *
 * @example scss
 *   @include direction(right-to-left) {
 *    .right-to-left-block {
 *      @include span-columns(6);
 *     }
 *   }
 *
 * @example css
 *   // CSS
 *   .right-to-left-block {
 *     float: right;
 *      ...
 *   }
 */
/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *  user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
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,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevents 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: 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; }

/**
 * Addresses 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
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
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 {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
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.
 * 4. Improves appearance and consistency in all browsers.
 */
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.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
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; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 *  Known issue: excess padding remains in IE 6.
 */
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 */
  /* 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.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
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; }

body {
  font-family: "proxima-nova", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666; }

h1 {
  text-transform: uppercase;
  letter-spacing: 1px; }

@media screen and (min-width: 992px) and (max-width: 1199px) {
  body:before {
    max-width: 940px !important; } }
@media screen and (min-width: 768px) and (max-width: 991px) {
  body:before {
    max-width: 720px !important; } }
@media screen and (max-width: 767px) {
  body:before {
    max-width: 94% !important; } }

.content-wrap,
.content-meta {
  max-width: 73.125em;
  margin-left: auto;
  margin-right: auto;
  margin-left: auto;
  margin-right: auto;
  width: 73.125em; }
  .content-wrap:after,
  .content-meta:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .content-wrap,
    .content-meta {
      width: 970px;
      max-width: 940px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .content-wrap,
    .content-meta {
      width: 750px;
      max-width: 720px; } }
  @media screen and (max-width: 767px) {
    .content-wrap,
    .content-meta {
      width: auto;
      padding-left: 3%;
      padding-right: 3%; } }

.intro {
  display: block;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 65.88078%;
  margin-left: 17.05961%;
  margin-top: 6.85353em;
  margin-bottom: 6.85353em; }
  .intro:after {
    content: "";
    display: table;
    clear: both; }
  .intro:last-child {
    margin-right: 0; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .intro {
      margin-top: 4.2358em;
      margin-bottom: 4.2358em; } }
  @media screen and (max-width: 767px) {
    .intro {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%;
      margin-left: 0%;
      padding: 2.35765%;
      margin-top: 2.61792em;
      margin-bottom: 2.61792em; }
      .intro:last-child {
        margin-right: 0; } }

.small {
  font-size: 0.8em; }

img {
  width: 100%; }

a {
  color: grey;
  text-decoration: none;
  text-transform: lowercase; }
  a:hover {
    color: #eb432d; }

.content-meta {
  position: relative; }

ul.project-meta {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  padding: 0;
  margin-right: 0;
  list-style-type: none; }
  ul.project-meta:last-child {
    margin-right: 0; }
  ul.project-meta strong {
    display: inline-block;
    width: 4em; }

.social {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 65.88078%;
  font-size: 0.8em; }
  .social:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .social {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .social:last-child {
        margin-right: 0; } }
  .social .social-sharing {
    background-color: black;
    display: inline-block;
    padding: 0.25em 1em;
    margin: 0; }
    @media screen and (max-width: 767px) {
      .social .social-sharing {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%; }
        .social .social-sharing:last-child {
          margin-right: 0; } }
  .social .separator {
    padding-right: 0.5em;
    padding-left: 0.75em;
    color: white; }
  .social h5 {
    display: inline-block;
    color: white;
    text-transform: uppercase;
    margin: 0 2em 0 0; }
    @media screen and (max-width: 767px) {
      .social h5 {
        display: block; } }
  .social a {
    color: white;
    text-decoration: none;
    text-transform: lowercase; }
    .social a.btn-facebook:hover {
      color: #3b5998; }
    .social a.btn-twitter:hover {
      color: #00aced; }
    .social a.btn-google:hover {
      color: #dd4b39; }
    .social a.btn-pinterest:hover {
      color: #cb2027; }

.back-to-top {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
  margin-right: 0;
  text-align: right; }
  .back-to-top:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .back-to-top {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%;
      margin-top: 1.618em; }
      .back-to-top:last-child {
        margin-right: 0; } }
  .back-to-top a {
    text-decoration: none;
    font-size: 0.75019em;
    text-transform: uppercase;
    color: black; }

.video-js {
  width: auto !important;
  height: auto !important;
  background-color: #fff; }

.video-js video {
  position: relative !important; }

.video-js .vjs-big-play-button {
  font-size: 6em;
  line-height: 1.5em;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  top: 50%;
  left: 50%;
  margin-left: -0.75em;
  margin-top: -0.75em;
  border: 0;
  background-color: rgba(0, 0, 0, 0.9); }

.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {
  background-color: #eb432d; }

.video-js .vjs-control-bar {
  background-color: transparent; }

.video-js .vjs-slider {
  background-color: rgba(0, 0, 0, 0.3); }

.video-js .vjs-load-progress {
  background-color: rgba(128, 128, 128, 0.5); }

.back-to-hwm {
  position: absolute;
  top: 520px;
  left: 5em;
  text-decoration: none;
  color: #888;
  font-size: 13px;
  display: block;
  z-index: 99; }
  .back-to-hwm:hover {
    color: #eb432d; }
  @media screen and (max-width: 767px) {
    .back-to-hwm {
      left: 20px; } }

#index .back-to-hwm {
  top: auto;
  bottom: 2em; }

.hwm-header {
  z-index: 99;
  position: absolute;
  top: 5em;
  left: 5em; }
  @media screen and (max-width: 767px) {
    .hwm-header {
      top: 20px;
      left: 20px; } }

.hwm-for-jwt-logo {
  background: url("../images/logo-hwm-jwt.svg") no-repeat;
  background-size: 166px 67px;
  width: 166px;
  height: 67px;
  display: block;
  outline: none;
  text-indent: -9999px; }
  @media screen and (max-width: 767px) {
    .hwm-for-jwt-logo {
      background-size: 148px 60px;
      width: 148px;
      height: 60px; } }

.navigation {
  margin-top: 3em; }
  @media screen and (max-width: 767px) {
    .navigation {
      margin-top: 0; } }
  .navigation .primary {
    list-style-type: none;
    padding: 0;
    margin: 0; }
    .navigation .primary a {
      text-decoration: none;
      text-transform: uppercase;
      font-family: "proxima-nova", sans-serif;
      font-weight: 400;
      font-size: 0.875em;
      line-height: 1.3;
      color: #050505;
      -webkit-transition: color .5s;
      transition: color .5s; }
      .navigation .primary a:hover {
        color: #eb432d; }
  .navigation li.active a {
    color: #eb432d; }

.light .navigation a,
.central-embassy .navigation a,
.degree .navigation a,
.karv .navigation a,
.lebua .navigation a,
.lucaris .navigation a,
.magnolias .navigation a,
.ritz-carlton .navigation a,
.saladaeng-one .navigation a,
.scb .navigation a,
.sukhothai .navigation a,
.zpell .navigation a {
  color: white; }

.slicknav_menu {
  display: none; }

@media screen and (max-width: 767px) {
  ul.primary {
    display: none; }

  .slicknav_menu {
    display: block;
    position: absolute;
    background-color: transparent;
    width: 100%;
    padding: 0;
    z-index: 98; }
    .slicknav_menu .slicknav_menutxt {
      color: #ddd;
      text-shadow: none;
      font-weight: 700;
      font-size: .875em;
      line-height: 1em; }
    .slicknav_menu .slicknav_icon {
      margin: 0 0 0 0.5em; }
    .slicknav_menu .slicknav_icon-bar {
      background-color: #ddd;
      box-shadow: none; }

  .slicknav_btn {
    background-color: transparent;
    text-shadow: none;
    margin: 20px 10px 50px;
    z-index: 99; }

  .slicknav_nav {
    background-color: rgba(5, 5, 5, 0.9);
    position: absolute;
    width: 100%;
    padding-top: 100px;
    padding-bottom: 20px; }
    .slicknav_nav a {
      text-transform: uppercase;
      text-align: center;
      margin: 0;
      padding: .5em 1em; }
    .slicknav_nav a:hover {
      border-radius: 0;
      color: #eb432d !important;
      background-color: rgba(5, 5, 5, 0.8);
      color: white; } }
.featured-header {
  background-size: cover;
  background-position: 50% 25%; }

.featured-inner {
  position: relative;
  height: 35em; }

.project-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  width: 20%; }
  @media screen and (max-width: 767px) {
    .project-logo {
      width: 50%; } }

.degree .project-logo,
.scb .project-logo,
.shell-deli-cafe .project-logo,
.tmb .project-logo {
  width: 15%; }
  @media screen and (max-width: 767px) {
    .degree .project-logo,
    .scb .project-logo,
    .shell-deli-cafe .project-logo,
    .tmb .project-logo {
      width: 40%; } }

.lebua .project-logo {
  width: 10%; }
  @media screen and (max-width: 767px) {
    .lebua .project-logo {
      width: 30%; } }

.lucaris .featured-header {
  background-position: 50% 10%; }

.magnolias .featured-header {
  background-position: 50% 40%; }

.zpell .featured-header {
  background-position: 50% 50%; }

.intro {
  text-align: center; }
  .intro h1 {
    color: #333;
    margin: 1em 0; }
  .intro p {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: 1.6666666667em;
    color: #777; }
    @media screen and (max-width: 767px) {
      .intro p {
        text-align: left; } }
  .intro .project-idea {
    font-style: italic; }

.related-projects {
  margin-top: 8em; }
  .related-projects:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .related-projects {
      margin-top: 5em; } }
  @media screen and (max-width: 767px) {
    .related-projects {
      margin-top: 3em; } }
  .related-projects .prev-project {
    width: 50%;
    height: 28.125vw;
    float: left;
    padding: 2.35765%;
    background-size: cover;
    background-position: 50% 25%; }
    @media screen and (max-width: 767px) {
      .related-projects .prev-project {
        width: 100%;
        padding: 1em; } }
  .related-projects .next-project {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    width: 50%;
    height: 28.125vw;
    float: left;
    padding: 2.35765%;
    background-size: cover;
    background-position: 50% 25%;
    text-align: right; }
    .related-projects .next-project:last-child {
      margin-right: 0; }
    @media screen and (max-width: 767px) {
      .related-projects .next-project {
        width: 100%;
        padding: 1em; } }
  .related-projects h5 {
    margin: 0 0 .5em 0;
    text-transform: uppercase;
    color: grey; }
    @media screen and (max-width: 767px) {
      .related-projects h5 {
        margin: 0 0 .2em 0; } }
  .related-projects a {
    font-size: 1.125em;
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    letter-spacing: 1px; }
    @media screen and (max-width: 767px) {
      .related-projects a {
        font-size: 1em; } }
    .related-projects a:hover {
      color: #eb432d; }

.thumb-aesthete {
  background-image: url("../images/cover/aesthete.png"); }
  .thumb-aesthete a {
    color: black; }

.thumb-central-embassy {
  background-image: url("../images/cover/central-embassy.jpg"); }

.thumb-degree {
  background-image: url("../images/cover/degree.jpg"); }

.thumb-karv {
  background-image: url("../images/cover/karv.jpg"); }

.thumb-lebua {
  background-image: url("../images/cover/lebua.jpg"); }

.thumb-lebua {
  background-image: url("../images/cover/lebua.jpg"); }

.thumb-lucaris {
  background-image: url("../images/cover/lucaris.jpg"); }

.thumb-magnolias {
  background-image: url("../images/cover/magnolias.jpg"); }

.thumb-ritz-carlton {
  background-image: url("../images/cover/ritz-carlton.jpg"); }

.thumb-saladaeng-one {
  background-image: url("../images/cover/saladaeng-one.jpg"); }

.thumb-scb {
  background-image: url("../images/cover/scb.jpg"); }

.thumb-shell {
  background-image: url("../images/cover/shell-deli-cafe.jpg"); }
  .thumb-shell a {
    color: black; }

.thumb-sukhothai {
  background-image: url("../images/cover/sukhothai.jpg"); }

.thumb-tmb {
  background-image: url("../images/cover/tmb.jpg"); }
  .thumb-tmb a {
    color: black; }

.thumb-zpell {
  background-image: url("../images/cover/zpell.jpg"); }

footer {
  max-width: 73.125em;
  margin-left: auto;
  margin-right: auto;
  padding: 0 3% 0 3%;
  text-align: center;
  font-size: 0.8em; }
  footer:after {
    content: "";
    display: table;
    clear: both; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-loading .slick-list {
    background: #fff url("./ajax-loader.gif") center center no-repeat; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100vh;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: black;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: 25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: 25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: 25px; }
  [dir="rtl"] .slick-next {
    left: 25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

.light .slick-prev:before,
.light .slick-next:before {
  color: white; }

/* Dots */
.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0;
      font-size: 0;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* fullscreen setup */
html, body {
  /* give this to all tags from html to .fullscreen */ }

body {
  overflow-x: hidden; }

.fullscreen-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh; }
  .fullscreen-slider div {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover; }
  .fullscreen-slider a {
    display: block;
    position: absolute;
    width: 20%;
    height: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    @media screen and (max-width: 767px) {
      .fullscreen-slider a {
        width: 50%; } }
  .fullscreen-slider .aesthete {
    background-image: url("../images/cover/aesthete.png"); }
  .fullscreen-slider .central-embassy {
    background-image: url("../images/cover/central-embassy.jpg"); }
  .fullscreen-slider .degree {
    background-image: url("../images/cover/degree.jpg"); }
    .fullscreen-slider .degree a {
      width: 15%; }
      @media screen and (max-width: 767px) {
        .fullscreen-slider .degree a {
          width: 30%; } }
  .fullscreen-slider .karv {
    background-image: url("../images/cover/karv.jpg"); }
  .fullscreen-slider .lebua {
    background-image: url("../images/cover/lebua.jpg"); }
    .fullscreen-slider .lebua a {
      width: 10%; }
      @media screen and (max-width: 767px) {
        .fullscreen-slider .lebua a {
          width: 30%; } }
  .fullscreen-slider .lucaris {
    background-image: url("../images/cover/lucaris.jpg"); }
  .fullscreen-slider .magnolias {
    background-image: url("../images/cover/magnolias.jpg"); }
  .fullscreen-slider .ritz-carlton {
    background-image: url("../images/cover/ritz-carlton.jpg"); }
  .fullscreen-slider .saladaeng-one {
    background-image: url("../images/cover/saladaeng-one.jpg"); }
  .fullscreen-slider .scb {
    background-image: url("../images/cover/scb.jpg"); }
    .fullscreen-slider .scb a {
      width: 15%; }
      @media screen and (max-width: 767px) {
        .fullscreen-slider .scb a {
          width: 40%; } }
  .fullscreen-slider .shell {
    background-image: url("../images/cover/shell-deli-cafe.jpg"); }
    .fullscreen-slider .shell a {
      width: 15%; }
      @media screen and (max-width: 767px) {
        .fullscreen-slider .shell a {
          width: 40%; } }
  .fullscreen-slider .sukhothai {
    background-image: url("../images/cover/sukhothai.jpg"); }
  .fullscreen-slider .tmb {
    background-image: url("../images/cover/tmb.jpg"); }
    .fullscreen-slider .tmb a {
      width: 15%; }
      @media screen and (max-width: 767px) {
        .fullscreen-slider .tmb a {
          width: 40%; } }
  .fullscreen-slider .zpell {
    background-image: url("../images/cover/zpell.jpg"); }

.aesthete .featured-header {
  background-image: url("../images/cover/aesthete.png"); }

.aesthete-01,
.aesthete-02,
.aesthete-05,
.aesthete-06 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-bottom: 1.618em; }
  .aesthete-01:last-child,
  .aesthete-02:last-child,
  .aesthete-05:last-child,
  .aesthete-06:last-child {
    margin-right: 0; }

.aesthete-03,
.aesthete-04 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  margin-bottom: 1.618em; }
  .aesthete-03:last-child,
  .aesthete-04:last-child {
    margin-right: 0; }

.aesthete-04 {
  margin-right: 0; }

.central-embassy .featured-header {
  background-image: url("../images/cover/central-embassy.jpg"); }

.embassy-01 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-bottom: 1em; }
  .embassy-01:last-child {
    margin-right: 0; }

.embassy-02,
.embassy-03 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  margin-bottom: 1em; }
  .embassy-02:last-child,
  .embassy-03:last-child {
    margin-right: 0; }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .embassy-02,
    .embassy-03 {
      float: left;
      display: block;
      margin-right: 2.84259%;
      width: 48.57871%; }
      .embassy-02:last-child,
      .embassy-03:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .embassy-02,
    .embassy-03 {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 48.21067%; }
      .embassy-02:last-child,
      .embassy-03:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 767px) {
    .embassy-02,
    .embassy-03 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .embassy-02:last-child,
      .embassy-03:last-child {
        margin-right: 0; } }

.embassy-03 {
  padding: 0 0 0 5.4em;
  margin-right: 0; }
  .embassy-03:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .embassy-03 {
      padding: 0 0 0 4.4em; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .embassy-03 {
      padding: 0 0 0 3.5em; } }
  @media screen and (max-width: 767px) {
    .embassy-03 {
      padding: 0; } }

.embassy-04,
.embassy-05,
.embassy-06 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
  margin-bottom: 1em; }
  .embassy-04:last-child,
  .embassy-05:last-child,
  .embassy-06:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .embassy-04,
    .embassy-05,
    .embassy-06 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .embassy-04:last-child,
      .embassy-05:last-child,
      .embassy-06:last-child {
        margin-right: 0; } }

.embassy-06 {
  margin-right: 0; }
  .embassy-06:after {
    content: "";
    display: table;
    clear: both; }

.embassy-07 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 65.88078%;
  margin-bottom: 1em; }
  .embassy-07:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .embassy-07 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .embassy-07:last-child {
        margin-right: 0; } }

.embassy-08 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
  margin-right: 0;
  margin-bottom: 1em; }
  .embassy-08:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .embassy-08 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .embassy-08:last-child {
        margin-right: 0; } }

.embassy-09 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
  margin-left: 34.11922%;
  margin-bottom: 1em; }
  .embassy-09:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .embassy-09 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%;
      margin-left: 0%; }
      .embassy-09:last-child {
        margin-right: 0; } }

.embassy-10 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
  margin-right: 0;
  margin-bottom: 1em; }
  .embassy-10:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .embassy-10 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .embassy-10:last-child {
        margin-right: 0; } }

.embassy-11,
.embassy-12,
.embassy-15,
.embassy-16 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-bottom: 1em; }
  .embassy-11:last-child,
  .embassy-12:last-child,
  .embassy-15:last-child,
  .embassy-16:last-child {
    margin-right: 0; }

.embassy-13 {
  float: left;
  display: block;
  margin-right: 1.16509%;
  width: 53.63267%;
  margin-bottom: 1em; }
  .embassy-13:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .embassy-13 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .embassy-13:last-child {
        margin-right: 0; } }

.embassy-14 {
  float: left;
  display: block;
  margin-right: 1.16509%;
  width: 45.20224%;
  padding: 0 0 0 1.8em;
  margin-right: 0;
  margin-bottom: 1em; }
  .embassy-14:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .embassy-14 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%;
      padding: 0; }
      .embassy-14:last-child {
        margin-right: 0; } }

.embassy-17,
.embassy-18,
.embassy-22,
.embassy-23,
.embassy-24,
.embassy-25 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  margin-bottom: 1em; }
  .embassy-17:last-child,
  .embassy-18:last-child,
  .embassy-22:last-child,
  .embassy-23:last-child,
  .embassy-24:last-child,
  .embassy-25:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .embassy-17,
    .embassy-18,
    .embassy-22,
    .embassy-23,
    .embassy-24,
    .embassy-25 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .embassy-17:last-child,
      .embassy-18:last-child,
      .embassy-22:last-child,
      .embassy-23:last-child,
      .embassy-24:last-child,
      .embassy-25:last-child {
        margin-right: 0; } }

.embassy-19,
.embassy-20,
.embassy-21 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
  margin-bottom: 1em; }
  .embassy-19:last-child,
  .embassy-20:last-child,
  .embassy-21:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .embassy-19,
    .embassy-20,
    .embassy-21 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .embassy-19:last-child,
      .embassy-20:last-child,
      .embassy-21:last-child {
        margin-right: 0; } }

.embassy-18,
.embassy-21,
.embassy-23,
.embassy-25 {
  margin-right: 0; }
  .embassy-18:after,
  .embassy-21:after,
  .embassy-23:after,
  .embassy-25:after {
    content: "";
    display: table;
    clear: both; }

.degree .featured-header {
  background-image: url("../images/cover/degree.jpg"); }

.degree-01,
.degree-02,
.degree-03,
.degree-04,
.degree-05,
.degree-06,
.degree-07,
.degree-08,
.degree-13,
.degree-14,
.degree-15,
.degree-16 {
  float: left;
  display: block;
  margin-right: 1.75788%;
  width: 49.12106%;
  margin-bottom: 1.333em; }
  .degree-01:last-child,
  .degree-02:last-child,
  .degree-03:last-child,
  .degree-04:last-child,
  .degree-05:last-child,
  .degree-06:last-child,
  .degree-07:last-child,
  .degree-08:last-child,
  .degree-13:last-child,
  .degree-14:last-child,
  .degree-15:last-child,
  .degree-16:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .degree-01,
    .degree-02,
    .degree-03,
    .degree-04,
    .degree-05,
    .degree-06,
    .degree-07,
    .degree-08,
    .degree-13,
    .degree-14,
    .degree-15,
    .degree-16 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .degree-01:last-child,
      .degree-02:last-child,
      .degree-03:last-child,
      .degree-04:last-child,
      .degree-05:last-child,
      .degree-06:last-child,
      .degree-07:last-child,
      .degree-08:last-child,
      .degree-13:last-child,
      .degree-14:last-child,
      .degree-15:last-child,
      .degree-16:last-child {
        margin-right: 0; } }

.degree-02,
.degree-04,
.degree-06,
.degree-08,
.degree-14,
.degree-16 {
  margin-right: 0; }

.degree-09,
.degree-11 {
  float: left;
  display: block;
  margin-right: 1.75788%;
  width: 55.48093%;
  margin-bottom: 1.333em; }
  .degree-09:last-child,
  .degree-11:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .degree-09,
    .degree-11 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .degree-09:last-child,
      .degree-11:last-child {
        margin-right: 0; } }

.degree-10,
.degree-12 {
  float: left;
  display: block;
  margin-right: 1.75788%;
  width: 42.76119%;
  margin-right: 0;
  margin-bottom: 1.333em; }
  .degree-10:last-child,
  .degree-12:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .degree-10,
    .degree-12 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .degree-10:last-child,
      .degree-12:last-child {
        margin-right: 0; } }

.karv .featured-header {
  background-image: url("../images/cover/karv.jpg"); }

.karv-01 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-bottom: 1.333em; }
  .karv-01:last-child {
    margin-right: 0; }

.karv-02,
.karv-04 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 57.35098%;
  margin-bottom: 1.333em; }
  .karv-02:last-child,
  .karv-04:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .karv-02,
    .karv-04 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .karv-02:last-child,
      .karv-04:last-child {
        margin-right: 0; } }

.karv-03,
.karv-05 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 40.29137%;
  margin-right: 0;
  margin-bottom: 1.333em; }
  .karv-03:last-child,
  .karv-05:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .karv-03,
    .karv-05 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .karv-03:last-child,
      .karv-05:last-child {
        margin-right: 0; } }

.karv-06,
.karv-07 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-bottom: 1.333em; }
  .karv-06:last-child,
  .karv-07:last-child {
    margin-right: 0; }

.lebua .featured-header {
  background-image: url("../images/cover/lebua.jpg"); }

.lebua-01 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 40.29137%;
  margin-bottom: 1.333em; }
  .lebua-01:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .lebua-01 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .lebua-01:last-child {
        margin-right: 0; } }

.lebua-02 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 57.35098%;
  margin-right: 0;
  margin-bottom: 1.333em; }
  .lebua-02:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .lebua-02 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .lebua-02:last-child {
        margin-right: 0; } }

.lebua-03 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-bottom: 1.333em; }
  .lebua-03:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .lebua-03 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .lebua-03:last-child {
        margin-right: 0; } }

.lebua-04,
.lebua-05,
.lebua-06,
.lebua-07 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  margin-bottom: 1.333em; }
  .lebua-04:last-child,
  .lebua-05:last-child,
  .lebua-06:last-child,
  .lebua-07:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .lebua-04,
    .lebua-05,
    .lebua-06,
    .lebua-07 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .lebua-04:last-child,
      .lebua-05:last-child,
      .lebua-06:last-child,
      .lebua-07:last-child {
        margin-right: 0; } }

.lebua-05,
.lebua-07 {
  margin-right: 0; }

.lebua-08,
.lebua-09,
.lebua-10,
.lebua-11 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-bottom: 1.333em; }
  .lebua-08:last-child,
  .lebua-09:last-child,
  .lebua-10:last-child,
  .lebua-11:last-child {
    margin-right: 0; }

.lebua-21 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 65.88078%; }
  .lebua-21:last-child {
    margin-right: 0; }

.lebua-22 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
  margin-right: 0; }
  .lebua-22:last-child {
    margin-right: 0; }

.lebua-23 {
  padding-top: 1.333em; }

.lebua-text {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-bottom: 1.333em; }
  .lebua-text:last-child {
    margin-right: 0; }

.lucaris .featured-header {
  background-image: url("../images/cover/lucaris.jpg"); }

.lucaris-01,
.lucaris-04,
.lucaris-11,
.lucaris-14,
.lucaris-22 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-bottom: 1.333em; }
  .lucaris-01:last-child,
  .lucaris-04:last-child,
  .lucaris-11:last-child,
  .lucaris-14:last-child,
  .lucaris-22:last-child {
    margin-right: 0; }

.lucaris-02,
.lucaris-12,
.lucaris-17 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 40.29137%;
  margin-bottom: 1.333em; }
  .lucaris-02:last-child,
  .lucaris-12:last-child,
  .lucaris-17:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .lucaris-02,
    .lucaris-12,
    .lucaris-17 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .lucaris-02:last-child,
      .lucaris-12:last-child,
      .lucaris-17:last-child {
        margin-right: 0; } }

.lucaris-03,
.lucaris-13,
.lucaris-18 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 57.35098%;
  margin-right: 0;
  margin-bottom: 1.333em; }
  .lucaris-03:last-child,
  .lucaris-13:last-child,
  .lucaris-18:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .lucaris-03,
    .lucaris-13,
    .lucaris-18 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .lucaris-03:last-child,
      .lucaris-13:last-child,
      .lucaris-18:last-child {
        margin-right: 0; } }

.lucaris-05,
.lucaris-07,
.lucaris-09,
.lucaris-15,
.lucaris-16,
.lucaris-23,
.lucaris-24 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  margin-bottom: 1.333em; }
  .lucaris-05:last-child,
  .lucaris-07:last-child,
  .lucaris-09:last-child,
  .lucaris-15:last-child,
  .lucaris-16:last-child,
  .lucaris-23:last-child,
  .lucaris-24:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .lucaris-05,
    .lucaris-07,
    .lucaris-09,
    .lucaris-15,
    .lucaris-16,
    .lucaris-23,
    .lucaris-24 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .lucaris-05:last-child,
      .lucaris-07:last-child,
      .lucaris-09:last-child,
      .lucaris-15:last-child,
      .lucaris-16:last-child,
      .lucaris-23:last-child,
      .lucaris-24:last-child {
        margin-right: 0; } }

.lucaris-06,
.lucaris-08,
.lucaris-10 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 40.29137%;
  margin-left: 8.5298%;
  margin-right: 0;
  margin-bottom: 1.333em; }
  .lucaris-06:last-child,
  .lucaris-08:last-child,
  .lucaris-10:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .lucaris-06,
    .lucaris-08,
    .lucaris-10 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%;
      margin-left: 0%; }
      .lucaris-06:last-child,
      .lucaris-08:last-child,
      .lucaris-10:last-child {
        margin-right: 0; } }

.lucaris-19,
.lucaris-20,
.lucaris-21 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
  margin-bottom: 1.333em; }
  .lucaris-19:last-child,
  .lucaris-20:last-child,
  .lucaris-21:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .lucaris-19,
    .lucaris-20,
    .lucaris-21 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .lucaris-19:last-child,
      .lucaris-20:last-child,
      .lucaris-21:last-child {
        margin-right: 0; } }

.lucaris-16,
.lucaris-21,
.lucaris-24 {
  margin-right: 0; }

.lucaris-19 {
  clear: both; }

.magnolias .featured-header {
  background-image: url("../images/cover/magnolias.jpg"); }

.magnolias-01 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-bottom: 1.333em; }
  .magnolias-01:last-child {
    margin-right: 0; }

.magnolias-02,
.magnolias-04 {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 47.58542%;
  margin-bottom: 1.333em; }
  .magnolias-02:last-child,
  .magnolias-04:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .magnolias-02,
    .magnolias-04 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .magnolias-02:last-child,
      .magnolias-04:last-child {
        margin-right: 0; } }

.magnolias-03,
.magnolias-05 {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 47.58542%;
  margin-right: 0;
  margin-bottom: 1.333em; }
  .magnolias-03:last-child,
  .magnolias-05:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .magnolias-03,
    .magnolias-05 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .magnolias-03:last-child,
      .magnolias-05:last-child {
        margin-right: 0; } }

.magnolias-06,
.magnolias-07 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  margin-bottom: 1.333em; }
  .magnolias-06:last-child,
  .magnolias-07:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .magnolias-06,
    .magnolias-07 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .magnolias-06:last-child,
      .magnolias-07:last-child {
        margin-right: 0; } }

.magnolias-07 {
  margin-right: 0; }

.magnolias-08 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 82.94039%;
  margin-left: 17.05961%;
  margin-right: 0;
  margin-bottom: 1.333em; }
  .magnolias-08:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .magnolias-08 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%;
      margin-left: 0%; }
      .magnolias-08:last-child {
        margin-right: 0; } }

.magnolias-09 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 57.35098%;
  margin-bottom: 1.333em; }
  .magnolias-09:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .magnolias-09 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .magnolias-09:last-child {
        margin-right: 0; } }

.magnolias-10 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 40.29137%;
  margin-right: 0;
  margin-bottom: 1.333em; }
  .magnolias-10:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .magnolias-10 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .magnolias-10:last-child {
        margin-right: 0; } }

.magnolias-11 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-bottom: 1.333em; }
  .magnolias-11:last-child {
    margin-right: 0; }

.ritz-carlton .featured-header {
  background-image: url("../images/cover/ritz-carlton.jpg"); }

.ritz-carlton-01,
.ritz-carlton-02,
.ritz-carlton-03,
.ritz-carlton-08,
.ritz-carlton-09 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-bottom: 1.333em; }
  .ritz-carlton-01:last-child,
  .ritz-carlton-02:last-child,
  .ritz-carlton-03:last-child,
  .ritz-carlton-08:last-child,
  .ritz-carlton-09:last-child {
    margin-right: 0; }

.ritz-carlton-04 {
  float: left;
  display: block;
  margin-right: 1.16509%;
  width: 49.41745%;
  margin-bottom: 1.333em; }
  .ritz-carlton-04:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .ritz-carlton-04 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .ritz-carlton-04:last-child {
        margin-right: 0; } }

.ritz-carlton-05 {
  float: left;
  display: block;
  margin-right: 1.16509%;
  width: 45.20224%;
  margin-left: 4.21521%;
  margin-right: 0;
  margin-bottom: 1.333em; }
  .ritz-carlton-05:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .ritz-carlton-05 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%;
      margin-left: 0%; }
      .ritz-carlton-05:last-child {
        margin-right: 0; } }

.ritz-carlton-06 {
  float: left;
  display: block;
  margin-right: 1.16509%;
  width: 57.84788%;
  margin-bottom: 1.333em; }
  .ritz-carlton-06:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .ritz-carlton-06 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .ritz-carlton-06:last-child {
        margin-right: 0; } }

.ritz-carlton-07 {
  float: left;
  display: block;
  margin-right: 1.16509%;
  width: 24.12618%;
  margin-bottom: 1.333em; }
  .ritz-carlton-07:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .ritz-carlton-07 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .ritz-carlton-07:last-child {
        margin-right: 0; } }

.ritz-carlton-08-09 {
  float: left;
  display: block;
  margin-right: 1.16509%;
  width: 15.69576%;
  margin-right: 0;
  margin-bottom: 1.333em; }
  .ritz-carlton-08-09:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .ritz-carlton-08-09 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .ritz-carlton-08-09:last-child {
        margin-right: 0; } }

.ritz-carlton-10,
.ritz-carlton-11 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-bottom: 1.333em; }
  .ritz-carlton-10:last-child,
  .ritz-carlton-11:last-child {
    margin-right: 0; }

.saladaeng-one .featured-header {
  background-image: url("../images/cover/saladaeng-one.jpg"); }

.saladaeng-one-01,
.saladaeng-one-02,
.saladaeng-one-03,
.saladaeng-one-04,
.saladaeng-one-05,
.saladaeng-one-06 {
  float: left;
  display: block;
  margin-right: 1.75788%;
  width: 49.12106%;
  margin-bottom: 1.333em; }
  .saladaeng-one-01:last-child,
  .saladaeng-one-02:last-child,
  .saladaeng-one-03:last-child,
  .saladaeng-one-04:last-child,
  .saladaeng-one-05:last-child,
  .saladaeng-one-06:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .saladaeng-one-01,
    .saladaeng-one-02,
    .saladaeng-one-03,
    .saladaeng-one-04,
    .saladaeng-one-05,
    .saladaeng-one-06 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .saladaeng-one-01:last-child,
      .saladaeng-one-02:last-child,
      .saladaeng-one-03:last-child,
      .saladaeng-one-04:last-child,
      .saladaeng-one-05:last-child,
      .saladaeng-one-06:last-child {
        margin-right: 0; } }

.saladaeng-one-02,
.saladaeng-one-04,
.saladaeng-one-06 {
  margin-right: 0; }

.saladaeng-one-07 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-bottom: 1.333em; }
  .saladaeng-one-07:last-child {
    margin-right: 0; }

.scb .featured-header {
  background-image: url("../images/cover/scb.jpg"); }

.scb-01,
.scb-02 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-bottom: 1.333em; }
  .scb-01:last-child,
  .scb-02:last-child {
    margin-right: 0; }

.scb-03,
.scb-04,
.scb-05,
.scb-06 {
  float: left;
  display: block;
  margin-right: 1.75788%;
  width: 49.12106%;
  margin-bottom: 1.333em; }
  .scb-03:last-child,
  .scb-04:last-child,
  .scb-05:last-child,
  .scb-06:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .scb-03,
    .scb-04,
    .scb-05,
    .scb-06 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .scb-03:last-child,
      .scb-04:last-child,
      .scb-05:last-child,
      .scb-06:last-child {
        margin-right: 0; } }

.scb-04,
.scb-06 {
  margin-right: 0; }

.scb-07 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-bottom: 1.333em; }
  .scb-07:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .scb-07 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .scb-07:last-child {
        margin-right: 0; } }

.scb-08,
.scb-09 {
  float: left;
  display: block;
  margin-right: 1.75788%;
  width: 42.76119%;
  margin-bottom: 1.333em; }
  .scb-08:last-child,
  .scb-09:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .scb-08,
    .scb-09 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .scb-08:last-child,
      .scb-09:last-child {
        margin-right: 0; } }

.scb-10 {
  float: left;
  display: block;
  margin-right: 1.75788%;
  width: 55.48093%;
  margin-left: 44.51907%;
  margin-right: 0;
  margin-bottom: 1.333em; }
  .scb-10:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .scb-10 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%;
      margin-left: 0%; }
      .scb-10:last-child {
        margin-right: 0; } }

.scb-11,
.scb-12,
.scb-13,
.scb-14,
.scb-15,
.scb-16 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  margin-bottom: 1em; }
  .scb-11:last-child,
  .scb-12:last-child,
  .scb-13:last-child,
  .scb-14:last-child,
  .scb-15:last-child,
  .scb-16:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .scb-11,
    .scb-12,
    .scb-13,
    .scb-14,
    .scb-15,
    .scb-16 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .scb-11:last-child,
      .scb-12:last-child,
      .scb-13:last-child,
      .scb-14:last-child,
      .scb-15:last-child,
      .scb-16:last-child {
        margin-right: 0; } }

.scb-12,
.scb-14,
.scb-16 {
  margin-right: 0; }

.shell-deli-cafe .featured-header {
  background-image: url("../images/cover/shell-deli-cafe.jpg"); }

.shell-01,
.shell-07 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-bottom: 1.333em; }
  .shell-01:last-child,
  .shell-07:last-child {
    margin-right: 0; }

.shell-02,
.shell-03,
.shell-04,
.shell-10,
.shell-11 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%; }
  .shell-02:last-child,
  .shell-03:last-child,
  .shell-04:last-child,
  .shell-10:last-child,
  .shell-11:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .shell-02,
    .shell-03,
    .shell-04,
    .shell-10,
    .shell-11 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .shell-02:last-child,
      .shell-03:last-child,
      .shell-04:last-child,
      .shell-10:last-child,
      .shell-11:last-child {
        margin-right: 0; } }

.shell-05,
.shell-06,
.shell-08,
.shell-09 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%; }
  .shell-05:last-child,
  .shell-06:last-child,
  .shell-08:last-child,
  .shell-09:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .shell-05,
    .shell-06,
    .shell-08,
    .shell-09 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .shell-05:last-child,
      .shell-06:last-child,
      .shell-08:last-child,
      .shell-09:last-child {
        margin-right: 0; } }

.shell-04,
.shell-06,
.shell-09 {
  margin-right: 0; }

.shell-text {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-bottom: 1.333em; }
  .shell-text:last-child {
    margin-right: 0; }

.shell-02,
.shell-03,
.shell-04,
.shell-08,
.shell-09 {
  margin-bottom: 1.333em; }

.shell-12 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 23.23176%; }
  .shell-12:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .shell-12 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .shell-12:last-child {
        margin-right: 0; } }

@media screen and (max-width: 767px) {
  .shell-05,
  .shell-10,
  .shell-11 {
    margin-bottom: 1.333em; } }

.sukhothai .featured-header {
  background-image: url("../images/cover/sukhothai.jpg"); }

.sukhothai-01,
.sukhothai-02,
.sukhothai-03,
.sukhothai-04,
.sukhothai-05,
.sukhothai-06,
.sukhothai-07,
.sukhothai-08,
.sukhothai-09,
.sukhothai-10,
.sukhothai-11,
.sukhothai-12,
.sukhothai-13,
.sukhothai-14 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  margin-bottom: 1em; }
  .sukhothai-01:last-child,
  .sukhothai-02:last-child,
  .sukhothai-03:last-child,
  .sukhothai-04:last-child,
  .sukhothai-05:last-child,
  .sukhothai-06:last-child,
  .sukhothai-07:last-child,
  .sukhothai-08:last-child,
  .sukhothai-09:last-child,
  .sukhothai-10:last-child,
  .sukhothai-11:last-child,
  .sukhothai-12:last-child,
  .sukhothai-13:last-child,
  .sukhothai-14:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .sukhothai-01,
    .sukhothai-02,
    .sukhothai-03,
    .sukhothai-04,
    .sukhothai-05,
    .sukhothai-06,
    .sukhothai-07,
    .sukhothai-08,
    .sukhothai-09,
    .sukhothai-10,
    .sukhothai-11,
    .sukhothai-12,
    .sukhothai-13,
    .sukhothai-14 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .sukhothai-01:last-child,
      .sukhothai-02:last-child,
      .sukhothai-03:last-child,
      .sukhothai-04:last-child,
      .sukhothai-05:last-child,
      .sukhothai-06:last-child,
      .sukhothai-07:last-child,
      .sukhothai-08:last-child,
      .sukhothai-09:last-child,
      .sukhothai-10:last-child,
      .sukhothai-11:last-child,
      .sukhothai-12:last-child,
      .sukhothai-13:last-child,
      .sukhothai-14:last-child {
        margin-right: 0; } }

.sukhothai-02,
.sukhothai-04,
.sukhothai-06,
.sukhothai-08,
.sukhothai-10,
.sukhothai-12,
.sukhothai-14 {
  margin-right: 0; }

.tmb .featured-header {
  background-image: url("../images/cover/tmb.jpg"); }

.tmb-01 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-bottom: 1.333em; }
  .tmb-01:last-child {
    margin-right: 0; }

.tmb-02,
.tmb-04,
.tmb-06 {
  float: left;
  display: block;
  margin-right: 1.16509%;
  width: 45.20224%;
  padding: 0 1em 0 0;
  margin-bottom: 1.333em; }
  .tmb-02:last-child,
  .tmb-04:last-child,
  .tmb-06:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .tmb-02,
    .tmb-04,
    .tmb-06 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%;
      padding: 0; }
      .tmb-02:last-child,
      .tmb-04:last-child,
      .tmb-06:last-child {
        margin-right: 0; } }

.tmb-03,
.tmb-05,
.tmb-07 {
  float: left;
  display: block;
  margin-right: 1.16509%;
  width: 53.63267%;
  margin-right: 0;
  margin-bottom: 1.333em; }
  .tmb-03:last-child,
  .tmb-05:last-child,
  .tmb-07:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .tmb-03,
    .tmb-05,
    .tmb-07 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .tmb-03:last-child,
      .tmb-05:last-child,
      .tmb-07:last-child {
        margin-right: 0; } }

.tmb-08,
.tmb-09,
.tmb-10,
.tmb-11 {
  float: left;
  display: block;
  margin-right: 1.75788%;
  width: 49.12106%;
  margin-bottom: 1.333em; }
  .tmb-08:last-child,
  .tmb-09:last-child,
  .tmb-10:last-child,
  .tmb-11:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .tmb-08,
    .tmb-09,
    .tmb-10,
    .tmb-11 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .tmb-08:last-child,
      .tmb-09:last-child,
      .tmb-10:last-child,
      .tmb-11:last-child {
        margin-right: 0; } }

.tmb-09,
.tmb-11 {
  margin-right: 0; }

.zpell .featured-header {
  background-image: url("../images/cover/zpell.jpg"); }

.zpell-01-02 {
  float: left;
  display: block;
  margin-right: 1.16509%;
  width: 45.20224%;
  padding: 0 1em 0 0;
  margin-bottom: 1em; }
  .zpell-01-02:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .zpell-01-02 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%;
      padding: 0; }
      .zpell-01-02:last-child {
        margin-right: 0; } }

.zpell-03-04 {
  float: left;
  display: block;
  margin-right: 1.16509%;
  width: 53.63267%;
  padding: 0 0 0 0.5em;
  margin-right: 0;
  margin-bottom: 1em; }
  .zpell-03-04:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .zpell-03-04 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%;
      padding: 0; }
      .zpell-03-04:last-child {
        margin-right: 0; } }

.zpell-05 {
  float: left;
  display: block;
  margin-right: 1.16509%;
  width: 62.06309%;
  margin-bottom: 1em; }
  .zpell-05:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .zpell-05 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .zpell-05:last-child {
        margin-right: 0; } }

.zpell-06 {
  float: left;
  display: block;
  margin-right: 1.16509%;
  width: 36.77182%;
  padding: 0 0 0 1em;
  margin-right: 0;
  margin-bottom: 1em; }
  .zpell-06:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .zpell-06 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%;
      padding: 0; }
      .zpell-06:last-child {
        margin-right: 0; } }

.zpell-07,
.zpell-09 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-bottom: 1em; }
  .zpell-07:last-child,
  .zpell-09:last-child {
    margin-right: 0; }

.zpell-08 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 57.35098%;
  margin-bottom: 1em; }
  .zpell-08:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .zpell-08 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .zpell-08:last-child {
        margin-right: 0; } }

.zpell-10,
.zpell-11,
.zpell-12,
.zpell-13 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  margin-bottom: 1em; }
  .zpell-10:last-child,
  .zpell-11:last-child,
  .zpell-12:last-child,
  .zpell-13:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .zpell-10,
    .zpell-11,
    .zpell-12,
    .zpell-13 {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%; }
      .zpell-10:last-child,
      .zpell-11:last-child,
      .zpell-12:last-child,
      .zpell-13:last-child {
        margin-right: 0; } }

.zpell-11,
.zpell-13 {
  margin-right: 0; }