@charset "utf-8";
/*------------------------------------*\
    STYLE.CSS
\*------------------------------------*/
/**
 * Here we the inuit.css framework, then add our
 * project-specific components afterwards.
 */
/*------------------------------------*\
    $SETUP
\*------------------------------------*/
/*------------------------------------*\
    VARS.SCSS
\*------------------------------------*/
/**
 * Any variables you find set in inuit.css’ `_vars.scss` that you do not wish to
 * keep, simply redefine here. This means that if inuit.css, for example, sets
 * your `$base-font-size` at 16px and you wish it to be 14px, simply redeclare
 * that variable in this file. inuit.css ignores its own variables in favour of
 * using your own, so you can completely modify how inuit.css works without ever
 * having to alter the framework itself.
 */
/*------------------------------------*\
    $OBJECTS-AND-ABSTRACTIONS
\*------------------------------------*/
/**
 * All of inuit.css’ objects and abstractions are initially turned off by
 * default. This means that you start any project with as little as possible,
 * and introducing objects and abstractions is as simple as switching the
 * following variables to `true`.
 */
/*-----------------------------------------------*\
     $STYLE GUIDE
\*-----------------------------------------------*/
/*
 * Colors
 */
/* Font sizes */
/*
 * Spacing Units
 */
/*------------------------------------*\
    INUIT.CSS
\*------------------------------------*/
/*!*
 *
 * inuitcss.com -- @inuitcss -- @csswizardry
 *
 */
/**
 * inuit.css acts as a base stylesheet which you should extend with your own
 * theme stylesheet.
 *
 * inuit.css aims to do the heavy lifting; sorting objects and abstractions,
 * design patterns and fiddly bits of CSS, whilst leaving as much design as
 * possible to you. inuit.css is the scaffolding to your decorator.
 *
 * This stylesheet is heavily documented and contains lots of comments, please
 * take care to read and refer to them as you build. For further support please
 * tweet at @inuitcss.
 *
 * Owing to the amount of comments please only ever use minified CSS in
 * production. This file is purely a dev document.
 *
 * The table of contents below maps to section titles of the same name, to jump
 * to any section simply run a find for $[SECTION-TITLE].
 *
 * Most objects and abstractions come with a chunk of markup that you should be
 * able to paste into any view to quickly see how the CSS works in conjunction
 * with the correct HTML.
 *
 * inuit.css is written to this standard: github.com/csswizardry/CSS-Guidelines
 *
 * LICENSE
 *
 * Copyright 2013 Harry Roberts
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 * Thank you for choosing inuit.css. May your web fonts render perfectly.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * CONTENTS............You’re reading it!
 * WARNING.............Here be dragons!
 * IMPORTS.............Begin importing the sections below
 *
 * MIXINS..............Super-simple Sass stuff
 * NORMALIZE...........normalize.css
 * RESET...............Set some defaults
 * CLEARFIX............
 * SHARED..............Shared declarations
 *
 * MAIN................High-level elements like `html`, `body`, etc.
 * HEADINGS............Double-stranded heading hierarchy
 * PARAGRAPHS..........
 * SMALLPRINT..........Smaller text elements like `small`
 * QUOTES..............
 * CODE................
 * LISTS...............
 * IMAGES..............
 * TABLES..............
 * FORMS...............
 *
 * GRIDS...............Fluid, proportional and nestable grids
 * FLEXBOX.............Crudely emulate flexbox
 * COLUMNS.............CSS3 columns
 * NAV.................A simple abstraction to put a list in horizontal nav mode
 * OPTIONS.............Grouped nav items
 * PAGINATION..........Very stripped back, basic paginator
 * BREADCRUMB..........Simple breadcrumb trail object
 * MEDIA...............Media object
 * MARGINALIA..........Simple marginalia content
 * ISLAND..............Boxed off content
 * BLOCK-LIST..........Blocky lists of content
 * MATRIX..............Gridded lists
 * SPLIT...............A simple split-in-two object
 * THIS-OR-THIS........Options object
 * LINK-COMPLEX........
 * FLYOUT..............Flyout-on-hover object
 * ARROWS..............CSS arrows
 * SPRITE..............Generic spriting element
 * ICON-TEXT...........Icon and text couplings
 * BEAUTONS............Use the beautons micro library
 * LOZENGES............Basic lozenge styles
 * RULES...............Horizontal rules
 * STATS...............Simple stats object
 * GREYBOX.............Wireframing styles
 *
 * WIDTHS..............Width classes for use alongside the grid system etc.
 * PUSH................Push classes for manipulating grids
 * PULL................Pull classes for manipulating grids
 * BRAND...............Helper class to apply brand treatment to elements
 * HELPER..............A series of helper classes to use arbitrarily
 * DEBUG...............Enable to add visual flags for debugging purposes
 */
/*------------------------------------*\
    $WARNING
\*------------------------------------*/
/*
 * inuit.css, being an OO framework, works in keeping with the open/closed
 * principle. The variables you set previously are now being used throughout
 * inuit.css to style everything we need for a base. Any custom styles SHOULD
 * NOT be added or modified in inuit.css directly, but added via your theme
 * stylesheet as per the open/closed principle:
 *
 * csswizardry.com/2012/06/the-open-closed-principle-applied-to-css
 *
 * Try not to edit any CSS beyond this point; if you find you need to do so
 * it is a failing of the framework so please tweet at @inuitcss.
 */
/*------------------------------------*\
    $IMPORTS
\*------------------------------------*/
/**
 * Generic utility styles etc.
 */
/*------------------------------------*\
    $DEFAULTS
\*------------------------------------*/
/**
 * inuit.css’ default variables. Redefine these in your `_vars.scss` file (found
 * in the inuit.css-web-template) to override them.
 */
/*------------------------------------*\
    $DEBUG
\*------------------------------------*/
/**
 * Debug mode will visually highlight any potential markup/accessibility quirks
 * in the browser. Set to `true` or `false`.
 */
/*------------------------------------*\
    $BORDER-BOX
\*------------------------------------*/
/**
 * Do you want all elements to adopt `box-sizing:border-box;` as per
 * paulirish.com/2012/box-sizing-border-box-ftw ?
 */
/*------------------------------------*\
    $BASE
\*------------------------------------*/
/**
 * Base stuff
 */
/**
 * Base font-family.
 */
/**
 * Default colour for objects’ borders etc.
 */
/*------------------------------------*\
    $RESPONSIVE
\*------------------------------------*/
/**
 * Responsiveness?
 */
/**
 * Responsiveness for widescreen/high resolution desktop monitors and beyond?
 * Note: `$responsive` variable above must be set to true before enabling this.
 */
/**
 * Responsive push and pull produce a LOT of code, only turn them on if you
 * definitely need them.
 */
/**
 * Note: `$push` variable above must be set to true before enabling these.
 */
/**
 * Note: `$pull` variable above must be set to true before enabling these.
 */
/**
 * Tell inuit.css when breakpoints start.
 */
/*------------------------------------*\
    $FONT-SIZES
\*------------------------------------*/
/**
 * Font-sizes (in pixels). Refer to relevant sections for their implementations.
 */
/*------------------------------------*\
    $QUOTES
\*------------------------------------*/
/**
 * English quote marks?
 */
/**
 * If you want English quotes then please do not edit these; they’re only here
 * because Sass needs them.
 */
/**
 * If you need non-English quotes, please alter the following values accordingly:
 */
/*------------------------------------*\
    $BRAND
\*------------------------------------*/
/**
 * Brand stuff
 */
/**
 * How big would you like round corners to be by default?
 */
/*------------------------------------*\
    $OBJECTS AND ABSTRACTIONS
\*------------------------------------*/
/**
 * Which objects and abstractions would you like to use?
 */
/*------------------------------------*\
    $FRAMEWORK
\*------------------------------------*/
/**
 * inuit.css will work these next ones out for use within the framework.
 *
 * Assign our `$base-line-height` to a new spacing var for more transparency.
 */
/*------------------------------------*\
    $MIXINS
\*------------------------------------*/
/**
 * Create a fully formed type style (sizing and vertical rhythm) by passing in a
 * single value, e.g.:
 *
   `@include font-size(10px);`
 *
 * Thanks to @redclov3r for the `line-height` Sass:
 * twitter.com/redclov3r/status/250301539321798657
 */
/**
 * Convert basic px measurements into rem units
 */
/**
 * Style any number of headings in one fell swoop, e.g.:
 *
   .foo{
       @include headings(1, 3){
           color:#BADA55;
       }
    }
 *
 * With thanks to @lar_zzz, @paranoida and @rowanmanning for refining and
 * improving my initial mixin.
 */
/**/
/**
 * Create vendor-prefixed CSS in one go, e.g.
 *
   `@include vendor(border-radius, 4px);`
 *
 */
/**
 * Create CSS keyframe animations for all vendors in one go, e.g.:
 *
   .foo{
       @include vendor(animation, shrink 3s);
   }

   @include keyframe(shrink){
       from{
           font-size:5em;
       }
   }
 *
 * Courtesy of @integralist: twitter.com/integralist/status/260484115315437569
 */
/**
 * Force overly long spans of text to truncate, e.g.:
 *
   `@include truncate(100%);`
 *
 * Where `$truncation-boundary` is a united measurement.
 */
/**
 * CSS arrows!!! But... before you read on, you might want to grab a coffee...
 *
 * This mixin creates a CSS arrow on a given element. We can have the arrow
 * appear in one of 12 locations, thus:
 *
 *       01    02    03
 *    +------------------+
 * 12 |                  | 04
 *    |                  |
 * 11 |                  | 05
 *    |                  |
 * 10 |                  | 06
 *    +------------------+
 *       09    08    07
 *
 * You pass this position in along with a desired arrow color and optional
 * border color, for example:
 *
 * `@include arrow(top, left, red)`
 *
 * for just a single, red arrow, or:
 *
 * `@include arrow(bottom, center, red, black)`
 *
 * which will create a red triangle with a black border which sits at the bottom
 * center of the element. Call the mixin thus:
 *
   .foo{
       background-color:#BADA55;
       border:1px solid #ACE;
       @include arrow(top, left, #BADA55, #ACE);
   }
 *
 */
/**
 * Media query mixin.
 *
 * It’s not great practice to define solid breakpoints up-front, preferring to
 * modify your design when it needs it, rather than assuming you’ll want a
 * change at ‘mobile’. However, as inuit.css is required to take a hands off
 * approach to design decisions, this is the closest we can get to baked-in
 * responsiveness. It’s flexible enough to allow you to set your own breakpoints
 * but solid enough to be frameworkified.
 *
 * We define some broad breakpoints in our vars file that are picked up here
 * for use in a simple media query mixin. Our options are:
 *
 * palm
 * lap
 * lap-and-up
 * portable
 * desk
 * desk-wide
 *
 * Not using a media query will, naturally, serve styles to all devices.
 *
 * `@include media-query(palm){ [styles here] }`
 *
 * We work out your end points for you:
 */
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Correct `block` display not defined in IE 8/9.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
    }
/*
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio, canvas, video {
    display: inline-block
    }
/*
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0
    }
/*
 * Address styling not present in IE 8/9.
 */
[hidden] {
    display: none
    }
/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 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 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    }
/*
 * Remove default margin.
 */
body {
    margin: 0
    }
/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
    outline: none
    }
/*
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
    outline: 0
    }
/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0
    }
/*
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted
    }
/*
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b, strong {
    font-weight: bold
    }
/*
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
    font-style: italic
    }
/*
 * Address differences between Firefox and other browsers.
 */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
    }
/*
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000
    }
/*
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em
    }
/*
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
    white-space: pre-wrap
    }
/*
 * Set consistent quote types.
 */
q {
    quotes: "“" "”" "‘" "’"
    }
/*
 * 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.
 */
img {
    border: 0
    }
/*
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
    overflow: hidden
    }
/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
    margin: 0
    }
/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * 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.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
    }
/*
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button, input, select, textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 2 */
    margin: 0;
    /* 3 */
    }
/*
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button, input {
    line-height: normal
    }
/*
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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"], 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
    }
/*
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
    }
/*
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 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 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
    }
/*
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
    }
/*
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
    }
/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0
    }
/*------------------------------------*\
    $RESET
\*------------------------------------*/
/**
 * A more considered reset; more of a restart...
 * As per: csswizardry.com/2011/10/reset-restarted
 */
/**
* Let’s make the box model all nice, shall we...?
*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
    }
/**
 * The usual...
 */
h1, h2, .tabs__nav, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, form, fieldset, legend, table, th, td, caption, hr {
    margin: 0;
    padding: 0
    }
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title], dfn[title] {
    cursor: help
    }
/**
 * Remove underlines from potentially troublesome elements.
 */
u, ins {
    text-decoration: none
    }
/**
 * Apply faux underline via `border-bottom`.
 */
ins {
    border-bottom: 1px solid
    }
/**
 * So that `alt` text is visually offset if images don’t load.
 */
img {
    font-style: italic
    }
/**
 * Give form elements some cursor interactions...
 */
label, input, textarea, button, select, option {
    cursor: pointer
    }
.text-input:active, .text-input:focus, textarea:active, textarea:focus {
    cursor: text;
    outline: none
    }
/*------------------------------------*\
    $CLEARFIX
\*------------------------------------*/
/**
 * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * Extend the clearfix class with Sass to avoid the `.cf` class appearing over
 * and over in your markup.
 */
.cf:after, .nav:after, .author__social-links:after, .commentlist:after, .social-links-list:after, .sub-menu:after, .tabs__nav:after, .menu-list__items:after, .rsBullets:after, .media:after, .author:after, .latest-comments__list:after, .island:after, .islet:after, .matrix:after, .multi-list:after, .widget_nav_menu ul:after, .widget_categories ul:after, .widget_meta ul:after, .stat-group:after, .wp-caption:after, .gallery:after, blockquote cite:after, blockquote .testimonial__author-name:after, .btn-list:after, .widget_tag_cloud .wp-tag-cloud:after, .comments-area-title:after, .comment-reply-title:after, .nav--main:after, .progressbar:after, .copyright-area:after, .footer-widget-area:after, .container:after, .pixcode--grid:after, .otw-wrapper:after, .article--archive:after {
    content: "";
    display: table;
    clear: both
    }
/*------------------------------------*\
    $SHARED
\*------------------------------------*/
/**
 * Where `margin-bottom` is concerned, this value will be the same as the
 * base line-height. This allows us to keep a consistent vertical rhythm.
 * As per: csswizardry.com/2012/06/single-direction-margin-declarations
 */
/**
 * Base elements
 */
h1, h2, .tabs__nav, h3, h4, h5, h6, hgroup, ul, ol, dl, blockquote, p, address, table, fieldset, figure, pre, .form-fields > li, .media, .author, .latest-comments__list, .island, .islet {
    margin-bottom: 24px;
    margin-bottom: 1.5rem
    }
.islet h1, .islet h2, .islet .tabs__nav, .islet h3, .islet h4, .islet h5, .islet h6, .islet hgroup, .islet ul, .islet ol, .islet dl, .islet blockquote, .islet p, .islet address, .islet table, .islet fieldset, .islet figure, .islet pre, .islet .form-fields > li, .islet .media, .islet .author, .islet .latest-comments__list, .islet .island, .islet .islet {
    margin-bottom: 12px;
    margin-bottom: 0.75rem
    }
/**
 * Doubled up `margin-bottom` helper class.
 */
.landmark {
    margin-bottom: 48px;
    margin-bottom: 3rem
    }
/**
 * `hr` elements only take up a few pixels, so we need to give them special
 * treatment regarding vertical rhythm.
 */
hr {
    margin-top: -2px;
    margin-bottom: 24px;
    margin-bottom: 1.5rem
    }
/**
 * Where `margin-left` is concerned we want to try and indent certain elements
 * by a consistent amount. Define that amount once, here.
 */
ul, ol, dd {
    margin-left: 48px;
    margin-left: 3rem
    }
/**
 * Base styles; unclassed HTML elements etc.
 */
/*------------------------------------*\
    $MAIN
\*------------------------------------*/
html {
    font: 1em/1.5 "Cabin", Arial, Helvetica, sans-serif;
    min-height: 100%
    }
/*------------------------------------*\
    $HEADINGS
\*------------------------------------*/
/**
 * As per: csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css
 *
 * When we define a heading we also define a corresponding class to go with it.
 * This allows us to apply, say, `class=alpha` to a `h3`; a double-stranded
 * heading hierarchy.
 */
h1, .alpha {
    font-size: 47px;
    font-size: 2.9375rem;
    line-height: 1.03128
    }
h2, .tabs__nav, .beta, .heading .archive__side-title, .widget--sidebar__title .archive__side-title, .widget--footer__title .archive__side-title {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.135
    }
h3, .gamma, .widget_calendar caption {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.51
    }
h4, .delta {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.27316
    }
h5, .epsilon {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.61
    }
h6, .zeta {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 2.01
    }
/**
 * Heading groups and generic any-heading class.
 * To target any heading of any level simply apply a class of `.hN`, e.g.:
 *
   <hgroup>
       <h1 class=hN>inuit.css</h1>
       <h2 class=hN>Best. Framework. Ever!</h2>
   </hgroup>
 *
 */
hgroup .hN, hgroup .widget_calendar caption, .widget_calendar hgroup caption {
    margin-bottom: 0
    }
/**
 * A series of classes for setting massive type; for use in heroes, mastheads,
 * promos, etc.
 */
.giga {
    font-size: 96px;
    font-size: 6rem;
    line-height: 1.135
    }
.mega {
    font-size: 72px;
    font-size: 4.5rem;
    line-height: 1.17667
    }
.kilo {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.26
    }
/*------------------------------------*\
    $PARAGRAPHS
\*------------------------------------*/
/**
 * The `.lede` class is used to make the introductory text (usually a paragraph)
 * of a document slightly larger.
 */
.lede, .lead {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.34333
    }
/*------------------------------------*\
    $SMALLPRINT
\*------------------------------------*/
/**
 * A series of classes for setting tiny type; for use in smallprint etc.
 */
.smallprint, .milli {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 2.01
    }
.micro {
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.21
    }
/*------------------------------------*\
    $QUOTES
\*------------------------------------*/
/**
 * If English quotes are set in `_vars.scss`, define them here.
 */
/**
 * Big up @boblet: html5doctor.com/blockquote-q-cite
 */
/**
 * Inline quotes.
 */
q {
    quotes: "‘" "’" "“" "”"
    }
q:before {
    content: "‘";
    content: open-quote
    }
q:after {
    content: "’";
    content: close-quote
    }
q q:before {
    content: "“";
    content: open-quote
    }
q q:after {
    content: "”";
    content: close-quote
    }
blockquote {
    quotes: "“" "”"
    }
blockquote p:before {
    content: "“";
    content: open-quote
    }
blockquote p:after {
    content: "";
    content: no-close-quote
    }
blockquote p:last-of-type:after {
    content: "”";
    content: close-quote
    }
blockquote q:before {
    content: "‘";
    content: open-quote
    }
blockquote q:after {
    content: "’";
    content: close-quote
    }
/**
 *
   <blockquote>
       <p>Insanity: doing the same thing over and over again and expecting
       different results.</p>
       <b class=source>Albert Einstein</b>
   </blockquote>
 *
 */
blockquote {
    /**
       * .4em is roughly equal to the width of the opening “ that we wish to hang.
       */
    text-indent: -0.41em
    }
blockquote p:last-of-type {
    margin-bottom: 0
    }
.source {
    display: block;
    text-indent: 0
    }
.source:before {
    content: "—"
    }
/*------------------------------------*\
    $CODE
\*------------------------------------*/
/**
 * Use an explicit font stack to ensure browsers render correct `line-height`.
 */
pre {
    overflow: auto
    }
pre mark {
    background: none;
    border-bottom: 1px solid;
    color: inherit
    }
/**
 * Add comments to your code examples, e.g.:
 *
   <code>&lt;/div&gt;<span class=code-comment>&lt;!-- /wrapper --&gt;</span></code>
 *
 */
.code-comment {
    /**
       * Override this setting in your theme stylesheet
       */
    opacity: 0.75;
    filter: alpha(opacity=75)
    }
/**
 * You can add line numbers to your code examples but be warned, it requires
 * some pretty funky looking markup, e.g.:
 *
   <ol class=line-numbers>
       <li><code>.nav{</code></li>
       <li><code>    list-style:none;</code></li>
       <li><code>    margin-left:0;</code></li>
       <li><code>}</code></li>
       <li><code>    .nav > li,</code></li>
       <li><code>        .nav > li > a{</code></li>
       <li><code>            display:inline-block;</code></li>
       <li><code>           *display:inline-block;</code></li>
       <li><code>            zoom:1;</code></li>
       <li><code>        }</code></li>
   </ol>
 *
 * 1. Make the list look like code.
 * 2. Give the list flush numbers with a leading zero.
 * 3. Make sure lines of code don’t wrap.
 * 4. Give the code form by forcing the `code` to honour white-space.
 */
.line-numbers {
    font-family: monospace, serif;
    /* [1] */
    list-style: decimal-leading-zero inside;
    /* [2] */
    white-space: nowrap;
    /* [3] */
    overflow: auto;
    /* [3] */
    margin-left: 0
    }
.line-numbers code {
    white-space: pre;
    /* [4] */
    }
/*------------------------------------*\
    $IMAGES
\*------------------------------------*/
/**
 * Demo: jsfiddle.net/inuitcss/yMtur
 */
/**
 * Fluid images.
 */
img {
    max-width: 100%
    }
/**
 * Non-fluid images if you specify `width` and/or `height` attributes.
 */
img[width], img[height] {
    max-width: none
    }
/**
 * Rounded images.
 */
.img--round {
    border-radius: 0
    }
/**
 * Image placement variations.
 */
.img--right {
    float: right;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    margin-left: 24px;
    margin-left: 1.5rem
    }
.img--left {
    float: left;
    margin-right: 24px;
    margin-right: 1.5rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem
    }
.img--center {
    display: block;
    margin-right: auto;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    margin-left: auto
    }
/**
 * Keep your images on your baseline.
 *
 * Please note, these will not work too nicely with fluid images and will
 * distort when resized below a certain width. Use with caution.
 */
.img--short {
    height: 120px;
    height: 7.5rem
    }
.img--medium {
    height: 240px;
    height: 15rem
    }
.img--tall {
    height: 360px;
    height: 22.5rem
    }
/**
 * Images in `figure` elements.
 */
figure > img {
    display: block
    }
/*------------------------------------*\
    $LISTS
\*------------------------------------*/
/**
 * Remove vertical spacing from nested lists.
 */
li > ul, li > ol {
    margin-bottom: 0
    }
/**
 * Have a numbered `ul` without the semantics implied by using an `ol`.
 */
/*ul*/
.numbered-list {
    list-style-type: decimal
    }
/*------------------------------------*\
    $TABLES
\*------------------------------------*/
/**
 * We have a lot at our disposal for making very complex table constructs, e.g.:
 *
   <table class="table--bordered  table--striped  table--data">
       <colgroup>
           <col class=t10>
           <col class=t10>
           <col class=t10>
           <col>
       </colgroup>
       <thead>
           <tr>
               <th colspan=3>Foo</th>
               <th>Bar</th>
           </tr>
           <tr>
               <th>Lorem</th>
               <th>Ipsum</th>
               <th class=numerical>Dolor</th>
               <th>Sit</th>
           </tr>
       </thead>
       <tbody>
           <tr>
               <th rowspan=3>Sit</th>
               <td>Dolor</td>
               <td class=numerical>03.788</td>
               <td>Lorem</td>
           </tr>
           <tr>
               <td>Dolor</td>
               <td class=numerical>32.210</td>
               <td>Lorem</td>
           </tr>
           <tr>
               <td>Dolor</td>
               <td class=numerical>47.797</td>
               <td>Lorem</td>
           </tr>
           <tr>
               <th rowspan=2>Sit</th>
               <td>Dolor</td>
               <td class=numerical>09.640</td>
               <td>Lorem</td>
           </tr>
           <tr>
               <td>Dolor</td>
               <td class=numerical>12.117</td>
               <td>Lorem</td>
           </tr>
       </tbody>
   </table>
 *
 */
table {
    width: 100%
    }
th, td {
    padding: 6px;
    padding: 0.375rem;
    text-align: left
    }
@media screen and (min-width: 480px) {
    th, td {
        padding: 12px;
        padding: 0.75rem
        }
    }
/**
 * Cell alignments
 */
[colspan] {
    text-align: center
    }
[colspan="1"] {
    text-align: left
    }
[rowspan] {
    vertical-align: middle
    }
[rowspan="1"] {
    vertical-align: top
    }
.numerical {
    text-align: right
    }
/**
 * In the HTML above we see several `col` elements with classes whose numbers
 * represent a percentage width for that column. We leave one column free of a
 * class so that column can soak up the effects of any accidental breakage in
 * the table.
 */
.t5 {
    width: 5%
    }
.t10 {
    width: 10%
    }
.t12 {
    width: 12.5%
    }
/* 1/8 */
.t15 {
    width: 15%
    }
.t20 {
    width: 20%
    }
.t25 {
    width: 25%
    }
/* 1/4 */
.t30 {
    width: 30%
    }
.t33 {
    width: 33.333%
    }
/* 1/3 */
.t35 {
    width: 35%
    }
.t37 {
    width: 37.5%
    }
/* 3/8 */
.t40 {
    width: 40%
    }
.t45 {
    width: 45%
    }
.t50 {
    width: 50%
    }
/* 1/2 */
.t55 {
    width: 55%
    }
.t60 {
    width: 60%
    }
.t62 {
    width: 62.5%
    }
/* 5/8 */
.t65 {
    width: 65%
    }
.t66 {
    width: 66.666%
    }
/* 2/3 */
.t70 {
    width: 70%
    }
.t75 {
    width: 75%
    }
/* 3/4*/
.t80 {
    width: 80%
    }
.t85 {
    width: 85%
    }
.t87 {
    width: 87.5%
    }
/* 7/8 */
.t90 {
    width: 90%
    }
.t95 {
    width: 95%
    }
/**
 * Bordered tables
 */
.table--bordered th, table th, .table--bordered td, table td {
    border: 1px solid #ccc
    }
.table--bordered th:empty, table th:empty, .table--bordered td:empty, table td:empty {
    border: none
    }
.table--bordered thead tr:last-child th, table thead tr:last-child th {
    border-bottom-width: 2px
    }
.table--bordered tbody tr th:last-of-type, table tbody tr th:last-of-type {
    border-right-width: 2px
    }
/**
 * Striped tables
 */
.table--striped tbody tr:nth-of-type(odd), table tbody tr:nth-of-type(odd) {
    background-color: #ffc;
    /* Override this color in your theme stylesheet */
    }
/**
 * Data table
 */
.table--data {
    font: 12px/1.5 sans-serif
    }
/*------------------------------------*\
    $FORMS
\*------------------------------------*/
/**
 *
 * Demo: jsfiddle.net/inuitcss/MhHHU
 *
 */
fieldset {
    padding: 24px;
    padding: 1.5rem
    }
/**
 * Text inputs
 *
 * Instead of a `[type]` selector for each kind of form input, we just use a
 * class to target any/every one, e.g.:
   <input type=text class=text-input>
   <input type=email class=text-input>
   <input type=password class=text-input>
 *
 */
.text-input, textarea {
    /**
       * Style these via your theme stylesheet.
       */
    }
/**
 * Group sets of form fields in a list, e.g.:
 *
   <ul class=form-fields>
       <li>
           <label />
           <input />
       </li>
       <li>
           <label />
           <select />
       </li>
       <li>
           <label />
           <input />
       </li>
   </ul>
 *
 */
.form-fields {
    list-style: none;
    margin: 0
    }
.form-fields > li:last-child {
    margin-bottom: 0
    }
/**
 * Labels
 *
 * Define a `.label` class as well as a `label` element. This means we can apply
 * label-like styling to meta-labels for groups of options where a `label`
 * element is not suitable, e.g.:
 *
   <li>
       <span class=label>Select an option below:</span>
       <ul class="multi-list  four-cols">
           <li>
               <input /> <label />
           </li>
           <li>
               <input /> <label />
           </li>
           <li>
               <input /> <label />
           </li>
           <li>
               <input /> <label />
           </li>
       </ul>
   </li>
 *
 */
label, .label {
    display: block
    }
/**
 * Extra help text in `label`s, e.g.:
 *
   <label>Card number <small class=additional>No spaces</small></label>
 *
 */
.additional {
    display: block;
    font-weight: normal
    }
/*
 * Groups of checkboxes and radios, e.g.:
 *
   <li>
       <ul class=check-list>
           <li>
               <input /> <label />
           </li>
           <li>
               <input /> <label />
           </li>
       </ul>
   </li>
 *
 */
.check-list {
    list-style: none;
    margin: 0
    }
/*
 * Labels in check-lists
 */
.check-label, .check-list label, .check-list .label {
    display: inline-block
    }
/**
 * Spoken forms are for forms that read like spoken word, e.g.:
 *
   <li class=spoken-form>
       Hello, my <label for=spoken-name>name</label> is
       <input type=text class=text-input id=spoken-name>. My home
       <label for=country>country</label> is
       <select id=country>
           <option>UK</option>
           <option>US</option>
           <option>Other</option>
       </select>
   </li>
 *
 */
.spoken-form label {
    display: inline-block;
    font: inherit
    }
/**
 * Extra help text displayed after a field when that field is in focus, e.g.:
 *
   <label for=email>Email:</label>
   <input type=email class=text-input id=email>
   <small class=extra-help>.edu emails only</small>
 *
 * We leave the help text in the document flow and merely set it to
 * `visibility:hidden;`. This means that it won’t interfere with anything once
 * it reappears.
 *
 */
/*small*/
.extra-help {
    display: inline-block;
    visibility: hidden
    }
.text-input:active + .extra-help, .text-input:focus + .extra-help {
    visibility: visible
    }
/**
 * Objects and abstractions
 */
/*------------------------------------*\
	$GRIDS
\*------------------------------------*/
/**
	 * Fluid and nestable grid system. It is necessary to comment out, or otherwise
	 * remove, the whitespace from between grid items, e.g.:
	 *
	   <div class="grid">

		   <div class="grid__item  one-third">
			   <p>One third grid</p>
		   </div><!--

		--><div class="grid__item  two-thirds">
			   <p>Two thirds grid</p>
		   </div><!--

		--><div class="grid__item  one-half">
			   <p>One half grid</p>
		   </div><!--

		--><div class="grid__item  one-quarter">
			   <p>One quarter grid</p>
		   </div><!--

		--><div class="grid__item  one-quarter">
			   <p>One quarter grid</p>
		   </div>

	   </div>
	 *
	 * Demo: jsfiddle.net/inuitcss/CLYUC
	 *
	 */
/**
 * Grid wrapper
 */
.grid, .comment-form, .otw-wrapper {
    margin-left: -24px;
    margin-left: -1.5rem;
    list-style: none;
    margin-bottom: 0
    }
/**
 * Very infrequently occuring grid wrappers as children of grid wrappers.
 */
.grid > .grid, .comment-form > .grid, .otw-wrapper > .grid, .grid > .comment-form, .comment-form > .comment-form, .otw-wrapper > .comment-form, .grid > .otw-wrapper, .comment-form > .otw-wrapper, .otw-wrapper > .otw-wrapper {
    margin-left: 0
    }
/**
 * Grid
 */
