@charset "UTF-8";
/**
* Main - Magazine
*
* Description: This file includes the files needed for the project. (only include what you actually need).
* Version: 1.0.3
* -----------------------------------------------------------------------------
*/
/**
 * Variables
 *
 * Description: Contains Sass variables
 * Version: 1.0.3
 * -----------------------------------------------------------------------------
 */
/**
 * Table of Contents: 
 *
 * 1.0 - Colors
 * 2.0 - Typography
 * 3.0 - Responsivness and sizes
 * 4.0 - Other
 * -----------------------------------------------------------------------------
 */
/**
 * 1.0 - Colors
 * -----------------------------------------------------------------------------
 */
/**
 * 2.0 - Typography
 * -----------------------------------------------------------------------------
 */
/**
 * 3.0 - Responsivness and sizes
 * -----------------------------------------------------------------------------
 */
/**
 * 4.0 - Other
 * -----------------------------------------------------------------------------
 */
/**
 * Functions
 *
 * Description: Contains Sass functions
 * Version: 1.0.3
 * -----------------------------------------------------------------------------
 */
/**
 * Table of Contents:
 *
 * 1.0 - PX to EM
 * 2.0 - Tint
 * 3.0 - Shade
 * -----------------------------------------------------------------------------
 */
/**
 * 1.0 - PX to EM
 *
 * Description: Converts px-values to em-values.
 * -----------------------------------------------------------------------------
 */
/**
 * 2.0 - Tint
 *
 * Description: Slightly lighten a color
 * Read more: http://sass-guidelin.es/#lightening-and-darkening-colors
 * -----------------------------------------------------------------------------
 */
/**
 * 3.0 - Shade
 *
 * Description: Slightly darken a color
 * Read more: http://sass-guidelin.es/#lightening-and-darkening-colors
 * -----------------------------------------------------------------------------
 */
/**
 * Mixins
 *
 * Description: Contains Sass mixins
 * Version: 1.0.3
 * -----------------------------------------------------------------------------
 */
/**
 * Table of Contents:
 *
 * 1.0 - Clearfix
 * 2.0 - Border Radius
 * 3.0 - Transition
 * 4.0 - Box sizing
 * 5.0 - Gradients
 * 6.0 - Opacity
 * 7.0 - Drop shadows
 * 8.0 - Reset list
 * 9.0 - Link color
 * 10.0 - Arrow
 * 11.0 - Font Awesome
 * 12.0 - List with separator
 * 13.0 - Add extensions
 * 14.0 - Vertical align
 * -----------------------------------------------------------------------------
 */
/**
 * 1.0 - Clearfix
 *
 * Description: For clearing floats
 * -----------------------------------------------------------------------------
 */
/**
 * 2.0 - Border Radius
 *
 * Description: Creates border-radius with browser prefix.
 * -----------------------------------------------------------------------------
 */
/**
 * 3.0 - Transition
 *
 * Description: Creates transition with browser prefix.
 * -----------------------------------------------------------------------------
 */
/**
 * 4.0 - Box sizing
 *
 * Description: Sets box-sizing with browser prefix.
 * -----------------------------------------------------------------------------
 */
/**
 * 5.0 - Gradient-vertical
 *
 * Description: Creates gradient-vertical with browser prefix.
 * -----------------------------------------------------------------------------
 */
/**
 * 6.0 - Opacity
 *
 * Description: Sets opacity with IE fallback.
 * -----------------------------------------------------------------------------
 */
/**
 * 7.0 - Drop shadows
 *
 * Description: Creates box-shadow with browser prefix.
 * -----------------------------------------------------------------------------
 */
/**
 * 8.0 - Reset list
 *
 * Description: Reset the styles of a list
 * -----------------------------------------------------------------------------
 */
/**
 * 9.0 - Link color
 *
 * Description: Sets a color for a link, with hover and active.
 * -----------------------------------------------------------------------------
 */
/**
 * 10.0 - Arrow
 *
 * Description: Creates an arrow on a element.
 * -----------------------------------------------------------------------------
 */
/**
 * 11.0 - Font Awesome
 *
 * Description: Sets Font aswesome font for an element
 * -----------------------------------------------------------------------------
 */
/**
 * 12.0 - List with separator
 *
 * Description: Creates seperators for each list-element.
 * -----------------------------------------------------------------------------
 */
/**
 * 13.0 - Add extensions
 *
 * Description: Adds fontawesome icons to links based on the filetyper they are linking to.
 * -----------------------------------------------------------------------------
 */
/**
 * 14.0 - Vertical align
 *
 * Description: Vertically centers content.
 * -----------------------------------------------------------------------------
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,200,600,700,400italic);
@import url(//fonts.googleapis.com/css?family=Noto+Serif:400,700);
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

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

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

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

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

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

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

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

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

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

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

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

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*!
Typeplate : Starter Kit
URL ........... http://typeplate.com
Version ....... 2.1.0
Github ........ https://github.com/typeplate/starter-kit
Authors ....... Dennis Gaebel (@gryghostvisuals) & Zachary Kain (@zakkain)
License ....... Creative Commmons Attribution 3.0
License URL ... https://github.com/typeplate/starter-kit/blob/master/license.txt
*/
/*
$typl8-scale: (
  typl8-tera: 117,
  typl8-giga: 90,
  typl8-mega: 72,
  typl8-alpha: 60,
  typl8-beta: 48,
  typl8-gamma: 36,
  typl8-delta: 24,
  typl8-epsilon: 21,
  typl8-zeta: 18,
) !default;
*/
@font-face {
  font-family: "Ampersand";
  src: local("Georgia"), local("Garamond"), local("Palatino"), local("Book Antiqua");
  unicode-range: U+0026; }

@font-face {
  font-family: "Ampersand";
  src: local("Georgia");
  unicode-range: U+270C; }

