<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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`.
 */
/*------------------------------------*\
    $OVERRIDES
\*------------------------------------*/
/**
 * Place any variables that should override inuit.css’ defaults here.
 */
/**
 * Base stuff
 */
/*------------------------------------*\
    $CUSTOM
\*------------------------------------*/
/**
 * Place any of your own variables that sit on top of inuit.css here.
 */
/*-----------------------------------------------*\
     $STYLE GUIDE
\*-----------------------------------------------*/
/*
 * Colors
 */
/*
 * 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: thin dotted; }

/*
 * 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: "\201C" "\201D" "\2018" "\2019"; }

/*
 * 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, .arqam-widget-counter li span, 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; }

body, div, ul, li, a, p, span, table, tr, td, label, h1, h2, h3, h4, h5{ font-size: 16px !important; font-family: "Noto Sans TC",arial,"Microsoft JhengHei","Microsoft YaHei","MS Gothic","Malgun Gothic",SimHei;}
.h2{ font-size: 30px !important;}
h1, h2, h3, h4, h5{ font-family: "Noto Sans TC",arial,"Microsoft JhengHei","Microsoft YaHei","MS Gothic","Malgun Gothic",SimHei !important;}
h1, h1 span{ font-size: 32px !important;}
h2, h2 span{ font-size: 28px !important;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ color: inherit; font-weight: 500; line-height: 1.1;}
h3, .h3, h3 span{ font-size: 24px !important;}
h4, h4 span{ font-size: 18px !important;}
p{ margin-bottom: 20px !important; margin-top: 5px; font-weight: normal; line-height: 27.5333px;}
ul,li{ list-style: none; padding: 0;}
ul, ol, dd{ margin-left: 0;}
.hN{ font-family: "Noto Sans TC",arial,"Microsoft JhengHei","Microsoft YaHei","MS Gothic","Malgun Gothic",SimHei !important;}

/*------------------------------------*\
    $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, .rsBullets:after, .tabs__nav:after, .popular-posts__time:after, .sub-menu:after, .sub-menu--mega:after, .commentlist:after, .author__social-links:after, .media:after, .author:after, .latest-comments__list:after, .island:after, .reviews: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__item__caption:after, .heading:after, .widget--sidebar__title:after, .widget--footer__title:after, .btn-list:after, .widget_tag_cloud .wp-tag-cloud:after, .article--list__link:after, .nav--main:after, .sub-menu__grid:after, .comments-area-title:after, .progressbar:after, .wpgrade-flickr-items:after, .wpgrade-dribbble-items:after, .pixcode--grid:after, .container: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, .arqam-widget-counter li span, h3, h4, h5, h6, hgroup,
ul, ol, dl,
blockquote, p, address,
table,
fieldset, figure,
pre,
.form-fields &gt; li,
.media,
.author,
.latest-comments__list,
.island,
.reviews,
.islet {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }
  .islet h1, .islet h2, .islet .arqam-widget-counter li span, .arqam-widget-counter li .islet span, .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 &gt; li, .islet
  .media, .islet
  .author, .islet
  .latest-comments__list, .islet
  .island, .islet
  .reviews, .islet
  .islet {
    margin-bottom: 12px;
    margin-bottom: 0.85714rem; }

/**
 * Doubled up `margin-bottom` helper class.
 */
.landmark {
  margin-bottom: 48px;
  margin-bottom: 3.42857rem; }

/**
 * `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.71429rem; }

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

/**
 * Base styles; unclassed HTML elements etc.
 */
/*------------------------------------*\
    $MAIN
\*------------------------------------*/
html {
  font: 0.875em/1.71429 "PT Sans", sans-serif;
  overflow-y: scroll;
  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: 46px;
  font-size: 3.28571rem;
  line-height: 1.05348; }

h2, .arqam-widget-counter li span, .beta {
  font-size: 23px;
  font-size: 1.64286rem;
  line-height: 1.05348; }

h3, .gamma, .heading--sidebar .hN, .widget--sidebar__title .hN, .heading--sidebar .article__author-name, .widget--sidebar__title .article__author-name, .heading--sidebar .comment__author-name, .widget--sidebar__title .comment__author-name, .heading--sidebar .score__average-wrapper, .widget--sidebar__title .score__average-wrapper, .heading--sidebar .score__label, .widget--sidebar__title .score__label, .heading--sidebar .widget_calendar caption, .widget_calendar .heading--sidebar caption, .widget--sidebar__title .widget_calendar caption, .widget_calendar .widget--sidebar__title caption, .heading--footer .hN, .widget--footer__title .hN, .heading--footer .article__author-name, .widget--footer__title .article__author-name, .heading--footer .comment__author-name, .widget--footer__title .comment__author-name, .heading--footer .score__average-wrapper, .widget--footer__title .score__average-wrapper, .heading--footer .score__label, .widget--footer__title .score__label, .heading--footer .widget_calendar caption, .widget_calendar .heading--footer caption, .widget--footer__title .widget_calendar caption, .widget_calendar .widget--footer__title caption, .article--billboard-small__title .hN, .article--billboard-small__title .article__author-name, .article--billboard-small__title .comment__author-name, .article--billboard-small__title .score__average-wrapper, .article--billboard-small__title .score__label, .article--billboard-small__title .widget_calendar caption, .widget_calendar .article--billboard-small__title caption, .post-nav-link__title, .comments-area-title .hN, .comments-area-title .article__author-name, .comments-area-title .comment__author-name, .comments-area-title .score__average-wrapper, .comments-area-title .score__label, .comments-area-title .widget_calendar caption, .widget_calendar .comments-area-title caption, .widget_calendar caption {
  font-size: 19px;
  font-size: 1.35714rem;
  line-height: 1.27316; }

h4, .delta, .article__author-name, .comment__author-name, .score__label {
  font-size: 15px;
  font-size: 1.07143rem;
  line-height: 1.61; }

h5, .epsilon, .article--slider__title .hN, .article--slider__title .article__author-name, .article--slider__title .comment__author-name, .article--slider__title .score__average-wrapper, .article--slider__title .score__label, .article--slider__title .widget_calendar caption, .widget_calendar .article--slider__title caption {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2.01; }

h6, .zeta {
  font-size: 11px;
  font-size: 0.78571rem;
  line-height: 1.10091; }

/**
 * Heading groups and generic any-heading class.
 * To target any heading of any level simply apply a class of `.hN`, e.g.:
 *
   &lt;hgroup&gt;
       &lt;h1 class=hN&gt;inuit.css&lt;/h1&gt;
       &lt;h2 class=hN&gt;Best. Framework. Ever!&lt;/h2&gt;
   &lt;/hgroup&gt;
 *
 */
hgroup .hN, hgroup .article__author-name, hgroup .comment__author-name, hgroup .score__average-wrapper, hgroup .score__label, 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: 6.85714rem;
  line-height: 1.135; }

.mega {
  font-size: 72px;
  font-size: 5.14286rem;
  line-height: 1.17667; }

.kilo {
  font-size: 48px;
  font-size: 3.42857rem;
  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: 15.75px;
  font-size: 1.125rem;
  line-height: 1.53381; }

/*------------------------------------*\
    $SMALLPRINT
\*------------------------------------*/
/**
 * A series of classes for setting tiny type; for use in smallprint etc.
 */
.smallprint,
.milli {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2.01; }

.micro {
  font-size: 10px;
  font-size: 0.71429rem;
  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: "\2018" "\2019" "\201C" "\201D"; }
  q:before {
    content: "\2018";
    content: open-quote; }
  q:after {
    content: "\2019";
    content: close-quote; }
  q q:before {
    content: "\201C";
    content: open-quote; }
  q q:after {
    content: "\201D";
    content: close-quote; }

blockquote {
  quotes: "\201C" "\201D"; }
  blockquote p:before {
    content: "\201C";
    content: open-quote; }
  blockquote p:after {
    content: "";
    content: no-close-quote; }
  blockquote p:last-of-type:after {
    content: "\201D";
    content: close-quote; }
  blockquote q:before {
    content: "\2018";
    content: open-quote; }
  blockquote q:after {
    content: "\2019";
    content: close-quote; }

/**
 *
   &lt;blockquote&gt;
       &lt;p&gt;Insanity: doing the same thing over and over again and expecting
       different results.&lt;/p&gt;
       &lt;b class=source&gt;Albert Einstein&lt;/b&gt;
   &lt;/blockquote&gt;
 *
 */
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: "\2014"; }

/*------------------------------------*\
    $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.:
 *
   &lt;code&gt;&amp;lt;/div&amp;gt;&lt;span class=code-comment&gt;&amp;lt;!-- /wrapper --&amp;gt;&lt;/span&gt;&lt;/code&gt;
 *
 */
.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.:
 *
   &lt;ol class=line-numbers&gt;
       &lt;li&gt;&lt;code&gt;.nav{&lt;/code&gt;&lt;/li&gt;
       &lt;li&gt;&lt;code&gt;    list-style:none;&lt;/code&gt;&lt;/li&gt;
       &lt;li&gt;&lt;code&gt;    margin-left:0;&lt;/code&gt;&lt;/li&gt;
       &lt;li&gt;&lt;code&gt;}&lt;/code&gt;&lt;/li&gt;
       &lt;li&gt;&lt;code&gt;    .nav &gt; li,&lt;/code&gt;&lt;/li&gt;
       &lt;li&gt;&lt;code&gt;        .nav &gt; li &gt; a{&lt;/code&gt;&lt;/li&gt;
       &lt;li&gt;&lt;code&gt;            display:inline-block;&lt;/code&gt;&lt;/li&gt;
       &lt;li&gt;&lt;code&gt;           *display:inline-block;&lt;/code&gt;&lt;/li&gt;
       &lt;li&gt;&lt;code&gt;            zoom:1;&lt;/code&gt;&lt;/li&gt;
       &lt;li&gt;&lt;code&gt;        }&lt;/code&gt;&lt;/li&gt;
   &lt;/ol&gt;
 *
 * 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.71429rem;
  margin-left: 24px;
  margin-left: 1.71429rem; }