.grid__item, .logged-in-as, .comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment, .form-submit, .comment-subscription-form, .otw-input-wrap, .otw-button-wrap {
    display: inline-block;
    width: 100%;
    padding-left: 24px;
    padding-left: 1.5rem;
    vertical-align: top
    }
/**
 * Reversed grids allow you to structure your source in the opposite order to
 * how your rendered layout will appear. Extends `.grid`.
 */
.grid--rev {
    direction: rtl;
    text-align: left
    }
.grid--rev > .grid__item, .grid--rev > .logged-in-as, .grid--rev > .comment-form-author, .grid--rev > .comment-form-email, .grid--rev > .comment-form-url, .grid--rev > .comment-form-comment, .grid--rev > .form-submit, .grid--rev > .comment-subscription-form, .grid--rev > .otw-input-wrap, .grid--rev > .otw-button-wrap {
    direction: ltr;
    text-align: left
    }
/**
 * Gutterless grids have all the properties of regular grids, minus any spacing.
 * Extends `.grid`.
 */
.grid--full {
    margin-left: 0
    }
.grid--full > .grid__item, .grid--full > .logged-in-as, .grid--full > .comment-form-author, .grid--full > .comment-form-email, .grid--full > .comment-form-url, .grid--full > .comment-form-comment, .grid--full > .form-submit, .grid--full > .comment-subscription-form, .grid--full > .otw-input-wrap, .grid--full > .otw-button-wrap {
    padding-left: 0
    }
/**
 * Align the entire grid to the right. Extends `.grid`.
 */
.grid--right {
    text-align: right
    }
.grid--right > .grid__item, .grid--right > .logged-in-as, .grid--right > .comment-form-author, .grid--right > .comment-form-email, .grid--right > .comment-form-url, .grid--right > .comment-form-comment, .grid--right > .form-submit, .grid--right > .comment-subscription-form, .grid--right > .otw-input-wrap, .grid--right > .otw-button-wrap {
    text-align: left
    }
/**
 * Centered grids align grid items centrally without needing to use push or pull
 * classes. Extends `.grid`.
 */
.grid--center {
    text-align: center
    }
.grid--center > .grid__item, .grid--center > .logged-in-as, .grid--center > .comment-form-author, .grid--center > .comment-form-email, .grid--center > .comment-form-url, .grid--center > .comment-form-comment, .grid--center > .form-submit, .grid--center > .comment-subscription-form, .grid--center > .otw-input-wrap, .grid--center > .otw-button-wrap {
    text-align: left
    }
/**
 * Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends
 * `.grid`.
 */
.grid--middle > .grid__item, .grid--middle > .logged-in-as, .grid--middle > .comment-form-author, .grid--middle > .comment-form-email, .grid--middle > .comment-form-url, .grid--middle > .comment-form-comment, .grid--middle > .form-submit, .grid--middle > .comment-subscription-form, .grid--middle > .otw-input-wrap, .grid--middle > .otw-button-wrap {
    vertical-align: middle
    }
.grid--bottom > .grid__item, .grid--bottom > .logged-in-as, .grid--bottom > .comment-form-author, .grid--bottom > .comment-form-email, .grid--bottom > .comment-form-url, .grid--bottom > .comment-form-comment, .grid--bottom > .form-submit, .grid--bottom > .comment-subscription-form, .grid--bottom > .otw-input-wrap, .grid--bottom > .otw-button-wrap {
    vertical-align: bottom
    }
/**
 * Create grids with narrower gutters. Extends `.grid`.
 */
.grid--narrow {
    margin-left: -12px;
    margin-left: -0.75rem
    }
.grid--narrow > .grid__item, .grid--narrow > .logged-in-as, .grid--narrow > .comment-form-author, .grid--narrow > .comment-form-email, .grid--narrow > .comment-form-url, .grid--narrow > .comment-form-comment, .grid--narrow > .form-submit, .grid--narrow > .comment-subscription-form, .grid--narrow > .otw-input-wrap, .grid--narrow > .otw-button-wrap {
    padding-left: 12px;
    padding-left: 0.75rem
    }
/**
 * Create grids with wider gutters. Extends `.grid`.
 */
.grid--wide {
    margin-left: -48px;
    margin-left: -3rem
    }
.grid--wide > .grid__item, .grid--wide > .logged-in-as, .grid--wide > .comment-form-author, .grid--wide > .comment-form-email, .grid--wide > .comment-form-url, .grid--wide > .comment-form-comment, .grid--wide > .form-submit, .grid--wide > .comment-subscription-form, .grid--wide > .otw-input-wrap, .grid--wide > .otw-button-wrap {
    padding-left: 48px;
    padding-left: 3rem
    }
/*------------------------------------*\
	$FLEXBOX
\*------------------------------------*/
/**
	 * Until we can utilise flexbox natively we can kinda, sorta, attempt to emulate
	 * it, in a way... e.g.:
	 *
	   <header class=flexbox>

		   <div class=flexbox__item>
			   <b>Welcome to</b>
		   </div>

		   <div class=flexbox__item>
			   <img src="//csswizardry.com/inuitcss/img/logo.jpg" alt="inuit.css">
		   </div>

	   </header>
	 *
	 * We can also combine our grid system classes with `.flexbox__item` classes,
	 * e.g.:
	 *
	   <div class=flexbox>
		   <div class="flexbox__item  one-quarter">
		   </div>
		   <div class="flexbox__item  three-quarters">
		   </div>
	   </div>
	 *
	 * It’s pretty poorly named I’m afraid, but it works...
	 *
	 * Demo: jsfiddle.net/inuitcss/ufUh2
	 *
	 */
.flexbox, .site-title {
    display: table;
    width: 100%
    }
/**
 * Nasty hack to circumvent Modernizr conflicts.
 */
html.flexbox, html.site-title {
    display: block;
    width: auto
    }
.flexbox__item, .site-logo {
    display: table-cell;
    vertical-align: middle
    }
/*------------------------------------*\
	$NAV
\*------------------------------------*/
/**
 * Nav abstraction as per: csswizardry.com/2011/09/the-nav-abstraction
 * When used on an `ol` or `ul`, this class throws the list into horizontal mode
 * e.g.:
 *
   <ul class=nav>
	   <li><a href=#>Home</a></li>
	   <li><a href=#>About</a></li>
	   <li><a href=#>Portfolio</a></li>
	   <li><a href=#>Contact</a></li>
   </ul>
 *
 * Demo: jsfiddle.net/inuitcss/Vnph4
 *
 */
.nav, .author__social-links, .commentlist, .social-links-list, .sub-menu, .tabs__nav, .menu-list__items, .rsBullets {
    list-style: none;
    margin-left: 0
    }
.nav > li, .author__social-links > li, .commentlist > li, .social-links-list > li, .sub-menu > li, .tabs__nav > li, .menu-list__items > li, .rsBullets > li, .nav > li > a, .author__social-links > li > a, .commentlist > li > a, .social-links-list > li > a, .sub-menu > li > a, .tabs__nav > li > a, .menu-list__items > li > a, .rsBullets > li > a {
    display: inline-block;
    zoom: 1
    }
/**
 * `.nav--stacked` extends `.nav` and throws the list into vertical mode, e.g.:
 *
   <ul class="nav  nav--stacked">
	   <li><a href=#>Home</a></li>
	   <li><a href=#>About</a></li>
	   <li><a href=#>Portfolio</a></li>
	   <li><a href=#>Contact</a></li>
   </ul>
 *
 */
.nav--stacked > li, .sub-menu > li, .menu-list__items > li {
    display: list-item
    }
.nav--stacked > li > a, .sub-menu > li > a, .menu-list__items > li > a {
    display: block
    }
/**
 * `.nav--banner` extends `.nav` and centres the list, e.g.:
 *
   <ul class="nav  nav--banner">
	   <li><a href=#>Home</a></li>
	   <li><a href=#>About</a></li>
	   <li><a href=#>Portfolio</a></li>
	   <li><a href=#>Contact</a></li>
   </ul>
 *
 */
.nav--banner, .tabs__nav {
    text-align: center
    }
/**
 * Give nav links a big, blocky hit area. Extends `.nav`, e.g.:
 *
   <ul class="nav  nav--block">
	   <li><a href=#>Home</a></li>
	   <li><a href=#>About</a></li>
	   <li><a href=#>Portfolio</a></li>
	   <li><a href=#>Contact</a></li>
   </ul>
 *
 */
.nav--block, .options {
    line-height: 1;
    /**
       * Remove whitespace caused by `inline-block`.
       */
    letter-spacing: -0.31em;
    word-spacing: -0.43em;
    white-space: nowrap
    }
.nav--block > li, .options > li {
    letter-spacing: normal;
    word-spacing: normal
    }
.nav--block > li > a, .options > li > a {
    padding: 12px;
    padding: 0.75rem
    }
/**
 * Force a nav to occupy 100% of the available width of its parent. Extends
 * `.nav`, e.g.:
 *
   <ul class="nav  nav--fit">
	   <li><a href=#>Home</a></li>
	   <li><a href=#>About</a></li>
	   <li><a href=#>Portfolio</a></li>
	   <li><a href=#>Contact</a></li>
   </ul>
 *
 * Thanks to @pimpl for this idea!
 */
.nav--fit {
    display: table;
    width: 100%
    }
.nav--fit > li {
    display: table-cell
    }
.nav--fit > li > a {
    display: block
    }
/**
 * Make a list of keywords. Extends `.nav`, e.g.:
 *
   `<ul class="nav  nav--keywords>`
 *
 */
.nav--keywords > li:after {
    content: "," " "
    }
.nav--keywords > li:last-child:after {
    display: none
    }
/*------------------------------------*\
	$OPTIONS
\*------------------------------------*/
/**
 * Link-group nav, used for displaying related options. Extends `.nav--block`
 * but could also extend `.nav--fit`. Extend with colours and ‘current states’
 * in your theme stylesheet.
 *
  <ul class="nav  options">
	  <li><a></a></li>
	  <li><a></a></li>
	  <li><a></a></li>
	  <li><a></a></li>
   </ul>
 *
 * Demo: jsfiddle.net/inuitcss/vwfaf
 *
 */
.options > li > a {
    border: 0 solid #ccc;
    border-width: 1px;
    border-left-width: 0
    }
.options > li:first-child > a {
    border-left-width: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
    }
.options > li:last-child > a {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
    }
/*------------------------------------*\
	$MEDIA
\*------------------------------------*/
/**
 * Place any image- and text-like content side-by-side, as per:
 * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 * E.g.:
 *
   <div class=media>
	   <img src=http://placekitten.com/200/300 alt="" class=media__img>
	   <p class=media__body>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
	   sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
   </div>
 *
 * Demo: jsfiddle.net/inuitcss/cf4Qs
 *
 */
.media, .author, .latest-comments__list {
    display: block
    }
.media__img, .author__avatar, .latest-comments__avatar {
    float: left;
    margin-right: 24px;
    margin-right: 1.5rem
    }
/**
 * Reversed image location (right instead of left).
 */
.media__img--rev {
    float: right;
    margin-left: 24px;
    margin-left: 1.5rem
    }
.media__img img, .author__avatar img, .latest-comments__avatar img, .media__img--rev img {
    display: block
    }
.media__body, .author__text, .latest-comments__body {
    overflow: hidden
    }
.media__body, .author__text, .latest-comments__body, .media__body > :last-child, .author__text > :last-child, .latest-comments__body > :last-child {
    margin-bottom: 0
    }
/**
 * `.img`s in `.islet`s need an appropriately sized margin.
 */
.islet .media__img, .islet .author__avatar, .islet .latest-comments__avatar {
    margin-right: 12px;
    margin-right: 0.75rem
    }
.islet .media__img--rev {
    margin-left: 12px;
    margin-left: 0.75rem
    }
/*------------------------------------*\
	$ISLAND
\*------------------------------------*/
/**
 * Simple, boxed off content, as per: csswizardry.com/2011/10/the-island-object
 * E.g.:
 *
   <div class=island>
	   I am boxed off.
   </div>
 *
 * Demo: jsfiddle.net/inuitcss/u8pV3
 *
 */
.island, .islet {
    display: block
    }
.island {
    padding: 24px;
    padding: 1.5rem
    }
.island > :last-child, .islet > :last-child {
    margin-bottom: 0
    }
/**
 * Just like `.island`, only smaller.
 */
.islet {
    padding: 12px;
    padding: 0.75rem
    }
/*------------------------------------*\
	$BLOCK-LIST
\*------------------------------------*/
/**
 * Create big blocky lists of content, e.g.:
 *
   <ul class=block-list>
	  <li>Foo</li>
	  <li>Bar</li>
	  <li>Baz</li>
	  <li><a href=# class=block-list__link>Foo Bar Baz</a></li>
   </ul>
 *
 * Extend this object in your theme stylesheet.
 *
 * Demo: jsfiddle.net/inuitcss/hR57q
 *
 */
.block-list, .matrix, .block-list > li, .matrix > li {
    border: 0 solid #ccc
    }
.block-list, .matrix {
    list-style: none;
    margin-left: 0;
    border-top-width: 1px;
    margin-top: -1px
    }
.block-list > li, .matrix > li {
    border-bottom-width: 1px;
    margin-top: -1px;
    padding: 12px;
    padding: 0.75rem
    }
.block-list__link, .matrix__link {
    display: block;
    padding: 12px;
    padding: 0.75rem;
    margin: -12px;
    margin: -0.75rem
    }
/*------------------------------------*\
	$MATRIX
\*------------------------------------*/
/**
 * Create a grid of items out of a single list, e.g.:
 *
   <ul class="matrix  three-cols">
	   <li class=all-cols>Lorem</li>
	   <li>Ipsum <a href=#>dolor</a></li>
	   <li><a href=# class=matrix__link>Sit</a></li>
	   <li>Amet</li>
	   <li class=all-cols>Consectetuer</li>
   </ul>
 *
 * Extend this object in your theme stylesheet.
 *
 * Demo: jsfiddle.net/inuitcss/Y2zrU
 *
 */
.matrix {
    border-left-width: 1px
    }
.matrix > li {
    float: left;
    border-right-width: 1px
    }
/**
 * The `.multi-list` object is a lot like the `.matrix` object only without the
 * blocky borders and padding.
 *
   <ul class="multi-list  four-cols">
	   <li>Lorem</li>
	   <li>Ipsum</li>
	   <li>Dolor</li>
	   <li>Sit</li>
   </ul>
 *
 * Demo: jsfiddle.net/inuitcss/Y2zrU
 *
 */
.multi-list, .widget_nav_menu ul, .widget_categories ul, .widget_meta ul {
    list-style: none;
    margin-left: 0
    }
.multi-list > li, .widget_nav_menu ul > li, .widget_categories ul > li, .widget_meta ul > li {
    float: left
    }
/**
 * Apply these classes alongside the `.matrix` or `.multi-list` classes on
 * lists to determine how wide their columns are.
 */
.two-cols > li, .widget_nav_menu ul > li, .widget_categories ul > li, .widget_meta ul > li {
    width: 50%
    }
.three-cols > li {
    width: 33.333%
    }
.four-cols > li {
    width: 25%
    }
.five-cols > li {
    width: 20%
    }
/**
 * Unfortunately we have to qualify this selector in order to bring its
 * specificity above the `.[number]-cols > li` selectors above.
 */
.matrix > .all-cols, .multi-list > .all-cols, .widget_nav_menu ul > .all-cols, .widget_categories ul > .all-cols, .widget_meta ul > .all-cols {
    width: 100%
    }
/*------------------------------------*\
	$SPLIT
\*------------------------------------*/
/**
 * Simple split item for creating two elements floated away from one another,
 * e.g.:
 *
   <dl class=split>
	   <dt class=split__title>Burger and fries</dt>
	   <dd>&pound;5.99</dd>
	   <dt class=split__title>Fillet steak</dt>
	   <dd>&pound;19.99</dd>
	   <dt class=split__title>Ice cream</dt>
	   <dd>&pound;2.99</dd>
   </dl>
 *
   <ol class="split  results">
	   <li class=first><b class=split__title>1st place</b> Bob</li>
	   <li class=second><b class=split__title>2nd place</b> Lilly</li>
	   <li class=third><b class=split__title>3rd place</b> Ted</li>
   </ol>​
 *
 * Demo: jsfiddle.net/inuitcss/9gZW7
 *
 */
.split {
    text-align: right;
    list-style: none;
    margin-left: 0
    }
.split__title {
    text-align: left;
    float: left;
    clear: left
    }
/*------------------------------------*\
	$ARROWS
\*------------------------------------*/
/**
 * It is a common design treatment to give an element a triangular points-out
 * arrow, we typically build these with CSS. These following classes allow us to
 * generate these arbitrarily with a mixin, `@arrow()`.
 */
/**
 * Forms the basis for any/all CSS arrows.
 */
/**
 * Define individual edges so we can combine what we need, when we need.
 */
/*------------------------------------*\
	$BEAUTONS.CSS
\*------------------------------------*/
/**
 * beautons is a beautifully simple button toolkit.
 *
 * LICENSE
 *
 * Copyright 2013 Harry Roberts
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 */
/*!*
 *
 * @csswizardry -- csswizardry.com/beautons
 *
 */
/*------------------------------------*\
	$BASE
\*------------------------------------*/
/**
 * Base button styles.
 *
 * 1. Allow us to better style box model properties.
 * 2. Line different sized buttons up a little nicer.
 * 3. Stop buttons wrapping and looking broken.
 * 4. Make buttons inherit font styles.
 * 5. Force all elements using beautons to appear clickable.
 * 6. Normalise box model styles.
 * 7. If the button’s text is 1em, and the button is (3 * font-size) tall, then
 *    there is 1em of space above and below that text. We therefore apply 1em
 *    of space to the left and right, as padding, to keep consistent spacing.
 * 8. Basic cosmetics for default buttons. Change or override at will.
 * 9. Don’t allow buttons to have underlines; it kinda ruins the illusion.
 */
.btn, .comments_add-comment, .form-submit #comment-submit, .wpcf7-form-control.wpcf7-submit, .otreservations-submit, .widget_tag_cloud a, .read-more-button {
    display: inline-block;
    /* [1] */
    vertical-align: middle;
    /* [2] */
    white-space: nowrap;
    /* [3] */
    font-family: inherit;
    /* [4] */
    font-size: 100%;
    /* [4] */
    cursor: pointer;
    /* [5] */
    border: none;
    /* [6] */
    margin: 0;
    /* [6] */
    padding-top: 0;
    /* [6] */
    padding-bottom: 0;
    /* [6] */
    line-height: 3;
    /* [7] */
    padding-right: 1em;
    /* [7] */
    padding-left: 1em;
    /* [7] */
    border-radius: 0;
    /* [8] */
    }
.btn, .comments_add-comment, .form-submit #comment-submit, .wpcf7-form-control.wpcf7-submit, .otreservations-submit, .widget_tag_cloud a, .read-more-button, .btn:hover, .comments_add-comment:hover, .form-submit #comment-submit:hover, .wpcf7-form-control.wpcf7-submit:hover, .otreservations-submit:hover, .widget_tag_cloud a:hover, .read-more-button:hover {
    text-decoration: none;
    /* [9] */
    }
/*------------------------------------*\
	$SIZES
\*------------------------------------*/
/**
 * Button size modifiers.
 *
 * These all follow the same sizing rules as above; text is 1em, space around it
 * remains uniform.
 */
.btn--small, .comments_add-comment {
    padding-right: 0.5em;
    padding-left: 0.5em;
    line-height: 2
    }
.btn--large {
    padding-right: 1.5em;
    padding-left: 1.5em;
    line-height: 4
    }
.btn--huge {
    padding-right: 2em;
    padding-left: 2em;
    line-height: 5
    }
/**
 * These buttons will fill the entirety of their container.
 *
 * 1. Remove padding so that widths and paddings don’t conflict.
 */
.btn--full {
    width: 100%;
    padding-right: 0;
    /* [1] */
    padding-left: 0;
    /* [1] */
    text-align: center
    }
/*------------------------------------*\
	$FONT-SIZES
\*------------------------------------*/
/**
 * Button font-size modifiers.
 */
.btn--alpha {
    font-size: 3rem
    }
.btn--beta {
    font-size: 2rem
    }
.btn--gamma {
    font-size: 1rem
    }
/**
 * Make the button inherit sizing from its parent.
 */
.btn--natural {
    vertical-align: baseline;
    font-size: inherit;
    line-height: inherit;
    padding-right: 0.5em;
    padding-left: 0.5em
    }
/*------------------------------------*\
	$FUNCTIONS
\*------------------------------------*/
/**
 * Button function modifiers.
 */
/**
 * Positive actions; e.g. sign in, purchase, submit, etc.
 */
.btn--positive {
    background-color: #4A993E;
    color: #fff
    }
/**
 * Negative actions; e.g. close account, delete photo, remove friend, etc.
 */
.btn--negative, .widget_tag_cloud a {
    background-color: #b33630;
    color: #fff
    }
/**
 * Inactive, disabled buttons.
 *
 * 1. Make the button look like normal text when hovered.
 */
.btn--inactive, .btn--inactive:hover, .btn--inactive:active, .btn--inactive:focus {
    background-color: #ddd;
    color: #777;
    cursor: text;
    /* [1] */
    }
/*------------------------------------*\
	$STYLES
\*------------------------------------*/
/**
 * Button style modifiers.
 *
 * 1. Use an overly-large number to ensure completely rounded, pill-like ends.
 */
.btn--soft {
    border-radius: 200px;
    /* [1] */
    }
.btn--hard {
    border-radius: 0
    }
/*------------------------------------*\
	$LOZENGES
\*------------------------------------*/
/**
 * Create pill- and lozenge-like runs of text, e.g.:
 *
   <p>This <span class=pill>here</span> is a pill!</p>
 *
   <p>This <span class=loz>here</span> is also a lozenge!</p>
 *
 * Pills have fully rounded ends, lozenges have only their corners rounded.
 *
 * Demo: jsfiddle.net/inuitcss/N3pGm
 *
 */
.pill, .loz {
    display: inline-block;
    /**
       * These numbers set in ems mean that, at its narrowest, a lozenge will be
       * the same width as the `line-height` set on the `html` element.
       * This allows us to use the `.loz` in almost any `font-size` we wish.
       */
    min-width: 1em;
    padding-right: 0.25em;
    padding-left: 0.25em;
    /* =1.50em */
    text-align: center;
    background-color: #ccc;
    color: #fff;
    /* Override this color in your theme stylesheet */
    /**
       * Normally we’d use border-radius:100%; but instead here we just use an
       * overly large number; `border-radius:100%;` would create an oval on
       * non-square elements whereas we just want to round the ends of an element.
       */
    border-radius: 100px
    }
.loz {
    border-radius: 0
    }
/*------------------------------------*\
	 $STATS
 \*------------------------------------*/
/**
	  * Simple object to display key–value statistic-like information, e.g.:
	  *
		<div class=stat-group>
			<dl class=stat>
				<dt class=stat__title>Tweets</dt>
				<dd class=stat__value>27,740</dd>
			</dl>

			<dl class=stat>
				<dt class=stat__title>Following</dt>
				<dd class=stat__value>11,529</dd>
			</dl>

			<dl class=stat>
				<dt class=stat__title>Followers</dt>
				<dd class=stat__value>12,105</dd>
			</dl>
		</div>
	  *
	  * Demo: jsfiddle.net/inuitcss/Bpwu6
	  *
	  */
.stat-group {
    margin-left: -24px;
    margin-left: -1.5rem
    }
.stat {
    float: left;
    margin-left: 24px;
    margin-left: 1.5rem;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column
    }
.stat__title {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    -o-order: 2;
    order: 2;
    -ms-flex-order: 2
    }
.stat__value {
    margin-left: 0;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    -o-order: 1;
    order: 1;
    -ms-flex-order: 1
    }
/*------------------------------------*\
	$GREYBOX
\*------------------------------------*/
/**
	 * Quickly throw together greybox wireframes. Use in conjunction with other
	 * inuit.css objects to create simple greybox prototypes, e.g.:
	 *
	   <div class="island  greybox  greybox--medium">Header</div>

	   <ul class="nav  nav--fit  nav--block  greybox">
		   <li><a href=#>Home</a></li>
		   <li><a href=#>About</a></li>
		   <li><a href=#>Portfolio</a></li>
		   <li><a href=#>Contact</a></li>
	   </ul>
	 *
	 * The beauty of combining the greyboxing with inuit.css objects is that any
	 * prototyping can quickly be converted into/used as production code.
	 *
	 * For a more complete prototyping framework, consider Adam Whitcroft’s Proto:
	 * adamwhitcroft.com/proto
	 *
	 * Demo: jsfiddle.net/inuitcss/qCXfh/
	 *
	 */
.greybox, .graybox {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 2.01;
    font-family: sans-serif;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff
    }
.greybox a, .graybox a {
    color: #fff;
    text-decoration: underline
    }
/**
 * All greyboxes will occupy 100% of their parent’s width, but to alter their
 * heights we apply incrementally larger line-heights:
 */
.greybox--small, .graybox--small {
    line-height: 48px
    }
.greybox--medium, .graybox--medium {
    line-height: 96px
    }
.greybox--large, .graybox--large {
    line-height: 192px
    }
.greybox--huge, .graybox--huge {
    line-height: 384px
    }
.greybox--gigantic, .graybox--gigantic {
    line-height: 768px
    }
/**
 * Style trumps; helper and brand classes
 */
/*------------------------------------*\
    $WIDTHS
\*------------------------------------*/
/**
 * Sizes in human readable format. These are used in conjunction with other
 * objects and abstractions found in inuit.css, most commonly the grid system
 * and faux flexbox.
 *
 * We have a mixin to generate our widths and their breakpoint-specific
 * variations.
 */
/**
* Whole
*/
.one-whole, .logged-in-as, .comment-form-comment, .form-submit, .comment-subscription-form {
    width: 100%
    }
/**
* Halves
*/
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
    width: 50%
    }
/**
* Thirds
*/
.one-third, .two-sixths, .four-twelfths, .comment-form-author, .comment-form-email, .comment-form-url {
    width: 33.333%
    }
.two-thirds, .four-sixths, .eight-twelfths {
    width: 66.666%
    }
/**
* Quarters
*/
.one-quarter, .two-eighths, .three-twelfths {
    width: 25%
    }
.three-quarters, .six-eighths, .nine-twelfths {
    width: 75%
    }
/**
* Fifths
*/
.one-fifth, .two-tenths {
    width: 20%
    }
.two-fifths, .four-tenths {
    width: 40%
    }
.three-fifths, .six-tenths {
    width: 60%
    }
.four-fifths, .eight-tenths {
    width: 80%
    }
/**
* Sixths
*/
.one-sixth, .two-twelfths {
    width: 16.666%
    }
.five-sixths, .ten-twelfths {
    width: 83.333%
    }
/**
* Eighths
*/
.one-eighth {
    width: 12.5%
    }
.three-eighths {
    width: 37.5%
    }
.five-eighths {
    width: 62.5%
    }
.seven-eighths {
    width: 87.5%
    }
/**
* Tenths
*/
.one-tenth {
    width: 10%
    }
.three-tenths {
    width: 30%
    }
.seven-tenths {
    width: 70%
    }
.nine-tenths {
    width: 90%
    }
/**
* Twelfths
*/
.one-twelfth {
    width: 8.333%
    }
.five-twelfths {
    width: 41.666%
    }
.seven-twelfths {
    width: 58.333%
    }
.eleven-twelfths {
    width: 91.666%
    }
/**
 * If you have set `$responsive` to ‘true’ in `_vars.scss` then you now have
 * access to these classes. You can define at which breakpoint you’d like an
 * element to be a certain size, e.g.:
 *
 * `<div class="g  one-quarter  lap-one-half  palm-one-whole"> ... </div>`
 *
 * This would create a `div` that, at ‘desktop’ sizes, takes up a quarter of the
 * horizontal space, a half of that space at ‘tablet’ sizes, and goes full width
 * at ‘mobile’ sizes.
 *
 * Demo: jsfiddle.net/inuitcss/WS4Ge
 *
 */
@media only screen and (max-width: 899px) {
    /**
      * Whole
      */
    .palm-one-whole {
        width: 100%
        }
    /**
      * Halves
      */
    .palm-one-half, .palm-two-quarters, .palm-three-sixths, .palm-four-eighths, .palm-five-tenths, .palm-six-twelfths {
        width: 50%
        }
    /**
      * Thirds
      */
    .palm-one-third, .palm-two-sixths, .palm-four-twelfths {
        width: 33.333%
        }
    .palm-two-thirds, .palm-four-sixths, .palm-eight-twelfths {
        width: 66.666%
        }
    /**
      * Quarters
      */
    .palm-one-quarter, .palm-two-eighths, .palm-three-twelfths {
        width: 25%
        }
    .palm-three-quarters, .palm-six-eighths, .palm-nine-twelfths {
        width: 75%
        }
    /**
      * Fifths
      */
    .palm-one-fifth, .palm-two-tenths {
        width: 20%
        }
    .palm-two-fifths, .palm-four-tenths {
        width: 40%
        }
    .palm-three-fifths, .palm-six-tenths {
        width: 60%
        }
    .palm-four-fifths, .palm-eight-tenths {
        width: 80%
        }
    /**
      * Sixths
      */
    .palm-one-sixth, .palm-two-twelfths {
        width: 16.666%
        }
    .palm-five-sixths, .palm-ten-twelfths {
        width: 83.333%
        }
    /**
      * Eighths
      */
    .palm-one-eighth {
        width: 12.5%
        }
    .palm-three-eighths {
        width: 37.5%
        }
    .palm-five-eighths {
        width: 62.5%
        }
    .palm-seven-eighths {
        width: 87.5%
        }
    /**
      * Tenths
      */
    .palm-one-tenth {
        width: 10%
        }
    .palm-three-tenths {
        width: 30%
        }
    .palm-seven-tenths {
        width: 70%
        }
    .palm-nine-tenths {
        width: 90%
        }
    /**
      * Twelfths
      */
    .palm-one-twelfth {
        width: 8.333%
        }
    .palm-five-twelfths {
        width: 41.666%
        }
    .palm-seven-twelfths {
        width: 58.333%
        }
    .palm-eleven-twelfths {
        width: 91.666%
        }
    }