.typl8-tera, .typl8-giga, .typl8-mega, h1, .typl8-alpha, .typl8-beta, .typl8-gamma, .typl8-delta, h2, .typl8-epsilon, h3, .typl8-zeta, h4, h5, h6 {
  text-rendering: optimizeLegibility;
  line-height: 1;
  margin-top: 0;
  color: #222; }

blockquote + figcaption cite {
  display: block;
  font-size: inherit;
  text-align: right; }

pre code {
  word-wrap: normal; }

html {
  font: normal 100%/1.5 "Source Sans Pro", sans-serif, sans-serif; }

body {
  color: #444; }

.typl8-tera {
  font-size: 70px;
  font-size: 4.375rem;
  margin-bottom: 46.66667px;
  margin-bottom: 2.91667rem; }

.typl8-giga {
  font-size: 60px;
  font-size: 3.75rem;
  margin-bottom: 40px;
  margin-bottom: 2.5rem; }

.typl8-mega, h1 {
  font-size: 50px;
  font-size: 3.125rem;
  margin-bottom: 33.33333px;
  margin-bottom: 2.08333rem; }

.typl8-alpha {
  font-size: 45px;
  font-size: 2.8125rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem; }

.typl8-beta {
  font-size: 35px;
  font-size: 2.1875rem;
  margin-bottom: 23.33333px;
  margin-bottom: 1.45833rem; }

.typl8-gamma {
  font-size: 25px;
  font-size: 1.5625rem;
  margin-bottom: 16.66667px;
  margin-bottom: 1.04167rem; }

.typl8-delta, h2 {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 13.33333px;
  margin-bottom: 0.83333rem; }

.typl8-epsilon, h3 {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 10.66667px;
  margin-bottom: 0.66667rem; }

.typl8-zeta, h4, h5, h6 {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 9.33333px;
  margin-bottom: 0.58333rem; }

p {
  margin: auto auto 1em; }

small {
  font-size: 70%; }

input,
abbr,
acronym,
blockquote,
code,
kbd,
q,
samp,
var {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none; }

pre {
  white-space: pre; }
  pre code {
    white-space: -moz-pre-wrap;
    white-space: pre-wrap; }

code {
  white-space: pre;
  font-family: monospace; }

abbr {
  -webkit-font-variant: small-caps;
  -moz-font-variant: small-caps;
  -ms-font-variant: small-caps;
  font-variant: small-caps;
  font-weight: 600;
  text-transform: lowercase;
  color: gray; }
  abbr[title]:hover {
    cursor: help; }

.typl8-drop-cap:first-letter {
  float: left;
  margin: 5px 5px 0 0;
  padding: 0 10px;
  font-size: 4em;
  font-family: "Source Serif Pro", serif;
  line-height: 1;
  text-indent: 0;
  background: transparent;
  color: inherit; }

p + .typl8-drop-cap {
  text-indent: 0;
  margin-top: 0; }

/**
 * Lining Definition Style Markup
 *
  <dl class="typl8-lining">
    <dt><b></b></dt>
    <dd></dd>
  </dl>
 *
 * Extend this object into your markup.
 *
 */
.typl8-lining dt,
.typl8-lining dd {
  display: inline;
  margin: 0; }

.typl8-lining dt + dt:before,
.typl8-lining dd + dt:before {
  content: "\A";
  white-space: pre; }

.typl8-lining dd + dd:before {
  content: ", "; }

.typl8-lining dd:before {
  content: ": ";
  margin-left: -0.2rem; }

/**
 * Dictionary Definition Style Markup
 *
  <dl class="typl8-dictionary-style">
    <dt><b></b></dt>
    <dd></dd>
  </dl>
 *
 * Extend this object into your markup.
 *
 */
.typl8-dictionary-style dt {
  display: inline;
  counter-reset: definitions; }
  .typl8-dictionary-style dt + dt:before {
    content: ", ";
    margin-left: -0.2rem; }

.typl8-dictionary-style dd {
  display: block;
  counter-increment: definitions; }
  .typl8-dictionary-style dd:before {
    content: counter(definitions, decimal) ". "; }

/**
 * Blockquote Markup
 *
    <figure>
      <blockquote cite="">
        <p></p>
      </blockquote>
      <figcaption>
        <cite>
          <small><a href=""></a></small>
        </cite>
      </figcaption>
    </figure>
 *
 * Extend this object into your markup.
 *
 */
/**
 * Pull Quotes Markup
 *
  <aside class="typl8-pull-quote">
    <blockquote>
      <p></p>
    </blockquote>
  </aside>
 *
 * Extend this object into your custom stylesheet.
 *
 */
.typl8-pull-quote {
  position: relative;
  padding: 1em; }
  .typl8-pull-quote:before, .typl8-pull-quote:after {
    height: 1em;
    opacity: 0.5;
    position: absolute;
    font-size: 4em;
    color: #333; }
  .typl8-pull-quote:before {
    content: '\201C';
    top: 0;
    left: 0; }
  .typl8-pull-quote:after {
    content: '\201D';
    bottom: 0;
    right: 0; }

/**
 * Figures Markup
 *
  <figure>
    <figcaption>
      <strong>Fig. X.X | </strong><cite title=""></cite>
    </figcaption>
  </figure>
 *
 * Extend this object into your markup.
 *
 */
/**
 * Footnote Markup : Replace 'X' with your unique number for each footnote
 *
  <article>
    <p><sup><a href="#fn-itemX" id="fn-returnX"></a></sup></p>
    <footer>
      <ol class="foot-notes">
        <li id="fn-itemX"><a href="#fn-returnX">↩</a></li>
      </ol>
    </footer>
  </article>
 *
 * Extend this object into your markup.
 *
 */
/**
 * Base
 *
 * Description: Contains some base styling for some common html-elements.
 * Version: 1.0.3
 * -----------------------------------------------------------------------------
 */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body, html {
  width: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;
  background-color: #fff; }

.faded-overlay {
  position: fixed;
  z-index: -2;
  display: none;
  background-color: #fff; }

body.faded .faded-overlay {
  display: block;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(29, 29, 29, 0.75); }

#main-content {
  outline: none !important; }

@media (max-width: 1023px) {
  #main-content > .with-bg {
    position: relative;
    top: -1em; } }

article {
  margin-bottom: 2em; }

.skip-link:focus {
  position: absolute !important;
  z-index: 99;
  padding: 1em;
  background: #f6f6f6; }

.black {
  color: #1d1d1d; }

.gray {
  color: #e6e6e6; }

.orange {
  color: #f05d27; }

.red {
  color: #c62c38; }

.blue {
  color: #27a9e1; }

.blue-dark {
  color: #0661a2; }

.green {
  color: #00885a; }

.yellow {
  color: #ffd238; }

.lilaq {
  color: #922a8e; }

.turkos {
  color: #16aa9d; }

/*
*Background colors
**/
.bg-black {
  background-color: #1d1d1d; }

.bg-gray {
  background-color: #e6e6e6; }

.bg-gray-light {
  background-color: #f6f6f6; }

.bg-gray-dark {
  background-color: #9c9c9c; }

.bg-orange {
  background-color: #f05d27; }

.bg-red {
  background-color: #c62c38; }

.bg-blue {
  background-color: #27a9e1; }

.bg-blue-light {
  background-color: #cceeff; }

.bg-blue-dark {
  background-color: #0661a2; }

.bg-green {
  background-color: #00885a; }

.bg-yellow {
  background-color: #ffd238; }

.bg-pink {
  background-color: #d51d51; }

.bg-lilaq {
  background-color: #922a8e; }

.bg-green {
  background-color: #00885a; }

.bg-turkos {
  background-color: #16aa9d; }

a:hover .bg-black {
  background-color: #000; }

a:hover .bg-gray {
  background-color: #9c9c9c; }

a:hover .bg-gray-light {
  background-color: #e6e6e6; }

a:hover .bg-gray-dark {
  background-color: #1d1d1d; }

a:hover .bg-orange {
  background-color: #c04a1f; }

a:hover .bg-red {
  background-color: #9e232d; }

a:hover .bg-blue {
  background-color: #1f87b4; }

a:hover .bg-blue-dark {
  background-color: #054e82; }

a:hover .bg-green {
  background-color: #006d48; }

a:hover .bg-yellow {
  background-color: #cca82d; }

a:hover .bg-pink {
  background-color: #aa1741; }

a:hover .bg-lilaq {
  background-color: #752272; }

a:hover .bg-blue-light {
  background-color: #a3becc; }

a:hover .bg-green {
  background-color: #006d48; }

a:hover .bg-turkos {
  background-color: #12887e; }

.bg-yellow-contrast, .block.show-as-ad .product-footer {
  background-color: #ebb500; }
  .bg-yellow-contrast a, .block.show-as-ad .product-footer a {
    color: #1d1d1d; }

.bg-blue-light-contrast {
  background-color: #99ddff; }
  .bg-blue-light-contrast a {
    color: #1d1d1d; }

.bg-blue-contrast {
  background-color: #1a8bbb; }
  .bg-blue-contrast a {
    color: #1d1d1d; }

.bg-blue-dark-contrast {
  background-color: #044471; }
  .bg-blue-dark-contrast a {
    color: #fff; }

.bg-red-contrast {
  background-color: #9c232c; }

.bg-gray-contrast {
  background-color: #cdcdcd; }
  .bg-gray-contrast a {
    color: #000; }

img.circle {
  border: 3px solid #fff;
  border-radius: 100%; }

div.circle {
  border: 3px solid #fff;
  border-radius: 100%;
  height: 192px;
  width: 192px;
  overflow: hidden; }

/*
*DEV: Icons in circles
*--------------------------------------//
*/
.ico-outer-wrap,
.fa-icon-outer-wrap {
  top: -25px;
  position: absolute;
  right: 0;
  display: inline-block;
  background: #fff;
  border-radius: 100%;
  height: 39px;
  width: 39px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  /* Chrome, Safari, Opera */
  backface-visibility: hidden; }

.ico-wrap,
.fa-icon-wrap {
  background: #27a9e1;
  height: 40px;
  width: 40px;
  border: 3px solid #fff;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  line-height: 34px;
  /*
    .icon-link{line-height: 40px;}
    .icon-file-text{
        line-height: 40px;}
    */ }
  .ico-wrap i,
  .ico-wrap .fa,
  .ico-wrap [class^="icon-"],
  .ico-wrap [class*=" icon-"],
  .fa-icon-wrap i,
  .fa-icon-wrap .fa,
  .fa-icon-wrap [class^="icon-"],
  .fa-icon-wrap [class*=" icon-"] {
    text-align: center;
    max-width: 20px;
    margin: 0 auto;
    color: #fff !important;
    font-size: 16px; }
  .ico-wrap.gray,
  .fa-icon-wrap.gray {
    background: #e6e6e6; }
  .ico-wrap.red,
  .fa-icon-wrap.red {
    background: #c62c38; }
  .ico-wrap.blue,
  .fa-icon-wrap.blue {
    background: #27a9e1; }
  .ico-wrap.blue-dark,
  .fa-icon-wrap.blue-dark {
    background: #0661a2; }
  .ico-wrap.green,
  .fa-icon-wrap.green {
    background: #00885a; }
  .ico-wrap.gold,
  .fa-icon-wrap.gold {
    background: #ffd238; }
  .ico-wrap.yellow,
  .fa-icon-wrap.yellow {
    background: #ffd238; }
  .ico-wrap.orange,
  .fa-icon-wrap.orange {
    background: #f05d27; }
  .ico-wrap.lilaq,
  .fa-icon-wrap.lilaq {
    background: #922a8e; }
  .ico-wrap .icon-book, .CheckoutPage .ico-wrap i:before,
  .StartPage .ico-wrap i:before,
  .ListPage .ico-wrap i:before,
  .StandardPage .ico-wrap i:before,
  .fa-icon-wrap .icon-book,
  .fa-icon-wrap .CheckoutPage .ico-wrap i:before, .CheckoutPage .ico-wrap
  .fa-icon-wrap i:before,
  .fa-icon-wrap
  .StartPage .ico-wrap i:before,
  .StartPage .ico-wrap
  .fa-icon-wrap i:before,
  .fa-icon-wrap
  .ListPage .ico-wrap i:before,
  .ListPage .ico-wrap
  .fa-icon-wrap i:before,
  .fa-icon-wrap
  .StandardPage .ico-wrap i:before,
  .StandardPage .ico-wrap
  .fa-icon-wrap i:before {
    line-height: 2; }
  .ico-wrap .icon-link,
  .fa-icon-wrap .icon-link {
    margin-top: 10px; }

.icon-ui-logo {
  background-image: url(../img/logo/ui_symbol.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  width: 15px;
  margin-bottom: -3px; }

.image-wrapper {
  position: relative;
  background: #f6f6f6;
  margin-bottom: .5em;
  text-align: center; }
  .image-wrapper img {
    margin-bottom: 0; }

.byline {
  font-size: .8em;
  text-align: left;
  margin-bottom: 0;
  position: absolute;
  right: 0px;
  bottom: 0px;
  background: #1d1d1d;
  background: rgba(29, 29, 29, 0.6);
  color: #fff;
  padding: .75em 1em; }
  .byline.light {
    background: #f6f6f6;
    background: rgba(246, 246, 246, 0.6);
    color: #1d1d1d; }

.badge {
  display: inline-block;
  text-align: center;
  padding: 0 5px !important;
  margin: 5px 0 -5px;
  height: 20px;
  min-width: 20px;
  max-width: 40px;
  font-size: 12px;
  line-height: 20px;
  font-weight: bold;
  white-space: nowrap;
  color: #fff !important;
  text-decoration: none !important;
  background-color: #00885a;
  border-radius: 100%;
  text-decoration: none .badge; }
  .badge :hover {
    text-decoration: none;
    background-color: #009999; }

.CheckoutPage .ico-wrap,
.StartPage .ico-wrap,
.ListPage .ico-wrap,
.StandardPage .ico-wrap {
  background: #27a9e1; }

.ProductPage .ico-wrap {
  background: #00885a; }

.PersonPage .ico-wrap {
  background: #ffd238; }

.EventPage .ico-wrap {
  background: #c62c38; }

.CountryFactPage .ico-wrap,
.CountryPage .ico-wrap {
  background: #0661a2; }

.NewsPage .ico-wrap {
  background: #27a9e1; }

.tooltip-modal {
  display: none;
  position: absolute;
  border: 1px solid #e1e1e1;
  background-color: #e6e6e6;
  border-radius: 5px;
  padding: 1em 1em 0 1em;
  color: #1d1d1d;
  max-width: 480px;
  z-index: 999; }
  .tooltip-modal .icon-cross {
    font-size: 1.5em;
    cursor: pointer; }

/*
** Edit mode adjustments
***************************/
.epi-editContainer {
  overflow: hidden !important; }

.elasticupgrade {
  position: absolute;
  background: red;
  padding: 10px;
  z-index: 99;
  transform: rotate(-45deg);
  text-align: center;
  width: 10rem;
  top: 20px;
  left: -40px; }

/**
 * Forms
 *
 * Description: Styles for forms.
 * Version: 1.0.3
 * -----------------------------------------------------------------------------
 */
/**
 * Table of Contents:
 *
 * 1.0 - General styles and settings
 *   1.1 - General styles and settings (responsive)
 * 2.0 - Buttons
 * 3.0 - Input search
 * -----------------------------------------------------------------------------
 */
/**
 * 1.0 - General styles and settings
 * -----------------------------------------------------------------------------
 */
fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 1em;
  font-size: 1em;
  line-height: 2em;
  border: 0;
  border-bottom: 1px solid #ccc;
  font-weight: bold; }

label {
  font-weight: bold;
  display: block;
  padding-bottom: 0.1em;
  font-size: 0.9em; }

textarea {
  resize: none; }

input[type='radio'], input[type='checkbox'] {
  vertical-align: baseline;
  line-height: 1em;
  margin-bottom: 1em; }
  input[type='radio'] + label, input[type='checkbox'] + label {
    display: inline-block;
    font-weight: normal;
    padding-left: 0.3em;
    padding-top: 2px;
    vertical-align: top;
    line-height: 1em; }

html.lt-ie8 input[type='radio'] + label, html.lt-ie8 input[type='checkbox'] + label {
  display: inline;
  zoom: 1; }

input[type='text'], input[type='search'], input[type='email'], input[type='password'], input[type='number'], textarea, select {
  border: 1px solid #e6e6e6;
  width: 100%;
  padding: .5em 1em;
  -webkit-appearance: none;
  -webkit-border-radius: 0px; }
  input[type='text']:focus, input[type='search']:focus, input[type='email']:focus, input[type='password']:focus, input[type='number']:focus, textarea:focus, select:focus {
    border-color: rgba(0, 136, 90, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */ }

input[type='text'].error, input[type='email'].error, input[type='password'].error, input[type='number'].error, textarea.error, select.error {
  background-color: #edd4d4; }

input[type='text'].error:focus, input[type='email'].error:focus, input[type='password'].error:focus, input[type='number'].error:focus, textarea.error:focus, select.error:focus {
  border-color: #953b39; }

label.error {
  font-size: 0.9em;
  color: #CC0000; }

.form {
  width: 100%; }
  .form input[type='text'], .form input[type='email'], .form input[type='search'], .form textarea, .form select {
    padding: .45em; }
  .form select + p {
    padding-top: 0.3em; }
  .form .btn + .btn-no-style {
    margin-left: 0.5em; }
  .form hr {
    margin: 0 0 1em 0; }

.no-labels label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.no-labels .show-labels label,
.show-labels label {
  border: 0;
  clip: auto;
  height: auto;
  margin: auto;
  overflow: visible;
  padding: inherit;
  position: static;
  width: auto; }

.form-item {
  margin-bottom: 1em; }

.form-buttons {
  margin-top: 2em; }

.form-group {
  margin-bottom: 1em; }
  .form-group input[type='checkbox'],
  .form-group input[type='radio'] {
    margin-right: 4px; }

.radio input[type='radio'] {
  margin-right: 4px; }

#id_matrix {
  font-size: 1em;
  border: 1px solid #ccc; }
  #id_matrix br {
    display: none; }
  #id_matrix input[type='checkbox'],
  #id_matrix input[type='radio'] {
    margin-right: 4px; }

/**
 * 1.1 - General styles and settings (responsive)
 * -----------------------------------------------------------------------------
 */
@media (max-width: 1023px) {
  .form {
    width: 100%; } }

/**
 * 2.0 - Buttons
 * -----------------------------------------------------------------------------
 */
.btn, button, input[type="submit"] {
  border: 0;
  display: inline-block;
  padding: 0.5625em 1.125em 0.5em;
  background-color: #009999;
  color: #fff;
  -webkit-transition: background-color 0.6s ease-out;
  -moz-transition: background-color 0.6s ease-out;
  -o-transition: background-color 0.6s ease-out;
  transition: background-color 0.6s ease-out;
  cursor: pointer; }
  .btn:hover, button:hover, input[type="submit"]:hover {
    text-decoration: none;
    color: #fff;
    background-color: #006666; }
  .btn:active, button:active, input[type="submit"]:active {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin solid \9;
    /* IE6-9 */ }
  .btn.btn-no-style, button.btn-no-style, input[type="submit"].btn-no-style {
    padding: 0;
    background-color: transparent !important;
    border: 0;
    color: #1d1d1d; }
    .btn.btn-no-style:hover, button.btn-no-style:hover, input[type="submit"].btn-no-style:hover {
      background-color: transparent !important; }
    .btn.btn-no-style:active, button.btn-no-style:active, input[type="submit"].btn-no-style:active {
      background-color: transparent; }
    .btn.btn-no-style.red, button.btn-no-style.red, input[type="submit"].btn-no-style.red {
      color: #ff0000; }

.pill {
  border: 0;
  display: inline-block;
  padding: 0.4375em 1em 0.375em;
  border-radius: 4px;
  background: #f6f6f6;
  margin: -0.4375em 5px; }
  @media (max-width: 1023px) {
    .pill {
      margin: 0; } }
  .pill [class^="icon-"],
  .pill [class*=" icon-"],
  .pill .fa {
    margin-left: 5px;
    font-size: 0.875em; }
  .pill:hover {
    text-decoration: none;
    background: #e6e6e6; }

#chart-form {
  /*
    input,select{
        width:100%;
        height: 100%;
        padding: 0px!important;
    }
    .is-expanded{
    
        input,select{
        }
  
    }
    .is-hidden{
        display: block !important;
        visibility: visible!important;
        background: transparent;
        border:none;
    }
*/ }
  #chart-form .relative {
    position: relative; }
  #chart-form .hs-overlay {
    display: none;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #fff;
    background: rgba(247, 247, 247, 0.85);
    position: absolute;
    text-align: center;
    z-index: 99; }
    #chart-form .hs-overlay input, #chart-form .hs-overlay button {
      margin-top: 40%; }
  #chart-form.not-ready .hs-overlay {
    display: block; }
  #chart-form .from-to {
    display: block !important;
    visibility: visible !important;
    background: transparent;
    border: none;
    padding: 0; }
  #chart-form input.from-to {
    width: 40px; }
  #chart-form .from-to:focus {
    display: block !important;
    visibility: visible !important;
    background: #fff;
    border: 1px solid #e1e1e1; }
  #chart-form .select-style {
    border: 1px solid #e1e1e1;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    background: #e6e6e6;
    position: relative; }
  #chart-form .select-style::after {
    content: "\f107";
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 6px;
    font-family: "FontAwesome"; }
  #chart-form .select-style select {
    position: relative;
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    z-index: 10; }
  #chart-form .select-style select:focus {
    outline: none;
    width: 100%; }

/**
 * 3.0 - Input search
 * -----------------------------------------------------------------------------
 */
.input-inline {
  position: relative; }
  .input-inline .input-inline-submit {
    position: absolute;
    right: 0;
    top: 1px; }
  .input-inline .input-inline-field {
    width: 100%;
    padding-right: 2em;
    margin: 0;
    border: 1px solid #00885a; }
  .input-inline .input-inline-reset {
    position: absolute;
    right: 60px;
    top: 1px;
    bottom: 0px;
    display: none;
    z-index: 9;
    background: transparent;
    border: none;
    font-family: "FontAwesome" !important;
    font-family: "FontAwesome" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1; }
  .input-inline.in-focus .input-inline-reset {
    display: block; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none; }

input[type=number] {
  -moz-appearance: textfield; }

::-webkit-input-placeholder {
  color: #9c9c9c;
  font-weight: 400; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #9c9c9c;
  font-weight: 400; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #9c9c9c;
  font-weight: 400; }

:-ms-input-placeholder {
  color: #9c9c9c;
  font-weight: 400; }

p.error,
span.error,
span.field-validation-error {
  display: block;
  margin: 12px 0 !important;
  padding: 4px;
  color: #c62c38;
  border: 1px dotted #c62c38;
  background: rgba(255, 255, 255, 0.7); }

/**
 * Typography
 *
 * Description: Contains styling for typography. 
 * Version: 1.0.3
 * -----------------------------------------------------------------------------
 */
/**
 * Table of Contents:
 *
 * 1.0 - Webfonts
 * 2.0 - Classes
 * 3.0 - Base settings
 * 4.0 - Headings
 * 5.0 - Paragraphs
 * 6.0 - Links
 * 7.0 - Tables
 * 8.0 - Lists
 * 9.0 - Figure & figcaption
 * 10.0 - Other elements (hr)
 * -----------------------------------------------------------------------------
 */
/**
 * 1.0 - Webfonts
 * -----------------------------------------------------------------------------
 */
/*

*/
/**
* 1.1 - Source Sans Pro Webfont - Custom font from Google Fonts
* -----------------------------------------------------------------------------
*font-family: 'Source Sans Pro', sans-serif;
*/
/**
 * 2.0 - Base settings
 * -----------------------------------------------------------------------------
 */
body {
  font-family: "Source Sans Pro", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.3em;
  color: #1d1d1d; }

@-moz-document url-prefix() {
  body {
    font-size: 16px; } }

img {
  border: 0 none;
  height: auto;
  max-width: 100%;
  vertical-align: middle; }
  img.top-image {
    margin-bottom: 1.0625em; }

.rte, .mceContentBody {
  padding-bottom: 0.375em;
  *zoom: 1; }
  .rte:before, .rte:after, .mceContentBody:before, .mceContentBody:after {
    display: table;
    content: "";
    line-height: 0; }
  .rte:after, .mceContentBody:after {
    clear: both; }
  .rte img, .mceContentBody img {
    margin-bottom: 0.3125em; }

.t-right {
  text-align: right; }

.t-left {
  text-align: left; }

/**
 * 3.0 - Classes
 * -----------------------------------------------------------------------------
 */
.center {
  text-align: center; }

.strong {
  font-weight: 700; }

img.media-obj, img.pull-left {
  margin-right: 1em; }

img.pull-right {
  margin-left: 1em; }

/**
 * 4.0 - Headings
 * -----------------------------------------------------------------------------
 */
h1, h2, h3, h4, h5, h6, .h-h1, .h-headline, .h-subheadline, .h-byline, .h-heavy {
  font-family: "Source Sans Pro", Helvetica Neue, Helvetica, Arial, sans-serif;
  margin: 0;
  font-weight: 700;
  font-style: normal;
  line-height: 1.3em;
  text-rendering: optimizelegibility; }
  h1 a, h1 a:hover, h2 a, h2 a:hover, h3 a, h3 a:hover, h4 a, h4 a:hover, h5 a, h5 a:hover, h6 a, h6 a:hover, .h-h1 a, .h-h1 a:hover, .h-headline a, .h-headline a:hover, .h-subheadline a, .h-subheadline a:hover, .h-byline a, .h-byline a:hover, .h-heavy a, .h-heavy a:hover {
    color: inherit;
    /*$text-color;*/ }

h1, .h-h1 {
  font-size: 2.8125em;
  line-height: 1.33333em;
  margin-bottom: .25em;
  font-weight: 600; }
  @media (max-width: 1023px) {
    h1, .h-h1 {
      font-size: 2em; } }
  h1.small, .h-h1.small {
    font-size: 2.1875em;
    margin-bottom: 0.94286em;
    font-weight: 700; }

h2, .h-headline {
  font-size: 1.5em;
  line-height: 1.16667em;
  margin-bottom: 0.33333em; }
  h2.small, .h-headline.small {
    font-size: 1.375em;
    line-height: 1.18182em; }

h3, .h-subheadline {
  font-size: 1.25em;
  line-height: 1.2em;
  margin-bottom: 0.4em; }

h4, h5, h6, .h-byline {
  font-size: 1em; }

/**
 * 5.0 - Paragraphs and blockquote
 * -----------------------------------------------------------------------------
 */
p {
  margin: 0 0 1.25em;
  line-height: 1.5em; }
  @media (max-width: 1023px) {
    p {
      font-size: 1em; } }

blockquote {
  font-style: italic;
  font-size: 1.125em;
  line-height: 1.61111em;
  margin-bottom: 0.22222em; }
  @media (max-width: 1023px) {
    blockquote {
      font-size: 1em; } }

p.preamble {
  font-size: 1.1875em;
  line-height: 1.33333em;
  font-weight: 600;
  margin-bottom: 0.75em; }
  @media (max-width: 1023px) {
    p.preamble {
      font-size: 1.125em; } }

p.meta {
  font-size: 0.9375em;
  color: #1d1d1d;
  margin-bottom: 1em; }
  p.meta .label {
    color: #27a9e1;
    word-wrap: break-word; }

blockquote {
  margin-bottom: 1.72222em; }

p.preamble + .rte {
  margin-top: 1.5em; }

blockquote {
  margin-left: 0.68421em;
  padding-left: 1.31579em;
  border-left: 4px solid #00885a; }

/**
 * 6.0 - Links
 * -----------------------------------------------------------------------------
 */
a {
  color: #009999;
  text-decoration: none;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  -moz-transition: background, 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  /*
	Use this if you want all externa links to have an fontawesome "external"-icon.

	&[href^="http"]:after {
		content: " " + $fa-var-external-link;
		@include fontAwesome();
	}
	&.no-external:after {
		display: none;
	}
	*/ }
  a:hover {
    color: #007a7a;
    text-decoration: underline; }
  a:active {
    color: #007a7a;
    text-decoration: underline; }
  a .icon-arrow-right:before {
    font-size: 8px; }

.ease, .badge, .author-wrapper:hover .name, .author-wrapper:hover .desc, .date-badge, .nav-list ul li a span {
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  -moz-transition: background, 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out; }

.link-with-icon [class^="icon-"],
.link-with-icon [class*=" icon-"],
.link-with-icon .fa {
  vertical-align: initial;
  margin-right: 5px; }

/**
 * 7.0 - Tables
 * -----------------------------------------------------------------------------
 */
table {
  margin-bottom: 1em;
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed; }
  .rte table, .mceContentBody table {
    font-size: 1em;
    line-height: 1.3125em; }
  @media (max-width: 1023px) {
    table {
      overflow-x: auto;
      display: block;
      width: 100%;
      position: relative; }
      table caption {
        text-align: left; }
      table caption, table thead, table tbody {
        width: 100%; }
      table tr, table td, table th {
        width: 100%;
        /*white-space: pre;*/ } }

table.border {
  border: 1px solid #e1e1e1; }

table.noborder th, table.noborder td {
  border: 0;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  background-color: transparent; }

table.noborder th:first-child, table.noborder td:first-child {
  padding-left: 0; }

th, td {
  text-align: left;
  vertical-align: top;
  padding: 0.6em 1em 0.4em;
  border-bottom: 1px solid #e1e1e1; }
  th p, td p {
    margin: 0; }

th {
  background-color: #eee;
  padding: 0.7em 1em 0.3em; }

td[class^="l-size"], td[class*=" l-size"], th[class^="l-size"], th[class*=" l-size"] {
  float: none; }

.table-wrapper {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  overflow-x: auto; }

.charttable {
  width: auto;
  min-width: 100%; }
  .charttable td {
    padding: 5px; }
    .charttable td label {
      position: static;
      padding: 0; }
      .charttable td label input {
        margin-left: -5px;
        float: left; }
  .charttable .country {
    width: 200px; }
  .charttable th {
    position: relative;
    cursor: pointer;
    padding: 5px;
    word-wrap: break-word; }
    .charttable th label {
      position: static;
      padding: 0; }
      .charttable th label input {
        margin-left: -5px;
        float: left; }
  .charttable tr.selected {
    background: #e6e6e6; }
  .charttable th:after {
    content: '';
    right: 10px;
    top: 10px;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #9c9c9c; }
  .charttable th:before {
    content: '';
    right: 10px;
    top: 17px;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #9c9c9c; }
  .charttable th.sorting-asc:before {
    border-top: 5px solid #1d1d1d; }
  .charttable th.sorting-desc:after {
    border-bottom: 5px solid #1d1d1d; }
  .charttable input[type='radio'],
  .charttable input[type='checkbox'] {
    position: absolute;
    visibility: hidden; }
    .charttable input[type='radio'] + .icon, .charttable input[type='radio'] + .play, .charttable .my-settings-nav input[type='radio'] + li:before, .my-settings-nav .charttable input[type='radio'] + li:before,
    .charttable input[type='checkbox'] + .icon,
    .charttable input[type='checkbox'] + .play,
    .charttable .my-settings-nav input[type='checkbox'] + li:before, .my-settings-nav
    .charttable input[type='checkbox'] + li:before {
      margin-bottom: 3px;
      margin-right: 5px;
      color: #1d1d1d; }

/* this is the style which does the work */
td.percent {
  text-align: center;
  background-color: #eee;
  width: 50%;
  margin: 5px;
  /* dummy gradient with same from and to colours */
  /* you can use any gradient to jazz it up */
  background-image: linear-gradient(to right, #3399dd, #3399dd);
  /* because gradients are images, we can use background-size property */
  background-size: 1% 100%;
  /* initial width of 1% and height 100%*/
  background-repeat: no-repeat;
  /* this is important to restrict the gradient */ }

#buildtable th {
  word-wrap: break-word; }

/**
 * 8.0 - Lists
 * -----------------------------------------------------------------------------
 */
.rte ul, .rte ol {
  margin-bottom: 1em; }
  .rte ul li, .rte ol li {
    line-height: 1.5em;
    margin-bottom: 0.5em; }
    .rte ul li p, .rte ol li p {
      margin-bottom: 0; }

/**
 * 9.0 - Figure & figcaption
 * -----------------------------------------------------------------------------
 */
figure {
  margin: 0; }

figcaption {
  font-size: 0.8125em;
  line-height: 1.53846em;
  padding-top: 0.6875em; }

/**
 * 10.0 - Other elements (hr)
 * -----------------------------------------------------------------------------
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #e1e1e1;
  margin: 2em 0 1.1875em;
  padding: 0; }
  hr.thick {
    border-top: 4px solid #e1e1e1; }
  hr.thin {
    margin: 0; }

hr.ui-dots {
  border: none;
  height: 23px;
  width: 100%;
  margin: 0;
  background: url(/assets/img/dots-line.png) no-repeat 0 0;
  background-size: contain; }

/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.3.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

i.icon:before, i.play:before,
i[class^="icon-"]:before {
  display: inline-block;
  text-decoration: none; }

i.icon, i.play,
i[class^="icon-"],
i[class*=" icon-"],
.icon,
.play,
.my-settings-nav li:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.icon-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.icon-2x {
  font-size: 2em; }

.icon-3x {
  font-size: 3em; }

.icon-4x {
  font-size: 4em; }

.icon-5x {
  font-size: 5em; }

.icon-fw {
  width: 1.28571em;
  text-align: center; }

.icon-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .icon-ul > li {
    position: relative; }

.icon-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .icon-li.icon-lg {
    left: -1.85714em; }

.icon-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.icon.pull-left, .pull-left.play, .my-settings-nav li.pull-left:before {
  margin-right: .3em; }

.icon.pull-right, .pull-right.play, .my-settings-nav li.pull-right:before {
  margin-left: .3em; }

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

.icon-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

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

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

.icon-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

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

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

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

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

:root .icon-rotate-90,
:root .icon-rotate-180,
:root .icon-rotate-270,
:root .icon-flip-horizontal,
:root .icon-flip-vertical {
  filter: none; }

.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.icon-stack-1x, .icon-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.icon-stack-1x {
  line-height: inherit; }

.icon-stack-2x {
  font-size: 2em; }

.icon-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.icon-glass:before {
  content: ""; }

.icon-music:before {
  content: ""; }

.icon-search:before {
  content: ""; }

.icon-search-2:before {
  content: ""; }

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

.icon-heart:before {
  content: ""; }

.icon-star:before {
  content: ""; }

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

.icon-user:before {
  content: ""; }

.icon-person:before, .PersonPage .ico-wrap i:before {
  content: ""; }

.icon-film:before {
  content: ""; }

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

.icon-th:before {
  content: ""; }

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

.icon-check:before {
  content: ""; }

.icon-remove:before,
.icon-cross:before,
.icon-close:before,
.icon-times:before {
  content: ""; }

.icon-cross:before {
  content: ""; }

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

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

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

.icon-signal:before {
  content: ""; }

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

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

.icon-home:before {
  content: ""; }

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

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

.icon-road:before {
  content: ""; }

.icon-download:before {
  content: ""; }

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

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

.icon-inbox:before {
  content: ""; }

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

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

.icon-refresh:before {
  content: ""; }

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

.icon-lock:before {
  content: ""; }

.icon-locked:before {
  content: ""; }

.icon-flag:before {
  content: ""; }

.icon-headphones:before {
  content: ""; }

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

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

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

.icon-qrcode:before {
  content: ""; }

.icon-barcode:before {
  content: ""; }

.icon-tag:before {
  content: ""; }

.icon-tags:before {
  content: ""; }

.icon-book:before, .CheckoutPage .ico-wrap i:before,
.StartPage .ico-wrap i:before,
.ListPage .ico-wrap i:before,
.StandardPage .ico-wrap i:before {
  content: ""; }

.icon-bookmark:before {
  content: ""; }

.icon-print:before {
  content: ""; }

.icon-camera:before {
  content: ""; }

.icon-font:before {
  content: ""; }

.icon-bold:before {
  content: ""; }

.icon-italic:before {
  content: ""; }

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

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

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

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

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

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

.icon-list:before {
  content: ""; }

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

.icon-indent:before {
  content: ""; }

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

.icon-photo:before,
.icon-image:before,
.icon-picture-o:before {
  content: ""; }

.icon-pencil:before {
  content: ""; }

.icon-pencil-2:before {
  content: ""; }

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

.icon-adjust:before {
  content: ""; }

.icon-tint:before {
  content: ""; }

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

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

.icon-check-square-o:before, .charttable input[type='radio']:checked + .icon:before, .charttable input[type='radio']:checked + .play:before, .charttable .my-settings-nav input[type='radio']:checked + li:before, .my-settings-nav .charttable input[type='radio']:checked + li:before,
.charttable input[type='checkbox']:checked + .icon:before,
.charttable input[type='checkbox']:checked + .play:before,
.charttable .my-settings-nav input[type='checkbox']:checked + li:before, .my-settings-nav
.charttable input[type='checkbox']:checked + li:before, .selection-sub-item input[type='radio']:checked + .icon:before, .selection-sub-item input[type='radio']:checked + .play:before, .selection-sub-item .my-settings-nav input[type='radio']:checked + li:before, .my-settings-nav .selection-sub-item input[type='radio']:checked + li:before,
.selection-sub-item input[type='checkbox']:checked + .icon:before,
.selection-sub-item input[type='checkbox']:checked + .play:before,
.selection-sub-item .my-settings-nav input[type='checkbox']:checked + li:before, .my-settings-nav
.selection-sub-item input[type='checkbox']:checked + li:before {
  content: ""; }

.icon-arrows:before {
  content: ""; }

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

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

.icon-backward:before {
  content: ""; }

.icon-play:before, .play:before {
  content: ""; }

.icon-pause:before {
  content: ""; }

.icon-stop:before {
  content: ""; }

.icon-forward:before {
  content: ""; }

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

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

.icon-eject:before {
  content: ""; }

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

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

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

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

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

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

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

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

.icon-crosshairs:before {
  content: ""; }

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

.icon-check-circle-o:before, .mini-form input[type='radio']:checked + .icon:before, .mini-form input[type='radio']:checked + .play:before, .mini-form .my-settings-nav input[type='radio']:checked + li:before, .my-settings-nav .mini-form input[type='radio']:checked + li:before,
.mini-form input[type='checkbox']:checked + .icon:before,
.mini-form input[type='checkbox']:checked + .play:before,
.mini-form .my-settings-nav input[type='checkbox']:checked + li:before, .my-settings-nav
.mini-form input[type='checkbox']:checked + li:before,
.mini-form:hover input[type='radio']:checked + .icon:before,
.mini-form:hover input[type='radio']:checked + .play:before,
.mini-form:hover .my-settings-nav input[type='radio']:checked + li:before, .my-settings-nav
.mini-form:hover input[type='radio']:checked + li:before,
.mini-form:hover input[type='checkbox']:checked + .icon:before,
.mini-form:hover input[type='checkbox']:checked + .play:before,
.mini-form:hover .my-settings-nav input[type='checkbox']:checked + li:before, .my-settings-nav
.mini-form:hover input[type='checkbox']:checked + li:before {
  content: ""; }

.icon-ban:before {
  content: ""; }

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

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

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

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

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

.icon-expand:before {
  content: ""; }

.icon-compress:before {
  content: ""; }

.icon-plus:before {
  content: ""; }

.icon-minus:before {
  content: ""; }

.icon-asterisk:before {
  content: ""; }

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

.icon-gift:before {
  content: ""; }

.icon-leaf:before {
  content: ""; }

.icon-fire:before {
  content: ""; }

.icon-eye:before {
  content: ""; }

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

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

.icon-plane:before {
  content: ""; }

.icon-calendar:before, .EventPage .ico-wrap i:before {
  content: ""; }

.icon-random:before {
  content: ""; }

.icon-comment:before {
  content: ""; }

.icon-magnet:before {
  content: ""; }

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

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

.icon-retweet:before {
  content: ""; }

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

.icon-cart:before {
  content: ""; }

.icon-basket:before, .ProductPage .ico-wrap i:before {
  content: ""; }

.icon-folder:before {
  content: ""; }

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

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

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

.icon-bar-chart-o:before,
.icon-bar-chart:before {
  content: ""; }

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

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

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

.icon-key:before {
  content: ""; }

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

.icon-comments:before {
  content: ""; }

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

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

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

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

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

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

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

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

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

.icon-trophy:before {
  content: ""; }

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

.icon-upload:before {
  content: ""; }

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

.icon-phone:before {
  content: ""; }

.icon-square-o:before, .charttable input[type='radio'] + .icon:before, .charttable input[type='radio'] + .play:before, .charttable .my-settings-nav input[type='radio'] + li:before, .my-settings-nav .charttable input[type='radio'] + li:before,
.charttable input[type='checkbox'] + .icon:before,
.charttable input[type='checkbox'] + .play:before,
.charttable .my-settings-nav input[type='checkbox'] + li:before, .my-settings-nav
.charttable input[type='checkbox'] + li:before, .selection-sub-item input[type='radio'] + .icon:before, .selection-sub-item input[type='radio'] + .play:before, .selection-sub-item .my-settings-nav input[type='radio'] + li:before, .my-settings-nav .selection-sub-item input[type='radio'] + li:before,
.selection-sub-item input[type='checkbox'] + .icon:before,
.selection-sub-item input[type='checkbox'] + .play:before,
.selection-sub-item .my-settings-nav input[type='checkbox'] + li:before, .my-settings-nav
.selection-sub-item input[type='checkbox'] + li:before {
  content: ""; }

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

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

.icon-twitter:before {
  content: ""; }

.icon-facebook-f:before,
.icon-facebook:before {
  content: ""; }

.icon-github:before {
  content: ""; }

.icon-unlock:before {
  content: ""; }

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

.icon-rss:before {
  content: ""; }

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

.icon-bullhorn:before {
  content: ""; }

.icon-bell:before {
  content: ""; }

.icon-certificate:before {
  content: ""; }

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

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

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

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

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

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

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

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

.icon-globe:before, .CountryFactPage .ico-wrap i:before,
.CountryPage .ico-wrap i:before {
  content: ""; }

.icon-sphere:before, .NewsPage .ico-wrap i:before {
  content: ""; }

.icon-wrench:before {
  content: ""; }

.icon-tasks:before {
  content: ""; }

.icon-filter:before {
  content: ""; }

.icon-briefcase:before {
  content: ""; }

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

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

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

.icon-cloud:before {
  content: ""; }

.icon-flask:before {
  content: ""; }

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

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

.icon-paperclip:before {
  content: ""; }

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

.icon-square:before {
  content: ""; }

.icon-navicon:before,
.icon-reorder:before,
.icon-bars:before {
  content: ""; }

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

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

.icon-strikethrough:before {
  content: ""; }

.icon-underline:before {
  content: ""; }

.icon-table:before {
  content: ""; }

.icon-magic:before {
  content: ""; }

.icon-truck:before {
  content: ""; }

.icon-pinterest:before {
  content: ""; }

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

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

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

.icon-money:before {
  content: ""; }

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

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

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

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

.icon-columns:before {
  content: ""; }

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

.icon-sort-down:before,
.icon-sort-desc:before {
  content: ""; }

.icon-sort-up:before,
.icon-sort-asc:before {
  content: ""; }

.icon-envelope:before {
  content: ""; }

.icon-linkedin:before {
  content: ""; }

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

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

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

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

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

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

.icon-sitemap:before {
  content: ""; }

.icon-umbrella:before {
  content: ""; }

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

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

.icon-exchange:before {
  content: ""; }

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

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

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

.icon-stethoscope:before {
  content: ""; }

.icon-suitcase:before {
  content: ""; }

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

.icon-coffee:before {
  content: ""; }

.icon-cutlery:before {
  content: ""; }

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

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

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

.icon-ambulance:before {
  content: ""; }

.icon-medkit:before {
  content: ""; }

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

.icon-beer:before {
  content: ""; }

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

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

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

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

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

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

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

.icon-angle-right:before, .my-settings-nav li:before {
  content: ""; }

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

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

.icon-desktop:before {
  content: ""; }

.icon-laptop:before {
  content: ""; }

.icon-tablet:before {
  content: ""; }

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

.icon-circle-o:before, .mini-form input[type='radio'] + .icon:before, .mini-form input[type='radio'] + .play:before, .mini-form .my-settings-nav input[type='radio'] + li:before, .my-settings-nav .mini-form input[type='radio'] + li:before,
.mini-form input[type='checkbox'] + .icon:before,
.mini-form input[type='checkbox'] + .play:before,
.mini-form .my-settings-nav input[type='checkbox'] + li:before, .my-settings-nav
.mini-form input[type='checkbox'] + li:before,
.mini-form:hover input[type='radio'] + .icon:before,
.mini-form:hover input[type='radio'] + .play:before,
.mini-form:hover .my-settings-nav input[type='radio'] + li:before, .my-settings-nav
.mini-form:hover input[type='radio'] + li:before,
.mini-form:hover input[type='checkbox'] + .icon:before,
.mini-form:hover input[type='checkbox'] + .play:before,
.mini-form:hover .my-settings-nav input[type='checkbox'] + li:before, .my-settings-nav
.mini-form:hover input[type='checkbox'] + li:before {
  content: ""; }

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

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

.icon-spinner:before {
  content: ""; }

.icon-circle:before {
  content: ""; }

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

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

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

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

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

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

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

.icon-gamepad:before {
  content: ""; }

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

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

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

.icon-terminal:before {
  content: ""; }

.icon-code:before {
  content: ""; }

.icon-mail-reply-all:before,
.icon-reply-all:before {
  content: ""; }

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

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

.icon-crop:before {
  content: ""; }

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

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

.icon-question:before {
  content: ""; }

.icon-info:before {
  content: ""; }

.icon-exclamation:before {
  content: ""; }

.icon-superscript:before {
  content: ""; }

.icon-subscript:before {
  content: ""; }

.icon-eraser:before {
  content: ""; }

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

.icon-microphone:before {
  content: ""; }

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

.icon-shield:before {
  content: ""; }

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

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

.icon-rocket:before {
  content: ""; }

.icon-maxcdn:before {
  content: ""; }

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

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

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

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

.icon-html5:before {
  content: ""; }

.icon-css3:before {
  content: ""; }

.icon-anchor:before {
  content: ""; }

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

.icon-unlocked:before {
  content: ""; }

.icon-bullseye:before {
  content: ""; }

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

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

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

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

.icon-ticket:before {
  content: ""; }

.icon-ticket-2:before {
  content: ""; }

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

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

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

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

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

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

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

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

.icon-compass:before {
  content: ""; }

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

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

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

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

.icon-gbp:before {
  content: ""; }

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

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

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

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

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

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

.icon-file:before {
  content: ""; }

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

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

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

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

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

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

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

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

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

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

.icon-youtube:before {
  content: ""; }

.icon-xing:before {
  content: ""; }

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

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

.icon-dropbox:before {
  content: ""; }

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

.icon-instagram:before {
  content: ""; }

.icon-flickr:before {
  content: ""; }

.icon-adn:before {
  content: ""; }

.icon-bitbucket:before {
  content: ""; }

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

.icon-tumblr:before {
  content: ""; }

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

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

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

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

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

.icon-apple:before {
  content: ""; }

.icon-windows:before {
  content: ""; }

.icon-android:before {
  content: ""; }

.icon-linux:before {
  content: ""; }

.icon-dribbble:before {
  content: ""; }

.icon-skype:before {
  content: ""; }

.icon-foursquare:before {
  content: ""; }

.icon-trello:before {
  content: ""; }

.icon-female:before {
  content: ""; }

.icon-male:before {
  content: ""; }

.icon-gittip:before,
.icon-gratipay:before {
  content: ""; }

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

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

.icon-archive:before {
  content: ""; }

.icon-bug:before {
  content: ""; }

.icon-vk:before {
  content: ""; }

.icon-weibo:before {
  content: ""; }

.icon-renren:before {
  content: ""; }

.icon-pagelines:before {
  content: ""; }

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

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

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

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

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

.icon-wheelchair:before {
  content: ""; }

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

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

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

.icon-space-shuttle:before {
  content: ""; }

.icon-slack:before {
  content: ""; }

.icon-envelope-square:before {
  content: ""; }

.icon-wordpress:before {
  content: ""; }

.icon-openid:before {
  content: ""; }

.icon-institution:before,
.icon-bank:before,
.icon-university:before {
  content: ""; }

.icon-mortar-board:before,
.icon-graduation-cap:before {
  content: ""; }

.icon-yahoo:before {
  content: ""; }

.icon-google:before {
  content: ""; }

.icon-reddit:before {
  content: ""; }

.icon-reddit-square:before {
  content: ""; }

.icon-stumbleupon-circle:before {
  content: ""; }

.icon-stumbleupon:before {
  content: ""; }

.icon-delicious:before {
  content: ""; }

.icon-digg:before {
  content: ""; }

.icon-pied-piper:before {
  content: ""; }

.icon-pied-piper-alt:before {
  content: ""; }

.icon-drupal:before {
  content: ""; }

.icon-joomla:before {
  content: ""; }

.icon-language:before {
  content: ""; }

.icon-fax:before {
  content: ""; }

.icon-building:before {
  content: ""; }

.icon-child:before {
  content: ""; }

.icon-paw:before {
  content: ""; }

.icon-spoon:before {
  content: ""; }

.icon-cube:before {
  content: ""; }

.icon-cubes:before {
  content: ""; }

.icon-behance:before {
  content: ""; }

.icon-behance-square:before {
  content: ""; }

.icon-steam:before {
  content: ""; }

.icon-steam-square:before {
  content: ""; }

.icon-recycle:before {
  content: ""; }

.icon-automobile:before,
.icon-car:before {
  content: ""; }

.icon-cab:before,
.icon-taxi:before {
  content: ""; }

.icon-tree:before {
  content: ""; }

.icon-spotify:before {
  content: ""; }

.icon-deviantart:before {
  content: ""; }

.icon-soundcloud:before {
  content: ""; }

.icon-database:before {
  content: ""; }

.icon-file-pdf-o:before {
  content: ""; }

.icon-file-word-o:before {
  content: ""; }

.icon-file-excel-o:before {
  content: ""; }

.icon-file-powerpoint-o:before {
  content: ""; }

.icon-file-photo-o:before,
.icon-file-picture-o:before,
.icon-file-image-o:before {
  content: ""; }

.icon-file-zip-o:before,
.icon-file-archive-o:before {
  content: ""; }

.icon-file-sound-o:before,
.icon-file-audio-o:before {
  content: ""; }

.icon-file-movie-o:before,
.icon-file-video-o:before {
  content: ""; }

.icon-file-code-o:before {
  content: ""; }

.icon-vine:before {
  content: ""; }

.icon-codepen:before {
  content: ""; }

.icon-jsfiddle:before {
  content: ""; }

.icon-life-bouy:before,
.icon-life-buoy:before,
.icon-life-saver:before,
.icon-support:before,
.icon-life-ring:before {
  content: ""; }

.icon-circle-o-notch:before {
  content: ""; }

.icon-ra:before,
.icon-rebel:before {
  content: ""; }

.icon-ge:before,
.icon-empire:before {
  content: ""; }

.icon-git-square:before {
  content: ""; }

.icon-git:before {
  content: ""; }

.icon-hacker-news:before {
  content: ""; }

.icon-tencent-weibo:before {
  content: ""; }

.icon-qq:before {
  content: ""; }

.icon-wechat:before,
.icon-weixin:before {
  content: ""; }

.icon-send:before,
.icon-paper-plane:before {
  content: ""; }

.icon-send-o:before,
.icon-paper-plane-o:before {
  content: ""; }

.icon-history:before {
  content: ""; }

.icon-genderless:before,
.icon-circle-thin:before {
  content: ""; }

.icon-header:before {
  content: ""; }

.icon-paragraph:before {
  content: ""; }

.icon-sliders:before {
  content: ""; }

.icon-share-alt:before {
  content: ""; }

.icon-share-alt-square:before {
  content: ""; }

.icon-bomb:before {
  content: ""; }

.icon-soccer-ball-o:before,
.icon-futbol-o:before {
  content: ""; }

.icon-tty:before {
  content: ""; }

.icon-binoculars:before {
  content: ""; }

.icon-plug:before {
  content: ""; }

.icon-slideshare:before {
  content: ""; }

.icon-twitch:before {
  content: ""; }

.icon-yelp:before {
  content: ""; }

.icon-newspaper-o:before {
  content: ""; }

.icon-wifi:before {
  content: ""; }

.icon-calculator:before {
  content: ""; }

.icon-paypal:before {
  content: ""; }

.icon-google-wallet:before {
  content: ""; }

.icon-cc-visa:before {
  content: ""; }

.icon-cc-mastercard:before {
  content: ""; }

.icon-cc-discover:before {
  content: ""; }

.icon-cc-amex:before {
  content: ""; }

.icon-cc-paypal:before {
  content: ""; }

.icon-cc-stripe:before {
  content: ""; }

.icon-bell-slash:before {
  content: ""; }

.icon-bell-slash-o:before {
  content: ""; }

.icon-trash:before {
  content: ""; }

.icon-trash-2:before {
  content: ""; }

.icon-copyright:before {
  content: ""; }

.icon-at:before {
  content: ""; }

.icon-eyedropper:before {
  content: ""; }

.icon-paint-brush:before {
  content: ""; }

.icon-birthday-cake:before {
  content: ""; }

.icon-area-chart:before {
  content: ""; }

.icon-pie-chart:before {
  content: ""; }

.icon-line-chart:before {
  content: ""; }

.icon-lastfm:before {
  content: ""; }

.icon-lastfm-square:before {
  content: ""; }

.icon-toggle-off:before {
  content: ""; }

.icon-toggle-on:before {
  content: ""; }

.icon-bicycle:before {
  content: ""; }

.icon-bus:before {
  content: ""; }

.icon-ioxhost:before {
  content: ""; }

.icon-angellist:before {
  content: ""; }

.icon-cc:before {
  content: ""; }

.icon-shekel:before,
.icon-sheqel:before,
.icon-ils:before {
  content: ""; }

.icon-meanpath:before {
  content: ""; }

.icon-buysellads:before {
  content: ""; }

.icon-connectdevelop:before {
  content: ""; }

.icon-dashcube:before {
  content: ""; }

.icon-forumbee:before {
  content: ""; }

.icon-leanpub:before {
  content: ""; }

.icon-sellsy:before {
  content: ""; }

.icon-shirtsinbulk:before {
  content: ""; }

.icon-simplybuilt:before {
  content: ""; }

.icon-skyatlas:before {
  content: ""; }

.icon-cart-plus:before {
  content: ""; }

.icon-cart-arrow-down:before {
  content: ""; }

.icon-diamond:before {
  content: ""; }

.icon-ship:before {
  content: ""; }

.icon-user-secret:before {
  content: ""; }

.icon-motorcycle:before {
  content: ""; }

.icon-street-view:before {
  content: ""; }

.icon-heartbeat:before {
  content: ""; }

.icon-venus:before {
  content: ""; }

.icon-mars:before {
  content: ""; }

.icon-mercury:before {
  content: ""; }

.icon-transgender:before {
  content: ""; }

.icon-transgender-alt:before {
  content: ""; }

.icon-venus-double:before {
  content: ""; }

.icon-mars-double:before {
  content: ""; }

.icon-venus-mars:before {
  content: ""; }

.icon-mars-stroke:before {
  content: ""; }

.icon-mars-stroke-v:before {
  content: ""; }

.icon-mars-stroke-h:before {
  content: ""; }

.icon-neuter:before {
  content: ""; }

.icon-facebook-official:before {
  content: ""; }

.icon-pinterest-p:before {
  content: ""; }

.icon-whatsapp:before {
  content: ""; }

.icon-server:before {
  content: ""; }

.icon-user-plus:before {
  content: ""; }

.icon-user-times:before {
  content: ""; }

.icon-hotel:before,
.icon-bed:before {
  content: ""; }

.icon-viacoin:before {
  content: ""; }

.icon-train:before {
  content: ""; }

.icon-subway:before {
  content: ""; }

.icon-medium:before {
  content: ""; }

/**
 * Block
 *
 * Description: Base for blocks. When making submodules use convention e.g block-calendar.
 * Version: 1.0.3
 * -----------------------------------------------------------------------------
 */
.block {
  margin: 0 0.5em 1.5em 0.5em;
  font-size: .95em;
  border: 1px solid #e1e1e1;
  -webkit-transition: all 0.6s ease;
  /* Safari and Chrome */
  -moz-transition: all 0.6s ease;
  /* Firefox */
  -o-transition: all 0.6s ease;
  /* IE 9 */
  -ms-transition: all 0.6s ease;
  /* Opera */
  transition: all 0.6s ease;
  -webkit-backface-visibility: hidden;
  /* Chrome, Safari, Opera */
  backface-visibility: hidden; }
  .block:hover {
    border: 1px solid #bbbbbb; }
    .block:hover .block-link h2,
    .block:hover .block-link h3,
    .block:hover .block-link h4 {
      color: #000;
      text-decoration: underline; }
      .block:hover .block-link h2 [class^="icon-"],
      .block:hover .block-link h2 [class*=" icon-"],
      .block:hover .block-link h3 [class^="icon-"],
      .block:hover .block-link h3 [class*=" icon-"],
      .block:hover .block-link h4 [class^="icon-"],
      .block:hover .block-link h4 [class*=" icon-"] {
        text-decoration: none; }
    .block:hover .block-img img {
      -webkit-transform: scale(1.025);
      /* Safari and Chrome */
      -moz-transform: scale(1.025);
      /* Firefox */
      -ms-transform: scale(1.025);
      /* IE 9 */
      -o-transform: scale(1.025);
      /* Opera */
      transform: scale(1.025); }
    .block:hover .block-link p {
      color: #000; }
    .block:hover p.area-label {
      color: #00885a; }
  .block .block-link:focus {
    outline: 0; }
    .block .block-link:focus h2, .block .block-link:focus h3, .block .block-link:focus h4 {
      color: #000;
      text-decoration: underline; }
  .block.noborder {
    border: none; }
  .block.video .block-img {
    max-height: none;
    position: relative; }
    .block.video .block-img img {
      margin: auto;
      -webkit-transform: scale(1);
      /* Safari and Chrome */
      -moz-transform: scale(1);
      /* Firefox */
      -ms-transform: scale(1);
      /* IE 9 */
      -o-transform: scale(1);
      /* Opera */
      transform: scale(1); }
  .block .block-link {
    color: inherit; }
    .block .block-link:hover {
      text-decoration: none;
      color: inherit; }
  .block h2 {
    font-size: 1.45em;
    line-height: 1.15;
    margin: 0 0 0.25em 0;
    padding-right: 1.3em; }
  .block h4 {
    line-height: 1.15;
    margin: 0 0 0.5em 0; }
    .block h4 .fa,
    .block h4 [class^="icon-"],
    .block h4 [class*=" icon-"] {
      font-size: 20px;
      line-height: 20px; }
  .block .block-bd {
    padding: 10px; }
  .block.show-as-ad {
    background: #ffd238; }
    .block.show-as-ad .block-img {
      background-color: #ffd238;
      padding: 1em 0; }
    .block.show-as-ad .se-more-options {
      color: #c62c38; }
    .block.show-as-ad .area-label {
      display: none; }
    .block.show-as-ad .product-footer .button {
      color: #fff; }
    .block.show-as-ad .product-footer .se-more-options {
      color: #c62c38; }
  .block .block-img {
    margin: -1px -1px 0 -1px;
    min-height: 20px;
    max-height: 600px;
    overflow: hidden;
    text-align: center; }
    .block .block-img img {
      margin: auto;
      -webkit-transition: all 0.6s ease;
      /* Safari and Chrome */
      -moz-transition: all 0.6s ease;
      /* Firefox */
      -o-transition: all 0.6s ease;
      /* IE 9 */
      -ms-transition: all 0.6s ease;
      /* Opera */
      transition: all 0.6s ease; }
  .block p.meta {
    font-size: 0.875em;
    color: #1d1d1d;
    margin-bottom: .25em; }
    .block p.meta .date {
      color: #1d1d1d;
      font-weight: 600; }
  .block p.contact-info {
    border-top: 1px solid #e1e1e1;
    padding-top: 1em; }
    .block p.contact-info a, .block p.contact-info a:hover, .block p.contact-info a:visited {
      display: inline-block;
      margin-right: 10px; }
      .block p.contact-info a [class^="icon-"],
      .block p.contact-info a [class*=" icon-"],
      .block p.contact-info a .fa, .block p.contact-info a:hover [class^="icon-"],
      .block p.contact-info a:hover [class*=" icon-"],
      .block p.contact-info a:hover .fa, .block p.contact-info a:visited [class^="icon-"],
      .block p.contact-info a:visited [class*=" icon-"],
      .block p.contact-info a:visited .fa {
        color: #1d1d1d;
        margin-right: 5px;
        vertical-align: middle; }
  .block p.area-label {
    color: #9c9c9c;
    font-weight: 400;
    margin: 0 0 0.25em 0;
    position: relative; }
  .block a.read-more .fa {
    font-size: .85em;
    font-weight: 600; }
  .block .event-footer,
  .block .product-footer {
    font-size: 1em;
    margin: 0 -10px -10px; }

/*
* Product and Event footers
******************************/
.event-footer,
.product-footer {
  font-size: .9em;
  margin: 0 0 1em 0;
  padding: 0.66667em 10px; }
  .event-footer .bd,
  .product-footer .bd {
    padding: 0 10px; }
  .event-footer .button,
  .product-footer .button {
    float: right;
    color: #fff; }
  .event-footer .date span,
  .product-footer .date span {
    padding: 0 .25em; }
  .event-footer .layout-left,
  .product-footer .layout-left {
    padding: .9em 0 0; }
    @media (max-width: 1023px) {
      .event-footer .layout-left,
      .product-footer .layout-left {
        padding: 0.45em 0em 0; } }
  .event-footer .price,
  .product-footer .price {
    font-size: 1.25em;
    line-height: 1; }
  .event-footer .two-rows,
  .product-footer .two-rows {
    padding-top: 0; }
  .event-footer .amount,
  .product-footer .amount {
    width: 40px;
    margin: .35em .35em 0;
    padding: .35em;
    float: right;
    text-align: center;
    vertical-align: middle; }
  .event-footer .signupemail,
  .product-footer .signupemail {
    width: 225px;
    margin: .15em .35em 0;
    padding: .5em;
    float: right;
    text-align: left;
    vertical-align: middle; }
  .event-footer .se-more-options,
  .product-footer .se-more-options {
    display: block;
    color: #009999; }
    .event-footer .se-more-options .icon-arrow-right,
    .product-footer .se-more-options .icon-arrow-right {
      font-size: .5em; }

#signupform,
.for-upcoming {
  margin: 1em -20px -20px -20px;
  padding: 0 20px 20px;
  text-align: right; }
  #signupform label,
  .for-upcoming label {
    font-size: 1.2em;
    font-weight: 400;
    padding: .35em 0;
    text-align: left; }
  #signupform .button,
  .for-upcoming .button {
    margin-right: 0;
    margin-left: .35em;
    margin-top: 1em;
    float: none;
    padding-right: 4em; }
    @media (max-width: 1023px) {
      #signupform .button,
      .for-upcoming .button {
        display: block;
        margin-left: 0;
        width: 100%; } }

@media (max-width: 1023px) {
  aside {
    border-top: 4px solid #1d1d1d;
    padding-top: 1em; } }

aside .block .event-footer, aside .block .product-footer {
  margin: 0; }

/**
* Block for Event info
*
* Description: -
* Version:-
* -----------------------------------------------------------------------------
*/
.event-info-block {
  color: #000;
  padding: 10px; }
  .event-info-block h2, .event-info-block h3 {
    font-weight: 800;
    text-transform: uppercase; }
  .event-info-block dl, .event-info-block dt, .event-info-block dd {
    margin: 0;
    padding: 0;
    font-weight: 400;
    line-height: 1.25; }
  .event-info-block dd {
    margin-bottom: 1em; }
  .event-info-block dt {
    font-weight: 600; }

/**
* Block for contact information
*
* Description: -
* Version:-
* -----------------------------------------------------------------------------
*/
.person-info,
.link-block,
.contact-block {
  padding: 0 0 1em 0; }
  .person-info ul,
  .link-block ul,
  .contact-block ul {
    font-size: 1em;
    line-height: 1.3;
    list-style-type: none;
    padding: 0;
    margin: 0 0 1em 0; }
    .person-info ul li,
    .link-block ul li,
    .contact-block ul li {
      margin: 0 0 0.25em 0;
      padding: 0; }
  .person-info p,
  .link-block p,
  .contact-block p {
    font-size: .85em;
    line-height: 1.3; }
  @media (max-width: 1023px) {
    .person-info,
    .link-block,
    .contact-block {
      margin: 0 10px; } }

.link-block p {
  margin-bottom: .75em; }

.person-info {
  padding: 1em; }
  @media (max-width: 1023px) {
    .person-info {
      padding: 1em 0.5em; } }
  .person-info ul li {
    margin: 0 0 0.5em 0;
    padding: 0; }
    .person-info ul li a, .person-info ul li a:hover {
      color: #1d1d1d;
      font-size: .9em;
      font-weight: 600;
      position: relative;
      word-wrap: break-word; }
      .person-info ul li a span, .person-info ul li a:hover span {
        padding-left: 12%;
        display: block; }
      .person-info ul li a i, .person-info ul li a:hover i {
        margin-right: 4px;
        margin-bottom: 2px;
        vertical-align: middle;
        position: absolute;
        top: 4px; }

.contact-block h3, .contact-block p {
  margin-bottom: .25em; }

.social.block h3, .social.block p {
  margin-bottom: .25em; }

.social.block .meta {
  font-size: 1em; }

.external-link {
  font-size: .8em; }
  .external-link h2, .external-link h3 {
    margin-bottom: 0; }
  .external-link p.area-label,
  .external-link :hover p.area-label {
    margin-bottom: 0 !important;
    color: #16aa9d !important; }
  .external-link.publication .img > img {
    max-width: 75px; }

/**
* Mini forms / Ad forms
*
* Description: -
* Version:-
* -----------------------------------------------------------------------------
*/
.wide .ad.block {
  margin: 0 0 1.5em 0; }
  @media (max-width: 1023px) {
    .wide .ad.block {
      margin: 0 0 1em 0; } }

.ad {
  position: relative; }
  .ad .mini-form a:not(.button),
  .ad .mini-form a:not(.button):hover {
    color: inherit;
    font-weight: 700; }
  .ad.thickborder {
    border-left: 20px solid #fff;
    border-right: 20px solid #fff; }
    @media (max-width: 1023px) {
      .ad.thickborder {
        border-left: 0px solid #fff;
        border-right: 0px solid #fff; } }
  .ad.square-dots {
    background-image: url(../img/ui_square_dots.png);
    background-repeat: no-repeat;
    background-position: 1em 90%;
    background-size: 70px; }
    @media (max-width: 1023px) {
      .ad.square-dots {
        background-size: 40px; } }
  .ad.bg-red h2, .ad.bg-blue h2, .ad.bg-blue-dark h2, .ad.bg-green h2 {
    color: #fff;
    font-weight: 400;
    margin-top: .5em; }
  .ad.bg-red ol,
  .ad.bg-red ul,
  .ad.bg-red p,
  .ad.bg-red label, .ad.bg-blue ol,
  .ad.bg-blue ul,
  .ad.bg-blue p,
  .ad.bg-blue label, .ad.bg-blue-dark ol,
  .ad.bg-blue-dark ul,
  .ad.bg-blue-dark p,
  .ad.bg-blue-dark label, .ad.bg-green ol,
  .ad.bg-green ul,
  .ad.bg-green p,
  .ad.bg-green label {
    color: #fff; }
  .ad.bg-red h3.tagline, .ad.bg-blue h3.tagline, .ad.bg-blue-dark h3.tagline, .ad.bg-green h3.tagline {
    color: #ffd238; }
  .ad h3.tagline {
    color: #c62c38;
    font-size: 1em;
    font-weight: 600;
    margin-bottom: .75em; }
  .ad .img {
    padding: 1em; }
    @media (max-width: 1023px) {
      .ad .img {
        display: block !important;
        padding: 1em 1em 0 1em;
        /*text-align: center;*/ } }
  .ad .vertical-line {
    position: absolute;
    top: 1em;
    bottom: 1em;
    left: 50%;
    border-left: 1px solid #9c9c9c;
    width: 0px;
    display: block; }
    @media (max-width: 1023px) {
      .ad .vertical-line {
        display: none; } }
  .ad div.circle {
    border: 0px solid transparent;
    border-radius: 100%;
    height: 150px;
    width: 150px;
    text-align: center;
    display: table;
    vertical-align: middle;
    margin: 0 auto; }
    .ad div.circle .inner-circle {
      display: table-cell;
      vertical-align: middle;
      width: 100%;
      color: #fff; }
      .ad div.circle .inner-circle small, .ad div.circle .inner-circle .price {
        display: block;
        line-height: 1; }
      .ad div.circle .inner-circle small {
        line-height: 1;
        font-size: 80%; }
      .ad div.circle .inner-circle .price {
        font-size: 3em; }

.mini-form,
.mini-form:hover {
  padding: 15px;
  font-weight: 400; }
  .mini-form label,
  .mini-form:hover label {
    font-size: 1em;
    line-height: 1.5;
    font-weight: 400; }
    .mini-form label .icon, .mini-form label .play, .mini-form label .my-settings-nav li:before, .my-settings-nav .mini-form label li:before,
    .mini-form:hover label .icon,
    .mini-form:hover label .play,
    .mini-form:hover label .my-settings-nav li:before, .my-settings-nav
    .mini-form:hover label li:before {
      float: left;
      margin: 3px 10px 0 3px; }
  .mini-form ul, .mini-form p,
  .mini-form:hover ul,
  .mini-form:hover p {
    margin: 0 0 .75em 0;
    line-height: 1.2; }
  .mini-form ul,
  .mini-form:hover ul {
    padding-left: 1.35em; }
  .mini-form input,
  .mini-form input[type='radio'],
  .mini-form input[type='checkbox'],
  .mini-form input[type='text'],
  .mini-form:hover input,
  .mini-form:hover input[type='radio'],
  .mini-form:hover input[type='checkbox'],
  .mini-form:hover input[type='text'] {
    margin: 5px 0;
    color: #1d1d1d; }
  .mini-form input[type='radio'],
  .mini-form input[type='checkbox'],
  .mini-form:hover input[type='radio'],
  .mini-form:hover input[type='checkbox'] {
    position: absolute;
    visibility: hidden; }
  .mini-form .mini-form-footer,
  .mini-form:hover .mini-form-footer {
    margin: .5em -25px -25px -25px;
    padding: 1em 25px 1em; }
    @media (max-width: 1024px) {
      .mini-form .mini-form-footer,
      .mini-form:hover .mini-form-footer {
        text-align: right; } }
  .mini-form .button,
  .mini-form:hover .button {
    margin: 1em 0 .5em 0; }
    .mini-form .button.transparent,
    .mini-form:hover .button.transparent {
      color: #c62c38; }
  .mini-form .button + .button,
  .mini-form:hover .button + .button {
    margin: 1em 1em .5em 0; }
    @media (max-width: 1024px) {
      .mini-form .button + .button,
      .mini-form:hover .button + .button {
        margin: 1em 0 .5em 0; } }
  .mini-form .overlay,
  .mini-form:hover .overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #fff;
    background: rgba(247, 247, 247, 0.85);
    text-align: center; }
    .mini-form .overlay .inner,
    .mini-form:hover .overlay .inner {
      position: absolute;
      left: 10%;
      right: 10%;
      top: 20%; }
    .mini-form .overlay p,
    .mini-form:hover .overlay p {
      color: #000;
      margin: 0 1em 0;
      font-size: 1.45em; }
    .mini-form .overlay .button,
    .mini-form:hover .overlay .button {
      margin: 1em; }
  .mini-form.submited .overlay,
  .mini-form:hover.submited .overlay {
    display: block; }

form .overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #fff;
  background: rgba(247, 247, 247, 0.85);
  text-align: center; }
  form .overlay .inner {
    position: absolute;
    left: 10%;
    right: 10%;
    top: 20%; }
  form .overlay p {
    color: #000;
    margin: 0 1em 0;
    font-size: 1.45em; }
  form .overlay .button {
    margin: 1em; }

form.submited .overlay {
  display: block; }

/**
* Block related...
*
* Description: -
* Version:-
* -----------------------------------------------------------------------------
*/
i.dot {
  line-height: 1; }
  i.dot:before {
    font-size: 8px;
    top: 0px;
    position: relative;
    margin: 2px;
    content: "\2022";
    font-family: Arial;
    color: #000; }

.block-list-header {
  border-bottom: 1px solid #e1e1e1;
  margin: 10px 10px 1em 10px;
  padding: 5px 0; }

.product-media img {
  width: 100%; }

/**
* Product box for product pages
*
* Description: -
* Version:-
* -----------------------------------------------------------------------------
*/
.product-box {
  margin: 1em 0; }
  .product-box .block {
    font-size: 1em;
    display: inline-block;
    width: 25%;
    margin: 0;
    margin-right: 1em; }
  .product-box h3 {
    font-size: 1.25em;
    line-height: 1.3; }
  .product-box .addition-info {
    display: block;
    padding: 1em 0;
    margin: 0 0.5em; }
  .product-box .product-footer .layout-left {
    font-size: 1.35em;
    padding-top: .35em; }

.related-product {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }
  .related-product .block-img {
    margin: 0;
    max-height: 225px;
    overflow: hidden; }
  .related-product .button {
    margin: -5px 0 0 0;
    display: block; }

.product-block-image {
  max-height: 300px; }

.ImageRteBlock {
  width: 100%;
  padding-bottom: 1rem;
  padding-top: .5rem; }
  .ImageRteBlock-img {
    width: 100%;
    margin-bottom: 0 !important; }
  .ImageRteBlock-text {
    font-style: italic;
    font-size: 12pt;
    margin-top: .5rem;
    margin-bottom: 0; }
  @media (min-width: 650px) {
    .ImageRteBlock {
      float: right;
      padding-top: 1rem;
      padding-left: 1.5rem; }
      .ImageRteBlock.half-width {
        width: 50%; }
      .ImageRteBlock.two-third {
        width: 66%; }
      .ImageRteBlock.one-third {
        width: 33.333%; } }

/**
 * Flag
 *
 * Description: Works like the Media component, but can vertically align stuff too.
 * Version: 1.0.3
 * -----------------------------------------------------------------------------
 */
.flag {
  display: table;
  width: 100%;
  margin-bottom: 1em; }

.flag .img,
.flag .bd {
  display: table-cell;
  vertical-align: middle; }

.flag-top .img,
.flag-top .bd {
  vertical-align: top; }

.flag-bottom .img,
.flag-bottom .bd {
  vertical-align: bottom; }

.flag .img {
  padding-right: 10px; }
  .flag .img > img {
    display: block;
    max-width: none; }

.flag-flipped .img {
  padding-right: 0;
  padding-left: 10px; }

.flag .bd {
  width: 100%; }
  .flag .bd p {
    margin-bottom: 0; }

@media (max-width: 1023px) {
  header .flag,
  header .flag .bd,
  header .flag .img {
    display: block;
    padding: 0; } }

/**
 * Media
 *
 * Description: For aligning stuff.
 * @see: http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
 * Version: 1.0.3
 * -----------------------------------------------------------------------------
 */
.media, .body {
  overflow: hidden; }

.media .img {
  float: left;
  margin-right: 1em; }

.media .img img {
  display: block; }

.media .img-flipped {
  float: right;
  margin-left: 1em;
  margin-right: inherit; }

/*
* Flex-video
* -----------------------------
*/
.play {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 45px;
  line-height: 60px;
  margin-top: -40px;
  margin-left: -70px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  height: 70px;
  width: 140px;
  text-align: center;
  border-radius: 8px;
  padding-top: 5px;
  padding-left: 5px;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out; }
  .play:hover {
    color: #fff !important;
    text-decoration: none;
    background: #00885a; }

.block:hover .play {
  color: #fff !important;
  text-decoration: none;
  background: #00885a; }

.video {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%; }
  .video > * {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out; }

.video-wrapper,
.flex-video {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: 50% 50%;
  padding-top: 1.38889rem;
  padding-bottom: 57.5%;
  /*67.5%;*/
  height: 0;
  margin-bottom: 0.88889rem;
  overflow: hidden; }

.flex-video.widescreen {
  padding-bottom: 56.34%; }

.flex-video.vimeo {
  padding-top: 0; }

.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important; }

.header-media {
  margin-bottom: 1em; }
  .header-media .layout-section.parallaxed {
    max-height: 340px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50% 50%; }
    .header-media .layout-section.parallaxed img {
      visibility: hidden; }
  .header-media img {
    display: block;
    margin: 0 auto;
    width: 100%; }
  .header-media .video-wrapper {
    padding-top: 0; }
  .header-media.with-bg {
    background: #e6e6e6; }

figure figcaption {
  margin-bottom: 1em; }

#countrymap {
  cursor: pointer; }

#gmap {
  height: 400px;
  width: 100%;
  max-width: 100%; }

#chartcontainer.active {
  display: block; }

#chartcontainer {
  min-width: 280px;
  min-height: 620px;
  margin: 0 auto;
  display: none; }

.highcharts-contextmenu hr {
  margin: 5px 0; }

ul, ol {
  padding-left: 2em; }
  ul.inline, ol.inline {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none; }
    ul.inline li, ol.inline li {
      display: inline-block;
      margin-right: 1em; }

.pagination.inline {
  display: inline-block;
  margin: 0 auto;
  padding: 0 0 1em 0;
  list-style-type: none; }
  .pagination.inline li {
    margin-right: 1em; }
  .pagination.inline a {
    display: block;
    padding: 5px 10px;
    line-height: 1;
    font-size: 1em;
    font-weight: 600;
    background: #e6e6e6;
    color: #000; }
  .pagination.inline a.current {
    background: #00885a;
    color: #fff; }
  .pagination.inline a:hover {
    background: #00885a;
    color: #fff;
    text-decoration: none; }

.author-wrapper {
  position: relative;
  /* font-size: .875em;*/
  margin-right: 1em; }
  .author-wrapper.large {
    margin-top: 1em; }
    .author-wrapper.large .flag {
      margin-bottom: 0; }
    .author-wrapper.large .author-body {
      width: 80%;
      padding: 0.5em 0; }
      .author-wrapper.large .author-body h1.name {
        font-size: 4.65em; }
      .author-wrapper.large .author-body .desc {
        font-weight: 400;
        font-size: 1.35em;
        padding: 0 .35em; }
    .author-wrapper.large .author-img {
      width: 20%;
      padding: 0 4% 0 0; }
      .author-wrapper.large .author-img img {
        width: auto;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        display: block; }
    @media (max-width: 1023px) {
      .author-wrapper.large {
        margin: 1em 1em 0; }
        .author-wrapper.large .author-body {
          width: 100%;
          padding: 0.5em 0; }
          .author-wrapper.large .author-body h1.name {
            font-size: 2.35em; }
          .author-wrapper.large .author-body .desc {
            padding: 0; }
        .author-wrapper.large .author-img {
          width: 100%;
          padding: 0 15% 0;
          margin: 0; } }
  .author-wrapper .block .flag {
    margin-bottom: 0; }

.author-body {
  padding: 5px 10px; }
  .author-body .name {
    margin: 0 0 .25em 0; }
  .author-body .desc {
    margin: 0 0 .25em 0; }

.author-img div.circle.small {
  width: 90px;
  height: 90px; }

.author-img.img {
  padding-right: 0; }

.author-wrapper:hover .name, .author-wrapper:hover .desc {
  color: #000; }

header .author-wrapper {
  margin-right: 0; }

.author-profile-img img {
  height: 100%;
  width: 100%; }

.event-item-wrapper {
  font-size: 1em;
  padding: 0 10px;
  margin-bottom: 0; }
  .event-item-wrapper h2 {
    font-size: 1em;
    line-height: 1.2;
    margin-bottom: .25em; }
  .event-item-wrapper p {
    font-size: 0.875em;
    margin-bottom: 0; }
  .event-item-wrapper .bd {
    padding-left: 1em; }
  .event-item-wrapper:hover .date-badge {
    color: #00885a; }

.block-list-wrapper .block {
  font-size: 1em;
  margin-bottom: 0; }
  .block-list-wrapper .block h2 {
    font-size: 1.1em;
    line-height: 1.2; }
  .block-list-wrapper .block p {
    font-size: .875em; }

.section {
  *zoom: 1;
  margin: 0 auto 1em auto; }
  .section:before, .section:after {
    display: table;
    content: "";
    line-height: 0; }
  .section:after {
    clear: both; }

.section__header {
  *zoom: 1;
  border-bottom: 1px solid #e1e1e1;
  position: relative;
  margin: auto 10px 1em 10px; }
  .section__header:before, .section__header:after {
    display: table;
    content: "";
    line-height: 0; }
  .section__header:after {
    clear: both; }
  .section__header h2, .section__header h3, .section__header h4 {
    margin: 0 0 5px 0;
    text-transform: uppercase; }
  .section__header > .more,
  .section__header > .more:hover {
    position: absolute;
    right: 0;
    bottom: 4px;
    font-size: 13px; }
    @media (max-width: 1023px) {
      .section__header > .more,
      .section__header > .more:hover {
        position: static; } }
    .section__header > .more [class^="icon-"],
    .section__header > .more [class*=" icon-"],
    .section__header > .more .fa,
    .section__header > .more:hover [class^="icon-"],
    .section__header > .more:hover [class*=" icon-"],
    .section__header > .more:hover .fa {
      font-size: 10px; }

.section__body .block .flag {
  margin-bottom: 0; }

.stacked {
  margin: 2em 1em;
  min-width: 215px; }
  .stacked h3 {
    text-transform: uppercase;
    color: #fff;
    font-weight: 600; }
  .stacked ul, .stacked li, .stacked a {
    margin: 0;
    padding: 0;
    display: block; }
  .stacked a {
    background: #fff;
    color: #1d1d1d;
    padding: .5em;
    margin: 3px 0;
    font-weight: 600; }
    .stacked a:hover {
      background: #00885a;
      color: #fff;
      text-decoration: none; }

.selection-list > div > ul {
  max-height: 250px;
  overflow-y: auto; }

.selection-list ul, .selection-list li, .selection-list a {
  margin: 0;
  padding: 0;
  display: block; }

.selection-list .selection-sub-item {
  background: #f6f6f6;
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%; }
  @media (max-width: 1023px) {
    .selection-list .selection-sub-item {
      position: static; } }

.selection-list .selection-item {
  width: 100%; }

.selection-list .countrycolumns {
  border-left: 1px solid #e1e1e1; }

.selection-list .lettercontainer {
  display: block;
  border-bottom: 1px solid #1d1d1d;
  padding-left: .5em;
  display: none; }

.selection-list a {
  color: #1d1d1d;
  padding: .5em;
  margin: 0;
  font-weight: 600;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1; }
  .selection-list a .icon, .selection-list a .play, .selection-list a .my-settings-nav li:before, .my-settings-nav .selection-list a li:before {
    float: right; }
  .selection-list a:hover {
    background: #e6e6e6;
    text-decoration: none; }
  .selection-list a.is-expanded {
    background: #e6e6e6; }

.selection-list li:last-child a {
  border-bottom: none; }

.selection-sub-item {
  padding: 0;
  margin: 0;
  max-height: 250px;
  overflow-y: auto; }
  .selection-sub-item ul {
    padding: 0;
    margin: 0; }
  .selection-sub-item li {
    padding: .5em;
    border-bottom: 1px solid #e1e1e1; }
  .selection-sub-item .selection-item {
    padding: .5em; }
  .selection-sub-item label {
    padding: 0;
    font-weight: 600; }
  .selection-sub-item input[type='radio'],
  .selection-sub-item input[type='checkbox'] {
    position: absolute;
    visibility: hidden; }
    .selection-sub-item input[type='radio'] + .icon, .selection-sub-item input[type='radio'] + .play, .selection-sub-item .my-settings-nav input[type='radio'] + li:before, .my-settings-nav .selection-sub-item input[type='radio'] + li:before,
    .selection-sub-item input[type='checkbox'] + .icon,
    .selection-sub-item input[type='checkbox'] + .play,
    .selection-sub-item .my-settings-nav input[type='checkbox'] + li:before, .my-settings-nav
    .selection-sub-item input[type='checkbox'] + li:before {
      margin-bottom: 0px;
      margin-right: 5px;
      color: #1d1d1d; }
  .selection-sub-item .selected {
    background: #27a9e1;
    color: #fff; }
    .selection-sub-item .selected .icon, .selection-sub-item .selected .play, .selection-sub-item .selected .my-settings-nav li:before, .my-settings-nav .selection-sub-item .selected li:before {
      color: #fff !important; }

#selected-items h4 {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 5px; }

#selected-items .pill,
#selected-items .pill:hover {
  background: #27a9e1;
  color: #fff; }

.alphabetical-list {
  margin: 0;
  padding: 0; }
  .alphabetical-list ul {
    margin: 0;
    padding: 0; }
  .alphabetical-list li {
    list-style-type: none;
    margin: 0;
    padding: .5em; }
  .alphabetical-list li.layout-size1of1 {
    font-size: 1.2em; }

.timeline {
  font-size: .9em;
  position: relative;
  display: block;
  list-style-type: none;
  padding-left: 40px; }
  .timeline ul {
    margin-left: -1em;
    padding-left: 0;
    padding-top: 2.5em;
    position: relative; }
  .timeline.filter-list {
    margin-left: 75px; }
    @media (max-width: 1023px) {
      .timeline.filter-list {
        margin-left: 0px; } }
  .timeline li {
    display: block;
    list-style-type: none;
    position: relative;
    padding-left: 1em;
    min-height: 2.5em; }
    .timeline li .pull {
      position: absolute;
      top: 0;
      width: 150px;
      left: -185px;
      display: block;
      text-align: right;
      margin: 0; }
      @media (max-width: 1023px) {
        .timeline li .pull {
          position: static;
          width: auto;
          background: transparent;
          text-align: left; } }
    .timeline li h1.pull {
      left: -105px;
      width: 100px;
      top: 15%;
      font-size: 1.25em;
      background: #fff; }
      @media (max-width: 1023px) {
        .timeline li h1.pull {
          position: static;
          width: auto;
          background: transparent;
          text-align: left; } }
    .timeline li h2 {
      margin-bottom: 0; }
    .timeline li .date {
      color: #1d1d1d;
      font-weight: 600; }
  .timeline > li > h1.pull {
    top: 0px;
    font-size: 1.5em; }
  .timeline .sub-event:before,
  .timeline .main-event:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background: #c62c38;
    top: 0px;
    left: -29px; }
  .timeline .month-summary {
    background: #cceeff;
    padding: 1em;
    margin-bottom: 1em; }
    .timeline .month-summary p {
      margin-bottom: 0;
      font-weight: 600; }
  .timeline .sub-event:before {
    background: #9c9c9c; }
  .timeline .sub-event .pull {
    display: none; }
  .timeline:before {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 20px;
    border-left: 1px solid #e1e1e1; }

.search-box {
  -webkit-transition: all 0.3s ease;
  /* Safari and Chrome */
  -moz-transition: all 0.3s ease;
  /* Firefox */
  -o-transition: all 0.3s ease;
  /* IE 9 */
  -ms-transition: all 0.3s ease;
  /* Opera */
  transition: all 0.3s ease; }
  .search-box label {
    position: absolute;
    margin-top: -1.5em;
    color: #fff; }
  .search-box form {
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
    border: 3px solid transparent; }
  .search-box .search-field {
    padding: 14px 16px;
    border: 0px solid transparent; }
  .search-box.with-bg .search-field {
    width: 100%;
    padding: 8px;
    border: 0px solid transparent; }
  .search-box input.search-btn,
  .search-box input.search-btn:hover,
  .search-box input.search-btn:active {
    outline: 0 !important;
    padding: 0;
    background: transparent;
    background-color: transparent;
    position: absolute;
    z-index: 3;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 45px;
    color: transparent;
    -webkit-transition: all 0.3s ease;
    /* Safari and Chrome */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -o-transition: all 0.3s ease;
    /* IE 9 */
    -ms-transition: all 0.3s ease;
    /* Opera */
    transition: all 0.3s ease; }
  .search-box input.search-btn:hover {
    width: 150px; }
  .search-box .search-icon {
    padding: 0;
    background: transparent;
    position: absolute;
    right: .7em;
    top: 50%;
    height: 20px;
    margin-top: -10px;
    font-size: 20px;
    line-height: 1;
    color: #27a9e1;
    z-index: 2; }
    .search-box .search-icon:hover {
      color: #2398cb; }
    .search-box .search-icon:after {
      background: #fff;
      background: rgba(255, 255, 255, 0.8);
      content: "";
      width: 30px;
      position: absolute;
      height: 20px;
      right: 0;
      z-index: -2; }
  .search-box.always-in-focus input.search-btn, .search-box.in-focus input.search-btn {
    background: #00885a !important;
    width: 150px;
    color: #fff;
    border-radius: 0; }
    @media (max-width: 1023px) {
      .search-box.always-in-focus input.search-btn, .search-box.in-focus input.search-btn {
        width: 80px; } }
  .search-box.always-in-focus .search-icon, .search-box.in-focus .search-icon {
    color: #fff;
    right: 99px;
    top: 50%;
    height: 14px;
    margin-top: -7px;
    line-height: 14px;
    font-size: 14px;
    z-index: 3; }
    @media (max-width: 1023px) {
      .search-box.always-in-focus .search-icon, .search-box.in-focus .search-icon {
        display: none; } }
    .search-box.always-in-focus .search-icon:hover, .search-box.in-focus .search-icon:hover {
      color: #fff; }
    .search-box.always-in-focus .search-icon:after, .search-box.in-focus .search-icon:after {
      display: none; }
  .search-box.always-in-focus form, .search-box.in-focus form {
    border: 3px solid #00885a; }

.layout-section.with-bg .search-box {
  margin-right: 1em; }

@media (max-width: 1023px) {
  .layout-section.with-bg .flag .bd .search-box {
    margin: 1em; } }

.header-search {
  margin: 45px 0 0 0;
  position: relative; }
  .header-search .search-box {
    background: #fff; }
  .header-search form {
    border-radius: 4px; }
  .header-search .search-field:focus {
    border: 1px solid transparent;
    border-radius: 4px; }
  .header-search .search-field {
    border: 1px solid #e6e6e6; }
  .header-search .search-icon {
    color: #1d1d1d; }
  .header-search input.search-btn {
    border-radius: 4px; }
  .header-search .btn {
    right: 0px;
    top: 0px;
    position: absolute;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    color: #1d1d1d;
    background: #fff; }
    .header-search .btn:hover {
      background: #e6e6e6;
      background-color: #e6e6e6; }
    .header-search .btn.is-active {
      opacity: 0; }
  @media (max-width: 1023px) {
    .header-search {
      margin: 0; } }

/*footer search. see footer.scss*/
.search-box-with-filter form {
  margin: 0; }
  .search-box-with-filter form:focus {
    margin: 0px; }

.search-box-with-filter .search-field:focus {
  border: 1px solid transparent;
  border-radius: 4px; }

.search-box-with-filter .search-field {
  border: 1px solid #1d1d1d; }

.search-box-with-filter .search-icon {
  color: #000; }
  .search-box-with-filter .search-icon:hover {
    color: black; }

.search-box-with-filter .button {
  padding-top: .35em;
  padding-bottom: .35em; }
  @media (max-width: 1023px) {
    .search-box-with-filter .button {
      width: auto;
      padding-top: .5em;
      padding-bottom: .5em;
      display: block;
      margin: 1em 0 0 0; } }

.search-box-with-filter .button.is-active {
  /*  background: $ui-black;
       padding-top:.5em;
        padding-bottom:.5em;*/ }

.search-box-with-filter .btn-filter,
.search-box-with-filter .btn-filter:hover {
  border: 2px solid #000;
  width: 120px;
  background: #000 !important;
  color: #fff;
  text-align: center; }
  .search-box-with-filter .btn-filter span,
  .search-box-with-filter .btn-filter:hover span {
    position: relative; }
  @media (max-width: 1023px) {
    .search-box-with-filter .btn-filter,
    .search-box-with-filter .btn-filter:hover {
      width: auto;
      display: block;
      margin: 1em 0 0 0; } }

.search-box-with-filter .btn-filter span:after {
  content: '';
  display: block;
  position: absolute;
  right: -15px;
  bottom: 7px;
  width: 0;
  height: 0;
  border-bottom: 6px solid #fff;
  border-top: 4px solid transparent;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent; }

.search-box-with-filter .btn-filter.is-active span:after {
  bottom: 2px;
  border-top: 6px solid #fff;
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent; }

#filters {
  position: relative;
  /* background:$black;
    color:$white;*/
  margin-bottom: 1em;
  padding: 1em;
  border-radius: 4px; }
  #filters .filter-wrapper {
    width: 16%; }
    @media (max-width: 1023px) {
      #filters .filter-wrapper {
        width: 50%; }
        #filters .filter-wrapper li {
          margin-bottom: 10px;
          padding-right: 10px;
          word-wrap: break-word; } }

/*Filter and sorter link*/
.quick-filters {
  padding-left: .5em; }
  .quick-filters ul.inline {
    margin-top: -1em; }
  .quick-filters p {
    margin-bottom: 0.5em; }
  @media (max-width: 1023px) {
    .quick-filters {
      margin-right: 1em; }
      .quick-filters .inline li {
        margin-right: .15em;
        display: inline-block; }
      .quick-filters .layout-left {
        margin-left: 1em;
        width: 100%; } }
  .quick-filters.border-bottom {
    border-bottom: 1px solid #e1e1e1; }

#resultcontainer {
  min-height: 40px; }
  #resultcontainer p {
    margin: 10px 0; }

.quick-filters h4, .quick-filters h3,
.filters h4,
.filters h3 {
  margin: 0 0 0.5em 0; }

.quick-filters ul,
.filters ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 0.5em 0;
  font-size: .85em; }

.filter.is-active,
.sorter.is-active {
  font-weight: 600;
  color: #00885a !important; }

/*
* Typeahead
*********************************************/
.twitter-typeahead {
  width: 100%; }

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.tt-hint {
  color: #999; }

.tt-menu {
  width: 100%;
  overflow-x: hidden;
  margin-top: 3px;
  padding: 4px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.tt-suggestion {
  padding: 3px 20px;
  line-height: 24px; }

.tt-suggestion.tt-cursor, .tt-suggestion:hover {
  color: #fff;
  background-color: #27a9e1; }

.tt-suggestion p {
  margin: 0; }

#mainsearch.is-loading {
  opacity: .15; }

#mainsearch .content-padding {
  margin: 0 .5em; }

.is-isotope.is-loading,
.is-loading {
  /* Absolute Center Spinner */
  /* Transparent Overlay */
  /* :not(:required) hides these rules from IE9 and below */
  /* Animation */ }
  .is-isotope.is-loading .loading,
  .is-loading .loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  .is-isotope.is-loading .loading:before,
  .is-loading .loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); }
  .is-isotope.is-loading .loading:not(:required),
  .is-loading .loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0; }
  .is-isotope.is-loading .loading:not(:required):after,
  .is-loading .loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; }

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

/**
 * isotope
 *
 * Description: isotope animation.
 * Version: 1.0.3
 * -----------------------------------------------------------------------------
 */
.isotope .isotope-block {
  opacity: 0; }

.is-isotope .isotope-item {
  opacity: 1;
  overflow: hidden; }

.is-isotope,
.is-isotope .isotope-block,
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s; }

.is-isotope,
.isotope {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -ms-transition-property: height;
  -o-transition-property: height;
  transition-property: height; }

.is-isotope .isotope-block,
.isotope .isotope-item {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -ms-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

/**** disabling Isotope CSS3 transitions ****/
.is-isotope.no-transition,
.is-isotope.no-transition .istope-block,
.is-isotope .istope-block.no-transition,
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

/**
* Date Badge
*
* Description: Date badge for event listings.
* Version: 1.0.3
* -----------------------------------------------------------------------------
*/
/*
* "Fancy" Date Badge
* -----------------------------------------------------------------------------
*/
.offset-badge {
  position: relative;
  /* width+std-margin*/ }
  .offset-badge .left {
    position: absolute;
    left: -80px; }
  .offset-badge .right {
    position: absolute;
    right: -80px; }

.date-badge {
  border: 0px solid #e1e1e1;
  background: #fff;
  color: #1d1d1d;
  display: block;
  margin: 0;
  font-size: 12px;
  line-height: 1;
  width: 70px; }
  .date-badge:hover {
    color: #000; }

.date-badge span {
  display: block;
  padding: 3px; }

.date-badge .month {
  text-transform: uppercase;
  text-align: center; }

.date-badge .year {
  text-align: center;
  display: none; }

.date-badge .week-day {
  text-transform: uppercase;
  text-align: center;
  white-space: pre; }

.date-badge .day {
  font-weight: 600;
  text-align: center;
  font-size: 22px;
  padding: 6px 0; }

/*
* Shopping Cart
*****************************************
*/
.checkout {
  width: 480px;
  position: fixed;
  bottom: 0;
  border: 1px solid #e1e1e1;
  right: -150%;
  background: #FFF;
  z-index: 999; }
  @media (max-width: 1023px) {
    .checkout {
      width: 100%; } }

.checkout-footer {
  background: #e6e6e6;
  padding: 1em 0; }

.checkout-row {
  width: 100%;
  font-size: .75em; }

.checkout-container .cd-cart ul {
  max-height: none; }

.checkout-container .checkout-row {
  font-size: 1em; }

.checkout-container .cd-cart > * {
  padding-left: 0; }

.checkout-container .cd-cart .cd-cart-items li {
  padding-left: 0; }

.cd-cart {
  -webkit-transition: right 0.3s;
  -moz-transition: right 0.3s;
  transition: right 0.3s; }

.cd-cart.speed-in {
  right: 2em; }
  @media (max-width: 1023px) {
    .cd-cart.speed-in {
      right: 0px; } }

.cd-cart > ul {
  padding: 0 1em;
  max-height: 300px;
  overflow: auto; }

.cd-cart h2 {
  margin-top: .5em;
  padding: 0 .5em; }

.cd-cart .cd-cart-items {
  padding: 0;
  font-size: 1.2em; }

.cd-cart a.close-cart,
.cd-cart a.close-cart:hover {
  display: block;
  font-weight: 400;
  color: #000;
  float: right;
  margin: .5em; }

.cd-cart .cd-cart-items li {
  position: relative;
  padding: 1em 3em 1em 1em;
  border-top: 1px solid #e1e1e1;
  display: block; }

.cd-cart .cd-cart-items li:last-child {
  border-bottom: 1px solid #e1e1e1; }

.cd-cart .cd-qty, .cd-cart .cd-price {
  padding: 0 5px 0 0;
  text-align: right; }
  .cd-cart .cd-qty input, .cd-cart .cd-qty input:focus, .cd-cart .cd-price input, .cd-cart .cd-price input:focus {
    background: transparent;
    border: 1px solid #9c9c9c;
    min-width: 20px;
    max-width: 40px;
    padding: 0;
    margin: 0;
    text-align: center;
    outline: none;
    box-shadow: none; }

.checkout-container .checkout-row .cd-qty input, .checkout-container .checkout-row .cd-qty input:focus {
  min-width: 25px;
  max-width: 50px; }

.cd-cart .cd-price {
  display: block;
  margin-top: .5em;
  margin-right: -2.5em; }

.cd-cart .cd-item-remove {
  position: absolute;
  right: 1em;
  top: 10%;
  bottom: auto;
  color: #1d1d1d; }
  .cd-cart .cd-item-remove:hover {
    text-decoration: none; }

.cd-cart .cd-item-add {
  position: absolute;
  right: 1em;
  top: 10%;
  bottom: auto;
  color: #1d1d1d; }
  .cd-cart .cd-item-add:hover {
    text-decoration: none; }

.cd-cart .cd-cart-total {
  padding: 0 .75em .5em;
  text-align: right;
  font-weight: 600; }

.cd-cart .cd-cart-total span {
  float: right;
  margin-left: 5px; }

.cd-cart .cd-cart-total::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both; }

.cd-cart .checkout-btn,
.cd-cart .checkout-btn:hover {
  display: block;
  float: right;
  margin-right: .5em;
  color: #fff;
  cursor: pointer; }
  .cd-cart .checkout-btn span,
  .cd-cart .checkout-btn:hover span {
    color: #fff; }

#checkoutshoppingcart {
  color: #fff;
  margin-left: .5em;
  float: left; }

.button {
  position: relative;
  padding: 0.5em 1em;
  margin-bottom: .25em;
  text-align: center;
  line-height: 1.75;
  border-radius: 4px;
  border: 0;
  display: inline-block;
  color: #fff;
  -webkit-transition: background-color 0.6s ease-out;
  -moz-transition: background-color 0.6s ease-out;
  -o-transition: background-color 0.6s ease-out;
  transition: background-color 0.6s ease-out; }
  .button.small {
    padding: 0.25em 0.5em; }
  .button[disabled] {
    opacity: .75; }
  .button.left {
    text-align: left;
    padding-left: 1em;
    padding-right: 4em; }
  .button.right {
    text-align: right;
    padding-left: 4em;
    padding-right: 1em; }
  .button label {
    padding: 0; }
  @media (max-width: 1023px) {
    .button.block-in-small {
      display: block;
      float: none;
      width: 100%; } }
  .button [class^="icon-"],
  .button [class*=" icon-"],
  .button .fa {
    font-size: 16px;
    /*line-height: 1;*/ }
  .button .prefix,
  .button .suffix {
    background: teal;
    display: block;
    position: absolute;
    min-width: 3em;
    top: 0;
    bottom: 0;
    left: 0;
    padding: .55em 0;
    text-align: center;
    border-radius: 4px 0 0 4px; }
    .button .prefix [class^="icon-"],
    .button .prefix [class*=" icon-"],
    .button .prefix .fa,
    .button .suffix [class^="icon-"],
    .button .suffix [class*=" icon-"],
    .button .suffix .fa {
      margin: 0 1em; }
  .button .suffix {
    left: auto;
    right: 0;
    border-radius: 0 4px 4px 0; }
  .button:hover {
    text-decoration: none;
    color: #fff;
    background: teal; }
    .button:hover .prefix,
    .button:hover .suffix {
      background: #007070; }
  .button.gray {
    color: #1d1d1d;
    background: #e6e6e6; }
    .button.gray .prefix,
    .button.gray .suffix {
      background: #d9d9d9; }
    .button.gray:hover {
      color: #000;
      background: #d9d9d9; }
      .button.gray:hover .prefix,
      .button.gray:hover .suffix {
        background: #d2d2d2; }
  .button.green {
    background: #00885a; }
    .button.green .prefix,
    .button.green .suffix {
      background: #006f49; }
    .button.green:hover {
      background: #006f49;
      color: #fff; }
      .button.green:hover .prefix,
      .button.green:hover .suffix {
        background: #005f3f; }
  .button.red {
    background: #c62c38; }
    .button.red .prefix,
    .button.red .suffix {
      background: #b12732; }
    .button.red:hover {
      background: #b12732; }
      .button.red:hover .prefix,
      .button.red:hover .suffix {
        background: #a5252f; }
  .button.orange {
    background: #f05d27; }
    .button.orange .prefix,
    .button.orange .suffix {
      background: #ed4c10; }
    .button.orange:hover {
      background: #ed4c10; }
      .button.orange:hover .prefix,
      .button.orange:hover .suffix {
        background: #df470f; }
  .button.yellow {
    color: #1d1d1d;
    background: #ffd238; }
    .button.yellow .prefix,
    .button.yellow .suffix {
      background: #ffcc1f; }
    .button.yellow:hover {
      color: #000;
      background: #ffcc1f; }
      .button.yellow:hover .prefix,
      .button.yellow:hover .suffix {
        background: #ffc90f; }
  .button.blue {
    background: #27a9e1; }
    .button.blue .prefix,
    .button.blue .suffix {
      background: #1d9bd1; }
    .button.blue:hover {
      background: #1d9bd1; }
      .button.blue:hover .prefix,
      .button.blue:hover .suffix {
        background: #1b91c4; }
  .button.blue-dark {
    background: #0661a2; }
    .button.blue-dark .prefix,
    .button.blue-dark .suffix {
      background: #055289; }
    .button.blue-dark:hover {
      background: #055289; }
      .button.blue-dark:hover .prefix,
      .button.blue-dark:hover .suffix {
        background: #05497b; }
  .button.black {
    background: #505050;
    color: #fff; }
    .button.black .prefix,
    .button.black .suffix {
      background: #101010; }
    .button.black:hover {
      background: #363636; }
      .button.black:hover .prefix,
      .button.black:hover .suffix {
        background: #040404; }
  .button.white {
    background: #fff;
    border: 1px solid #e1e1e1;
    color: #000; }
    .button.white .prefix,
    .button.white .suffix {
      background: #f2f2f2; }
    .button.white:hover {
      background: #f2f2f2; }
      .button.white:hover .prefix,
      .button.white:hover .suffix {
        background: #ebebeb; }
  .button.transparent {
    color: #009999;
    background: transparent; }
    .button.transparent [class^="icon-"],
    .button.transparent [class*=" icon-"],
    .button.transparent .fa {
      vertical-align: initial;
      margin-right: 5px; }
    .button.transparent:hover {
      background: transparent;
      text-decoration: underline; }
  .button .icon-arrow-right:before {
    font-size: inherit;
    line-height: 1.75; }

.button-row .button {
  margin-right: 10px; }

.button-row .pill {
  margin-top: 0px;
  margin-bottom: 5px; }

/* tabbed login */
.tab {
  display: inline-block;
  /* margin-left: -1em;*/
  margin-bottom: -1px;
  border: 1px solid #e6e6e6;
  border-radius: 0; }

.tabs {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 10px; }

/* Functionality for tabs */
.toggle, .content .tab-content {
  display: none; }

.toggle:first-child:checked ~ .tabs label:first-child {
  color: #1d1d1d;
  border-bottom-color: #fff; }

.toggle:nth-child(2):checked ~ .tabs label:nth-child(2) {
  color: #1d1d1d;
  border-bottom-color: #fff; }

.toggle:first-child:checked ~ .content .tab-content:first-child {
  display: block; }

.toggle:nth-child(2):checked ~ .content .tab-content:nth-child(2) {
  display: block; }

.toggle:first-child:checked ~ .content form .tab-content:first-child {
  display: block; }

.toggle:nth-child(2):checked ~ .content form .tab-content:nth-child(2) {
  display: block; }

/**
 * States
 *
 * Description: Common classes used for layout/display/states
 * Version: 1.0.3
 * -----------------------------------------------------------------------------
 */
/**
 * Table of Contents: 
 *
 * 1.0 - Visibillity states
 * 2.0 - Usability
 * 3.0 - V-align
 * -----------------------------------------------------------------------------
 */
/**
 * 1.0 - Visibillity states
 * -----------------------------------------------------------------------------
 */
.is-hidden {
  display: none !important;
  visibility: hidden; }

html.js .is-hidden-js {
  display: none; }

html.no-js .is-visible-nojs {
  display: block !important;
  visibility: visible; }

html.no-js .is-hidden-nojs {
  display: none !important; }

.is-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.is-visuallyhidden.is-focusable:active, .is-visuallyhidden.is-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.is-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in; }

.is-invisible {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease-in;
  -moz-transition: visibility 0s 0.3s, opacity 0.3s ease-in;
  -o-transition: visibility 0s 0.3s, opacity 0.3s ease-in;
  transition: visibility 0s 0.3s, opacity 0.3s ease-in; }

html[data-lang="sv-SE"] .show-for-sv {
  display: inline-block; }

html[data-lang="sv-SE"] .show-for-en {
  display: none; }

html[data-lang="en-US"] .show-for-sv {
  display: none; }

html[data-lang="en-US"] .show-for-en {
  display: inline-block; }

@media (min-width: 1025px) {
  .is-hidden-large {
    display: none !important; }
  .is-visible-medium, .is-visible-small {
    display: none !important; } }

@media (min-width: 1024px) and (max-width: 1024px) {
  .is-hidden-medium {
    display: none !important; }
  .is-visible-medium {
    display: block !important; } }

@media (min-width: 0px) and (max-width: 1023px) {
  .is-hidden-small {
    display: none !important; }
  .is-visible-small {
    display: block !important; } }

.is-visible-loading, .is-loading .is-hidden-loading {
  display: none; }

.is-loading .is-visible-loading {
  display: inherit; }

/**
 * 2.0 - Usability
 * -----------------------------------------------------------------------------
 */
a:focus, button:focus, .btn:focus, input[type="checkbox"]:focus, input[type="radio"]:focus {
  /*outline: 3px solid $grey;*/ }
  a:focus:active, a:focus:hover, button:focus:active, button:focus:hover, .btn:focus:active, .btn:focus:hover, input[type="checkbox"]:focus:active, input[type="checkbox"]:focus:hover, input[type="radio"]:focus:active, input[type="radio"]:focus:hover {
    outline: none; }

/**
* 3.0 - V-align
* -----------------------------------------------------------------------------
*/
.align-top {
  vertical-align: top !important; }

.align-bottom {
  vertical-align: bottom !important; }

.align-middle {
  vertical-align: middle !important; }

/**
 * Grid
 *
 * Description: Contains the grid-system.
 * @see: http://oocss.org/grids_docs.html
 * Version: 1.0.3
 * -----------------------------------------------------------------------------
 */
/**
 * Table of Contents:
 *
 * 1.0 - Layout base
 * 2.0 - Layout classes
 * 3.0 - Styles classes
 * 4.0 - Inline-unit
 * 5.0 - The grid system
 * 6.0 - Internet explorer 7 and lower
 * -----------------------------------------------------------------------------
 */
/**
 * 1.0 - Layout base
 * -----------------------------------------------------------------------------
 */
.layout-section {
  *zoom: 1; }
  .layout-section:before, .layout-section:after {
    display: table;
    content: "";
    line-height: 0; }
  .layout-section:after {
    clear: both; }
  .layout-section.wide {
    max-width: 1400px;
    margin: 0 auto; }
  .layout-section.with-bg {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 1400px;
    margin: 0 auto 0; }

.layout-section-constrained {
  *zoom: 1;
  width: 96%;
  max-width: 1204px;
  margin-left: auto;
  margin-right: auto; }
  .layout-section-constrained:before, .layout-section-constrained:after {
    display: table;
    content: "";
    line-height: 0; }
  .layout-section-constrained:after {
    clear: both; }

.layout-row {
  *zoom: 1;
  margin-bottom: 1em; }
  .layout-row:before, .layout-row:after {
    display: table;
    content: "";
    line-height: 0; }
  .layout-row:after {
    clear: both; }
  .layout-row.wide {
    max-width: 1400px;
    margin: 0 auto 1em; }
  .layout-row.with-bg {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 1400px;
    margin: 0 auto 2em; }

.layout-unit-container {
  margin-left: -0.5em;
  margin-right: -0.5em; }
  @media (max-width: 1024px) {
    .layout-unit-container {
      margin-left: 0;
      margin-right: 0; } }

/**
 * 2.0 - Layout classes
 * -----------------------------------------------------------------------------
 */
.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0; }
  .clearfix:after {
    clear: both; }

.layout-left {
  float: left; }

.layout-right {
  float: right; }

.layout-inline, .layout-stacked {
  padding: 0; }

.layout-inline > * {
  display: inline-block;
  vertical-align: top; }

.layout-stacked > * {
  display: block; }

.margin-bottom {
  margin-bottom: 1em; }

.no-margin-bottom {
  margin-bottom: 0; }

/**
 * 4.0 - Inline-unit
 * -----------------------------------------------------------------------------
 */
.layout-inline-unit {
  overflow: hidden;
  word-spacing: -0.36em; }

.layout-inline-unit > [class^="layout-size"], .layout-inline-unit > [class*=" layout-size"],
.layout-inline-unit > [class^="layout-medium-size"], .layout-inline-unit > [class*=" layout-medium-size"],
.layout-inline-unit > [class^="layout-small-size"], .layout-inline-unit > [class*=" layout-small-size"] {
  float: none;
  display: inline-block;
  vertical-align: top; }

.layout-inline-unit > * {
  word-spacing: normal; }

.layout-inline-unit > .layout-size1of1 {
  width: 100%; }

/**
 * 5.0 - The grid system
 * -----------------------------------------------------------------------------
 */
[class^="layout-size"], [class*=" layout-size"],
[class^="layout-medium-size"], [class*=" layout-medium-size"],
[class^="layout-small-size"], [class*=" layout-small-size"] {
  float: left;
  position: relative; }

.layout-flipped [class^="layout-size"], .layout-flipped [class*=" layout-size"],
.layout-flipped [class^="layout-medium-size"], .layout-flipped [class*=" layout-medium-size"],
.layout-flipped [class^="layout-small-size"], .layout-flipped [class*=" layout-small-size"] {
  float: right; }

.layout-size1of1 {
  width: 100%;
  float: none;
  clear: both; }

.layout-size1of2 {
  width: 50%; }

.layout-size1of3 {
  width: 33.33333%; }

.layout-size2of3 {
  width: 66.66666%; }

.layout-size1of4 {
  width: 25%; }

.layout-size3of4 {
  width: 75%; }

.layout-size1of5 {
  width: 20%; }

.layout-size2of5 {
  width: 40%; }

.layout-size3of5 {
  width: 60%; }

.layout-size4of5 {
  width: 80%; }

.layout-size1of6 {
  width: 16.6666666%; }

.layout-padding {
  padding-left: 10px;
  padding-right: 16.66%; }
  @media (max-width: 1023px) {
    .layout-padding {
      padding-right: 2%; } }

.layout-padding-right {
  padding-right: 10px;
  padding-left: 16.66%; }
  @media (max-width: 1023px) {
    .layout-padding-right {
      padding-left: 2%; } }

.padded-right,
.layout-gutter {
  padding-right: 2%; }

.layout-gutter-left,
.padded-left {
  padding-left: 2%; }

.content-padding {
  margin: 0 1em; }
  @media (max-width: 1023px) {
    .content-padding {
      margin: 0 10px; } }

.size1of4 {
  width: 25%; }

.size2of4 {
  width: 50%; }

.size3of4 {
  width: 75%; }

.size4of4 {
  width: 100%; }

.size1of5 {
  width: 20%; }

.size2of5 {
  width: 40%; }

.size3of5 {
  width: 60%; }

.size4of5 {
  width: 80%; }

.size5of5 {
  width: 100%; }

.size1of10 {
  width: 10%; }

.size2of10 {
  width: 20%; }

.size3of10 {
  width: 30%; }

.size4of10 {
  width: 40%; }

.size5of10 {
  width: 50%; }

.size6of10 {
  width: 60%; }

.size7of10 {
  width: 70%; }

.size8of10 {
  width: 80%; }

.size9of10 {
  width: 90%; }

.size10of10 {
  width: 100%; }

@media (max-width: 1023px) {
  .size1of4,
  .size2of4,
  .size3of4,
  .size4of4,
  .size1of5,
  .size2of5,
  .size3of5,
  .size4of5,
  .size5of5,
  .size1of10,
  .size2of10,
  .size3of10,
  .size4of10,
  .size5of10,
  .size6of10,
  .size7of10,
  .size8of10,
  .size9of10,
  .size10of10 {
    width: 100%;
    float: none; } }

@media (max-width: 1024px) {
  .layout-medium-size1of1 {
    float: none;
    width: 100%; }
  .layout-medium-size1of2 {
    width: 50%; }
  .layout-medium-size1of3 {
    width: 32.33333%; }
  .layout-medium-size2of3 {
    width: 66.66666%; }
  .layout-medium-size1of4 {
    width: 25%; }
  .layout-medium-size3of4 {
    width: 75%; }
  .layout-medium-size1of5 {
    width: 20%; }
  .layout-medium-size2of5 {
    width: 40%; }
  .layout-medium-size3of5 {
    width: 60%; }
  .layout-medium-size4of5 {
    width: 80%; }
  .layout-size1of6 {
    width: 33.33333%; } }

@media (max-width: 1023px) {
  .layout-small-size1of1 {
    float: none;
    width: 100%; }
  .layout-small-size1of2 {
    width: 50%; }
  .layout-small-size1of3 {
    width: 33.33333%; }
  .layout-small-size2of3 {
    width: 66.66666%; }
  .layout-small-size1of4 {
    width: 25%; }
  .layout-small-size3of4 {
    width: 75%; }
  .layout-small-size1of5 {
    width: 20%; }
  .layout-small-size2of5 {
    width: 40%; }
  .layout-small-size3of5 {
    width: 60%; }
  .layout-small-size4of5 {
    width: 80%; }
  [class^="layout-size"], [class*=" layout-size"] {
    float: none;
    position: relative;
    width: 100%; }
  [class^="layout-small-"], [class*=" layout-small-"] {
    float: left;
    width: inherit; }
  .layout-size1of6 {
    width: 50%;
    float: left; } }

/**
 * 6.0 - Internet explorer 7 and lower
 * -----------------------------------------------------------------------------
 */
html.lt-ie8 [class^="layout-size"], html.lt-ie8 [class*=" layout-size"],
html.lt-ie8 [class^="layout-medium-size"], html.lt-ie8 [class*=" layout-medium-size"],
html.lt-ie8 [class^="layout-small-size"], html.lt-ie8 [class*=" layout-small-size"] {
  margin-left: -1px; }

html.lt-ie8 .layout-inline-unit > [class^="layout-size"], html.lt-ie8 .layout-inline-unit > [class*=" layout-size"],
html.lt-ie8 .layout-inline-unit > [class^="layout-medium-size"], html.lt-ie8 .layout-inline-unit > [class*=" layout-medium-size"],
html.lt-ie8 .layout-inline-unit > [class^="layout-small-size"], html.lt-ie8 .layout-inline-unit > [class*=" layout-small-size"] {
  display: inline;
  zoom: 1; }

html.lt-ie8 .l-content {
  zoom: 1; }

html.lt-ie8 .l-inline > * {
  zoom: 1;
  display: inline; }

/**
* Header
*
* Description: Contains styling for the page-header.
* Version: 1.0.3
* -----------------------------------------------------------------------------
*/
#logosmall {
  display: none; }
  #logosmall img {
    width: 150px;
    margin: 0.5em; }
  @media (max-width: 1023px) {
    #logosmall {
      display: block; } }

#mobile-buttons {
  font-size: .9em;
  margin: 1em 0; }
  #mobile-buttons .icon-menu-expanded, #mobile-buttons .icon-menu-contracted {
    font-size: 22px;
    line-height: 16px;
    vertical-align: text-bottom;
    height: 20px;
    display: inline-block; }
  #mobile-buttons .icon-search-2 {
    font-size: 16px;
    line-height: 16px;
    vertical-align: sub; }

#logo > a {
  width: 184px;
  background: #fff;
  text-align: center;
  display: block;
  margin: -20px 0 0; }

#logo img {
  margin: 40px auto 0 auto;
  height: 118px; }

@media (max-width: 1023px) {
  #logo > a {
    width: auto; }
  #logo img {
    margin: 0;
    height: 50px; } }

#site-header {
  margin-bottom: 0.5em;
  padding-bottom: 1.5em;
  position: relative; }
  @media (max-width: 1023px) {
    #site-header {
      margin-bottom: 1em;
      padding-bottom: 0;
      border-bottom: 0;
      max-width: 100%; } }
  #site-header .top-bar {
    *zoom: 1;
    background: #f6f6f6;
    position: relative;
    padding-bottom: 35px; }
    #site-header .top-bar:before, #site-header .top-bar:after {
      display: table;
      content: "";
      line-height: 0; }
    #site-header .top-bar:after {
      clear: both; }
    @media (max-width: 1023px) {
      #site-header .top-bar {
        background: #fff;
        padding-bottom: 5px;
        border-bottom: 1px solid rgba(225, 225, 225, 0.5); } }
  #site-header .header-content {
    height: 150px; }
    @media (max-width: 1023px) {
      #site-header .header-content {
        height: auto; } }

/**
 * Footer
 *
 * Description: Contains styling for the page-footer. 
 * Version: 1.0.3
 * -----------------------------------------------------------------------------
 */
#page-footer {
  background-color: rgba(255, 255, 255, 0.75); }
  #page-footer ul {
    font-size: .9em; }

.footer-content {
  background: #ededed;
  padding: 2em 0;
  margin: 0 auto; }

.footer-search-box {
  height: 300px;
  background: #ededed;
  padding: 2em 0;
  margin: 0 auto 1em;
  background-image: url(../img/map.png);
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: contain;
  padding: 0 20px;
  position: relative; }
  @media (max-width: 1023px) {
    .footer-search-box {
      height: 200px;
      background-size: 50%; } }
  .footer-search-box .search-box {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    margin-right: 0; }
    .footer-search-box .search-box label {
      color: #1d1d1d;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis; }
    .footer-search-box .search-box.in-focus {
      width: 140%; }
      .footer-search-box .search-box.in-focus .search-field {
        border: 1px solid transparent; }
    @media (max-width: 1023px) {
      .footer-search-box .search-box {
        top: auto;
        bottom: 0; }
        .footer-search-box .search-box.in-focus {
          width: 100%; } }
  .footer-search-box .search-field:focus {
    border: 0px solid transparent; }
  .footer-search-box .search-field {
    border: 1px solid #1d1d1d;
    padding: 8px 16px; }

/*
*Share buttons 
*********************************/
.share {
  background: #fff;
  position: fixed;
  right: -88px;
  top: 250px;
  width: 120px;
  border: 2px solid #e1e1e1;
  -webkit-transition: all 0.3s ease-out;
  /* Safari and Chrome */
  -moz-transition: all 0.3s ease-out;
  /* Firefox */
  -o-transition: all 0.3s ease-out;
  /* IE 9 */
  -ms-transition: all 0.3s ease-out;
  /* Opera */
  transition: all 0.3s ease-out; }
  .share:hover {
    right: -2px; }
  @media (max-width: 1023px) {
    .share {
      right: 0;
      top: auto;
      position: absolute;
      width: 100%; } }
  .share ul, .share li {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .share ul a, .share li a {
      display: block;
      padding: .5em;
      color: #1d1d1d;
      background: #f6f6f6;
      white-space: pre; }
      .share ul a:hover, .share li a:hover {
        background: #e6e6e6;
        text-decoration: none; }
      .share ul a [class^="icon-"],
      .share ul a [class*=" icon-"], .share li a [class^="icon-"],
      .share li a [class*=" icon-"] {
        width: 20px; }

/**
* Nav
*
* Description: Contains styling for the navigations. 
* Version: 1.0.6
* -----------------------------------------------------------------------------
*/
/**
* Table of Contents: 
*
* 1.0 - Nav primary
* -----------------------------------------------------------------------------
*/
.nav-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block; }
  .nav-list ul li {
    list-style-type: none;
    display: block;
    width: 100%; }
    .nav-list ul li a {
      color: #1d1d1d;
      position: relative; }
      .nav-list ul li a span {
        display: inline-block;
        padding: 5px 10px; }
      .nav-list ul li a:hover {
        color: #009999; }
        .nav-list ul li a:hover span {
          color: #1d1d1d;
          text-decoration: underline; }

.submenu-nav {
  font-size: 1em;
  margin: -1em 0 0;
  float: left; }
  .submenu-nav ul.inline li {
    margin-right: 2.5em;
    display: block; }
    .submenu-nav ul.inline li:last-child a:after {
      display: none; }
    .submenu-nav ul.inline li a {
      color: #009999;
      position: relative;
      display: block; }
      .submenu-nav ul.inline li a:after {
        content: "\f111";
        position: absolute;
        height: 0;
        width: 0;
        font-family: FontAwesome;
        font-size: 4px;
        line-height: 4px;
        bottom: 2.2em;
        right: -4.5em;
        color: #9c9c9c; }
      .submenu-nav ul.inline li a:hover {
        text-decoration: none; }
      .submenu-nav ul.inline li a.is-active {
        font-weight: 600;
        position: relative; }

.breadcrumbs-nav {
  margin: 0 .75em;
  /*border-bottom:1px dotted rgba($link-color, .2);*/
  float: left; }
  .breadcrumbs-nav .inline a:hover {
    text-decoration: none; }
  .breadcrumbs-nav .inline .last a span,
  .breadcrumbs-nav .inline a > span {
    margin: 0;
    padding: 0 8px;
    position: relative;
    display: inline-block; }
    .breadcrumbs-nav .inline .last a span:after,
    .breadcrumbs-nav .inline a > span:after {
      content: "/";
      font-size: 14px;
      line-height: 24px;
      position: absolute;
      height: 0;
      width: 0;
      left: -4px;
      top: -2px;
      color: #e6e6e6; }
  .breadcrumbs-nav .inline .home > span {
    padding: 0 5px 0 0; }
  .breadcrumbs-nav .inline.home span:after {
    display: none; }
  .breadcrumbs-nav .inline .last a span {
    color: #9c9c9c; }

@media (min-width: 1023px) {
  .nav-list ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .nav-list ul li {
      list-style-type: none;
      display: block;
      float: left;
      width: auto; }
      .nav-list ul li.layout-right {
        float: right; }
      .nav-list ul li a {
        color: #1d1d1d; }
        .nav-list ul li a span {
          display: inline-block;
          padding: 5px 10px; }
        .nav-list ul li a:hover {
          color: #009999; }
  .channel-nav {
    position: absolute;
    right: 0;
    top: 0;
    font-size: .85em; }
    .channel-nav ul li a, .channel-nav ul li a:hover, .channel-nav ul li a:visited {
      color: #fff;
      font-weight: 600; }
      .channel-nav ul li a span, .channel-nav ul li a:hover span, .channel-nav ul li a:visited span {
        display: inline-block;
        padding: 12px 24px; }
      .channel-nav ul li a.is-active span, .channel-nav ul li a:hover.is-active span, .channel-nav ul li a:visited.is-active span {
        background-color: #fff;
        color: #1d1d1d; }
      .channel-nav ul li a img, .channel-nav ul li a:hover img, .channel-nav ul li a:visited img {
        display: inline; }
    .channel-nav ul li :hover span,
    .channel-nav ul li a span:hover {
      color: #fff;
      text-decoration: none; }
  .service-nav {
    position: absolute;
    left: 20%;
    top: 0;
    font-size: .85em; }
    .service-nav a.is-active {
      color: #000;
      font-weight: 600; }
  .main-nav {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0; }
    .main-nav a.is-active {
      color: #000;
      font-weight: 600; }
      .main-nav a.is-active span:after {
        font-family: Arial;
        margin-left: 3px;
        content: "\2022";
        position: absolute;
        height: 0;
        width: 0;
        font-size: 12px;
        line-height: 12px;
        bottom: 0px;
        margin-left: -1px;
        left: 50%;
        color: #1d1d1d;
        text-decoration: none !important; }
    .main-nav .right-items {
      position: relative;
      padding: 0 1.5em; }
      .main-nav .right-items:before {
        font-family: Arial;
        content: "\2022";
        position: absolute;
        height: 0;
        width: 0;
        font-size: 16px;
        line-height: 16px;
        top: 1em;
        margin-top: -6px;
        left: .5em;
        color: #1d1d1d; }
      .main-nav .right-items a.is-active:after {
        display: none; } }

.mobile-menu-btn {
  float: right;
  margin-top: 10px;
  margin-right: 10px;
  display: none;
  z-index: 99;
  color: #1d1d1d; }

#mobilemenu {
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  top: inherit;
  background-image: -webkit-linear-gradient(top, #fff 70%, transparent 100%);
  background-image: -o-linear-gradient(top, #fff 70%, transparent 100%);
  background-image: linear-gradient(to bottom, #fff 70%, transparent 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#00000000', GradientType=0);
  z-index: 997;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  /* Safari and Chrome */
  -moz-transition: -moz-transform 0.3s ease-out;
  /* Firefox */
  -o-transition: -o-transform 0.3s ease-out;
  /* IE 9 */
  -ms-transition: -ms-transform 0.3s ease-out;
  /* Opera */
  transition: transform 0.3s ease-out;
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0); }
  #mobilemenu .close-btn {
    display: none;
    float: right;
    color: #1d1d1d;
    margin: 10px; }
  #mobilemenu .nav-list {
    display: block;
    background: #fff;
    margin: 0; }
    #mobilemenu .nav-list li {
      margin-top: -1px;
      border-top: 1px solid #e1e1e1; }
    #mobilemenu .nav-list a {
      display: block; }
    #mobilemenu .nav-list > ul {
      border-bottom: 1px solid #e1e1e1; }
    #mobilemenu .nav-list > ul > li {
      border-top: 1px solid #e1e1e1; }
      #mobilemenu .nav-list > ul > li > a span {
        padding: 10px; }
    #mobilemenu .nav-list > ul > li > a {
      color: #1d1d1d;
      font-weight: 600; }
    #mobilemenu .nav-list ul > li > ul {
      margin-top: -1px;
      border-top: 2px solid #1d1d1d;
      font-size: .875em; }

#mobilemenu.closed {
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }

#channel-nav-toggle {
  position: absolute;
  top: 10px;
  right: 20px;
  left: 0px;
  text-align: right;
  color: #fff;
  display: none; }

.open #channel-nav-toggle {
  left: auto; }

@media (max-width: 1023px) {
  #channel-nav-toggle {
    display: block; } }

@media (max-width: 1024px) {
  .service-nav {
    position: static;
    float: left; }
  .channel-nav {
    position: static;
    float: right; } }

@media (max-width: 1023px) {
  #dev-header {
    display: none; }
  #logo {
    display: none; }
  #logosmall img {
    float: left;
    display: inline-block; }
  .mobile-menu-btn {
    display: inline-block; }
  .main-nav,
  .service-nav {
    display: none; }
  .service-nav,
  .channel-nav {
    position: relative;
    float: none; }
  .submenu-nav {
    margin: 0; }
  .channel-nav {
    background: #9c9c9c;
    font-size: .85em;
    height: 40px;
    margin: 0 -5px;
    overflow: hidden; }
    .channel-nav ul li {
      display: block;
      width: auto; }
      .channel-nav ul li a {
        display: none;
        color: #fff; }
        .channel-nav ul li a img {
          display: inline; }
        .channel-nav ul li a span {
          display: block;
          padding: 10px 20px; }
      .channel-nav ul li a.is-active {
        display: block;
        white-space: pre; }
        .channel-nav ul li a.is-active span {
          color: #fff; }
    .channel-nav.open {
      height: auto;
      overflow: visible; }
      .channel-nav.open a, .channel-nav.open a:hover {
        display: block; }
        .channel-nav.open a span, .channel-nav.open a:hover span {
          color: #fff; } }

.my-settings {
  min-height: 450px; }
  .my-settings h1, .my-settings h2, .my-settings h3 {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: .25em;
    margin-bottom: .5em; }
  .my-settings input.for-tabs {
    display: none; }
  .my-settings .tab-content {
    display: none; }
  .my-settings #show-overview:checked ~ #overview {
    display: block; }
  .my-settings #show-userinfo:checked ~ #userinfo {
    display: block; }
  .my-settings #show-subscriptions:checked ~ #subscriptions {
    display: block; }
  .my-settings #show-password:checked ~ #password {
    display: block; }
  .my-settings #show-invoices:checked ~ #invoices {
    display: block; }
  .my-settings #show-newsletters:checked ~ #newsletters {
    display: block; }
  .my-settings #show-events:checked ~ #events {
    display: block; }

.my-settings-nav .menu-header {
  text-align: center;
  font-size: 32px;
  padding: .5em;
  color: #9c9c9c; }

.my-settings-nav ul, .my-settings-nav li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.my-settings-nav li {
  border-top: 1px solid #e1e1e1;
  position: relative;
  padding-left: 1.5em; }
  .my-settings-nav li a, .my-settings-nav li label {
    display: block;
    padding: .5em .25em;
    color: #1d1d1d;
    cursor: pointer; }
    .my-settings-nav li a .icon, .my-settings-nav li a .play, .my-settings-nav li a li:before, .my-settings-nav li label .icon, .my-settings-nav li label .play, .my-settings-nav li label li:before {
      position: absolute;
      left: 5px;
      width: 1em;
      text-align: center;
      line-height: 1.5; }
  .my-settings-nav li .is-expanded {
    font-weight: bold; }
  .my-settings-nav li:before {
    right: 10px;
    line-height: 2.25;
    position: absolute; }

.my-settings-nav li label.tab-selected:before {
  content: " ";
  position: absolute;
  left: -1px;
  top: -1px;
  bottom: -1px;
  border-left: 3px solid #009999; }

.landguiden-sub-nav {
  margin: 0 1em;
  padding: 0;
  display: block; }
  .landguiden-sub-nav .header {
    margin-top: 1em; }
  .landguiden-sub-nav ul, .landguiden-sub-nav li {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .landguiden-sub-nav .is-active a {
    font-weight: 600;
    color: #1d1d1d;
    text-decoration: underline; }

/**
 * Sidebar
 *
 * Description: Contains styling for the sidebars.
 * Version: 1.0.3
 * -----------------------------------------------------------------------------
 */
/**
 * Layout Utility classes
 *
 * Description: Classes to reset/change margin/paddings.
 * Version: 1.0.3
 * -----------------------------------------------------------------------------
 */
/**
 * Table of Contents: 
 *
 * 1.0 - Margin
 * 2.0 - Padding
 * 3.0 Align
 * -----------------------------------------------------------------------------
 */
.unstyled-list {
  list-style-type: none;
  margin: 0;
  padding: 0; }

/**
 * 1.0 - Margin
 * -----------------------------------------------------------------------------
 */
.margin-all-0 {
  margin: 0 !important; }

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

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

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

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

.margin-horizontal-0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.margin-vertical-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

/**
 * 2.0 - Padding
 * -----------------------------------------------------------------------------
 */
.padding-all-0 {
  padding: 0 !important; }

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

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

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

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

.padding-horizontal-0 {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.padding-vertical-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

/**
* 3.0 - Padding
* -----------------------------------------------------------------------------
*/
.align-center {
  text-align: center; }

.align-left {
  text-align: left; }

.align-right {
  text-align: right; }

.alt-header #ui-logged-in {
  display: none; }

.alt-header #site-header > .layout-section-constrained {
  border-bottom: 1px solid #e1e1e1; }

.alt-header #site-header .main-nav {
  bottom: 8px; }

.alt-header #site-header #logo a {
  width: auto;
  position: absolute;
  background: transparent;
  top: -100px;
  margin: 1em 0 0 0; }
  .alt-header #site-header #logo a img {
    margin: 0;
    height: auto;
    width: auto;
    min-height: 67px;
    max-height: 100px; }

.alt-header #site-header .header-content {
  width: 100%;
  height: auto; }

.alt-header #site-header .header-search .btn {
  margin-top: -140px; }
  .alt-header #site-header .header-search .btn.is-active {
    opacity: 1; }

.alt-header #site-header #header-search {
  padding-bottom: 50px; }

@media (min-width: 1023px) {
  .alt-header #site-header .service-nav,
  .alt-header #site-header .channel-nav {
    position: static;
    float: right;
    clear: both; }
  .alt-header #site-header .service-nav {
    margin: 15px 100px 15px 0; } }

.alt-header #site-header .top-bar {
  padding: 0; }

@media (min-width: 1023px) {
  .landguiden-page .breadcrumbs-nav-wrapper {
    position: relative; }
  .landguiden-page .breadcrumbs-nav:after {
    display: block;
    content: "";
    height: 8px;
    width: 50%;
    background: url(/assets/img/dots-line.png) repeat-x 0 0;
    background-size: contain;
    right: 0;
    top: 4px;
    position: absolute; } }
  @media (min-width: 1023px) and (max-width: 1023px) {
    .landguiden-page .breadcrumbs-nav:after {
      display: none; } }

@media print {
  img, .header-media {
    display: none; }
  .magazine-share,
  .breadcrumbs-nav,
  aside {
    display: none; } }

.magazine-page {
  font-size: 120%;
  line-height: 1.2; }
  .magazine-page .breadcrumbs-nav {
    margin: 0; }
  .magazine-page .magazine-page-header {
    /*  font-family: 'Noto Serif', serif;*/
    border-bottom: 4px solid #0661a2;
    margin-bottom: .5em; }
  @media (max-width: 1023px) {
    .magazine-page {
      font-size: 100%; } }
  .magazine-page #site-header {
    background: #f6f6f6;
    padding: 0; }
  .magazine-page #site-header .top-bar {
    padding-bottom: 0; }
  .magazine-page #site-header .main-nav,
  .magazine-page #site-header .channel-nav {
    position: static;
    background: #fff; }
  .magazine-page #site-header .main-nav .right-items,
  .magazine-page #site-header .main-nav .layout-right {
    display: none; }
  .magazine-page #site-header .header-content {
    margin-top: 1em;
    height: auto;
    position: relative; }
  .magazine-page #site-header .menu-wrapper {
    background: #fff;
    padding: 0 0 1.25em; }
    @media (min-width: 1023px) {
      .magazine-page #site-header .menu-wrapper {
        margin-top: 1em; } }
  .magazine-page #site-header .main-nav {
    float: left; }
    .magazine-page #site-header .main-nav ul li a span {
      padding: 5px 0;
      margin: 0 15px; }
    .magazine-page #site-header .main-nav ul li:first-child a span {
      margin-left: 0; }
    .magazine-page #site-header .main-nav a:hover span {
      text-decoration: none; }
    .magazine-page #site-header .main-nav a:hover span,
    .magazine-page #site-header .main-nav a.is-active span {
      border-bottom: 2px solid #f05d27; }
    .magazine-page #site-header .main-nav a.is-active span:after {
      content: ""; }
  .magazine-page #site-header .channel-nav {
    margin-top: 0;
    float: right; }
    @media (max-width: 1023px) {
      .magazine-page #site-header .channel-nav {
        float: none; } }
    @media (min-width: 1023px) {
      .magazine-page #site-header .channel-nav .is-active span {
        background: #f6f6f6; } }
  .magazine-page #site-header .header-search {
    float: right;
    margin-top: -.35em;
    width: 35%; }
    @media (max-width: 1023px) {
      .magazine-page #site-header .header-search {
        width: 100%;
        float: none; } }
    @media (max-width: 1024px) {
      .magazine-page #site-header .header-search {
        width: 100%;
        margin-top: 1.35em;
        padding: 0 1em; } }
    .magazine-page #site-header .header-search .search-field {
      border-color: #1d1d1d;
      padding: 10px 16px; }
    .magazine-page #site-header .header-search .search-field:focus {
      border-color: transparent; }
  .magazine-page #site-header .header-search,
  .magazine-page #site-header .header-search .btn {
    min-width: 90px; }
  .magazine-page #logo .tagline {
    font-size: 1.2em;
    margin: 0 0 0 0;
    line-height: 1;
    padding: .175em 0 0 0; }
  .magazine-page #logo a {
    width: 340px;
    background: transparent;
    margin: 0; }
    .magazine-page #logo a img {
      height: auto;
      margin: 0; }
  .magazine-page #logo a:hover {
    text-decoration: none; }
  .magazine-page #logosmall {
    font-size: 1.15em;
    padding-left: .25em; }
    .magazine-page #logosmall img {
      width: 220px;
      margin: 0.5em .5em .15em .5em; }
    .magazine-page #logosmall .tagline {
      font-size: .875em;
      margin: 0 0 0 7px;
      line-height: 1;
      padding: 0 0 5px 0; }
    .magazine-page #logosmall a:hover {
      text-decoration: none; }
  .magazine-page #site-header .main-nav {
    font-size: 1.25em; }
    .magazine-page #site-header .main-nav a,
    .magazine-page #site-header .main-nav a:hover {
      color: #f05d27; }
      .magazine-page #site-header .main-nav a span,
      .magazine-page #site-header .main-nav a:hover span {
        color: #f05d27; }
    .magazine-page #site-header .main-nav li {
      border-right: 2px solid #1d1d1d; }
  .magazine-page .search-box.always-in-focus form,
  .magazine-page #site-header .search-box.in-focus form,
  .magazine-page .search-box.in-focus form {
    border-color: #0661a2; }
  .magazine-page .pagination.inline a:hover,
  .magazine-page .pagination.inline a.current {
    background-color: #0661a2 !important;
    color: #fff !important; }
  .magazine-page .search-box.always-in-focus input.search-btn,
  .magazine-page #site-header .search-box.in-focus input.search-btn,
  .magazine-page .search-box.in-focus input.search-btn {
    border-color: #0661a2;
    background-color: #0661a2 !important; }
  .magazine-page #page-footer a:not(.block-link):not(.play) {
    color: #f05d27; }
    .magazine-page #page-footer a:not(.block-link):not(.play):hover {
      color: #c04a1f; }
  .magazine-page .section__header h2 {
    font-size: 1.5em !important; }
  .magazine-page .magazine-share {
    font-size: .875em;
    background: #f6f6f6;
    padding: .5em .75em;
    margin-bottom: 1em; }
    .magazine-page .magazine-share a.link-with-icon, .magazine-page .magazine-share a.link-with-icon:hover {
      color: #333 !important;
      margin-right: .75em; }
  .magazine-page .button [class^="icon-"],
  .magazine-page .button [class*=" icon-"],
  .magazine-page .button .fa {
    font-size: 18px;
    /*line-height: 1;*/ }
  .magazine-page .button .prefix,
  .magazine-page .button .suffix {
    padding: .5em; }
  .magazine-page .search-item h2 {
    margin-bottom: .15em; }
  .magazine-page .search-item .flag {
    margin-bottom: .5em; }
  @media (max-width: 1023px) {
    .magazine-page .search-item .flag img {
      display: none; } }
  .magazine-page .block.magazine {
    font-size: .9em; }
  .magazine-page .magazine {
    *zoom: 1;
    border: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    color: #000; }
    .magazine-page .magazine:before, .magazine-page .magazine:after {
      display: table;
      content: "";
      line-height: 0; }
    .magazine-page .magazine:after {
      clear: both; }
    .magazine-page .magazine:hover {
      border: none; }
    .magazine-page .magazine.block {
      margin: 0 0.55em 1.5em 0.55em; }
    .magazine-page .magazine .block-padding-x {
      padding: 1em 0; }
      @media (max-width: 1023px) {
        .magazine-page .magazine .block-padding-x {
          padding: .5em; } }
      .magazine-page .magazine .block-padding-x image-wrappper {
        margin-bottom: .5em; }
    .magazine-page .magazine h1,
    .magazine-page .magazine h2,
    .magazine-page .magazine h3,
    .magazine-page .magazine h4 {
      word-wrap: break-word;
      overflow-wrap: break-word;
      padding-right: 0;
      line-height: 1.2;
      font-weight: 600; }
    .magazine-page .magazine h2 {
      font-size: 2.25em; }
    .magazine-page .magazine p {
      color: #000;
      line-height: 1.4; }
    .magazine-page .magazine .preamble-rte p {
      margin-bottom: 0.375em; }
    .magazine-page .magazine .published {
      font-size: .8em;
      font-family: "Source Sans Pro", Helvetica Neue, Helvetica, Arial, sans-serif; }
    .magazine-page .magazine a:not(.block-link):not(.play):not(.button) {
      color: #f05d27; }
      .magazine-page .magazine a:not(.block-link):not(.play):not(.button):hover {
        color: #c04a1f; }
    .magazine-page .magazine .invisible-link {
      color: inherit !important;
      text-decoration: none !important; }
      .magazine-page .magazine .invisible-link p {
        text-decoration: none;
        color: inherit !important; }
      .magazine-page .magazine .invisible-link:hover {
        color: inherit !important;
        text-decoration: none !important; }
        .magazine-page .magazine .invisible-link:hover h2 {
          text-decoration: underline; }
        .magazine-page .magazine .invisible-link:hover p {
          color: inherit !important;
          text-decoration: none; }
    .magazine-page .magazine .play {
      color: #fff;
      background: #0661a2; }
    .magazine-page .magazine .content {
      padding: 1em 1.75em; }
    .magazine-page .magazine .area-label,
    .magazine-page .magazine .label {
      color: #1d1d1d;
      font-weight: 400;
      display: block;
      margin-bottom: .5em; }
    .magazine-page .magazine .area-label {
      color: #000; }
    .magazine-page .magazine .inline-label {
      color: #f05d27;
      text-transform: uppercase;
      padding-right: 0px;
      font-size: inherit;
      line-height: 1;
      font-family: "Source Sans Pro", Helvetica Neue, Helvetica, Arial, sans-serif;
      font-weight: bold; }
    .magazine-page .magazine .section__header h2 {
      text-transform: none; }
    .magazine-page .magazine .bg-light, .magazine-page .magazine.bg-light {
      background: #E3ECF6; }
    .magazine-page .magazine .bg-lightest, .magazine-page .magazine.bg-lightest {
      background: #E3F5F5; }
    .magazine-page .magazine .bg-none .block-padding {
      padding: 0 .5em 0 0; }
    .magazine-page .magazine.block.bg-dark {
      background-color: #5f5757;
      color: #fff; }
      .magazine-page .magazine.block.bg-dark h2,
      .magazine-page .magazine.block.bg-dark h3 {
        color: #fff; }
      .magazine-page .magazine.block.bg-dark .label {
        color: #9c9c9c; }
      .magazine-page .magazine.block.bg-dark a:not(.block-link) {
        color: #ffd238; }
      .magazine-page .magazine.block.bg-dark:hover a:not(.block-link) {
        color: #ffd238; }
      .magazine-page .magazine.block.bg-dark:hover p {
        color: #fff; }
      .magazine-page .magazine.block.bg-dark .p {
        color: #fff; }
    .magazine-page .magazine .bg-yellow-light h2,
    .magazine-page .magazine .bg-yellow-light h2,
    .magazine-page .magazine .bg-gray-lightest h2,
    .magazine-page .magazine .bg-dark h2,
    .magazine-page .magazine .bg-light h2,
    .magazine-page .magazine .bg-lightest h2,
    .magazine-page .magazine .bg-yellow h2,
    .magazine-page .magazine .bg-black h2,
    .magazine-page .magazine .bg-gray h2,
    .magazine-page .magazine .bg-gray-light h2,
    .magazine-page .magazine .bg-gray-dark h2,
    .magazine-page .magazine .bg-orange h2,
    .magazine-page .magazine .bg-red h2,
    .magazine-page .magazine .bg-blue h2,
    .magazine-page .magazine .bg-blue-light h2,
    .magazine-page .magazine .bg-blue-dark h2,
    .magazine-page .magazine .bg-green h2,
    .magazine-page .magazine .bg-yellow h2,
    .magazine-page .magazine .bg-pink h2,
    .magazine-page .magazine .bg-lilaq h2 {
      font-weight: 600;
      font-size: 2.25em; }
    .magazine-page .magazine .bg-yellow-light .block-padding,
    .magazine-page .magazine .bg-yellow-light .block-padding,
    .magazine-page .magazine .bg-gray-lightest .block-padding,
    .magazine-page .magazine .bg-dark .block-padding,
    .magazine-page .magazine .bg-light .block-padding,
    .magazine-page .magazine .bg-lightest .block-padding,
    .magazine-page .magazine .bg-yellow .block-padding,
    .magazine-page .magazine .bg-black .block-padding,
    .magazine-page .magazine .bg-gray .block-padding,
    .magazine-page .magazine .bg-gray-light .block-padding,
    .magazine-page .magazine .bg-gray-dark .block-padding,
    .magazine-page .magazine .bg-orange .block-padding,
    .magazine-page .magazine .bg-red .block-padding,
    .magazine-page .magazine .bg-blue .block-padding,
    .magazine-page .magazine .bg-blue-light .block-padding,
    .magazine-page .magazine .bg-blue-dark .block-padding,
    .magazine-page .magazine .bg-green .block-padding,
    .magazine-page .magazine .bg-yellow .block-padding,
    .magazine-page .magazine .bg-pink .block-padding,
    .magazine-page .magazine .bg-lilaq .block-padding {
      padding: 1em; }
    .magazine-page .magazine .bg-yellow-light {
      background: #fff5cc; }
    .magazine-page .magazine .bg-gray-lightest {
      background: #EBEBEB; }
    .magazine-page .magazine .imagearea {
      width: 50%;
      float: right;
      /*max-height: 480px;*/
      overflow: hidden;
      position: relative; }
      .magazine-page .magazine .imagearea img {
        width: 100%; }
    .magazine-page .magazine .contentarea {
      width: 100%;
      float: left;
      position: relative; }
    .magazine-page .magazine.flipped .imagearea {
      width: 50%;
      float: left; }
    .magazine-page .magazine.flipped .contentarea {
      width: 50%;
      float: right; }
    .magazine-page .magazine.theme .contentarea {
      width: 50%; }
      @media (max-width: 1023px) {
        .magazine-page .magazine.theme .contentarea {
          width: 100%; } }
      .magazine-page .magazine.theme .contentarea .content-padding {
        padding-bottom: 0; }
    .magazine-page .magazine.theme .link-block {
      margin-top: 2em; }
      @media (max-width: 1023px) {
        .magazine-page .magazine.theme .link-block {
          margin: 0; } }
    .magazine-page .magazine.dragare {
      overflow: hidden; }
      .magazine-page .magazine.dragare .imagearea {
        width: 66%; }
      .magazine-page .magazine.dragare .contentarea {
        width: 33%; }
      .magazine-page .magazine.dragare h2 {
        font-family: "Source Sans Pro", Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 2.5em; }
        @media (max-width: 1023px) {
          .magazine-page .magazine.dragare h2 {
            font-size: 2em; } }
    .magazine-page .magazine .layout-size1of1 > .dragare h2 {
      font-size: 2.5em;
      text-wrap: balance;
      hyphens: auto; }
      @media (max-width: 1024px) {
        .magazine-page .magazine .layout-size1of1 > .dragare h2 {
          font-size: 2em; } }
    @media (max-width: 1024px) {
      .magazine-page .magazine .imagearea,
      .magazine-page .magazine .contentarea {
        width: 100%;
        float: none; }
      .magazine-page .magazine .dragare .imagearea,
      .magazine-page .magazine .dragare .contentarea,
      .magazine-page .magazine .flipped .imagearea,
      .magazine-page .magazine .flipped .contentarea {
        width: 100%;
        float: none; } }
    .magazine-page .magazine .block-list-wrapper {
      border-bottom: 1px solid #e1e1e1;
      padding-top: .5em; }
      .magazine-page .magazine .block-list-wrapper:first-child {
        padding-top: 0; }
      .magazine-page .magazine .block-list-wrapper:last-child {
        border-bottom: none; }
      .magazine-page .magazine .block-list-wrapper .label {
        font-size: .75em;
        margin-bottom: 0; }
  .magazine-page .magazine blockquote,
  .magazine-page .magazine .invisible-link blockquote {
    border-left: none;
    margin-right: 0;
    margin-left: 0;
    padding-left: 1.5em;
    margin-bottom: .5em; }
    @media (max-width: 1023px) {
      .magazine-page .magazine blockquote,
      .magazine-page .magazine .invisible-link blockquote {
        margin-right: 80px; } }
    .magazine-page .magazine blockquote .vignette,
    .magazine-page .magazine .invisible-link blockquote .vignette {
      line-height: 1.2; }
    .magazine-page .magazine blockquote cite,
    .magazine-page .magazine .invisible-link blockquote cite {
      display: block;
      line-height: 1;
      font-size: 18px;
      margin-top: 1em;
      font-style: normal; }
  .magazine-page .magazine.chronicle,
  .magazine-page .magazine .invisible-link.chronicle {
    overflow: hidden; }
    .magazine-page .magazine.chronicle .vignette,
    .magazine-page .magazine .invisible-link.chronicle .vignette {
      display: block; }
    .magazine-page .magazine.chronicle .flag-flipped .img,
    .magazine-page .magazine .invisible-link.chronicle .flag-flipped .img {
      padding: 0; }
    .magazine-page .magazine.chronicle .flag,
    .magazine-page .magazine .invisible-link.chronicle .flag {
      margin-bottom: 0; }
      .magazine-page .magazine.chronicle .flag .bd,
      .magazine-page .magazine .invisible-link.chronicle .flag .bd {
        vertical-align: top; }
      .magazine-page .magazine.chronicle .flag img,
      .magazine-page .magazine .invisible-link.chronicle .flag img {
        max-width: 100%;
        width: 100%; }
      .magazine-page .magazine.chronicle .flag .circle,
      .magazine-page .magazine .invisible-link.chronicle .flag .circle {
        background: #fff;
        border-width: 0px;
        margin: 1em; }
    @media (max-width: 1023px) {
      .magazine-page .magazine.chronicle blockquote,
      .magazine-page .magazine .invisible-link.chronicle blockquote {
        margin-right: 1em; }
      .magazine-page .magazine.chronicle .img, .magazine-page .magazine.chronicle .bd,
      .magazine-page .magazine .invisible-link.chronicle .img,
      .magazine-page .magazine .invisible-link.chronicle .bd {
        position: relative;
        display: block; }
      .magazine-page .magazine.chronicle .bd,
      .magazine-page .magazine .invisible-link.chronicle .bd {
        z-index: 2;
        width: 100%;
        padding-bottom: 150px;
        padding-right: .25em; }
      .magazine-page .magazine.chronicle .img,
      .magazine-page .magazine .invisible-link.chronicle .img {
        height: 0;
        width: 100%; }
      .magazine-page .magazine.chronicle .flag,
      .magazine-page .magazine .invisible-link.chronicle .flag {
        display: block; }
      .magazine-page .magazine.chronicle .flag-flipped .img,
      .magazine-page .magazine .invisible-link.chronicle .flag-flipped .img {
        padding: 0; }
      .magazine-page .magazine.chronicle .circle,
      .magazine-page .magazine .invisible-link.chronicle .circle {
        position: absolute;
        bottom: 0;
        right: 0;
        height: 144px;
        width: 144px;
        z-index: 1; }
      .magazine-page .magazine.chronicle cite,
      .magazine-page .magazine .invisible-link.chronicle cite {
        width: 68%;
        position: absolute;
        padding-left: 0; } }
  .magazine-page .magazine blockquote .p,
  .magazine-page .magazine blockquote p,
  .magazine-page .magazine .invisible-link blockquote .p,
  .magazine-page .magazine .invisible-link blockquote p {
    font-family: 'Noto Serif', serif;
    position: relative;
    display: inline;
    color: #1d1d1d;
    font-size: 1.45em;
    line-height: 1.2; }
  .magazine-page .magazine blockquote .p:before,
  .magazine-page .magazine blockquote .p:after,
  .magazine-page .magazine blockquote p:before,
  .magazine-page .magazine blockquote p:after,
  .magazine-page .magazine .invisible-link blockquote .p:before,
  .magazine-page .magazine .invisible-link blockquote .p:after,
  .magazine-page .magazine .invisible-link blockquote p:before,
  .magazine-page .magazine .invisible-link blockquote p:after {
    position: relative;
    width: 20px;
    height: 20px;
    font-size: 1.2em;
    line-height: 1; }
  .magazine-page .magazine blockquote .p:before,
  .magazine-page .magazine blockquote p:before,
  .magazine-page .magazine .invisible-link blockquote .p:before,
  .magazine-page .magazine .invisible-link blockquote p:before {
    content: "\00ab"; }
  .magazine-page .magazine blockquote .p:after,
  .magazine-page .magazine blockquote p:after,
  .magazine-page .magazine .invisible-link blockquote .p:after,
  .magazine-page .magazine .invisible-link blockquote p:after {
    margin-left: 5px;
    content: "\00bb"; }
  .magazine-page .magazine .author-wrapper h2,
  .magazine-page .magazine .event-item-wrapper h2,
  .magazine-page .magazine .block-list-wrapper h2,
  .magazine-page .magazine .invisible-link .author-wrapper h2,
  .magazine-page .magazine .invisible-link .event-item-wrapper h2,
  .magazine-page .magazine .invisible-link .block-list-wrapper h2 {
    font-size: 1.1em; }
  .magazine-page .rte {
    font-size: .875em;
    font-family: 'Noto Serif', serif; }
    .magazine-page .rte blockquote {
      font-family: 'Noto Serif', serif;
      position: static;
      display: inline-block;
      color: #1d1d1d;
      font-size: 1.5em;
      line-height: 1.2;
      margin-bottom: 1.5em; }
    .magazine-page .rte blockquote:before,
    .magazine-page .rte blockquote:after {
      position: relative;
      width: 20px;
      height: 20px;
      font-size: 1.2em;
      line-height: 1; }
    .magazine-page .rte blockquote:before {
      content: "\00ab"; }
    .magazine-page .rte blockquote:after {
      margin-left: 5px;
      content: "\00bb"; }
  .magazine-page .external-link p.area-label,
  .magazine-page .external-link :hover p.area-label {
    margin-bottom: 0 !important;
    color: #f05d27 !important; }
  .magazine-page .external-link .flag .img > img {
    max-width: 110px;
    width: auto; }
  .magazine-page .vignette {
    display: block; }
  .magazine-page .layout-size1of2 [class^='size'],
  .magazine-page .layout-size1of3 [class^='size'] {
    width: 100%;
    float: none; }
  .magazine-page .layout-size1of2 .imagearea,
  .magazine-page .layout-size1of2 .contentarea,
  .magazine-page .layout-size1of3 .imagearea,
  .magazine-page .layout-size1of3 .contentarea {
    width: 100%;
    float: none; }
  .magazine-page .layout-size1of2 .dragare .imagearea,
  .magazine-page .layout-size1of2 .dragare .contentarea,
  .magazine-page .layout-size1of3 .dragare .imagearea,
  .magazine-page .layout-size1of3 .dragare .contentarea {
    width: 100%;
    float: none; }
  .magazine-page .layout-size1of2 .theme .imagearea,
  .magazine-page .layout-size1of2 .theme .contentarea,
  .magazine-page .layout-size1of3 .theme .imagearea,
  .magazine-page .layout-size1of3 .theme .contentarea {
    width: 100%;
    float: none; }
  .magazine-page .layout-size1of2 .theme .link-block,
  .magazine-page .layout-size1of3 .theme .link-block {
    margin: 0; }
  .magazine-page .layout-size1of1 > .magazine blockquote,
  .magazine-page .layout-size1of1 > .magazine .invisible-link blockquote {
    font-size: 160%; }
    @media (max-width: 1023px) {
      .magazine-page .layout-size1of1 > .magazine blockquote,
      .magazine-page .layout-size1of1 > .magazine .invisible-link blockquote {
        font-size: 100%; } }
  .magazine-page .section__body .layout-size1of1 .magazine blockquote,
  .magazine-page .section__body .layout-size1of1 .magazine .invisible-link blockquote {
    font-size: 100%; }
    @media (max-width: 1023px) {
      .magazine-page .section__body .layout-size1of1 .magazine blockquote,
      .magazine-page .section__body .layout-size1of1 .magazine .invisible-link blockquote {
        font-size: 125%; } }
  .magazine-page .section__body .layout-size1of2 h2,
  .magazine-page .section__body .layout-size1of1 h2 {
    font-size: 2.25em; }
  .magazine-page .layout-size1of3 .section__body .layout-size1of1 h2 {
    font-size: 1.55em; }
  .magazine-page .layout-size1of3 .section__body .layout-size1of1 .block {
    font-size: .85em; }
  .magazine-page .layout-size1of3 .section__body .layout-size1of1 .author-wrapper h2,
  .magazine-page .layout-size1of3 .section__body .layout-size1of1 .event-item-wrapper h2,
  .magazine-page .layout-size1of3 .section__body .layout-size1of1 .block-list-wrapper h2 {
    font-size: 1.1em; }
  .magazine-page .layout-size1of3 .section__body .layout-size1of1 .chronicle blockquote {
    margin-right: 1em; }
  .magazine-page .layout-size1of3 .section__body .layout-size1of1 .chronicle .img, .magazine-page .layout-size1of3 .section__body .layout-size1of1 .chronicle .bd {
    position: relative;
    display: block; }
  .magazine-page .layout-size1of3 .section__body .layout-size1of1 .chronicle .bd {
    z-index: 2;
    width: 100%;
    padding-bottom: 150px;
    padding-right: .25em; }
  .magazine-page .layout-size1of3 .section__body .layout-size1of1 .chronicle .img {
    margin-top: -100px;
    height: 0;
    width: 100%; }
    @media (max-width: 1023px) {
      .magazine-page .layout-size1of3 .section__body .layout-size1of1 .chronicle .img {
        margin-top: 0px; } }
  .magazine-page .layout-size1of3 .section__body .layout-size1of1 .chronicle .flag {
    display: block; }
  .magazine-page .layout-size1of3 .section__body .layout-size1of1 .chronicle .flag-flipped .img {
    padding: 0; }
  .magazine-page .layout-size1of3 .section__body .layout-size1of1 .chronicle .circle {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 96px;
    width: 96px;
    z-index: 1; }
    @media (max-width: 1023px) {
      .magazine-page .layout-size1of3 .section__body .layout-size1of1 .chronicle .circle {
        height: 144px;
        width: 144px; } }
  @media (max-width: 1023px) {
    .magazine-page .layout-size1of3 .section__body .layout-size1of1 .chronicle cite {
      width: 48%;
      position: absolute; } }
  .magazine-page .layout-size1of3 .block.chronicle blockquote {
    margin-right: 1em; }
  .magazine-page .layout-size1of3 .block.chronicle .img, .magazine-page .layout-size1of3 .block.chronicle .bd {
    position: relative;
    display: block; }
  .magazine-page .layout-size1of3 .block.chronicle .bd {
    z-index: 2;
    width: 100%;
    padding-bottom: 150px;
    padding-right: .25em; }
  .magazine-page .layout-size1of3 .block.chronicle .img {
    margin-top: -100px;
    height: 0;
    width: 100%; }
    @media (max-width: 1023px) {
      .magazine-page .layout-size1of3 .block.chronicle .img {
        margin-top: 0; } }
  .magazine-page .layout-size1of3 .block.chronicle .flag {
    display: block; }
  .magazine-page .layout-size1of3 .block.chronicle .flag-flipped .img {
    padding: 0; }
  .magazine-page .layout-size1of3 .block.chronicle .circle {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 96px;
    width: 96px;
    z-index: 1; }
    @media (max-width: 1023px) {
      .magazine-page .layout-size1of3 .block.chronicle .circle {
        height: 144px;
        width: 144px; } }
  .magazine-page .layout-size1of3 .block.chronicle cite {
    padding-right: 100px; }
    @media (max-width: 1023px) {
      .magazine-page .layout-size1of3 .block.chronicle cite {
        padding-right: 0; } }
  .magazine-page .layout-size1of2 .block.chronicle .circle {
    height: 144px;
    width: 144px; }
  .magazine-page .interview h2 {
    font-size: 2.25em;
    margin-bottom: .5em; }
    @media (max-width: 1023px) {
      .magazine-page .interview h2 {
        font-size: 1.8em; } }
  .magazine-page .interview .img img {
    width: 250px;
    margin-left: 1em; }
    @media (max-width: 1023px) {
      .magazine-page .interview .img img {
        width: 100px; } }
  .magazine-page .layout-size1of2 .interview .img img,
  .magazine-page .layout-size1of3 .interview .img img {
    width: 150px; }
  .magazine-page .layout-size1of3 h2 {
    font-size: 2em; }

@media (max-width: 1023px) {
  .layout-size1of1 > .block.chronicle-X .img, .layout-size1of1 > .block.chronicle-X .bd {
    position: relative;
    display: block; }
  .layout-size1of1 > .block.chronicle-X .bd {
    z-index: 2;
    width: 100%;
    padding-bottom: 200px;
    padding-right: .25em; }
  .layout-size1of1 > .block.chronicle-X .img {
    margin-top: -125px;
    height: 0;
    width: 100%; }
  .layout-size1of1 > .block.chronicle-X .flag {
    display: block; }
  .layout-size1of1 > .block.chronicle-X .flag-flipped .img {
    padding: 0; }
  .layout-size1of1 > .block.chronicle-X .circle {
    display: block;
    position: absolute;
    bottom: auto;
    bottom: 0;
    right: 0;
    z-index: 1; }
  .layout-size1of1 > .block.chronicle-X cite {
    padding-right: 130px; } }

.layout-size1of1 > .block.dragare h2 {
  font-size: 2.5em; }
  @media (max-width: 1024px) {
    .layout-size1of1 > .block.dragare h2 {
      font-size: 2em; } }

.layout-size1of1 > .block.interview h2 {
  font-size: 2em;
  margin-bottom: .5em; }
  @media (max-width: 1023px) {
    .layout-size1of1 > .block.interview h2 {
      font-size: 1.8em; } }

.layout-size1of1 > .block.interview .img img {
  width: 250px;
  margin-left: 1em; }
  @media (max-width: 1023px) {
    .layout-size1of1 > .block.interview .img img {
      width: 100px; } }

@media (max-width: 680px) and (max-width: 1023px) {
  .magazine .block.chronicle cite {
    width: 48%;
    position: absolute; } }

@media (max-width: 320px) {
  .magazine .block.chronicle .img {
    margin-top: 0px; }
  .magazine .block.chronicle .circle {
    bottom: 5%;
    height: 96px !important;
    width: 96px !important; } }

@media (min-width: 1025px) {
  .layout-size1of1 > .block.dragare .contentarea,
  .layout-size2of3 > .block.dragare .contentarea {
    height: 100%;
    min-height: 100%;
    position: static; }
    .layout-size1of1 > .block.dragare .contentarea .block-padding,
    .layout-size2of3 > .block.dragare .contentarea .block-padding {
      position: absolute;
      height: 90%;
      overflow: hidden;
      width: 33%;
      padding-bottom: 0; } }

.layout-size2of3 > .block.interview .img img,
.layout-size1of2 > .block.interview .img img {
  width: 150px; }

.layout-size1of3 .layout-size1of1 > .block.interview .img img,
.layout-size1of3 > .block.interview .img img {
  width: 150px; }

.layout-size1of3 .layout-size1of1 .author-wrapper h2,
.layout-size1of3 .layout-size1of1 .event-item-wrapper h2,
.layout-size1of3 .layout-size1of1 .block-list-wrapper h2,
.layout-size1of3 .author-wrapper h2,
.layout-size1of3 .event-item-wrapper h2,
.layout-size1of3 .block-list-wrapper h2 {
  font-size: 1.1em; }

.factbox,
.countryfact {
  font-size: .8em;
  padding: 1em; }
  .factbox .block-bd h2,
  .countryfact .block-bd h2 {
    font-size: 1.5em; }
  .factbox p,
  .countryfact p {
    font-size: 1em; }
  .factbox .bg-light, .factbox.bg-light,
  .countryfact .bg-light,
  .countryfact.bg-light {
    background: #E3ECF6; }
  .factbox .bg-lightest, .factbox.bg-lightest,
  .countryfact .bg-lightest,
  .countryfact.bg-lightest {
    background: #E3F5F5; }
  .factbox .bg-dark, .factbox.bg-dark,
  .countryfact .bg-dark,
  .countryfact.bg-dark {
    background: #5F5757;
    color: #fff; }
    .factbox .bg-dark h1, .factbox .bg-dark h2, .factbox .bg-dark h3, .factbox .bg-dark p, .factbox.bg-dark h1, .factbox.bg-dark h2, .factbox.bg-dark h3, .factbox.bg-dark p,
    .countryfact .bg-dark h1,
    .countryfact .bg-dark h2,
    .countryfact .bg-dark h3,
    .countryfact .bg-dark p,
    .countryfact.bg-dark h1,
    .countryfact.bg-dark h2,
    .countryfact.bg-dark h3,
    .countryfact.bg-dark p {
      color: #fff; }
  .factbox.bg-red, .factbox.bg-green, .factbox.bg-blue-dark,
  .countryfact.bg-red,
  .countryfact.bg-green,
  .countryfact.bg-blue-dark {
    color: #fff; }
    .factbox.bg-red h1, .factbox.bg-red h2, .factbox.bg-red h3, .factbox.bg-red p, .factbox.bg-green h1, .factbox.bg-green h2, .factbox.bg-green h3, .factbox.bg-green p, .factbox.bg-blue-dark h1, .factbox.bg-blue-dark h2, .factbox.bg-blue-dark h3, .factbox.bg-blue-dark p,
    .countryfact.bg-red h1,
    .countryfact.bg-red h2,
    .countryfact.bg-red h3,
    .countryfact.bg-red p,
    .countryfact.bg-green h1,
    .countryfact.bg-green h2,
    .countryfact.bg-green h3,
    .countryfact.bg-green p,
    .countryfact.bg-blue-dark h1,
    .countryfact.bg-blue-dark h2,
    .countryfact.bg-blue-dark h3,
    .countryfact.bg-blue-dark p {
      color: #fff; }
  .factbox.bg-yellow,
  .countryfact.bg-yellow {
    color: #000; }
    .factbox.bg-yellow h1, .factbox.bg-yellow h2, .factbox.bg-yellow h3, .factbox.bg-yellow p,
    .countryfact.bg-yellow h1,
    .countryfact.bg-yellow h2,
    .countryfact.bg-yellow h3,
    .countryfact.bg-yellow p {
      color: #000; }

.lh-8pt {
  line-height: 8pt !important; }

.lh-9pt {
  line-height: 9pt !important; }

.lh-10pt {
  line-height: 10pt !important; }

.lh-11pt {
  line-height: 11pt !important; }

.lh-12pt {
  line-height: 12pt !important; }

.lh-14pt {
  line-height: 14pt !important; }

.lh-18pt {
  line-height: 18pt !important; }

.lh-24pt {
  line-height: 24pt !important; }

.lh-36pt {
  line-height: 36pt !important; }

.txt-8pt {
  font-size: 8pt !important; }

.txt-9pt {
  font-size: 9pt !important; }

.txt-10pt {
  font-size: 10pt !important; }

.txt-11pt {
  font-size: 11pt !important; }

.txt-12pt {
  font-size: 12pt !important; }

.txt-14pt {
  font-size: 14pt !important; }

.txt-18pt {
  font-size: 18pt !important; }

.txt-24pt {
  font-size: 24pt !important; }

.txt-36pt {
  font-size: 36pt !important; }

@media print {
  /**
 * Print
 *
 * Description: Contains styling for print.
 * @see: https://html5boilerplate.com/
 * Version: 1.0.3
 * -----------------------------------------------------------------------------
 */
  *, *:before, *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:	http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important; }
  a, a:visited {
    text-decoration: underline; }
  #main-content a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
  a[href^="#"]:after, a[href^="javascript:"]:after {
    content: ""; }
  pre, blockquote {
    border: 0px solid #999;
    page-break-inside: avoid; }
  /*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; }
  #page-footer, #site-header, .share, #ui-logged-in {
    display: none; }
  .isotope-item {
    position: static !important; } }