.img--left {
  float: left;
  margin-right: 24px;
  margin-right: 1.71429rem;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

.img--center {
  display: block;
  margin-right: auto;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem;
  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: 8.57143rem; }

.img--medium {
  height: 240px;
  height: 17.14286rem; }

.img--tall {
  height: 360px;
  height: 25.71429rem; }

/**
 * Images in `figure` elements.
 */
figure &gt; img {
  display: block; }

/*------------------------------------*\
    $LISTS
\*------------------------------------*/
/**
 * Remove vertical spacing from nested lists.
 */
li &gt; ul,
li &gt; 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.:
 *
   &lt;table class="table--bordered  table--striped  table--data"&gt;
       &lt;colgroup&gt;
           &lt;col class=t10&gt;
           &lt;col class=t10&gt;
           &lt;col class=t10&gt;
           &lt;col&gt;
       &lt;/colgroup&gt;
       &lt;thead&gt;
           &lt;tr&gt;
               &lt;th colspan=3&gt;Foo&lt;/th&gt;
               &lt;th&gt;Bar&lt;/th&gt;
           &lt;/tr&gt;
           &lt;tr&gt;
               &lt;th&gt;Lorem&lt;/th&gt;
               &lt;th&gt;Ipsum&lt;/th&gt;
               &lt;th class=numerical&gt;Dolor&lt;/th&gt;
               &lt;th&gt;Sit&lt;/th&gt;
           &lt;/tr&gt;
       &lt;/thead&gt;
       &lt;tbody&gt;
           &lt;tr&gt;
               &lt;th rowspan=3&gt;Sit&lt;/th&gt;
               &lt;td&gt;Dolor&lt;/td&gt;
               &lt;td class=numerical&gt;03.788&lt;/td&gt;
               &lt;td&gt;Lorem&lt;/td&gt;
           &lt;/tr&gt;
           &lt;tr&gt;
               &lt;td&gt;Dolor&lt;/td&gt;
               &lt;td class=numerical&gt;32.210&lt;/td&gt;
               &lt;td&gt;Lorem&lt;/td&gt;
           &lt;/tr&gt;
           &lt;tr&gt;
               &lt;td&gt;Dolor&lt;/td&gt;
               &lt;td class=numerical&gt;47.797&lt;/td&gt;
               &lt;td&gt;Lorem&lt;/td&gt;
           &lt;/tr&gt;
           &lt;tr&gt;
               &lt;th rowspan=2&gt;Sit&lt;/th&gt;
               &lt;td&gt;Dolor&lt;/td&gt;
               &lt;td class=numerical&gt;09.640&lt;/td&gt;
               &lt;td&gt;Lorem&lt;/td&gt;
           &lt;/tr&gt;
           &lt;tr&gt;
               &lt;td&gt;Dolor&lt;/td&gt;
               &lt;td class=numerical&gt;12.117&lt;/td&gt;
               &lt;td&gt;Lorem&lt;/td&gt;
           &lt;/tr&gt;
       &lt;/tbody&gt;
   &lt;/table&gt;
 *
 */
table {
  width: 100%; }

th,
td {
  padding: 6px;
  padding: 0.42857rem;
  text-align: left; }
  @media screen and (min-width: 480px) {
    th,
    td {
      padding: 12px;
      padding: 0.85714rem; } }

/**
 * 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 #cccccc; }
  .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.71429rem; }

/**
 * 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.:
   &lt;input type=text class=text-input&gt;
   &lt;input type=email class=text-input&gt;
   &lt;input type=password class=text-input&gt;
 *
 */
.text-input,
textarea {
  /**
   * Style these via your theme stylesheet.
   */ }

/**
 * Group sets of form fields in a list, e.g.:
 *
   &lt;ul class=form-fields&gt;
       &lt;li&gt;
           &lt;label /&gt;
           &lt;input /&gt;
       &lt;/li&gt;
       &lt;li&gt;
           &lt;label /&gt;
           &lt;select /&gt;
       &lt;/li&gt;
       &lt;li&gt;
           &lt;label /&gt;
           &lt;input /&gt;
       &lt;/li&gt;
   &lt;/ul&gt;
 *
 */
.form-fields {
  list-style: none;
  margin: 0; }

.form-fields &gt; 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.:
 *
   &lt;li&gt;
       &lt;span class=label&gt;Select an option below:&lt;/span&gt;
       &lt;ul class="multi-list  four-cols"&gt;
           &lt;li&gt;
               &lt;input /&gt; &lt;label /&gt;
           &lt;/li&gt;
           &lt;li&gt;
               &lt;input /&gt; &lt;label /&gt;
           &lt;/li&gt;
           &lt;li&gt;
               &lt;input /&gt; &lt;label /&gt;
           &lt;/li&gt;
           &lt;li&gt;
               &lt;input /&gt; &lt;label /&gt;
           &lt;/li&gt;
       &lt;/ul&gt;
   &lt;/li&gt;
 *
 */
label,
.label {
  display: block; }

/**
 * Extra help text in `label`s, e.g.:
 *
   &lt;label&gt;Card number &lt;small class=additional&gt;No spaces&lt;/small&gt;&lt;/label&gt;
 *
 */
.additional {
  display: block;
  font-weight: normal; }

/*
 * Groups of checkboxes and radios, e.g.:
 *
   &lt;li&gt;
       &lt;ul class=check-list&gt;
           &lt;li&gt;
               &lt;input /&gt; &lt;label /&gt;
           &lt;/li&gt;
           &lt;li&gt;
               &lt;input /&gt; &lt;label /&gt;
           &lt;/li&gt;
       &lt;/ul&gt;
   &lt;/li&gt;
 *
 */
.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.:
 *
   &lt;li class=spoken-form&gt;
       Hello, my &lt;label for=spoken-name&gt;name&lt;/label&gt; is
       &lt;input type=text class=text-input id=spoken-name&gt;. My home
       &lt;label for=country&gt;country&lt;/label&gt; is
       &lt;select id=country&gt;
           &lt;option&gt;UK&lt;/option&gt;
           &lt;option&gt;US&lt;/option&gt;
           &lt;option&gt;Other&lt;/option&gt;
       &lt;/select&gt;
   &lt;/li&gt;
 *
 */
.spoken-form label {
  display: inline-block;
  font: inherit; }

/**
 * Extra help text displayed after a field when that field is in focus, e.g.:
 *
   &lt;label for=email&gt;Email:&lt;/label&gt;
   &lt;input type=email class=text-input id=email&gt;
   &lt;small class=extra-help&gt;.edu emails only&lt;/small&gt;
 *
 * 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.:
 *
   &lt;div class="grid"&gt;

       &lt;div class="grid__item  one-third"&gt;
           &lt;p&gt;One third grid&lt;/p&gt;
       &lt;/div&gt;&lt;!--

    --&gt;&lt;div class="grid__item  two-thirds"&gt;
           &lt;p&gt;Two thirds grid&lt;/p&gt;
       &lt;/div&gt;&lt;!--

    --&gt;&lt;div class="grid__item  one-half"&gt;
           &lt;p&gt;One half grid&lt;/p&gt;
       &lt;/div&gt;&lt;!--

    --&gt;&lt;div class="grid__item  one-quarter"&gt;
           &lt;p&gt;One quarter grid&lt;/p&gt;
       &lt;/div&gt;&lt;!--

    --&gt;&lt;div class="grid__item  one-quarter"&gt;
           &lt;p&gt;One quarter grid&lt;/p&gt;
       &lt;/div&gt;

   &lt;/div&gt;
 *
 * Demo: jsfiddle.net/inuitcss/CLYUC
 *
 */
/**
 * Grid wrapper
 */
.grid, .comment-form, .featured-area {
  margin-left: -24px;
  margin-left: -1.71429rem;
  list-style: none;
  margin-bottom: 0; }

/**
 * Very infrequently occuring grid wrappers as children of grid wrappers.
 */
.grid &gt; .grid, .comment-form &gt; .grid, .featured-area &gt; .grid, .grid &gt; .comment-form, .comment-form &gt; .comment-form, .featured-area &gt; .comment-form, .grid &gt; .featured-area, .comment-form &gt; .featured-area, .featured-area &gt; .featured-area {
  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, .featured-area .heroslider, .featured-area__article, .featured-area__aside {
  display: inline-block;
  width: 100%;
  padding-left: 24px;
  padding-left: 1.71429rem;
  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 &gt; .grid__item, .grid--rev &gt; .logged-in-as, .grid--rev &gt; .comment-form-author,
  .grid--rev &gt; .comment-form-email,
  .grid--rev &gt; .comment-form-url, .grid--rev &gt; .comment-form-comment,
  .grid--rev &gt; .form-submit,
  .grid--rev &gt; .comment-subscription-form, .featured-area .grid--rev &gt; .heroslider, .grid--rev &gt; .featured-area__article, .grid--rev &gt; .featured-area__aside {
    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 &gt; .grid__item, .grid--full &gt; .logged-in-as, .grid--full &gt; .comment-form-author,
  .grid--full &gt; .comment-form-email,
  .grid--full &gt; .comment-form-url, .grid--full &gt; .comment-form-comment,
  .grid--full &gt; .form-submit,
  .grid--full &gt; .comment-subscription-form, .featured-area .grid--full &gt; .heroslider, .grid--full &gt; .featured-area__article, .grid--full &gt; .featured-area__aside {
    padding-left: 0; }

/**
 * Align the entire grid to the right. Extends `.grid`.
 */
.grid--right {
  text-align: right; }
  .grid--right &gt; .grid__item, .grid--right &gt; .logged-in-as, .grid--right &gt; .comment-form-author,
  .grid--right &gt; .comment-form-email,
  .grid--right &gt; .comment-form-url, .grid--right &gt; .comment-form-comment,
  .grid--right &gt; .form-submit,
  .grid--right &gt; .comment-subscription-form, .featured-area .grid--right &gt; .heroslider, .grid--right &gt; .featured-area__article, .grid--right &gt; .featured-area__aside {
    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 &gt; .grid__item, .grid--center &gt; .logged-in-as, .grid--center &gt; .comment-form-author,
  .grid--center &gt; .comment-form-email,
  .grid--center &gt; .comment-form-url, .grid--center &gt; .comment-form-comment,
  .grid--center &gt; .form-submit,
  .grid--center &gt; .comment-subscription-form, .featured-area .grid--center &gt; .heroslider, .grid--center &gt; .featured-area__article, .grid--center &gt; .featured-area__aside {
    text-align: left; }

/**
 * Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends
 * `.grid`.
 */
.grid--middle &gt; .grid__item, .grid--middle &gt; .logged-in-as, .grid--middle &gt; .comment-form-author,
.grid--middle &gt; .comment-form-email,
.grid--middle &gt; .comment-form-url, .grid--middle &gt; .comment-form-comment,
.grid--middle &gt; .form-submit,
.grid--middle &gt; .comment-subscription-form, .featured-area .grid--middle &gt; .heroslider, .grid--middle &gt; .featured-area__article, .grid--middle &gt; .featured-area__aside {
  vertical-align: middle; }

.grid--bottom &gt; .grid__item, .grid--bottom &gt; .logged-in-as, .grid--bottom &gt; .comment-form-author,
.grid--bottom &gt; .comment-form-email,
.grid--bottom &gt; .comment-form-url, .grid--bottom &gt; .comment-form-comment,
.grid--bottom &gt; .form-submit,
.grid--bottom &gt; .comment-subscription-form, .featured-area .grid--bottom &gt; .heroslider, .grid--bottom &gt; .featured-area__article, .grid--bottom &gt; .featured-area__aside {
  vertical-align: bottom; }

/**
 * Create grids with narrower gutters. Extends `.grid`.
 */
.grid--narrow {
  margin-left: -12px;
  margin-left: -0.85714rem; }
  .grid--narrow &gt; .grid__item, .grid--narrow &gt; .logged-in-as, .grid--narrow &gt; .comment-form-author,
  .grid--narrow &gt; .comment-form-email,
  .grid--narrow &gt; .comment-form-url, .grid--narrow &gt; .comment-form-comment,
  .grid--narrow &gt; .form-submit,
  .grid--narrow &gt; .comment-subscription-form, .featured-area .grid--narrow &gt; .heroslider, .grid--narrow &gt; .featured-area__article, .grid--narrow &gt; .featured-area__aside {
    padding-left: 12px;
    padding-left: 0.85714rem; }

/**
 * Create grids with wider gutters. Extends `.grid`.
 */
.grid--wide {
  margin-left: -48px;
  margin-left: -3.42857rem; }
  .grid--wide &gt; .grid__item, .grid--wide &gt; .logged-in-as, .grid--wide &gt; .comment-form-author,
  .grid--wide &gt; .comment-form-email,
  .grid--wide &gt; .comment-form-url, .grid--wide &gt; .comment-form-comment,
  .grid--wide &gt; .form-submit,
  .grid--wide &gt; .comment-subscription-form, .featured-area .grid--wide &gt; .heroslider, .grid--wide &gt; .featured-area__article, .grid--wide &gt; .featured-area__aside {
    padding-left: 48px;
    padding-left: 3.42857rem; }

/*------------------------------------*\
    $FLEXBOX
\*------------------------------------*/
/**
 * Until we can utilise flexbox natively we can kinda, sorta, attempt to emulate
 * it, in a way... e.g.:
 *
   &lt;header class=flexbox&gt;

       &lt;div class=flexbox__item&gt;
           &lt;b&gt;Welcome to&lt;/b&gt;
       &lt;/div&gt;

       &lt;div class=flexbox__item&gt;
           &lt;img src="//csswizardry.com/inuitcss/img/logo.jpg" alt="inuit.css"&gt;
       &lt;/div&gt;

   &lt;/header&gt;
 *
 * We can also combine our grid system classes with `.flexbox__item` classes,
 * e.g.:
 *
   &lt;div class=flexbox&gt;
       &lt;div class="flexbox__item  one-quarter"&gt;
       &lt;/div&gt;
       &lt;div class="flexbox__item  three-quarters"&gt;
       &lt;/div&gt;
   &lt;/div&gt;
 *
 * It’s pretty poorly named I’m afraid, but it works...
 *
 * Demo: jsfiddle.net/inuitcss/ufUh2
 *
 */
.flexbox {
  display: table;
  width: 100%; }

/**
 * Nasty hack to circumvent Modernizr conflicts.
 */
html.flexbox {
  display: block;
  width: auto; }

.flexbox__item {
  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.:
 *
   &lt;ul class=nav&gt;
       &lt;li&gt;&lt;a href=#&gt;Home&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=#&gt;About&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=#&gt;Portfolio&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=#&gt;Contact&lt;/a&gt;&lt;/li&gt;
   &lt;/ul&gt;
 *
 * Demo: jsfiddle.net/inuitcss/Vnph4
 *
 */
.nav, .rsBullets, .tabs__nav, .popular-posts__time, .sub-menu, .sub-menu--mega, .commentlist, .author__social-links {
  list-style: none;
  margin-left: 0; }
  .nav &gt; li, .rsBullets &gt; li, .tabs__nav &gt; li, .popular-posts__time &gt; li, .sub-menu &gt; li, .sub-menu--mega &gt; li, .commentlist &gt; li, .author__social-links &gt; li,
  .nav &gt; li &gt; a,
  .rsBullets &gt; li &gt; a,
  .tabs__nav &gt; li &gt; a,
  .popular-posts__time &gt; li &gt; a,
  .sub-menu &gt; li &gt; a,
  .sub-menu--mega &gt; li &gt; a,
  .commentlist &gt; li &gt; a,
  .author__social-links &gt; li &gt; a {
    display: inline-block;
    *display: inline;
    zoom: 1; }

/**
 * `.nav--stacked` extends `.nav` and throws the list into vertical mode, e.g.:
 *
   &lt;ul class="nav  nav--stacked"&gt;
       &lt;li&gt;&lt;a href=#&gt;Home&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=#&gt;About&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=#&gt;Portfolio&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=#&gt;Contact&lt;/a&gt;&lt;/li&gt;
   &lt;/ul&gt;
 *
 */
.nav--stacked &gt; li, .sub-menu &gt; li, .sub-menu--mega &gt; li {
  display: list-item; }
  .nav--stacked &gt; li &gt; a, .sub-menu &gt; li &gt; a, .sub-menu--mega &gt; li &gt; a {
    display: block; }

/**
 * `.nav--banner` extends `.nav` and centres the list, e.g.:
 *
   &lt;ul class="nav  nav--banner"&gt;
       &lt;li&gt;&lt;a href=#&gt;Home&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=#&gt;About&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=#&gt;Portfolio&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=#&gt;Contact&lt;/a&gt;&lt;/li&gt;
   &lt;/ul&gt;
 *
 */
.nav--banner {
  text-align: center; }

/**
 * Give nav links a big, blocky hit area. Extends `.nav`, e.g.:
 *
   &lt;ul class="nav  nav--block"&gt;
       &lt;li&gt;&lt;a href=#&gt;Home&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=#&gt;About&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=#&gt;Portfolio&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=#&gt;Contact&lt;/a&gt;&lt;/li&gt;
   &lt;/ul&gt;
 *
 */
.nav--block, .options, .tabs__nav, .popular-posts__time {
  line-height: 1;
  /**
   * Remove whitespace caused by `inline-block`.
   */
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
  white-space: nowrap; }
  .nav--block &gt; li, .options &gt; li, .tabs__nav &gt; li, .popular-posts__time &gt; li {
    letter-spacing: normal;
    word-spacing: normal; }
    .nav--block &gt; li &gt; a, .options &gt; li &gt; a, .tabs__nav &gt; li &gt; a, .popular-posts__time &gt; li &gt; a {
      padding: 12px;
      padding: 0.85714rem; }

/**
 * Force a nav to occupy 100% of the available width of its parent. Extends
 * `.nav`, e.g.:
 *
   &lt;ul class="nav  nav--fit"&gt;
       &lt;li&gt;&lt;a href=#&gt;Home&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=#&gt;About&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=#&gt;Portfolio&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=#&gt;Contact&lt;/a&gt;&lt;/li&gt;
   &lt;/ul&gt;
 *
 * Thanks to @pimpl for this idea!
 */
.nav--fit {
  display: table;
  width: 100%; }
  .nav--fit &gt; li {
    display: table-cell; }
    .nav--fit &gt; li &gt; a {
      display: block; }

/**
 * Make a list of keywords. Extends `.nav`, e.g.:
 *
   `&lt;ul class="nav  nav--keywords&gt;`
 *
 */
.nav--keywords &gt; li:after {
  content: "\002C" "\00A0"; }
.nav--keywords &gt; 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.
 *
  &lt;ul class="nav  options"&gt;
      &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
   &lt;/ul&gt;
 *
 * Demo: jsfiddle.net/inuitcss/vwfaf
 *
 */
.options &gt; li &gt; a {
  border: 0 solid #cccccc;
  border-width: 1px;
  border-left-width: 0; }
.options &gt; li:first-child &gt; a {
  border-left-width: 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
.options &gt; li:last-child &gt; 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.:
 *
   &lt;div class=media&gt;
       &lt;img src=http://placekitten.com/200/300 alt="" class=media__img&gt;
       &lt;p class=media__body&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit,
       sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;
   &lt;/div&gt;
 *
 * 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.71429rem; }

/**
 * Reversed image location (right instead of left).
 */
.media__img--rev {
  float: right;
  margin-left: 24px;
  margin-left: 1.71429rem; }

.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 &gt; :last-child,
.author__text &gt; :last-child,
.latest-comments__body &gt; :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.85714rem; }

.islet .media__img--rev {
  margin-left: 12px;
  margin-left: 0.85714rem; }

/*------------------------------------*\
    $ISLAND
\*------------------------------------*/
/**
 * Simple, boxed off content, as per: csswizardry.com/2011/10/the-island-object
 * E.g.:
 *
   &lt;div class=island&gt;
       I am boxed off.
   &lt;/div&gt;
 *
 * Demo: jsfiddle.net/inuitcss/u8pV3
 *
 */
.island, .reviews,
.islet {
  display: block; }

.island, .reviews {
  padding: 24px;
  padding: 1.71429rem; }

.island &gt; :last-child, .reviews &gt; :last-child,
.islet &gt; :last-child {
  margin-bottom: 0; }

/**
 * Just like `.island`, only smaller.
 */
.islet {
  padding: 12px;
  padding: 0.85714rem; }

/*------------------------------------*\
    $BLOCK-LIST
\*------------------------------------*/
/**
 * Create big blocky lists of content, e.g.:
 *
   &lt;ul class=block-list&gt;
      &lt;li&gt;Foo&lt;/li&gt;
      &lt;li&gt;Bar&lt;/li&gt;
      &lt;li&gt;Baz&lt;/li&gt;
      &lt;li&gt;&lt;a href=# class=block-list__link&gt;Foo Bar Baz&lt;/a&gt;&lt;/li&gt;
   &lt;/ul&gt;
 *
 * Extend this object in your theme stylesheet.
 *
 * Demo: jsfiddle.net/inuitcss/hR57q
 *
 */
.block-list, .matrix,
.block-list &gt; li,
.matrix &gt; li {
  border: 0 solid #cccccc; }

.block-list, .matrix {
  list-style: none;
  margin-left: 0;
  border-top-width: 1px;
  margin-top: -1px; }
  .block-list &gt; li, .matrix &gt; li {
    border-bottom-width: 1px;
    margin-top: -1px;
    padding: 12px;
    padding: 0.85714rem; }

.block-list__link, .matrix__link {
  display: block;
  padding: 12px;
  padding: 0.85714rem;
  margin: -12px;
  margin: -0.85714rem; }

/*------------------------------------*\
    $MATRIX
\*------------------------------------*/
/**
 * Create a grid of items out of a single list, e.g.:
 *
   &lt;ul class="matrix  three-cols"&gt;
       &lt;li class=all-cols&gt;Lorem&lt;/li&gt;
       &lt;li&gt;Ipsum &lt;a href=#&gt;dolor&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=# class=matrix__link&gt;Sit&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;Amet&lt;/li&gt;
       &lt;li class=all-cols&gt;Consectetuer&lt;/li&gt;
   &lt;/ul&gt;
 *
 * Extend this object in your theme stylesheet.
 *
 * Demo: jsfiddle.net/inuitcss/Y2zrU
 *
 */
.matrix {
  border-left-width: 1px; }
  .matrix &gt; 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.
 *
   &lt;ul class="multi-list  four-cols"&gt;
       &lt;li&gt;Lorem&lt;/li&gt;
       &lt;li&gt;Ipsum&lt;/li&gt;
       &lt;li&gt;Dolor&lt;/li&gt;
       &lt;li&gt;Sit&lt;/li&gt;
   &lt;/ul&gt;
 *
 * 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 &gt; li, .widget_nav_menu ul &gt; li, .widget_categories ul &gt; li, .widget_meta ul &gt; li {
  float: left; }

/**
 * Apply these classes alongside the `.matrix` or `.multi-list` classes on
 * lists to determine how wide their columns are.
 */
.two-cols &gt; li, .widget_nav_menu ul &gt; li, .widget_categories ul &gt; li, .widget_meta ul &gt; li {
  width: 50%; }

.three-cols &gt; li {
  width: 33.333%; }

.four-cols &gt; li {
  width: 25%; }

.five-cols &gt; li {
  width: 20%; }

/**
 * Unfortunately we have to qualify this selector in order to bring its
 * specificity above the `.[number]-cols &gt; li` selectors above.
 */
.matrix &gt; .all-cols,
.multi-list &gt; .all-cols,
.widget_nav_menu ul &gt; .all-cols,
.widget_categories ul &gt; .all-cols,
.widget_meta ul &gt; .all-cols {
  width: 100%; }

/*------------------------------------*\
    $SPLIT
\*------------------------------------*/
/**
 * Simple split item for creating two elements floated away from one another,
 * e.g.:
 *
   &lt;dl class=split&gt;
       &lt;dt class=split__title&gt;Burger and fries&lt;/dt&gt;
       &lt;dd&gt;&amp;pound;5.99&lt;/dd&gt;
       &lt;dt class=split__title&gt;Fillet steak&lt;/dt&gt;
       &lt;dd&gt;&amp;pound;19.99&lt;/dd&gt;
       &lt;dt class=split__title&gt;Ice cream&lt;/dt&gt;
       &lt;dd&gt;&amp;pound;2.99&lt;/dd&gt;
   &lt;/dl&gt;
 *
   &lt;ol class="split  results"&gt;
       &lt;li class=first&gt;&lt;b class=split__title&gt;1st place&lt;/b&gt; Bob&lt;/li&gt;
       &lt;li class=second&gt;&lt;b class=split__title&gt;2nd place&lt;/b&gt; Lilly&lt;/li&gt;
       &lt;li class=third&gt;&lt;b class=split__title&gt;3rd place&lt;/b&gt; Ted&lt;/li&gt;
   &lt;/ol&gt;​
 *
 * 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, .widget_tag_cloud a {
  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, .widget_tag_cloud a, .btn:hover, .comments_add-comment:hover, .form-submit #comment-submit:hover, .widget_tag_cloud a: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, .form-submit #comment-submit {
  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.:
 *
   &lt;p&gt;This &lt;span class=pill&gt;here&lt;/span&gt; is a pill!&lt;/p&gt;
 *
   &lt;p&gt;This &lt;span class=loz&gt;here&lt;/span&gt; is also a lozenge!&lt;/p&gt;
 *
 * 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: 1.14286em;
  padding-right: 0.28571em;
  padding-left: 0.28571em;
  /* =1.50em */
  text-align: center;
  background-color: #cccccc;
  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.:
  *
    &lt;div class=stat-group&gt;
        &lt;dl class=stat&gt;
            &lt;dt class=stat__title&gt;Tweets&lt;/dt&gt;
            &lt;dd class=stat__value&gt;27,740&lt;/dd&gt;
        &lt;/dl&gt;

        &lt;dl class=stat&gt;
            &lt;dt class=stat__title&gt;Following&lt;/dt&gt;
            &lt;dd class=stat__value&gt;11,529&lt;/dd&gt;
        &lt;/dl&gt;

        &lt;dl class=stat&gt;
            &lt;dt class=stat__title&gt;Followers&lt;/dt&gt;
            &lt;dd class=stat__value&gt;12,105&lt;/dd&gt;
        &lt;/dl&gt;
    &lt;/div&gt;
  *
  * Demo: jsfiddle.net/inuitcss/Bpwu6
  *
  */
.stat-group {
  margin-left: -24px;
  margin-left: -1.71429rem; }

.stat {
  float: left;
  margin-left: 24px;
  margin-left: 1.71429rem;
  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.:
 *
   &lt;div class="island  greybox  greybox--medium"&gt;Header&lt;/div&gt;

   &lt;ul class="nav  nav--fit  nav--block  greybox"&gt;
       &lt;li&gt;&lt;a href=#&gt;Home&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=#&gt;About&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=#&gt;Portfolio&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=#&gt;Contact&lt;/a&gt;&lt;/li&gt;
   &lt;/ul&gt;
 *
 * 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.85714rem;
  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, .featured-area__aside {
  width: 41.666%; }

.seven-twelfths, .featured-area .heroslider, .featured-area__article {
  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.:
 *
 * `&lt;div class="g  one-quarter  lap-one-half  palm-one-whole"&gt; ... &lt;/div&gt;`
 *
 * 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, .featured-area .heroslider, .featured-area__article, .featured-area__aside {
    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 {
    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.
 */
/**
 * Whole
 */
.push--one-whole {
  left: 100%; }

/**
 * Halves
 */
.push--one-half, .push--two-quarters, .push--three-sixths, .push--four-eighths, .push--five-tenths, .push--six-twelfths {
  left: 50%; }

/**
 * Thirds
 */
.push--one-third, .push--two-sixths, .push--four-twelfths {
  left: 33.333%; }

.push--two-thirds, .push--four-sixths, .push--eight-twelfths {
  left: 66.666%; }

/**
 * Quarters
 */
.push--one-quarter, .push--two-eighths, .push--three-twelfths {
  left: 25%; }

.push--three-quarters, .push--six-eighths, .push--nine-twelfths {
  left: 75%; }

/**
 * Fifths
 */
.push--one-fifth, .push--two-tenths {
  left: 20%; }

.push--two-fifths, .push--four-tenths {
  left: 40%; }

.push--three-fifths, .push--six-tenths {
  left: 60%; }

.push--four-fifths, .push--eight-tenths {
  left: 80%; }

/**
 * Sixths
 */
.push--one-sixth, .push--two-twelfths {
  left: 16.666%; }

.push--five-sixths, .push--ten-twelfths {
  left: 83.333%; }

/**
 * Eighths
 */
.push--one-eighth {
  left: 12.5%; }

.push--three-eighths {
  left: 37.5%; }

.push--five-eighths {
  left: 62.5%; }

.push--seven-eighths {
  left: 87.5%; }

/**
 * Tenths
 */
.push--one-tenth {
  left: 10%; }

.push--three-tenths {
  left: 30%; }

.push--seven-tenths {
  left: 70%; }

.push--nine-tenths {
  left: 90%; }

/**
 * Twelfths
 */
.push--one-twelfth {
  left: 8.333%; }

.push--five-twelfths {
  left: 41.666%; }

.push--seven-twelfths {
  left: 58.333%; }

.push--eleven-twelfths {
  left: 91.666%; }

/**
 * Not a particularly great selector, but the DRYest way to do things.
 */
[class*="push--"] {
  position: relative; }

/*------------------------------------*\
    $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.71429rem !important; }

.push--top {
  margin-top: 24px !important;
  margin-top: 1.71429rem !important; }

.push--right {
  margin-right: 24px !important;
  margin-right: 1.71429rem !important; }

.push--bottom {
  margin-bottom: 24px !important;
  margin-bottom: 1.71429rem !important; }

.push--left {
  margin-left: 24px !important;
  margin-left: 1.71429rem !important; }

.push--ends {
  margin-top: 24px !important;
  margin-top: 1.71429rem !important;
  margin-bottom: 24px !important;
  margin-bottom: 1.71429rem !important; }

.push--sides {
  margin-right: 24px !important;
  margin-right: 1.71429rem !important;
  margin-left: 24px !important;
  margin-left: 1.71429rem !important; }

.push-half {
  margin: 12px !important;
  margin: 0.85714rem !important; }

.push-half--top {
  margin-top: 12px !important;
  margin-top: 0.85714rem !important; }

.push-half--right {
  margin-right: 12px !important;
  margin-right: 0.85714rem !important; }

.push-half--bottom {
  margin-bottom: 12px !important;
  margin-bottom: 0.85714rem !important; }

.push-half--left {
  margin-left: 12px !important;
  margin-left: 0.85714rem !important; }

.push-half--ends {
  margin-top: 12px !important;
  margin-top: 0.85714rem !important;
  margin-bottom: 12px !important;
  margin-bottom: 0.85714rem !important; }

.push-half--sides {
  margin-right: 12px !important;
  margin-right: 0.85714rem !important;
  margin-left: 12px !important;
  margin-left: 0.85714rem !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.71429rem !important; }

.soft--top {
  padding-top: 24px !important;
  padding-top: 1.71429rem !important; }

.soft--right {
  padding-right: 24px !important;
  padding-right: 1.71429rem !important; }

.soft--bottom {
  padding-bottom: 24px !important;
  padding-bottom: 1.71429rem !important; }

.soft--left {
  padding-left: 24px !important;
  padding-left: 1.71429rem !important; }

.soft--ends {
  padding-top: 24px !important;
  padding-top: 1.71429rem !important;
  padding-bottom: 24px !important;
  padding-bottom: 1.71429rem !important; }

.soft--sides, .container {
  padding-right: 24px !important;
  padding-right: 1.71429rem !important;
  padding-left: 24px !important;
  padding-left: 1.71429rem !important; }

.soft-half {
  padding: 12px !important;
  padding: 0.85714rem !important; }

.soft-half--top {
  padding-top: 12px !important;
  padding-top: 0.85714rem !important; }

.soft-half--right {
  padding-right: 12px !important;
  padding-right: 0.85714rem !important; }

.soft-half--bottom {
  padding-bottom: 12px !important;
  padding-bottom: 0.85714rem !important; }

.soft-half--left {
  padding-left: 12px !important;
  padding-left: 0.85714rem !important; }

.soft-half--ends {
  padding-top: 12px !important;
  padding-top: 0.85714rem !important;
  padding-bottom: 12px !important;
  padding-bottom: 0.85714rem !important; }

.soft-half--sides {
  padding-right: 12px !important;
  padding-right: 0.85714rem !important;
  padding-left: 12px !important;
  padding-left: 0.85714rem !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.71429rem !important;
  margin-left: -24px !important;
  margin-left: -1.71429rem !important; }
  .islet .full-bleed {
    margin-right: -12px !important;
    margin-right: -0.85714rem !important;
    margin-left: -12px !important;
    margin-left: -0.85714rem !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.:
 *
   &lt;p class=proceed&gt;&lt;a href=#&gt;Read more...&lt;/a&gt;&lt;/p&gt;
 *
 */
.proceed {
  text-align: right !important; }

/**
 * Add a right-angled quote to links that imply movement, e.g.:
 *
   &lt;a href=# class=go&gt;Read more&lt;/a&gt;
 *
 */
.go:after {
  content: "\00A0" "\00BB" !important; }

/**
 * Add a left-angled quote to links that imply backwards movement, e.g.:
 *
   &lt;a href=# class=back&gt;Return&lt;/a&gt;
 *
 */
.back:before {
  content: "\00AB" "\00A0" !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 */
/*------------------------------------*\
    $IMPORTS
\*------------------------------------*/
/*------------------------------------*\
    $TOOLS
\*------------------------------------*/
/**
* Mixins, functions, extenders
*/
/*--------------------------------------------*\
               $EASINGS SHORTHANDS
\*--------------------------------------------*/
/*------------------------------------*\
    $PLUGINS
\*------------------------------------*/
/**
 * 3rd Party Plugins; icon fonts, sliders
 */
/*----------------------------------------*\
*   ICONS FONTS
\*----------------------------------------*/
/*!
 *  Font Awesome 4.0.2 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/font-awesome/fontawesome-webfont.eot?v=4.0.2");
  src: url("../fonts/font-awesome/fontawesome-webfont.eot?v=4.0.2#iefix") format("embedded-opentype"), url("../fonts/font-awesome/fontawesome-webfont.woff?v=4.0.2") format("woff"), url("../fonts/font-awesome/fontawesome-webfont.ttf?v=4.0.2") format("truetype"), url("../fonts/font-awesome/fontawesome-webfont.svg?v=4.0.2#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
.icon, [class^="icon-"]:before, [class*=" icon-"]:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -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 &gt; 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: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.icon.pull-left {
  margin-right: .3em; }
.icon.pull-right {
  margin-left: .3em; }

.icon-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }

  100% {
    -moz-transform: rotate(359deg); } }
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(359deg); } }
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }

  100% {
    -o-transform: rotate(359deg); } }
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg); }

  100% {
    -ms-transform: rotate(359deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(359deg); } }
.icon-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.icon-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.icon-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg); }

.icon-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.icon-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1); }

.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: "\f000"; }

.icon-music:before {
  content: "\f001"; }

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

.icon-envelope-o:before {
  content: "\f003"; }

.icon-heart:before {
  content: "\f004"; }

.icon-star:before {
  content: "\f005"; }

.icon-star-o:before {
  content: "\f006"; }

.icon-user:before {
  content: "\f007"; }

.icon-film:before {
  content: "\f008"; }

.icon-th-large:before {
  content: "\f009"; }

.icon-th:before {
  content: "\f00a"; }

.icon-th-list:before {
  content: "\f00b"; }

.icon-check:before {
  content: "\f00c"; }

.icon-times:before {
  content: "\f00d"; }

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

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

.icon-power-off:before {
  content: "\f011"; }

.icon-signal:before {
  content: "\f012"; }

.icon-gear:before,
.icon-cog:before {
  content: "\f013"; }

.icon-trash-o:before {
  content: "\f014"; }

.icon-home:before {
  content: "\f015"; }

.icon-file-o:before {
  content: "\f016"; }

.icon-clock-o:before {
  content: "\f017"; }

.icon-road:before {
  content: "\f018"; }

.icon-download:before {
  content: "\f019"; }

.icon-arrow-circle-o-down:before {
  content: "\f01a"; }

.icon-arrow-circle-o-up:before {
  content: "\f01b"; }

.icon-inbox:before {
  content: "\f01c"; }

.icon-play-circle-o:before {
  content: "\f01d"; }

.icon-rotate-right:before,
.icon-repeat:before {
  content: "\f01e"; }

.icon-refresh:before {
  content: "\f021"; }

.icon-list-alt:before {
  content: "\f022"; }

.icon-lock:before {
  content: "\f023"; }

.icon-flag:before {
  content: "\f024"; }

.icon-headphones:before {
  content: "\f025"; }

.icon-volume-off:before {
  content: "\f026"; }

.icon-volume-down:before {
  content: "\f027"; }

.icon-volume-up:before {
  content: "\f028"; }

.icon-qrcode:before {
  content: "\f029"; }

.icon-barcode:before {
  content: "\f02a"; }

.icon-tag:before {
  content: "\f02b"; }

.icon-tags:before {
  content: "\f02c"; }

.icon-book:before {
  content: "\f02d"; }

.icon-bookmark:before {
  content: "\f02e"; }

.icon-print:before {
  content: "\f02f"; }

.icon-camera:before {
  content: "\f030"; }

.icon-font:before {
  content: "\f031"; }

.icon-bold:before {
  content: "\f032"; }

.icon-italic:before {
  content: "\f033"; }

.icon-text-height:before {
  content: "\f034"; }

.icon-text-width:before {
  content: "\f035"; }

.icon-align-left:before {
  content: "\f036"; }

.icon-align-center:before {
  content: "\f037"; }

.icon-align-right:before {
  content: "\f038"; }

.icon-align-justify:before {
  content: "\f039"; }

.icon-list:before {
  content: "\f03a"; }

.icon-dedent:before,
.icon-outdent:before {
  content: "\f03b"; }

.icon-indent:before {
  content: "\f03c"; }

.icon-video-camera:before {
  content: "\f03d"; }

.icon-picture-o:before {
  content: "\f03e"; }

.icon-pencil:before {
  content: "\f040"; }

.icon-map-marker:before {
  content: "\f041"; }

.icon-adjust:before {
  content: "\f042"; }

.icon-tint:before {
  content: "\f043"; }

.icon-edit:before,
.icon-pencil-square-o:before {
  content: "\f044"; }

.icon-share-square-o:before {
  content: "\f045"; }

.icon-check-square-o:before {
  content: "\f046"; }

.icon-arrows:before {
  content: "\f047"; }

.icon-step-backward:before {
  content: "\f048"; }

.icon-fast-backward:before {
  content: "\f049"; }

.icon-backward:before {
  content: "\f04a"; }

.icon-play:before {
  content: "\f04b"; }

.icon-pause:before {
  content: "\f04c"; }

.icon-stop:before {
  content: "\f04d"; }

.icon-forward:before {
  content: "\f04e"; }

.icon-fast-forward:before {
  content: "\f050"; }

.icon-step-forward:before {
  content: "\f051"; }

.icon-eject:before {
  content: "\f052"; }

.icon-chevron-left:before {
  content: "\f053"; }

.icon-chevron-right:before {
  content: "\f054"; }

.icon-plus-circle:before {
  content: "\f055"; }

.icon-minus-circle:before {
  content: "\f056"; }

.icon-times-circle:before {
  content: "\f057"; }

.icon-check-circle:before {
  content: "\f058"; }

.icon-question-circle:before {
  content: "\f059"; }

.icon-info-circle:before {
  content: "\f05a"; }

.icon-crosshairs:before {
  content: "\f05b"; }

.icon-times-circle-o:before {
  content: "\f05c"; }

.icon-check-circle-o:before {
  content: "\f05d"; }

.icon-ban:before {
  content: "\f05e"; }

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

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

.icon-arrow-up:before {
  content: "\f062"; }

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

.icon-mail-forward:before,
.icon-share:before {
  content: "\f064"; }

.icon-expand:before {
  content: "\f065"; }

.icon-compress:before {
  content: "\f066"; }

.icon-plus:before {
  content: "\f067"; }

.icon-minus:before {
  content: "\f068"; }

.icon-asterisk:before {
  content: "\f069"; }

.icon-exclamation-circle:before {
  content: "\f06a"; }

.icon-gift:before {
  content: "\f06b"; }

.icon-leaf:before {
  content: "\f06c"; }

.icon-fire:before {
  content: "\f06d"; }

.icon-eye:before {
  content: "\f06e"; }

.icon-eye-slash:before {
  content: "\f070"; }

.icon-warning:before,
.icon-exclamation-triangle:before {
  content: "\f071"; }

.icon-plane:before {
  content: "\f072"; }

.icon-calendar:before {
  content: "\f073"; }

.icon-random:before {
  content: "\f074"; }

.icon-comment:before {
  content: "\f075"; }

.icon-magnet:before {
  content: "\f076"; }

.icon-chevron-up:before {
  content: "\f077"; }

.icon-chevron-down:before {
  content: "\f078"; }

.icon-retweet:before {
  content: "\f079"; }

.icon-shopping-cart:before {
  content: "\f07a"; }

.icon-folder:before {
  content: "\f07b"; }

.icon-folder-open:before {
  content: "\f07c"; }

.icon-arrows-v:before {
  content: "\f07d"; }

.icon-arrows-h:before {
  content: "\f07e"; }

.icon-bar-chart-o:before {
  content: "\f080"; }

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

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

.icon-camera-retro:before {
  content: "\f083"; }

.icon-key:before {
  content: "\f084"; }

.icon-gears:before,
.icon-cogs:before {
  content: "\f085"; }

.icon-comments:before {
  content: "\f086"; }

.icon-thumbs-o-up:before {
  content: "\f087"; }

.icon-thumbs-o-down:before {
  content: "\f088"; }

.icon-star-half:before {
  content: "\f089"; }

.icon-heart-o:before {
  content: "\f08a"; }

.icon-sign-out:before {
  content: "\f08b"; }

.icon-linkedin-square:before {
  content: "\f08c"; }

.icon-thumb-tack:before {
  content: "\f08d"; }

.icon-external-link:before {
  content: "\f08e"; }

.icon-sign-in:before {
  content: "\f090"; }

.icon-trophy:before {
  content: "\f091"; }

.icon-github-square:before {
  content: "\f092"; }

.icon-upload:before {
  content: "\f093"; }

.icon-lemon-o:before {
  content: "\f094"; }

.icon-phone:before {
  content: "\f095"; }

.icon-square-o:before {
  content: "\f096"; }

.icon-bookmark-o:before {
  content: "\f097"; }

.icon-phone-square:before {
  content: "\f098"; }

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

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

.icon-github:before {
  content: "\f09b"; }

.icon-unlock:before {
  content: "\f09c"; }

.icon-credit-card:before {
  content: "\f09d"; }

.icon-rss:before {
  content: "\f09e"; }

.icon-hdd-o:before {
  content: "\f0a0"; }

.icon-bullhorn:before {
  content: "\f0a1"; }

.icon-bell:before {
  content: "\f0f3"; }

.icon-certificate:before {
  content: "\f0a3"; }

.icon-hand-o-right:before {
  content: "\f0a4"; }

.icon-hand-o-left:before {
  content: "\f0a5"; }

.icon-hand-o-up:before {
  content: "\f0a6"; }

.icon-hand-o-down:before {
  content: "\f0a7"; }

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

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

.icon-arrow-circle-up:before {
  content: "\f0aa"; }

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

.icon-globe:before {
  content: "\f0ac"; }

.icon-wrench:before {
  content: "\f0ad"; }

.icon-tasks:before {
  content: "\f0ae"; }

.icon-filter:before {
  content: "\f0b0"; }

.icon-briefcase:before {
  content: "\f0b1"; }

.icon-arrows-alt:before {
  content: "\f0b2"; }

.icon-group:before,
.icon-users:before {
  content: "\f0c0"; }

.icon-chain:before,
.icon-link:before {
  content: "\f0c1"; }

.icon-cloud:before {
  content: "\f0c2"; }

.icon-flask:before {
  content: "\f0c3"; }

.icon-cut:before,
.icon-scissors:before {
  content: "\f0c4"; }

.icon-copy:before,
.icon-files-o:before {
  content: "\f0c5"; }

.icon-paperclip:before {
  content: "\f0c6"; }

.icon-save:before,
.icon-floppy-o:before {
  content: "\f0c7"; }

.icon-square:before {
  content: "\f0c8"; }

.icon-bars:before {
  content: "\f0c9"; }

.icon-list-ul:before {
  content: "\f0ca"; }

.icon-list-ol:before {
  content: "\f0cb"; }

.icon-strikethrough:before {
  content: "\f0cc"; }

.icon-underline:before {
  content: "\f0cd"; }

.icon-table:before {
  content: "\f0ce"; }

.icon-magic:before {
  content: "\f0d0"; }

.icon-truck:before {
  content: "\f0d1"; }

.icon-pinterest:before {
  content: "\f0d2"; }

.icon-pinterest-square:before {
  content: "\f0d3"; }

.icon-google-plus-square:before {
  content: "\f0d4"; }

.icon-google-plus:before {
  content: "\f0d5"; }

.icon-money:before {
  content: "\f0d6"; }

.icon-caret-down:before {
  content: "\f0d7"; }

.icon-caret-up:before {
  content: "\f0d8"; }

.icon-caret-left:before {
  content: "\f0d9"; }

.icon-caret-right:before {
  content: "\f0da"; }

.icon-columns:before {
  content: "\f0db"; }

.icon-unsorted:before,
.icon-sort:before {
  content: "\f0dc"; }

.icon-sort-down:before,
.icon-sort-asc:before {
  content: "\f0dd"; }

.icon-sort-up:before,
.icon-sort-desc:before {
  content: "\f0de"; }

.icon-envelope:before {
  content: "\f0e0"; }

.icon-linkedin:before {
  content: "\f0e1"; }

.icon-rotate-left:before,
.icon-undo:before {
  content: "\f0e2"; }

.icon-legal:before,
.icon-gavel:before {
  content: "\f0e3"; }

.icon-dashboard:before,
.icon-tachometer:before {
  content: "\f0e4"; }

.icon-comment-o:before {
  content: "\f0e5"; }

.icon-comments-o:before {
  content: "\f0e6"; }

.icon-flash:before,
.icon-bolt:before {
  content: "\f0e7"; }

.icon-sitemap:before {
  content: "\f0e8"; }

.icon-umbrella:before {
  content: "\f0e9"; }

.icon-paste:before,
.icon-clipboard:before {
  content: "\f0ea"; }

.icon-lightbulb-o:before {
  content: "\f0eb"; }

.icon-exchange:before {
  content: "\f0ec"; }

.icon-cloud-download:before {
  content: "\f0ed"; }

.icon-cloud-upload:before {
  content: "\f0ee"; }

.icon-user-md:before {
  content: "\f0f0"; }

.icon-stethoscope:before {
  content: "\f0f1"; }

.icon-suitcase:before {
  content: "\f0f2"; }

.icon-bell-o:before {
  content: "\f0a2"; }

.icon-coffee:before {
  content: "\f0f4"; }

.icon-cutlery:before {
  content: "\f0f5"; }

.icon-file-text-o:before {
  content: "\f0f6"; }

.icon-building-o:before {
  content: "\f0f7"; }

.icon-hospital-o:before {
  content: "\f0f8"; }

.icon-ambulance:before {
  content: "\f0f9"; }

.icon-medkit:before {
  content: "\f0fa"; }

.icon-fighter-jet:before {
  content: "\f0fb"; }

.icon-beer:before {
  content: "\f0fc"; }

.icon-h-square:before {
  content: "\f0fd"; }

.icon-plus-square:before {
  content: "\f0fe"; }

.icon-angle-double-left:before {
  content: "\f100"; }

.icon-angle-double-right:before {
  content: "\f101"; }

.icon-angle-double-up:before {
  content: "\f102"; }

.icon-angle-double-down:before {
  content: "\f103"; }

.icon-angle-left:before {
  content: "\f104"; }

.icon-angle-right:before {
  content: "\f105"; }

.icon-angle-up:before {
  content: "\f106"; }

.icon-angle-down:before {
  content: "\f107"; }

.icon-desktop:before {
  content: "\f108"; }

.icon-laptop:before {
  content: "\f109"; }

.icon-tablet:before {
  content: "\f10a"; }

.icon-mobile-phone:before,
.icon-mobile:before {
  content: "\f10b"; }

.icon-circle-o:before {
  content: "\f10c"; }

.icon-quote-left:before {
  content: "\f10d"; }

.icon-quote-right:before {
  content: "\f10e"; }

.icon-spinner:before {
  content: "\f110"; }

.icon-circle:before {
  content: "\f111"; }

.icon-mail-reply:before,
.icon-reply:before {
  content: "\f112"; }

.icon-github-alt:before {
  content: "\f113"; }

.icon-folder-o:before {
  content: "\f114"; }

.icon-folder-open-o:before {
  content: "\f115"; }

.icon-smile-o:before {
  content: "\f118"; }

.icon-frown-o:before {
  content: "\f119"; }

.icon-meh-o:before {
  content: "\f11a"; }

.icon-gamepad:before {
  content: "\f11b"; }

.icon-keyboard-o:before {
  content: "\f11c"; }

.icon-flag-o:before {
  content: "\f11d"; }

.icon-flag-checkered:before {
  content: "\f11e"; }

.icon-terminal:before {
  content: "\f120"; }

.icon-code:before {
  content: "\f121"; }

.icon-reply-all:before {
  content: "\f122"; }

.icon-mail-reply-all:before {
  content: "\f122"; }

.icon-star-half-empty:before,
.icon-star-half-full:before,
.icon-star-half-o:before {
  content: "\f123"; }

.icon-location-arrow:before {
  content: "\f124"; }

.icon-crop:before {
  content: "\f125"; }

.icon-code-fork:before {
  content: "\f126"; }

.icon-unlink:before,
.icon-chain-broken:before {
  content: "\f127"; }

.icon-question:before {
  content: "\f128"; }

.icon-info:before {
  content: "\f129"; }

.icon-exclamation:before {
  content: "\f12a"; }

.icon-superscript:before {
  content: "\f12b"; }

.icon-subscript:before {
  content: "\f12c"; }

.icon-eraser:before {
  content: "\f12d"; }

.icon-puzzle-piece:before {
  content: "\f12e"; }

.icon-microphone:before {
  content: "\f130"; }

.icon-microphone-slash:before {
  content: "\f131"; }

.icon-shield:before {
  content: "\f132"; }

.icon-calendar-o:before {
  content: "\f133"; }

.icon-fire-extinguisher:before {
  content: "\f134"; }

.icon-rocket:before {
  content: "\f135"; }

.icon-maxcdn:before {
  content: "\f136"; }

.icon-chevron-circle-left:before {
  content: "\f137"; }

.icon-chevron-circle-right:before {
  content: "\f138"; }

.icon-chevron-circle-up:before {
  content: "\f139"; }

.icon-chevron-circle-down:before {
  content: "\f13a"; }

.icon-html5:before {
  content: "\f13b"; }

.icon-css3:before {
  content: "\f13c"; }

.icon-anchor:before {
  content: "\f13d"; }

.icon-unlock-alt:before {
  content: "\f13e"; }

.icon-bullseye:before {
  content: "\f140"; }

.icon-ellipsis-h:before {
  content: "\f141"; }

.icon-ellipsis-v:before {
  content: "\f142"; }

.icon-rss-square:before {
  content: "\f143"; }

.icon-play-circle:before {
  content: "\f144"; }

.icon-ticket:before {
  content: "\f145"; }

.icon-minus-square:before {
  content: "\f146"; }

.icon-minus-square-o:before {
  content: "\f147"; }

.icon-level-up:before {
  content: "\f148"; }

.icon-level-down:before {
  content: "\f149"; }

.icon-check-square:before {
  content: "\f14a"; }

.icon-pencil-square:before {
  content: "\f14b"; }

.icon-external-link-square:before {
  content: "\f14c"; }

.icon-share-square:before {
  content: "\f14d"; }

.icon-compass:before {
  content: "\f14e"; }

.icon-toggle-down:before,
.icon-caret-square-o-down:before {
  content: "\f150"; }

.icon-toggle-up:before,
.icon-caret-square-o-up:before {
  content: "\f151"; }

.icon-toggle-right:before,
.icon-caret-square-o-right:before {
  content: "\f152"; }

.icon-euro:before,
.icon-eur:before {
  content: "\f153"; }

.icon-gbp:before {
  content: "\f154"; }

.icon-dollar:before,
.icon-usd:before {
  content: "\f155"; }

.icon-rupee:before,
.icon-inr:before {
  content: "\f156"; }

.icon-cny:before,
.icon-rmb:before,
.icon-yen:before,
.icon-jpy:before {
  content: "\f157"; }

.icon-ruble:before,
.icon-rouble:before,
.icon-rub:before {
  content: "\f158"; }

.icon-won:before,
.icon-krw:before {
  content: "\f159"; }

.icon-bitcoin:before,
.icon-btc:before {
  content: "\f15a"; }

.icon-file:before {
  content: "\f15b"; }

.icon-file-text:before {
  content: "\f15c"; }

.icon-sort-alpha-asc:before {
  content: "\f15d"; }

.icon-sort-alpha-desc:before {
  content: "\f15e"; }

.icon-sort-amount-asc:before {
  content: "\f160"; }

.icon-sort-amount-desc:before {
  content: "\f161"; }

.icon-sort-numeric-asc:before {
  content: "\f162"; }

.icon-sort-numeric-desc:before {
  content: "\f163"; }

.icon-thumbs-up:before {
  content: "\f164"; }

.icon-thumbs-down:before {
  content: "\f165"; }

.icon-youtube-square:before {
  content: "\f166"; }

.icon-youtube:before {
  content: "\f167"; }

.icon-xing:before {
  content: "\f168"; }

.icon-xing-square:before {
  content: "\f169"; }

.icon-youtube-play:before {
  content: "\f16a"; }

.icon-dropbox:before {
  content: "\f16b"; }

.icon-stack-overflow:before {
  content: "\f16c"; }

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

.icon-flickr:before {
  content: "\f16e"; }

.icon-adn:before {
  content: "\f170"; }

.icon-bitbucket:before {
  content: "\f171"; }

.icon-bitbucket-square:before {
  content: "\f172"; }

.icon-tumblr:before {
  content: "\f173"; }

.icon-tumblr-square:before {
  content: "\f174"; }

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

.icon-long-arrow-up:before {
  content: "\f176"; }

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

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

.icon-apple:before {
  content: "\f179"; }

.icon-windows:before {
  content: "\f17a"; }

.icon-android:before {
  content: "\f17b"; }

.icon-linux:before {
  content: "\f17c"; }

.icon-dribbble:before {
  content: "\f17d"; }

.icon-skype:before {
  content: "\f17e"; }

.icon-foursquare:before {
  content: "\f180"; }

.icon-trello:before {
  content: "\f181"; }

.icon-female:before {
  content: "\f182"; }

.icon-male:before {
  content: "\f183"; }

.icon-gittip:before {
  content: "\f184"; }

.icon-sun-o:before {
  content: "\f185"; }

.icon-moon-o:before {
  content: "\f186"; }

.icon-archive:before {
  content: "\f187"; }

.icon-bug:before {
  content: "\f188"; }

.icon-vk:before {
  content: "\f189"; }

.icon-weibo:before {
  content: "\f18a"; }

.icon-renren:before {
  content: "\f18b"; }

.icon-pagelines:before {
  content: "\f18c"; }

.icon-stack-exchange:before {
  content: "\f18d"; }

.icon-arrow-circle-o-right:before {
  content: "\f18e"; }

.icon-arrow-circle-o-left:before {
  content: "\f190"; }

.icon-toggle-left:before,
.icon-caret-square-o-left:before {
  content: "\f191"; }

.icon-dot-circle-o:before {
  content: "\f192"; }

.icon-wheelchair:before {
  content: "\f193"; }

.icon-vimeo-square:before {
  content: "\f194"; }

.icon-turkish-lira:before,
.icon-try:before {
  content: "\f195"; }

.icon-plus-square-o:before {
  content: "\f196"; }

/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'entypo';
  src: url("../fonts/entypo2/entypo.eot");
  src: url("../fonts/entypo2/entypo.eot?#iefix") format("embedded-opentype"), url("../fonts/entypo2/entypo.woff") format("woff"), url("../fonts/entypo2/entypo.ttf") format("truetype"), url("../fonts/entypo2/entypo.svg#entypo") format("svg");
  font-weight: normal;
  font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'entypo';
    src: url("../fonts/entypo2/entypo.svg#entypo") format("svg"); } }
@font-face {
  font-family: 'entypo-social';
  src: url("../fonts/entypo2/entypo-social.eot");
  src: url("../fonts/entypo2/entypo-social.eot?#iefix") format("embedded-opentype"), url("../fonts/entypo2/entypo-social.woff") format("woff"), url("../fonts/entypo2/entypo-social.ttf") format("truetype"), url("../fonts/entypo2/entypo-social.svg#entypo-social") format("svg");
  font-weight: normal;
  font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'entypo-social';
    src: url("../fonts/entypo2/entypo-social.svg#entypo-social") format("svg"); } }
[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: .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: .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: '\e816'; }

/* '' */
.icon-e-minus:before {
  content: '\e819'; }

/* '' */
.icon-e-fivehundredpx:before {
  content: '\e921'; }

/* '' */
.icon-e-digg:before {
  content: '\e922'; }

/* '' */
.icon-e-cc-1:before {
  content: '\e924'; }

/* '' */
.icon-e-dribbble-1:before {
  content: '\e923'; }

/* '' */
.icon-e-youtube:before {
  content: '\e920'; }

/* '' */
.icon-e-googleplay:before {
  content: '\e91f'; }

/* '' */
.icon-e-soundcloud-1:before {
  content: '\e91e'; }

/* '' */
.icon-e-appnet:before {
  content: '\e91c'; }

/* '' */
.icon-e-info:before {
  content: '\e81e'; }

/* '' */
.icon-e-left-thin:before {
  content: '\e88c'; }

/* '' */
.icon-e-up-thin:before {
  content: '\e88e'; }

/* '' */
.icon-e-right-thin:before {
  content: '\e88d'; }

/* '' */
.icon-e-down-thin:before {
  content: '\e88b'; }

/* '' */
.icon-e-level-up:before {
  content: '\e893'; }

/* '' */
.icon-e-level-down:before {
  content: '\e892'; }

/* '' */
.icon-e-switch:before {
  content: '\e896'; }

/* '' */
.icon-e-infinity:before {
  content: '\e8c2'; }

/* '' */
.icon-e-plus-squared:before {
  content: '\e818'; }

/* '' */
.icon-e-minus-squared:before {
  content: '\e81b'; }

/* '' */
.icon-e-home:before {
  content: '\e821'; }

/* '' */
.icon-e-keyboard:before {
  content: '\e83a'; }

/* '' */
.icon-e-erase:before {
  content: '\e8c3'; }

/* '' */
.icon-e-pause:before {
  content: '\e899'; }

/* '' */
.icon-e-fast-forward:before {
  content: '\e89d'; }

/* '' */
.icon-e-fast-backward:before {
  content: '\e89e'; }

/* '' */
.icon-e-to-end:before {
  content: '\e89b'; }

/* '' */
.icon-e-to-start:before {
  content: '\e89c'; }

/* '' */
.icon-e-hourglass:before {
  content: '\e863'; }

/* '' */
.icon-e-stop-1:before {
  content: '\e898'; }

/* '' */
.icon-e-up-dir:before {
  content: '\e886'; }

/* '' */
.icon-e-play:before {
  content: '\e897'; }

/* '' */
.icon-e-right-dir:before {
  content: '\e885'; }

/* '' */
.icon-e-down-dir:before {
  content: '\e883'; }

/* '' */
.icon-e-left-dir:before {
  content: '\e884'; }

/* '' */
.icon-e-adjust:before {
  content: '\e867'; }

/* '' */
.icon-e-cloud:before {
  content: '\e8b2'; }

/* '' */
.icon-e-star:before {
  content: '\e808'; }

/* '' */
.icon-e-star-empty:before {
  content: '\e809'; }

/* '' */
.icon-e-cup:before {
  content: '\e846'; }

/* '' */
.icon-e-menu:before {
  content: '\e811'; }

/* '' */
.icon-e-moon:before {
  content: '\e8b5'; }

/* '' */
.icon-e-heart-empty:before {
  content: '\e807'; }

/* '' */
.icon-e-heart:before {
  content: '\e806'; }

/* '' */
.icon-e-note:before {
  content: '\e800'; }

/* '' */
.icon-e-note-beamed:before {
  content: '\e801'; }

/* '' */
.icon-e-layout:before {
  content: '\e810'; }

/* '' */
.icon-e-flag:before {
  content: '\e82a'; }

/* '' */
.icon-e-tools:before {
  content: '\e856'; }

/* '' */
.icon-e-cog:before {
  content: '\e855'; }

/* '' */
.icon-e-attention:before {
  content: '\e83e'; }

/* '' */
.icon-e-flash:before {
  content: '\e8b4'; }

/* '' */
.icon-e-record:before {
  content: '\e89a'; }

/* '' */
.icon-e-cloud-thunder:before {
  content: '\e8b3'; }

/* '' */
.icon-e-tape:before {
  content: '\e8c8'; }

/* '' */
.icon-e-flight:before {
  content: '\e8b6'; }

/* '' */
.icon-e-mail:before {
  content: '\e805'; }

/* '' */
.icon-e-pencil:before {
  content: '\e836'; }

/* '' */
.icon-e-feather:before {
  content: '\e837'; }

/* '' */
.icon-e-check:before {
  content: '\e812'; }

/* '' */
.icon-e-cancel:before {
  content: '\e813'; }

/* '' */
.icon-e-cancel-circled:before {
  content: '\e814'; }

/* '' */
.icon-e-cancel-squared:before {
  content: '\e815'; }

/* '' */
.icon-e-help:before {
  content: '\e81c'; }

/* '' */
.icon-e-quote:before {
  content: '\e833'; }

/* '' */
.icon-e-plus-circled:before {
  content: '\e817'; }

/* '' */
.icon-e-minus-circled:before {
  content: '\e81a'; }

/* '' */
.icon-e-right:before {
  content: '\e881'; }

/* '' */
.icon-e-direction:before {
  content: '\e844'; }

/* '' */
.icon-e-forward:before {
  content: '\e832'; }

/* '' */
.icon-e-ccw:before {
  content: '\e88f'; }

/* '' */
.icon-e-cw:before {
  content: '\e890'; }

/* '' */
.icon-e-left:before {
  content: '\e880'; }

/* '' */
.icon-e-up:before {
  content: '\e882'; }

/* '' */
.icon-e-down:before {
  content: '\e87f'; }

/* '' */
.icon-e-list-add:before {
  content: '\e8a6'; }

/* '' */
.icon-e-list:before {
  content: '\e8a5'; }

/* '' */
.icon-e-deviantart:before {
  content: '\e91d'; }

/* '' */
.icon-e-left-bold:before {
  content: '\e888'; }

/* '' */
.icon-e-right-bold:before {
  content: '\e889'; }

/* '' */
.icon-e-up-bold:before {
  content: '\e88a'; }

/* '' */
.icon-e-down-bold:before {
  content: '\e887'; }

/* '' */
.icon-e-user-add:before {
  content: '\e80c'; }

/* '' */
.icon-e-help-circled:before {
  content: '\e81d'; }

/* '' */
.icon-e-info-circled:before {
  content: '\e81f'; }

/* '' */
.icon-e-eye:before {
  content: '\e826'; }

/* '' */
.icon-e-tag:before {
  content: '\e827'; }

/* '' */
.icon-e-upload-cloud:before {
  content: '\e82f'; }

/* '' */
.icon-e-reply:before {
  content: '\e830'; }

/* '' */
.icon-e-reply-all:before {
  content: '\e831'; }

/* '' */
.icon-e-code:before {
  content: '\e834'; }

/* '' */
.icon-e-export:before {
  content: '\e835'; }

/* '' */
.icon-e-print:before {
  content: '\e838'; }

/* '' */
.icon-e-retweet:before {
  content: '\e839'; }

/* '' */
.icon-e-comment:before {
  content: '\e83b'; }

/* '' */
.icon-e-chat:before {
  content: '\e83c'; }

/* '' */
.icon-e-vcard:before {
  content: '\e840'; }

/* '' */
.icon-e-address:before {
  content: '\e841'; }

/* '' */
.icon-e-location:before {
  content: '\e842'; }

/* '' */
.icon-e-map:before {
  content: '\e843'; }

/* '' */
.icon-e-compass:before {
  content: '\e845'; }

/* '' */
.icon-e-trash:before {
  content: '\e847'; }

/* '' */
.icon-e-doc:before {
  content: '\e848'; }

/* '' */
.icon-e-doc-text-inv:before {
  content: '\e84c'; }

/* '' */
.icon-e-docs:before {
  content: '\e849'; }

/* '' */
.icon-e-doc-landscape:before {
  content: '\e84a'; }

/* '' */
.icon-e-archive:before {
  content: '\e851'; }

/* '' */
.icon-e-rss:before {
  content: '\e853'; }

/* '' */
.icon-e-share:before {
  content: '\e857'; }

/* '' */
.icon-e-basket:before {
  content: '\e859'; }

/* '' */
.icon-e-shareable:before {
  content: '\e858'; }

/* '' */
.icon-e-login:before {
  content: '\e85c'; }

/* '' */
.icon-e-logout:before {
  content: '\e85d'; }

/* '' */
.icon-e-volume:before {
  content: '\e861'; }

/* '' */
.icon-e-resize-full:before {
  content: '\e869'; }

/* '' */
.icon-e-resize-small:before {
  content: '\e86a'; }

/* '' */
.icon-e-popup:before {
  content: '\e86b'; }

/* '' */
.icon-e-publish:before {
  content: '\e86c'; }

/* '' */
.icon-e-window:before {
  content: '\e86d'; }

/* '' */
.icon-e-arrow-combo:before {
  content: '\e86e'; }

/* '' */
.icon-e-chart-pie:before {
  content: '\e8c4'; }

/* '' */
.icon-e-language:before {
  content: '\e8ca'; }

/* '' */
.icon-e-air:before {
  content: '\e8ce'; }

/* '' */
.icon-e-database:before {
  content: '\e8d3'; }

/* '' */
.icon-e-drive:before {
  content: '\e8d4'; }

/* '' */
.icon-e-bucket:before {
  content: '\e8d5'; }

/* '' */
.icon-e-thermometer:before {
  content: '\e8d6'; }

/* '' */
.icon-e-down-circled:before {
  content: '\e86f'; }

/* '' */
.icon-e-left-circled:before {
  content: '\e870'; }

/* '' */
.icon-e-right-circled:before {
  content: '\e871'; }

/* '' */
.icon-e-up-circled:before {
  content: '\e872'; }

/* '' */
.icon-e-down-open:before {
  content: '\e873'; }

/* '' */
.icon-e-left-open:before {
  content: '\e874'; }

/* '' */
.icon-e-right-open:before {
  content: '\e875'; }

/* '' */
.icon-e-up-open:before {
  content: '\e876'; }

/* '' */
.icon-e-down-open-mini:before {
  content: '\e877'; }

/* '' */
.icon-e-left-open-mini:before {
  content: '\e878'; }

/* '' */
.icon-e-right-open-mini:before {
  content: '\e879'; }

/* '' */
.icon-e-up-open-mini:before {
  content: '\e87a'; }

/* '' */
.icon-e-down-open-big:before {
  content: '\e87b'; }

/* '' */
.icon-e-left-open-big:before {
  content: '\e87c'; }

/* '' */
.icon-e-right-open-big:before {
  content: '\e87d'; }

/* '' */
.icon-e-up-open-big:before {
  content: '\e87e'; }

/* '' */
.icon-e-progress-0:before {
  content: '\e89f'; }

/* '' */
.icon-e-progress-1:before {
  content: '\e8a0'; }

/* '' */
.icon-e-progress-2:before {
  content: '\e8a1'; }

/* '' */
.icon-e-progress-3:before {
  content: '\e8a2'; }

/* '' */
.icon-e-back-in-time:before {
  content: '\e8aa'; }

/* '' */
.icon-e-network:before {
  content: '\e8ad'; }

/* '' */
.icon-e-inbox:before {
  content: '\e8af'; }

/* '' */
.icon-e-install:before {
  content: '\e8b0'; }

/* '' */
.icon-e-lifebuoy:before {
  content: '\e8b9'; }

/* '' */
.icon-e-mouse:before {
  content: '\e8ba'; }

/* '' */
.icon-e-dot:before {
  content: '\e8bd'; }

/* '' */
.icon-e-dot-2:before {
  content: '\e8be'; }

/* '' */
.icon-e-dot-3:before {
  content: '\e8bf'; }

/* '' */
.icon-e-suitcase:before {
  content: '\e8bc'; }

/* '' */
.icon-e-flow-cascade:before {
  content: '\e8d8'; }

/* '' */
.icon-e-flow-branch:before {
  content: '\e8d9'; }

/* '' */
.icon-e-flow-tree:before {
  content: '\e8da'; }

/* '' */
.icon-e-flow-line:before {
  content: '\e8db'; }

/* '' */
.icon-e-flow-parallel:before {
  content: '\e8dc'; }

/* '' */
.icon-e-brush:before {
  content: '\e8c0'; }

/* '' */
.icon-e-paper-plane:before {
  content: '\e8b7'; }

/* '' */
.icon-e-magnet:before {
  content: '\e8c1'; }

/* '' */
.icon-e-gauge:before {
  content: '\e8de'; }

/* '' */
.icon-e-traffic-cone:before {
  content: '\e8df'; }

/* '' */
.icon-e-cc:before {
  content: '\e8e0'; }

/* '' */
.icon-e-cc-by:before {
  content: '\e8e1'; }

/* '' */
.icon-e-cc-nc:before {
  content: '\e8e2'; }

/* '' */
.icon-e-cc-nc-eu:before {
  content: '\e8e3'; }

/* '' */
.icon-e-cc-nc-jp:before {
  content: '\e8e4'; }

/* '' */
.icon-e-cc-sa:before {
  content: '\e8e5'; }

/* '' */
.icon-e-cc-nd:before {
  content: '\e8e6'; }

/* '' */
.icon-e-cc-pd:before {
  content: '\e8e7'; }

/* '' */
.icon-e-cc-zero:before {
  content: '\e8e8'; }

/* '' */
.icon-e-cc-share:before {
  content: '\e8e9'; }

/* '' */
.icon-e-cc-remix:before {
  content: '\e8ea'; }

/* '' */
.icon-e-github:before {
  content: '\e8eb'; }

/* '' */
.icon-e-github-circled:before {
  content: '\e8ec'; }

/* '' */
.icon-e-flickr:before {
  content: '\e8ed'; }

/* '' */
.icon-e-flickr-circled:before {
  content: '\e8ee'; }

/* '' */
.icon-e-vimeo:before {
  content: '\e8ef'; }

/* '' */
.icon-e-vimeo-circled:before {
  content: '\e8f0'; }

/* '' */
.icon-e-twitter:before {
  content: '\e8f1'; }

/* '' */
.icon-e-twitter-circled:before {
  content: '\e8f2'; }

/* '' */
.icon-e-facebook:before {
  content: '\e8f3'; }

/* '' */
.icon-e-facebook-circled:before {
  content: '\e8f4'; }

/* '' */
.icon-e-facebook-squared:before {
  content: '\e8f5'; }

/* '' */
.icon-e-gplus:before {
  content: '\e8f6'; }

/* '' */
.icon-e-gplus-circled:before {
  content: '\e8f7'; }

/* '' */
.icon-e-pinterest:before {
  content: '\e8f8'; }

/* '' */
.icon-e-pinterest-circled:before {
  content: '\e8f9'; }

/* '' */
.icon-e-tumblr:before {
  content: '\e8fa'; }

/* '' */
.icon-e-tumblr-circled:before {
  content: '\e8fb'; }

/* '' */
.icon-e-linkedin:before {
  content: '\e8fc'; }

/* '' */
.icon-e-linkedin-circled:before {
  content: '\e8fd'; }

/* '' */
.icon-e-dribbble:before {
  content: '\e8fe'; }

/* '' */
.icon-e-dribbble-circled:before {
  content: '\e8ff'; }

/* '' */
.icon-e-stumbleupon:before {
  content: '\e900'; }

/* '' */
.icon-e-stumbleupon-circled:before {
  content: '\e901'; }

/* '' */
.icon-e-lastfm:before {
  content: '\e902'; }

/* '' */
.icon-e-lastfm-circled:before {
  content: '\e903'; }

/* '' */
.icon-e-rdio:before {
  content: '\e904'; }

/* '' */
.icon-e-rdio-circled:before {
  content: '\e905'; }

/* '' */
.icon-e-spotify:before {
  content: '\e906'; }

/* '' */
.icon-e-spotify-circled:before {
  content: '\e907'; }

/* '' */
.icon-e-qq:before {
  content: '\e908'; }

/* '' */
.icon-e-instagram:before {
  content: '\e909'; }

/* '' */
.icon-e-dropbox:before {
  content: '\e90a'; }

/* '' */
.icon-e-evernote:before {
  content: '\e90b'; }

/* '' */
.icon-e-flattr:before {
  content: '\e90c'; }

/* '' */
.icon-e-skype:before {
  content: '\e90d'; }

/* '' */
.icon-e-skype-circled:before {
  content: '\e90e'; }

/* '' */
.icon-e-renren:before {
  content: '\e90f'; }

/* '' */
.icon-e-sina-weibo:before {
  content: '\e910'; }

/* '' */
.icon-e-paypal:before {
  content: '\e911'; }

/* '' */
.icon-e-picasa:before {
  content: '\e912'; }

/* '' */
.icon-e-soundcloud:before {
  content: '\e913'; }

/* '' */
.icon-e-mixi:before {
  content: '\e914'; }

/* '' */
.icon-e-behance:before {
  content: '\e915'; }

/* '' */
.icon-e-google-circles:before {
  content: '\e916'; }

/* '' */
.icon-e-vkontakte:before {
  content: '\e917'; }

/* '' */
.icon-e-smashing:before {
  content: '\e918'; }

/* '' */
.icon-e-db-shape:before {
  content: '\e91a'; }

/* '' */
.icon-e-sweden:before {
  content: '\e919'; }

/* '' */
.icon-e-logo-db:before {
  content: '\e91b'; }

/* '' */
.icon-e-picture:before {
  content: '\e80e'; }

/* '' */
.icon-e-globe:before {
  content: '\e8b1'; }

/* '' */
.icon-e-leaf:before {
  content: '\e8b8'; }

/* '' */
.icon-e-graduation-cap:before {
  content: '\e8c9'; }

/* '' */
.icon-e-mic:before {
  content: '\e85e'; }

/* '' */
.icon-e-palette:before {
  content: '\e8a4'; }

/* '' */
.icon-e-ticket:before {
  content: '\e8cb'; }

/* '' */
.icon-e-video:before {
  content: '\e80d'; }

/* '' */
.icon-e-target:before {
  content: '\e8a3'; }

/* '' */
.icon-e-music:before {
  content: '\e802'; }

/* '' */
.icon-e-trophy:before {
  content: '\e8a8'; }

/* '' */
.icon-e-thumbs-up:before {
  content: '\e82b'; }

/* '' */
.icon-e-thumbs-down:before {
  content: '\e82c'; }

/* '' */
.icon-e-bag:before {
  content: '\e85a'; }

/* '' */
.icon-e-user:before {
  content: '\e80a'; }

/* '' */
.icon-e-users:before {
  content: '\e80b'; }

/* '' */
.icon-e-lamp:before {
  content: '\e864'; }

/* '' */
.icon-e-alert:before {
  content: '\e83f'; }

/* '' */
.icon-e-water:before {
  content: '\e8cc'; }

/* '' */
.icon-e-droplet:before {
  content: '\e8cd'; }

/* '' */
.icon-e-credit-card:before {
  content: '\e8cf'; }

/* '' */
.icon-e-monitor:before {
  content: '\e8ab'; }

/* '' */
.icon-e-briefcase:before {
  content: '\e8bb'; }

/* '' */
.icon-e-floppy:before {
  content: '\e8d0'; }

/* '' */
.icon-e-cd:before {
  content: '\e8ae'; }

/* '' */
.icon-e-folder:before {
  content: '\e850'; }

/* '' */
.icon-e-doc-text:before {
  content: '\e84b'; }

/* '' */
.icon-e-calendar:before {
  content: '\e85b'; }

/* '' */
.icon-e-chart-line:before {
  content: '\e8c5'; }

/* '' */
.icon-e-chart-bar:before {
  content: '\e8c6'; }

/* '' */
.icon-e-clipboard:before {
  content: '\e8d1'; }

/* '' */
.icon-e-attach:before {
  content: '\e823'; }

/* '' */
.icon-e-bookmarks:before {
  content: '\e829'; }

/* '' */
.icon-e-book:before {
  content: '\e84f'; }

/* '' */
.icon-e-book-open:before {
  content: '\e84e'; }

/* '' */
.icon-e-phone:before {
  content: '\e854'; }

/* '' */
.icon-e-megaphone:before {
  content: '\e8d2'; }

/* '' */
.icon-e-upload:before {
  content: '\e82e'; }

/* '' */
.icon-e-download:before {
  content: '\e82d'; }

/* '' */
.icon-e-box:before {
  content: '\e852'; }

/* '' */
.icon-e-newspaper:before {
  content: '\e84d'; }

/* '' */
.icon-e-mobile:before {
  content: '\e8ac'; }

/* '' */
.icon-e-signal:before {
  content: '\e8a7'; }

/* '' */
.icon-e-camera:before {
  content: '\e80f'; }

/* '' */
.icon-e-shuffle:before {
  content: '\e894'; }

/* '' */
.icon-e-loop:before {
  content: '\e895'; }

/* '' */
.icon-e-arrows-ccw:before {
  content: '\e891'; }

/* '' */
.icon-e-light-down:before {
  content: '\e865'; }

/* '' */
.icon-e-light-up:before {
  content: '\e866'; }

/* '' */
.icon-e-mute:before {
  content: '\e85f'; }

/* '' */
.icon-e-sound:before {
  content: '\e860'; }

/* '' */
.icon-e-battery:before {
  content: '\e8a9'; }

/* '' */
.icon-e-search:before {
  content: '\e803'; }

/* '' */
.icon-e-key:before {
  content: '\e8d7'; }

/* '' */
.icon-e-lock:before {
  content: '\e824'; }

/* '' */
.icon-e-lock-open:before {
  content: '\e825'; }

/* '' */
.icon-e-bell:before {
  content: '\e83d'; }

/* '' */
.icon-e-bookmark:before {
  content: '\e828'; }

/* '' */
.icon-e-link:before {
  content: '\e822'; }

/* '' */
.icon-e-back:before {
  content: '\e820'; }

/* '' */
.icon-e-flashlight:before {
  content: '\e804'; }

/* '' */
.icon-e-chart-area:before {
  content: '\e8c7'; }

/* '' */
.icon-e-clock:before {
  content: '\e862'; }

/* '' */
.icon-e-rocket:before {
  content: '\e8dd'; }

/* '' */
.icon-e-block:before {
  content: '\e868'; }

/* '' */
/* 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 &gt; *, .pixslider &gt; * {
  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: .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: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../images/rs-default.png) no-repeat 0 -32px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000; }

.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);
  *background-color: #000; }

.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,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/sl0p8zAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAAZklEQVR42sSTUQrAIAxD88T7Xzn7GpQ6OlHH8lWQ1rxUsa0dNW3q7ADAgKs6q8fmO4+qliTblAgx2ByybUU3LRwAlLxPG2sRYSXEnjk/XyMwhjjD/+pgZki+fUBYcbL9lPn9N14DABr2QCOzCyetAAAAAElFTkSuQmCC) 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: 5.14286rem; }

.pixslider__slide {
  width: 100%; }

/*----------------------------------------*\
    $ARROWS CUSTOM STYLING
\*----------------------------------------*/
.rsArrow {
  display: block;
  color: white;
  position: absolute;
  top: 50%; }
  .rsArrow .rsArrowIcn {
    border-bottom: 2px solid #1a1717;
    width: 12px;
    width: 0.85714rem;
    height: 12px;
    height: 0.85714rem; }

.rsArrowLeft {
  left: 0; }
  .rsArrowLeft .rsArrowIcn {
    border-left: 2px solid #1a1717;
    -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 #1a1717;
    -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.42857rem; }

.rsBullet {
  display: inline-block;
  margin: 2px 6px;
  margin: 0.14286rem 0.42857rem;
  width: 6px;
  width: 0.42857rem;
  height: 6px;
  height: 0.42857rem;
  border-radius: 50%;
  text-indent: -999em;
  background-color: #cacaca;
  cursor: pointer; }

.rsNavSelected {
  width: 8px;
  width: 0.57143rem;
  height: 8px;
  height: 0.57143rem;
  margin: 0 6px;
  margin: 0 0.42857rem;
  background-color: #fb4834; }


/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9880;
    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: 9890;
    position: fixed;
    outline: none !important;
    backface-visibility: hidden;
    -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: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #cccccc;
}

.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;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

button.mfp-arrow:hover {
    opacity: .7;
}

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;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #111;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow {
    position: absolute;
    opacity: 1;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 38px;
    margin-left: 38px;
    border: medium inset transparent;
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 12px;
    border-bottom-width: 12px;
    opacity: 1;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 18px solid #111;
}

.mfp-arrow-right {
    right: 0;
}


.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 18px solid #111;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.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);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black;
}

/* 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 {
    line-height: 0;
}

.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);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    /*display: none;*/
    line-height: 18px;
}

.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;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .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;
    }
}

@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;
}


/* Magnific Popup*/
.mfp-bg {
    background: #fff !important;
}

/* overlay at start */
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.85;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

/* content at start */
.mfp-content {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-origin: center;
    -webkit-transform-origin: center;
}

.mfp-fade.mfp-wrap .mfp-content {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
}

.mfp-figure:after {
    box-shadow: 1px 0 8px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 0 8px rgba(0, 0, 0, 0.1);
}

body.mfp-zoom-out-cur .mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b !important;
  opacity: 0.8 !important; }

body.mfp-zoom-out-cur .mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

body.mfp-zoom-out-cur .mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

body.mfp-zoom-out-cur .mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

body.mfp-zoom-out-cur .mfp-align-top .mfp-container:before {
  display: none; }

body.mfp-zoom-out-cur .mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

body.mfp-zoom-out-cur .mfp-inline-holder .mfp-content,
body.mfp-zoom-out-cur .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

body.mfp-zoom-out-cur .mfp-ajax-cur {
  cursor: progress; }

body.mfp-zoom-out-cur .mfp-zoom-out-cur, body.mfp-zoom-out-cur .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

body.mfp-zoom-out-cur .mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

body.mfp-zoom-out-cur .mfp-auto-cursor .mfp-content {
  cursor: auto; }

body.mfp-zoom-out-cur .mfp-close,
body.mfp-zoom-out-cur .mfp-arrow,
body.mfp-zoom-out-cur .mfp-preloader,
body.mfp-zoom-out-cur .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

body.mfp-zoom-out-cur .mfp-loading.mfp-figure {
  display: none; }

body.mfp-zoom-out-cur .mfp-hide {
  display: none !important; }

body.mfp-zoom-out-cur .mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  body.mfp-zoom-out-cur .mfp-preloader a {
    color: #CCC; }
    body.mfp-zoom-out-cur .mfp-preloader a:hover {
      color: #FFF; }

body.mfp-zoom-out-cur .mfp-s-ready .mfp-preloader {
  display: none; }

body.mfp-zoom-out-cur .mfp-s-error .mfp-content {
  display: none; }

body.mfp-zoom-out-cur button.mfp-close,
body.mfp-zoom-out-cur button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

body.mfp-zoom-out-cur button::-moz-focus-inner {
  padding: 0;
  border: 0; }

body.mfp-zoom-out-cur .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: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  body.mfp-zoom-out-cur .mfp-close:hover,
  body.mfp-zoom-out-cur .mfp-close:focus {
    opacity: 1; }
  body.mfp-zoom-out-cur .mfp-close:active {
    top: 1px; }

body.mfp-zoom-out-cur .mfp-close-btn-in .mfp-close {
  color: #333; }

body.mfp-zoom-out-cur .mfp-image-holder .mfp-close,
body.mfp-zoom-out-cur .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

body.mfp-zoom-out-cur .mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

body.mfp-zoom-out-cur .mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  body.mfp-zoom-out-cur .mfp-arrow:active {
    margin-top: -54px; }
  body.mfp-zoom-out-cur .mfp-arrow:hover,
  body.mfp-zoom-out-cur .mfp-arrow:focus {
    opacity: 1; }
  body.mfp-zoom-out-cur .mfp-arrow:before,
  body.mfp-zoom-out-cur .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  body.mfp-zoom-out-cur .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  body.mfp-zoom-out-cur .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

body.mfp-zoom-out-cur .mfp-arrow-left {
  left: 0; }
  body.mfp-zoom-out-cur .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  body.mfp-zoom-out-cur .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

body.mfp-zoom-out-cur .mfp-arrow-right {
  right: 0; }
  body.mfp-zoom-out-cur .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  body.mfp-zoom-out-cur .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

body.mfp-zoom-out-cur .mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  body.mfp-zoom-out-cur .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  body.mfp-zoom-out-cur .mfp-iframe-holder .mfp-close {
    top: -40px; }

body.mfp-zoom-out-cur .mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  body.mfp-zoom-out-cur .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: #000; }

/* Main image in popup */
body.mfp-zoom-out-cur img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
body.mfp-zoom-out-cur .mfp-figure {
  line-height: 0; }
  body.mfp-zoom-out-cur .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; }
  body.mfp-zoom-out-cur .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  body.mfp-zoom-out-cur .mfp-figure figure {
    margin: 0; }

body.mfp-zoom-out-cur .mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

body.mfp-zoom-out-cur .mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

body.mfp-zoom-out-cur .mfp-image-holder .mfp-content {
  max-width: 100%; }

body.mfp-zoom-out-cur .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
       */
  body.mfp-zoom-out-cur .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  body.mfp-zoom-out-cur .mfp-img-mobile img.mfp-img {
    padding: 0; }
  body.mfp-zoom-out-cur .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  body.mfp-zoom-out-cur .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  body.mfp-zoom-out-cur .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    body.mfp-zoom-out-cur .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  body.mfp-zoom-out-cur .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  body.mfp-zoom-out-cur .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; } }

@media all and (max-width: 900px) {
  body.mfp-zoom-out-cur .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  body.mfp-zoom-out-cur .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  body.mfp-zoom-out-cur .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  body.mfp-zoom-out-cur .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }


/*---------------------------------*\
         ARQAM SOCIAL PLUGIN
\*---------------------------------*/
/**
 * Arqam
 * Plugin URI: http://codecanyon.net/user/mo3aser/portfolio?ref=mo3aser
 * Description: WordPress Social Counter Plugin
 */
.arqam-widget-counter li {
  float: left;
  width: 33%;
  border: 0; }
  .arqam-widget-counter li a {
    padding-bottom: 0;
    opacity: 1; }
  .arqam-widget-counter li i {
    margin-top: 0;
    opacity: 0.8; }
  .arqam-widget-counter li span {
    color: #1a1717;
    margin-top: 0 !important;
    margin-bottom: 0; }
  .arqam-widget-counter li small {
    font-size: 12px; }
  .arqam-widget-counter li a:hover i {
    opacity: 1; }
.arqam-widget-counter.arq-outer-frame {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 5px solid #1a1717; }
.arqam-widget-counter.arq-col1 {
  padding: 12px; }
  .arqam-widget-counter.arq-col1 span, .arqam-widget-counter.arq-col1 small {
    line-height: 35px; }

/**
 * Dark Skin
 */
.arqam-widget-counter.arq-outer-frame.arq-dark {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #1a1717;
  padding-top: 12px;
  padding-bottom: 18px; }
  .arqam-widget-counter.arq-outer-frame.arq-dark.arq-col1 {
    padding-bottom: 12px; }
  .arqam-widget-counter.arq-outer-frame.arq-dark li a i, .arqam-widget-counter.arq-outer-frame.arq-dark span {
    color: #fff;
    opacity: 1; }

/**
 * Flat Skin
 */
.arqam-widget-counter.arq-flat {
  padding-bottom: 0; }
  .arqam-widget-counter.arq-flat span {
    color: #fff; }
  .arqam-widget-counter.arq-flat li a {
    padding-bottom: 6px; }
  .arqam-widget-counter.arq-flat.arq-col3 li {
    width: 33.33%; }
  .arqam-widget-counter.arq-flat.arq-col2 li {
    width: 50%;
    margin: 0 !important; }

/*----------------------------------------*\
  Yet Another Related Posts Plugin (YARPP)
\*----------------------------------------*/
/**
 * Arqam
 * Plugin URI: http://wordpress.org/plugins/yet-another-related-posts-plugin/
 * Description: Display a list of related posts on your site based on a powerful unique algorithm.
 */
.yarpp-related .article--billboard-small {
  width: auto;
  position: static;
  margin: 0; }

.related-projects_items-list {
  margin-left: -12px;
  margin-left: -0.85714rem; }

.related-projects_item {
  position: relative;
  padding-left: 12px;
  padding-left: 0.85714rem; }

@media only screen and (min-width: 900px) {
  .related-projects_item .article--billboard-small {
    height: 260px;
    height: 18.57143rem; }
  .related-projects_item .article--billboard-small .article__title, .related-projects_item .article--billboard-small .article--list__title, .related-projects_item .article--billboard-small .latest-comments__title {
    max-height: 72px;
    max-height: 5.14286rem;
    height: auto;
    line-height: 1; }
    .related-projects_item .article--billboard-small .article__title .hN, .related-projects_item .article--billboard-small .article--list__title .hN, .related-projects_item .article--billboard-small .latest-comments__title .hN, .related-projects_item .article--billboard-small .article__title .article__author-name, .related-projects_item .article--billboard-small .article--list__title .article__author-name, .related-projects_item .article--billboard-small .latest-comments__title .article__author-name, .related-projects_item .article--billboard-small .article__title .comment__author-name, .related-projects_item .article--billboard-small .article--list__title .comment__author-name, .related-projects_item .article--billboard-small .latest-comments__title .comment__author-name, .related-projects_item .article--billboard-small .article__title .score__average-wrapper, .related-projects_item .article--billboard-small .article--list__title .score__average-wrapper, .related-projects_item .article--billboard-small .latest-comments__title .score__average-wrapper, .related-projects_item .article--billboard-small .article__title .score__label, .related-projects_item .article--billboard-small .article--list__title .score__label, .related-projects_item .article--billboard-small .latest-comments__title .score__label, .related-projects_item .article--billboard-small .article__title .widget_calendar caption, .widget_calendar .related-projects_item .article--billboard-small .article__title caption, .related-projects_item .article--billboard-small .article--list__title .widget_calendar caption, .widget_calendar .related-projects_item .article--billboard-small .article--list__title caption, .related-projects_item .article--billboard-small .latest-comments__title .widget_calendar caption, .widget_calendar .related-projects_item .article--billboard-small .latest-comments__title caption {
      font-size: 16px; }
  .related-projects_item .article--billboard-small .article__content {
    height: 128px;
    margin-bottom: 6px;
    padding: 0 0 0 10px;
    margin-left: 2px;
    margin-right: -1px; }
  .related-projects_item .article--billboard-small:hover .article__thumb {
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); } }

/*------------------------------------*\
    $BASE
\*------------------------------------*/
/**
 * Base styles, unclassed HTML elements
 */
/*----------------------------------------*\
    $WORDPRESS CORE
\*----------------------------------------*/
/**
 * Ensure that a caption won't expand more than the content
 */
.alignnone {
  margin: 6px 0 24px;
  margin: 0.42857rem 0 1.71429rem; }

.alignleft {
  float: left;
  margin: 6px 12px 12px 0;
  margin: 0.42857rem 0.85714rem 0.85714rem 0; }

.aligncenter {
  display: block;
  margin: 6px auto 24px;
  margin: 0.42857rem auto 1.71429rem; }

.alignright {
  float: right;
  margin: 6px 0 12px 12px;
  margin: 0.42857rem 0 0.85714rem 0.85714rem; }

.wp-caption, .gallery__item__caption {
  max-width: 100%;
  margin-bottom: 36px;
  margin-bottom: 2.57143rem; }
  .wp-caption img, .gallery__item__caption img {
    vertical-align: bottom;
    width: 100%; }

.wp-caption-text {
  float: left;
  background: white;
  font-family: "Noto Sans TC", arial,"Microsoft JhengHei","Microsoft YaHei","MS Gothic","Malgun Gothic",SimHei;
  font-style: normal;
  font-size: 16px;
  /* font-size: 0.85714rem; */
  line-height: 2.01;
  padding: 0 12px;
  padding: 0 0.85714rem;
  margin: 0 12px 0;
  margin: 0 0.85714rem 0;
  text-align: left; }
  .site-footer .wp-caption-text {
    background: #1a1717; }

.bypostauthor {
  width: auto; }

.small-link, .post-nav-link__label, .author__social-link {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 25px !important;
  text-transform: uppercase;
  font-family: "Noto Sans TC", arial,"Microsoft JhengHei","Microsoft YaHei","MS Gothic","Malgun Gothic",SimHei !important;
  color: #fb4834; }

.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: -6px !important;
  margin-left: -0.42857rem !important; }
  .gallery .gallery-item {
    margin: 0 0 12px 0;
    margin: 0 0 0.85714rem 0;
    padding-left: 10px;
    padding-left: 0.71429rem;
    margin-bottom: 0; }
    .gallery .gallery-item img {
      display: block; }
  .gallery .gallery-icon img {
    width: 100%;
    border: 0 !important; }
  .gallery .gallery-caption {
    padding: 0;
    margin: 0;
    line-height: 1.5; }

/*------------------------------------*\
               TYPOGRAPHY
\*------------------------------------*/
/*=============  LINKS  ==============*/
a {
  text-decoration: none;
  color: #fb4834; }

/*============  HEADINGS  ============*/
h1, h2, .arqam-widget-counter li span, h3, h4, h5, h6, hgroup {
  margin-top: 48px;
  margin-top: 3.42857rem;
  font-family: "Arvo", serif;
  font-weight: 500; }

.article__title, .article--list__title, .latest-comments__title, .article__title .hN, .article--list__title .hN, .latest-comments__title .hN, .article__title .article__author-name, .article--list__title .article__author-name, .latest-comments__title .article__author-name, .article__title .comment__author-name, .article--list__title .comment__author-name, .latest-comments__title .comment__author-name, .article__title .score__average-wrapper, .article--list__title .score__average-wrapper, .latest-comments__title .score__average-wrapper, .article__title .score__label, .article--list__title .score__label, .latest-comments__title .score__label, .article__title .widget_calendar caption, .widget_calendar .article__title caption, .article--list__title .widget_calendar caption, .widget_calendar .article--list__title caption, .latest-comments__title .widget_calendar caption, .widget_calendar .latest-comments__title caption, .widget__title .hN, .widget__title .article__author-name, .widget__title .comment__author-name, .widget__title .score__average-wrapper, .widget__title .score__label, .widget__title .widget_calendar caption, .widget_calendar .widget__title caption, .heading .hN, .widget--sidebar__title .hN, .widget--footer__title .hN, .heading .article__author-name, .widget--sidebar__title .article__author-name, .widget--footer__title .article__author-name, .heading .comment__author-name, .widget--sidebar__title .comment__author-name, .widget--footer__title .comment__author-name, .heading .score__average-wrapper, .widget--sidebar__title .score__average-wrapper, .widget--footer__title .score__average-wrapper, .heading .score__label, .widget--sidebar__title .score__label, .widget--footer__title .score__label, .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; }

h2, .arqam-widget-counter li span, h3, h4, h5, h6 {
  text-transform: uppercase; }

.hN, .article__author-name, .comment__author-name, .score__average-wrapper, .score__label, .widget_calendar caption {
  font-family: "Arvo", serif;
  font-weight: normal;
  text-transform: uppercase; }

.heading, .widget--sidebar__title, .widget--footer__title {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }
  .heading .hN, .widget--sidebar__title .hN, .widget--footer__title .hN, .heading .article__author-name, .widget--sidebar__title .article__author-name, .widget--footer__title .article__author-name, .heading .comment__author-name, .widget--sidebar__title .comment__author-name, .widget--footer__title .comment__author-name, .heading .score__average-wrapper, .widget--sidebar__title .score__average-wrapper, .widget--footer__title .score__average-wrapper, .heading .score__label, .widget--sidebar__title .score__label, .widget--footer__title .score__label, .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, .heading .archive__side-title, .widget--sidebar__title .archive__side-title, .widget--footer__title .archive__side-title {
    margin-bottom: 0;
    font-family: "Arvo", serif;
    font-weight: normal;
    color: white;
    text-transform: uppercase; }
  .heading a, .widget--sidebar__title a, .widget--footer__title a {
    color: white; }

.heading--main {
  background-color: #1a1717; }
  .heading--main .hN, .heading--main .article__author-name, .heading--main .comment__author-name, .heading--main .score__average-wrapper, .heading--main .score__label, .heading--main .widget_calendar caption, .widget_calendar .heading--main caption {
    padding: 12px 24px;
    padding: 0.85714rem 1.71429rem;
    background-color: #fb4834;
    float: left; }
  .heading--main .archive__side-title {
    padding: 12px 24px;
    padding: 0.85714rem 1.71429rem;
    float: left; }

.heading--sidebar, .widget--sidebar__title {
  background-color: #fb4834; }
  .heading--sidebar .hN, .widget--sidebar__title .hN, .heading--sidebar .article__author-name, .widget--sidebar__title .article__author-name, .heading--sidebar .comment__author-name, .widget--sidebar__title .comment__author-name, .heading--sidebar .score__average-wrapper, .widget--sidebar__title .score__average-wrapper, .heading--sidebar .score__label, .widget--sidebar__title .score__label, .heading--sidebar .widget_calendar caption, .widget_calendar .heading--sidebar caption, .widget--sidebar__title .widget_calendar caption, .widget_calendar .widget--sidebar__title caption {
    padding: 12px 24px;
    padding: 0.85714rem 1.71429rem; }

/*===========  BLOCKQUOTES  ===========*/
blockquote {
  position: relative;
  padding-left: 96px;
  padding-left: 6.85714rem;
  padding-top: 24px;
  padding-top: 1.71429rem;
  font-size: 24px;
  font-size: 1.71429rem;
  line-height: 1.51;
  font-family: "Arvo", serif;
  font-style: italic;
  color: #fb4834; }
  blockquote:before {
    content: "";
    width: 72px;
    width: 5.14286rem;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0; }
  blockquote:after {
    content: open-quote;
    display: block;
    position: absolute;
    left: 12px;
    left: 0.85714rem;
    bottom: -12px;
    bottom: -0.85714rem;
    font-size: 120px;
    font-size: 8.57143rem;
    font-style: normal;
    line-height: 0;
    font-family: Arial, sans-serif;
    color: white; }

/*=============  TABLES  =============*/
.table--bordered tr, table tr {
  border-top: 1px dotted #b2b2b2; }
  .site-footer .table--bordered tr, .site-footer table tr {
    border-top-color: #504747; }
.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: #fbfbfb;
  /* Override this color in your theme stylesheet */ }
  .site-footer .table--striped tbody tr:nth-of-type(odd), .site-footer table tbody tr:nth-of-type(odd) {
    background-color: #282323; }

/*=============  LISTS  ==============*/
dt {
  font-weight: bold; }
  dd + dt {
    margin-top: 24px;
    margin-top: 1.71429rem; }

dd {
  margin-left: 0; }

ol {
  border-left: 0 solid #fb4834;
  border-left-width: 5px;
  border-left-width: 0.35714rem;
  padding-left: 43px;
  padding-left: 3.07143rem;
  margin-left: 0; }
  ul ol, ol ol, dl ol {
    margin-left: 48px;
    margin-left: 3.42857rem;
    border-left: 0;
    padding-left: 0; }

/*------------------------------------*\
    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: 12px;
  padding: 0.85714rem;
  border: 1px solid #e5e9eb;
  outline: 0; }
  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 #fb4834; }
  .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; }

/**
 * 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 &lt;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; }

/*------------------------------------*\
    DARK STATE (Footer)
\*------------------------------------*/
/*
.site__footer input, .site__footer select, .site__footer textarea {
  background: #262525;
  border: none;
  color: white; }
  .site__footer input:focus, .site__footer select:focus, .site__footer textarea:focus {
    outline: 0; }
.site__footer .form-group .btn, .site__footer .form-group .comments_add-comment, .site__footer .form-group .form-submit #comment-submit, .form-submit .site__footer .form-group #comment-submit, .site__footer .form-group .widget_tag_cloud a, .widget_tag_cloud .site__footer .form-group a {
  line-height: 1;
  height: 42px;
  padding: 0 1em; }
  .site__footer .form-group .btn i, .site__footer .form-group .comments_add-comment i, .site__footer .form-group .form-submit #comment-submit i, .form-submit .site__footer .form-group #comment-submit i, .site__footer .form-group .widget_tag_cloud a i, .widget_tag_cloud .site__footer .form-group a i {
    color: #807f7e; }
*/

.divider--pointer {
  background: url("../images/pointer.png") top left repeat; }

.wp-caption, .gallery__item__caption, blockquote:before, .separator--subsection, .separator--striped {
  background: url("../images/striped.png") top left repeat; }

/*------------------------------------*\
    $OBJECT
\*------------------------------------*/
/**
 * Objects and abstractions
 */
/*------------------------------------*\
    $BUTTONS
\*------------------------------------*/
.btn, .comments_add-comment, .form-submit #comment-submit, .widget_tag_cloud a {
  background-color: #262525;
  color: #a6a1a1;
  text-transform: uppercase;
  letter-spacing: .0625em;
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2.176;
  padding: 0 1.5em;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  -webkit-transition: all 0.15s;
  transition: all 0.15s; }
  .btn:hover, .comments_add-comment:hover, .form-submit #comment-submit:hover, .widget_tag_cloud a:hover {
    background-color: #fb4834;
    color: white; }
  .btn.btn--beta, .btn--beta.comments_add-comment, .form-submit #comment-submit, .widget_tag_cloud a.btn--beta {
    font-size: 12px;
    font-size: 0.85714rem;
    line-height: 2.51; }
  .btn.btn--alpha, .btn--alpha.comments_add-comment, .form-submit .btn--alpha#comment-submit, .widget_tag_cloud a.btn--alpha {
    font-size: 12px;
    font-size: 0.85714rem;
    line-height: 3.01; }

.btn--primary, .comments_add-comment, .form-submit #comment-submit {
  background-color: #fb4834;
  color: white; }
  .btn--primary:hover, .comments_add-comment:hover, .form-submit #comment-submit:hover {
    background: #1a1717; }

.btn--secondary, .btn--tertiary {
  color: white; }

.btn--tertiary {
  background-color: #807f7e; }

/*------------------------------------*\
    $SIZES
\*------------------------------------*/
.btn--small, .comments_add-comment {
  font-size: 11px;
  font-size: 0.78571rem;
  line-height: 1.64636;
  padding: 0 .75em; }
  .btn--small.btn--beta, .btn--beta.comments_add-comment, .form-submit .comments_add-comment#comment-submit, .form-submit .btn--small#comment-submit {
    font-size: 11px;
    font-size: 0.78571rem;
    line-height: 2.19182; }
  .btn--small.btn--alpha, .btn--alpha.comments_add-comment {
    font-size: 11px;
    font-size: 0.78571rem;
    line-height: 2.73727; }

.btn--large {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 2.26;
  padding: 0 2em; }
  .btn--large.btn--beta, .form-submit .btn--large#comment-submit {
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 2.635; }
  .btn--large.btn--alpha {
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 3.01; }

.btn--huge {
  padding: 0 2.5em;
  font-size: 20px;
  font-size: 1.42857rem;
  line-height: 2.41; }
  .btn--huge.btn--beta, .form-submit .btn--huge#comment-submit {
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 3.01; }
  .btn--huge.btn--alpha {
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 3.61; }

.btn-list, .widget_tag_cloud .wp-tag-cloud {
  padding: 0;
  margin: 0 0 0 -2px;
  list-style: none; }
  .btn-list &gt; .btn, .widget_tag_cloud .wp-tag-cloud &gt; .btn, .btn-list &gt; .comments_add-comment, .widget_tag_cloud .wp-tag-cloud &gt; .comments_add-comment, .form-submit .btn-list &gt; #comment-submit, .widget_tag_cloud .form-submit .wp-tag-cloud &gt; #comment-submit, .form-submit .widget_tag_cloud .wp-tag-cloud &gt; #comment-submit, .widget_tag_cloud .btn-list &gt; a, .widget_tag_cloud .wp-tag-cloud &gt; a, .btn-list &gt; li, .widget_tag_cloud .wp-tag-cloud &gt; li, .btn-list &gt; a, .widget_tag_cloud .wp-tag-cloud &gt; a {
    float: left;
    margin-left: 2px;
    margin-bottom: 2px; }

/*-----------------------------------------*\
               $ICON SHORTCODE
\*-----------------------------------------*/
.pixcode--icon {
  display: inline-block;
  text-align: center;
  font-size: 21px;
  font-size: 1.5rem;
  color: #1a1717; }
  .pixcode--icon.square, .pixcode--icon.circle {
    display: inline-block;
    background-color: #1a1717;
    color: #807f7e;
    padding: 0;
    font-size: 18px;
    font-size: 1.28571rem;
    width: 2.66667em;
    height: 2.66667em;
    line-height: 2.66667em; }
    .pixcode--icon.square:hover, .pixcode--icon.circle:hover {
      background-color: #fb4834;
      color: white; }
    /*.site__footer .pixcode--icon.square, .site__footer .pixcode--icon.circle {
      background-color: #262525; }*/
  .pixcode--icon.circle {
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    border-radius: 999px; }
  .pixcode--icon.small {
    font-size: 16px;
    font-size: 1.14286rem; }
    .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.5rem; }
    .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.57143rem; }
    .pixcode--icon.big.circle, .pixcode--icon.big.square {
      width: 2em;
      height: 2em;
      line-height: 2em; }

/*--------------------------------------------*\
               ICON INSIDE A LINK
\*--------------------------------------------*/
a &gt; .pixcode--icon {
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  -webkit-transition: all 0.15s;
  transition: all 0.15s; }
a:hover &gt; .pixcode--icon {
  text-decoration: none;
  border: none;
  color: #fb4834; }
  a:hover &gt; .pixcode--icon.circle, a:hover &gt; .pixcode--icon.square {
    background-color: #fb4834; }

.pixcode--tabs {
  padding-bottom: 0; }

.tabs__nav, .popular-posts__time {
  color: white;
  background: #1a1717;
  text-transform: uppercase;
  font-family: "Arvo", serif;
  font-size: 13px;
  font-size: 0.92857rem;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }
  .tabs__nav a, .popular-posts__time a {
    color: white;
    text-decoration: none; }
    .tabs__nav a.current, .popular-posts__time a.current, .tabs__nav a:hover, .popular-posts__time a:hover {
      color: #fb4834; }

.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: 10;
    display: none; }

/**
 * Separator Shortcode
 * &lt;hr class="separator" /&gt;  
 */
/*==========  $SEPARATORS  ==========*/
.separator {
  border: 0;
  height: 0; }

.separator--section, .arqam-widget-counter, table, .pixcode--tabs, .article--grid__meta, .article--slider, .article--single__meta, .article--billboard-small, .widget--latest-comments, .wpgrade_popular_posts {
  padding-bottom: 24px;
  padding-bottom: 1.71429rem;
  margin-bottom: 19px;
  margin-bottom: 1.35714rem;
  border-bottom: 0 solid #1a1717;
  border-bottom-width: 5px;
  border-bottom-width: 0.35714rem; }

.separator--subsection, .separator--striped {
  width: 100%;
  height: 5px;
  height: 0.35714rem;
  margin-bottom: 19px;
  margin-bottom: 1.35714rem;
  margin-top: 24px;
  margin-top: 1.71429rem; }

.separator--dotted {
  height: 1px;
  border: 0;
  border-bottom: 1px dotted #1a1717; }

.divider--pointer {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  width: 0.64286rem;
  height: 10px;
  height: 0.71429rem;
  margin-left: 8px;
  margin-left: 0.57143rem;
  margin-top: -4px;
  margin-top: -0.28571rem;
  background-color: #fff;
  -moz-transform: rotate(45deg) translateZ(0);
  -ms-transform: rotate(45deg) translateZ(0);
  -o-transform: rotate(45deg) translateZ(0);
  -webkit-transform: rotate(45deg) translateZ(0);
  transform: rotate(45deg) translateZ(0); }

/*-------------------------------*\
               $BADGE
\*-------------------------------*/
.badge {
  width: 2.5em;
  padding: .15em 0;
  font-family: "Arvo", serif;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.51;
  position: relative;
  text-align: center;
  background-color: #fb4834;
  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.42857rem 0.85714rem;
    border-left-width: 0;
    border-top-color: #1a1717; }

.badge__text {
  display: block;
  text-transform: uppercase;
  font-size: 10px;
  font-size: 0.71429rem;
  margin-top: -.2em;
  margin-bottom: .4em; }

.badge--article {
  position: absolute;
  top: 12px;
  top: 0.85714rem;
  right: -12px;
  right: -0.85714rem;
  font-size: 24px;
  font-size: 1.71429rem;
  z-index: 30; }

.badge--article--list {
  width: 2em;
  padding: 4px 0;
  padding: 0.28571rem 0;
  font-size: 16px;
  font-size: 1.14286rem; }

.badge--review {
  display: inline-block;
  margin-right: -36px;
  margin-right: -2.57143rem; }

/*---------------------------------*\
               ARTICLE
\*---------------------------------*/
.article {
  position: relative;
  font-size: 14px;
  font-size: 1rem; }

.article__title, .article--list__title, .latest-comments__title {
  margin-bottom: 12px;
  margin-bottom: 0.85714rem; }

@media only screen and (max-width: 899px) {
  .article__title--single {
    font-size: 25px;
    font-size: 1.78571rem;
    line-height: 1.45; } }
.article__title__meta {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

.article__author-name, .comment__author-name {
  color: #fb4834;
  display: inline-block;
  font-style: normal; }

.article__time, .comment__time {
  display: inline-block;
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2.01; }

.article__featured-image {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem;
  position: relative; }
  .article__featured-image img {
    display: block; }

.article__title, .article--list__title, .latest-comments__title {
  display: block;
  position: relative; }
  .article__title .hN, .article--list__title .hN, .latest-comments__title .hN, .article__title .article__author-name, .article--list__title .article__author-name, .latest-comments__title .article__author-name, .article__title .comment__author-name, .article--list__title .comment__author-name, .latest-comments__title .comment__author-name, .article__title .score__average-wrapper, .article--list__title .score__average-wrapper, .latest-comments__title .score__average-wrapper, .article__title .score__label, .article--list__title .score__label, .latest-comments__title .score__label, .article__title .widget_calendar caption, .widget_calendar .article__title caption, .article--list__title .widget_calendar caption, .widget_calendar .article--list__title caption, .latest-comments__title .widget_calendar caption, .widget_calendar .latest-comments__title caption {
    margin-bottom: 0; }

.article__title--inverse, .article--grid__title, .article--list__link:hover .article--list__title, .article--slider__title, .latest-comments__title {
  color: white;
  background-color: #1a1717; }

.article__title--full, .article--slider__title {
  margin-bottom: 0; }
  .article__title--full h3, .article--slider__title h3 {
    margin: 0; }

.article__content {
  text-align: center; }

.article__category a:hover {
  text-decoration: underline; }

.article__title .hN{ font-size: 1.35714rem !important;}

@media only screen and (max-width: 899px) {
  .container--single {
    padding-top: 4rem; } }
.article__title, .article--list__title, .latest-comments__title {
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

/**
 * Article Grid
 * -- Blog Latest Posts, Posts Grid Cards
 */
.article--grid {
  width: 100%;
  padding-bottom: 0;
  margin-bottom: 31px;
  margin-bottom: 2.21429rem;
  -webkit-backface-visibility: hidden; }
  .article--grid .image-wrap {
    -webkit-backface-visibility: hidden; }

@media only screen and (min-width: 900px) {
  .article--grid__header:hover .article--grid__title h3 {
    background-color: #fb4834; }
  .article--grid__header:hover .article--grid__title:after {
    background-color: #fb4834;
    left: 0;
    right: 0; } }
.article--grid__body {
  padding: 0 12px;
  padding: 0 0.85714rem;
  position: relative;
  z-index: 22; }
  .article--grid__body .article__content {
    padding: 0 12px;
    padding: 0 0.85714rem; }

.article--grid__thumb {
  margin-bottom: 0;
  z-index: 21;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  -webkit-transition: all 0.25s;
  transition: all 0.25s; }
  .article--grid__thumb:before {
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 21;
    opacity: 1;
    border: 0px solid #fff; }

.article--grid__title {
  background-color: transparent;
  z-index: 22; }
  .article--grid__title .hN, .article--grid__title .article__author-name, .article--grid__title .comment__author-name, .article--grid__title .score__average-wrapper, .article--grid__title .score__label, .article--grid__title .widget_calendar caption, .widget_calendar .article--grid__title caption {
    text-align: center;
    padding: 6px 24px;
    padding: 0.42857rem 1.71429rem;
    margin: -24px 12px 12px;
    margin: -1.71429rem 0.85714rem 0.85714rem;
    -moz-transition: background-color 0.15s;
    -o-transition: background-color 0.15s;
    -webkit-transition: background-color 0.15s;
    transition: background-color 0.15s; }
  .article--grid__title:after {
    background-color: #1a1717;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    left: 24px;
    right: 24px;
    z-index: -1;
    -moz-transition: all 0.15s;
    -o-transition: all 0.15s;
    -webkit-transition: all 0.15s;
    transition: all 0.15s; }

.article--grid__meta {
  margin-top: -1px;
  margin-bottom: 0;
  padding: 0 24px 6px;
  padding: 0 1.71429rem 0.42857rem; }
  .article--grid__meta:before {
    content: " ";
    display: block;
    height: 1px;
    background-color: #b3b3b3;
    margin: 0 -6px 6px;
    margin: 0 -6px 6px; }

/**
 * Article Meta Links (date, comments, likes)
 * -- Blog Latest Posts, Posts Grid Cards, Hero Posts Module
 */
.article__meta-links {
  margin-bottom: 0;
  color: #807f7e;
  margin-left: -12px;
  margin-left: -0.85714rem;
  font-size: 11px;
  font-size: 0.78571rem;
  line-height: 1.10091;
  text-transform: uppercase; }
  .article__meta-links li {
    display: inline-block;
    margin-left: 12px;
    margin-left: 0.85714rem; }
  .article__meta-links a {
    color: #807f7e; }
  .article__meta-links i {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.72429;
    position: relative;
    top: 1px; }
    .article__meta-links i.icon-comment {
      top: 0px; }

/**
 * Article List
 * -- Popular Posts Widget
 */
.article--list {
  margin-bottom: 0; }
  .article--list img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1); }
  .article--list .badge {
    background-color: #807d7c; }

.article--list__title {
  padding: 3px 24px 3px 12px;
  padding: 0.21429rem 1.71429rem 0.21429rem 0.85714rem;
  min-height: 54px;
  min-height: 3.85714rem;
  background-color: #f2edeb;
  color: black; }

.article--list__link {
  display: block;
  position: relative;
  margin-bottom: 12px;
  margin-bottom: 0.85714rem; }
  .article--list__link:hover img {
    -webkit-filter: none;
    filter: none; }
  .article--list__link:hover .badge {
    background-color: #fb4834; }

/**
 * [Widget] Latest Posts Slider
 */
.article--slider {
  padding-bottom: 0; }

.article--slider__title {
  padding: 6px 24px;
  padding: 0.42857rem 1.71429rem; }
  .article--slider__title h3 {
    line-height: 1.5; }
    .article--slider__title h3 a {
      color: white; }

.article--slider__meta {
  padding: 6px 24px;
  padding: 0.42857rem 1.71429rem; }

.article--single__meta {
  padding-top: 24px;
  padding-top: 1.71429rem; }

/*---------------------------------*\
        CUSTOM PAGE BUILDER
\*---------------------------------*/
/**
 * Hero Posts Module
 */
@media only screen and (max-width: 899px) {
  .featured-area__article.article--big .article__title .hN, .featured-area__article.article--big .article--list__title .hN, .featured-area__article.article--big .latest-comments__title .hN, .featured-area__article.article--big .article__title .article__author-name, .featured-area__article.article--big .article--list__title .article__author-name, .featured-area__article.article--big .latest-comments__title .article__author-name, .featured-area__article.article--big .article__title .comment__author-name, .featured-area__article.article--big .article--list__title .comment__author-name, .featured-area__article.article--big .latest-comments__title .comment__author-name, .featured-area__article.article--big .article__title .score__average-wrapper, .featured-area__article.article--big .article--list__title .score__average-wrapper, .featured-area__article.article--big .latest-comments__title .score__average-wrapper, .featured-area__article.article--big .article__title .score__label, .featured-area__article.article--big .article--list__title .score__label, .featured-area__article.article--big .latest-comments__title .score__label, .featured-area__article.article--big .article__title .widget_calendar caption, .widget_calendar .featured-area__article.article--big .article__title caption, .featured-area__article.article--big .article--list__title .widget_calendar caption, .widget_calendar .featured-area__article.article--big .article--list__title caption, .featured-area__article.article--big .latest-comments__title .widget_calendar caption, .widget_calendar .featured-area__article.article--big .latest-comments__title caption {
    font-size: 19px;
    width: 100%; } }

.article--thumb__title {
  line-height: 1;
  height: 48px;
  height: 3.42857rem;
  overflow: hidden; }
  .article--thumb__title a {
    color: #1a1717; }
    .article--thumb__title a:hover {
      color: #fb4834; }

.heroslider .rsArrow {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
.heroslider .rsArrowLeft {
  left: 24px; }

/**
 * Posts Grid Cards ( ++styling if flexbox is supported )
 */
@media only screen and (min-width: 900px) {
  .flexbox .posts-grid-cards, .flexboxlegacy .posts-grid-cards {
    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: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    .flexbox .posts-grid-cards .grid__item, .flexbox .posts-grid-cards .logged-in-as, .flexbox .posts-grid-cards .comment-form-author,
    .flexbox .posts-grid-cards .comment-form-email,
    .flexbox .posts-grid-cards .comment-form-url, .flexbox .posts-grid-cards .comment-form-comment,
    .flexbox .posts-grid-cards .form-submit,
    .flexbox .posts-grid-cards .comment-subscription-form, .flexbox .posts-grid-cards .featured-area .heroslider, .featured-area .flexbox .posts-grid-cards .heroslider, .flexbox .posts-grid-cards .featured-area__article, .flexbox .posts-grid-cards .featured-area__aside, .flexboxlegacy .posts-grid-cards .grid__item, .flexboxlegacy .posts-grid-cards .logged-in-as, .flexboxlegacy .posts-grid-cards .comment-form-author,
    .flexboxlegacy .posts-grid-cards .comment-form-email,
    .flexboxlegacy .posts-grid-cards .comment-form-url, .flexboxlegacy .posts-grid-cards .comment-form-comment,
    .flexboxlegacy .posts-grid-cards .form-submit,
    .flexboxlegacy .posts-grid-cards .comment-subscription-form, .flexboxlegacy .posts-grid-cards .featured-area .heroslider, .featured-area .flexboxlegacy .posts-grid-cards .heroslider, .flexboxlegacy .posts-grid-cards .featured-area__article, .flexboxlegacy .posts-grid-cards .featured-area__aside {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flexbox;
      display: -ms-flexbox;
      display: -ms-flex;
      display: -webkit-flex;
      display: flex;
      -webkit-box-flex: 33.333%;
      -moz-box-flex: 33.333%;
      -webkit-flex: 33.333% 1 auto;
      -ms-flex: 33.333% 1 auto;
      flex: 33.333% 1 auto;
      position: relative; }
    .flexbox .posts-grid-cards article, .flexboxlegacy .posts-grid-cards article {
      position: relative;
      margin-bottom: 30px;
      margin-bottom: 2.14286rem; }
      .flexbox .posts-grid-cards article .article--grid__body, .flexboxlegacy .posts-grid-cards article .article--grid__body {
        padding-bottom: 42px; }
      .flexbox .posts-grid-cards article .article__meta, .flexboxlegacy .posts-grid-cards article .article__meta {
        margin-bottom: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 25; } }

/**
 * Billboard Slider Module
 */
.billboard {
  position: relative;
  margin-bottom: 6px;
  margin-bottom: 0.42857rem;
  -moz-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  display: block;
  height: 367px; }
  @media only screen and (min-width: 900px) {
    .billboard.pixslider {
      height: 625px; }
    .billboard .billboard--article-group {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .billboard img {
      width: 100% !important;
      height: auto !important; } }

.billboard--article-group {
  visibility: hidden;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -moz-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in; }
  .rsSlide .billboard--article-group {
    opacity: 1; }
  .billboard--article-group:first-child {
    z-index: 100; }
  .slider--loaded .billboard--article-group {
    visibility: visible; }

.billboard.visible, .lt-ie9 .billboard {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }

.article--billboard {
  width: 100%; }
  .article--billboard &gt; a {
    display: block; }
  @media only screen and (min-width: 900px) {
    .article--billboard {
      border-bottom: 43px solid white; }
      .article--billboard:after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8));
        background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8));
        background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8));
        background-image: linear-gradient(rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8)); }
      .article--billboard:before {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8));
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8));
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8)); } }
  .article--billboard .read-more-label {
    display: none; }

.article--billboard-big:before, .article--billboard-big:after {
  content: none; }

.article--billboard__header {
  position: relative;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.72429; }
  .article--billboard__header .read-more-label {
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.72429;
    margin-top: 3px;
    display: none; }
  .article--billboard__header .hN, .article--billboard__header .article__author-name, .article--billboard__header .comment__author-name, .article--billboard__header .score__average-wrapper, .article--billboard__header .score__label, .article--billboard__header .widget_calendar caption, .widget_calendar .article--billboard__header caption, .article--billboard__header .small-link, .article--billboard__header .post-nav-link__label, .article--billboard__header .author__social-link {
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }

.billboard__category {
  display: none; }

.article--billboard__title {
  position: relative;
  color: #1a1717;
  margin: 0 0 0 -48px;
  margin: 0 0 0 -48px;
  padding: 9px 12px 9px 48px;
  padding: 0.64286rem 0.85714rem 0.64286rem 3.42857rem;
  font-size: 19px;
  font-size: 1.35714rem;
  line-height: 1.27316;
  line-height: 1.2;
  clear: left; }
  .article--billboard__title:before {
    content: "";
    width: 110%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: white;
    z-index: -1;
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -moz-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); }

@media only screen and (min-width: 900px) {
  .article--billboard {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    padding-left: 0 !important; }
    .article--billboard &gt; a .article__title, .article--billboard &gt; a .article--list__title, .article--billboard &gt; a .latest-comments__title {
      font-size: 25px;
      font-size: 1.78571rem;
      line-height: 1.45; }
    .article--billboard &gt; a:hover .billboard__category {
      color: #1a1717; }
      .article--billboard &gt; a:hover .billboard__category:before {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0); }
    .article--billboard &gt; a:hover .article__title .hN, .article--billboard &gt; a:hover .article--list__title .hN, .article--billboard &gt; a:hover .latest-comments__title .hN, .article--billboard &gt; a:hover .article__title .article__author-name, .article--billboard &gt; a:hover .article--list__title .article__author-name, .article--billboard &gt; a:hover .latest-comments__title .article__author-name, .article--billboard &gt; a:hover .article__title .comment__author-name, .article--billboard &gt; a:hover .article--list__title .comment__author-name, .article--billboard &gt; a:hover .latest-comments__title .comment__author-name, .article--billboard &gt; a:hover .article__title .score__average-wrapper, .article--billboard &gt; a:hover .article--list__title .score__average-wrapper, .article--billboard &gt; a:hover .latest-comments__title .score__average-wrapper, .article--billboard &gt; a:hover .article__title .score__label, .article--billboard &gt; a:hover .article--list__title .score__label, .article--billboard &gt; a:hover .latest-comments__title .score__label, .article--billboard &gt; a:hover .article__title .widget_calendar caption, .widget_calendar .article--billboard &gt; a:hover .article__title caption, .article--billboard &gt; a:hover .article--list__title .widget_calendar caption, .widget_calendar .article--billboard &gt; a:hover .article--list__title caption, .article--billboard &gt; a:hover .latest-comments__title .widget_calendar caption, .widget_calendar .article--billboard &gt; a:hover .latest-comments__title caption {
      color: white;
      -moz-transform: translate3d(30px 0 0, 1em, 1em);
      -webkit-transform: translate3d(30px 0 0, 1em, 1em);
      transform: translate3d(30px 0 0, 1em, 1em); }
    .article--billboard &gt; a:hover .article__title:before, .article--billboard &gt; a:hover .article--list__title:before, .article--billboard &gt; a:hover .latest-comments__title:before {
      background: #fb4834;
      -moz-transform: translateX(50px);
      -ms-transform: translateX(50px);
      -o-transform: translateX(50px);
      -webkit-transform: translateX(50px);
      transform: translateX(50px);
      -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
      -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
      -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
      transition: all 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275); }
    .article--billboard &gt; a:hover .small-link, .article--billboard &gt; a:hover .post-nav-link__label, .article--billboard &gt; a:hover .author__social-link {
      color: white; }
    .article--billboard .read-more-label {
      display: block; }

  .billboard__category {
    float: left;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.5;
    text-transform: uppercase;
    color: white;
    padding: 6px 24px;
    padding: 0.42857rem 1.71429rem;
    margin-left: -24px;
    margin-left: -1.71429rem;
    position: relative;
    display: block;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .billboard__category:after {
      content: "";
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      background: black;
      background: rgba(0, 0, 0, 0.5);
      z-index: -2; }
    .billboard__category:before {
      content: "";
      width: 100%;
      height: 120%;
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      background: white;
      z-index: -1;
      -moz-transform: translateY(40px);
      -ms-transform: translateY(40px);
      -o-transform: translateY(40px);
      -webkit-transform: translateY(40px);
      transform: translateY(40px);
      -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
      -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
      -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
      transition: all 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275); }

  .article--billboard__header {
    position: absolute;
    top: auto;
    bottom: 24px;
    bottom: 1.71429rem;
    left: 48px;
    left: 3.42857rem;
    z-index: 30;
    width: 46.5%; }

  .billboard--article-group {
    margin-left: 0; } }
/*
*  Small Post Cards
*/
.article--billboard-small {
  padding-bottom: 0;
  background: white;
  position: static; }
  @media only screen and (max-width: 899px) {
    .article--billboard-small {
      border-bottom: 0; } }
  .article--billboard-small .small-link, .article--billboard-small .post-nav-link__label, .article--billboard-small .author__social-link {
    display: block;
    line-height: 1;
    color: #807f7e; }
    .article--billboard-small .small-link em, .article--billboard-small .post-nav-link__label em, .article--billboard-small .author__social-link em {
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      color: #fb4834;
      margin-left: 6px;
      font-size: 16px;
      font-style: normal; }
  .article--billboard-small &gt; a {
    display: block; }
  .article--billboard-small .article__thumb {
    background: white; }
  .article--billboard-small .article__content {
    background: white;
    text-align: left;
    overflow: hidden;
    -moz-transition: height 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition: height 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -webkit-transition: height 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: height 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); }
  .article--billboard-small .article__description {
    color: #807f7e;
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 72px;
    display: none; }
  .article--billboard-small .small-link, .article--billboard-small .post-nav-link__label, .article--billboard-small .author__social-link {
    display: none; }
  @media only screen and (min-width: 900px) {
    .article--billboard-small {
      width: 192px;
      width: 13.71429rem;
      height: 280px;
      height: 20rem;
      position: absolute;
      z-index: 40;
      bottom: 0;
      top: auto;
      left: auto;
      right: 234px;
      right: 16.71429rem;
      padding-left: 0; }
    .article--billboard-small + .article--billboard-small {
      right: 24px;
      right: 1.71429rem; }
    .article--billboard-small .article__thumb {
      position: relative;
      -moz-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
      -o-transform: translateY(-8px);
      -webkit-transform: translateY(-8px);
      transform: translateY(-8px);
      -moz-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
      -o-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
      -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); }
    .article--billboard-small .article__title, .article--billboard-small .article--list__title, .article--billboard-small .latest-comments__title {
      height: 48px;
      height: 3.42857rem; }
    .article--billboard-small .article__content {
      padding: 12px;
      padding: 0.85714rem;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1;
      height: 135px; }
    .article--billboard-small .article__description {
      display: block;
      opacity: 0;
      -moz-transform: translateY(30px);
      -ms-transform: translateY(30px);
      -o-transform: translateY(30px);
      -webkit-transform: translateY(30px);
      transform: translateY(30px);
      -moz-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.07s;
      -o-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.07s;
      -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
      -webkit-transition-delay: 0.07s;
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.07s; }
    .article--billboard-small .small-link, .article--billboard-small .post-nav-link__label, .article--billboard-small .author__social-link {
      display: block;
      position: absolute;
      bottom: 12px; }
    .article--billboard-small:hover .article__thumb {
      -moz-transform: translateY(-24px);
      -ms-transform: translateY(-24px);
      -o-transform: translateY(-24px);
      -webkit-transform: translateY(-24px);
      transform: translateY(-24px); }
    .article--billboard-small:hover .article__content {
      height: 195px; }
    .article--billboard-small:hover .article__description {
      opacity: 1;
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0); } }