@media only screen and (min-width: 900px) and (max-width: 1023px) {
    /**
      * Whole
      */
    .lap-one-whole {
        width: 100%
        }
    /**
      * Halves
      */
    .lap-one-half, .lap-two-quarters, .lap-three-sixths, .lap-four-eighths, .lap-five-tenths, .lap-six-twelfths {
        width: 50%
        }
    /**
      * Thirds
      */
    .lap-one-third, .lap-two-sixths, .lap-four-twelfths {
        width: 33.333%
        }
    .lap-two-thirds, .lap-four-sixths, .lap-eight-twelfths {
        width: 66.666%
        }
    /**
      * Quarters
      */
    .lap-one-quarter, .lap-two-eighths, .lap-three-twelfths {
        width: 25%
        }
    .lap-three-quarters, .lap-six-eighths, .lap-nine-twelfths {
        width: 75%
        }
    /**
      * Fifths
      */
    .lap-one-fifth, .lap-two-tenths {
        width: 20%
        }
    .lap-two-fifths, .lap-four-tenths {
        width: 40%
        }
    .lap-three-fifths, .lap-six-tenths {
        width: 60%
        }
    .lap-four-fifths, .lap-eight-tenths {
        width: 80%
        }
    /**
      * Sixths
      */
    .lap-one-sixth, .lap-two-twelfths {
        width: 16.666%
        }
    .lap-five-sixths, .lap-ten-twelfths {
        width: 83.333%
        }
    /**
      * Eighths
      */
    .lap-one-eighth {
        width: 12.5%
        }
    .lap-three-eighths {
        width: 37.5%
        }
    .lap-five-eighths {
        width: 62.5%
        }
    .lap-seven-eighths {
        width: 87.5%
        }
    /**
      * Tenths
      */
    .lap-one-tenth {
        width: 10%
        }
    .lap-three-tenths {
        width: 30%
        }
    .lap-seven-tenths {
        width: 70%
        }
    .lap-nine-tenths {
        width: 90%
        }
    /**
      * Twelfths
      */
    .lap-one-twelfth {
        width: 8.333%
        }
    .lap-five-twelfths {
        width: 41.666%
        }
    .lap-seven-twelfths {
        width: 58.333%
        }
    .lap-eleven-twelfths {
        width: 91.666%
        }
    }
@media only screen and (min-width: 900px) {
    /**
      * Whole
      */
    .lap-and-up-one-whole {
        width: 100%
        }
    /**
      * Halves
      */
    .lap-and-up-one-half, .lap-and-up-two-quarters, .lap-and-up-three-sixths, .lap-and-up-four-eighths, .lap-and-up-five-tenths, .lap-and-up-six-twelfths {
        width: 50%
        }
    /**
      * Thirds
      */
    .lap-and-up-one-third, .lap-and-up-two-sixths, .lap-and-up-four-twelfths, .otw-input-wrap {
        width: 33.333%
        }
    .lap-and-up-two-thirds, .lap-and-up-four-sixths, .lap-and-up-eight-twelfths {
        width: 66.666%
        }
    /**
      * Quarters
      */
    .lap-and-up-one-quarter, .lap-and-up-two-eighths, .lap-and-up-three-twelfths {
        width: 25%
        }
    .lap-and-up-three-quarters, .lap-and-up-six-eighths, .lap-and-up-nine-twelfths {
        width: 75%
        }
    /**
      * Fifths
      */
    .lap-and-up-one-fifth, .lap-and-up-two-tenths {
        width: 20%
        }
    .lap-and-up-two-fifths, .lap-and-up-four-tenths {
        width: 40%
        }
    .lap-and-up-three-fifths, .lap-and-up-six-tenths {
        width: 60%
        }
    .lap-and-up-four-fifths, .lap-and-up-eight-tenths {
        width: 80%
        }
    /**
      * Sixths
      */
    .lap-and-up-one-sixth, .lap-and-up-two-twelfths {
        width: 16.666%
        }
    .lap-and-up-five-sixths, .lap-and-up-ten-twelfths {
        width: 83.333%
        }
    /**
      * Eighths
      */
    .lap-and-up-one-eighth {
        width: 12.5%
        }
    .lap-and-up-three-eighths {
        width: 37.5%
        }
    .lap-and-up-five-eighths {
        width: 62.5%
        }
    .lap-and-up-seven-eighths {
        width: 87.5%
        }
    /**
      * Tenths
      */
    .lap-and-up-one-tenth {
        width: 10%
        }
    .lap-and-up-three-tenths {
        width: 30%
        }
    .lap-and-up-seven-tenths {
        width: 70%
        }
    .lap-and-up-nine-tenths {
        width: 90%
        }
    /**
      * Twelfths
      */
    .lap-and-up-one-twelfth {
        width: 8.333%
        }
    .lap-and-up-five-twelfths {
        width: 41.666%
        }
    .lap-and-up-seven-twelfths {
        width: 58.333%
        }
    .lap-and-up-eleven-twelfths {
        width: 91.666%
        }
    }
@media only screen and (max-width: 1023px) {
    /**
      * Whole
      */
    .portable-one-whole {
        width: 100%
        }
    /**
      * Halves
      */
    .portable-one-half, .portable-two-quarters, .portable-three-sixths, .portable-four-eighths, .portable-five-tenths, .portable-six-twelfths {
        width: 50%
        }
    /**
      * Thirds
      */
    .portable-one-third, .portable-two-sixths, .portable-four-twelfths {
        width: 33.333%
        }
    .portable-two-thirds, .portable-four-sixths, .portable-eight-twelfths {
        width: 66.666%
        }
    /**
      * Quarters
      */
    .portable-one-quarter, .portable-two-eighths, .portable-three-twelfths {
        width: 25%
        }
    .portable-three-quarters, .portable-six-eighths, .portable-nine-twelfths {
        width: 75%
        }
    /**
      * Fifths
      */
    .portable-one-fifth, .portable-two-tenths {
        width: 20%
        }
    .portable-two-fifths, .portable-four-tenths {
        width: 40%
        }
    .portable-three-fifths, .portable-six-tenths {
        width: 60%
        }
    .portable-four-fifths, .portable-eight-tenths {
        width: 80%
        }
    /**
      * Sixths
      */
    .portable-one-sixth, .portable-two-twelfths {
        width: 16.666%
        }
    .portable-five-sixths, .portable-ten-twelfths {
        width: 83.333%
        }
    /**
      * Eighths
      */
    .portable-one-eighth {
        width: 12.5%
        }
    .portable-three-eighths {
        width: 37.5%
        }
    .portable-five-eighths {
        width: 62.5%
        }
    .portable-seven-eighths {
        width: 87.5%
        }
    /**
      * Tenths
      */
    .portable-one-tenth {
        width: 10%
        }
    .portable-three-tenths {
        width: 30%
        }
    .portable-seven-tenths {
        width: 70%
        }
    .portable-nine-tenths {
        width: 90%
        }
    /**
      * Twelfths
      */
    .portable-one-twelfth {
        width: 8.333%
        }
    .portable-five-twelfths {
        width: 41.666%
        }
    .portable-seven-twelfths {
        width: 58.333%
        }
    .portable-eleven-twelfths {
        width: 91.666%
        }
    }
@media only screen and (min-width: 1024px) {
    /**
      * Whole
      */
    .desk-one-whole {
        width: 100%
        }
    /**
      * Halves
      */
    .desk-one-half, .desk-two-quarters, .desk-three-sixths, .desk-four-eighths, .desk-five-tenths, .desk-six-twelfths {
        width: 50%
        }
    /**
      * Thirds
      */
    .desk-one-third, .desk-two-sixths, .desk-four-twelfths {
        width: 33.333%
        }
    .desk-two-thirds, .desk-four-sixths, .desk-eight-twelfths {
        width: 66.666%
        }
    /**
      * Quarters
      */
    .desk-one-quarter, .desk-two-eighths, .desk-three-twelfths {
        width: 25%
        }
    .desk-three-quarters, .desk-six-eighths, .desk-nine-twelfths {
        width: 75%
        }
    /**
      * Fifths
      */
    .desk-one-fifth, .desk-two-tenths {
        width: 20%
        }
    .desk-two-fifths, .desk-four-tenths {
        width: 40%
        }
    .desk-three-fifths, .desk-six-tenths {
        width: 60%
        }
    .desk-four-fifths, .desk-eight-tenths {
        width: 80%
        }
    /**
      * Sixths
      */
    .desk-one-sixth, .desk-two-twelfths {
        width: 16.666%
        }
    .desk-five-sixths, .desk-ten-twelfths {
        width: 83.333%
        }
    /**
      * Eighths
      */
    .desk-one-eighth {
        width: 12.5%
        }
    .desk-three-eighths {
        width: 37.5%
        }
    .desk-five-eighths {
        width: 62.5%
        }
    .desk-seven-eighths {
        width: 87.5%
        }
    /**
      * Tenths
      */
    .desk-one-tenth {
        width: 10%
        }
    .desk-three-tenths {
        width: 30%
        }
    .desk-seven-tenths {
        width: 70%
        }
    .desk-nine-tenths {
        width: 90%
        }
    /**
      * Twelfths
      */
    .desk-one-twelfth {
        width: 8.333%
        }
    .desk-five-twelfths {
        width: 41.666%
        }
    .desk-seven-twelfths {
        width: 58.333%
        }
    .desk-eleven-twelfths {
        width: 91.666%
        }
    }
/**
 * If you have set the additional `$responsive-extra` variable to ‘true’ in
 * `_vars.scss` then you now have access to the following class available to
 * accomodate much larger screen resolutions.
 */
/* endif */
/*------------------------------------*\
    $PUSH
\*------------------------------------*/
/**
 * Push classes, to move grid items over to the right by certain amounts.
 */
/*------------------------------------*\
    $PULL
\*------------------------------------*/
/**
 * Pull classes, to move grid items over to the right by certain amounts.
 */
/*------------------------------------*\
    $BRAND
\*------------------------------------*/
/**
 * `.brand` is a quick and simple way to apply your brand face and/or color to
 * any element using a handy helper class.
 */
.brand {
    font-family: "Helvetica Neue", sans-serif !important;
    color: #4a8ec2 !important
    }
.brand-face {
    font-family: "Helvetica Neue", sans-serif !important
    }
.brand-color, .brand-colour {
    color: #4a8ec2 !important
    }
/*------------------------------------*\
    $HELPER
\*------------------------------------*/
/**
 * A series of helper classes to use arbitrarily. Only use a helper class if an
 * element/component doesn’t already have a class to which you could apply this
 * styling, e.g. if you need to float `.main-nav` left then add `float:left;` to
 * that ruleset as opposed to adding the `.float--left` class to the markup.
 *
 * A lot of these classes carry `!important` as you will always want them to win
 * out over other selectors.
 */
/**
 * Add/remove floats
 */
.float--right {
    float: right !important
    }
.float--left {
    float: left !important
    }
.float--none {
    float: none !important
    }
/**
 * Text alignment
 */
.text--left {
    text-align: left !important
    }
.text--center {
    text-align: center !important
    }
.text--right {
    text-align: right !important
    }
/**
 * Font weights
 */
.weight--light {
    font-weight: 300 !important
    }
.weight--normal {
    font-weight: 400 !important
    }
.weight--semibold {
    font-weight: 600 !important
    }
/**
 * Add/remove margins
 */
.push {
    margin: 24px !important;
    margin: 1.5rem !important
    }
.push--top {
    margin-top: 24px !important;
    margin-top: 1.5rem !important
    }
.push--right {
    margin-right: 24px !important;
    margin-right: 1.5rem !important
    }
.push--bottom {
    margin-bottom: 24px !important;
    margin-bottom: 1.5rem !important
    }
.push--left {
    margin-left: 24px !important;
    margin-left: 1.5rem !important
    }
.push--ends {
    margin-top: 24px !important;
    margin-top: 1.5rem !important;
    margin-bottom: 24px !important;
    margin-bottom: 1.5rem !important
    }
.push--sides {
    margin-right: 24px !important;
    margin-right: 1.5rem !important;
    margin-left: 24px !important;
    margin-left: 1.5rem !important
    }
.push-half {
    margin: 12px !important;
    margin: 0.75rem !important
    }
.push-half--top {
    margin-top: 12px !important;
    margin-top: 0.75rem !important
    }
.push-half--right {
    margin-right: 12px !important;
    margin-right: 0.75rem !important
    }
.push-half--bottom {
    margin-bottom: 12px !important;
    margin-bottom: 0.75rem !important
    }
.push-half--left {
    margin-left: 12px !important;
    margin-left: 0.75rem !important
    }
.push-half--ends {
    margin-top: 12px !important;
    margin-top: 0.75rem !important;
    margin-bottom: 12px !important;
    margin-bottom: 0.75rem !important
    }
.push-half--sides {
    margin-right: 12px !important;
    margin-right: 0.75rem !important;
    margin-left: 12px !important;
    margin-left: 0.75rem !important
    }
.flush {
    margin: 0 !important;
    margin: 0 !important
    }
.flush--top, .mt0 {
    margin-top: 0 !important;
    margin-top: 0 !important
    }
.flush--right {
    margin-right: 0 !important;
    margin-right: 0 !important
    }
.flush--bottom, .mb0 {
    margin-bottom: 0 !important;
    margin-bottom: 0 !important
    }
.flush--left {
    margin-left: 0 !important;
    margin-left: 0 !important
    }
.flush--ends {
    margin-top: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-bottom: 0 !important
    }
.flush--sides {
    margin-right: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-left: 0 !important
    }
/**
 * Add/remove paddings
 */
.soft {
    padding: 24px !important;
    padding: 1.5rem !important
    }
.soft--top {
    padding-top: 24px !important;
    padding-top: 1.5rem !important
    }
.soft--right {
    padding-right: 24px !important;
    padding-right: 1.5rem !important
    }
.soft--bottom {
    padding-bottom: 24px !important;
    padding-bottom: 1.5rem !important
    }
.soft--left {
    padding-left: 24px !important;
    padding-left: 1.5rem !important
    }
.soft--ends {
    padding-top: 24px !important;
    padding-top: 1.5rem !important;
    padding-bottom: 24px !important;
    padding-bottom: 1.5rem !important
    }
.soft--sides {
    padding-right: 24px !important;
    padding-right: 1.5rem !important;
    padding-left: 24px !important;
    padding-left: 1.5rem !important
    }
.soft-half {
    padding: 12px !important;
    padding: 0.75rem !important
    }
.soft-half--top {
    padding-top: 12px !important;
    padding-top: 0.75rem !important
    }
.soft-half--right {
    padding-right: 12px !important;
    padding-right: 0.75rem !important
    }
.soft-half--bottom {
    padding-bottom: 12px !important;
    padding-bottom: 0.75rem !important
    }
.soft-half--left {
    padding-left: 12px !important;
    padding-left: 0.75rem !important
    }
.soft-half--ends {
    padding-top: 12px !important;
    padding-top: 0.75rem !important;
    padding-bottom: 12px !important;
    padding-bottom: 0.75rem !important
    }
.soft-half--sides {
    padding-right: 12px !important;
    padding-right: 0.75rem !important;
    padding-left: 12px !important;
    padding-left: 0.75rem !important
    }
.hard {
    padding: 0 !important;
    padding: 0 !important
    }
.hard--top, .pt0 {
    padding-top: 0 !important;
    padding-top: 0 !important
    }
.hard--right {
    padding-right: 0 !important;
    padding-right: 0 !important
    }
.hard--bottom, .pb0 {
    padding-bottom: 0 !important;
    padding-bottom: 0 !important
    }
.hard--left {
    padding-left: 0 !important;
    padding-left: 0 !important
    }
.hard--ends {
    padding-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-bottom: 0 !important
    }
.hard--sides {
    padding-right: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-left: 0 !important
    }
/**
 * Pull items full width of `.island` parents.
 */
.full-bleed {
    margin-right: -24px !important;
    margin-right: -1.5rem !important;
    margin-left: -24px !important;
    margin-left: -1.5rem !important
    }
.islet .full-bleed {
    margin-right: -12px !important;
    margin-right: -0.75rem !important;
    margin-left: -12px !important;
    margin-left: -0.75rem !important
    }
/**
 * Add a help cursor to any element that gives the user extra information on
 * `:hover`.
 */
.informative {
    cursor: help !important
    }
/**
 * Mute an object by reducing its opacity.
 */
.muted {
    opacity: 0.5 !important;
    filter: alpha(opacity=50) !important
    }
/**
 * Align items to the right where they imply progression/movement forward, e.g.:
 *
   <p class=proceed><a href=#>Read more...</a></p>
 *
 */
.proceed {
    text-align: right !important
    }
/**
 * Add a right-angled quote to links that imply movement, e.g.:
 *
   <a href=# class=go>Read more</a>
 *
 */
.go:after {
    content: " " "»" !important
    }
/**
 * Add a left-angled quote to links that imply backwards movement, e.g.:
 *
   <a href=# class=back>Return</a>
 *
 */
.back:before {
    content: "«" " " !important
    }
/**
 * Apply capital case to an element (usually a `strong`).
 */
.caps {
    text-transform: uppercase !important
    }
/**
 * Hide content off-screen without resorting to `display:none;`, also provide
 * breakpoint specific hidden elements.
 */
.accessibility, .visuallyhidden {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
    }
@media only screen and (max-width: 899px) {
    .accessibility--palm, .visuallyhidden--palm {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
        }
    }
@media only screen and (min-width: 900px) and (max-width: 1023px) {
    .accessibility--lap, .visuallyhidden--lap {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
        }
    }
@media only screen and (min-width: 900px) {
    .accessibility--lap-and-up, .visuallyhidden--lap-and-up {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
        }
    }
@media only screen and (max-width: 1023px) {
    .accessibility--portable, .visuallyhidden--portable {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
        }
    }
@media only screen and (min-width: 1024px) {
    .accessibility--desk, .visuallyhidden--desk {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
        }
    }
@media only screen and (min-width: 1366px) {
    .accessibility--desk-wide, .visuallyhidden--desk-wide {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
        }
    }
/* endif */
/*----------------------------------------*\
*   ICONS FONTS
\*----------------------------------------*/
/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: "FontAwesome";
    src: url(../fonts/icon-fonts/fontawesome/fontawesome-webfont.eot?v=4.2.0);
    src: url(../fonts/icon-fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.2.0) format("embedded-opentype"), url(../fonts/icon-fonts/fontawesome/fontawesome-webfont.woff?v=4.2.0) format("woff"), url(../fonts/icon-fonts/fontawesome/fontawesome-webfont.ttf?v=4.2.0) format("truetype"), url(../fonts/icon-fonts/fontawesome/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular) format("svg");
    font-weight: normal;
    font-style: normal
    }
.icon, [class^="icon-"]:before, [class*=" icon-"]:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
    }
/* makes the font 33% larger relative to the icon container */
.icon-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -15%
    }
.icon-2x {
    font-size: 2em
    }
.icon-3x {
    font-size: 3em
    }
.icon-4x {
    font-size: 4em
    }
.icon-5x {
    font-size: 5em
    }
.icon-fw {
    width: 1.28571em;
    text-align: center
    }
.icon-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
    }
.icon-ul > li {
    position: relative
    }
.icon-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: 0.14286em;
    text-align: center
    }
.icon-li.icon-lg {
    left: -1.85714em
    }
.icon-border {
    padding: 0.2em 0.25em 0.15em;
    border: solid 0.08em #eee;
    border-radius: 0.1em
    }
.pull-right {
    float: right
    }
.pull-left {
    float: left
    }
.icon.pull-left {
    margin-right: 0.3em
    }
.icon.pull-right {
    margin-left: 0.3em
    }
.icon-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
    }
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        } 100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
        }
    }
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        } 100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
        }
    }
.icon-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
    }
.icon-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
    }
.icon-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
    }
.icon-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
    }
.icon-flip-vertical {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
    }
:root .icon-rotate-90, :root .icon-rotate-180, :root .icon-rotate-270, :root .icon-flip-horizontal, :root .icon-flip-vertical {
    filter: none
    }
.icon-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
    }
.icon-stack-1x, .icon-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
    }
.icon-stack-1x {
    line-height: inherit
    }
.icon-stack-2x {
    font-size: 2em
    }
.icon-inverse {
    color: white
    }
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.icon-glass:before {
    content: ""
    }
.icon-music:before {
    content: ""
    }
.icon-search:before {
    content: ""
    }
.icon-envelope-o:before {
    content: ""
    }
.icon-heart:before {
    content: ""
    }
.icon-star:before {
    content: ""
    }
.icon-star-o:before {
    content: ""
    }
.icon-user:before {
    content: ""
    }
.icon-film:before {
    content: ""
    }
.icon-th-large:before {
    content: ""
    }
.icon-th:before {
    content: ""
    }
.icon-th-list:before {
    content: ""
    }
.icon-check:before {
    content: ""
    }
.icon-remove:before, .icon-close:before, .icon-times:before {
    content: ""
    }
.icon-search-plus:before {
    content: ""
    }
.icon-search-minus:before {
    content: ""
    }
.icon-power-off:before {
    content: ""
    }
.icon-signal:before {
    content: ""
    }
.icon-gear:before, .icon-cog:before {
    content: ""
    }
.icon-trash-o:before {
    content: ""
    }
.icon-home:before {
    content: ""
    }
.icon-file-o:before {
    content: ""
    }
.icon-clock-o:before {
    content: ""
    }
.icon-road:before {
    content: ""
    }
.icon-download:before {
    content: ""
    }
.icon-arrow-circle-o-down:before {
    content: ""
    }
.icon-arrow-circle-o-up:before {
    content: ""
    }
.icon-inbox:before {
    content: ""
    }
.icon-play-circle-o:before {
    content: ""
    }
.icon-rotate-right:before, .icon-repeat:before {
    content: ""
    }
.icon-refresh:before {
    content: ""
    }
.icon-list-alt:before {
    content: ""
    }
.icon-lock:before {
    content: ""
    }
.icon-flag:before {
    content: ""
    }
.icon-headphones:before {
    content: ""
    }
.icon-volume-off:before {
    content: ""
    }
.icon-volume-down:before {
    content: ""
    }
.icon-volume-up:before {
    content: ""
    }
.icon-qrcode:before {
    content: ""
    }
.icon-barcode:before {
    content: ""
    }
.icon-tag:before {
    content: ""
    }
.icon-tags:before {
    content: ""
    }
.icon-book:before {
    content: ""
    }
.icon-bookmark:before {
    content: ""
    }
.icon-print:before {
    content: ""
    }
.icon-camera:before {
    content: ""
    }
.icon-font:before {
    content: ""
    }
.icon-bold:before {
    content: ""
    }
.icon-italic:before {
    content: ""
    }
.icon-text-height:before {
    content: ""
    }
.icon-text-width:before {
    content: ""
    }
.icon-align-left:before {
    content: ""
    }
.icon-align-center:before {
    content: ""
    }
.icon-align-right:before {
    content: ""
    }
.icon-align-justify:before {
    content: ""
    }
.icon-list:before {
    content: ""
    }
.icon-dedent:before, .icon-outdent:before {
    content: ""
    }
.icon-indent:before {
    content: ""
    }
.icon-video-camera:before {
    content: ""
    }
.icon-photo:before, .icon-image:before, .icon-picture-o:before {
    content: ""
    }
.icon-pencil:before {
    content: ""
    }
.icon-map-marker:before {
    content: ""
    }
.icon-adjust:before {
    content: ""
    }
.icon-tint:before {
    content: ""
    }
.icon-edit:before, .icon-pencil-square-o:before {
    content: ""
    }
.icon-share-square-o:before {
    content: ""
    }
.icon-check-square-o:before {
    content: ""
    }
.icon-arrows:before {
    content: ""
    }
.icon-step-backward:before {
    content: ""
    }
.icon-fast-backward:before {
    content: ""
    }
.icon-backward:before {
    content: ""
    }
.icon-play:before {
    content: ""
    }
.icon-pause:before {
    content: ""
    }
.icon-stop:before {
    content: ""
    }
.icon-forward:before {
    content: ""
    }
.icon-fast-forward:before {
    content: ""
    }
.icon-step-forward:before {
    content: ""
    }
.icon-eject:before {
    content: ""
    }
.icon-chevron-left:before {
    content: ""
    }
.icon-chevron-right:before {
    content: ""
    }
.icon-plus-circle:before {
    content: ""
    }
.icon-minus-circle:before {
    content: ""
    }
.icon-times-circle:before {
    content: ""
    }
.icon-check-circle:before {
    content: ""
    }
.icon-question-circle:before {
    content: ""
    }
.icon-info-circle:before {
    content: ""
    }
.icon-crosshairs:before {
    content: ""
    }
.icon-times-circle-o:before {
    content: ""
    }
.icon-check-circle-o:before {
    content: ""
    }
.icon-ban:before {
    content: ""
    }
.icon-arrow-left:before {
    content: ""
    }
.icon-arrow-right:before {
    content: ""
    }
.icon-arrow-up:before {
    content: ""
    }
.icon-arrow-down:before {
    content: ""
    }
.icon-mail-forward:before, .icon-share:before {
    content: ""
    }
.icon-expand:before {
    content: ""
    }
.icon-compress:before {
    content: ""
    }
.icon-plus:before {
    content: ""
    }
.icon-minus:before {
    content: ""
    }
.icon-asterisk:before {
    content: ""
    }
.icon-exclamation-circle:before {
    content: ""
    }
.icon-gift:before {
    content: ""
    }
.icon-leaf:before {
    content: ""
    }
.icon-fire:before {
    content: ""
    }
.icon-eye:before {
    content: ""
    }
.icon-eye-slash:before {
    content: ""
    }
.icon-warning:before, .icon-exclamation-triangle:before {
    content: ""
    }
.icon-plane:before {
    content: ""
    }
.icon-calendar:before {
    content: ""
    }
.icon-random:before {
    content: ""
    }
.icon-comment:before {
    content: ""
    }
.icon-magnet:before {
    content: ""
    }
.icon-chevron-up:before {
    content: ""
    }
.icon-chevron-down:before {
    content: ""
    }
.icon-retweet:before {
    content: ""
    }
.icon-shopping-cart:before {
    content: ""
    }
.icon-folder:before {
    content: ""
    }
.icon-folder-open:before {
    content: ""
    }
.icon-arrows-v:before {
    content: ""
    }
.icon-arrows-h:before {
    content: ""
    }
.icon-bar-chart-o:before, .icon-bar-chart:before {
    content: ""
    }
.icon-twitter-square:before {
    content: ""
    }
.icon-facebook-square:before {
    content: ""
    }
.icon-camera-retro:before {
    content: ""
    }
.icon-key:before {
    content: ""
    }
.icon-gears:before, .icon-cogs:before {
    content: ""
    }
.icon-comments:before {
    content: ""
    }
.icon-thumbs-o-up:before {
    content: ""
    }
.icon-thumbs-o-down:before {
    content: ""
    }
.icon-star-half:before {
    content: ""
    }
.icon-heart-o:before {
    content: ""
    }
.icon-sign-out:before {
    content: ""
    }
.icon-linkedin-square:before {
    content: ""
    }
.icon-thumb-tack:before {
    content: ""
    }
.icon-external-link:before {
    content: ""
    }
.icon-sign-in:before {
    content: ""
    }
.icon-trophy:before {
    content: ""
    }
.icon-github-square:before {
    content: ""
    }
.icon-upload:before {
    content: ""
    }
.icon-lemon-o:before {
    content: ""
    }
.icon-phone:before {
    content: ""
    }
.icon-square-o:before {
    content: ""
    }
.icon-bookmark-o:before {
    content: ""
    }
.icon-phone-square:before {
    content: ""
    }
.icon-twitter:before {
    content: ""
    }
.icon-facebook:before {
    content: ""
    }
.icon-github:before {
    content: ""
    }
.icon-unlock:before {
    content: ""
    }
.icon-credit-card:before {
    content: ""
    }
.icon-rss:before {
    content: ""
    }
.icon-hdd-o:before {
    content: ""
    }
.icon-bullhorn:before {
    content: ""
    }
.icon-bell:before {
    content: ""
    }
.icon-certificate:before {
    content: ""
    }
.icon-hand-o-right:before {
    content: ""
    }
.icon-hand-o-left:before {
    content: ""
    }
.icon-hand-o-up:before {
    content: ""
    }
.icon-hand-o-down:before {
    content: ""
    }
.icon-arrow-circle-left:before {
    content: ""
    }
.icon-arrow-circle-right:before {
    content: ""
    }
.icon-arrow-circle-up:before {
    content: ""
    }
.icon-arrow-circle-down:before {
    content: ""
    }
.icon-globe:before {
    content: ""
    }
.icon-wrench:before {
    content: ""
    }
.icon-tasks:before {
    content: ""
    }
.icon-filter:before {
    content: ""
    }
.icon-briefcase:before {
    content: ""
    }
.icon-arrows-alt:before {
    content: ""
    }
.icon-group:before, .icon-users:before {
    content: ""
    }
.icon-chain:before, .icon-link:before {
    content: ""
    }
.icon-cloud:before {
    content: ""
    }
.icon-flask:before {
    content: ""
    }
.icon-cut:before, .icon-scissors:before {
    content: ""
    }
.icon-copy:before, .icon-files-o:before {
    content: ""
    }
.icon-paperclip:before {
    content: ""
    }
.icon-save:before, .icon-floppy-o:before {
    content: ""
    }
.icon-square:before {
    content: ""
    }
.icon-navicon:before, .icon-reorder:before, .icon-bars:before {
    content: ""
    }
.icon-list-ul:before {
    content: ""
    }
.icon-list-ol:before {
    content: ""
    }
.icon-strikethrough:before {
    content: ""
    }
.icon-underline:before {
    content: ""
    }
.icon-table:before {
    content: ""
    }
.icon-magic:before {
    content: ""
    }
.icon-truck:before {
    content: ""
    }
.icon-pinterest:before {
    content: ""
    }
.icon-pinterest-square:before {
    content: ""
    }
.icon-google-plus-square:before {
    content: ""
    }
.icon-google-plus:before {
    content: ""
    }
.icon-money:before {
    content: ""
    }
.icon-caret-down:before {
    content: ""
    }
.icon-caret-up:before {
    content: ""
    }
.icon-caret-left:before {
    content: ""
    }
.icon-caret-right:before {
    content: ""
    }
.icon-columns:before {
    content: ""
    }
.icon-unsorted:before, .icon-sort:before {
    content: ""
    }
.icon-sort-down:before, .icon-sort-desc:before {
    content: ""
    }
.icon-sort-up:before, .icon-sort-asc:before {
    content: ""
    }
.icon-envelope:before {
    content: ""
    }
.icon-linkedin:before {
    content: ""
    }
.icon-rotate-left:before, .icon-undo:before {
    content: ""
    }
.icon-legal:before, .icon-gavel:before {
    content: ""
    }
.icon-dashboard:before, .icon-tachometer:before {
    content: ""
    }
.icon-comment-o:before {
    content: ""
    }
.icon-comments-o:before {
    content: ""
    }
.icon-flash:before, .icon-bolt:before {
    content: ""
    }
.icon-sitemap:before {
    content: ""
    }
.icon-umbrella:before {
    content: ""
    }
.icon-paste:before, .icon-clipboard:before {
    content: ""
    }
.icon-lightbulb-o:before {
    content: ""
    }
.icon-exchange:before {
    content: ""
    }
.icon-cloud-download:before {
    content: ""
    }
.icon-cloud-upload:before {
    content: ""
    }
.icon-user-md:before {
    content: ""
    }
.icon-stethoscope:before {
    content: ""
    }
.icon-suitcase:before {
    content: ""
    }
.icon-bell-o:before {
    content: ""
    }
.icon-coffee:before {
    content: ""
    }
.icon-cutlery:before {
    content: ""
    }
.icon-file-text-o:before {
    content: ""
    }
.icon-building-o:before {
    content: ""
    }
.icon-hospital-o:before {
    content: ""
    }
.icon-ambulance:before {
    content: ""
    }
.icon-medkit:before {
    content: ""
    }
.icon-fighter-jet:before {
    content: ""
    }
.icon-beer:before {
    content: ""
    }
.icon-h-square:before {
    content: ""
    }
.icon-plus-square:before {
    content: ""
    }
.icon-angle-double-left:before {
    content: ""
    }
.icon-angle-double-right:before {
    content: ""
    }
.icon-angle-double-up:before {
    content: ""
    }
.icon-angle-double-down:before {
    content: ""
    }
.icon-angle-left:before {
    content: ""
    }
.icon-angle-right:before {
    content: ""
    }
.icon-angle-up:before {
    content: ""
    }
.icon-angle-down:before {
    content: ""
    }
.icon-desktop:before {
    content: ""
    }
.icon-laptop:before {
    content: ""
    }
.icon-tablet:before {
    content: ""
    }
.icon-mobile-phone:before, .icon-mobile:before {
    content: ""
    }
.icon-circle-o:before {
    content: ""
    }
.icon-quote-left:before {
    content: ""
    }
.icon-quote-right:before {
    content: ""
    }
.icon-spinner:before {
    content: ""
    }
.icon-circle:before {
    content: ""
    }
.icon-mail-reply:before, .icon-reply:before {
    content: ""
    }
.icon-github-alt:before {
    content: ""
    }
.icon-folder-o:before {
    content: ""
    }
.icon-folder-open-o:before {
    content: ""
    }
.icon-smile-o:before {
    content: ""
    }
.icon-frown-o:before {
    content: ""
    }
.icon-meh-o:before {
    content: ""
    }
.icon-gamepad:before {
    content: ""
    }
.icon-keyboard-o:before {
    content: ""
    }
.icon-flag-o:before {
    content: ""
    }
.icon-flag-checkered:before {
    content: ""
    }
.icon-terminal:before {
    content: ""
    }
.icon-code:before {
    content: ""
    }
.icon-mail-reply-all:before, .icon-reply-all:before {
    content: ""
    }
.icon-star-half-empty:before, .icon-star-half-full:before, .icon-star-half-o:before {
    content: ""
    }
.icon-location-arrow:before {
    content: ""
    }
.icon-crop:before {
    content: ""
    }
.icon-code-fork:before {
    content: ""
    }
.icon-unlink:before, .icon-chain-broken:before {
    content: ""
    }
.icon-question:before {
    content: ""
    }
.icon-info:before {
    content: ""
    }
.icon-exclamation:before {
    content: ""
    }
.icon-superscript:before {
    content: ""
    }
.icon-subscript:before {
    content: ""
    }
.icon-eraser:before {
    content: ""
    }
.icon-puzzle-piece:before {
    content: ""
    }
.icon-microphone:before {
    content: ""
    }
.icon-microphone-slash:before {
    content: ""
    }
.icon-shield:before {
    content: ""
    }
.icon-calendar-o:before {
    content: ""
    }
.icon-fire-extinguisher:before {
    content: ""
    }
.icon-rocket:before {
    content: ""
    }
.icon-maxcdn:before {
    content: ""
    }
.icon-chevron-circle-left:before {
    content: ""
    }
.icon-chevron-circle-right:before {
    content: ""
    }
.icon-chevron-circle-up:before {
    content: ""
    }
.icon-chevron-circle-down:before {
    content: ""
    }
.icon-html5:before {
    content: ""
    }
.icon-css3:before {
    content: ""
    }
.icon-anchor:before {
    content: ""
    }
.icon-unlock-alt:before {
    content: ""
    }
.icon-bullseye:before {
    content: ""
    }
.icon-ellipsis-h:before {
    content: ""
    }
.icon-ellipsis-v:before {
    content: ""
    }
.icon-rss-square:before {
    content: ""
    }
.icon-play-circle:before {
    content: ""
    }
.icon-ticket:before {
    content: ""
    }
.icon-minus-square:before {
    content: ""
    }
.icon-minus-square-o:before {
    content: ""
    }
.icon-level-up:before {
    content: ""
    }
.icon-level-down:before {
    content: ""
    }
.icon-check-square:before {
    content: ""
    }
.icon-pencil-square:before {
    content: ""
    }
.icon-external-link-square:before {
    content: ""
    }
.icon-share-square:before {
    content: ""
    }
.icon-compass:before {
    content: ""
    }
.icon-toggle-down:before, .icon-caret-square-o-down:before {
    content: ""
    }
.icon-toggle-up:before, .icon-caret-square-o-up:before {
    content: ""
    }
.icon-toggle-right:before, .icon-caret-square-o-right:before {
    content: ""
    }
.icon-euro:before, .icon-eur:before {
    content: ""
    }
.icon-gbp:before {
    content: ""
    }
.icon-dollar:before, .icon-usd:before {
    content: ""
    }
.icon-rupee:before, .icon-inr:before {
    content: ""
    }
.icon-cny:before, .icon-rmb:before, .icon-yen:before, .icon-jpy:before {
    content: ""
    }
.icon-ruble:before, .icon-rouble:before, .icon-rub:before {
    content: ""
    }
.icon-won:before, .icon-krw:before {
    content: ""
    }
.icon-bitcoin:before, .icon-btc:before {
    content: ""
    }
.icon-file:before {
    content: ""
    }
.icon-file-text:before {
    content: ""
    }
.icon-sort-alpha-asc:before {
    content: ""
    }
.icon-sort-alpha-desc:before {
    content: ""
    }
.icon-sort-amount-asc:before {
    content: ""
    }
.icon-sort-amount-desc:before {
    content: ""
    }
.icon-sort-numeric-asc:before {
    content: ""
    }
.icon-sort-numeric-desc:before {
    content: ""
    }
.icon-thumbs-up:before {
    content: ""
    }
.icon-thumbs-down:before {
    content: ""
    }
.icon-youtube-square:before {
    content: ""
    }
.icon-youtube:before {
    content: ""
    }
.icon-xing:before {
    content: ""
    }
.icon-xing-square:before {
    content: ""
    }
.icon-youtube-play:before {
    content: ""
    }
.icon-dropbox:before {
    content: ""
    }
.icon-stack-overflow:before {
    content: ""
    }
.icon-instagram:before {
    content: ""
    }
.icon-flickr:before {
    content: ""
    }
.icon-adn:before {
    content: ""
    }
.icon-bitbucket:before {
    content: ""
    }
.icon-bitbucket-square:before {
    content: ""
    }
.icon-tumblr:before {
    content: ""
    }
.icon-tumblr-square:before {
    content: ""
    }
.icon-long-arrow-down:before {
    content: ""
    }
.icon-long-arrow-up:before {
    content: ""
    }
.icon-long-arrow-left:before {
    content: ""
    }
.icon-long-arrow-right:before {
    content: ""
    }
.icon-apple:before {
    content: ""
    }
.icon-windows:before {
    content: ""
    }
.icon-android:before {
    content: ""
    }
.icon-linux:before {
    content: ""
    }
.icon-dribbble:before {
    content: ""
    }
.icon-skype:before {
    content: ""
    }
.icon-foursquare:before {
    content: ""
    }
.icon-trello:before {
    content: ""
    }
.icon-female:before {
    content: ""
    }
.icon-male:before {
    content: ""
    }
.icon-gittip:before {
    content: ""
    }
.icon-sun-o:before {
    content: ""
    }
.icon-moon-o:before {
    content: ""
    }
.icon-archive:before {
    content: ""
    }
.icon-bug:before {
    content: ""
    }
.icon-vk:before {
    content: ""
    }
.icon-weibo:before {
    content: ""
    }
.icon-renren:before {
    content: ""
    }
.icon-pagelines:before {
    content: ""
    }
.icon-stack-exchange:before {
    content: ""
    }
.icon-arrow-circle-o-right:before {
    content: ""
    }
.icon-arrow-circle-o-left:before {
    content: ""
    }
.icon-toggle-left:before, .icon-caret-square-o-left:before {
    content: ""
    }
.icon-dot-circle-o:before {
    content: ""
    }
.icon-wheelchair:before {
    content: ""
    }
.icon-vimeo-square:before {
    content: ""
    }
.icon-turkish-lira:before, .icon-try:before {
    content: ""
    }
.icon-plus-square-o:before {
    content: ""
    }
.icon-space-shuttle:before {
    content: ""
    }
.icon-slack:before {
    content: ""
    }
.icon-envelope-square:before {
    content: ""
    }
.icon-wordpress:before {
    content: ""
    }
.icon-openid:before {
    content: ""
    }
.icon-institution:before, .icon-bank:before, .icon-university:before {
    content: ""
    }
.icon-mortar-board:before, .icon-graduation-cap:before {
    content: ""
    }
.icon-yahoo:before {
    content: ""
    }
.icon-google:before {
    content: ""
    }
.icon-reddit:before {
    content: ""
    }
.icon-reddit-square:before {
    content: ""
    }
.icon-stumbleupon-circle:before {
    content: ""
    }
.icon-stumbleupon:before {
    content: ""
    }
.icon-delicious:before {
    content: ""
    }
.icon-digg:before {
    content: ""
    }
.icon-pied-piper:before {
    content: ""
    }
.icon-pied-piper-alt:before {
    content: ""
    }
.icon-drupal:before {
    content: ""
    }
.icon-joomla:before {
    content: ""
    }
.icon-language:before {
    content: ""
    }
.icon-fax:before {
    content: ""
    }
.icon-building:before {
    content: ""
    }
.icon-child:before {
    content: ""
    }
.icon-paw:before {
    content: ""
    }
.icon-spoon:before {
    content: ""
    }
.icon-cube:before {
    content: ""
    }
.icon-cubes:before {
    content: ""
    }
.icon-behance:before {
    content: ""
    }
.icon-behance-square:before {
    content: ""
    }
.icon-steam:before {
    content: ""
    }
.icon-steam-square:before {
    content: ""
    }
.icon-recycle:before {
    content: ""
    }
.icon-automobile:before, .icon-car:before {
    content: ""
    }
.icon-cab:before, .icon-taxi:before {
    content: ""
    }
.icon-tree:before {
    content: ""
    }
.icon-spotify:before {
    content: ""
    }
.icon-deviantart:before {
    content: ""
    }
.icon-soundcloud:before {
    content: ""
    }
.icon-database:before {
    content: ""
    }
.icon-file-pdf-o:before {
    content: ""
    }
.icon-file-word-o:before {
    content: ""
    }
.icon-file-excel-o:before {
    content: ""
    }
.icon-file-powerpoint-o:before {
    content: ""
    }
.icon-file-photo-o:before, .icon-file-picture-o:before, .icon-file-image-o:before {
    content: ""
    }
.icon-file-zip-o:before, .icon-file-archive-o:before {
    content: ""
    }
.icon-file-sound-o:before, .icon-file-audio-o:before {
    content: ""
    }
.icon-file-movie-o:before, .icon-file-video-o:before {
    content: ""
    }
.icon-file-code-o:before {
    content: ""
    }
.icon-vine:before {
    content: ""
    }
.icon-codepen:before {
    content: ""
    }
.icon-jsfiddle:before {
    content: ""
    }
.icon-life-bouy:before, .icon-life-buoy:before, .icon-life-saver:before, .icon-support:before, .icon-life-ring:before {
    content: ""
    }
.icon-circle-o-notch:before {
    content: ""
    }
.icon-ra:before, .icon-rebel:before {
    content: ""
    }
.icon-ge:before, .icon-empire:before {
    content: ""
    }
.icon-git-square:before {
    content: ""
    }
.icon-git:before {
    content: ""
    }
.icon-hacker-news:before {
    content: ""
    }
.icon-tencent-weibo:before {
    content: ""
    }
.icon-qq:before {
    content: ""
    }
.icon-wechat:before, .icon-weixin:before {
    content: ""
    }
.icon-send:before, .icon-paper-plane:before {
    content: ""
    }
.icon-send-o:before, .icon-paper-plane-o:before {
    content: ""
    }
.icon-history:before {
    content: ""
    }
.icon-circle-thin:before {
    content: ""
    }
.icon-header:before {
    content: ""
    }
.icon-paragraph:before {
    content: ""
    }
.icon-sliders:before {
    content: ""
    }
.icon-share-alt:before {
    content: ""
    }
.icon-share-alt-square:before {
    content: ""
    }
.icon-bomb:before {
    content: ""
    }
.icon-soccer-ball-o:before, .icon-futbol-o:before {
    content: ""
    }
.icon-tty:before {
    content: ""
    }
.icon-binoculars:before {
    content: ""
    }
.icon-plug:before {
    content: ""
    }
.icon-slideshare:before {
    content: ""
    }
.icon-twitch:before {
    content: ""
    }
.icon-yelp:before {
    content: ""
    }
.icon-newspaper-o:before {
    content: ""
    }
.icon-wifi:before {
    content: ""
    }
.icon-calculator:before {
    content: ""
    }
.icon-paypal:before {
    content: ""
    }
.icon-google-wallet:before {
    content: ""
    }
.icon-cc-visa:before {
    content: ""
    }
.icon-cc-mastercard:before {
    content: ""
    }
.icon-cc-discover:before {
    content: ""
    }
.icon-cc-amex:before {
    content: ""
    }
.icon-cc-paypal:before {
    content: ""
    }
.icon-cc-stripe:before {
    content: ""
    }
.icon-bell-slash:before {
    content: ""
    }
.icon-bell-slash-o:before {
    content: ""
    }
.icon-trash:before {
    content: ""
    }
.icon-copyright:before {
    content: ""
    }
.icon-at:before {
    content: ""
    }
.icon-eyedropper:before {
    content: ""
    }
.icon-paint-brush:before {
    content: ""
    }
.icon-birthday-cake:before {
    content: ""
    }
.icon-area-chart:before {
    content: ""
    }
.icon-pie-chart:before {
    content: ""
    }
.icon-line-chart:before {
    content: ""
    }
.icon-lastfm:before {
    content: ""
    }
.icon-lastfm-square:before {
    content: ""
    }
.icon-toggle-off:before {
    content: ""
    }
.icon-toggle-on:before {
    content: ""
    }
.icon-bicycle:before {
    content: ""
    }
.icon-bus:before {
    content: ""
    }
.icon-ioxhost:before {
    content: ""
    }
.icon-angellist:before {
    content: ""
    }
.icon-cc:before {
    content: ""
    }
.icon-shekel:before, .icon-sheqel:before, .icon-ils:before {
    content: ""
    }
.icon-meanpath:before {
    content: ""
    }
/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: "entypo";
    src: url(../fonts/icon-fonts/entypo2/entypo.eot);
    src: url(../fonts/icon-fonts/entypo2/entypo.eot?#iefix) format("embedded-opentype"), url(../fonts/icon-fonts/entypo2/entypo.woff) format("woff"), url(../fonts/icon-fonts/entypo2/entypo.ttf) format("truetype"), url(../fonts/icon-fonts/entypo2/entypo.svg#entypo) format("svg");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: "entypo-social";
    src: url(../fonts/icon-fonts/entypo2/entypo-social.eot);
    src: url(../fonts/icon-fonts/entypo2/entypo-social.eot?#iefix) format("embedded-opentype"), url(../fonts/icon-fonts/entypo2/entypo-social.woff) format("woff"), url(../fonts/icon-fonts/entypo2/entypo-social.ttf) format("truetype"), url(../fonts/icon-fonts/entypo2/entypo-social.svg#entypo-social) format("svg");
    font-weight: normal;
    font-style: normal
    }
[class^="icon-e-"]:before, [class*=" icon-e-"]:before {
    font-family: "entypo";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: 0.2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
.icon-e-plus:before {
    content: ""
    }
/* '' */
.icon-e-minus:before {
    content: ""
    }
/* '' */
.icon-e-fivehundredpx:before {
    content: ""
    }
/* '' */
.icon-e-digg:before {
    content: ""
    }
/* '' */
.icon-e-cc-1:before {
    content: ""
    }
/* '' */
.icon-e-dribbble-1:before {
    content: ""
    }
/* '' */
.icon-e-youtube:before {
    content: ""
    }
/* '' */
.icon-e-googleplay:before {
    content: ""
    }
/* '' */
.icon-e-soundcloud-1:before {
    content: ""
    }
/* '' */
.icon-e-appnet:before {
    content: ""
    }
/* '' */
.icon-e-info:before {
    content: ""
    }
/* '' */
.icon-e-left-thin:before {
    content: ""
    }
/* '' */
.icon-e-up-thin:before {
    content: ""
    }
/* '' */
.icon-e-right-thin:before {
    content: ""
    }
/* '' */
.icon-e-down-thin:before {
    content: ""
    }
/* '' */
.icon-e-level-up:before {
    content: ""
    }
/* '' */
.icon-e-level-down:before {
    content: ""
    }
/* '' */
.icon-e-switch:before {
    content: ""
    }
/* '' */
.icon-e-infinity:before {
    content: ""
    }
/* '' */
.icon-e-plus-squared:before {
    content: ""
    }
/* '' */
.icon-e-minus-squared:before {
    content: ""
    }
/* '' */
.icon-e-home:before {
    content: ""
    }
/* 'î ¡' */
.icon-e-keyboard:before {
    content: ""
    }
/* 'î º' */
.icon-e-erase:before {
    content: ""
    }
/* '' */
.icon-e-pause:before {
    content: ""
    }
/* '' */
.icon-e-fast-forward:before {
    content: ""
    }
/* '' */
.icon-e-fast-backward:before {
    content: ""
    }
/* '' */
.icon-e-to-end:before {
    content: ""
    }
/* '' */
.icon-e-to-start:before {
    content: ""
    }
/* '' */
.icon-e-hourglass:before {
    content: ""
    }
/* 'î¡£' */
.icon-e-stop-1:before {
    content: ""
    }
/* '' */
.icon-e-up-dir:before {
    content: ""
    }
/* '' */
.icon-e-play:before {
    content: ""
    }
/* '' */
.icon-e-right-dir:before {
    content: ""
    }
/* '' */
.icon-e-down-dir:before {
    content: ""
    }
/* '' */
.icon-e-left-dir:before {
    content: ""
    }
/* '' */
.icon-e-adjust:before {
    content: ""
    }
/* '' */
.icon-e-cloud:before {
    content: ""
    }
/* '' */
.icon-e-star:before {
    content: ""
    }
/* '' */
.icon-e-star-empty:before {
    content: ""
    }
/* '' */
.icon-e-cup:before {
    content: ""
    }
/* '' */
.icon-e-menu:before {
    content: ""
    }
/* '' */
.icon-e-moon:before {
    content: ""
    }
/* '' */
.icon-e-heart-empty:before {
    content: ""
    }
/* '' */
.icon-e-heart:before {
    content: ""
    }
/* '' */
.icon-e-note:before {
    content: ""
    }
/* '' */
.icon-e-note-beamed:before {
    content: ""
    }
/* '' */
.icon-e-layout:before {
    content: ""
    }
/* '' */
.icon-e-flag:before {
    content: ""
    }
/* 'î ª' */
.icon-e-tools:before {
    content: ""
    }
/* '' */
.icon-e-cog:before {
    content: ""
    }
/* '' */
.icon-e-attention:before {
    content: ""
    }
/* 'î ¾' */
.icon-e-flash:before {
    content: ""
    }
/* '' */
.icon-e-record:before {
    content: ""
    }
/* '' */
.icon-e-cloud-thunder:before {
    content: ""
    }
/* '' */
.icon-e-tape:before {
    content: ""
    }
/* '' */
.icon-e-flight:before {
    content: ""
    }
/* '' */
.icon-e-mail:before {
    content: ""
    }
/* '' */
.icon-e-pencil:before {
    content: ""
    }
/* 'î ¶' */
.icon-e-feather:before {
    content: ""
    }
/* 'î ·' */
.icon-e-check:before {
    content: ""
    }
/* '' */
.icon-e-cancel:before {
    content: ""
    }
/* '' */
.icon-e-cancel-circled:before {
    content: ""
    }
/* '' */
.icon-e-cancel-squared:before {
    content: ""
    }
/* '' */
.icon-e-help:before {
    content: ""
    }
/* '' */
.icon-e-quote:before {
    content: ""
    }
/* 'î ³' */
.icon-e-plus-circled:before {
    content: ""
    }
/* '' */
.icon-e-minus-circled:before {
    content: ""
    }
/* '' */
.icon-e-right:before {
    content: ""
    }
/* '' */
.icon-e-direction:before {
    content: ""
    }
/* '' */
.icon-e-forward:before {
    content: ""
    }
/* 'î ²' */
.icon-e-ccw:before {
    content: ""
    }
/* '' */
.icon-e-cw:before {
    content: ""
    }
/* '' */
.icon-e-left:before {
    content: ""
    }
/* '' */
.icon-e-up:before {
    content: ""
    }
/* '' */
.icon-e-down:before {
    content: ""
    }
/* 'î¡¿' */
.icon-e-list-add:before {
    content: ""
    }
/* '' */
.icon-e-list:before {
    content: ""
    }
/* '' */
.icon-e-deviantart:before {
    content: ""
    }
/* '' */
.icon-e-left-bold:before {
    content: ""
    }
/* '' */
.icon-e-right-bold:before {
    content: ""
    }
/* '' */
.icon-e-up-bold:before {
    content: ""
    }
/* '' */
.icon-e-down-bold:before {
    content: ""
    }
/* '' */
.icon-e-user-add:before {
    content: ""
    }
/* '' */
.icon-e-help-circled:before {
    content: ""
    }
/* '' */
.icon-e-info-circled:before {
    content: ""
    }
/* '' */
.icon-e-eye:before {
    content: ""
    }
/* 'î ¦' */
.icon-e-tag:before {
    content: ""
    }
/* 'î §' */
.icon-e-upload-cloud:before {
    content: ""
    }
/* 'î ¯' */
.icon-e-reply:before {
    content: ""
    }
/* 'î °' */
.icon-e-reply-all:before {
    content: ""
    }
/* 'î ±' */
.icon-e-code:before {
    content: ""
    }
/* 'î ´' */
.icon-e-export:before {
    content: ""
    }
/* 'î µ' */
.icon-e-print:before {
    content: ""
    }
/* 'î ¸' */
.icon-e-retweet:before {
    content: ""
    }
/* 'î ¹' */
.icon-e-comment:before {
    content: ""
    }
/* 'î »' */
.icon-e-chat:before {
    content: ""
    }
/* 'î ¼' */
.icon-e-vcard:before {
    content: ""
    }
/* '' */
.icon-e-address:before {
    content: ""
    }
/* '' */
.icon-e-location:before {
    content: ""
    }
/* '' */
.icon-e-map:before {
    content: ""
    }
/* '' */
.icon-e-compass:before {
    content: ""
    }
/* '' */
.icon-e-trash:before {
    content: ""
    }
/* '' */
.icon-e-doc:before {
    content: ""
    }
/* '' */
.icon-e-doc-text-inv:before {
    content: ""
    }
/* '' */
.icon-e-docs:before {
    content: ""
    }
/* '' */
.icon-e-doc-landscape:before {
    content: ""
    }
/* '' */
.icon-e-archive:before {
    content: ""
    }
/* '' */
.icon-e-rss:before {
    content: ""
    }
/* '' */
.icon-e-share:before {
    content: ""
    }
/* '' */
.icon-e-basket:before {
    content: ""
    }
/* '' */
.icon-e-shareable:before {
    content: ""
    }
/* '' */
.icon-e-login:before {
    content: ""
    }
/* '' */
.icon-e-logout:before {
    content: ""
    }
/* '' */
.icon-e-volume:before {
    content: ""
    }
/* 'î¡¡' */
.icon-e-resize-full:before {
    content: ""
    }
/* 'î¡©' */
.icon-e-resize-small:before {
    content: ""
    }
/* '' */
.icon-e-popup:before {
    content: ""
    }
/* 'î¡«' */
.icon-e-publish:before {
    content: ""
    }
/* '' */
.icon-e-window:before {
    content: ""
    }
/* 'î¡­' */
.icon-e-arrow-combo:before {
    content: ""
    }
/* 'î¡®' */
.icon-e-chart-pie:before {
    content: ""
    }
/* '' */
.icon-e-language:before {
    content: ""
    }
/* '' */
.icon-e-air:before {
    content: ""
    }
/* '' */
.icon-e-database:before {
    content: ""
    }
/* '' */
.icon-e-drive:before {
    content: ""
    }
/* '' */
.icon-e-bucket:before {
    content: ""
    }
/* '' */
.icon-e-thermometer:before {
    content: ""
    }
/* '' */
.icon-e-down-circled:before {
    content: ""
    }
/* '' */
.icon-e-left-circled:before {
    content: ""
    }
/* 'î¡°' */
.icon-e-right-circled:before {
    content: ""
    }
/* '' */
.icon-e-up-circled:before {
    content: ""
    }
/* '' */
.icon-e-down-open:before {
    content: ""
    }
/* '' */
.icon-e-left-open:before {
    content: ""
    }
/* 'î¡´' */
.icon-e-right-open:before {
    content: ""
    }
/* '' */
.icon-e-up-open:before {
    content: ""
    }
/* '' */
.icon-e-down-open-mini:before {
    content: ""
    }
/* 'î¡·' */
.icon-e-left-open-mini:before {
    content: ""
    }
/* '' */
.icon-e-right-open-mini:before {
    content: ""
    }
/* '' */
.icon-e-up-open-mini:before {
    content: ""
    }
/* '' */
.icon-e-down-open-big:before {
    content: ""
    }
/* 'î¡»' */
.icon-e-left-open-big:before {
    content: ""
    }
/* '' */
.icon-e-right-open-big:before {
    content: ""
    }
/* '' */
.icon-e-up-open-big:before {
    content: ""
    }
/* '' */
.icon-e-progress-0:before {
    content: ""
    }
/* '' */
.icon-e-progress-1:before {
    content: ""
    }
/* '' */
.icon-e-progress-2:before {
    content: ""
    }
/* '' */
.icon-e-progress-3:before {
    content: ""
    }
/* '' */
.icon-e-back-in-time:before {
    content: ""
    }
/* '' */
.icon-e-network:before {
    content: ""
    }
/* '' */
.icon-e-inbox:before {
    content: ""
    }
/* '' */
.icon-e-install:before {
    content: ""
    }
/* '' */
.icon-e-lifebuoy:before {
    content: ""
    }
/* '' */
.icon-e-mouse:before {
    content: ""
    }
/* '' */
.icon-e-dot:before {
    content: ""
    }
/* '' */
.icon-e-dot-2:before {
    content: ""
    }
/* '' */
.icon-e-dot-3:before {
    content: ""
    }
/* '' */
.icon-e-suitcase:before {
    content: ""
    }
/* '' */
.icon-e-flow-cascade:before {
    content: ""
    }
/* '' */
.icon-e-flow-branch:before {
    content: ""
    }
/* '' */
.icon-e-flow-tree:before {
    content: ""
    }
/* '' */
.icon-e-flow-line:before {
    content: ""
    }
/* '' */
.icon-e-flow-parallel:before {
    content: ""
    }
/* '' */
.icon-e-brush:before {
    content: ""
    }
/* '' */
.icon-e-paper-plane:before {
    content: ""
    }
/* '' */
.icon-e-magnet:before {
    content: ""
    }
/* '' */
.icon-e-gauge:before {
    content: ""
    }
/* '' */
.icon-e-traffic-cone:before {
    content: ""
    }
/* '' */
.icon-e-cc:before {
    content: ""
    }
/* '' */
.icon-e-cc-by:before {
    content: ""
    }
/* '' */
.icon-e-cc-nc:before {
    content: ""
    }
/* '' */
.icon-e-cc-nc-eu:before {
    content: ""
    }
/* '' */
.icon-e-cc-nc-jp:before {
    content: ""
    }
/* '' */
.icon-e-cc-sa:before {
    content: ""
    }
/* '' */
.icon-e-cc-nd:before {
    content: ""
    }
/* '' */
.icon-e-cc-pd:before {
    content: ""
    }
/* '' */
.icon-e-cc-zero:before {
    content: ""
    }
/* '' */
.icon-e-cc-share:before {
    content: ""
    }
/* '' */
.icon-e-cc-remix:before {
    content: ""
    }
/* '' */
.icon-e-github:before {
    content: ""
    }
/* '' */
.icon-e-github-circled:before {
    content: ""
    }
/* '' */
.icon-e-flickr:before {
    content: ""
    }
/* '' */
.icon-e-flickr-circled:before {
    content: ""
    }
/* '' */
.icon-e-vimeo:before {
    content: ""
    }
/* '' */
.icon-e-vimeo-circled:before {
    content: ""
    }
/* '' */
.icon-e-twitter:before {
    content: ""
    }
/* '' */
.icon-e-twitter-circled:before {
    content: ""
    }
/* '' */
.icon-e-facebook:before {
    content: ""
    }
/* '' */
.icon-e-facebook-circled:before {
    content: ""
    }
/* '' */
.icon-e-facebook-squared:before {
    content: ""
    }
/* '' */
.icon-e-gplus:before {
    content: ""
    }
/* '' */
.icon-e-gplus-circled:before {
    content: ""
    }
/* '' */
.icon-e-pinterest:before {
    content: ""
    }
/* '' */
.icon-e-pinterest-circled:before {
    content: ""
    }
/* '' */
.icon-e-tumblr:before {
    content: ""
    }
/* '' */
.icon-e-tumblr-circled:before {
    content: ""
    }
/* '' */
.icon-e-linkedin:before {
    content: ""
    }
/* '' */
.icon-e-linkedin-circled:before {
    content: ""
    }
/* '' */
.icon-e-dribbble:before {
    content: ""
    }
/* '' */
.icon-e-dribbble-circled:before {
    content: ""
    }
/* '' */
.icon-e-stumbleupon:before {
    content: ""
    }
/* '' */
.icon-e-stumbleupon-circled:before {
    content: ""
    }
/* '' */
.icon-e-lastfm:before {
    content: ""
    }
/* '' */
.icon-e-lastfm-circled:before {
    content: ""
    }
/* '' */
.icon-e-rdio:before {
    content: ""
    }
/* '' */
.icon-e-rdio-circled:before {
    content: ""
    }
/* '' */
.icon-e-spotify:before {
    content: ""
    }
/* '' */
.icon-e-spotify-circled:before {
    content: ""
    }
/* '' */
.icon-e-qq:before {
    content: ""
    }
/* '' */
.icon-e-instagram:before {
    content: ""
    }
/* '' */
.icon-e-dropbox:before {
    content: ""
    }
/* '' */
.icon-e-evernote:before {
    content: ""
    }
/* '' */
.icon-e-flattr:before {
    content: ""
    }
/* '' */
.icon-e-skype:before {
    content: ""
    }
/* '' */
.icon-e-skype-circled:before {
    content: ""
    }
/* '' */
.icon-e-renren:before {
    content: ""
    }
/* '' */
.icon-e-sina-weibo:before {
    content: ""
    }
/* '' */
.icon-e-paypal:before {
    content: ""
    }
/* '' */
.icon-e-picasa:before {
    content: ""
    }
/* '' */
.icon-e-soundcloud:before {
    content: ""
    }
/* '' */
.icon-e-mixi:before {
    content: ""
    }
/* '' */
.icon-e-behance:before {
    content: ""
    }
/* '' */
.icon-e-google-circles:before {
    content: ""
    }
/* '' */
.icon-e-vkontakte:before {
    content: ""
    }
/* '' */
.icon-e-smashing:before {
    content: ""
    }
/* '' */
.icon-e-db-shape:before {
    content: ""
    }
/* '' */
.icon-e-sweden:before {
    content: ""
    }
/* '' */
.icon-e-logo-db:before {
    content: ""
    }
/* '' */
.icon-e-picture:before {
    content: ""
    }
/* '' */
.icon-e-globe:before {
    content: ""
    }
/* '' */
.icon-e-leaf:before {
    content: ""
    }
/* '' */
.icon-e-graduation-cap:before {
    content: ""
    }
/* '' */
.icon-e-mic:before {
    content: ""
    }
/* '' */
.icon-e-palette:before {
    content: ""
    }
/* '' */
.icon-e-ticket:before {
    content: ""
    }
/* '' */
.icon-e-video:before {
    content: ""
    }
/* '' */
.icon-e-target:before {
    content: ""
    }
/* '' */
.icon-e-music:before {
    content: ""
    }
/* '' */
.icon-e-trophy:before {
    content: ""
    }
/* '' */
.icon-e-thumbs-up:before {
    content: ""
    }
/* 'î «' */
.icon-e-thumbs-down:before {
    content: ""
    }
/* 'î ¬' */
.icon-e-bag:before {
    content: ""
    }
/* '' */
.icon-e-user:before {
    content: ""
    }
/* '' */
.icon-e-users:before {
    content: ""
    }
/* '' */
.icon-e-lamp:before {
    content: ""
    }
/* '' */
.icon-e-alert:before {
    content: ""
    }
/* 'î ¿' */
.icon-e-water:before {
    content: ""
    }
/* '' */
.icon-e-droplet:before {
    content: ""
    }
/* '' */
.icon-e-credit-card:before {
    content: ""
    }
/* '' */
.icon-e-monitor:before {
    content: ""
    }
/* '' */
.icon-e-briefcase:before {
    content: ""
    }
/* '' */
.icon-e-floppy:before {
    content: ""
    }
/* '' */
.icon-e-cd:before {
    content: ""
    }
/* '' */
.icon-e-folder:before {
    content: ""
    }
/* '' */
.icon-e-doc-text:before {
    content: ""
    }
/* '' */
.icon-e-calendar:before {
    content: ""
    }
/* '' */
.icon-e-chart-line:before {
    content: ""
    }
/* '' */
.icon-e-chart-bar:before {
    content: ""
    }
/* '' */
.icon-e-clipboard:before {
    content: ""
    }
/* '' */
.icon-e-attach:before {
    content: ""
    }
/* 'î £' */
.icon-e-bookmarks:before {
    content: ""
    }
/* 'î ©' */
.icon-e-book:before {
    content: ""
    }
/* '' */
.icon-e-book-open:before {
    content: ""
    }
/* '' */
.icon-e-phone:before {
    content: ""
    }
/* '' */
.icon-e-megaphone:before {
    content: ""
    }
/* '' */
.icon-e-upload:before {
    content: ""
    }
/* 'î ®' */
.icon-e-download:before {
    content: ""
    }
/* 'î ­' */
.icon-e-box:before {
    content: ""
    }
/* '' */
.icon-e-newspaper:before {
    content: ""
    }
/* '' */
.icon-e-mobile:before {
    content: ""
    }
/* '' */
.icon-e-signal:before {
    content: ""
    }
/* '' */
.icon-e-camera:before {
    content: ""
    }
/* '' */
.icon-e-shuffle:before {
    content: ""
    }
/* '' */
.icon-e-loop:before {
    content: ""
    }
/* '' */
.icon-e-arrows-ccw:before {
    content: ""
    }
/* '' */
.icon-e-light-down:before {
    content: ""
    }
/* 'î¡¥' */
.icon-e-light-up:before {
    content: ""
    }
/* '' */
.icon-e-mute:before {
    content: ""
    }
/* '' */
.icon-e-sound:before {
    content: ""
    }
/* 'î¡ ' */
.icon-e-battery:before {
    content: ""
    }
/* '' */
.icon-e-search:before {
    content: ""
    }
/* '' */
.icon-e-key:before {
    content: ""
    }
/* '' */
.icon-e-lock:before {
    content: ""
    }
/* 'î ¤' */
.icon-e-lock-open:before {
    content: ""
    }
/* 'î ¥' */
.icon-e-bell:before {
    content: ""
    }
/* 'î ½' */
.icon-e-bookmark:before {
    content: ""
    }
/* 'î ¨' */
.icon-e-link:before {
    content: ""
    }
/* 'î ¢' */
.icon-e-back:before {
    content: ""
    }
/* 'î  ' */
.icon-e-flashlight:before {
    content: ""
    }
/* '' */
.icon-e-chart-area:before {
    content: ""
    }
/* '' */
.icon-e-clock:before {
    content: ""
    }
/* 'î¡¢' */
.icon-e-rocket:before {
    content: ""
    }
/* '' */
.icon-e-block:before {
    content: ""
    }
.icon-e-tripadvisor:before {
    content: ""
    }
.icon-e-foursquare:before {
    font-family: FontAwesome;
    content: ""
    }
.icon-e-yelp:before {
    font-family: FontAwesome;
    content: ""
    }
/*------------------------------------*\
    $IMPORTS
\*------------------------------------*/
/*------------------------------------*\
    $TOOLS
\*------------------------------------*/
/**
* Mixins, functions, extenders
*/
/*--------------------------------------------*\
               $EASINGS SHORTHANDS
\*--------------------------------------------*/
/*------------------------------------*\
    $BASE
\*------------------------------------*/
/**
 * Base styles, unclassed HTML elements
 */
/**
 * Ensure that a caption won't expand more than the content
 */
.alignleft {
    float: left
    }
.aligncenter {
    display: block
    }
.alignright {
    float: right
    }
.wp-caption {
    position: relative;
    width: auto !important;
    max-width: 100%;
    margin-bottom: 24px;
    margin-bottom: 1.5rem
    }
.wp-caption img {
    display: block
    }
.wp-caption-text {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 0 !important;
    padding: 6px 12px;
    font-size: 13px;
    text-align: center;
    color: white;
    background: rgba(0, 0, 0, 0.6)
    }
.gallery-item {
    position: relative
    }
.gallery-item .wp-caption-text {
    left: 6px
    }
.gallery-item .gallery-icon a {
    display: block;
    padding-bottom: 0;
    border: 0 !important
    }
.gallery-item img {
    display: block
    }
.bypostauthor {
    width: auto
    }
.small-link, .author__social-link {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.72429;
    font-family: "Cabin", Arial, Helvetica, sans-serif;
    color: #c59d5f
    }
img[width], img[height] {
    max-width: 100%;
    height: auto;
    margin: 0 auto
    }
.mt1 {
    margin-top: 1rem !important;
    margin-top: 1rem !important
    }
.mt2 {
    margin-top: 2rem !important;
    margin-top: 2rem !important
    }
.mt3 {
    margin-top: 3rem !important;
    margin-top: 3rem !important
    }
.mt4 {
    margin-top: 4rem !important;
    margin-top: 4rem !important
    }
.mt-1 {
    margin-top: -1rem !important;
    margin-top: -1rem !important
    }
.mt-2 {
    margin-top: -2rem !important;
    margin-top: -2rem !important
    }
.mt-3 {
    margin-top: -3rem !important;
    margin-top: -3rem !important
    }
.mt-4 {
    margin-top: -4rem !important;
    margin-top: -4rem !important
    }
.mb1 {
    margin-bottom: 1rem !important;
    margin-bottom: 1rem !important
    }
.mb2 {
    margin-bottom: 2rem !important;
    margin-bottom: 2rem !important
    }
.mb3 {
    margin-bottom: 3rem !important;
    margin-bottom: 3rem !important
    }
.mb4 {
    margin-bottom: 4rem !important;
    margin-bottom: 4rem !important
    }
.mb-1 {
    margin-bottom: -1rem !important;
    margin-bottom: -1rem !important
    }
.mb-2 {
    margin-bottom: -2rem !important;
    margin-bottom: -2rem !important
    }
.mb-3 {
    margin-bottom: -3rem !important;
    margin-bottom: -3rem !important
    }
.mb-4 {
    margin-bottom: -4rem !important;
    margin-bottom: -4rem !important
    }
.pt1 {
    padding-top: 1rem !important;
    padding-top: 1rem !important
    }
.pt2 {
    padding-top: 2rem !important;
    padding-top: 2rem !important
    }
.pt3 {
    padding-top: 3rem !important;
    padding-top: 3rem !important
    }
.pt4 {
    padding-top: 4rem !important;
    padding-top: 4rem !important
    }
.pb1 {
    padding-bottom: 1rem !important;
    padding-bottom: 1rem !important
    }
.pb2 {
    padding-bottom: 2rem !important;
    padding-bottom: 2rem !important
    }
.pb3 {
    padding-bottom: 3rem !important;
    padding-bottom: 3rem !important
    }
.pb4 {
    padding-bottom: 4rem !important;
    padding-bottom: 4rem !important
    }
.gallery {
    margin-left: -24px !important;
    margin-bottom: -24px !important
    }
.gallery .gallery-item {
    margin-bottom: 0;
    border-left: 24px solid transparent;
    border-bottom: 24px solid transparent
    }
.gallery .gallery-icon img {
    width: 100%;
    border: 0 !important
    }
.gallery .gallery-caption {
    padding: 0;
    margin: 0;
    line-height: 1.5
    }
.home .home-hidden {
    display: none
    }
.hidden {
    display: none
    }
/*------------------------------------*\
               TYPOGRAPHY
\*------------------------------------*/
/*------------------------------------*\
    $FONT INCLUDES
\*------------------------------------*/
body {
    font-size: 16px;
    line-height: 1.625;
    color: #515150
    }
/*------------------------------------*\
               HEADINGS
\*------------------------------------*/
h1, h2, .tabs__nav, h3, h4, h5, h6, hgroup, p {
    margin-bottom: 30px
    }
h1, h2, .tabs__nav, h3, h4, h5, h6 {
    margin-bottom: 30px;
    font-family: "Source Sans Pro", Georgia, serif;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #262526
    }
h1 {
    margin-top: 84px;
    margin-bottom: 42px;
    font-weight: 900
    }
h2, .tabs__nav, h3, h4 {
    margin-top: 42px;
    font-weight: 500
    }
h5, h6 {
    font-weight: 400;
    letter-spacing: 6px
    }
.article__title, .latest-comments__title, .article__title .hN, .latest-comments__title .hN, .article__title .widget_calendar caption, .widget_calendar .article__title caption, .latest-comments__title .widget_calendar caption, .widget_calendar .latest-comments__title caption, .widget__title .hN, .widget__title .widget_calendar caption, .widget_calendar .widget__title caption, .heading .hN, .widget--sidebar__title .hN, .widget--footer__title .hN, .heading .widget_calendar caption, .widget_calendar .heading caption, .widget--sidebar__title .widget_calendar caption, .widget_calendar .widget--sidebar__title caption, .widget--footer__title .widget_calendar caption, .widget_calendar .widget--footer__title caption {
    margin-top: 0
    }
.heading h2, .widget--sidebar__title h2, .widget--footer__title h2, .heading .tabs__nav, .widget--sidebar__title .tabs__nav, .widget--footer__title .tabs__nav {
    display: inline-block;
    margin-bottom: 0
    }
.heading .archive__side-title, .widget--sidebar__title .archive__side-title, .widget--footer__title .archive__side-title {
    font-weight: bold;
    color: #919191
    }
@media screen and (min-width: 601px) and (max-width: 999px) {
    h1, .alpha {
        font-size: 39.01px
        }
    }
@media screen and (max-width: 600px) {
    h1, .alpha {
        font-size: 28.2px
        }
    h2, .tabs__nav, .beta, .heading .archive__side-title, .widget--sidebar__title .archive__side-title, .widget--footer__title .archive__side-title {
        font-size: 26.56px
        }
    h3, .gamma, .widget_calendar caption {
        font-size: 19.92px
        }
    blockquote {
        font-size: 18px
        }
    }
@media only screen and (max-width: 899px) {
    body {
        font-size: 18px/30px
        }
    }
/*------------------------------------*\
    $PARAGRAPHS
\*------------------------------------*/
.article__content p {
    margin-bottom: 24px
    }
/*------------------------------------*\
               LINKS
\*------------------------------------*/
a, .article__content a:not([class]), .btn.btn--text, .btn--text.comments_add-comment, .comments_add-comment.read-more-button, .form-submit .btn--text#comment-submit, .form-submit #comment-submit.read-more-button, .btn--text.wpcf7-form-control.wpcf7-submit, .wpcf7-form-control.wpcf7-submit.read-more-button, .btn--text.otreservations-submit, .otreservations-submit.read-more-button, .widget_tag_cloud a.btn--text, .widget_tag_cloud a.read-more-button, .read-more-button {
    text-decoration: none
    }
a, .article__content a:not([class]), .btn.btn--text, .btn--text.comments_add-comment, .comments_add-comment.read-more-button, .form-submit .btn--text#comment-submit, .form-submit #comment-submit.read-more-button, .btn--text.wpcf7-form-control.wpcf7-submit, .wpcf7-form-control.wpcf7-submit.read-more-button, .btn--text.otreservations-submit, .otreservations-submit.read-more-button, .widget_tag_cloud a.btn--text, .widget_tag_cloud a.read-more-button, .read-more-button, a:hover, .article__content a:hover:not([class]), .btn.btn--text:hover, .btn--text.comments_add-comment:hover, .form-submit .btn--text#comment-submit:hover, .form-submit #comment-submit.read-more-button:hover, .btn--text.wpcf7-form-control.wpcf7-submit:hover, .btn--text.otreservations-submit:hover, .widget_tag_cloud a.btn--text:hover, .read-more-button:hover {
    color: #c59d5f
    }