.article--billboard-small__title {
  overflow: hidden;
  color: #1a1717; }
  .article--billboard-small__title .hN, .article--billboard-small__title .article__author-name, .article--billboard-small__title .comment__author-name, .article--billboard-small__title .score__average-wrapper, .article--billboard-small__title .score__label, .article--billboard-small__title .widget_calendar caption, .widget_calendar .article--billboard-small__title caption {
    max-width: 100%;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  @media only screen and (max-width: 899px) {
    .article--billboard-small__title {
      padding: 9px 0;
      padding: 0.64286rem 0;
      margin-bottom: 0; }
      .article--billboard-small__title .hN, .article--billboard-small__title .article__author-name, .article--billboard-small__title .comment__author-name, .article--billboard-small__title .score__average-wrapper, .article--billboard-small__title .score__label, .article--billboard-small__title .widget_calendar caption, .widget_calendar .article--billboard-small__title caption {
        font-size: 19px;
        font-size: 1.35714rem;
        line-height: 1.27316; } }

.billboard .image-wrap {
  cursor: pointer; }

/**
 * Content Module
 */
.content-module {
  margin-bottom: 30px;
  margin-bottom: 2.14286rem; }
  .content-module .rsArrow {
    -moz-transform: translateY(-75%);
    -ms-transform: translateY(-75%);
    -o-transform: translateY(-75%);
    -webkit-transform: translateY(-75%);
    transform: translateY(-75%); }
    .content-module .rsArrow .rsArrowIcn {
      border-color: black; }
  .content-module .rsArrowLeft {
    left: -70px; }
  .content-module .rsArrowRight {
    right: -70px; }

/**
 * Password protected article
 */
.post-password-submit {
  padding: 12px;
  padding: 0.85714rem;
  margin-top: 1px;
  line-height: normal;
  font-size: 100%; }

@media only screen and (max-width: 899px) {
  .post-password-submit {
    width: 100%;
    margin-top: 24px;
    margin-top: 1.71429rem; } }
.wrong-password-message {
  color: #fb4834;
  font-weight: bold; }

/*----------------------------------------*\
    $NEXT / PREVIOUS NAVIGATION
\*----------------------------------------*/
.post-nav {
  position: relative; }

@media only screen and (max-width: 899px) {
  .post-nav-link {
    text-align: center; }
    .post-nav-link:first-child {
      margin-bottom: 24px;
      margin-bottom: 1.71429rem; } }
@media only screen and (min-width: 900px) {
  .post-nav-link {
    padding-right: 24px;
    padding-right: 1.71429rem;
    padding-left: 48px;
    padding-left: 3.42857rem;
    position: relative; }
    .post-nav-link:after {
      content: "";
      position: absolute;
      top: 50%;
      width: 12px;
      width: 0.85714rem;
      height: 12px;
      height: 0.85714rem;
      margin-top: -6px;
      margin-top: -0.42857rem;
      border: 0 solid #1a1717;
      border-bottom-width: 2px;
      border-bottom-width: 0.14286rem; }

  .post-nav-link--prev {
    text-align: right; }
    .post-nav-link--prev:after {
      left: 24px;
      left: 1.71429rem;
      border-left-width: 2px;
      border-left-width: 0.14286rem;
      -moz-transform: translateZ(0) rotate(45deg);
      -ms-transform: translateZ(0) rotate(45deg);
      -o-transform: translateZ(0) rotate(45deg);
      -webkit-transform: translateZ(0) rotate(45deg);
      transform: translateZ(0) rotate(45deg); }

  .post-nav-link--next {
    text-align: left; }
    .post-nav-link--next:after {
      right: 0;
      border-right-width: 2px;
      border-right-width: 0.14286rem;
      -moz-transform: translateZ(0) rotate(-45deg);
      -ms-transform: translateZ(0) rotate(-45deg);
      -o-transform: translateZ(0) rotate(-45deg);
      -webkit-transform: translateZ(0) rotate(-45deg);
      transform: translateZ(0) rotate(-45deg); }

  .post-nav-link--blank:after {
    content: none; } }
.post-nav-link__title {
  color: #1a1717; }

@media only screen and (max-width: 899px) {
  .post-nav .divider--pointer {
    display: none; } }
/*----------------------------------------*\
    $ARTICLE GALLERY SLIDER
\*----------------------------------------*/
.gallery__item__caption {
  display: block; }

.gallery__item img.invisible {
  display: none; }

/*------------------------------------*\
               NAVIGATION
\*------------------------------------*/
.navigation--top {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2.01;
  background-color: #050505; }

.navigation--main {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.85615;
  background-color: #262525; }

.nav--main__wrapper.pre-sticky {
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%); }
.nav--main__wrapper.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100; }
  .admin-bar .nav--main__wrapper.sticky {
    top: 32px; }
  .nav--main__wrapper.sticky .nav--main {
    max-width: 1052px;
    margin: 0 auto;
    background: #262525; }

/**
 * Top Bar Navigation - including Top Menu Left and Top Menu Right
 */
.navigation--top .nav, .navigation--top .rsBullets, .navigation--top .tabs__nav, .navigation--top .popular-posts__time, .navigation--top .sub-menu, .navigation--top .sub-menu--mega, .navigation--top .commentlist, .navigation--top .author__social-links {
  margin-bottom: 0; }

.nav--top li {
  background-color: #262525; }
.nav--top &gt; li {
  background: none;
  position: relative;
  /*li*/
  /*li*/
  /*li*/ }
  .nav--top &gt; li a {
    color: #807d7c; }
  .nav--top &gt; li &gt; a {
    text-transform: uppercase; }
  .nav--top &gt; li + li &gt; a {
    position: relative; }
    .nav--top &gt; li + li &gt; a:before {
      content: "";
      display: block;
      position: absolute;
      top: 6px;
      top: 0.42857rem;
      left: 0;
      height: 24px;
      height: 1.71429rem;
      border-left: 1px dotted #4c4a4a; }
  .nav--top &gt; li .sub-menu, .nav--top &gt; li .sub-menu--mega {
    width: 192px;
    width: 13.71429rem;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.72429; }
.nav--top li:hover &gt; a {
  color: white; }
.nav--top li:hover &gt; .sub-menu, .nav--top li:hover &gt; .sub-menu--mega {
  display: block; }

.nav--top-left {
  margin-left: -12px;
  margin-left: -0.85714rem; }

.nav--top-right {
  text-align: right; }
  .nav--top-right .sub-menu, .nav--top-right .sub-menu--mega {
    text-align: left; }

/**
 * Main Bar Navigation
 */
.nav--main {
  position: relative; }
  .nav--main &gt; li {
    border: 0 solid transparent;
    background-color: transparent;
    float: left; }
    .nav--main &gt; li a {
	  font-size:20px;
      color: #a6a1a1; }
    .nav--main &gt; li &gt; a {
      padding: 6px 24px;
      padding: 0.42857rem 1.71429rem;
      text-transform: uppercase; }
    .nav--main &gt; li.current-menu-item {
      background-color: rgba(255, 255, 255, 0.05); }

.nav__item--relative {
  position: relative; }

/*----------------------------------------*\
    $SUBMENUS
\*----------------------------------------*/
/*ul*/
.sub-menu, .sub-menu--mega {
  padding-top: 0;
  border-bottom: 0;
  margin-bottom: 0;
  white-space: normal;
  top: 100%;
  left: 0;
  z-index: 300;
  padding: 5px;
  padding: 0.35714rem; }
  @media only screen and (max-width: 899px) {
    .sub-menu, .sub-menu--mega {
      padding-left: 24px;
      padding-left: 1.71429rem; } }
  @media only screen and (min-width: 900px) {
    .sub-menu, .sub-menu--mega {
      width: 210px;
      width: 15rem;
      background: black;
      background-clip: padding-box;
      position: absolute;
      display: none; } }
  .sub-menu &gt; li, .sub-menu--mega &gt; li {
    position: relative; }
    .sub-menu &gt; li &gt; a, .sub-menu--mega &gt; li &gt; a {
      padding: 6px 19px;
      padding: 6px 19px; }
    @media only screen and (min-width: 900px) {
      .sub-menu &gt; li + li &gt; a, .sub-menu--mega &gt; li + li &gt; a {
        border-top: 1px solid #333131;
        margin-top: -1px; } }
    .sub-menu &gt; li.menu-item-has-children:hover &gt; .sub-menu, .sub-menu--mega &gt; li.menu-item-has-children:hover &gt; .sub-menu, .sub-menu &gt; li.menu-item-has-children:hover &gt; .sub-menu--mega, .sub-menu--mega &gt; li.menu-item-has-children:hover &gt; .sub-menu--mega {
      display: block;
      opacity: 1; }
  .sub-menu .sub-menu, .sub-menu--mega .sub-menu, .sub-menu .sub-menu--mega, .sub-menu--mega .sub-menu--mega {
    top: 0;
    left: 100%;
    margin-top: -5px;
    margin-top: -0.35714rem; }

.menu-item--parent &gt; .nav--sub-menu {
  margin-top: 5px; }

/*
* $MegaMenus
*/
/*div*/
.sub-menu--mega {
  border: 0;
  border-bottom: 36px solid rgba(0, 0, 0, 0.3);
  border-bottom: 2.57143rem solid rgba(0, 0, 0, 0.3);
  width: 100%; }
  .sub-menu--mega .nav--sub-menu {
    width: 100%;
    min-height: 100%;
    left: 0;
    display: block;
    padding-left: 0;
    border-bottom: 5px solid #001a17; }
  .sub-menu--mega .rsOverflow {
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important; }

.sub-menu__grid {
  height: 250px; }

.sub-menu__grid__item {
  margin-bottom: -24px;
  margin-bottom: -1.71429rem;
  min-height: 48px;
  min-height: 3.42857rem;
  background-color: #262525;
  float: left;
  height: 280px;
  position: relative;
  background-clip: content-box;
  padding-left: 0 !important;
  border-left: 6px solid transparent;
  border-left: 0.42857rem solid transparent; }
  .sub-menu__grid__item .nav--sub-menu {
    background-color: #262525;
    border-bottom: 5px solid black;
    border-bottom: 0.35714rem solid black;
    padding-right: 0;
    padding-top: 0;
    margin-top: 0; }
  .sub-menu__grid__item .pixslider {
    position: relative;
    display: block;
    height: 280px;
    width: 412px;
    min-height: 72px;
    min-height: 5.14286rem; }
  .sub-menu__grid__item .featured-area__article {
    padding-left: 0;
    margin-bottom: 0;
    position: relative;
    height: 100%;
    width: 100%;
    display: block; }
    .sub-menu__grid__item .featured-area__article .image-wrap {
      position: relative;
      width: 100%;
      height: 100%;
      display: block;
      padding: 0; }
      .sub-menu__grid__item .featured-area__article .image-wrap img {
        max-width: none;
        position: relative; }
      .sub-menu__grid__item .featured-area__article .image-wrap .article__title .hN, .sub-menu__grid__item .featured-area__article .image-wrap .article--list__title .hN, .sub-menu__grid__item .featured-area__article .image-wrap .latest-comments__title .hN, .sub-menu__grid__item .featured-area__article .image-wrap .article__title .article__author-name, .sub-menu__grid__item .featured-area__article .image-wrap .article--list__title .article__author-name, .sub-menu__grid__item .featured-area__article .image-wrap .latest-comments__title .article__author-name, .sub-menu__grid__item .featured-area__article .image-wrap .article__title .comment__author-name, .sub-menu__grid__item .featured-area__article .image-wrap .article--list__title .comment__author-name, .sub-menu__grid__item .featured-area__article .image-wrap .latest-comments__title .comment__author-name, .sub-menu__grid__item .featured-area__article .image-wrap .article__title .score__average-wrapper, .sub-menu__grid__item .featured-area__article .image-wrap .article--list__title .score__average-wrapper, .sub-menu__grid__item .featured-area__article .image-wrap .latest-comments__title .score__average-wrapper, .sub-menu__grid__item .featured-area__article .image-wrap .article__title .score__label, .sub-menu__grid__item .featured-area__article .image-wrap .article--list__title .score__label, .sub-menu__grid__item .featured-area__article .image-wrap .latest-comments__title .score__label, .sub-menu__grid__item .featured-area__article .image-wrap .article__title .widget_calendar caption, .widget_calendar .sub-menu__grid__item .featured-area__article .image-wrap .article__title caption, .sub-menu__grid__item .featured-area__article .image-wrap .article--list__title .widget_calendar caption, .widget_calendar .sub-menu__grid__item .featured-area__article .image-wrap .article--list__title caption, .sub-menu__grid__item .featured-area__article .image-wrap .latest-comments__title .widget_calendar caption, .widget_calendar .sub-menu__grid__item .featured-area__article .image-wrap .latest-comments__title caption {
        width: 100%;
        font-size: 19px;
        font-size: 1.35714rem;
        line-height: 1.27316;
        line-height: 1.4; }

/**
 * MegaMenu Hover Effects
 * And other stuff for bigger screens
 */
@media only screen and (min-width: 900px) {
  .nav--main li {
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear; }
    .nav--main li &gt; .sub-menu, .nav--main li &gt; .sub-menu--mega {
      display: inline-block;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -moz-transition: opacity 0.15s ease-in;
      -o-transition: opacity 0.15s ease-in;
      -webkit-transition: opacity 0.15s ease-in;
      transition: opacity 0.15s ease-in; }
    .nav--main li:hover, .nav--main li.current-menu-item {
      border-bottom-color: #fb4834;
      background-color: rgba(255, 255, 255, 0.05); }
    .nav--main li:hover &gt; a {
      color: white; }
    .nav--main li.hidden &gt; .sub-menu, .nav--main li.hidden &gt; .sub-menu--mega {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      display: none; }
  .nav--main &gt; li {
    border-top-width: 5px;
    border-top-width: 0.35714rem;
    border-bottom-width: 5px;
    border-bottom-width: 0.35714rem; }
    .nav--main &gt; li a {
      color: #a6a1a1; }
    .nav--main &gt; li &gt; a {
      padding: 6px 21px;
      padding: 0.42857rem 1.5rem;
      text-transform: uppercase; }
  .nav--main .article--billboard-small {
    background-color: #262525;
    width: auto;
    position: static;
    margin: 0; }
    .nav--main .article--billboard-small .article__thumb {
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0); }
    .nav--main .article--billboard-small .article__title, .nav--main .article--billboard-small .article--list__title, .nav--main .article--billboard-small .latest-comments__title {
      color: white; }
    .nav--main .article--billboard-small .article__content {
      background: #1a1717; }
    .nav--main .article--billboard-small .article__description {
      color: white; }
    .nav--main .article--billboard-small:hover .article__thumb {
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  @media only screen and (min-width: 900px) and (min-width: 900px) {
    .nav--main li.open &gt; .sub-menu, .nav--main li.open &gt; .sub-menu--mega {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1;
      -moz-transition: opacity 0.15s ease-out 0;
      -o-transition: opacity 0.15s ease-out 0;
      -webkit-transition: opacity 0.15s ease-out;
      -webkit-transition-delay: 0;
      transition: opacity 0.15s ease-out 0; } }
/*----------------------------------------*\
    $MOBILE NAVIGATION
\*----------------------------------------*/
.navigation--mobile {
  display: block; }

@media only screen and (min-width: 900px) {
  .navigation--mobile, .site-navigation__trigger {
    display: none; } }
@media only screen and (max-width: 899px) {
  .header {
    background: white;
    width: 100%; }

  .site-header {
    float: left; }

  #page {
    overflow: hidden; }

  .navigation--top,
  .navigation--main,
  .header-bar-container {
    display: none; }

  /*
  * Menu Styling
  */
  .navigation--mobile {
    width: 75%;
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    z-index: -1;
    overflow-y: scroll;
    padding-right: 24px;
    padding-right: 1.71429rem;
    padding-left: 24px;
    padding-left: 1.71429rem;
    height: 100%;
    background-color: #1a1717;
    -moz-transition: visibility 0 linear 0.4s;
    -o-transition: visibility 0 linear 0.4s;
    -webkit-transition: visibility 0 linear;
    -webkit-transition-delay: 0.4s;
    transition: visibility 0 linear 0.4s; }
    .navigation--mobile &gt; ul &gt; li:last-child {
      border-bottom: none; }
    .navigation--mobile &gt; ul &gt; li a {
      padding: 6px 24px;
      padding: 0.42857rem 1.71429rem; }
    .navigation--mobile &gt; ul &gt; .menu-item {
      width: 100%;
      border-bottom: 1px solid black; }
      .navigation--mobile &gt; ul &gt; .menu-item a {
        display: block;
        color: white !important; }
    .navigation--mobile .menu-item a {
      padding-top: 12px;
      padding-top: 0.85714rem;
      padding-bottom: 12px;
      padding-bottom: 0.85714rem; }
    .admin-bar .navigation--mobile {
      top: 46px; }

  .separator--mobile-nav {
    height: 1px;
    background-color: #4c4a4a;
    margin: 48px 0;
    margin: 3.42857rem 0; }

    .navigation--mobile .nav_close{ background: url(../images/nav_close.png) no-repeat; width: 16px; height: 16px; font-size: 0 !important; display: block; margin: 15px 0 18px;}

  /* 
  * Trigger Icon
  */
  .site-navigation__trigger {
    display: block;
    width: 95px;
    width: 6.78571rem;
    height: 72px;
    height: 5.14286rem;
    padding: 12px 24px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    font-size: 42px;
    font-size: 3rem;
    line-height: 1.15286;
    text-align: center;
    cursor: pointer;
    color: #807f7d;
    -moz-transition: color 0.4s ease-in-out;
    -o-transition: color 0.4s ease-in-out;
    -webkit-transition: color 0.4s ease-in-out;
    transition: color 0.4s ease-in-out; }
    .site-navigation__trigger:active, .site-navigation__trigger:focus {
      -moz-transition: color 0.4s ease-in-out;
      -o-transition: color 0.4s ease-in-out;
      -webkit-transition: color 0.4s ease-in-out;
      transition: color 0.4s ease-in-out; }
    .site-navigation__trigger i {
      display: block;
      position: absolute;
      top: 14px;
      top: 1rem;
      left: 12px;
      left: 0.85714rem;
      overflow: hidden; }
    .site-navigation__trigger {
      -moz-transition: all 0.4s;
      -o-transition: all 0.4s;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      cursor: pointer;
      user-select: none;
      opacity: .8; }
    .site-navigation__trigger .nav-icon {
      position: relative;
      top: 20px;
      display: block;
      width: 100%;
      height: 6px;
      background: #4c4a4a;
      border-radius: 2.5rem;
      -moz-transition: all 0.4s;
      -o-transition: all 0.4s;
      -webkit-transition: all 0.4s;
      transition: all 0.4s; }
      .site-navigation__trigger .nav-icon:after, .site-navigation__trigger .nav-icon:before {
        display: block;
        content: "";
        height: 6px;
        width: 100%;
        background: #4c4a4a;
        position: absolute;
        z-index: -1;
        border-radius: 1rem;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s; }
      .site-navigation__trigger .nav-icon:after {
        top: -12px; }
      .site-navigation__trigger .nav-icon:before {
        top: 12px; }

  /*
  * Content Preparation
  */
  .wrapper {
    height: 100%;
    min-height: 350px;
    background-color: white;
    position: relative;
    z-index: 1;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }

  /*
  * Showing Navigation (by moving .wrapper)
  */
  .navigation--is-visible .wrapper {
    -moz-transform: translateX(75%);
    -ms-transform: translateX(75%);
    -o-transform: translateX(75%);
    -webkit-transform: translateX(75%);
    transform: translateX(75%); }
  .navigation--is-visible .navigation--mobile {
    visibility: visible;
    z-index: 1;
    -moz-transition: z-index 0 linear 0.4s;
    -o-transition: z-index 0 linear 0.4s;
    -webkit-transition: z-index 0 linear;
    -webkit-transition-delay: 0.4s;
    transition: z-index 0 linear 0.4s; }
  .navigation--is-visible .nav-icon {
    background: transparent;
    top: 20px !important; }
    .navigation--is-visible .nav-icon:before {
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      top: 0 !important; }
    .navigation--is-visible .nav-icon:after {
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 0 !important; } }
.lt-ie9 .sub-menu__grid {
  width: 1050px;
  background-color: #eee; }

/*------------------------------------*\
    $PAGINATIONS
\*------------------------------------*/
.pagination .current, .single .pagination span {
  background-color: #fb4834;
  color: white;
  display: inline-block; }

.pagination {
  border: none;
  text-align: center;
  margin: 48px 0;
  margin: 3.42857rem 0;
  padding-left: 0; }
  .pagination a.prev:before, .pagination a.prev:after, .pagination a.next:before, .pagination a.next:after, .pagination .pagination-item a:before, .pagination .pagination-item a:after {
    display: inline-block;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px;
    width: 0.71429rem;
    height: 10px;
    height: 0.71429rem;
    margin: 0 6px;
    margin: 0 0.42857rem;
    border-color: #1a1717;
    border-width: 2px;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear; }
  .pagination a.prev:hover:before, .pagination a.prev:hover:after, .pagination a.next:hover:before, .pagination a.next:hover:after, .pagination .pagination-item a:hover:before, .pagination .pagination-item a:hover:after {
    border-color: white; }
  .pagination a.prev, .pagination .pagination-item--prev a {
    margin-right: 24px;
    margin-right: 1.71429rem; }
    .pagination a.prev:before, .pagination .pagination-item--prev a:before {
      content: '';
      border-left-style: solid;
      border-bottom-style: solid; }
  .pagination a.next, .pagination .pagination-item--next a {
    margin-left: 24px;
    margin-left: 1.71429rem; }
    .pagination a.next:after, .pagination .pagination-item--next a:after {
      content: '';
      border-right-style: solid;
      border-top-style: solid; }
  .pagination li {
    margin-right: 2px;
    margin-right: 0.14286rem; }
    .pagination li a, .pagination li span {
      padding: 6px 12px;
      padding: 0.42857rem 0.85714rem;
      color: black;
      font-size: 16px;
      font-size: 1.14286rem;
      line-height: 1.51;
      font-family: "Arvo";
      text-transform: uppercase;
      -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, .pagination li span:hover {
        background-color: #fb4834;
        color: white; }
    .pagination li .page-numbers.dots:hover {
      background: white;
      color: #1a1717; }

/*------------------------------------*\
    $SINGLE
\*------------------------------------*/
/*body*/
/*----------------------------------------*\
*   $CONTENTS
\*----------------------------------------*/
/**
 * Comments ................ styling of the comment list
 * Comment form ............ styling of the comment form
 */
/*----------------------------------------*\
*   $COMMENTS
\*----------------------------------------*/
.comments-area-title {
  margin-top: 36px !important;
  margin-top: 2.57143rem !important;
  padding-bottom: 12px;
  padding-bottom: 0.85714rem;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem;
  border-bottom: 1px dotted #807f7e; }
  .comments-area-title .hN, .comments-area-title .article__author-name, .comments-area-title .comment__author-name, .comments-area-title .score__average-wrapper, .comments-area-title .score__label, .comments-area-title .widget_calendar caption, .widget_calendar .comments-area-title caption {
    margin-top: 0;
    margin-bottom: 0;
    float: left;
    margin-right: 12px;
    margin-right: 0.85714rem; }
    @media only screen and (max-width: 899px) {
      .comments-area-title .hN, .comments-area-title .article__author-name, .comments-area-title .comment__author-name, .comments-area-title .score__average-wrapper, .comments-area-title .score__label, .comments-area-title .widget_calendar caption, .widget_calendar .comments-area-title caption {
        font-size: 16px;
        font-size: 1.14286rem;
        line-height: 1.51; } }
    .comments-area-title .hN em, .comments-area-title .article__author-name em, .comments-area-title .comment__author-name em, .comments-area-title .score__average-wrapper em, .comments-area-title .score__label em, .comments-area-title .widget_calendar caption em, .widget_calendar .comments-area-title caption em {
      font-style: normal;
      color: #fb4834; }

.comments_add-comment {
  margin-top: .225em;
  float: left; }

.commentlist {
  list-style: none;
  margin-top: -24px;
  margin-top: -1.71429rem;
  margin-bottom: -24px;
  margin-bottom: -1.71429rem;
  margin-left: 0;
  border-left: 0;
  padding-left: 0; }

li.comment, li.pingback {
  display: block;
  margin-bottom: 0;
  padding-top: 24px;
  padding-top: 1.71429rem; }
  li.comment + li.comment, li.pingback + li.pingback {
    border-top: 1px dotted #807f7e; }
  li.comment .children, li.pingback .children {
    position: relative;
    margin-left: 60px;
    padding-left: 12px;
    padding-left: 0.85714rem;
    margin-top: -24px;
    margin-top: -1.71429rem; }
    li.comment .children:before, li.pingback .children:before {
      content: "";
      display: block;
      height: 12px;
      height: 0.85714rem;
      width: 12px;
      width: 0.85714rem;
      position: absolute;
      margin-left: -30px;
      left: 0;
      top: 42px;
      top: 3rem;
      border-left: 1px solid #807f7e;
      border-bottom: 1px solid #807f7e; }

.comment-article {
  margin-bottom: 0; }
  .comment-article:hover .comment-edit-link {
    opacity: 1; }

.comment__avatar {
  margin-right: 12px;
  margin-right: 0.85714rem; }

.comment__timestamp {
  color: #807f7e; }

.comment__avatar {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

.comment__content {
  position: relative;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem;
  clear: both; }

.comment__links {
  float: right;
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2.01;
  font-family: "Open Sans", sans-serif; }

.comment-edit-link {
  color: #807f7e;
  opacity: 0;
  margin-right: 12px;
  margin-right: 0.85714rem;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.logged-in-as {
  margin: -12px 0;
  margin: -0.85714rem 0; }

.comment-reply-title {
  margin-top: 0; }

.comment-respond {
  position: relative; }

#cancel-comment-reply-link {
  position: absolute;
  bottom: 24px;
  bottom: 1.71429rem;
  left: 0;
  z-index: 5;
  text-decoration: none;
  font-style: normal; }

/*----------------------------------------*\
*   $COMMENT_FORM
\*----------------------------------------*/
.comment-form ::-webkit-input-placeholder {
  font-style: italic; }
.comment-form :-moz-placeholder {
  font-style: italic; }
.comment-form ::-moz-placeholder {
  font-style: italic; }
.comment-form :-ms-input-placeholder {
  font-style: italic; }

.lt-ie9 .comment-form-author, .lt-ie9
.comment-form-email, .lt-ie9
.comment-form-url {
  width: 30%;
  float: none;
  display: inline-block; }

/**
 * !Important stuff here to override wordpress styles...
 */
.form-submit #comment-submit {
  text-transform: uppercase;
  float: right; }
  .lt-ie9 .form-submit #comment-submit {
    width: 100px; }

/*-------------------------------------*\
               PROGRESSBAR
\*-------------------------------------*/
.progressbar {
  height: 12px;
  height: 0.85714rem;
  background-color: #1a1717;
  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.21429rem 0.42857rem;
    border-bottom-color: white;
    border-right-color: white; }

.progressbar__progress {
  float: left;
  height: 12px;
  height: 0.85714rem;
  background-color: #fb4834; }

/*------------------------------------*\
               SLIDER ARROWS
\*------------------------------------*/
.rsArrow .rsArrowIcn {
  height: 26px;
  height: 1.85714rem;
  width: 26px;
  width: 1.85714rem;
  margin: 0 20px;
  margin: 0 1.42857rem;
  border-color: white; }
  .sub-menu--mega .rsArrow .rsArrowIcn {
    height: 20px;
    height: 1.42857rem;
    width: 20px;
    width: 1.42857rem; }

@media only screen and (max-width: 899px) {
  .billboard .rsArrow {
    top: 30%; } }
@media only screen and (min-width: 1366px) {
  .arrows--outside .rsArrow .rsArrowIcn {
    height: 45px;
    height: 3.21429rem;
    width: 45px;
    width: 3.21429rem;
    /*border-color: black;*/
	border-width: 6px;}
  .arrows--outside .rsArrow.rsArrowLeft {
    /*left: -12%;*/ }
  .arrows--outside .rsArrow.rsArrowRight {
    /*right: -12%; */} }
/**
 * On fade transition the arrows disappear
 */
.rsArrow {
  z-index: 10; }
  .arrows--outside .rsArrow {
    top: 0;
    height: 100%; }
    .arrows--outside .rsArrow .rsArrowIcn {
      top: 45%; }
  .single-post .arrows--outside .rsArrow {
    height: 100%; }
  @media only screen and (max-width: 899px) {
    .billboard.arrows--outside .rsArrow {
      height: 80%;
      padding-top: 25%; } }
  @media only screen and (min-width: 900px) {
    .arrows--outside .rsArrow .rsArrowIcn {
      top: 50%;
      position: relative; } }

/*------------------------------------*\
               $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, .billboard:before, .image-wrap:after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAABKZJREFUeNrUmktoXFUYx3/3zkynsWnsVGME26oRsVZFqgYFH/hY6MKUCrrxUSnFpeBCdKELiQjizo0LUVyICIK6Fd9UURSfraWtVUx9pY2tjSakmU7nXhf3f/Dryb3TmcxM5s4fDhMyyb3nd8/3Ot+5QRzHdEjrgJuBa4BLgPOBYWAQGAACDafY+2xLxTb/fz1wP3APcJl+F6QMK/+7WKPeDtRSQa4AHgO2AgUzoWAJ1wr1fyUgAmr67CrIMPA0cK+ZQCdV0JzqQLWVFWoFZCvwPLAmw7ZPAF8CO4HdwI/AIWDO/H1sTCrMMEO3OiVgQSt0WgVNOPsK4BlgR8oNQ2AX8BLwNnCsjVUoZACeAObbBVkFvALcmnKTH4AJ4N0ORZ4CUDZA9mGdBGYb3acRyADwJjCW8oQmgBd1g05rhReu3agD/2TBZIGUgNeBG72LTQLb5QPdVEH5x1+dWhZMmHGhCeB646Ax8A1w+zJAoKf/rz4tSBlYnRXDfW0BtmnykcZXwF3AUZZPsWBOap5urJLpNTStEeBDYMg8hYPA+DJD+A/7LEU2Ww0c1oqlrsgTsk1nTgvAQz2EQBYx45U3BZPPFoFcDtzp+cWzwB56r5rCr/WXQUW4RSAPexl4j3JIXjQnU7K5rOKDnAfc4jn4c13KE+1oxiRJ5/glC7LF2GOsrP0x+dNxmVlogIYsyLgxqQh4tVMbni5o1iuXVjuQc4ELDUQVeIf8as6rw8pAKQSuNX4RAd+JOq9yD/uUJBlqixob//ic/Ou45ycDRWCD2VoGwL4+AKka/w6AlUWF3sik/sk+A8GBVEzEosflSCvVsQUpFFVJ2q7FfB+ClIpLab3kRBYkDhWXbfg9ow8gCl74jUPgb6/GWtsHICUPpB4Cv5kcEpG0QfOuAQMRALVQO0BrWhf1AcigtyILoRKgBdncByAVD2Q+BL72QDaqzs+ritrmWpCZEJhWNncgBeCmHIOcIxgHUXWmBfCe5/DjOQbZ4Dn6tE0q73vmNQpclUOIsz2zCoApC3IY+MyD2S4zy4sC4FLPN46qpD8lzb+mGsaBXKD2UF40muLkP6fVKwfUcLB9rfu0De61zgQ2ea2gKZKW6iIQgJe1zXWrUgIedZ2KHqkMXKe5uB1hHdibVUGiuusFz1dGgMd1wV7kjBv4vxftTGo3STs3EwTgE3VRYq9seVKlwXKuxG0kB7DWLyaB3xvV9L6J7fKaEqPAU4rj3dZa4A6FW9tk+Av4PjWkNTh6K5N05y/2kmUVeAP4oAubslAh9mpNPjL3ngY+whwlNAsCsBJ4hKRTH3nmdhB4i6S92qmMPaaCMPIg/iA59s7sRTdzPF0EHiB5z8SHcUA7gW+XsN8va8U3kRzmRCkQ+0jO7xuuftDCSzVjwINapTjlpjUlqAPAnzKFWZJTYLerG5T9D5O8hDOi76KUUQU+BX5pKu23+HbQEHA3SZs1zphA/TQ/Z31vx37gC1d+dAPEab2iypVNAjUDUAd+0v7oSMuFWJvva1W0OptlLlGDkfX0jyhL76WN5nnQwRfPKkqc6+S4a+RPrne2oNbTMVWtU8Cvtl5qR/8NAAPspXCpQqeMAAAAAElFTkSuQmCC");
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  -webkit-animation: clockwise 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite;
  animation: clockwise 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite; }

.preloader-dark, .billboard:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/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, .document-ready .billboard:before, .document-ready .image-wrap:after {
  display: none; }

/*-----------------------------------------------*\
              SHARE LINKS
\*-----------------------------------------------*/
#share-box ul, #share-box-top ul {
  text-align: center; }
@media only screen and (max-width: 899px) {
  #share-box .share-total, #share-box .share-total-top, #share-box-top .share-total, #share-box-top .share-total-top {
    display: block; } }

.share-item {
  text-align: center;
  margin-left: 12px;
  cursor: pointer; }

.share-item__icon i.pixcode--icon.circle {
  color: #fff;
  font-size: 16px;
  line-height: 32px;
  width: 32px;
  height: 32px;
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0px 0 rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0px 0 rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0px 0 rgba(255, 255, 255, 0.8);
  background-color: #4c4a4a; }
  .share-item__icon i.pixcode--icon.circle:before {
    margin: 0;
    line-height: 2; }
.share-item__icon:hover i.pixcode--icon.circle {
  -moz-box-shadow: 0 2px 0px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0px 0 rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0 2px 0px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0px 0 rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 2px 0px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0px 0 rgba(0, 0, 0, 0.2) inset; }

.share-item__value {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2.01; }

@media only screen and (max-width: 899px) {
  .share-total, .share-item:first-child {
    margin-left: 0; } }
@media only screen and (min-width: 900px) {
  .share-total, .share-total-top {
    border-left: 1px solid #1a1717;
    padding-left: 24px;
    margin-left: 24px; } }
.share-total__value, .share-total__value-top {
  font-size: 32px;
  font-size: 2.28571rem;
  line-height: 1.135;
  font-family: "Arvo", serif;
  position: relative;
  top: 2px; }

.share-total__title {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2.01;
  color: #807f7e;
  text-transform: uppercase; }

.share-item.pixlikes-share i.pixcode--icon.circle {
  background-color: #232323; }
.share-item.twitter-share i.pixcode--icon.circle {
  background-color: #00aced; }
.share-item.facebook-share i.pixcode--icon.circle {
  background-color: #0b59aa; }
.share-item.gplus-share i.pixcode--icon.circle {
  background-color: #d84d2f; }
.share-item.pinterest-share i.pixcode--icon.circle {
  background-color: #ce1c1e; }

#pinterest i {
  background-color: #ce1c1e; }

#linkedin i {
  background-color: #0375b3; }

#buffer i {
  background-color: #232323; }

.social-icon-link {
  display: block;
  background-color: #1a1717;
  color: #807f7e;
  text-align: center;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  -webkit-transition: all 0.15s;
  transition: all 0.15s; }
  .social-icon-link:hover .square, .social-icon-link:focus .square, .social-icon-link:active .square {
    background-color: #fb4834 !important;
    color: white !important; }

.form-search {
  position: relative;
  width: 100%;
  height: 36px;
  height: 2.57143rem; }

.search-query {
  width: auto;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.72429;
  border: 1px solid #ddd;
  position: absolute;
  left: 0;
  top: 0;
  right: 48px;
  right: 3.42857rem;
  outline: none !important;
  line-height: 1.2;
  padding: 8px 12px; }

.search-submit {
  position: absolute;
  top: 0;
  right: 0;
  height: 43px;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.72429;
  width: 48px;
  width: 3.42857rem;
  padding: 6px;
  padding: 0.42857rem;
  text-align: center; }

@media only screen and (min-width: 900px) {
  .search-form--404 {
    width: 50%;
    margin-bottom: 200px; } }
/*------------------------------------*\
               AUTHOR BOX
\*------------------------------------*/
.author__avatar {
  margin-top: 6px;
  margin-top: 0.42857rem; }
  .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.85714rem 0; } }
.author__title {
  font-size: 15px;
  font-size: 1.07143rem;
  line-height: 1.61;
  margin-bottom: 3px;
  margin-bottom: 0.21429rem; }
  .author__title a {
    color: #1a1717; }

.author__bio {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.4; }

.author__social-links__list-item {
  margin-right: 18px;
  margin-right: 1.28571rem; }

.author__social-link {
  font-size: 11px;
  font-size: 0.78571rem;
  line-height: 1.10091; }

/*---------------------------------*\
               REVIEWS
\*---------------------------------*/
.score-box {
  max-width: 145px;
  max-width: 10.35714rem;
  margin: 0 auto 24px; }
  @media only screen and (min-width: 900px) {
    .score-box {
      margin: 0; } }
  .center-score .score-box {
    margin-left: auto;
    margin-right: auto; }

.score__average-wrapper {
  position: relative;
  background-color: #fb4834;
  color: white;
  padding: 12px 0;
  padding: 0.85714rem 0; }

.score__average {
  width: 100%;
  font-size: 72px;
  font-size: 5.14286rem;
  text-align: center; }

.score__note {
  line-height: 1;
  padding: 24px 0;
  padding: 1.71429rem 0; }

.average--with-desc .score__note {
  padding: 0; }

.score__desc {
  font-family: "PT Sans", sans-serif;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 1px;
  margin: 12px 12px 0 12px;
  margin: 0.85714rem 0.85714rem 0 0.85714rem;
  padding-top: 12px;
  padding-top: 0.85714rem;
  border-top: 1px dotted white; }

.score-box--after-text {
  text-align: center;
  text-transform: uppercase;
  display: block;
  font-size: 32px;
  font-size: 2.28571rem;
  line-height: 1.135;
  font-family: "Arvo", serif; }

.review__score {
  position: relative; }

.score__progressbar {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

.score__badge {
  width: 1.75em;
  position: absolute;
  bottom: 7px;
  bottom: 0.5rem;
  right: -1px;
  z-index: 20; }
  .score__badge:after {
    display: none; }

.score__pros__title,
.score__cons__title {
  color: #fb4834;
  border-bottom: 1px dotted #b2b2b2;
  margin-bottom: 6px;
  margin-bottom: 0.42857rem; }
  .score__pros__title .hN, .score__pros__title .article__author-name, .score__pros__title .comment__author-name, .score__pros__title .score__average-wrapper, .score__pros__title .score__label, .score__pros__title .widget_calendar caption, .widget_calendar .score__pros__title caption,
  .score__cons__title .hN,
  .score__cons__title .article__author-name,
  .score__cons__title .comment__author-name,
  .score__cons__title .score__average-wrapper,
  .score__cons__title .score__label,
  .score__cons__title .widget_calendar caption,
  .widget_calendar .score__cons__title caption {
    font-size: 15px;
    font-size: 1.07143rem;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 12px;
    margin-bottom: 0.85714rem; }

.score__pros__list,
.score__cons__list {
  list-style-position: inside;
  margin-left: 0;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.72429; }
  .score__pros__list li,
  .score__cons__list li {
    margin-bottom: 3px; }
  @media only screen and (min-width: 900px) {
    .score__pros__list,
    .score__cons__list {
      margin-bottom: 0; } }

.score-box--inside {
  width: 145px;
  width: 10.35714rem;
  float: left;
  margin-top: 12px;
  margin-top: 0.85714rem;
  margin-right: 24px;
  margin-right: 1.71429rem;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

/*---------------------------------*\
         		STATS
\*---------------------------------*/
/**
 * Footer Posts stats
 */
.site__stats {
  text-align: center;
  position: relative; }
  .site__stats a, .site__stats {
    color: #807f7e; }
  .site__stats .container {
    position: relative;
    min-height: 30px; }
  .site__stats .stat-group {
    margin-bottom: 0;
    margin-left: 0; }
  .site__stats li {
    vertical-align: bottom; }
  .site__stats .stat {
    margin-top: 48px;
    margin-left: -1px;
    height: 96px;
    width: 48px;
    position: relative; }
  .site__stats .stat__value, .site__stats .stat__title {
    font-size: 12px;
    line-height: 2.5;
    width: 100%;
    z-index: 1;
    -moz-transition: all 0.15s 0.07s;
    -o-transition: all 0.15s 0.07s;
    -webkit-transition: all 0.15s;
    -webkit-transition-delay: 0.07s;
    transition: all 0.15s 0.07s; }
    .site__stats .stat__value:after, .site__stats .stat__title:after {
      background: #fb4834;
      content: "";
      display: block;
      width: 100%;
      height: 120%;
      max-height: 0;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: -1;
      -moz-transition: max-height 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.07s;
      -o-transition: max-height 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.07s;
      -webkit-transition: max-height 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
      -webkit-transition-delay: 0.07s;
      transition: max-height 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.07s; }
  .site__stats .stat__value {
    padding-top: 3px;
    background: #f2f2f2;
    min-height: 32px;
    position: absolute;
    bottom: 34px;
    left: 0; }
  .site__stats .stat__title {
    font-weight: normal;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: 0; }
    .site__stats .stat__title:after {
      top: 0;
      bottom: auto; }
  .site__stats:after {
    background: #f2f2f2;
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: 30px;
    z-index: 100; }
  .site__stats .stat:hover .stat__value, .site__stats .stat:hover .stat__title {
    color: #fff; }
    .site__stats .stat:hover .stat__value:after, .site__stats .stat:hover .stat__title:after {
      max-height: 100%; }

/*---------------------------------*\
 		  BACK TO TOP LINK
\*---------------------------------*/
.back-to-top {
  position: relative; }
  .back-to-top a {
    font-size: 12px;
    line-height: 2.5;
    text-transform: uppercase;
    padding-right: 19px;
    display: block;
    position: relative; }
  @media only screen and (min-width: 900px) {
    .back-to-top {
      position: absolute;
      bottom: 0;
      right: 24px; }
      .back-to-top a:after, .back-to-top a:before {
        content: "";
        position: absolute;
        top: 43%;
        right: 3px;
        width: 7px;
        height: 7px;
        border: 0 solid #807f7e;
        border-top-width: 2px;
        border-right-width: 0.14286rem;
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -moz-transition: all 0.15s;
        -o-transition: all 0.15s;
        -webkit-transition: all 0.15s;
        transition: all 0.15s; }
      .back-to-top a:hover:after, .back-to-top a:hover:before {
        border-color: #fb4834; }
      .back-to-top a:hover:before {
        top: 10px; }
      .back-to-top a:hover:after {
        top: 15px; } }

/**
 * Article likes box styling
 *
    &lt;div class="article-likes__box"&gt;
        &lt;i class="icon-heart"&gt;&lt;/i&gt;
        &lt;span class="likes-count"&gt;3&lt;/span&gt;
        likes
    &lt;/div&gt;
 */
.likes-box.pixlikes-box {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.72429;
  text-transform: uppercase; }
  .likes-box.pixlikes-box .like-link {
    display: inline-block; }
  .likes-box.pixlikes-box i {
    font-size: 22px;
    font-size: 1.57143rem;
    line-height: 48px;
    line-height: 3.42857rem;
    text-align: center;
    color: #1a1717 !important;
    padding: 0;
    display: block;
    background: transparent !important;
    border: 3px solid #1a1717;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
    .likes-box.pixlikes-box i:before {
      position: relative;
      top: -2px; }
    .likes-box.pixlikes-box i:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #1a1717;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      -moz-transition: all 1s ease-out;
      -o-transition: all 1s ease-out;
      -webkit-transition: all 1s ease-out;
      transition: all 1s ease-out;
      z-index: -1;
      backface-visibility: visible;
      -webkit-backface-visibility: visible;
      -moz-backface-visibility: visible; }
  .image__item-meta .likes-box.pixlikes-box i {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: transparent; }
  .likes-box.pixlikes-box .likes-text {
    position: relative; }
    .likes-box.pixlikes-box .likes-text:after {
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: -22px;
      content: "Don't move!";
      width: 75px;
      background: #fff;
      text-transform: none;
      font-weight: bold;
      color: #1a1717;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -moz-transition: opacity 0.2s linear;
      -o-transition: opacity 0.2s linear;
      -webkit-transition: opacity 0.2s linear;
      transition: opacity 0.2s linear; }

/**
 * Default State - can like (.likeable)
 */
.likeable .like-link {
  cursor: pointer; }
.likeable i:after {
  -moz-transform: scale(0.15);
  -ms-transform: scale(0.15);
  -o-transform: scale(0.15);
  -webkit-transform: scale(0.15);
  transform: scale(0.15); }

/**
* Hover State (.animate)
*/
.likes-box.pixlikes-box.animate i:after {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -moz-transition: all 1.7s;
  -o-transition: all 1.7s;
  -webkit-transition: all 1.7s;
  transition: all 1.7s; }
.likes-box.pixlikes-box.animate .likes-text:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }

/**
* Complete animation (.complete)
*/
.complete i {
  color: #fb4834;
  background-color: #1a1717;
  font-size: 24px;
  font-size: 1.71429rem;
  animation: bounce 1s;
  -webkit-animation: bounce 1s; }
  .complete i:after {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }

/**
* Liked State - cannot like (.liked)
*/
.likes-box.liked i {
  color: #fb4834 !important;
  background-color: #1a1717 !important;
  font-size: 24px;
  font-size: 1.71429rem; }
  .likes-box.liked i:after {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }

/*
* Bounce animation for completed state
*/
@keyframes bounce {
  0% {
    transform: scale(1.1);
    opacity: 1; }

  50% {
    transform: scale(1.5);
    opacity: .7; }

  60% {
    transform: scale(0.6);
    opacity: 1; }

  80% {
    transform: scale(1.1); }

  100% {
    transform: scale(1); } }
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: scale(1.1);
    opacity: 1; }

  50% {
    -webkit-transform: scale(1.5);
    opacity: .7; }

  60% {
    -webkit-transform: scale(0.6);
    opacity: 1; }

  80% {
    -webkit-transform: scale(1.1); }

  100% {
    -webkit-transform: scale(1); } }
@-moz-keyframes bounce {
  0% {
    -moz-transform: scale(1.1);
    opacity: 1; }

  50% {
    -moz-transform: scale(1.5);
    opacity: .7; }

  60% {
    -moz-transform: scale(0.6);
    opacity: 1; }

  80% {
    -moz-transform: scale(1.1); }

  100% {
    -moz-transform: scale(1); } }
/*------------------------------------*\
    $LAYOUT
\*------------------------------------*/
/**
 * Page elements; header, footer, sidebar
 */
/*--------------------------------*\
               HEADER
\*--------------------------------*/
@media only screen and (max-width: 899px) {
  .site-header {
    height: 72px;
    height: 5.14286rem;
    width: 50%; }

  .header--type2 .site-header {
    width: 100%; }
    .header--type2 .site-header &gt; div {
      display: table-row; }
    .header--type2 .site-header .site-logo {
      width: 75%;
      margin: 18px 0;
      height: 36px;
      display: block; }
    .header--type2 .site-header .header-ad {
      float: left;
      width: 100%;
      margin-top: 6px;
      margin-bottom: 12px; } }
@media only screen and (min-width: 900px) {
  .site-header {
    height: 144px;
    height: 10.28571rem; } }
.site-header {
  table-layout: fixed; }

.header-ad-link {
  display: block;
  text-align: center; }
  @media only screen and (min-width: 900px) {
    .header-ad-link {
      text-align: right; } }

/*----------------------------------------*\
    $TITLE/LOGO
\*----------------------------------------*/
.site-home-title {
  display: inline; }

.site-logo {
  width: 100%; }
  .site-logo img {
    display: block;
    max-height: 100%; }

.site-logo--text {
  display: block; }
  @media only screen and (min-width: 900px) {
    .header--type3 .site-logo--text {
      text-align: center; } }

.site-logo--image {
  display: block;
  margin: 0 auto; }
  @media only screen and (max-width: 899px) {
    .site-logo--image {
      margin: 6px 0; }
      .site-logo--image img {
        max-height: 100px !important; } }

@media only screen and (min-width: 900px) {
  .has--2x-image {
    max-width: 50%; } }

/*----------------------------------------*\
    $HEADER BAR(SIDEBAR)
\*----------------------------------------*/
.header-bar &gt; li {
  vertical-align: top; }
.header-bar .form-search, .header-bar .search-query,
.header-bar .search-submit, .header-bar .pixcode--icon {
  height: 50px; }
.header-bar .form-search {
  width: 216px;
  width: 15.42857rem;
  background-color: #1a1717; }
.header-bar .search-query {
  right: 50px;
  padding: 6px 0 6px 12px;
  padding: 0.42857rem 0 0.42857rem 0.85714rem;
  border: 0;
  color: white;
  background: #1a1717;
  text-transform: uppercase;
  letter-spacing: 2px;
  letter-spacing: 0.14286rem; }
.header-bar .search-submit {
  width: 50px;
  vertical-align: top;
  background: #1a1717;
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.34333;
  padding-left: 0;
  padding-right: 0; }
.header-bar .pixcode--icon {
  width: 50px;
  font-size: 22px;
  line-height: 50px; }

.header--type2 .social-icon-link, .header--type3 .social-icon-link {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.51; }

.header-bar--top {
  margin: 0; }
  .header-bar--top .form-search, .header-bar--top .search-query,
  .header-bar--top .search-submit, .header-bar--top .pixcode--icon {
    height: 36px; }
  .header-bar--top .search-query {
    line-height: 1.2;
    padding-right: 0 !important; }
  .header-bar--top .search-submit {
    padding-top: 0;
    padding-bottom: 0; }
    .header-bar--top .search-submit i {
      font-size: 15px;
      font-size: 1.07143rem;
      line-height: 1.61; }
  .header-bar--top .pixcode--icon {
    width: 36px;
    font-size: 16px;
    line-height: 36px; }

.site-navigation--top {
  margin-left: -24px;
  margin-left: -1.71429rem; }

@media only screen and (min-width: 900px) {
  .header--type3 .site-logo img {
    margin: 0 auto; } }
.nav-top-separator {
  margin: 0;
  display: none; }

@media only screen and (min-width: 900px) {
  /*----------------------------------------*\
      $NAV TOP INVERSE
  \*----------------------------------------*/
  .nav-inverse-top .navigation--top {
    background: none; }
    .nav-inverse-top .navigation--top a {
      color: #888; }
    .nav-inverse-top .navigation--top .social-icon-link {
      background: none; }
    .nav-inverse-top .navigation--top .pixcode--icon {
      background: none; }
  .nav-inverse-top .nav--top li {
    background-color: white; }
    .nav-inverse-top .nav--top li a {
      border-top-color: #eee;
      color: #888; }
    .nav-inverse-top .nav--top li:hover &gt; a {
      color: black; }
  .nav-inverse-top .nav--top .sub-menu, .nav-inverse-top .nav--top .sub-menu--mega {
    background: #ddd; }

  /*----------------------------------------*\
          $NAV MAIN INVERSE
  \*----------------------------------------*/
  .nav-inverse-main .navigation--main {
    background: white; }
    .nav-inverse-main .navigation--main a {
      color: #888; }
  .nav-inverse-main .nav--main {
    border-bottom: 5px solid #1a1717;
    border-bottom: 0.35714rem solid #1a1717; }
    .nav-inverse-main .nav--main li {
      background-color: white; }
      .nav-inverse-main .nav--main li a {
        border-top-color: #eee;
        color: #888; }
      .nav-inverse-main .nav--main li:hover &gt; a {
        color: black; }
      .nav-inverse-main .nav--main li .article--billboard-small {
        background-color: white;
        border-bottom-color: #ccc; }
    .nav-inverse-main .nav--main &gt; li {
      background-color: transparent;
      padding-bottom: 5px;
      padding-bottom: 0.35714rem;
      margin-bottom: -5px;
      margin-bottom: -0.35714rem; }
      .nav-inverse-main .nav--main &gt; li:hover {
        background-color: transparent; }
        .nav-inverse-main .nav--main &gt; li:hover &gt; a {
          color: black; }
    .nav-inverse-main .nav--main .sub-menu, .nav-inverse-main .nav--main .sub-menu--mega {
      background-color: #ccc;
      padding-top: 0;
      margin-top: 0; }
      .nav-inverse-main .nav--main .sub-menu .sub-menu, .nav-inverse-main .nav--main .sub-menu--mega .sub-menu, .nav-inverse-main .nav--main .sub-menu .sub-menu--mega, .nav-inverse-main .nav--main .sub-menu--mega .sub-menu--mega {
        margin-top: -5px;
        margin-top: -0.35714rem;
        padding-top: 5px;
        padding-top: 0.35714rem; }
    .nav-inverse-main .nav--main .nav--sub-menu {
      margin-top: 5px;
      margin-top: 0.35714rem;
      padding-top: 5px;
      padding-top: 0.35714rem;
      border-bottom: 0; }
    .nav-inverse-main .nav--main .sub-menu--mega {
      margin-top: 5px;
      margin-top: 0.35714rem;
      padding-top: 5px;
      padding-top: 0.35714rem;
      border-bottom-color: rgba(255, 255, 255, 0.4); }
  .nav-inverse-main .sub-menu__grid__item {
    background-color: white; }
  .nav-inverse-main .site-header .form-search, .nav-inverse-main .site-header .social-icon-link {
    border: 1px solid #dedede;
    background: none; }
  .nav-inverse-main .site-header .search-query, .nav-inverse-main .site-header .search-submit {
    background: none; }
  .nav-inverse-main .site-header .search-query {
    color: #1a1717; }
  .nav-inverse-main .site-header .search-submit:hover {
    color: #1a1717; }
  .nav-inverse-main .site-header .pixcode--icon {
    height: 48px;
    width: 48px;
    background: none; } }
      @media only screen and (min-width: 900px) and (max-width: 899px) {
        .nav-inverse-main .nav--main li .article--billboard-small .hN, .nav-inverse-main .nav--main li .article--billboard-small .article__author-name, .nav-inverse-main .nav--main li .article--billboard-small .comment__author-name, .nav-inverse-main .nav--main li .article--billboard-small .score__average-wrapper, .nav-inverse-main .nav--main li .article--billboard-small .score__label, .nav-inverse-main .nav--main li .article--billboard-small .widget_calendar caption, .widget_calendar .nav-inverse-main .nav--main li .article--billboard-small caption {
          color: black; } }
@media only screen and (min-width: 900px) and (min-width: 900px) {
  .nav-inverse-main .nav-top-separator {
    display: block; } }
/*--------------------------------*\
               FOOTER
\*--------------------------------*/
/*
.site__footer {
  background: #1a1717;
  font-size: 14px;
  font-size: 1rem;
  color: #a6a1a1; }
  .site__footer a {
    color: #a6a1a1; }
    .site__footer a:hover {
      color: white; }

.footer__sidebar {
  padding-top: 36px;
  padding-top: 2.57143rem; }
  .footer__sidebar .container {
    position: relative; }

.footer__copyright {
  background: black;
  padding: 12px 0;
  padding: 0.85714rem 0; }
  @media only screen and (max-width: 899px) {
    .footer__copyright div div &gt; div {
      text-align: center;
      float: left;
      width: 100%; } }
  @media only screen and (min-width: 900px) {
    .footer__copyright .footer-menu {
      text-align: right; } }
*/

.featured-area .heroslider {
  position: relative;
  margin-bottom: 36px;
  margin-bottom: 2.57143rem; }

.featured-area__article {
  position: relative;
  margin-bottom: 36px;
  margin-bottom: 2.57143rem; }

.article--big .article__title, .article--big .article--list__title, .article--big .latest-comments__title {
  margin-bottom: 0; }

.featured-area__aside {
  margin-bottom: 36px;
  margin-bottom: 2.57143rem; }

/*---------------------------------*\
         CLASSIC POST LAYOUT
\*---------------------------------*/
.classic &gt; div {
  width: 100%;
  text-align: left;
  margin-bottom: 5px;
  margin-bottom: 0.35714rem; }
  .classic &gt; div:last-child hr {
    display: none; }
.classic .media__img--rev {
  float: left;
  margin-left: 0;
  position: relative; }
  .classic .media__img--rev .post-format-icon {
    margin-top: -50px;
    margin-top: -3.57143rem;
    margin-left: -39px;
    margin-left: -2.78571rem; }
.classic .article__title, .classic .article--list__title, .classic .latest-comments__title {
  height: auto;
  line-height: 1.2;
  width: 100%;
  position: relative; }
.classic .article--grid__body {
  padding: 0; }
.classic .article__content {
  padding: 0;
  text-align: left; }
.classic .article__category a {
  margin-right: 6px; }
  .classic .article__category a:hover:after {
    text-decoration: none; }
  .classic .article__category a:after {
    content: "|";
    color: #1a1717;
    position: relative;
    top: -1px;
    margin-left: 6px; }
  .classic .article__category a:last-child:after {
    content: ""; }

/*---------------------------------*\
         MASSONRY POST LAYOUT
\*---------------------------------*/
[data-columns]::before {
  position: absolute;
  right: 9999em;
  bottom: 9999em;
  visibility: hidden; }

.masonry__item, [data-columns] &gt; div {
  display: inline-block;
  padding-left: 24px;
  vertical-align: top; }

.masonry__item-wrapper.grid__item &gt; .masonry__item, .masonry__item-wrapper.logged-in-as &gt; .masonry__item, .masonry__item-wrapper.comment-form-author &gt; .masonry__item,
.masonry__item-wrapper.comment-form-email &gt; .masonry__item,
.masonry__item-wrapper.comment-form-url &gt; .masonry__item, .masonry__item-wrapper.comment-form-comment &gt; .masonry__item,
.masonry__item-wrapper.form-submit &gt; .masonry__item,
.masonry__item-wrapper.comment-subscription-form &gt; .masonry__item, .featured-area .masonry__item-wrapper.heroslider &gt; .masonry__item, .masonry__item-wrapper.featured-area__article &gt; .masonry__item, .masonry__item-wrapper.featured-area__aside &gt; .masonry__item, [data-columns].masonry__item-wrapper.grid__item &gt; div, [data-columns].masonry__item-wrapper.logged-in-as &gt; div, [data-columns].masonry__item-wrapper.comment-form-author &gt; div,
[data-columns].masonry__item-wrapper.comment-form-email &gt; div,
[data-columns].masonry__item-wrapper.comment-form-url &gt; div, [data-columns].masonry__item-wrapper.comment-form-comment &gt; div,
[data-columns].masonry__item-wrapper.form-submit &gt; div,
[data-columns].masonry__item-wrapper.comment-subscription-form &gt; div, .featured-area [data-columns].masonry__item-wrapper.heroslider &gt; div, [data-columns].masonry__item-wrapper.featured-area__article &gt; div, [data-columns].masonry__item-wrapper.featured-area__aside &gt; div {
  width: 100%;
  padding-left: 0; }

@media screen and (max-width: 599px) {
  [data-columns]::before {
    content: '1 .grid__item.one-whole  .masonry__item-wrapper'; }
  [data-columns] .masonry__item, [data-columns] &gt; div {
    width: 100%; } }
@media screen and (min-width: 600px) and (max-width: 899px) {
  [data-columns]::before {
    content: '2 .grid__item.one-half  .masonry__item-wrapper'; }
  [data-columns] .masonry__item, [data-columns] &gt; div {
    width: 50%; } }
@media screen and (min-width: 900px) and (max-width: 1023px) {
  [data-columns]::before {
    content: '1 .grid__item.one-whole  .masonry__item-wrapper'; }
  [data-columns] .masonry__item, [data-columns] &gt; div {
    width: 100%; }

  [data-columns].fullwidth::before {
    content: '2 .grid__item.one-half  .masonry__item-wrapper'; }
  [data-columns].fullwidth &gt; div, [data-columns].fullwidth .masonry__item, [data-columns].fullwidth [data-columns] &gt; div {
    width: 50%; } }
@media screen and (min-width: 1024px) {
  [data-columns]::before {
    content: '2 .grid__item.one-half  .masonry__item-wrapper'; }
  [data-columns] .masonry__item, [data-columns] &gt; div {
    width: 50%; }

  [data-columns].fullwidth::before {
    content: '3 .grid__item.one-third  .masonry__item-wrapper'; }
  [data-columns].fullwidth &gt; div, [data-columns].fullwidth .masonry__item, [data-columns].fullwidth [data-columns] &gt; div {
    width: 33.33%; } }
/*--------------------------------*\
         BOXED LAYOUT STYLE
\*--------------------------------*/
/*body*/
.layout--boxed .container {
  background: #fff; }
.layout--boxed .navigation--top .container {
  background: transparent; }
.layout--boxed .site__stats:after {
  display: none; }
.layout--boxed .site__footer {
  max-width: 1100px;
  margin: 0 auto; }
 /* .layout--boxed .site__footer, .layout--boxed .site__footer .container {
    background: #1a1717; }
.layout--boxed .footer__copyright .container {
  background: transparent; }
  */

.layout--boxed.background-cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

/*------------------------------------*\
    $WIDGETS
\*------------------------------------*/
/**
 * Default and custom widgets
 */
/*---------------------------------*\
               $WIDGET
\*---------------------------------*/
.widget select {
  max-width: 100%; }

.widget--main {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

.widget--footer {
  margin-bottom: 48px;
  margin-bottom: 3.42857rem; }

.widget--footer__title em {
  color: #fb4834;
  font-style: normal; }

/*-----------------------------------*\
               TAG CLOUD
\*-----------------------------------*/
.widget_tag_cloud a {
  font-size: 12px !important;
  font-size: 0.85714rem !important; }
.widget_tag_cloud.widget--main a {
  background-color: #eee;
  color: #555; }

/*----------------------------------------*\
    $SEARCH
\*----------------------------------------*/
.widget_search .form-search {
  width: 100%;
  height: 36px;
  height: 2.57143rem; }

/*-----------------------------------------*\
               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.42857rem; }
  .menu--list &gt; li a, .widget_nav_menu ul &gt; li a, .widget_categories ul &gt; li a, .widget_meta ul &gt; li a, .widget_archive ul &gt; li a, .widget_pages ul &gt; li a, .widget_recent_comments ul &gt; li a, .widget_rss ul &gt; li a, .widget_recent_posts ul &gt; li a, .widget_recent_entries ul &gt; li a {
    display: block;
    padding: 6px 0;
    padding: 0.42857rem 0; }
  .menu--list &gt; li + li, .widget_nav_menu ul &gt; li + li, .widget_categories ul &gt; li + li, .widget_meta ul &gt; li + li, .widget_archive ul &gt; li + li, .widget_pages ul &gt; li + li, .widget_recent_comments ul &gt; li + li, .widget_rss ul &gt; li + li, .widget_recent_posts ul &gt; li + li, .widget_recent_entries ul &gt; li + li {
    border-top: 1px solid #333131;
    margin-top: -1px; }
    .site__footer .menu--list &gt; li + li, .site__footer .widget_nav_menu ul &gt; li + li, .widget_nav_menu .site__footer ul &gt; li + li, .site__footer .widget_categories ul &gt; li + li, .widget_categories .site__footer ul &gt; li + li, .site__footer .widget_meta ul &gt; li + li, .widget_meta .site__footer ul &gt; li + li, .site__footer .widget_archive ul &gt; li + li, .widget_archive .site__footer ul &gt; li + li, .site__footer .widget_pages ul &gt; li + li, .widget_pages .site__footer ul &gt; li + li, .site__footer .widget_recent_comments ul &gt; li + li, .widget_recent_comments .site__footer ul &gt; li + li, .site__footer .widget_rss ul &gt; li + li, .widget_rss .site__footer ul &gt; li + li, .site__footer .widget_recent_posts ul &gt; li + li, .widget_recent_posts .site__footer ul &gt; li + li, .site__footer .widget_recent_entries ul &gt; li + li, .widget_recent_entries .site__footer ul &gt; li + li {
      border-top-color: #262525; }
  .menu--list.two-cols &gt; li + li, .widget_nav_menu ul &gt; li + li, .widget_categories ul &gt; li + li, .widget_meta ul &gt; li + li, .widget_archive ul.two-cols &gt; li + li, .widget_pages ul.two-cols &gt; li + li, .widget_recent_comments ul.two-cols &gt; li + li, .widget_rss ul.two-cols &gt; li + li, .widget_recent_posts ul.two-cols &gt; li + li, .widget_recent_entries ul.two-cols &gt; li + li {
    border-top: 0;
    margin-top: 0; }
  .menu--list.two-cols &gt; li + li + li, .widget_nav_menu ul &gt; li + li + li, .widget_categories ul &gt; li + li + li, .widget_meta ul &gt; li + li + li, .widget_archive ul.two-cols &gt; li + li + li, .widget_pages ul.two-cols &gt; li + li + li, .widget_recent_comments ul.two-cols &gt; li + li + li, .widget_rss ul.two-cols &gt; li + li + li, .widget_recent_posts ul.two-cols &gt; li + li + li, .widget_recent_entries ul.two-cols &gt; li + li + li {
    border-top: 1px solid #ddd;
    margin-top: -1px; }
/*    .site__footer .menu--list.two-cols &gt; li + li + li, .site__footer .widget_nav_menu ul &gt; li + li + li, .widget_nav_menu .site__footer ul &gt; li + li + li, .site__footer .widget_categories ul &gt; li + li + li, .widget_categories .site__footer ul &gt; li + li + li, .site__footer .widget_meta ul &gt; li + li + li, .widget_meta .site__footer ul &gt; li + li + li, .site__footer .widget_archive ul.two-cols &gt; li + li + li, .widget_archive .site__footer ul.two-cols &gt; li + li + li, .site__footer .widget_pages ul.two-cols &gt; li + li + li, .widget_pages .site__footer ul.two-cols &gt; li + li + li, .site__footer .widget_recent_comments ul.two-cols &gt; li + li + li, .widget_recent_comments .site__footer ul.two-cols &gt; li + li + li, .site__footer .widget_rss ul.two-cols &gt; li + li + li, .widget_rss .site__footer ul.two-cols &gt; li + li + li, .site__footer .widget_recent_posts ul.two-cols &gt; li + li + li, .widget_recent_posts .site__footer ul.two-cols &gt; li + li + li, .site__footer .widget_recent_entries ul.two-cols &gt; li + li + li, .widget_recent_entries .site__footer ul.two-cols &gt; li + li + li {
      border-top-color: #262525; }
*/

.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 .article__author-name, .widget_rss .widget--footer__title .comment__author-name, .widget_rss .widget--footer__title .score__average-wrapper, .widget_rss .widget--footer__title .score__label, .widget_rss .widget--footer__title .widget_calendar caption, .widget_calendar .widget_rss .widget--footer__title caption {
  color: #fb4834; }

.widget select {
  width: 100%;
  padding-left: 6px;
  padding-left: 0.42857rem; }

.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 &gt; li a, .widget_recent_comments ul &gt; li a, .widget_archive ul &gt; li a {
  display: inline-block !important; }

.recentcomments {
  padding: 12px 0;
  padding: 0.85714rem 0; }

@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 &gt; cite:before {
  content: '-';
  margin-right: 5px; }

.rss-date {
  font-style: italic; }

.widget--footer.widget_text .wp-caption-text {
  background-color: #1a1717;
  color: #807f7e; }

.pixcode--tabs__nav {
  letter-spacing: 0;
  word-spacing: 0;
  white-space: normal; }

.widget_calendar caption {
  margin-bottom: 12px;
  margin-bottom: 0.85714rem; }
.widget_calendar th, .widget_calendar td {
  text-align: center; }

/*------------------------------------------------*\
               $LATEST COMMENTS WIDGET
\*------------------------------------------------*/
.widget--latest-comments {
  padding-bottom: 0; }

.latest-comments__list {
  font-size: 13px;
  font-size: 0.92857rem;
  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: "Arvo", serif;
  text-transform: uppercase;
  color: #1a1717; }

.latest-comments__avatar {
  margin-right: 12px;
  margin-right: 0.85714rem; }

.latest-comments__body {
  border-bottom: 1px solid #ccc; }

.latest-comments__title {
  padding: 0 6px;
  padding: 0 0.42857rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  background-color: #1a1717; }

.latest-comments__content {
  font-style: italic;
  margin-top: 12px;
  margin-top: 0.85714rem;
  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;
  overflow: hidden; }
  .widget_wpgrade_posts_slider_widget .widget__title {
    margin-bottom: 0; }
  .widget_wpgrade_posts_slider_widget .rsArrow .rsArrowIcn {
    width: 12px;
    height: 12px; }
  .widget_wpgrade_posts_slider_widget .pixslider {
    display: none; }
    .widget_wpgrade_posts_slider_widget .pixslider.slider--loaded {
      display: block; }

/*----------------------------------------------*\
               $POPULAR POSTS WIDGET
\*----------------------------------------------*/
.wpgrade_popular_posts {
  padding-bottom: 0; }
  .wpgrade_popular_posts .widget__title {
    margin-bottom: 0; }
  .wpgrade_popular_posts .tabs__content {
    margin-bottom: 12px;
    margin-bottom: 0.85714rem; }
    .wpgrade_popular_posts .tabs__content .article--list img {
      max-width: 74px;
      max-height: 54px; }

/*-----------------------------------------------*\
               $LATEST REVIEWS WIDGET
\*-----------------------------------------------*/
.reviews {
  background-color: #1a1717;
  color: white;
  border-left: 0;
  list-style: none;
  margin-left: 0; }
  .reviews .badge {
    float: right;
    margin-top: 1px;
    margin-bottom: -6px;
    margin-bottom: -0.42857rem;
    font-size: 19px;
    font-size: 1.35714rem;
    line-height: 1.27316;
    padding: .35em 0;
    position: relative;
    z-index: 10; }
  .reviews .progressbar {
    height: 6px;
    height: 0.42857rem;
    background-color: #4c4a4a;
    clear: right; }
    .reviews .progressbar:after {
      display: none; }
  .reviews .progressbar__progress {
    height: 6px;
    height: 0.42857rem; }

.review {
  margin-bottom: 18px;
  margin-bottom: 1.28571rem; }

.review__title {
  display: inline-block;
  font-family: "Arvo", serif;
  font-weight: normal;
  text-transform: uppercase;
  color: white;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 100%;
  margin-right: -24px;
  margin-right: -1.71429rem;
  padding-right: 24px;
  padding-right: 1.71429rem; }

.widget_wpgrade_twitter_widget {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }
  .widget_wpgrade_twitter_widget .tweet {
    padding-right: 144px;
    padding-right: 10.28571rem; }
  .widget_wpgrade_twitter_widget .tweet__meta-date::before {
    content: " - "; }
  .widget_wpgrade_twitter_widget .tweet__block {
    margin-bottom: 24px;
    margin-bottom: 1.71429rem; }
  .widget_wpgrade_twitter_widget.widget--footer .tweet__author {
    color: white; }
  .widget_wpgrade_twitter_widget.widget--footer .tweet__content {
    color: white; }
  .widget_wpgrade_twitter_widget .widget__title em {
    color: white; }
  .widget_wpgrade_twitter_widget .widget__title h2:before, .widget_wpgrade_twitter_widget .widget__title .arqam-widget-counter li span:before, .arqam-widget-counter li .widget_wpgrade_twitter_widget .widget__title span:before, .widget_wpgrade_twitter_widget .widget__title h3:before {
    content: "\e8f1";
    font-family: "entypo";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    font-size: 21px;
    font-size: 1.5rem;
    line-height: 1.15286;
    margin-right: .5em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em; }
  .widget_wpgrade_twitter_widget .widget--footer__title h3:before {
    color: #fb4834; }

.widget_wpgrade_flickr_widget .widget-title {
  padding-bottom: 0; }

.wpgrade-flickr-items {
  border: 0 !important;
  margin-left: -12px;
  margin-left: -0.85714rem;
  list-style-type: none; }

.wpgrade-flickr-item {
  width: 25%;
  float: left;
  border: 0 solid transparent;
  margin-bottom: 12px;
  margin-bottom: 0.85714rem;
  border-left-width: 12px;
  border-left-width: 0.85714rem; }

.wpgrade-flickr-break {
  width: 100%;
  height: 0; }

.wpgrade-flickr-link {
  border: 2px solid white;
  display: block;
  float: left;
  width: 100%; }
  .wpgrade-flickr-link img {
    display: block;
    width: 100%; }
  .wpgrade-flickr-link:hover {
    border: 2px solid white; }

.widget_wpgrade_dribbble_widget .widget-title {
  padding-bottom: 0; }

.wpgrade-dribbble-items {
  border: 0 !important;
  margin-left: -12px;
  margin-left: -0.85714rem; }

.wpgrade-dribbble-item {
  width: 50%;
  float: left;
  border: 0 solid transparent;
  margin-bottom: 12px;
  margin-bottom: 0.85714rem;
  border-left-width: 12px;
  border-left-width: 0.85714rem; }

.wpgrade-dribbble-link {
  border: 2px solid white;
  display: block;
  float: left;
  width: 100%; }
  .wpgrade-dribbble-link img {
    display: block;
    width: 100%; }
  .wpgrade-dribbble-link:hover {
    border: 2px solid white; }

/*------------------------------------*\
    $SHORTCODES
\*------------------------------------*/
/**
 * Theme specific shortcodes
 */
.pixcode--grid &gt; .grid__item, .pixcode--grid &gt; .logged-in-as, .pixcode--grid &gt; .comment-form-author,
.pixcode--grid &gt; .comment-form-email,
.pixcode--grid &gt; .comment-form-url, .pixcode--grid &gt; .comment-form-comment,
.pixcode--grid &gt; .form-submit,
.pixcode--grid &gt; .comment-subscription-form, .featured-area .pixcode--grid &gt; .heroslider, .pixcode--grid &gt; .featured-area__article, .pixcode--grid &gt; .featured-area__aside {
  float: left; }

/*------------------------------------*\
    $PAGES
\*------------------------------------*/
/**
* Single, Page, Category etc.
*/
/*------------------------------------*\
    $SINGLE POST
\*------------------------------------*/
.single .main {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.51; }

/*------------------------------------*\
    $ARCHIVE
\*------------------------------------*/
/*------------------------------------*\
              SHAME
\*------------------------------------*/
img[width], img[height] {
  max-width: 100%;
  /*height: auto;*/ }

.block-list--alt {
  border-top-width: 0;
  margin-top: 0;
  margin-bottom: -12px;
  margin-bottom: -0.85714rem; }
  .block-list--alt &gt; li {
    border-bottom-width: 0;
    padding: 0;
    padding-bottom: 12px;
    padding-bottom: 0.85714rem; }
    .block-list--alt &gt; li + li {
      border-top-width: 1px;
      padding-top: 12px;
      padding-top: 0.85714rem; }

/*----------------------------------*\
               FEATURED
\*----------------------------------*/
@-webkit-keyframes post-format-icon-border {
  0% {
    opacity: 0;
    -webkit-transform: rotateX(-360deg) rotateY(-270deg) scale(0.5); }

  60% {
    -webkit-transform: rotateX(-120deg) rotateY(-30deg) scale(1.25); }

  75% {
    -webkit-transform: rotateX(30deg) rotateY(15deg); }

  100% {
    opacity: 1;
    -webkit-transform: none; } }
@-webkit-keyframes post-format-icon-background {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5); }

  30% {
    -webkit-transform: scale(1.2); }

  100% {
    opacity: 1;
    -webkit-transform: none; } }
.post-format-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 50;
  width: 102px;
  width: 7.28571rem;
  height: 102px;
  height: 7.28571rem;
  margin-top: -57px;
  margin-top: -4.07143rem;
  margin-left: -51px;
  margin-left: -3.64286rem;
  font-size: 41px;
  font-size: 2.92857rem;
  line-height: 2.3;
  color: white;
  text-align: center;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  background-color: rgba(255, 255, 255, 0.25);
  background-clip: content-box;
  border: 0px solid transparent;
  border-width: 5px;
  border-width: 0.35714rem;
  -moz-box-shadow: 0 0 0 0.35714rem white;
  -webkit-box-shadow: 0 0 0 0.35714rem white;
  box-shadow: 0 0 0 0.35714rem white;
  border-radius: 50%;
  pointer-events: none; }
  .post-format-icon .icon-camera {
    margin-left: 2px;
    margin-left: 0.14286rem; }
  .post-format-icon .icon-play {
    margin-left: 8px;
    margin-left: 0.57143rem;
    font-size: 2.92857rem; }

.post-format-icon--featured {
  width: 80px;
  height: 80px;
  margin-top: -70px;
  margin-left: -40px;
  font-size: 30px;
  font-size: 2.14286rem;
  line-height: 2.4; }
  @media only screen and (min-width: 900px) {
    .post-format-icon--featured {
      width: 150px;
      width: 10.71429rem;
      height: 150px;
      height: 10.71429rem;
      margin-top: -75px;
      margin-top: -5.35714rem;
      margin-left: -75px;
      margin-left: -5.35714rem;
      font-size: 58px;
      font-size: 4.14286rem; }
      .post-format-icon--featured .icon-camera {
        margin-left: 4px;
        margin-left: 0.28571rem; }
      .post-format-icon--featured .icon-play {
        margin-left: 14px;
        margin-left: 1rem; } }

.wp-smiley {
  width: auto !important;
  display: inline-block; }

@media only screen and (max-width: 899px) {
  .content--404 {
    margin-bottom: 48px;
    margin-bottom: 3.42857rem; } }
.no-slides-message {
  text-align: center;
  color: #bbb;
  margin-top: 24px;
  margin-top: 1.71429rem;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.51; }

/**
 * Arrows need to be offset so .pixslider must have overflow visible
 */
.pixslider {
  overflow: visible; }

.category__featured-posts {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem;
  position: relative; }
  .category__featured-posts img {
    display: block; }
  .category__featured-posts .featured-area__article {
    padding-left: 0;
    margin-bottom: 0;
    position: relative;
    height: 100%;
    width: 100%;
    display: block; }
    .category__featured-posts .featured-area__article .image-wrap {
      position: relative;
      width: 100%;
      height: 100%;
      display: block;
      padding: 0; }
      .category__featured-posts .featured-area__article .image-wrap img {
        max-width: none;
        position: relative; }
      .category__featured-posts .featured-area__article .image-wrap .article__title .hN, .category__featured-posts .featured-area__article .image-wrap .article--list__title .hN, .category__featured-posts .featured-area__article .image-wrap .latest-comments__title .hN, .category__featured-posts .featured-area__article .image-wrap .article__title .article__author-name, .category__featured-posts .featured-area__article .image-wrap .article--list__title .article__author-name, .category__featured-posts .featured-area__article .image-wrap .latest-comments__title .article__author-name, .category__featured-posts .featured-area__article .image-wrap .article__title .comment__author-name, .category__featured-posts .featured-area__article .image-wrap .article--list__title .comment__author-name, .category__featured-posts .featured-area__article .image-wrap .latest-comments__title .comment__author-name, .category__featured-posts .featured-area__article .image-wrap .article__title .score__average-wrapper, .category__featured-posts .featured-area__article .image-wrap .article--list__title .score__average-wrapper, .category__featured-posts .featured-area__article .image-wrap .latest-comments__title .score__average-wrapper, .category__featured-posts .featured-area__article .image-wrap .article__title .score__label, .category__featured-posts .featured-area__article .image-wrap .article--list__title .score__label, .category__featured-posts .featured-area__article .image-wrap .latest-comments__title .score__label, .category__featured-posts .featured-area__article .image-wrap .article__title .widget_calendar caption, .widget_calendar .category__featured-posts .featured-area__article .image-wrap .article__title caption, .category__featured-posts .featured-area__article .image-wrap .article--list__title .widget_calendar caption, .widget_calendar .category__featured-posts .featured-area__article .image-wrap .article--list__title caption, .category__featured-posts .featured-area__article .image-wrap .latest-comments__title .widget_calendar caption, .widget_calendar .category__featured-posts .featured-area__article .image-wrap .latest-comments__title caption {
        width: 100%;
        font-size: 23px;
        font-size: 1.64286rem;
        line-height: 1.05348; }

/*------------------------------------*\
              GENERAL STUFF
\*------------------------------------*/
html {
  color: #4c4a4a; }

.show-on-ie8 {
  display: none; }

.lt-ie9 .show-on-ie8 {
  display: block; }

.container {
  max-width: 1100px;
  margin: 0 auto; }

.sidebar .widget__title .hN{ font-size: 1.35714rem !important;}

@media only screen and (min-width: 900px) {
  .sidebar {
    padding-left: 48px;
    padding-left: 3.42857rem; } }

.grid--thin {
  margin-left: -5px;
  margin-left: -0.35714rem; }
  .grid--thin &gt; .grid__item, .grid--thin &gt; .logged-in-as, .grid--thin &gt; .comment-form-author,
  .grid--thin &gt; .comment-form-email,
  .grid--thin &gt; .comment-form-url, .grid--thin &gt; .comment-form-comment,
  .grid--thin &gt; .form-submit,
  .grid--thin &gt; .comment-subscription-form, .featured-area .grid--thin &gt; .heroslider, .grid--thin &gt; .featured-area__article, .grid--thin &gt; .featured-area__aside {
    padding-left: 5px;
    padding-left: 0.35714rem; }

/*==========  $IMAGE WRAP  ==========*/
.image-wrap {
  display: block;
  padding-top: 67%;
  /*padding-left:67%;*/
  background: #ccc;
  position: relative;
  overflow: hidden; }
  .image-wrap img, .image-wrap .wp-post-image {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100% !important;
    height: auto !important;
    z-index: 20; }
  .image-wrap .article__title, .image-wrap .article--list__title, .image-wrap .latest-comments__title {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 20;
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.8));
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.8));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.8));
    background-image: linear-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.8));
    color: white;
    padding: 48px 24px 24px;
    padding: 3.42857rem 1.71429rem 1.71429rem; }
    .image-wrap .article__title .hN, .image-wrap .article--list__title .hN, .image-wrap .latest-comments__title .hN, .image-wrap .article__title .article__author-name, .image-wrap .article--list__title .article__author-name, .image-wrap .latest-comments__title .article__author-name, .image-wrap .article__title .comment__author-name, .image-wrap .article--list__title .comment__author-name, .image-wrap .latest-comments__title .comment__author-name, .image-wrap .article__title .score__average-wrapper, .image-wrap .article--list__title .score__average-wrapper, .image-wrap .latest-comments__title .score__average-wrapper, .image-wrap .article__title .score__label, .image-wrap .article--list__title .score__label, .image-wrap .latest-comments__title .score__label, .image-wrap .article__title .widget_calendar caption, .widget_calendar .image-wrap .article__title caption, .image-wrap .article--list__title .widget_calendar caption, .widget_calendar .image-wrap .article--list__title caption, .image-wrap .latest-comments__title .widget_calendar caption, .widget_calendar .image-wrap .latest-comments__title caption {
      width: 60%;
      font-size: 26px;
      font-size: 1.85714rem;
      line-height: 1.39462; }
  .image-wrap:after, .billboard:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px; }

.pixslider {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }
  .pixslider.slider--loaded {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }

/**
 * Magnific popup
 */
/*
button.mfp-arrow {
  position: absolute;
  top: 50%;
  height: 55px;
  height: 3.92857rem;
  width: 55px;
  width: 3.92857rem;
  display: block;
  border-bottom: 2px solid white;
  outline: 0; }
  @media only screen and (max-width: 899px) {
    button.mfp-arrow {
      height: 25px;
      height: 1.78571rem;
      width: 25px;
      width: 1.78571rem; } }

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-counter {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.51;
  width: 100%;
  left: 0;
  text-align: center; }
*/
img[src], img.lazy[src], img.riloadr-single[src] {
  visibility: visible; }

img.lazy, img.riloadr-single {
  visibility: hidden; }


/*----------------------------------------*\
    $CUSTOM STYLING
\*----------------------------------------*/
/* FONT PATH
 * -------------------------- */
 /*
@font-face {
  font-family: 'MHeiHK-Light';
  font-size: 25px;
  src: url('../fonts/mheihk/MHeiHK-Light.woff');
}

body, h1, h2, h3, h4, h5, span, p, div, li, a {
  font-family: 'MHeiHK-Light';
}
*/
@media only screen and (min-width: 900px) {
  .article--billboard {
    overflow: visible;
  }
}

.rpost{
	list-style:none;
	clear:both;
	height:35px;
}

.rpost img{
	display:inline;
	float:left;
	margin-right: 5px;
	margin-bottom: 15px;
}

.rpost a{
	float:left;
}

.rpost .ra{
	width:65%;
}

.weather-forecast{
	list-style:none;
	margin:0px;
	text-align:center;
}

.weather-forecast li{
	list-style:none;
	display:inline-block;
	margin:10px 20px 10px 20px;
}

.weather-weekname{
	font-family:Arial;
	color:#FF6500;
}

/** image size */
.size-medium{
	min-width:100%;
	max-width:100%;
	height:auto;
}

.size-large{
	min-width:100%;
	max-width:100%;
	height:auto;
}

.size-thumbnail{
	min-width:100%;
	max-width:100%;
	height:auto;
}

.size-full{
	min-width:100%;
	max-width:100%;
	height:auto;
}

.wp-caption{
	min-width:100%;
	max-width:100%;
	height:auto;
}

.wp-caption img{
	min-width:100%;
	max-width:100%;
	height:auto;
}


/** lcp_catlist_sidebar */
.lcp_catlist_sidebar{
	margin:0px;
	list-style:none;
}

.lcp_catlist_sidebar li{
	list-style:none;
	clear:both;
	margin-left:5px;
	width:302px;
	height:60px;
	border-bottom:1px solid #514a4a;
}

.lcp_catlist_sidebar img{
	width:50px;
	height:50px;
	display:inline;
	float:left;
	margin-right:5px;
	margin-bottom:15px;
}

.lcp_catlist_sidebar li a{
	float:left;
}

.lcp_catlist_sidebar li .ra{
	padding-left:10px;
	color:#514a4a;
	width:75%;
}


/** debug */
.footer__copyright .size-full{
	min-width:10px;
}

/*video popup*/
.shadow { position: absolute; top: 0px; right: 0px; left: 0px; background: #000; opacity: 0.8; display: none; z-index: 999; }
.popup { position: absolute; top: 0px; left: 50%; margin-left: -320px; width: 640px; display: none; z-index: 999; }
.popup .video_box{ background: #fff; border-radius: 5px; padding: 10px 15px 15px; }
.popup .hd { height: 38px; }
.popup .hd .fa-close{ font-size: 38px; display: block; padding: 10px; margin: -10px -10px 0 0;}
.popup .video{ padding-bottom: 50%; position: relative; }
.popup .video img{ width: 100%; }
.popup .video iframe{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.popup .title{ padding: 10px 0px; }
.excerpt_link{ color: #000000; }
@media ( max-width: 768px ) {
  .popup { margin: 0px; left: 0px; top: 0px; width: 100%; }
  .popup .video_box{ margin: 0px 15px; }
} 


/* footer standadization, add by Sky, 12/11/2015*/
a, a:hover{ text-decoration:none; outline: none; }
input,textarea{ border: none; resize:none; outline:0; font-family: "Noto Sans TC",STHeiti,Arial;  }
select{ border-radius: 0;}
img{ vertical-align: middle;}

body{ color: #000; background: #fff;}
.clearfix:after, .u_list li:after{ content: " "; display: table; clear: both; }
.clearfix, .u_list li{zoom: 1;}

.wrap{ width: 100%; max-width: 990px; margin: 380px auto 0;}

/*footer*/
.site__footer .container { background-color: #fff !important;}
.footer{ width: 100%; position: relative; color: #231f20; padding: 15px 0 20px;}
.footer .hd{ padding: 0 15px 10px; border-bottom: 2px solid #585657;}
.footer .hd .nmgLogoFt, .footer .hd .siteText, .footer .ft .Copyright{ float: left;}
.footer .hd .nmgLogoFt{ width: 96px; height: 92px; margin-right: 20px;}
.footer .hd .nmgLogoFt img{ width: 100%; height: 100%;}
.footer .hd .siteText{ line-height: 19px;padding-top:24px;}
.footer .hd .siteText .s_hd{ /*font-family: "Josefin Sans";*/ font-size: 22px !important; font-weight: 700; font-style: normal; padding-bottom: 13px; padding-top: 2px;}
.footer .hd .siteText .s_bd{ /*font-family: "Josefin Sans";*/ font-size: 18px !important; font-weight: bold; padding-bottom: 3px; }
.footer .hd .siteText .s_ft{ /*font-family: 'NTR';*/ font-size: 14px !important; vertical-align: super;}
.footer .ft{ padding-top: 13px; line-height: 16px;}
.footer .ft .ftLink_box{ float: right; font-family: 'NTR' !important;}
.footer .ft .ftLink_box a{ padding: 0 12px; color: #231f20; font-size: 14px !important; line-height: 18px; /*font-family: 'NTR' !important;*/}
.footer .ft .ftLink_box a:hover{ color: #54b948;}
.footer .ft .ftLink_box a:focus { color: #231f20; outline: none; text-decoration: none;}
.footer .ft .ftLink_box .Subscription{ position: relative;}
.footer .ft .ftLink_box .Subscription .tri{ display: none; background: url(../images/ft_tri.png) no-repeat; width: 20px; height: 11px; background-size: 20px auto; position: absolute; right: 28px; top: -14px; z-index: 9999;}
.footer .ft .Copyright{ /*font-family: 'NTR';*/ padding-left: 12px; font-size: 12px !important;}

/*ftPupop_box*/
.ftPupop_box{ /*font-family: 'Droid Sans';*/ background: #fff; border: 2px solid #e0e0e0; padding: 28px 0; position: absolute; right: 23px; bottom: 56px; display: none; z-index: 999;}
.ftPupop_box .close{ position: absolute; right: 1%; top: 3%; font-size: 12px; color: #282837; opacity: 1;}
.ftPupop_box .pupop{ margin: 0 22px; font-size: 12px !important;}
.ftPupop_box .pupop a{ display: inline-block; *display: inline; zoom: 1; padding: 0 10px; color: #231f20; text-decoration: none;}
.ftPupop_box .pupop a:hover{ color: #54b948;}
.ftPupop_box .pupop a:focus { color: #54b948; outline: none;}
.ftPupop_box .pupop a img{ width: 85px; height: 28px;}
.ftPupop_box .pupop .line{ display: inline-block; *display: inline; zoom: 1;}

@media (min-width: 768px) and (max-width: 990px) {
	/*ftPupop_box*/
	.ftPupop_box{ width: 38%; right: 60px; padding: 12px 0;}
	.ftPupop_box .pupop{ width: 90%;}
	.ftPupop_box .pupop .tri{ right: 22%;}
	.ftPupop_box .pupop .AppleStore, .ftPupop_box .pupop .GooglePlay{ display: inline-block; *display: inline; zoom: 1; padding: 0 0 15px;}
	.ftPupop_box .pupop .AppleStore{ padding: 0 15px 15px 0;}
}

@media (max-width: 990px) {
	/*ftPupop_box*/
	.ftPupop_box .pupop .line{ font-size: 0; display: block; border-top: 2px solid #231f20;}
	.ftPupop_box .pupop a{ display: block; padding: 15px 0;}
	
  .article--billboard__title2{
    position: relative;
    top: 0;
    left: 0;
    background: #ef8400;
    text-align: center;
    padding: 6px 12px;
    margin: -24px 24px 12px;
    margin: -1.71429rem 1.71429rem 0.85714rem;
    color: #fff;
  }

  .article--billboard__title2 .hN{ display: block; line-height: 1.27316;}
}

@media (max-width: 767px) {
	.wrap{ width: auto; min-width: 290px; padding: 0 15px;}

	/*footer*/
	.footer .hd .nmgLogoFt, .footer .hd .siteText, .footer .ft .Copyright, .footer .ft .ftLink_box{ float: none; word-spacing: -1px; letter-spacing: 0px;}
	.footer .hd .nmgLogoFt{ padding: 0 0 10px; margin: 0 auto; height: auto; width: 91px;}
	.footer .hd .siteText, .footer .ft .Copyright, .footer .ft .ftLink_box{ text-align: center;}
	.footer .hd .siteText .s_hd{ font-size: 26px; padding-bottom: 12px; font-weight: 700; font-style: normal;}
	.footer .ft .ftLink_box{ padding-bottom: 10px;}
	.footer .ft .ftLink_box a{ padding: 0 3px;}
	.footer .ft .ftLink_box .Subscription .tri{ width: 32px; height: 18px; background-size: 32px auto; right: auto; left: 50%; margin-left: -16px; top: -14px;}
	.footer .ft .Copyright{ padding: 0;}
  .footer .hd .siteText{ padding-top: 0;}
	.ftPupop_box{ width: 80%; right: 10%; bottom: 81px;}
	.ftPupop_box .close{ top: 2%; right: 2%; font-size: 16px;}
	.ftPupop_box .pupop{ width: 90%; margin: 0 5%;}
	.ftPupop_box .pupop a img{ width: 80%; height: auto;}
	.ftPupop_box .pupop .AppleStore{ padding-top: 5px;}
	.ftPupop_box .pupop .GooglePlay{ padding-bottom: 30px;}

	/*footer*/
	.footer .ft{ padding-top: 22px;}
}

/* footer standadization end */

/* extra */
.post-container, .container--main { position: relative; }
.post-article{ color: #444; word-wrap:break-word;}


@media ( max-width: 320px ) {
  .container{ padding: 0 10px !important;}
}
/*
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Sans'), local('DroidSans'), url(../fonts/font-awesome-2/DroidSans.woff2) format('woff');
}
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Josefin Sans Bold'), local('JosefinSans-Bold'), url(../fonts/font-awesome-2/JosefinSans-Bold.woff2) format('woff');
}
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Josefin Sans Bold'), local('JosefinSans-Bold'), url(../fonts/font-awesome-2/JosefinSans-Bold2.woff2) format('woff');
}
@font-face {
  font-family: 'NTR';
  font-style: normal;
  font-weight: 400;
  src: local('NTR'), url(../fonts/font-awesome-2/NTR.woff2) format('woff');
}
@font-face {
  font-family: 'NTR';
  font-style: normal;
  font-weight: 400;
  src: local('NTR'), url(../fonts/font-awesome-2/NTR2.woff2) format('woff2');
}


@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Sans'), local('DroidSans'), url(../fonts/font-awesome-2/s-BiyweUPV0v-yRb-cjciL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Josefin Sans Bold'), local('JosefinSans-Bold'), url(../fonts/font-awesome-2/C6HYlRF50SGJq1XyXj04zxAPw1J91axKNXP_-QX9CC8.woff) format('woff');
}
@font-face {
  font-family: 'NTR';
  font-style: normal;
  font-weight: 400;
  src: local('NTR'), url(../fonts/font-awesome-2/ZZD7E7W3yQUWhPRQWv5q8g.woff) format('woff');
}

@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 400;
  src: local('Arvo'), url(../fonts/font-awesome-2/BM-nqL-L5PgjKPDNaleWB_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 700;
  src: local('Arvo Bold'), local('Arvo-Bold'), url(../fonts/font-awesome-2/_OKjjqM9ed2qvTR07QdjWwLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family: 'Arvo';
  font-style: italic;
  font-weight: 400;
  src: local('Arvo Italic'), local('Arvo-Italic'), url(../fonts/font-awesome-2/ui4L3MaHUbARhH-m5bxHRevvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}
@font-face {
  font-family: 'Arvo';
  font-style: italic;
  font-weight: 700;
  src: local('Arvo Bold Italic'), local('Arvo-BoldItalic'), url(../fonts/font-awesome-2/Vj6JEk1YZr8j8R8H2j0b-rO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../fonts/font-awesome-2/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/font-awesome-2/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(../fonts/font-awesome-2/7YGmE4Ls5b94ct65u07hVQLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Bold'), local('PTSans-Bold'), url(../fonts/font-awesome-2/0XxGQsSc1g4rdRdjJKZrNL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: local('PT Sans Italic'), local('PTSans-Italic'), url(../fonts/font-awesome-2/PIPMHY90P7jtyjpXuZ2cLLO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(../fonts/font-awesome-2/lILlYDvubYemzYzN7GbLkKRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}*/</pre></body></html>