a {
    border-bottom: none
    }
a:hover {
    color: #c59d5f
    }
.link--light, .meta-list a.btn, .meta-list a.comments_add-comment, .meta-list .form-submit a#comment-submit, .form-submit .meta-list a#comment-submit, .meta-list a.wpcf7-form-control.wpcf7-submit, .meta-list a.otreservations-submit, .meta-list .widget_tag_cloud a, .widget_tag_cloud .meta-list a, .meta-list a.read-more-button {
    color: #b3b3b3
    }
.link--dark, .comment__author-name a {
    color: #262526
    }
.link--light:hover, .meta-list a.btn:hover, .meta-list a.comments_add-comment:hover, .meta-list .form-submit a#comment-submit:hover, .form-submit .meta-list a#comment-submit:hover, .meta-list a.wpcf7-form-control.wpcf7-submit:hover, .meta-list a.otreservations-submit:hover, .meta-list .widget_tag_cloud a:hover, .widget_tag_cloud .meta-list a:hover, .meta-list a.read-more-button:hover, .link--dark:hover, .comment__author-name a:hover {
    color: #c59d5f
    }
.article__content a:not([class]) {
    padding-bottom: 2px;
    border-bottom: 2px solid #c59d5f
    }
.article__content a[href$=".jpg"], .article__content a[href$=".jpeg"], .article__content a[href$=".png"], .article__content a[href$=".gif"], .article__content a[href$=".bmp"] {
    border: 0
    }
.link--simple a {
    border-bottom: 0
    }
/*------------------------------------*\
               BLOCKQUOTES
\*------------------------------------*/
blockquote {
    margin: 36px 0;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.51;
    line-height: 1.5;
    text-indent: 0;
    border-left: 10px solid #c59d5f;
    color: #c59d5f;
    quotes: none
    }
@media only screen and (max-width: 899px) {
    blockquote {
        padding-left: 12px
        }
    }
@media only screen and (min-width: 900px) {
    blockquote {
        padding-left: 36px
        }
    }
blockquote cite, blockquote .testimonial__author-name {
    margin-top: 12px;
    color: #b3b3b3;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.21;
    font-style: normal;
    font-weight: 400
    }
blockquote cite:before, blockquote .testimonial__author-name:before {
    content: "";
    position: relative;
    top: -5px;
    display: inline-block;
    margin: 0 10px;
    width: 20px;
    border-top: 2px solid #b3b3b3
    }
/*------------------------------------*\
               TABLES
\*------------------------------------*/
.table--bordered, table {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.72429
    }
.table--bordered th, table th, .table--bordered td, table td {
    border: 0
    }
.table--bordered th:empty, table th:empty, .table--bordered td:empty, table td:empty {
    border: inherit
    }
.table--striped tbody tr:nth-of-type(odd), table tbody tr:nth-of-type(odd) {
    background-color: #fcfcfc
    }
/*------------------------------------*\
               LISTS
\*------------------------------------*/
ol {
    margin-top: 24px;
    margin-bottom: 24px
    }
ul ol, ol ol, dl ol {
    margin-left: 36px;
    margin-left: 2.25rem;
    border-left: 0;
    padding-left: 0
    }
ol li {
    margin-bottom: 6px
    }
@media only screen and (max-width: 899px) {
    ol {
        margin-left: 24px;
        margin-left: 1.5rem
        }
    }
dt {
    font-weight: bold
    }
dd + dt {
    margin-top: 24px;
    margin-top: 1.5rem
    }
dd {
    margin-left: 0
    }
ol.breadcrumb {
    margin: 24px 0 12px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
    color: #919191
    }
ol.breadcrumb a {
    color: #919191
    }
ol.breadcrumb a:hover {
    color: #c59d5f
    }
/*
 * Font-weight
 */
b, strong {
    font-weight: 600
    }
/*------------------------------------*\
    FORMS
\*------------------------------------*/
/**
 * Common form controls
 *
 * Shared size and type resets for form controls. Apply `.form-control` to any
 * of the following form controls:
 */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .form-control {
    display: block;
    vertical-align: middle;
    width: 100%;
    padding: 10px;
    padding: 0.625rem;
    border: 1px solid #d8d8d8;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
    }
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .form-control:focus {
    outline: 1px solid #c59d5f
    }
.lt-ie9 select input, .lt-ie9 textarea input, .lt-ie9 input[type="text"] input, .lt-ie9 input[type="password"] input, .lt-ie9 input[type="datetime"] input, .lt-ie9 input[type="datetime-local"] input, .lt-ie9 input[type="date"] input, .lt-ie9 input[type="month"] input, .lt-ie9 input[type="time"] input, .lt-ie9 input[type="week"] input, .lt-ie9 input[type="number"] input, .lt-ie9 input[type="email"] input, .lt-ie9 input[type="url"] input, .lt-ie9 input[type="search"] input, .lt-ie9 input[type="tel"] input, .lt-ie9 input[type="color"] input, .lt-ie9 .form-control input {
    width: 100%;
    padding: 12px 0;
    border: 1px solid #e5e9eb;
    outline: 0
    }
select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, .form-control::-webkit-input-placeholder {
    text-transform: uppercase;
    color: #262526;
    font-size: 15px;
    line-height: 1.2
    }
select:-moz-placeholder, textarea:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="month"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="week"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="color"]:-moz-placeholder, .form-control:-moz-placeholder {
    text-transform: uppercase;
    color: #262526;
    font-size: 15px;
    line-height: 1.2
    }
select::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, .form-control::-moz-placeholder {
    text-transform: uppercase;
    color: #262526;
    font-size: 15px;
    line-height: 1.2
    }
select:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, .form-control:-ms-input-placeholder {
    text-transform: uppercase;
    color: #262526;
    font-size: 15px;
    line-height: 1.2
    }
/**
 * Checkboxes and radios
 *
 * Indent the labels to position radios/checkboxes as hanging controls.
 */
.radio, .checkbox {
    display: block;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-left: 12px;
    vertical-align: middle
    }
.radio label, .checkbox label {
    display: inline;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
    }
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    float: left;
    margin-left: 12px
    }
.radio + .radio, .checkbox + .checkbox {
    margin-top: -6px
    }
.radio-inline, .checkbox-inline {
    display: inline-block;
    padding-left: 12px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer
    }
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 6px
    }
/** 
  * Inline forms
  *
  * Make forms appear inline(-block) by adding the `.form-inline` class. Inline
  * forms begin stacked on extra small (mobile) devices and then go inline when
  * viewports reach <768px.
  *
  * Requires wrapping inputs and labels with `.form-group` for proper display of
  * default HTML form controls and our custom form controls (e.g., input groups).
  */
@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
        }
    .form-inline .form-control {
        display: inline-block
        }
    .form-inline .radio, .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0
        }
    .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
        float: none;
        margin-left: 0
        }
    }
/**
 * Input groups
 */
.input-group {
    position: relative;
    display: table;
    border-collapse: separate
    }
.input-group.col {
    float: none;
    padding-left: 0;
    padding-right: 0
    }
.input-group .form-control {
    width: 100%;
    margin-bottom: 0
    }
.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell
    }
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
    }
.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
    }
/*------------------------------------*\
    $IMAGES
\*------------------------------------*/
/*------------------------------------*\
    $OBJECT
\*------------------------------------*/
/**
 * Objects and abstractions
 */
/*------------------------------------*\
    $BUTTONS
\*------------------------------------*/
.btn, .comments_add-comment, .form-submit #comment-submit, .wpcf7-form-control.wpcf7-submit, .otreservations-submit, .widget_tag_cloud a, .read-more-button {
    padding: 12px 30px;
    font-size: 12px;
    line-height: 1;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    background-color: #262526;
    color: white;
    -moz-transition: all 0.15s;
    -o-transition: all 0.15s;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
    }
.btn:hover, .comments_add-comment:hover, .form-submit #comment-submit:hover, .wpcf7-form-control.wpcf7-submit:hover, .otreservations-submit:hover, .widget_tag_cloud a:hover, .read-more-button:hover {
    background-color: #c59d5f;
    color: white
    }
.btn.a, .a.comments_add-comment, .form-submit .a#comment-submit, .a.wpcf7-form-control.wpcf7-submit, .a.otreservations-submit, .widget_tag_cloud a.a, .a.read-more-button {
    border-bottom: none
    }
.btn--primary, .comments_add-comment, .form-submit #comment-submit {
    background-color: #c59d5f;
    color: white
    }
.btn--primary:hover, .comments_add-comment:hover, .form-submit #comment-submit:hover {
    background-color: #262526 !important
    }
.btn--secondary, .btn--tertiary, .wpcf7-form-control.wpcf7-submit, .otreservations-submit {
    color: white
    }
.btn--tertiary {
    background-color: #919191
    }
/*------------------------------------*\
    $SIZES
\*------------------------------------*/
.btn--small, .comments_add-comment {
    padding: 9px 18px
    }
.btn--large {
    font-size: 16px;
    padding: 12px 2em
    }
.btn--huge {
    padding: 18px 2.5em;
    font-size: 20px
    }
.btn-list, .widget_tag_cloud .wp-tag-cloud {
    padding: 0;
    margin: 0 0 0 -2px;
    list-style: none
    }
.btn-list > .btn, .widget_tag_cloud .wp-tag-cloud > .btn, .btn-list > .comments_add-comment, .widget_tag_cloud .wp-tag-cloud > .comments_add-comment, .form-submit .btn-list > #comment-submit, .widget_tag_cloud .form-submit .wp-tag-cloud > #comment-submit, .form-submit .widget_tag_cloud .wp-tag-cloud > #comment-submit, .btn-list > .wpcf7-form-control.wpcf7-submit, .widget_tag_cloud .wp-tag-cloud > .wpcf7-form-control.wpcf7-submit, .btn-list > .otreservations-submit, .widget_tag_cloud .wp-tag-cloud > .otreservations-submit, .widget_tag_cloud .btn-list > a, .widget_tag_cloud .wp-tag-cloud > a, .btn-list > .read-more-button, .widget_tag_cloud .wp-tag-cloud > .read-more-button, .btn-list > li, .widget_tag_cloud .wp-tag-cloud > li, .btn-list > a, .widget_tag_cloud .wp-tag-cloud > a {
    float: left;
    margin-left: 2px;
    margin-bottom: 2px
    }
.meta-list {
    margin-bottom: 12px
    }
.meta-list .btn, .meta-list .comments_add-comment, .meta-list .form-submit #comment-submit, .form-submit .meta-list #comment-submit, .meta-list .wpcf7-form-control.wpcf7-submit, .meta-list .otreservations-submit, .meta-list .widget_tag_cloud a, .widget_tag_cloud .meta-list a, .meta-list .read-more-button {
    padding: 0 6px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 2.01;
    text-transform: uppercase;
    font-weight: normal
    }
.meta-list .list-head {
    margin-right: 12px;
    border: 1px solid transparent
    }
.meta-list a.btn, .meta-list a.comments_add-comment, .meta-list .form-submit a#comment-submit, .form-submit .meta-list a#comment-submit, .meta-list a.wpcf7-form-control.wpcf7-submit, .meta-list a.otreservations-submit, .meta-list .widget_tag_cloud a, .widget_tag_cloud .meta-list a, .meta-list a.read-more-button {
    margin-left: 0;
    border: 1px solid #d8d8d8;
    border-right: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: transparent
    }
.meta-list a.btn:hover, .meta-list a.comments_add-comment:hover, .meta-list .form-submit a#comment-submit:hover, .form-submit .meta-list a#comment-submit:hover, .meta-list a.wpcf7-form-control.wpcf7-submit:hover, .meta-list a.otreservations-submit:hover, .meta-list .widget_tag_cloud a:hover, .widget_tag_cloud .meta-list a:hover, .meta-list a.read-more-button:hover {
    color: #c59d5f
    }
.meta-list a.btn:last-child, .meta-list a.comments_add-comment:last-child, .meta-list .form-submit a#comment-submit:last-child, .form-submit .meta-list a#comment-submit:last-child, .meta-list a.wpcf7-form-control.wpcf7-submit:last-child, .meta-list a.otreservations-submit:last-child, .meta-list .widget_tag_cloud a:last-child, .widget_tag_cloud .meta-list a:last-child, .meta-list a.read-more-button:last-child {
    border-right: 1px solid #d8d8d8
    }
.btn.btn--text, .btn--text.comments_add-comment, .form-submit .btn--text#comment-submit, .form-submit #comment-submit.read-more-button, .btn--text.wpcf7-form-control.wpcf7-submit, .wpcf7-form-control.wpcf7-submit.read-more-button, .btn--text.otreservations-submit, .widget_tag_cloud a.btn--text, .widget_tag_cloud a.read-more-button, .read-more-button {
    padding: 3px 0;
    background: transparent !important;
    border: 0;
    border-bottom: 2px solid #c59d5f;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 15px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.1em
    }
.btn.btn--text:hover, .btn--text.comments_add-comment:hover, .form-submit .btn--text#comment-submit:hover, .form-submit #comment-submit.read-more-button:hover, .btn--text.wpcf7-form-control.wpcf7-submit:hover, .btn--text.otreservations-submit:hover, .widget_tag_cloud a.btn--text:hover, .read-more-button:hover {
    color: #262526 !important;
    border-color: #262526 !important
    }
/*------------------------------------*\
               AUTHOR BOX
\*------------------------------------*/
.author__avatar {
    margin-top: 6px;
    margin-top: 0.375rem
    }
.author__avatar img {
    max-width: 80px
    }
@media only screen and (max-width: 899px) {
    .author__avatar {
        float: none;
        margin-right: 0
        }
    .author__avatar img {
        margin: 0 auto
        }
    .author__title {
        text-align: center;
        margin: 12px 0;
        margin: 0.75rem 0
        }
    }
.author__text {
    color: #b3b3b3
    }
.author__title h4 {
    margin: 0;
    margin-bottom: 6px
    }
.author__title a {
    color: #262526
    }
.author__bio {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.4
    }
.author__social-links__list-item {
    margin-right: 18px;
    margin-right: 1.125rem
    }
.author__social-link {
    color: #b3b3b3
    }
.author__social-link i {
    margin-right: 6px
    }
/*---------------------------------*\
               ARTICLE
\*---------------------------------*/
.article__title a, .latest-comments__title a {
    -ms-word-wrap: break-word;
    word-wrap: break-word
    }
.post .article__title, .post .latest-comments__title {
    -ms-word-wrap: break-word;
    word-wrap: break-word
    }
@media only screen and (min-width: 900px) {
    .post .article__title, .post .latest-comments__title {
        margin-top: 42px;
        margin-bottom: 36px
        }
    }
.border-waves-top:after, .border-waves-bottom:before {
    content: "";
    display: block;
    width: 100%;
    height: 14px;
    position: absolute;
    left: 0;
    background: url(../images/border-wave.svg) top left repeat-x
    }
.border-waves-top:after {
    bottom: -7px;
    background-position: top;
    z-index: 20
    }
.border-waves-bottom:before {
    top: -7px;
    background-position: bottom;
    z-index: 21
    }
.article--page {
    position: relative;
    padding: 1px 0
    }
.article--page.border-waves:before, .article--page.border-waves:after {
    content: "";
    display: block;
    width: 100%;
    height: 14px;
    position: absolute;
    left: 0;
    background: url(../images/border-wave.svg) top left repeat-x
    }
.article--page.border-waves:before {
    top: -7px;
    background-position: top;
    z-index: 20
    }
.article--page.border-waves:after {
    bottom: -7px;
    background-position: bottom;
    z-index: 21
    }
.article--page.article--arrow:before {
    display: none
    }
.article--page:empty:before, .article--page:empty:after {
    display: none
    }
.article__header, .article__header * {
    pointer-events: none
    }
.article__header .flexbox__item *, .article__header .site-logo *, .covers .article__header, .covers .article__header *, .is_iexplore .article__header, .is_iexplore .article__header *, .article__header .blurp--top, .article__header .down-arrow {
    pointer-events: auto
    }
.article__header .is_iexplore .flexbox, .article__header .is_iexplore .site-title, .article__header .is_iexplore .flexbox__item, .article__header .is_iexplore .site-logo {
    pointer-events: none
    }
.article__header .is_iexplore .flexbox__item *, .article__header .is_iexplore .site-logo * {
    pointer-events: auto
    }
.article__header.has-no-image {
    background: #333
    }
.blurp--top {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -96px;
    margin-top: -50px;
    z-index: 10
    }
.article__header.article__header--page {
    position: relative;
    overflow: hidden
    }
@media only screen and (max-width: 899px) {
    .article__header.article__header--page {
        padding: 0 12px
        }
    }
.article__header.article__header--page .flexbox, .article__header.article__header--page .site-title {
    position: relative;
    height: 100%;
    z-index: 10
    }
.article__header.article__header--page .flexbox__item, .article__header.article__header--page .site-logo {
    text-align: center
    }
.article__header.article__header--page.full-height {
    height: 100%
    }
.article__header.article__header--page.half-height {
    height: 50%
    }
.article__header.article__header--page.two-thirds-height {
    height: 66%
    }
.article__header.article__header--page.header--slideshow {
    padding: 0
    }
.blurp--top {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%
    }
.article__parallax {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none
    }
.article__parallax .flexbox__item *, .article__parallax .site-logo * {
    pointer-events: auto
    }
.is_iexplore .article__parallax, .touch .article__parallax, .covers .article__parallax {
    pointer-events: auto
    }
.covers .article__parallax {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    background: none;
    overflow: hidden;
    opacity: 1
    }
.covers .article__parallax .article__parallax__img {
    opacity: 1;
    max-width: none;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
    }
.article__parallax .gmap, .article__parallax .gmap--multiple-pins {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
    }
.article__parallax .gmap img, .article__parallax .gmap--multiple-pins img {
    max-width: none
    }
.article__parallax__slider {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%)
    }
.article__parallax__slider img {
    position: absolute
    }
.covers {
    position: fixed;
    top: 0;
    left: 0;
    right: 0
    }
.lt-ie9 .article__parallax {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
    }
.no-scroll-effect .article__parallax, .no-scroll-effect .article__parallax .gmap, .no-scroll-effect .article__parallax .gmap--multiple-pins, .no-scroll-effect .article__parallax__img, .no-scroll-effect .article__parallax__slider {
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    top: 0 !important
    }
.article__parallax--img img {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    max-width: none;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
    }
.lt-ie9 .article__parallax--img img {
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none
    }
.page .article__content {
    position: relative;
    width: 100%;
    padding: 50px 0;
    background-color: white
    }
.page .archive .article__content {
    padding: 0
    }
.page .article--subpage.no-page-header .article__content {
    padding-top: 0
    }
.down-arrow {
    display: block;
    width: 80px;
    height: 80px;
    opacity: 0.7;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    cursor: pointer;
    z-index: 10
    }
.down-arrow .arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 20;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
    }
.down-arrow--bubble {
    bottom: -16px
    }
.down-arrow--bubble .arrow {
    width: 16px;
    height: 16px;
    margin-left: -8px;
    margin-top: -8px;
    border-right: 2px solid black;
    border-bottom: 2px solid black
    }
.down-arrow--transparent {
    bottom: 5%
    }
.down-arrow--transparent .arrow {
    width: 24px;
    height: 24px;
    margin-left: -12px;
    margin-top: -12px;
    border-right: 3px solid white;
    border-bottom: 3px solid white
    }
.down-arrow.down-arrow--inverse {
    bottom: -30px;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    background: white;
    opacity: 1;
    border-radius: 18px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
    }
.down-arrow.down-arrow--inverse .arrow {
    top: 10px;
    left: 10px;
    width: 16px;
    height: 16px;
    margin: 0;
    border-color: #262526;
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0)
    }
/*------------------------------------*\
    $ARTICLE HEADING + SUBHEADING
\*------------------------------------*/
.article__header .article__headline {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    text-align: center
    }
.article__header .article__headline .headline__primary, .article__header .article__headline .headline__secondary, .article__header .article__headline .headline__description, .article__header .article__headline .star, .article__header .article__headline .line, .article__header .article__headline .btn, .article__header .article__headline .comments_add-comment, .article__header .article__headline .form-submit #comment-submit, .form-submit .article__header .article__headline #comment-submit, .article__header .article__headline .wpcf7-form-control.wpcf7-submit, .article__header .article__headline .otreservations-submit, .article__header .article__headline .widget_tag_cloud a, .widget_tag_cloud .article__header .article__headline a, .article__header .article__headline .read-more-button, .article__header .article__headline .arrow {
    opacity: 0
    }
.article__header .article__headline .headline__primary {
    display: inline-block
    }
.article__header .article__headline .pixcode--separator {
    display: inline-block;
    margin-left: auto;
    margin-right: auto
    }
.article__header .article__headline .separator {
    display: block;
    margin-top: 3px;
    margin-bottom: 3px
    }
.article__header .article__headline .headline__primary, .article__header .article__headline .headline__description {
    color: white
    }
.break-words, .headline__primary, .headline__secondary {
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto
    }
.headline__primary {
    position: relative;
    z-index: 1;
    margin: 0;
    letter-spacing: 0.2em;
    margin-right: -0.1em
    }
@media screen and (max-width: 900px) {
    .headline__primary {
        font-size: 20px
        }
    }
.headline__secondary {
    position: relative;
    font-family: "Herr Von Muellerhoff", Palatino, serif;
    font-size: 100px;
    font-weight: normal;
    letter-spacing: 0;
    text-transform: none;
    padding: 0 72px;
    margin: 0 -72px;
    color: #c59d5f
    }
@media screen and (max-width: 900px) {
    .headline__secondary {
        font-size: 75px;
        padding: 0 36px;
        margin: 0 -36px
        }
    .headline__secondary.headline__secondary {
        margin-bottom: -24px
        }
    }
.headline__secondary .first-letter {
    position: relative;
    top: 10px;
    font-size: 1.22em;
    padding-left: 72px;
    margin: 0 -72px;
    letter-spacing: 72px
    }
.headline__description h1, .headline__description h2, .headline__description .tabs__nav, .headline__description h3, .headline__description h4, .headline__description h5, .headline__description h6 {
    margin-bottom: 12px
    }
/*-------------------------------*\
               $BADGE
\*-------------------------------*/
.badge {
    width: 2.5em;
    padding: 0.15em 0;
    font-family: "Source Sans Pro", Georgia, serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.51;
    position: relative;
    text-align: center;
    background-color: #c59d5f;
    color: white
    }
.badge:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    top: 100%;
    border: 0 solid transparent;
    border-width: 6px 12px;
    border-width: 0.375rem 0.75rem;
    border-left: 0;
    border-top-color: #262526
    }
.badge__text {
    display: block;
    text-transform: uppercase;
    font-size: 10px;
    font-size: 0.625rem;
    margin-top: -0.2em;
    margin-bottom: 0.4em
    }
.badge--article {
    position: absolute;
    top: 12px;
    top: 0.75rem;
    right: -12px;
    right: -0.75rem;
    font-size: 24px;
    font-size: 1.5rem;
    z-index: 30
    }
.badge--article--list {
    width: 2em;
    padding: 4px 0;
    padding: 0.25rem 0;
    font-size: 16px;
    font-size: 1rem
    }
.badge--review {
    display: inline-block;
    margin-right: -36px;
    margin-right: -2.25rem
    }
/*----------------------------------------*\
*   $CONTENTS
\*----------------------------------------*/
/**
 * Comments ................ styling of the comment list
 * Comment form ............ styling of the comment form
 */
/*----------------------------------------*\
*   $COMMENTS
\*----------------------------------------*/
.comments-area {
    position: relative;
    margin-top: 48px
    }
.comments-area:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 0;
    border-left: 1px solid #d8d8d8;
    height: 100%
    }
.comments-area.no-comments {
    padding: 0
    }
.comments-area.no-comments:before {
    content: none
    }
.comment-number, .comment-number--dark, .comments-area-title .comment-number.total, .comment-reply-title .comment-number.total, .add-comment .add-comment__button {
    width: 42px;
    height: 42px;
    border: 1px solid #d8d8d8;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.72429;
    line-height: 42px;
    text-align: center;
    color: #b3b3b3;
    background: white
    }
.comment-number.total, .total.comment-number--dark, .comments-area-title .total.comment-number, .comment-reply-title .total.comment-number, .add-comment .total.add-comment__button {
    margin-right: 12px
    }
.comment-number--dark, .comments-area-title .comment-number.total, .comments-area-title .total.comment-number--dark, .comment-reply-title .comment-number.total, .comment-reply-title .total.comment-number--dark, .add-comment .add-comment__button {
    border: 1px solid #262526;
    display: inline-block;
    background-color: #262526;
    color: white;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.21;
    line-height: 42px;
    font-weight: 500
    }
.comments-area-title .comments-title, .comments-area-title a, .comment-reply-title .comments-title, .comment-reply-title a {
    display: inline-block;
    vertical-align: middle
    }
.comments-area-title .comments-title, .comment-reply-title .comments-title {
    margin: 0;
    margin-right: 6px;
    font-size: 20px;
    font-weight: bold;
    text-transform: none
    }
.comments-area-title .total.comment-number--dark, .comments-area-title .total.comment-number, .comments-area-title .add-comment .total.add-comment__button, .add-comment .comments-area-title .total.add-comment__button, .comment-reply-title .total.comment-number--dark, .comment-reply-title .total.comment-number, .comment-reply-title .add-comment .total.add-comment__button, .add-comment .comment-reply-title .total.add-comment__button {
    position: relative;
    z-index: 1
    }
.comment-reply-title {
    margin-bottom: 24px
    }
.commentlist > .comment, .commentlist > .pingback {
    padding-left: 60px
    }
.comment, .pingback {
    position: relative
    }
.comment .comment-number, .comment .comment-number--dark, .comment .comments-area-title .comment-number.total, .comments-area-title .comment .comment-number.total, .comment .comment-reply-title .comment-number.total, .comment-reply-title .comment .comment-number.total, .comment .add-comment .add-comment__button, .add-comment .comment .add-comment__button, .pingback .comment-number, .pingback .comment-number--dark, .pingback .comments-area-title .comment-number.total, .comments-area-title .pingback .comment-number.total, .pingback .comment-reply-title .comment-number.total, .comment-reply-title .pingback .comment-number.total, .pingback .add-comment .add-comment__button, .add-comment .pingback .add-comment__button {
    position: absolute;
    left: 0;
    top: 24px;
    z-index: 1
    }
@media only screen and (max-width: 899px) {
    .comment .comment-number, .comment .comment-number--dark, .comment .comments-area-title .comment-number.total, .comments-area-title .comment .comment-number.total, .comment .comment-reply-title .comment-number.total, .comment-reply-title .comment .comment-number.total, .comment .add-comment .add-comment__button, .add-comment .comment .add-comment__button, .pingback .comment-number, .pingback .comment-number--dark, .pingback .comments-area-title .comment-number.total, .comments-area-title .pingback .comment-number.total, .pingback .comment-reply-title .comment-number.total, .comment-reply-title .pingback .comment-number.total, .pingback .add-comment .add-comment__button, .add-comment .pingback .add-comment__button {
        left: -60px
        }
    }
@media only screen and (max-width: 899px) {
    .depth-1 > .comment-article > .comment-number, .depth-1 > .comment-article > .comment-number--dark, .add-comment .depth-1 > .comment-article > .add-comment__button {
        left: 0
        }
    }
.comments_add-comment {
    margin-top: 3px;
    text-transform: uppercase
    }
.commentlist {
    list-style: none;
    margin: 0;
    border-left: 0;
    padding-left: 0
    }
li.comment, li.pingback {
    display: block;
    margin-bottom: 0;
    padding-top: 24px;
    padding-top: 1.5rem
    }
li.comment .children, li.pingback .children {
    position: relative;
    margin-left: 0;
    margin-top: -24px;
    margin-top: -1.5rem
    }
@media only screen and (min-width: 900px) {
    li.comment .children li, li.pingback .children li {
        padding-left: 72px
        }
    li.comment .children li:before, li.pingback .children li:before {
        content: "";
        position: absolute;
        top: 45px;
        border-top: 1px solid #d8d8d8
        }
    }
li.comment .children li .comment-number, li.comment .children li .comment-number--dark, li.comment .children li .add-comment .add-comment__button, .add-comment li.comment .children li .add-comment__button, li.pingback .children li .comment-number, li.pingback .children li .comment-number--dark, li.pingback .children li .add-comment .add-comment__button, .add-comment li.pingback .children li .add-comment__button {
    border: 1px solid #eee;
    background: #eee;
    color: #515150
    }
li.depth-2:before {
    left: -40px;
    width: 60px
    }
@media only screen and (min-width: 900px) {
    li.depth-3:before {
        left: -112px;
        width: 112px
        }
    li.depth-4:before {
        left: -184px;
        width: 184px
        }
    li.depth-5:before {
        left: -256px;
        width: 256px
        }
    li.depth-6:before {
        left: -328px;
        width: 328px
        }
    li.depth-7:before {
        left: -400px;
        width: 400px
        }
    li.depth-8:before {
        left: -472px;
        width: 472px
        }
    li.depth-9:before {
        left: -544px;
        width: 544px
        }
    li.depth-10:before {
        left: -616px;
        width: 616px
        }
    }
.comment__meta {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 2.01
    }
.comment__author-name {
    margin-right: 5px;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.61;
    font-style: normal;
    font-weight: bold
    }
.comment-article {
    margin-bottom: 0
    }
.comment-article:hover .comment-edit-link, .comment-article:hover .comment-reply-link {
    opacity: 1
    }
.comment__avatar {
    margin-right: 12px;
    margin-right: 0.75rem
    }
.comment__timestamp {
    color: #919191
    }
.comment__avatar {
    margin-bottom: 24px;
    margin-bottom: 1.5rem
    }
.comment__content {
    position: relative;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.72429;
    color: #919191
    }
.comment__links {
    display: inline-block;
    margin-left: 12px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 2.01
    }
.comment-edit-link, .comment-reply-link {
    color: #919191;
    opacity: 0;
    margin-right: 12px;
    margin-right: 0.75rem;
    -moz-transition: opacity 0.15s ease-in-out;
    -o-transition: opacity 0.15s ease-in-out;
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    -webkit-transform: translatez(0);
    transform: translatez(0)
    }
.comment-reply-link {
    color: #c59d5f
    }
.logged-in-as {
    margin: -12px 0;
    margin: -0.75rem 0
    }
.comment-reply-title {
    margin-top: 0
    }
.comment-respond {
    position: relative
    }
@media only screen and (min-width: 900px) {
    .comment-respond {
        padding-left: 58px
        }
    .comment .comment-respond {
        padding-left: 0
        }
    .comment-respond .comment-reply-title {
        margin-left: -58px
        }
    .comment .comment-respond .comment-reply-title {
        margin-left: 0
        }
    .comment .comment-respond .comment-number, .comment .comment-respond .comment-number--dark, .comment .comment-respond .add-comment .add-comment__button, .add-comment .comment .comment-respond .add-comment__button {
        display: none
        }
    }
#cancel-comment-reply-link {
    position: absolute;
    bottom: 24px;
    bottom: 1.5rem;
    left: 0;
    z-index: 5;
    text-decoration: none;
    font-style: normal
    }
/*----------------------------------------*\
*   $COMMENT_FORM
\*----------------------------------------*/
.comment-form label {
    display: none
    }
.lt-ie9 .comment-form label {
    display: block
    }
.comment-form input, .comment-form textarea {
    outline: 0 !important;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.72429;
    font-weight: 300;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
    }
.comment-form-author label, .comment-form-email label, .comment-form-url label {
    display: none
    }
.comment-form-author input, .comment-form-email input, .comment-form-url input {
    padding: 6px 0;
    border: none;
    border-bottom: 1px solid #d8d8d8
    }
.comment-form-author input::-webkit-input-placeholder, .comment-form-email input::-webkit-input-placeholder, .comment-form-url input::-webkit-input-placeholder {
    font-style: normal;
    font-weight: 300
    }
.comment-form-author input:-moz-placeholder, .comment-form-email input:-moz-placeholder, .comment-form-url input:-moz-placeholder {
    font-style: normal;
    font-weight: 300
    }
.comment-form-author input::-moz-placeholder, .comment-form-email input::-moz-placeholder, .comment-form-url input::-moz-placeholder {
    font-style: normal;
    font-weight: 300
    }
.comment-form-author input:-ms-input-placeholder, .comment-form-email input:-ms-input-placeholder, .comment-form-url input:-ms-input-placeholder {
    font-style: normal;
    font-weight: 300
    }
.lt-ie9 .comment-form-author, .lt-ie9 .comment-form-email, .lt-ie9 .comment-form-url {
    width: 30%;
    float: none;
    display: inline-block
    }
.comment-form-comment textarea, .form-submit textarea, .comment-subscription-form textarea {
    padding: 0;
    border: 0;
    border-bottom: 1px solid #d8d8d8;
    background: url(../images/textarea-bg1.png) scroll;
    line-height: 26px
    }
/**
 * !Important stuff here to override wordpress styles...
 */
.form-submit #comment-submit {
    text-transform: uppercase;
    float: right
    }
.lt-ie9 .form-submit #comment-submit {
    width: 100px
    }
.add-comment {
    margin-top: 48px
    }
.add-comment .add-comment__button {
    position: relative;
    z-index: 1;
    margin-right: 12px;
    font-size: 25px;
    line-height: 30px
    }
.add-comment .add-comment__text {
    font-size: 20px;
    font-weight: bold
    }
/*-----------------------------------------*\
               $ICON SHORTCODE
\*-----------------------------------------*/
.pixcode--icon {
    display: inline-block;
    text-align: center;
    font-size: 21px;
    font-size: 1.3125rem;
    color: #262526
    }
.pixcode--icon.square, .pixcode--icon.circle {
    display: inline-block;
    background-color: #262526;
    color: white;
    padding: 0;
    font-size: 18px;
    font-size: 1.125rem;
    width: 2.66667em;
    height: 2.66667em;
    line-height: 2.66667em
    }
.pixcode--icon.square:hover, .pixcode--icon.circle:hover {
    background-color: #c59d5f;
    color: white
    }
.site__footer .pixcode--icon.square, .site__footer .pixcode--icon.circle {
    background-color: #262525
    }
.pixcode--icon.square {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
    }
.pixcode--icon.circle {
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    border-radius: 999px
    }
.pixcode--icon.small {
    font-size: 16px;
    font-size: 1rem
    }
.pixcode--icon.small.circle, .pixcode--icon.small.square {
    width: 2.25em;
    height: 2.25em;
    line-height: 2.25em
    }
.pixcode--icon.medium {
    font-size: 21px;
    font-size: 1.3125rem
    }
.pixcode--icon.medium.circle, .pixcode--icon.medium.square {
    width: 2.28571em;
    height: 2.28571em;
    line-height: 2.28571em
    }
.pixcode--icon.big {
    font-size: 36px;
    font-size: 2.25rem
    }
.pixcode--icon.big.circle, .pixcode--icon.big.square {
    width: 2em;
    height: 2em;
    line-height: 2em
    }
/*--------------------------------------------*\
               ICON INSIDE A LINK
\*--------------------------------------------*/
a > .pixcode--icon {
    -moz-transition: all 0.15s;
    -o-transition: all 0.15s;
    -webkit-transition: all 0.15s;
    transition: all 0.15s
    }
a:hover > .pixcode--icon {
    text-decoration: none;
    border: none;
    color: #c59d5f
    }
a:hover > .pixcode--icon.circle, a:hover > .pixcode--icon.square {
    background-color: #c59d5f
    }
.social-links-list a {
    padding: 0 3px;
    border: 0
    }
/*------------------------------------*\
               NAVIGATION
\*------------------------------------*/
.navigation--main {
    float: right
    }
/**
 * Main Bar Navigation
 */
.nav--main {
    display: inline-block;
    margin-bottom: 0
    }
.nav--main > li > a {
    padding: 12px 24px;
    padding: 0.75rem 1.5rem;
    text-transform: uppercase
    }
.nav--main a {
    color: #262526;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.72429;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear
    }
.nav--main a:hover {
    color: #c59d5f
    }
.header--transparent .nav--main a {
    color: white
    }
.headroom--not-top .nav--main a {
    color: #262526
    }
@media only screen and (min-width: 900px) {
    .nav--main li[class*="current-menu"] > a:after {
        content: "";
        display: block;
        border-bottom: 2px solid #262526
        }
    .header--transparent .nav--main li[class*="current-menu"] > a:after {
        border-color: white
        }
    .headroom--not-top .nav--main li[class*="current-menu"] > a:after {
        border-color: #262526
        }
    }
.lt-ie9 .header--transparent .nav--main a, .ie9 .header--transparent .nav--main a {
    color: black
    }
.nav__item--relative {
    position: relative
    }
.menu-item-has-children, .menu-item-language {
    position: relative
    }
.menu-item-has-children:hover:after, .menu-item-language:hover:after {
    border-color: #c59d5f
    }
.menu-item-has-children:after, .menu-item-language:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 6px;
    margin-top: -2px;
    display: inline-block;
    width: 5px;
    height: 5px;
    border-right: 1px solid #262526;
    border-bottom: 1px solid #262526;
    -moz-transform: translatey(-50%) rotate(45deg);
    -ms-transform: translatey(-50%) rotate(45deg);
    -o-transform: translatey(-50%) rotate(45deg);
    -webkit-transform: translatey(-50%) rotate(45deg);
    transform: translatey(-50%) rotate(45deg)
    }
.header--transparent .menu-item-has-children:after, .header--transparent .menu-item-language:after {
    border-color: white
    }
.headroom--not-top .menu-item-has-children:after, .headroom--not-top .menu-item-language:after {
    border-color: #262526
    }
.menu-item-has-children:hover > .sub-menu, .menu-item-language:hover > .sub-menu {
    display: block
    }
.is--ie .menu-item-has-children, .is--ie .menu-item-language {
    background-color: rgba(255, 255, 255, 0.01)
    }
.lt-ie9 .menu-item-has-children, .lt-ie9 .menu-item-language, .ie9 .menu-item-has-children, .ie9 .menu-item-language {
    background-color: white
    }
/*----------------------------------------*\
    $SUBMENUS
\*----------------------------------------*/
/*ul*/
.sub-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    display: none;
    min-width: 170px;
    text-align: center;
    background: white;
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%)
    }
.lt-ie9 .sub-menu {
    left: 0;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none
    }
.header--transparent .sub-menu {
    background: transparent
    }
.is--ie .header--transparent .sub-menu {
    background-color: rgba(255, 255, 255, 0.01)
    }
.lt-ie9 .header--transparent .sub-menu, .ie9 .header--transparent .sub-menu {
    background: white
    }
.headroom--not-top .sub-menu, .is--ie .headroom--not-top .sub-menu {
    background: white
    }
.sub-menu a {
    padding: 12px
    }
.sub-menu > li > a {
    display: inline-block
    }
.sub-menu .menu-item-has-children, .sub-menu .menu-item-language {
    position: relative
    }
.sub-menu .menu-item-has-children:after, .sub-menu .menu-item-language:after {
    right: 24px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
    }
.sub-menu .sub-menu {
    left: 100%;
    top: 0;
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    -webkit-transform: translatex(0);
    transform: translatex(0)
    }
/*------------------------------------*\
    $MOBILE NAVIGATION
\*------------------------------------*/
a.nav-trigger {
    position: absolute;
    top: 36px;
    left: 12px;
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%);
    padding: 0 12px;
    font-size: 28px;
    color: #262526
    }
@media only screen and (min-width: 900px) {
    a.nav-trigger {
        display: none
        }
    }
@media only screen and (min-width: 900px) {
    .navigation--main {
        height: auto !important
        }
    }
@media only screen and (max-width: 899px) {
    .navigation--main {
        position: fixed;
        left: -200px;
        top: 0;
        bottom: 0;
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        width: 200px;
        padding: 6px 12px;
        border: 0;
        text-align: left;
        text-transform: none;
        background: #262526
        }
    .admin-bar .navigation--main {
        padding-top: 32px
        }
    }
@media only screen and (max-width: 899px) and (max-width: 782px) {
    .admin-bar .navigation--main {
        padding-top: 46px
        }
    }
@media only screen and (max-width: 899px) {
    .navigation--main .nav--main li {
        display: list-item;
        padding: 0;
        border-bottom: 1px solid #41403d;
        text-align: left
        }
    .navigation--main .nav--main li:last-child {
        border-bottom: 0
        }
    .navigation--main .nav--main li.menu-item-has-children > a, .navigation--main .nav--main li.menu-item-language > a {
        border-bottom: 1px solid #41403d
        }
    .navigation--main .nav--main li a {
        padding: 12px 0;
        display: block;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.34333;
        text-transform: none;
        color: #ccc
        }
    .navigation--main .nav--main li a:before {
        content: none
        }
    .navigation--main .nav--main li.menu-item-has-children:after, .navigation--main .nav--main li.menu-item-language:after {
        content: none
        }
    .navigation--main .nav--main li.menu-item-has-children > a, .navigation--main .nav--main li.menu-item-language > a {
        position: relative
        }
    .navigation--main .nav--main li.menu-item-has-children > a:after, .navigation--main .nav--main li.menu-item-language > a:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 5px;
        width: 10px;
        height: 10px;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        -moz-transform: translatey(-50%) rotate(45deg);
        -ms-transform: translatey(-50%) rotate(45deg);
        -o-transform: translatey(-50%) rotate(45deg);
        -webkit-transform: translatey(-50%) rotate(45deg);
        transform: translatey(-50%) rotate(45deg)
        }
    .navigation--main .sub-menu {
        position: static;
        display: block;
        padding-left: 12px;
        border: 0;
        background: transparent;
        -moz-transform: translatex(0);
        -ms-transform: translatex(0);
        -o-transform: translatex(0);
        -webkit-transform: translatex(0);
        transform: translatex(0)
        }
    }
@media only screen and (max-width: 899px) and (max-width: 899px) {
    .navigation--main .sub-menu {
        background: transparent !important
        }
    }
@media only screen and (max-width: 899px) {
    .navigation--main .sub-menu .sub-menu {
        border: 0
        }
    #page {
        -moz-transition: -moz-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
        -o-transition: -o-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
        transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1)
        }
    .ie--winmob.navigation--is-visible #page {
        position: fixed;
        left: 200px;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        transform: none
        }
    .ie--winmob.navigation--is-visible .site-header {
        position: fixed;
        left: 200px;
        top: 0;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        transform: none
        }
    .ie--winmob.navigation--is-visible .navigation {
        position: fixed
        }
    .ie--winmob.navigation--is-visible .navigation {
        -ms-touch-action: pan-y;
        overflow-y: auto;
        height: 100%;
        bottom: auto
        }
    .mobile-ie #page, .mobile-ie .site-header {
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none
        }
    body #page, body .navigation--main, body .covers {
        -moz-transition: left 0.3s cubic-bezier(0.86, 0, 0.07, 1);
        -o-transition: left 0.3s cubic-bezier(0.86, 0, 0.07, 1);
        -webkit-transition: left 0.3s cubic-bezier(0.86, 0, 0.07, 1);
        transition: left 0.3s cubic-bezier(0.86, 0, 0.07, 1)
        }
    body .site-header {
        -moz-transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1);
        -o-transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1);
        -webkit-transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1);
        transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1)
        }
    #page {
        left: 0
        }
    .navigation--is-visible #page, .navigation--is-visible .covers, .navigation--is-visible .site-header {
        left: 200px
        }
    .navigation--is-visible .admin-bar .site-header {
        left: 0
        }
    .navigation--is-visible .navigation--main {
        left: 0
        }
    .is--winmob .site-header, .is--winmob .navigation--main, .is--winmob #page, .is--ancient-android .site-header, .is--ancient-android .navigation--main, .is--ancient-android #page, .is--ie .site-header, .is--ie .navigation--main, .is--ie #page {
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important
        }
    .is--winmob .site-header, .is--ancient-android .site-header, .is--ie .site-header {
        position: absolute
        }
    .is--winmob .navigation--main, .is--winmob .site-header, .is--winmob #page, .is--ancient-android .navigation--main, .is--ancient-android .site-header, .is--ancient-android #page, .is--ie .navigation--main, .is--ie .site-header, .is--ie #page {
        -moz-transition: none !important;
        -o-transition: none !important;
        -webkit-transition: none !important;
        transition: none !important
        }
    .is--winmob .navigation--main, .is--ancient-android .navigation--main, .is--ie .navigation--main {
        display: none
        }
    .is--winmob.navigation--is-visible #page, .is--ancient-android.navigation--is-visible #page, .is--ie.navigation--is-visible #page {
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        transform: none;
        left: 200px
        }
    .is--winmob.navigation--is-visible .navigation--main, .is--ancient-android.navigation--is-visible .navigation--main, .is--ie.navigation--is-visible .navigation--main {
        position: absolute;
        display: block;
        left: -200px
        }
    .is--winmob.navigation--is-visible .site-header, .is--ancient-android.navigation--is-visible .site-header, .is--ie.navigation--is-visible .site-header {
        left: 0
        }
    }
/*------------------------------------*\
    $ICONS, SHOP MENU ITEM
\*------------------------------------*/
.nav--items-social a {
    padding-left: 12px !important;
    padding-right: 12px !important
    }
.nav--items-social i {
    font-size: 14px
    }
@media only screen and (max-width: 899px) {
    .nav--items-social {
        margin-bottom: 24px
        }
    .navigation--main .nav--items-social li {
        display: inline-block;
        border-bottom: 0
        }
    .navigation--main .nav--items-social li.menu-item-has-children > a, .navigation--main .nav--items-social li.menu-item-language > a {
        border-bottom: 0
        }
    .nav--items-social ul.sub-menu {
        display: none !important
        }
    }
@media only screen and (min-width: 900px) {
    .nav--items-social {
        float: right
        }
    }
.shop-menu-item:after {
    content: none
    }
.shop-menu-item .shop-items-number {
    position: absolute;
    right: 3px;
    bottom: 3px;
    width: 16px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    color: white;
    background-color: #c59d5f;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
    }
.shop-menu-item .shop-menu-item__price {
    padding: 12px 0;
    display: block
    }
.header--transparent .shop-menu-item .shop-menu-item__price {
    color: white
    }
.headroom--not-top .shop-menu-item .shop-menu-item__price {
    color: #262526
    }
.navigation--main .nav--main .shop-menu-item.menu-item-has-children > a:after, .navigation--main .nav--main .shop-menu-item.menu-item-language > a:after {
    content: none
    }
.shop-menu-item .cart-icon-link {
    padding: 12px 24px;
    padding: 0.75rem 1.5rem;
    display: block
    }
.shop-menu-item .widget_shopping_cart_content {
    display: inline-block
    }
.shop-menu-item:hover .sub-menu {
    display: block
    }
/*------------------------------------*\
    $PAGINATIONS
\*------------------------------------*/
.pagination {
    border: none;
    text-align: center;
    margin: 84px 0;
    margin: 5.25rem 0;
    padding-left: 0;
    position: relative
    }
.pagination:after {
    content: none
    }
.pagination li {
    margin-bottom: 0
    }
.pagination li a, .pagination li span {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 6px 12px;
    padding: 0.375rem 0.75rem;
    border: 1px solid transparent;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.51;
    text-transform: uppercase;
    color: #919191;
    background: white;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear
    }
.pagination li a:hover {
    color: white !important;
    background-color: #c59d5f;
    border-bottom: 1px solid transparent
    }
.pagination li span.current {
    color: #262526;
    border: 1px solid #d8d8d8
    }
.inf_scroll .pagination {
    display: none
    }
.page-numbers.prev, .page-numbers.next {
    position: absolute;
    top: 0;
    color: #262526
    }
.page-numbers.prev.disabled, .page-numbers.next.disabled {
    color: #F0F0F0 !important;
    pointer-events: none
    }
.page-numbers.prev {
    left: 0
    }
.page-numbers.prev:before {
    content: "←";
    margin-right: 12px
    }
.page-numbers.next {
    right: 0
    }
.page-numbers.next:after {
    content: "→";
    margin-left: 12px
    }
/*------------------------------------*\
               $PRELOADER
\*------------------------------------*/
@-webkit-keyframes clockwise {
    to {
        -webkit-transform: rotate(360deg) translatez(0);
        }
    }
@keyframes clockwise {
    to {
        -moz-transform: rotate(360deg) translatez(0);
        -ms-transform: rotate(360deg) translatez(0);
        -o-transform: rotate(360deg) translatez(0);
        -webkit-transform: rotate(360deg) translatez(0);
        transform: rotate(360deg) translatez(0);
        }
    }
.preloader {
    background-image: url("data:image/png;base64,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");
    background-position: 50%;
    background-size: cover;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    -webkit-animation: clockwise 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
    animation: clockwise 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite
    }
.preloader-dark {
    background-image: url("data:image/png;base64,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/GMzLdsAADheaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgICAgICAgICB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgICAgICAgICB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iPgogICAgICAgICA8eG1wOkNyZWF0b3JUb29sPkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cyk8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhtcDpDcmVhdGVEYXRlPjIwMTMtMTEtMDdUMDk6Mjg6NDcrMDI6MDA8L3htcDpDcmVhdGVEYXRlPgogICAgICAgICA8eG1wOk1vZGlmeURhdGU+MjAxMy0xMS0wN1QwOToyOTo0MCswMjowMDwveG1wOk1vZGlmeURhdGU+CiAgICAgICAgIDx4bXA6TWV0YWRhdGFEYXRlPjIwMTMtMTEtMDdUMDk6Mjk6NDArMDI6MDA8L3htcDpNZXRhZGF0YURhdGU+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgICAgIDxwaG90b3Nob3A6Q29sb3JNb2RlPjM8L3Bob3Rvc2hvcDpDb2xvck1vZGU+CiAgICAgICAgIDxwaG90b3Nob3A6SUNDUHJvZmlsZT5zUkdCIElFQzYxOTY2LTIuMTwvcGhvdG9zaG9wOklDQ1Byb2ZpbGU+CiAgICAgICAgIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6ZGRjYTVhNGUtZjQwOS1hYjQwLWE0MGItMWE1NDIxZjc2ZmYzPC94bXBNTTpJbnN0YW5jZUlEPgogICAgICAgICA8eG1wTU06RG9jdW1lbnRJRD54bXAuZGlkOmRkY2E1YTRlLWY0MDktYWI0MC1hNDBiLTFhNTQyMWY3NmZmMzwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOmRkY2E1YTRlLWY0MDktYWI0MC1hNDBiLTFhNTQyMWY3NmZmMzwveG1wTU06T3JpZ2luYWxEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06SGlzdG9yeT4KICAgICAgICAgICAgPHJkZjpTZXE+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPmNyZWF0ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDpkZGNhNWE0ZS1mNDA5LWFiNDAtYTQwYi0xYTU0MjFmNzZmZjM8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTMtMTEtMDdUMDk6Mjg6NDcrMDI6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpTZXE+CiAgICAgICAgIDwveG1wTU06SGlzdG9yeT4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+NzIwMDAwLzEwMDAwPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WVJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDxleGlmOkNvbG9yU3BhY2U+MTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+NTA8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+NTA8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/Pia0yX0AAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAABHpJREFUeNrUmsuPFFUUxn91u3q625mxNQ4IKg8F1EB4RBPUaGJ87Vxpwkplx9YVG9e6dEH4I3Rh3GtIWLoimIgihgyOMuqg4jAPhulHlYs6F06fVPf0o7qn6iSdzFSnb92vvvOd162A7GwOOAocBJ4EdgJ1oAq8DwRdfhdncfMwg82/AbwG7FXXA/WxlvZdDESjgBoWyH7gPeAVwKnNBEOsFcgaJVmjNQygQYHUgQ+A13s88VHMARVhpzkIoEE28jJwBpg2IPzfLeAX4EfgV2ARWAY25Dt7T6fYIGVNBEwrKyAh8BHwTsrmA9n0t8B3wNqQLJQUMKuhFrA5KpAq8DFwXN3U/24B+BK4nFHkcUDZAPLX28JsPAyQKeAT4JBhogV8AXwjN8jaQtGJdbcIuNsNTNBjsbPAEbPgEnBO3Gmc5oBain5a3cCUuiz0IXDSgJ0HPgVuMX7zYThUrobSUjMNubWXgDdVkoqA68BnwCqTs1iefltFNye6ndoKyCPAaZNll4DPgXtM3mLlSlqnM3bvFsgpQewXaQDnJ8xEGph1oxUn+SwVyD7RRazY+Ar4je03L3LNSk1XJhrIu+YpLAAXyI/dE5fX4p+xQB4Djpkq9Osx5YlRbM0UmlXPilORCuVWC8AP5M8a8nB19q9pIFobMXAxq4ZnDLZhhH8fyKPA44qRJnCJ/NqGKSzLQOiAZ03ym1eo82j+YeskWXESdnXI/Zn8W8OE4koI7BAm/MWbBQDSNAVl2UnojRVttwoCRJf4U6EkFe1aqwUAEplkHodSSepQu1kQILqXKoVKH0WzDkac1DA6GVYKAkLnktiJJjSQmQIAKRkgkQP+USAiCcd5t4pKhgHQchJuNSO7CgCkahhphpIAI5VHnikAEN3qxsCmk8GCZmSPanfzqo9pw8i6A+7IgME3VE7Ns/JodSP2JtDw9HxvBH8yx0B2qMo3ECJIA+IFfyCHIB5W+vCM3NZAloGrqieJgbdJH+BtlwWiXz0SWpGSvmNk+i/wgooEM9JgLeYEyG6Soz5UnXVDNNIBZFVK+p0KzB6JauvbDGKa5JBVF4q3dcthh9g3gRPquiM5L/yJlMHxhKwMHKZz3tuWB9zuBqQhUeB5Jfwq8JTS0KRzxhHVM3l9zNu+Ke1Y4W+hcpcpJPeRnBG2JsjEMYlUWhd/pem22/nIDZJD/7oBc1Dc7+6YQcwKCFuJL8vDpF8gMXBNxD5r3OywuODSmELsXpI3KGxftAJcocvgsLRFO3mNZHinmfE3e1r89E6GGfs48IRvlkyEutJLo6UtFm8LmJqEZT2kqJEM9/bLtVUGH3qXhfWjUnVPKY/wtthPoBnkhYFDwFtqWBGZ+qwN/An8IU9wmc6XBUJxzVkR8BzJCRld1mtK2F/q1ycHsYeAV4UJ1M3tJqIef6d9F5vri+IJjUHENYzNAS+KTuI+wMR9gIiE0esi7IGjxKid2nPi3/UeDPViYAX4XT4bo4S7LNvP3VKvzcr/ZR68vtSQ0dOabP4/Sb6Z5KT/BwDA/GUc6sNdzwAAAABJRU5ErkJggg==")
    }
.document-ready .preloader {
    display: none
    }
/*-------------------------------------*\
               PROGRESSBAR
\*-------------------------------------*/
.progressbar {
    height: 12px;
    height: 0.75rem;
    background-color: #262526;
    position: relative
    }
.progressbar:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    right: -1px;
    border: 0 solid transparent;
    border-width: 3px 6px;
    border-width: 0.1875rem 0.375rem;
    border-bottom-color: white;
    border-right-color: white
    }
.progressbar__progress {
    float: left;
    height: 12px;
    height: 0.75rem;
    background-color: #c59d5f
    }
.form-search {
    position: relative;
    width: 100%;
    height: 44px
    }
.form-search .search-query {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    padding: 8px 24px;
    padding-right: 70px;
    border: 1px solid #ddd;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.72429;
    line-height: 1.2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    outline: none !important
    }
.form-search .search-submit {
    position: absolute;
    top: 0;
    right: 6px;
    width: 48px;
    width: 3rem;
    padding: 6px;
    padding: 0.375rem;
    height: 44px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.72429;
    text-align: center;
    border: 0;
    background: none
    }
@media only screen and (min-width: 900px) {
    .search-form--404 {
        width: 50%
        }
    }
/**
 * Separator Shortcode
 * <hr class="separator" />  
 */
/*==========  $SEPARATORS  ==========*/
hr, .separator {
    height: 0;
    margin: 42px 0;
    border: 0;
    border-bottom: 2px solid #d8d8d8
    }
hr.separator_color--white, .separator.separator_color--white {
    border-color: white
    }
/*------------------------------------*\
    $STYLISH SEPARATORS
\*------------------------------------*/
.separator--flower, .separator--line-flower {
    display: block;
    height: auto;
    border: 0;
    font-size: 14px;
    letter-spacing: normal;
    line-height: 1;
    text-align: center
    }
.separator--line-flower {
    position: relative;
    margin: 36px 0;
    color: #c59d5f
    }
.separator--line-flower .line {
    content: "";
    position: absolute;
    top: 50%;
    width: 42%;
    border: 1px solid #d8d8d8;
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%)
    }
.separator--line-flower.separator_color--white .line {
    border-color: white
    }
.separator--line-flower .line--left {
    right: 58%
    }
.separator--line-flower .line--right {
    left: 58%
    }
.separator--line-flower .arrow--left, .separator--line-flower .arrow--right {
    content: "";
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%)
    }
.separator--line-flower .arrow--left {
    left: 0;
    border-left: 7px solid #d8d8d8
    }
.separator--line-flower .arrow--right {
    right: 0;
    border-right: 7px solid #d8d8d8
    }
.separator--line-flower.separator_color--white .arrow--left {
    border-left: 7px solid white
    }
.separator--line-flower.separator_color--white .arrow--right {
    border-right: 7px solid white
    }
.separator--flower {
    margin: 24px 0;
    font-size: 17px;
    font-family: Serif;
    color: #9a9998
    }
.site-footer .separator--flower {
    color: #c59d5f
    }
/*------------------------------------*\
               SLIDER ARROWS
\*------------------------------------*/
/**
 * On fade transition the arrows disappear
 */
.rsArrow {
    z-index: 10
    }
.arrows--outside .rsArrow {
    top: 0;
    height: 100%
    }
.arrows--outside .rsArrow .rsArrowIcn {
    top: 45%;
    position: relative
    }
.single-post .arrows--outside .rsArrow {
    height: 100%
    }
@media only screen and (max-width: 899px) {
    .billboard.arrows--outside .rsArrow {
        height: 80%
        }
    }
@media only screen and (min-width: 900px) {
    .arrows--outside .rsArrow .rsArrowIcn {
        top: 50%;
        position: relative
        }
    }
.slider-arrows-header.arrows--hover .rsArrow {
    cursor: none;
    width: 40%;
    height: 70%;
    top: 15%;
    background: transparent;
    transform: none
    }
.slider-arrows-header.arrows--hover .rsArrowIcn {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.1s linear
    }
.slider-arrows-header.arrows--hover .visible .rsArrowIcn {
    opacity: 1
    }
.pixcode--tabs {
    padding: 24px;
    margin: -24px;
    padding-bottom: 0
    }
.tabs__nav {
    margin-bottom: 24px;
    margin-bottom: 1.5rem
    }
.tabs__nav li {
    border: 6px solid transparent
    }
.tabs__nav li:last-child {
    border: 0
    }
.tabs__nav a {
    text-decoration: none;
    color: #262526;
    border-bottom: 3px solid transparent
    }
.tabs__nav a.current, .tabs__nav a:hover {
    color: #c59d5f;
    border-color: #c59d5f
    }
.tabs__content {
    position: relative;
    min-height: 1px;
    -moz-transition: height 0.2s ease-in-out;
    -o-transition: height 0.2s ease-in-out;
    -webkit-transition: height 0.2s ease-in-out;
    transition: height 0.2s ease-in-out
    }
.tabs__pane {
    width: 100%;
    position: absolute;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 20
    }
.tabs__pane.hide {
    opacity: 0;
    z-index: 5;
    pointer-events: none
    }
.add_this_list {
    border: 1px solid #d8d8d8
    }
@media only screen and (max-width: 899px) {
    .add_this_list {
        float: left;
        margin: 12px 0
        }
    }
@media only screen and (min-width: 900px) {
    .add_this_list {
        float: right
        }
    }
.add_this_list a, .add_this_list .totals {
    display: inline-block;
    float: none !important;
    padding: 6px;
    vertical-align: top;
    border-left: 1px solid #d8d8d8;
    color: #919191;
    text-align: center
    }
.add_this_list a {
    padding: 4px !important
    }
.add_this_list a:first-child {
    border-left: 0
    }
.add_this_list .totals {
    height: 40px;
    padding: 6px 12px
    }
.add_this_list .totals-text {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 2.01
    }
.add_this_list a:hover {
    color: #c59d5f
    }
.add_this_list a:hover > span {
    opacity: 1
    }
.add_this_list li {
    border-right: 1px solid #d8d8d8
    }
.add_this_list li:last-child {
    border: none
    }
.addthis_32x32_style .addthis_counter.addthis_bubble_style {
    background: none !important
    }
.addthis_32x32_style .dummy .at300bs, .addthis_32x32_style .at300bs, .addthis_32x32_style .at15t {
    background: url(../images/addThis_32x32_pxg.png) no-repeat left;
    opacity: 0.3
    }
.pixlikes-box {
    position: relative;
    float: left;
    padding: 6px 12px;
    height: 40px;
    border: 1px solid #d8d8d8;
    cursor: default;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
    }
.pixlikes-box.likeable {
    cursor: pointer
    }
.pixlikes-box.animate {
    background: #262526
    }
.pixlikes-box.animate span {
    color: white !important
    }
.pixlikes-box.animate .likes-text:before {
    opacity: 1
    }
.pixlikes-box span {
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
    }
.pixlikes-box .likes-text {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.72429
    }
.pixlikes-box .likes-count {
    color: #262526
    }
.pixlikes-box .likes-text {
    color: #515150
    }
.pixlikes-box .likes-text:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "Don't move!";
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: white;
    background: #262526;
    opacity: 0;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
    }
/*------------------------------------*\
    $MENU LISTS / ROSAs
\*------------------------------------*/
.menu-list hr {
    margin: 36px 0
    }
.menu-list span.dots {
    position: absolute;
    top: 17px;
    left: 0;
    right: 0;
    z-index: 1;
    margin: 0;
    border: 0;
    height: 3px;
    display: block;
    background-image: radial-gradient(circle closest-side, #b3b3b3 99%, rgba(0, 0, 0, 0) 1%);
    background-position: bottom;
    background-size: 6px 3px;
    background-repeat: repeat-x
    }
.menu-list__title {
    text-align: left
    }
.menu-list__item {
    position: relative;
    margin-bottom: 30px
    }
.menu-list__item:last-child {
    margin-bottom: 0
    }
.menu-list__item-title {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 96px;
    text-align: left
    }
.menu-list__item-title .item_title {
    position: relative;
    z-index: 5;
    background-color: white
    }
p.menu-list__item-desc {
    position: relative;
    margin-bottom: 0;
    text-align: left
    }
p.menu-list__item-desc + span.dots {
    display: none
    }
.desc__content {
    position: relative;
    z-index: 5;
    background-color: white
    }
.menu-list__item-price {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    max-width: 96px;
    background-color: white;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.27316;
    font-weight: bold
    }
.menu-list__item-highlight-title {
    position: absolute;
    top: -38px;
    left: -18px;
    padding: 0 18px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    color: white;
    background-color: #c59d5f
    }
.menu-list__item-highlight-wrapper {
    margin-top: 54px;
    margin-bottom: 38px
    }
.menu-list__item-highlight-wrapper:before {
    content: "";
    position: absolute;
    top: -18px;
    left: -18px;
    right: -18px;
    bottom: -18px;
    border: 2px solid #c59d5f
    }
.article__content {
    overflow: hidden
    }
.pix-dropdown {
    position: relative;
    text-align: center
    }
.pix-dropdown.active .dropdown__menu {
    border: 1px solid #d8d8d8;
    border-top: 0;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px
    }
.pix-dropdown.active .dropdown__trigger {
    border-bottom: 1px solid transparent;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
    }
.pix-dropdown .dropdown__trigger {
    display: block;
    padding: 6px 36px;
    border: 1px solid #d8d8d8;
    background: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #262526;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 2.01;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-transform: uppercase
    }
.pix-dropdown .dropdown__trigger:after {
    content: "";
    position: relative;
    top: -3px;
    display: inline-block;
    margin-left: 15px;
    width: 7px;
    height: 7px;
    border-right: 2px solid #262526;
    border-bottom: 2px solid #262526;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
    }
.pix-dropdown .dropdown__menu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    display: none;
    padding: 12px 0
    }
.page-content .pix-dropdown .dropdown__menu {
    background: white
    }
.pix-dropdown .dropdown__menu:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 10%;
    right: 10%;
    border-bottom: 1px solid #d8d8d8
    }
.pix-dropdown .dropdown__menu li {
    width: 100%
    }
.pix-dropdown .dropdown__menu li a {
    padding: 6px 0;
    display: block
    }
.pix-dropdown.up .dropdown__menu {
    bottom: 100%;
    top: auto
    }
.pix-dropdown.active .dropdown__menu {
    display: block;
    z-index: 9
    }
/*------------------------------------*\
    $CONTACT FORM
\*------------------------------------*/
.wpcf7-form-control {
    margin-bottom: 24px
    }
/*------------------------------------*\
    $ADMIN BAR
\*------------------------------------*/
.admin-bar .site-header__wrapper, .admin-bar .mfp-close {
    top: 32px
    }
/*------------------------------------*\
    $OPEN TABLE RESERVATIONS
\*------------------------------------*/
.otreservations {
    text-align: center
    }
.otreservation-title-wrapper {
    margin-bottom: 36px
    }
.otreservations-title {
    margin: 0
    }
.otreservations-subtitle {
    font-size: 10px;
    text-transform: uppercase;
    color: #b3b3b3
    }
.otw-widget-form {
    margin: 0 auto;
    max-width: 700px
    }
@media only screen and (max-width: 899px) {
    .otw-input-wrap {
        margin-bottom: 24px
        }
    }
.otw-input-wrap label {
    margin-right: 12px
    }
.otw-input-wrap label, .otw-input-wrap input, .otw-input-wrap select {
    display: inline-block
    }
.otw-input-wrap input, .otw-input-wrap select, .widget .otw-input-wrap input, .widget .otw-input-wrap select {
    width: 150px;
    height: 40px;
    padding: 6px;
    background: none;
    border: 1px solid #d8d8d8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
    }
.otw-button-wrap {
    margin-top: 36px
    }
.promo-box__container {
    padding: 36px 54px;
    background-color: #c59d5f;
    color: white
    }
.promo-box.dark .promo-box__container {
    background-color: #262526
    }
.promo-box__container h1, .promo-box__container h2, .promo-box__container .tabs__nav, .promo-box__container h3, .promo-box__container h4, .promo-box__container h5, .promo-box__container h6 {
    margin-top: 0;
    color: white
    }
.promo-box__container p:last-child {
    margin-bottom: 0
    }
html .promo-box__container.promo-box__container a {
    color: white;
    text-decoration: underline
    }
html .promo-box__container.promo-box__container a:hover {
    color: inherit !important
    }
/*----------------------------------------*\
    $MAGNIFIC POPUP STYLING + OVERRIDES
\*----------------------------------------*/
button.mfp-arrow {
    position: absolute;
    top: 50%;
    height: 55px;
    height: 3.4375rem;
    width: 55px;
    width: 3.4375rem;
    display: block;
    border: 0;
    border-bottom: 2px solid white;
    outline: 0
    }
@media only screen and (max-width: 899px) {
    button.mfp-arrow {
        height: 25px;
        height: 1.5625rem;
        width: 25px;
        width: 1.5625rem
        }
    }
button.mfp-arrow-left {
    left: 35px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: 2px solid white
    }
button.mfp-arrow-right {
    right: 35px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 2px solid white
    }
.mfp-bottom-bar {
    color: white
    }
.mfp-counter {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.51;
    text-align: center
    }
div.mfp-title {
    margin-top: 0;
    font-family: "Cabin", Arial, Helvetica, sans-serif
    }
div.mfp-title small {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.51
    }
/*------------------------------------*\
    $GOOGLE MAPS
\*------------------------------------*/
.map__marker {
    position: relative;
    bottom: 100%;
    left: -50%;
    top: -12px;
    background: black;
    color: white;
    padding: 24px 48px;
    border-radius: 3px
    }
.map__marker:after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    border: 12px solid transparent;
    border-top-color: black;
    margin-left: -12px
    }
.map__marker h1, .map__marker h2, .map__marker .tabs__nav, .map__marker h3, .map__marker h4, .map__marker h5, .map__marker h6 {
    margin: 6px 0;
    color: white
    }
.map__marker img {
    max-width: none
    }
.map__marker-wrap {
    position: absolute;
    bottom: 0;
    left: 0
    }
.gmap img, .gmap--multiple-pins img {
    max-width: none
    }
/* Multiple Pins */
.gmap__marker {
    position: relative;
    top: -3.4375rem;
    left: -1.4375rem
    }
.gmap__marker__btn {
    font-size: 0.8125rem;
    line-height: 1;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    -moz-transition: all 0.15s;
    -o-transition: all 0.15s;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    padding: 0.875rem 1rem;
    padding-left: 3.5rem;
    min-width: 0;
    color: #262526;
    background-color: white
    }
.gmap__marker__btn:hover {
    color: #c59d5f
    }
@media only screen and (max-width: 899px) {
    .gmap__marker__btn {
        font-size: 0.6875rem;
        padding: 0.75rem 0.75rem 0.75rem 3.375rem
        }
    }
.gmap__marker__img {
    width: 2.625rem;
    position: absolute;
    top: 0.125rem;
    left: 0.0625rem
    }
.navigator {
    position: fixed;
    top: 50%;
    right: 48px;
    z-index: 999;
    opacity: 0
    }
@media only screen and (max-width: 899px) {
    .navigator {
        display: none
        }
    }
.navigator.navigator--transparent {
    right: 0;
    background: white;
    border: 12px solid transparent;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out
    }
.navigator.navigator--transparent:hover {
    opacity: 1 !important
    }
.navigator__item {
    display: block;
    padding: 6px;
    background: rgba(255, 255, 255, 0.01);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0
    }
.navigator__item .bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid white;
    -moz-transition: background-color, border-color 0.1s ease-in-out;
    -o-transition: background-color, border-color 0.1s ease-in-out;
    -webkit-transition: background-color, border-color 0.1s ease-in-out;
    transition: background-color, border-color 0.1s ease-in-out;
    cursor: pointer
    }
.navigator--transparent .navigator__item .bullet {
    border: 2px solid black
    }
.navigator__item--selected {
    position: absolute;
    top: 0;
    left: 0;
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0
    }
.navigator__item--selected .bullet {
    background: white;
    border-color: transparent;
    border-color: rgba(255, 255, 255, 0.01);
    cursor: default
    }
.navigator--transparent .navigator__item--selected .bullet {
    background: black
    }
.navigator--black .navigator__item .bullet {
    border-color: black
    }
.navigator--black .navigator__item--selected .bullet {
    background: black
    }
.input-group {
    position: relative;
    height: 36px;
    width: 100%;
    margin: 0 auto 6px auto
    }
.input-group input.form-control {
    position: absolute;
    top: 0;
    left: 0;
    padding-right: 48px;
    height: 40px !important;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.72429;
    color: #262526;
    background: #eee;
    outline: none !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
    }
.input-group input.form-control::-webkit-input-placeholder {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.72429;
    color: #b3b3b3;
    text-transform: none
    }
.input-group input.form-control:-moz-placeholder {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.72429;
    color: #b3b3b3;
    text-transform: none
    }
.input-group input.form-control::-moz-placeholder {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.72429;
    color: #b3b3b3;
    text-transform: none
    }
.input-group input.form-control:-ms-input-placeholder {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.72429;
    color: #b3b3b3;
    text-transform: none
    }
.lteie9 .input-group input.form-control {
    line-height: 1;
    padding-top: 10px
    }
.input-group button.submit {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border: 0;
    background: none
    }
small.muted {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.85615
    }
/*------------------------------------*\
    $LAYOUT
\*------------------------------------*/
/**
 * Page elements; header, footer, sidebar
 */
/*------------------------------------*\
    $LAYOUT GENERAL
\*------------------------------------*/
#page {
    width: 100%;
    height: 100%;
    position: relative
    }
@media only screen and (min-width: 900px) {
    #page {
        padding-top: 72px
        }
    }
.header--transparent #page {
    padding-top: 0 !important;
    margin-top: 0 !important;
    top: 0 !important
    }
@media only screen and (max-width: 899px) {
    #page {
        padding-top: 0 !important
        }
    }
.container--multipage, .container--single-page {
    padding-bottom: 72px
    }
@media only screen and (min-width: 900px) {
    .container--archive, .container--single {
        padding-top: 144px;
        padding-bottom: 72px
        }
    }
.page-content {
    position: relative
    }
/*--------------------------------*\
               HEADER
\*--------------------------------*/
.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background-color: white;
    -moz-transition: color 0.3s cubic-bezier(0.86, 0, 0.07, 1), background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: color 0.3s cubic-bezier(0.86, 0, 0.07, 1), background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: color 0.3s cubic-bezier(0.86, 0, 0.07, 1), background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    transition: color 0.3s cubic-bezier(0.86, 0, 0.07, 1), background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1)
    }
@media only screen and (max-width: 899px) {
    .admin-bar .site-header {
        position: absolute
        }
    }
.header--transparent .site-header {
    background-color: transparent
    }
.is--ie .header--transparent .site-header {
    background-color: rgba(255, 255, 255, 0.01)
    }
.header--transparent .site-header a.nav-trigger {
    color: white
    }
.lt-ie9 .header--transparent .site-header, .ie9 .header--transparent .site-header {
    background-color: white
    }
.lt-ie9 .header--transparent .site-header a.nav-trigger, .ie9 .header--transparent .site-header a.nav-trigger {
    color: black
    }
.site-header.headroom--not-top, .is--ie .site-header.headroom--not-top {
    background-color: white
    }
.site-header.headroom--not-top .site-logo-img--dark {
    display: block
    }
.site-header.headroom--not-top .site-logo--text {
    color: #262526
    }
.site-header.headroom--not-top .site-logo-img--light {
    display: none
    }
.site-header.headroom--not-top a.nav-trigger {
    color: black
    }
/*----------------------------------------*\
    $TITLE/LOGO
\*----------------------------------------*/
.site-title {
    height: 72px;
    margin: 0
    }
@media only screen and (max-width: 899px) {
    .site-title {
        padding: 0 48px
        }
    }
.site-logo {
    width: 100%
    }
.site-logo img {
    display: block;
    max-height: 100%
    }
@media only screen and (max-width: 899px) {
    .site-logo img {
        margin: 0 auto
        }
    }
.site-logo .site-logo-img--light {
    display: none
    }
.site-logo.using-retina-logo img {
    max-width: 50%
    }
.header--transparent .site-logo-img--light {
    display: block
    }
.header--transparent .site-logo-img--dark {
    display: none
    }
.lt-ie9 .header--transparent .site-logo-img--light, .ie9 .header--transparent .site-logo-img--light {
    display: none
    }
.lt-ie9 .header--transparent .site-logo-img--dark, .ie9 .header--transparent .site-logo-img--dark {
    display: block
    }
a.site-logo--text {
    font-weight: 700;
    color: #262526;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear
    }
.header--transparent a.site-logo--text {
    color: white
    }
.lt-ie9 .header--transparent a.site-logo--text, .ie9 .header--transparent a.site-logo--text {
    color: black
    }
@media only screen and (max-width: 899px) {
    a.site-logo--text {
        text-align: center
        }
    }
/*--------------------------------*\
               FOOTER
\*--------------------------------*/
.site-footer {
    position: relative;
    z-index: 20
    }
.site-footer.border-waves:before {
    content: "";
    display: block;
    width: 100%;
    height: 14px;
    position: absolute;
    left: 0;
    background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19 14' enable-background='new 0 0 19 14' xml:space='preserve'><g><path fill='#121212' d='M0,0c4,0,6.5,5.9,9.5,5.9S15,0,19,0v7H0V0z'/><path fill='#121212' d='M19,14c-4,0-6.5-5.9-9.5-5.9S4,14,0,14l0-7h19V14z'/></g></svg>");
    background-position: top left;
    background-repeat: repeat-x;
    z-index: 30;
    top: -6px
    }
/*------------------------------------*\
    $TOP BUTTON
\*------------------------------------*/
.flexbox--btn-top {
    z-index: 100;
    table-layout: fixed
    }
.btn--top_wrapper {
    text-align: center
    }
.btn--top {
    position: absolute;
    top: -12px;
    left: 50%;
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%)
    }
.copyright-area svg {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -96px;
    margin-top: -50px
    }
.copyright-area svg path {
    fill: #262526
    }
.btn--top_text {
    display: block;
    position: absolute;
    top: 12px;
    left: 50%;
    width: 60px;
    height: 60px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: white;
    -moz-transform: translatex(-50%) translatey(-30%);
    -ms-transform: translatex(-50%) translatey(-30%);
    -o-transform: translatex(-50%) translatey(-30%);
    -webkit-transform: translatex(-50%) translatey(-30%);
    transform: translatex(-50%) translatey(-30%)
    }
.btn--top_text .btn__arrow {
    display: block;
    position: absolute;
    left: 50%;
    height: 10px;
    width: 10px;
    border-left: 2px solid white;
    border-top: 2px solid white;
    -moz-transform: translatex(-50%) rotate(45deg);
    -ms-transform: translatex(-50%) rotate(45deg);
    -o-transform: translatex(-50%) rotate(45deg);
    -webkit-transform: translatex(-50%) rotate(45deg);
    transform: translatex(-50%) rotate(45deg)
    }
.copyright-area__light .btn--top_text .btn__arrow {
    border-color: #262526
    }
.btn--top_text .btn__arrow--top {
    top: 2px
    }
.btn--top_text .btn__arrow--bottom {
    top: 8px
    }
.copyright-area {
    position: relative;
    padding: 60px 0 48px 0;
    font-size: 14px;
    text-align: center;
    color: #919191;
    background-color: #262526
    }
.copyright-area.copyright-area__dark {
    background-color: #262526
    }
.copyright-area.copyright-area__light {
    background-color: white
    }
.copyright-area.copyright-area__light svg path {
    fill: white
    }
.copyright-area.copyright-area__accent {
    background-color: #c59d5f;
    color: white
    }
.copyright-area.copyright-area__accent svg path {
    fill: #c59d5f
    }
.copyright-area.copyright-area__accent a {
    color: white
    }
.copyright-text {
    margin-bottom: 16px
    }
.nav--footer {
    margin-bottom: 0
    }
@media only screen and (max-width: 899px) {
    .nav--footer {
        margin: 12px 0
        }
    }
.nav--footer li:after {
    content: "•";
    margin: 0 6px
    }
.nav--footer a {
    padding: 12px;
    text-transform: uppercase;
    color: #919191
    }
.nav--footer li:last-child:after {
    content: none
    }
.nav--footer .menu-item-has-children:after, .nav--footer .menu-item-language:after {
    content: none
    }
.sidebar--footer {
    padding: 24px 0;
    color: white;
    background-color: #121012
    }
@media only screen and (min-width: 900px) {
    .sidebar--footer {
        padding: 66px 0 60px
        }
    }
@media only screen and (min-width: 900px) {
    .footer-widget-area {
        margin: -12px;
        margin-top: 0;
        margin-bottom: 0
        }
    }
@media only screen and (max-width: 899px) {
    .footer-widget-area {
        width: 100% !important
        }
    }
.footer-widget-area .widget {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 54px;
    padding: 0;
    border: 12px solid transparent
    }
.footer-widget-area .widget p {
    margin: 0
    }
.footer-widget-area .widget .widget__title {
    margin-top: 0
    }
.footer-widget-area.col-1 .widget {
    width: 100%;
    border: 0
    }
.footer-widget-area.col-1.one-third, .footer-widget-area.col-1.two-sixths, .footer-widget-area.col-1.four-twelfths, .footer-widget-area.col-1.comment-form-author, .footer-widget-area.col-1.comment-form-email, .footer-widget-area.col-1.comment-form-url, .footer-widget-area.col-1.one-whole, .footer-widget-area.col-1.logged-in-as, .footer-widget-area.col-1.comment-form-comment, .footer-widget-area.col-1.form-submit, .footer-widget-area.col-1.comment-subscription-form, .footer-widget-area.col-1.two-thirds, .footer-widget-area.col-1.four-sixths, .footer-widget-area.col-1.eight-twelfths {
    margin: 0 auto
    }
.footer-widget-area.col-1.one-third, .footer-widget-area.col-1.two-sixths, .footer-widget-area.col-1.four-twelfths, .footer-widget-area.col-1.comment-form-author, .footer-widget-area.col-1.comment-form-email, .footer-widget-area.col-1.comment-form-url {
    width: 33%
    }
.footer-widget-area.col-1.two-thirds, .footer-widget-area.col-1.four-sixths, .footer-widget-area.col-1.eight-twelfths {
    width: 66%
    }
.footer-widget-area.col-2 .widget {
    width: 50%
    }
.footer-widget-area.col-3 .widget {
    width: 33.3333%
    }
.footer-widget-area.col-4 .widget {
    width: 25%
    }
.footer-widget-area.col-5 .widget {
    width: 20%
    }
.footer-widget-area.col-6 .widget {
    width: 16.666667%
    }
@media only screen and (max-width: 899px) {
    .footer-widget-area.col-1 .widget, .footer-widget-area.col-2 .widget, .footer-widget-area.col-3 .widget, .footer-widget-area.col-4 .widget, .footer-widget-area.col-5 .widget, .footer-widget-area.col-6 .widget {
        width: 100%
        }
    }
@media only screen and (min-width: 900px) {
    .footer-widget-area .widget.one-half, .footer-widget-area .widget.two-quarters, .footer-widget-area .widget.three-sixths, .footer-widget-area .widget.four-eighths, .footer-widget-area .widget.five-tenths, .footer-widget-area .widget.six-twelfths {
        width: 50% !important
        }
    .footer-widget-area .widget.one-third, .footer-widget-area .widget.two-sixths, .footer-widget-area .widget.four-twelfths, .footer-widget-area .widget.comment-form-author, .footer-widget-area .widget.comment-form-email, .footer-widget-area .widget.comment-form-url {
        width: 33% !important
        }
    .footer-widget-area .widget.two-thirds, .footer-widget-area .widget.four-sixths, .footer-widget-area .widget.eight-twelfths {
        width: 66% !important
        }
    }
.footer-widget-area .widget.centered {
    text-align: center
    }
.sidebar--footer__light {
    background-color: white;
    color: #262526 !important
    }
.sidebar--footer__light .widget__title {
    color: #262526 !important
    }
.sidebar--footer__light a {
    color: #262526 !important
    }
.sidebar--footer__dark {
    background-color: #121212;
    color: white
    }
.sidebar--footer__dark a {
    color: white
    }
.sidebar--footer__accent {
    background-color: #c59d5f
    }
.container {
    max-width: 1104px;
    margin: 0 auto;
    padding: 0 24px
    }
@media only screen and (max-width: 899px) {
    .container {
        margin: 0 12px;
        padding: 0
        }
    }
@media only screen and (min-width: 900px) {
    .page-content.has-sidebar {
        width: 100%;
        margin-right: -325px;
        float: left
        }
    .page-content.has-sidebar:after {
        content: "";
        position: absolute;
        top: -1px;
        bottom: 0;
        right: 325px
        }
    .page-content.has-sidebar .page-content__wrapper {
        padding-right: 48px;
        margin-right: 325px
        }
    }
/*--------------------------------*\
               SIDEBAR
\*--------------------------------*/
@media only screen and (min-width: 900px) {
    .sidebar--main {
        margin-top: 42px;
        position: relative;
        z-index: 5;
        float: right;
        width: 325px
        }
    }
/*------------------------------------*\
    $WIDGETS
\*------------------------------------*/
/**
 * Default and custom widgets
 */
/*---------------------------------*\
               $WIDGET
\*---------------------------------*/
.widget {
    margin-bottom: 36px;
    padding-bottom: 36px
    }
.widget select {
    max-width: 100%
    }
.widget a {
    color: #262526
    }
.widget a:hover {
    color: #c59d5f
    }
.sidebar--main .widget {
    border-bottom: 2px solid #d8d8d8
    }
.sidebar--main .widget:last-child {
    border: 0
    }
.widget--main {
    margin-bottom: 24px;
    margin-bottom: 1.5rem
    }
.widget-title {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.27316;
    margin: 0;
    margin-bottom: 24px
    }
.widget--footer {
    margin-bottom: 12px;
    margin-bottom: 0.75rem
    }
.widget--footer .widget__title {
    color: white
    }
.widget--footer__title em {
    color: #c59d5f;
    font-style: normal
    }
/*-----------------------------------*\
               TAG CLOUD
\*-----------------------------------*/
.widget_tag_cloud a {
    font-size: 12px !important;
    font-size: 0.75rem !important
    }
.widget_tag_cloud.widget--main a {
    background-color: #eee;
    color: #555
    }
/*----------------------------------------*\
    $SEARCH
\*----------------------------------------*/
.widget_search .form-search {
    width: 100%;
    height: 36px;
    height: 2.25rem
    }
/*-----------------------------------------*\
               WIDGET NAV MENU
\*-----------------------------------------*/
/*ul*/
.menu--list, .widget_nav_menu ul, .widget_categories ul, .widget_meta ul, .widget_archive ul, .widget_pages ul, .widget_recent_comments ul, .widget_rss ul, .widget_recent_posts ul, .widget_recent_entries ul {
    margin: 0;
    list-style: none;
    margin-top: -6px;
    margin-top: -0.375rem
    }
.menu--list > li a, .widget_nav_menu ul > li a, .widget_categories ul > li a, .widget_meta ul > li a, .widget_archive ul > li a, .widget_pages ul > li a, .widget_recent_comments ul > li a, .widget_rss ul > li a, .widget_recent_posts ul > li a, .widget_recent_entries ul > li a {
    display: block;
    padding: 6px 0;
    padding: 0.375rem 0
    }
.widget_nav_menu ul ul, .widget_categories ul ul, .widget_meta ul ul {
    display: none
    }
.widget_archive ul ul, .widget_pages ul ul, .widget_recent_comments ul ul, .widget_rss ul ul, .widget_recent_posts ul ul, .widget_recent_entries ul ul {
    display: none
    }
.widget--sidebar__title .rsswidget img {
    display: none
    }
.widget_rss .widget--footer__title .hN, .widget_rss .widget--footer__title .widget_calendar caption, .widget_calendar .widget_rss .widget--footer__title caption {
    color: #c59d5f
    }
.widget select {
    width: 100%;
    padding-left: 6px;
    padding-left: 0.375rem
    }
.widget_image img.alignnone {
    margin-top: 0;
    margin-bottom: 0
    }
.widget_wpgrade_posts_slider_widget .article--slider {
    margin-bottom: 0
    }
.widget_wpgrade_posts_slider_widget .rsArrow {
    top: 30%
    }
.widget_wpgrade_posts_slider_widget .rsArrow .rsArrowIcn {
    height: 28px;
    width: 28px
    }
/**
 * Maybe it's good, maybe it's not...
 */
.widget_categories ul > li a, .widget_recent_comments ul > li a, .widget_archive ul > li a {
    display: inline-block !important
    }
@media only screen and (max-width: 899px) {
    .widget_recent_entries a, .widget_recent_comments a, .widget_rss a, .widget_categories a {
        text-decoration: underline
        }
    }
.widget_rss li > cite:before {
    content: "-";
    margin-right: 5px
    }
.rss-date {
    font-style: italic
    }
.widget--footer.widget_text .wp-caption-text {
    background-color: #262526;
    color: #919191
    }
.tagcloud a {
    color: white;
    margin-bottom: 2px
    }
/*------------------------------------*\
    $FOOTER WIDGETS
\*------------------------------------*/
.sidebar--footer {
    color: white
    }
.sidebar--footer .widget__title {
    color: white
    }
.sidebar--footer a {
    color: white
    }
.widget_calendar caption {
    margin-bottom: 12px;
    margin-bottom: 0.75rem
    }
.widget_calendar th, .widget_calendar td {
    text-align: center
    }
/*------------------------------------------------*\
               $SOCIAL ICONS WIDGET
\*------------------------------------------------*/
.site-footer .widget_wpgrade_social_links a {
    float: none;
    position: relative;
    top: -6px
    }
.site-footer .widget_wpgrade_social_links .pixcode--icon {
    color: white;
    font-size: 24px
    }
.site-footer .widget_wpgrade_social_links .pixcode--icon:hover {
    color: #c59d5f
    }
.site-footer .widget_wpgrade_social_links .pixcode--icon:before {
    margin-left: 12px;
    margin-right: 12px
    }
/*------------------------------------------------*\
               $LATEST COMMENTS WIDGET
\*------------------------------------------------*/
.widget--latest-comments {
    padding-bottom: 0
    }
.latest-comments__list {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.85615
    }
.latest-comments__list:last-child {
    margin-bottom: 0
    }
.latest-comments__list:last-child .latest-comments__body {
    border-bottom: 0
    }
.latest-comments__author {
    font-family: "Source Sans Pro", Georgia, serif;
    text-transform: uppercase;
    color: #262526;
    margin-right: 3px
    }
.latest-comments__avatar {
    margin-right: 12px;
    margin-right: 0.75rem
    }
.latest-comments__body {
    border-bottom: 1px solid #ccc
    }
.latest-comments__title {
    margin-left: 3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: uppercase
    }
.latest-comments__content {
    font-style: italic;
    margin-top: 12px;
    margin-top: 0.75rem;
    line-height: 1.4
    }
.widget--footer .latest-comments__title {
    background-color: #262525;
    color: #e2e2e2
    }
.widget--footer .latest-comments__body {
    border-bottom-color: #262525
    }
.widget_wpgrade_posts_slider_widget {
    position: relative
    }
.widget_wpgrade_posts_slider_widget .widget__title {
    margin-bottom: 0
    }
/*------------------------------------*\
    $PLUGINS
\*------------------------------------*/
/**
 * 3rd Party Plugins; icon fonts, sliders
 */
/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider, .pixslider {
    width: 600px;
    height: 400px;
    position: relative;
    direction: ltr
    }
.royalSlider > *, .pixslider > * {
    float: left
    }
.rsWebkit3d .rsSlide {
    -webkit-transform: translatez(0)
    }
.rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink {
    -webkit-backface-visibility: hidden
    }
.rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer {
    -webkit-transform: none
    }
.rsOverflow {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    float: left;
    -webkit-tap-highlight-color: transparent
    }
.rsVisibleNearbyWrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    left: 0;
    top: 0;
    -webkit-tap-highlight-color: transparent
    }
.rsVisibleNearbyWrap .rsOverflow {
    position: absolute;
    left: 0;
    top: 0
    }
.rsContainer {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: transparent
    }
.rsArrow, .rsThumbsArrow {
    cursor: pointer
    }
.rsThumb {
    float: left;
    position: relative
    }
.rsArrow, .rsNav, .rsThumbsArrow {
    opacity: 1;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear
    }
.rsHidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
    -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
    -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
    transition: visibility 0s linear 0.3s, opacity 0.3s linear
    }
.rsGCaption {
    width: 100%;
    float: left;
    text-align: center
    }
/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen, .rsFullscreen.pixslider {
    position: fixed !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2147483647 !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important
    }
.royalSlider .rsSlide.rsFakePreloader, .pixslider .rsSlide.rsFakePreloader {
    opacity: 1 !important;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    display: none
    }
.rsSlide {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    overflow: hidden;
    height: 100%;
    width: 100%
    }
.royalSlider.rsAutoHeight, .rsAutoHeight.pixslider, .rsAutoHeight .rsSlide {
    height: auto
    }
.rsContent {
    width: 100%;
    height: 100%;
    position: relative
    }
.rsPreloader {
    position: absolute;
    z-index: 0
    }
.rsNav {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none
    }
.rsNavItem {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25)
    }
.rsThumbs {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    float: left;
    z-index: 22
    }
.rsTabs {
    float: left;
    background: none !important
    }
.rsTabs, .rsThumbs {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
    }
.rsVideoContainer {
    /*left: 0;
      top: 0;
      position: absolute;*/
    /*width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      float: left;*/
    width: auto;
    height: auto;
    line-height: 0;
    position: relative
    }
.rsVideoFrameHolder {
    position: absolute;
    left: 0;
    top: 0;
    background: #141414;
    opacity: 0;
    -webkit-transition: 0.3s
    }
.rsVideoFrameHolder.rsVideoActive {
    opacity: 1
    }
.rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj {
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
    }
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 44px
    }
/***************
*
*  6. Play/close video button
*
****************/
.rsDefault .rsPlayBtn {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
    width: 64px;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    cursor: pointer
    }
.rsPlayBtnIcon {
    width: 64px;
    display: block;
    height: 64px;
    margin-top: -32px;
    margin-left: -32px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    background: url(../images/rs-default.png) no-repeat 0 -32px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
    }
.rsPlayBtn:hover .rsPlayBtnIcon {
    background-color: rgba(0, 0, 0, 0.9)
    }
.rsBtnCenterer {
    position: absolute;
    left: 50%;
    top: 50%
    }
.rsCloseVideoBtn {
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    z-index: 500;
    position: absolute;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translatez(0)
    }
.rsCloseVideoBtn.rsiOSBtn {
    top: -38px;
    right: -6px
    }
.rsCloseVideoIcn {
    margin: 6px;
    width: 32px;
    height: 32px;
    background: url(../images/rs-default.png) -64px 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
    }
.rsCloseVideoIcn:hover {
    background-color: rgba(0, 0, 0, 0.9)
    }
.rsABlock {
    left: 0;
    top: 0;
    position: absolute;
    z-index: 15
    }
img.rsImg {
    max-width: none
    }
.grab-cursor {
    cursor: url("data:image/png;base64,R0lGODlhEAAQAJECAP///wAAAP///wAAACH5BAEAAAIALAAAAAAQABAAAAI0lC8RyLkBgFoMSotrVHsnhHWXdISS+DzRimIWy3Ii7CU0Tdn3mr93bvDBgMFfozg86mKHAgA7") 8 8, move
    }
.grabbing-cursor {
    cursor: url("data:image/png;base64,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") 8 8, move
    }
.rsNoDrag {
    cursor: auto
    }
.rsLink {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 20;
    background: url(blank.gif)
    }
/*----------------------------------------*\
    $CUSTOM STYLING
\*----------------------------------------*/
.pixslider {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0;
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    -webkit-transform: translatez(0);
    transform: translatez(0)
    }
.pixslider img {
    width: 100%;
    height: auto;
    display: block
    }
.pixslider blockquote {
    margin-bottom: 72px;
    margin-bottom: 4.5rem
    }
.pixslider__slide {
    width: 100%
    }
/*----------------------------------------*\
    $ARROWS CUSTOM STYLING
\*----------------------------------------*/
.rsArrow {
    display: block;
    color: white;
    position: absolute;
    top: 50%
    }
.rsArrow .rsArrowIcn {
    border-bottom: 2px solid white
    }
.rsArrowLeft {
    left: 0
    }
.rsArrowLeft .rsArrowIcn {
    border-left: 2px solid white;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
    }
.rsArrowRight {
    right: 0
    }
.rsArrowRight .rsArrowIcn {
    border-right: 2px solid white;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
    }
.full-width-slider {
    width: 100%
    }
/*----------------------------------------*\
    $BULLETS CUSTOM STYLING
\*----------------------------------------*/
.rsBullets {
    margin-left: -6px;
    margin-left: -0.375rem
    }
.rsBullet {
    display: inline-block;
    margin: 2px 6px;
    margin: 0.125rem 0.375rem;
    width: 6px;
    width: 0.375rem;
    height: 6px;
    height: 0.375rem;
    border-radius: 50%;
    text-indent: -999em;
    background-color: #cacaca;
    cursor: pointer
    }
.rsNavSelected {
    width: 8px;
    width: 0.5rem;
    height: 8px;
    height: 0.5rem;
    margin: 0 6px;
    margin: 0 0.375rem;
    background-color: #c59d5f
    }
/*------------------------------------*\
    $CUSTOM ARROWS
\*------------------------------------*/
.royalSlider, .pixslider {
    opacity: 0
    }
.royalSlider.slider--loaded, .slider--loaded.pixslider {
    opacity: 1
    }
.rsArrow {
    width: 50px;
    height: 80px;
    background: rgba(0, 0, 0, 0.5);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%)
    }
.rsArrowLeft .rsArrowIcn {
    margin-left: 16px
    }
.rsArrowIcn {
    height: 35px;
    width: 35px;
    margin: 0;
    margin-top: 22px;
    border-color: white
    }
.pixcode-slider[data-arrows] .rsArrow {
    background: transparent
    }
.pixcode-slider[data-arrows] .rsArrowIcn {
    border-color: #262526
    }
.pixcode-slider[data-arrows] .slide {
    padding: 0 50px
    }
/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80)
    }
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
    }
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }
.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
    }
.mfp-align-top .mfp-container:before {
    display: none
    }
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
    }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
    }
.mfp-ajax-cur {
    cursor: progress
    }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
    }
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
    }
.mfp-auto-cursor .mfp-content {
    cursor: auto
    }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
    }
.mfp-loading.mfp-figure {
    display: none
    }
.mfp-hide {
    display: none !important
    }
.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
    }
.mfp-preloader a {
    color: #ccc
    }
.mfp-preloader a:hover {
    color: white
    }
.mfp-s-ready .mfp-preloader {
    display: none
    }
.mfp-s-error .mfp-content {
    display: none
    }
button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    -webkit-appearance: none;
    display: block;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
    }
button::-moz-focus-inner {
    padding: 0;
    border: 0
    }
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: white;
    outline: 0;
    border: 0;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
    }
.mfp-close:hover, .mfp-close:focus {
    opacity: 1
    }
.mfp-close-btn-in .mfp-close {
    color: #333
    }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    text-align: right;
    width: 100%
    }
.mfp-counter {
    position: absolute;
    top: 6px;
    right: 0;
    color: #ccc;
    font-size: 18px;
    line-height: 18px
    }
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
    }
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
    }
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
    }
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black
    }
.mfp-iframe-holder .mfp-close {
    top: -40px
    }
/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
    }
/* The shadow behind the image */
.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444
    }
.mfp-figure {
    line-height: 0
    }
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
    }
.mfp-title {
    margin-top: 19.2px;
    margin-top: 1.2rem;
    text-align: left;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.34333;
    color: #f3f3f3;
    word-wrap: break-word;
    font-family: "Josefin Slab", serif
    }
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
    }
.mfp-image-holder .mfp-content {
    max-width: 100%
    }
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
    }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
        }
    .mfp-img-mobile img.mfp-img {
        padding: 0
        }
    /* The shadow behind the image */
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
        }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
        }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
        }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
        }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
        }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
        }
    }
@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
        }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
        }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
        }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
        }
    }
.mfp-ie7 .mfp-img {
    padding: 0
    }
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
    }
.mfp-ie7 .mfp-container {
    padding: 0
    }
.mfp-ie7 .mfp-content {
    padding-top: 44px
    }
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
    }
/*----------------------------------------*\
    $ANIMATIONS / $TRANSITIONS
\*----------------------------------------*/
.mfp-zoom-in {
    /* start state */
    /* animate in */
    /* animate out */
    }
.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8)
    }
.mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out
    }
.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1)
    }
.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8
    }
.mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(0.8);
    opacity: 0
    }
.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
    }
/* overlay at start */
.mfp-fade.mfp-bg {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-perspective: 1000px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    opacity: 0;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
    }
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8
    }
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
    -moz-transition: all 0.2s 0.1s ease-in-out;
    -o-transition: all 0.2s 0.1s ease-in-out;
    -webkit-transition: all 0.2s 0.1s;
    -webkit-transition-delay: ease-in-out;
    transition: all 0.2s 0.1s ease-in-out;
    opacity: 0
    }
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-perspective: 1000px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -moz-transform: scale(0.75, 0.75);
    -ms-transform: scale(0.75, 0.75);
    -o-transform: scale(0.75, 0.75);
    -webkit-transform: scale(0.75, 0.75);
    transform: scale(0.75, 0.75);
    opacity: 0;
    -moz-transition: all 0.2s 0.1s ease-in-out;
    -o-transition: all 0.2s 0.1s ease-in-out;
    -webkit-transition: all 0.2s 0.1s;
    -webkit-transition-delay: ease-in-out;
    transition: all 0.2s 0.1s ease-in-out
    }
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
    }
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -moz-transform: scale(0.75, 0.75);
    -ms-transform: scale(0.75, 0.75);
    -o-transform: scale(0.75, 0.75);
    -webkit-transform: scale(0.75, 0.75);
    transform: scale(0.75, 0.75);
    opacity: 0
    }
/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
    }
/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before, .pika-single:after {
    content: " ";
    display: table
    }
.pika-single:after {
    clear: both
    }
.pika-single.is-hidden {
    display: none
    }
.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5)
    }
.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px
    }
.pika-title {
    position: relative;
    text-align: center
    }
.pika-label {
    display: inline-block;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff
    }
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0
    }
.pika-prev, .pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: 0.5
    }
.pika-prev:hover, .pika-next:hover {
    opacity: 1
    }
.pika-prev, .is-rtl .pika-next {
    float: left;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==")
    }
.pika-next, .is-rtl .pika-prev {
    float: right;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=")
    }
.pika-prev.is-disabled, .pika-next.is-disabled {
    cursor: default;
    opacity: 0.2
    }
.pika-select {
    display: inline-block
    }
.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
    }
.pika-table th, .pika-table td {
    width: 14.285714%;
    padding: 0
    }
.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center
    }
.pika-button {
    cursor: pointer;
    display: block;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5
    }
.pika-week {
    font-size: 11px;
    color: #999
    }
.is-today .pika-button {
    color: #3af;
    font-weight: bold
    }
.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #3af;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px
    }
.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: 0.3
    }
.pika-button:hover {
    color: #fff !important;
    background: #c59d5f !important;
    box-shadow: none !important;
    border-radius: 3px !important
    }
/*------------------------------------*\
    $SHORTCODES
\*------------------------------------*/
/**
 * Theme specific shortcodes
 */
/*------------------------------------*\
    $GRID
\*------------------------------------*/
.pixcode--grid > .grid__item, .otw-wrapper > .grid__item, .pixcode--grid > .logged-in-as, .otw-wrapper > .logged-in-as, .pixcode--grid > .comment-form-author, .otw-wrapper > .comment-form-author, .pixcode--grid > .comment-form-email, .otw-wrapper > .comment-form-email, .pixcode--grid > .comment-form-url, .otw-wrapper > .comment-form-url, .pixcode--grid > .comment-form-comment, .otw-wrapper > .comment-form-comment, .pixcode--grid > .form-submit, .otw-wrapper > .form-submit, .pixcode--grid > .comment-subscription-form, .otw-wrapper > .comment-subscription-form, .pixcode--grid > .otw-input-wrap, .otw-wrapper > .otw-input-wrap, .pixcode--grid > .otw-button-wrap, .otw-wrapper > .otw-button-wrap {
    float: left
    }
.pixcode--heading {
    overflow: hidden;
    text-align: center;
    display: inline
    }
.pixcode--tabs {
    overflow: hidden
    }
/*------------------------------------*\
    $PAGES
\*------------------------------------*/
/**
* Single, Page, Category etc.
*/
/*------------------------------------*\
    $SINGLE POST
\*------------------------------------*/
.single .article__featured-image {
    margin-bottom: 24px
    }
.form-password {
    padding: 72px 0
    }
.form-password .lock-icon {
    text-align: center;
    font-size: 3em
    }
@media screen and (min-width: 480px) {
    .form-password .lock-icon {
        font-size: 5em
        }
    }
.form-password .protected-area-text {
    text-align: center;
    margin-bottom: 24px
    }
@media screen and (min-width: 480px) {
    .form-password .protected-area-text {
        font-size: 1.5em
        }
    }
.form-password .protected-form-container {
    max-width: 600px;
    margin: 0 auto
    }
.form-password .protected-password-field {
    width: 100%;
    margin-bottom: 24px
    }
.form-password .protected-submit-button {
    text-align: center
    }
.form-password .protected-submit-button input {
    display: block;
    width: 100%
    }
@media screen and (min-width: 480px) {
    .form-password .protected-submit-button input {
        display: inline-block;
        width: auto
        }
    }
@media only screen and (min-width: 900px) {
    .form-password {
        padding: 192px 0 288px
        }
    .form-password .protected-area-text {
        font-size: 2em
        }
    .form-password .protected-form-container {
        display: table;
        width: 100%
        }
    .form-password .protected-password-field, .form-password .protected-submit-button {
        display: table-cell
        }
    .form-password .protected-submit-button {
        padding-left: 24px
        }
    }
/*------------------------------------*\
    $ARCHIVE
\*------------------------------------*/
.archive__title {
    display: inline-block
    }
@media only screen and (min-width: 900px) {
    .archive__title {
        margin-top: 42px;
        margin-bottom: 36px
        }
    }
@media only screen and (max-width: 899px) {
    .archive__title {
        margin-top: 24px;
        display: block;
        text-align: center
        }
    }
@media only screen and (max-width: 899px) {
    .archive__side-title {
        display: block;
        text-align: center
        }
    }
.article--archive {
    margin-bottom: 72px;
    text-align: center
    }
@media only screen and (min-width: 900px) {
    .article--archive {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-box-align: start;
        -moz-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
        }
    .article--archive .article__featured-image {
        width: 58.333%;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch
        }
    .article--archive .article__body {
        width: 41.666%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
        }
    .article--archive .article__featured-image {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
        }
    .article--archive .article__body {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        padding: 0 72px 0 42px
        }
    .article--archive .article__body.no-thumbnail {
        padding: 0 72px
        }
    .article--archive:nth-child(2n+1) .article__featured-image {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
        }
    .article--archive:nth-child(2n+1) .article__body {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        padding: 0 42px 0 72px
        }
    .article--archive.no-thumbnail {
        display: block
        }
    .article--archive.no-thumbnail .article__body {
        width: 100%;
        display: block;
        padding: 0 72px
        }
    }
.article--archive h2.article__title, .article--archive .article__title.tabs__nav, .article--archive .tabs__nav.latest-comments__title, .article--archive h2.latest-comments__title {
    margin: 0;
    font-weight: bold
    }
.article--archive .article__content {
    position: relative;
    display: block;
    margin-bottom: 24px;
    margin-top: 0
    }
.article--archive .article__content ul, .article--archive .article__content li {
    margin-left: 0;
    list-style: none
    }
.article--archive .article__featured-image img {
    display: block;
    width: 100%;
    height: auto
    }
@media only screen and (max-width: 899px) {
    .article--archive .article__featured-image {
        margin-bottom: 24px
        }
    }
.ie9 .article--archive .article__body, .lt-ie9 .article--archive .article__body {
    float: left
    }
.ie9 .article--archive .article__featured-image, .lt-ie9 .article--archive .article__featured-image {
    float: left
    }
.ie9 .article--archive:nth-child(2n) .article__body, .lt-ie9 .article--archive:nth-child(2n) .article__body {
    float: right
    }
.ie9 .article--archive:nth-child(2n) .article__featured-image, .lt-ie9 .article--archive:nth-child(2n) .article__featured-image {
    float: right
    }
.lt-ie9 .article--archive .article__body {
    padding: 0 48px 0 72px
    }
.article__date {
    margin-bottom: 6px;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.85615;
    text-transform: uppercase;
    color: #515150
    }
.article__date .date__dot {
    padding: 12px
    }
.article__date .date__dot:after {
    content: "•";
    color: #b3b3b3
    }
.article__date .date__box:last-child:after {
    content: none
    }
.read-more-button {
    font-size: 13px
    }
@media only screen and (max-width: 899px) {
    .archive-filter {
        margin-bottom: 24px
        }
    }
@media only screen and (min-width: 900px) {
    .archive-filter {
        position: absolute;
        top: 42px;
        right: 0
        }
    }
/*------------------------------------*\
              GENERAL STUFF
\*------------------------------------*/
html {
    overflow-x: hidden
    }
body, .site-header, .site-footer {
    border: 0 solid transparent
    }
html, body, #page {
    width: 100%;
    height: 100%
    }
.noscroll {
    position: relative;
    overflow: hidden
    }
.slider-cover {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
    }
.pixslider--gallery-slideshow {
    margin-bottom: 24px
    }
@media only screen and (min-width: 900px) {
    .pixcode--grid img, .otw-wrapper img {
        margin: 0;
        display: inline-block;
        vertical-align: top
        }
    }
.pixcode--grid, .otw-wrapper {
    margin-left: -48px
    }
.pixcode--grid > .grid__item, .otw-wrapper > .grid__item, .pixcode--grid > .logged-in-as, .otw-wrapper > .logged-in-as, .pixcode--grid > .comment-form-author, .otw-wrapper > .comment-form-author, .pixcode--grid > .comment-form-email, .otw-wrapper > .comment-form-email, .pixcode--grid > .comment-form-url, .otw-wrapper > .comment-form-url, .pixcode--grid > .comment-form-comment, .otw-wrapper > .comment-form-comment, .pixcode--grid > .form-submit, .otw-wrapper > .form-submit, .pixcode--grid > .comment-subscription-form, .otw-wrapper > .comment-subscription-form, .pixcode--grid > .otw-input-wrap, .otw-wrapper > .otw-input-wrap, .pixcode--grid > .otw-button-wrap, .otw-wrapper > .otw-button-wrap {
    padding-left: 48px
    }
@media only screen and (max-width: 899px) {
    .grid__item.island, .island.logged-in-as, .island.comment-form-author, .island.comment-form-email, .island.comment-form-url, .island.comment-form-comment, .island.form-submit, .island.comment-subscription-form, .island.otw-input-wrap, .island.otw-button-wrap {
        padding-left: 48px;
        padding-right: 0;
        margin-bottom: 0
        }
    }
@media only screen and (min-width: 900px) {
    .grid__item.island, .island.logged-in-as, .island.comment-form-author, .island.comment-form-email, .island.comment-form-url, .island.comment-form-comment, .island.form-submit, .island.comment-subscription-form, .island.otw-input-wrap, .island.otw-button-wrap {
        margin-bottom: 0;
        padding: 30px;
        padding-left: 78px !important
        }
    }
.gmnoprint img {
    max-width: none
    }
@media only screen and (max-width: 899px) {
    .page-content {
        padding-top: 72px
        }
    }
@media only screen and (min-width: 900px) {
    .admin-bar .site-header {
        top: 32px
        }
    }
@media only screen and (min-width: 900px) and (max-width: 782px) {
    .admin-bar .site-header {
        top: 46px
        }
    }
.btn.button--light, .button--light.comments_add-comment, .form-submit .button--light#comment-submit, .button--light.wpcf7-form-control.wpcf7-submit, .button--light.otreservations-submit, .widget_tag_cloud a.button--light, .button--light.read-more-button {
    background: white;
    color: black !important
    }
.article__header .btn, .article__header .comments_add-comment, .article__header .form-submit #comment-submit, .form-submit .article__header #comment-submit, .article__header .wpcf7-form-control.wpcf7-submit, .article__header .otreservations-submit, .article__header .widget_tag_cloud a, .widget_tag_cloud .article__header a, .article__header .read-more-button {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none
    }
html body.woocommerce ul.products li.product {
    margin-bottom: 78px
    }
.pixslider img {
    display: none
    }
.pixslider.slider--loaded img {
    display: block
    }
.ie9 .article__parallax img {
    opacity: 1
    }
.ie9 .article__parallax--img img {
    opacity: 1
    }
.article__featured-image {
    position: relative
    }
.article__featured-image img {
    -webkit-transition: all 0.7s;
    /* Safari */
    transition: all 0.7s
    }
.article__featured-image:hover img {
    opacity: 1 !important
    }