@charset "UTF-8";
/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /*

EXAMPLE
Let's say you have an image and you need to make sure it looks ok
on retina screens. Let's say we have an icon which dimension are
24px x 24px. In your regular stylesheets, it would look something
like this:

.icon {
	width: 24px;
	height: 24px;
	background: url(img/test.png) no-repeat;
}

For retina screens, we have to make some adjustments, so that image
doesn't look blurry. So, taking into account the image above and the
dimensions, this is what we would put in our retina stylesheet:

.icon {
	background: url(img/test@2x.png) no-repeat;
	background-size: 24px 24px;
}

So, you would create the same icon, but at double the resolution, meaning
it would be 48px x 48px. You'd name it the same, but with a @2x at the end
(this is pretty standard practice). Set the background image so it matches
the original dimensions and you are good to go.

*/
}

/*!
Theme Name: Arun Amarin
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: arun-amarin
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Arun Amarin is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}
 */
select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: royalblue;
}

a:visited {
  color: purple;
}

a:hover,
a:focus,
a:active {
  color: midnightblue;
}

a:focus {
  outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  left: 100%;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation li {
  float: left;
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

@font-face {
  font-family: 'sukhumvit';
  src: url("../fonts/sukhumvit/sukhumvitreg-webfont.eot");
  src: url("../fonts/sukhumvit/sukhumvitreg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sukhumvit/sukhumvitreg-webfont.woff2") format("woff2"), url("../fonts/sukhumvit/sukhumvitreg-webfont.woff") format("woff"), url("../fonts/sukhumvit/sukhumvitreg-webfont.ttf") format("truetype"), url("../fonts/sukhumvit/sukhumvitreg-webfont.svg#sukhumvit") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bringshoot';
  src: url("../fonts/bringshoot/bringshoot-webfont.eot");
  src: url("../fonts/bringshoot/bringshoot-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bringshoot/bringshoot-webfont.woff2") format("woff2"), url("../fonts/bringshoot/bringshoot-webfont.woff") format("woff"), url("../fonts/bringshoot/bringshoot-webfont.ttf") format("truetype"), url("../fonts/bringshoot/bringshoot-webfont.svg#bringshoot") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'display_proregular';
  src: url("../fonts/display/psl029pro-webfont.eot");
  src: url("../fonts/display/psl029pro-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/display/psl029pro-webfont.woff2") format("woff2"), url("../fonts/display/psl029pro-webfont.woff") format("woff"), url("../fonts/display/psl029pro-webfont.ttf") format("truetype"), url("../fonts/display/psl029pro-webfont.svg#display_proregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'display_probold';
  src: url("../fonts/display/psl030pro-webfont.eot");
  src: url("../fonts/display/psl030pro-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/display/psl030pro-webfont.woff2") format("woff2"), url("../fonts/display/psl030pro-webfont.woff") format("woff"), url("../fonts/display/psl030pro-webfont.ttf") format("truetype"), url("../fonts/display/psl030pro-webfont.svg#display_probold") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* $grid-column-gutter: (
		small: 20px,
		medium: 30px,
	) !default; */
/**
 * Foundation for Sites by ZURB
 * Version 6.4.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
       ========================================================================== */
/**
     * 1. Change the default font family in all browsers (opinionated).
     * 2. Correct the line height in all browsers.
     * 3. Prevent adjustments of font size after orientation changes in
     *    IE on Windows Phone and in iOS.
     */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

/* Sections
       ========================================================================== */
/**
     * Remove the margin in all browsers (opinionated).
     */
body {
  margin: 0;
}

/**
     * Add the correct display in IE 9-.
     */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
     * Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari.
     */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
figcaption,
figure {
  display: block;
}

/**
     * Add the correct margin in IE 8.
     */
figure {
  margin: 1em 40px;
}

/**
     * 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE.
     */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
     * Add the correct display in IE.
     */
main {
  display: block;
}

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Links
       ========================================================================== */
/**
     * 1. Remove the gray background on active links in IE 10.
     * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
     */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
     * Remove the outline on focused links when they are also active or hovered
     * in all browsers (opinionated).
     */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
       ========================================================================== */
/**
     * 1. Remove the bottom border in Firefox 39-.
     * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
     * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
     */
b,
strong {
  font-weight: inherit;
}

/**
     * Add the correct font weight in Chrome, Edge, and Safari.
     */
b,
strong {
  font-weight: bolder;
}

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
     * Add the correct font style in Android 4.3-.
     */
dfn {
  font-style: italic;
}

/**
     * Add the correct background and color in IE 9-.
     */
mark {
  background-color: #ff0;
  color: #000;
}

/**
     * Add the correct font size in all browsers.
     */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
audio,
video {
  display: inline-block;
}

/**
     * Add the correct display in iOS 4-7.
     */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
     * Remove the border on images inside links in IE 10-.
     */
img {
  border-style: none;
}

/**
     * Hide the overflow in IE.
     */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
       ========================================================================== */
/**
     * 1. Change the font styles in all browsers (opinionated).
     * 2. Remove the margin in Firefox and Safari.
     */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
     * Show the overflow in IE.
     */
button {
  overflow: visible;
}

/**
     * Remove the inheritance of text transform in Edge, Firefox, and IE.
     * 1. Remove the inheritance of text transform in Firefox.
     */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
     * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
     *    controls in Android 4.
     * 2. Correct the inability to style clickable types in iOS and Safari.
     */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  /**
       * Remove the inner border and padding in Firefox.
       */
  /**
       * Restore the focus styles unset by the previous rule.
       */
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
     * Show the overflow in Edge.
     */
input {
  overflow: visible;
}

/**
     * 1. Add the correct box sizing in IE 10-.
     * 2. Remove the padding in IE 10-.
     */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
     * Correct the cursor style of increment and decrement buttons in Chrome.
     */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
  /**
       * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
       */
}

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

/**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
     * Change the border, margin, and padding in all browsers (opinionated).
     */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
     * 1. Correct the text wrapping in Edge and IE.
     * 2. Correct the color inheritance from `fieldset` elements in IE.
     * 3. Remove the padding so developers are not caught out when they zero out
     *    `fieldset` elements in all browsers.
     */
legend {
  box-sizing: border-box;
  /* 1 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */
}

/**
     * 1. Add the correct display in IE 9-.
     * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
     * Remove the default vertical scrollbar in IE.
     */
textarea {
  overflow: auto;
}

/* Interactive
       ========================================================================== */
/*
     * Add the correct display in Edge, IE, and Firefox.
     */
details {
  display: block;
}

/*
     * Add the correct display in all browsers.
     */
summary {
  display: list-item;
}

/*
     * Add the correct display in IE 9-.
     */
menu {
  display: block;
}

/* Scripting
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
canvas {
  display: inline-block;
}

/**
     * Add the correct display in IE.
     */
template {
  display: none;
}

/* Hidden
       ========================================================================== */
/**
     * Add the correct display in IE 10-.
     */
[hidden] {
  display: none;
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}

html {
  box-sizing: border-box;
  font-size: 100%;
}

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

body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  padding: 0;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto;
}

[data-whatinput='mouse'] button {
  outline: 0;
}

pre {
  overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

.row {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-flow: row wrap;
}

.row .row {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

@media print, screen and (min-width: 40em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}

@media print, screen and (min-width: 64em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}

.row .row.collapse {
  margin-right: 0;
  margin-left: 0;
}

.row.expanded {
  max-width: none;
}

.row.expanded .row {
  margin-right: auto;
  margin-left: auto;
}

.row:not(.expanded) .row {
  max-width: none;
}

.row.collapse > .column, .row.collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}

.row.is-collapse-child,
.row.collapse > .column > .row,
.row.collapse > .columns > .row {
  margin-right: 0;
  margin-left: 0;
}

.column, .columns {
  flex: 1 1 0px;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  min-width: 0;
}

@media print, screen and (min-width: 40em) {
  .column, .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

.column.row.row, .row.row.columns {
  float: none;
  display: block;
}

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}

.small-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.small-offset-1 {
  margin-left: 8.33333%;
}

.small-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.small-offset-2 {
  margin-left: 16.66667%;
}

.small-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.small-offset-4 {
  margin-left: 33.33333%;
}

.small-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.small-offset-5 {
  margin-left: 41.66667%;
}

.small-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.small-offset-7 {
  margin-left: 58.33333%;
}

.small-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.small-offset-8 {
  margin-left: 66.66667%;
}

.small-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.small-offset-10 {
  margin-left: 83.33333%;
}

.small-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.small-offset-11 {
  margin-left: 91.66667%;
}

.small-up-1 {
  flex-wrap: wrap;
}

.small-up-1 > .column, .small-up-1 > .columns {
  flex: 0 0 100%;
  max-width: 100%;
}

.small-up-2 {
  flex-wrap: wrap;
}

.small-up-2 > .column, .small-up-2 > .columns {
  flex: 0 0 50%;
  max-width: 50%;
}

.small-up-3 {
  flex-wrap: wrap;
}

.small-up-3 > .column, .small-up-3 > .columns {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.small-up-4 {
  flex-wrap: wrap;
}

.small-up-4 > .column, .small-up-4 > .columns {
  flex: 0 0 25%;
  max-width: 25%;
}

.small-up-5 {
  flex-wrap: wrap;
}

.small-up-5 > .column, .small-up-5 > .columns {
  flex: 0 0 20%;
  max-width: 20%;
}

.small-up-6 {
  flex-wrap: wrap;
}

.small-up-6 > .column, .small-up-6 > .columns {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.small-up-7 {
  flex-wrap: wrap;
}

.small-up-7 > .column, .small-up-7 > .columns {
  flex: 0 0 14.28571%;
  max-width: 14.28571%;
}

.small-up-8 {
  flex-wrap: wrap;
}

.small-up-8 > .column, .small-up-8 > .columns {
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

@media print, screen and (min-width: 40em) {
  .medium-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .medium-offset-1 {
    margin-left: 8.33333%;
  }
  .medium-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .medium-offset-2 {
    margin-left: 16.66667%;
  }
  .medium-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .medium-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .medium-offset-4 {
    margin-left: 33.33333%;
  }
  .medium-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .medium-offset-5 {
    margin-left: 41.66667%;
  }
  .medium-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .medium-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .medium-offset-7 {
    margin-left: 58.33333%;
  }
  .medium-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .medium-offset-8 {
    margin-left: 66.66667%;
  }
  .medium-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .medium-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .medium-offset-10 {
    margin-left: 83.33333%;
  }
  .medium-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .medium-offset-11 {
    margin-left: 91.66667%;
  }
  .medium-up-1 {
    flex-wrap: wrap;
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .medium-up-2 {
    flex-wrap: wrap;
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .medium-up-3 {
    flex-wrap: wrap;
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .medium-up-4 {
    flex-wrap: wrap;
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .medium-up-5 {
    flex-wrap: wrap;
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .medium-up-6 {
    flex-wrap: wrap;
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .medium-up-7 {
    flex-wrap: wrap;
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    flex: 0 0 14.28571%;
    max-width: 14.28571%;
  }
  .medium-up-8 {
    flex-wrap: wrap;
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

@media print, screen and (min-width: 40em) and (min-width: 40em) {
  .medium-expand {
    flex: 1 1 0px;
  }
}

.row.medium-unstack > .column, .row.medium-unstack > .columns {
  flex: 0 0 100%;
}

@media print, screen and (min-width: 40em) {
  .row.medium-unstack > .column, .row.medium-unstack > .columns {
    flex: 1 1 0px;
  }
}

@media print, screen and (min-width: 40em) {
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

@media print, screen and (min-width: 64em) {
  .large-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .large-offset-1 {
    margin-left: 8.33333%;
  }
  .large-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .large-offset-2 {
    margin-left: 16.66667%;
  }
  .large-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .large-offset-4 {
    margin-left: 33.33333%;
  }
  .large-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .large-offset-5 {
    margin-left: 41.66667%;
  }
  .large-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .large-offset-7 {
    margin-left: 58.33333%;
  }
  .large-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .large-offset-8 {
    margin-left: 66.66667%;
  }
  .large-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .large-offset-10 {
    margin-left: 83.33333%;
  }
  .large-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.66667%;
  }
  .large-up-1 {
    flex-wrap: wrap;
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .large-up-2 {
    flex-wrap: wrap;
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .large-up-3 {
    flex-wrap: wrap;
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .large-up-4 {
    flex-wrap: wrap;
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .large-up-5 {
    flex-wrap: wrap;
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .large-up-6 {
    flex-wrap: wrap;
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .large-up-7 {
    flex-wrap: wrap;
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    flex: 0 0 14.28571%;
    max-width: 14.28571%;
  }
  .large-up-8 {
    flex-wrap: wrap;
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

@media print, screen and (min-width: 64em) and (min-width: 64em) {
  .large-expand {
    flex: 1 1 0px;
  }
}

.row.large-unstack > .column, .row.large-unstack > .columns {
  flex: 0 0 100%;
}

@media print, screen and (min-width: 64em) {
  .row.large-unstack > .column, .row.large-unstack > .columns {
    flex: 1 1 0px;
  }
}

@media print, screen and (min-width: 64em) {
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

.shrink {
  flex: 0 0 auto;
  max-width: 100%;
}

.column-block {
  margin-bottom: 1.25rem;
}

.column-block > :last-child {
  margin-bottom: 0;
}

@media print, screen and (min-width: 40em) {
  .column-block {
    margin-bottom: 1.875rem;
  }
  .column-block > :last-child {
    margin-bottom: 0;
  }
}

.align-right {
  justify-content: flex-end;
}

.align-center {
  justify-content: center;
}

.align-justify {
  justify-content: space-between;
}

.align-spaced {
  justify-content: space-around;
}

.align-right.vertical.menu > li > a {
  justify-content: flex-end;
}

.align-center.vertical.menu > li > a {
  justify-content: center;
}

.align-top {
  align-items: flex-start;
}

.align-self-top {
  align-self: flex-start;
}

.align-bottom {
  align-items: flex-end;
}

.align-self-bottom {
  align-self: flex-end;
}

.align-middle {
  align-items: center;
}

.align-self-middle {
  align-self: center;
}

.align-stretch {
  align-items: stretch;
}

.align-self-stretch {
  align-self: stretch;
}

.align-center-middle {
  justify-content: center;
  align-items: center;
  align-content: center;
}

.small-order-1 {
  order: 1;
}

.small-order-2 {
  order: 2;
}

.small-order-3 {
  order: 3;
}

.small-order-4 {
  order: 4;
}

.small-order-5 {
  order: 5;
}

.small-order-6 {
  order: 6;
}

@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    order: 1;
  }
  .medium-order-2 {
    order: 2;
  }
  .medium-order-3 {
    order: 3;
  }
  .medium-order-4 {
    order: 4;
  }
  .medium-order-5 {
    order: 5;
  }
  .medium-order-6 {
    order: 6;
  }
}

@media print, screen and (min-width: 64em) {
  .large-order-1 {
    order: 1;
  }
  .large-order-2 {
    order: 2;
  }
  .large-order-3 {
    order: 3;
  }
  .large-order-4 {
    order: 4;
  }
  .large-order-5 {
    order: 5;
  }
  .large-order-6 {
    order: 6;
  }
}

.flex-container {
  display: flex;
}

.flex-child-auto {
  flex: 1 1 auto;
}

.flex-child-grow {
  flex: 1 0 auto;
}

.flex-child-shrink {
  flex: 0 1 auto;
}

.flex-dir-row {
  flex-direction: row;
}

.flex-dir-row-reverse {
  flex-direction: row-reverse;
}

.flex-dir-column {
  flex-direction: column;
}

.flex-dir-column-reverse {
  flex-direction: column-reverse;
}

@media print, screen and (min-width: 40em) {
  .medium-flex-container {
    display: flex;
  }
  .medium-flex-child-auto {
    flex: 1 1 auto;
  }
  .medium-flex-child-grow {
    flex: 1 0 auto;
  }
  .medium-flex-child-shrink {
    flex: 0 1 auto;
  }
  .medium-flex-dir-row {
    flex-direction: row;
  }
  .medium-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .medium-flex-dir-column {
    flex-direction: column;
  }
  .medium-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}

@media print, screen and (min-width: 64em) {
  .large-flex-container {
    display: flex;
  }
  .large-flex-child-auto {
    flex: 1 1 auto;
  }
  .large-flex-child-grow {
    flex: 1 0 auto;
  }
  .large-flex-child-shrink {
    flex: 0 1 auto;
  }
  .large-flex-dir-row {
    flex-direction: row;
  }
  .large-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .large-flex-dir-column {
    flex-direction: column;
  }
  .large-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 80%;
  line-height: inherit;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "display_proregular", "sans-serif";
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
}

h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
  line-height: 0;
  color: #cacaca;
}

h1, .h1 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h2, .h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h3, .h3 {
  font-size: 1.1875rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h4, .h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h5, .h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h6, .h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 3rem;
  }
  h2, .h2 {
    font-size: 2.5rem;
  }
  h3, .h3 {
    font-size: 1.9375rem;
  }
  h4, .h4 {
    font-size: 1.5625rem;
  }
  h5, .h5 {
    font-size: 1.25rem;
  }
  h6, .h6 {
    font-size: 1rem;
  }
}

a {
  line-height: inherit;
  color: #1779ba;
  text-decoration: none;
  cursor: pointer;
}

a:hover, a:focus {
  color: #1468a0;
}

a img {
  border: 0;
}

hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 1rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
}

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.6;
}

li {
  font-size: inherit;
}

ul {
  margin-left: 1.25rem;
  list-style-type: disc;
}

ol {
  margin-left: 1.25rem;
}

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1rem;
}

dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca;
}

blockquote, blockquote p {
  line-height: 1.6;
  color: #8a8a8a;
}

cite {
  display: block;
  font-size: 0.8125rem;
  color: #8a8a8a;
}

cite:before {
  content: "— ";
}

abbr, abbr[title] {
  border-bottom: 1px dotted #0a0a0a;
  cursor: help;
  text-decoration: none;
}

figure {
  margin: 0;
}

code {
  padding: 0.125rem 0.3125rem 0.0625rem;
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
}

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #0a0a0a;
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a;
}

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}

p + .stat {
  margin-top: -1rem;
}

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none;
}

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

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

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }
  .medium-text-right {
    text-align: right;
  }
  .medium-text-center {
    text-align: center;
  }
  .medium-text-justify {
    text-align: justify;
  }
}

@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left;
  }
  .large-text-right {
    text-align: right;
  }
  .large-text-center {
    text-align: center;
  }
  .large-text-justify {
    text-align: justify;
  }
}

.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: black !important;
    text-shadow: none !important;
  }
  .show-for-print {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print {
    display: table-cell !important;
  }
  th.show-for-print {
    display: table-cell !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: '';
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .print-break-inside {
    page-break-inside: auto;
  }
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  appearance: none;
}

[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
textarea:focus {
  outline: none;
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

textarea {
  max-width: 100%;
}

textarea[rows] {
  height: auto;
}

input::placeholder,
textarea::placeholder {
  color: #cacaca;
}

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed;
}

[type='submit'],
[type='button'] {
  appearance: none;
  border-radius: 0;
}

input[type='search'] {
  box-sizing: border-box;
}

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 1rem;
}

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
}

[type='checkbox'] + label[for],
[type='radio'] + label[for] {
  cursor: pointer;
}

label > [type='checkbox'],
label > [type='radio'] {
  margin-right: 0.5rem;
}

[type='file'] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a;
}

label.middle {
  margin: 0 0 1rem;
  padding: 0.5625rem 0;
}

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #0a0a0a;
}

.input-group {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  align-items: stretch;
}

.input-group > :first-child {
  border-radius: 0 0 0 0;
}

.input-group > :last-child > * {
  border-radius: 0 0 0 0;
}

.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  margin: 0;
  white-space: nowrap;
}

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #cacaca;
  background: #e6e6e6;
  color: #0a0a0a;
  text-align: center;
  white-space: nowrap;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
}

.input-group-label:first-child {
  border-right: 0;
}

.input-group-label:last-child {
  border-left: 0;
}

.input-group-field {
  border-radius: 0;
  flex: 1 1 0px;
  height: auto;
  min-width: 0;
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: flex;
  flex: 0 0 auto;
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  height: auto;
  align-self: stretch;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  max-width: 100%;
  margin-bottom: 0.5rem;
}

.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #cacaca;
}

.fieldset legend {
  margin: 0;
  margin-left: -0.1875rem;
  padding: 0 0.1875rem;
}

select {
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  appearance: none;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

@media screen and (min-width: 0\0) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}

select:focus {
  outline: none;
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

select:disabled {
  background-color: #e6e6e6;
  cursor: not-allowed;
}

select::-ms-expand {
  display: none;
}

select[multiple] {
  height: auto;
  background-image: none;
}

.is-invalid-input:not(:focus) {
  border-color: #cc4b37;
  background-color: #f9ecea;
}

.is-invalid-input:not(:focus)::placeholder {
  color: #cc4b37;
}

.is-invalid-label {
  color: #cc4b37;
}

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #cc4b37;
}

.form-error.is-visible {
  display: block;
}

.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  font-family: inherit;
  padding: 0.85em 1em;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #1779ba;
  color: #fefefe;
}

[data-whatinput='mouse'] .button {
  outline: 0;
}

.button:hover, .button:focus {
  background-color: #14679e;
  color: #fefefe;
}

.button.tiny {
  font-size: 0.6rem;
}

.button.small {
  font-size: 0.75rem;
}

.button.large {
  font-size: 1.25rem;
}

.button.expanded {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.button.primary {
  background-color: #1779ba;
  color: #fefefe;
}

.button.primary:hover, .button.primary:focus {
  background-color: #126195;
  color: #fefefe;
}

.button.secondary {
  background-color: #767676;
  color: #fefefe;
}

.button.secondary:hover, .button.secondary:focus {
  background-color: #5e5e5e;
  color: #fefefe;
}

.button.success {
  background-color: #3adb76;
  color: #0a0a0a;
}

.button.success:hover, .button.success:focus {
  background-color: #22bb5b;
  color: #0a0a0a;
}

.button.warning {
  background-color: #ffae00;
  color: #0a0a0a;
}

.button.warning:hover, .button.warning:focus {
  background-color: #cc8b00;
  color: #0a0a0a;
}

.button.alert {
  background-color: #cc4b37;
  color: #fefefe;
}

.button.alert:hover, .button.alert:focus {
  background-color: #a53b2a;
  color: #fefefe;
}

.button.disabled, .button[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus {
  background-color: #1779ba;
  color: #fefefe;
}

.button.disabled.primary, .button[disabled].primary {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus {
  background-color: #1779ba;
  color: #fefefe;
}

.button.disabled.secondary, .button[disabled].secondary {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #767676;
  color: #fefefe;
}

.button.disabled.success, .button[disabled].success {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #3adb76;
  color: #0a0a0a;
}

.button.disabled.warning, .button[disabled].warning {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus {
  background-color: #ffae00;
  color: #0a0a0a;
}

.button.disabled.alert, .button[disabled].alert {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #cc4b37;
  color: #fefefe;
}

.button.hollow {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.hollow, .button.hollow:hover, .button.hollow:focus {
  background-color: transparent;
}

.button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
  background-color: transparent;
}

.button.hollow:hover, .button.hollow:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}

.button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.hollow.primary {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.hollow.primary:hover, .button.hollow.primary:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}

.button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.hollow.secondary {
  border: 1px solid #767676;
  color: #767676;
}

.button.hollow.secondary:hover, .button.hollow.secondary:focus {
  border-color: #3b3b3b;
  color: #3b3b3b;
}

.button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] {
  border: 1px solid #767676;
  color: #767676;
}

.button.hollow.success {
  border: 1px solid #3adb76;
  color: #3adb76;
}

.button.hollow.success:hover, .button.hollow.success:focus {
  border-color: #157539;
  color: #157539;
}

.button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] {
  border: 1px solid #3adb76;
  color: #3adb76;
}

.button.hollow.warning {
  border: 1px solid #ffae00;
  color: #ffae00;
}

.button.hollow.warning:hover, .button.hollow.warning:focus {
  border-color: #805700;
  color: #805700;
}

.button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] {
  border: 1px solid #ffae00;
  color: #ffae00;
}

.button.hollow.alert {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}

.button.hollow.alert:hover, .button.hollow.alert:focus {
  border-color: #67251a;
  color: #67251a;
}

.button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}

.button.clear {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.clear, .button.clear:hover, .button.clear:focus {
  background-color: transparent;
}

.button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
  background-color: transparent;
}

.button.clear:hover, .button.clear:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}

.button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] {
  border-color: transparent;
}

.button.clear.primary {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.clear.primary:hover, .button.clear.primary:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}

.button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
  border-color: transparent;
}

.button.clear.secondary {
  border: 1px solid #767676;
  color: #767676;
}

.button.clear.secondary:hover, .button.clear.secondary:focus {
  border-color: #3b3b3b;
  color: #3b3b3b;
}

.button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
  border: 1px solid #767676;
  color: #767676;
}

.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
  border-color: transparent;
}

.button.clear.success {
  border: 1px solid #3adb76;
  color: #3adb76;
}

.button.clear.success:hover, .button.clear.success:focus {
  border-color: #157539;
  color: #157539;
}

.button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
  border: 1px solid #3adb76;
  color: #3adb76;
}

.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
  border-color: transparent;
}

.button.clear.warning {
  border: 1px solid #ffae00;
  color: #ffae00;
}

.button.clear.warning:hover, .button.clear.warning:focus {
  border-color: #805700;
  color: #805700;
}

.button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
  border: 1px solid #ffae00;
  color: #ffae00;
}

.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
  border-color: transparent;
}

.button.clear.alert {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}

.button.clear.alert:hover, .button.clear.alert:focus {
  border-color: #67251a;
  color: #67251a;
}

.button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}

.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
  border-color: transparent;
}

.button.dropdown::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4em;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #fefefe transparent transparent;
  position: relative;
  top: 0.4em;
  display: inline-block;
  float: right;
  margin-left: 1em;
}

.button.dropdown.hollow::after {
  border-top-color: #1779ba;
}

.button.dropdown.hollow.primary::after {
  border-top-color: #1779ba;
}

.button.dropdown.hollow.secondary::after {
  border-top-color: #767676;
}

.button.dropdown.hollow.success::after {
  border-top-color: #3adb76;
}

.button.dropdown.hollow.warning::after {
  border-top-color: #ffae00;
}

.button.dropdown.hollow.alert::after {
  border-top-color: #cc4b37;
}

.button.arrow-only::after {
  top: -0.1em;
  float: none;
  margin-left: 0;
}

a.button:hover, a.button:focus {
  text-decoration: none;
}

.close-button {
  position: absolute;
  color: #8a8a8a;
  cursor: pointer;
}

[data-whatinput='mouse'] .close-button {
  outline: 0;
}

.close-button:hover, .close-button:focus {
  color: #0a0a0a;
}

.close-button.small {
  right: 0.66rem;
  top: 0.33em;
  font-size: 1.5em;
  line-height: 1;
}

.close-button, .close-button.medium {
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
}

.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

[data-whatinput='mouse'] .menu li {
  outline: 0;
}

.menu a,
.menu .button {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 0.7rem 1rem;
}

.menu input,
.menu select,
.menu a,
.menu button {
  margin-bottom: 0;
}

.menu input {
  display: inline-block;
}

.menu, .menu.horizontal {
  flex-wrap: wrap;
  flex-direction: row;
}

.menu.vertical {
  flex-wrap: nowrap;
  flex-direction: column;
}

.menu.expanded li {
  flex: 1 1 0px;
}

.menu.simple {
  align-items: center;
}

.menu.simple li + li {
  margin-left: 1rem;
}

.menu.simple a {
  padding: 0;
}

@media print, screen and (min-width: 40em) {
  .menu.medium-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.medium-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.medium-expanded li {
    flex: 1 1 0px;
  }
  .menu.medium-simple li {
    flex: 1 1 0px;
  }
}

@media print, screen and (min-width: 64em) {
  .menu.large-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.large-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.large-expanded li {
    flex: 1 1 0px;
  }
  .menu.large-simple li {
    flex: 1 1 0px;
  }
}

.menu.nested {
  margin-right: 0;
  margin-left: 1rem;
}

.menu.icons a {
  display: flex;
}

.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
  display: flex;
}

.menu.icon-left li a {
  flex-flow: row nowrap;
}

.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg {
  margin-right: 0.25rem;
}

.menu.icon-right li a {
  flex-flow: row nowrap;
}

.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg {
  margin-left: 0.25rem;
}

.menu.icon-top li a {
  flex-flow: column nowrap;
}

.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg {
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}

.menu.icon-bottom li a {
  flex-flow: column nowrap;
}

.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg {
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}

.menu .is-active > a {
  background: #1779ba;
  color: #fefefe;
}

.menu .active > a {
  background: #1779ba;
  color: #fefefe;
}

.menu.align-left {
  justify-content: flex-start;
}

.menu.align-right li {
  display: flex;
  justify-content: flex-end;
}

.menu.align-right li .submenu li {
  justify-content: flex-start;
}

.menu.align-right.vertical li {
  display: block;
  text-align: right;
}

.menu.align-right.vertical li .submenu li {
  text-align: right;
}

.menu.align-right .nested {
  margin-right: 1rem;
  margin-left: 0;
}

.menu.align-center li {
  display: flex;
  justify-content: center;
}

.menu.align-center li .submenu li {
  justify-content: flex-start;
}

.menu .menu-text {
  padding: 0.7rem 1rem;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}

.menu-centered > .menu {
  justify-content: center;
}

.menu-centered > .menu li {
  display: flex;
  justify-content: center;
}

.menu-centered > .menu li .submenu li {
  justify-content: flex-start;
}

.no-js [data-responsive-menu] ul {
  display: none;
}

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}

.menu-icon::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #fefefe;
  box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
  content: '';
}

.menu-icon:hover::after {
  background: #cacaca;
  box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
}

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}

.menu-icon.dark::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #0a0a0a;
  box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
  content: '';
}

.menu-icon.dark:hover::after {
  background: #8a8a8a;
  box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
}

.is-drilldown {
  position: relative;
  overflow: hidden;
}

.is-drilldown li {
  display: block;
}

.is-drilldown.animate-height {
  transition: height 0.5s;
}

.drilldown a {
  padding: 0.7rem 1rem;
  background: #fefefe;
}

.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #fefefe;
  transition: transform 0.15s linear;
}

.drilldown .is-drilldown-submenu.is-active {
  z-index: 1;
  display: block;
  transform: translateX(-100%);
}

.drilldown .is-drilldown-submenu.is-closing {
  transform: translateX(100%);
}

.drilldown .is-drilldown-submenu a {
  padding: 0.7rem 1rem;
}

.drilldown .nested.is-drilldown-submenu {
  margin-right: 0;
  margin-left: 0;
}

.drilldown .drilldown-submenu-cover-previous {
  min-height: 100%;
}

.drilldown .is-drilldown-submenu-parent > a {
  position: relative;
}

.drilldown .is-drilldown-submenu-parent > a::after {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 1rem;
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1779ba;
}

.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  left: auto;
  right: 1rem;
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1779ba;
}

.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  right: auto;
  left: 1rem;
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
}

.drilldown .js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
  border-left-width: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem;
  border-left-width: 0;
}

.dropdown-pane {
  position: absolute;
  z-index: 10;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  display: none;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  font-size: 1rem;
}

.dropdown-pane.is-opening {
  display: block;
}

.dropdown-pane.is-open {
  visibility: visible;
  display: block;
}

.dropdown-pane.tiny {
  width: 100px;
}

.dropdown-pane.small {
  width: 200px;
}

.dropdown-pane.large {
  width: 400px;
}

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto;
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-right: 1.5rem;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #1779ba transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -3px;
}

.dropdown.menu a {
  padding: 0.7rem 1rem;
}

[data-whatinput='mouse'] .dropdown.menu a {
  outline: 0;
}

.dropdown.menu .is-active > a {
  background: transparent;
  color: #1779ba;
}

.no-js .dropdown.menu ul {
  display: none;
}

.dropdown.menu .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0;
}

.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0;
}

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto;
  top: 0;
}

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}

.dropdown.menu.vertical > li > a::after {
  right: 14px;
}

.dropdown.menu.vertical > li.opens-left > a::after {
  right: auto;
  left: 5px;
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
}

.dropdown.menu.vertical > li.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1779ba;
}

@media print, screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
    background-color: #FFF;
  }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
    background-color: #FFF;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.8rem;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
    top: 0;
  }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    right: auto;
    left: 5px;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent;
  }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba;
  }
}

@media print, screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
    top: 0;
  }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.large-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.large-vertical > li.opens-left > a::after {
    right: auto;
    left: 5px;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent;
  }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba;
  }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto;
}

.is-dropdown-menu.vertical {
  width: 100px;
}

.is-dropdown-menu.vertical.align-right {
  float: right;
}

.is-dropdown-submenu-parent {
  position: relative;
}

.is-dropdown-submenu-parent a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  left: auto;
  margin-top: -6px;
}

.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
  top: 100%;
  left: auto;
}

.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto;
}

.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #FFF;
  background: #fefefe;
}

.dropdown .is-dropdown-submenu a {
  padding: 0.7rem 1rem;
}

.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
  right: 14px;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
  right: auto;
  left: 5px;
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1779ba;
}

.is-dropdown-submenu .is-dropdown-submenu {
  margin-top: -1px;
}

.is-dropdown-submenu > li {
  width: 100%;
}

.is-dropdown-submenu.js-dropdown-active {
  display: block;
}

.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 75%;
  overflow: hidden;
}

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

.responsive-embed.widescreen,
.flex-video.widescreen {
  padding-bottom: 56.25%;
}

.is-off-canvas-open {
  overflow: hidden;
}

.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(254, 254, 254, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

.js-off-canvas-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}

.js-off-canvas-overlay.is-closable {
  cursor: pointer;
}

.js-off-canvas-overlay.is-overlay-absolute {
  position: absolute;
}

.js-off-canvas-overlay.is-overlay-fixed {
  position: fixed;
}

.off-canvas-wrapper {
  position: relative;
  overflow: hidden;
}

.off-canvas {
  position: fixed;
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #e6e6e6;
}

[data-whatinput='mouse'] .off-canvas {
  outline: 0;
}

.off-canvas.is-transition-push {
  z-index: 12;
}

.off-canvas.is-closed {
  visibility: hidden;
}

.off-canvas.is-transition-overlap {
  z-index: 13;
}

.off-canvas.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}

.off-canvas.is-open {
  transform: translate(0, 0);
}

.off-canvas-absolute {
  position: absolute;
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #e6e6e6;
}

[data-whatinput='mouse'] .off-canvas-absolute {
  outline: 0;
}

.off-canvas-absolute.is-transition-push {
  z-index: 12;
}

.off-canvas-absolute.is-closed {
  visibility: hidden;
}

.off-canvas-absolute.is-transition-overlap {
  z-index: 13;
}

.off-canvas-absolute.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}

.off-canvas-absolute.is-open {
  transform: translate(0, 0);
}

.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  transform: translateX(-250px);
}

.off-canvas-content .off-canvas.position-left {
  transform: translateX(-250px);
}

.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-left.has-transition-push {
  transform: translateX(250px);
}

.position-left.is-transition-push {
  box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25);
}

.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  transform: translateX(250px);
}

.off-canvas-content .off-canvas.position-right {
  transform: translateX(250px);
}

.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-right.has-transition-push {
  transform: translateX(-250px);
}

.position-right.is-transition-push {
  box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25);
}

.position-top {
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  transform: translateY(-250px);
}

.off-canvas-content .off-canvas.position-top {
  transform: translateY(-250px);
}

.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-top.has-transition-push {
  transform: translateY(250px);
}

.position-top.is-transition-push {
  box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25);
}

.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  transform: translateY(250px);
}

.off-canvas-content .off-canvas.position-bottom {
  transform: translateY(250px);
}

.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-bottom.has-transition-push {
  transform: translateY(-250px);
}

.position-bottom.is-transition-push {
  box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25);
}

.off-canvas-content {
  transform: none;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
}

.off-canvas-content.has-transition-push {
  transform: translate(0, 0);
}

.off-canvas-content .off-canvas.is-open {
  transform: translate(0, 0);
}

@media print, screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-medium ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-medium ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}

@media print, screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-large ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-large ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}

@media print, screen and (min-width: 40em) {
  .off-canvas.in-canvas-for-medium {
    visibility: visible;
    height: auto;
    position: static;
    background: inherit;
    width: inherit;
    overflow: inherit;
    transition: inherit;
  }
  .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-medium .close-button {
    display: none;
  }
}

@media print, screen and (min-width: 64em) {
  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: inherit;
    width: inherit;
    overflow: inherit;
    transition: inherit;
  }
  .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-large .close-button {
    display: none;
  }
}

.pagination {
  margin-left: 0;
  margin-bottom: 1rem;
}

.pagination::before, .pagination::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1;
}

.pagination::after {
  clear: both;
}

.pagination li {
  margin-right: 0.0625rem;
  border-radius: 0;
  font-size: 0.875rem;
  display: none;
}

.pagination li:last-child, .pagination li:first-child {
  display: inline-block;
}

@media print, screen and (min-width: 40em) {
  .pagination li {
    display: inline-block;
  }
}

.pagination a,
.pagination button {
  display: block;
  padding: 0.1875rem 0.625rem;
  border-radius: 0;
  color: #0a0a0a;
}

.pagination a:hover,
.pagination button:hover {
  background: #e6e6e6;
}

.pagination .current {
  padding: 0.1875rem 0.625rem;
  background: #BC1111;
  color: #fefefe;
  cursor: default;
}

.pagination .disabled {
  padding: 0.1875rem 0.625rem;
  color: #cacaca;
  cursor: not-allowed;
}

.pagination .disabled:hover {
  background: transparent;
}

.pagination .ellipsis::after {
  padding: 0.1875rem 0.625rem;
  content: '\2026';
  color: #0a0a0a;
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
  display: inline-block;
  margin-right: 0.5rem;
  content: '\00ab';
}

.pagination-next a::after,
.pagination-next.disabled::after {
  display: inline-block;
  margin-left: 0.5rem;
  content: '\00bb';
}

.progress {
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0;
  background-color: #cacaca;
}

.progress.primary .progress-meter {
  background-color: #1779ba;
}

.progress.secondary .progress-meter {
  background-color: #767676;
}

.progress.success .progress-meter {
  background-color: #3adb76;
}

.progress.warning .progress-meter {
  background-color: #ffae00;
}

.progress.alert .progress-meter {
  background-color: #cc4b37;
}

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #1779ba;
}

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fefefe;
  white-space: nowrap;
}

.sticky-container {
  position: relative;
}

.sticky {
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0);
}

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%;
}

.sticky.is-stuck.is-at-top {
  top: 0;
}

.sticky.is-stuck.is-at-bottom {
  bottom: 0;
}

.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto;
}

.sticky.is-anchored.is-at-bottom {
  bottom: 0;
}

.switch {
  height: 2rem;
  position: relative;
  margin-bottom: 1rem;
  outline: 0;
  font-size: 0.875rem;
  font-weight: bold;
  color: #fefefe;
  user-select: none;
}

.switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0;
}

.switch-paddle {
  position: relative;
  display: block;
  width: 4rem;
  height: 2rem;
  border-radius: 0;
  background: #cacaca;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
}

input + .switch-paddle {
  margin: 0;
}

.switch-paddle::after {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  transform: translate3d(0, 0, 0);
  border-radius: 0;
  background: #fefefe;
  transition: all 0.25s ease-out;
  content: '';
}

input:checked ~ .switch-paddle {
  background: #1779ba;
}

input:checked ~ .switch-paddle::after {
  left: 2.25rem;
}

[data-whatinput='mouse'] input:focus ~ .switch-paddle {
  outline: 0;
}

.switch-active, .switch-inactive {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.switch-active {
  left: 8%;
  display: none;
}

input:checked + label > .switch-active {
  display: block;
}

.switch-inactive {
  right: 15%;
}

input:checked + label > .switch-inactive {
  display: none;
}

.switch.tiny {
  height: 1.5rem;
}

.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.625rem;
}

.switch.tiny .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1rem;
  height: 1rem;
}

.switch.tiny input:checked ~ .switch-paddle::after {
  left: 1.75rem;
}

.switch.small {
  height: 1.75rem;
}

.switch.small .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: 0.75rem;
}

.switch.small .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
}

.switch.small input:checked ~ .switch-paddle::after {
  left: 2rem;
}

.switch.large {
  height: 2.5rem;
}

.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1rem;
}

.switch.large .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 2rem;
  height: 2rem;
}

.switch.large input:checked ~ .switch-paddle::after {
  left: 2.75rem;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0;
}

table thead,
table tbody,
table tfoot {
  border: 1px solid #f1f1f1;
  background-color: #fefefe;
}

table caption {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
}

table thead {
  background: #f8f8f8;
  color: #0a0a0a;
}

table tfoot {
  background: #f1f1f1;
  color: #0a0a0a;
}

table thead tr,
table tfoot tr {
  background: transparent;
}

table thead th,
table thead td,
table tfoot th,
table tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left;
}

table tbody th,
table tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

table tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #f1f1f1;
}

table.unstriped tbody {
  background-color: #fefefe;
}

table.unstriped tbody tr {
  border-bottom: 0;
  border-bottom: 1px solid #f1f1f1;
  background-color: #fefefe;
}

@media screen and (max-width: 63.9375em) {
  table.stack thead {
    display: none;
  }
  table.stack tfoot {
    display: none;
  }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block;
  }
  table.stack td {
    border-top: 0;
  }
}

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}

table.hover thead tr:hover {
  background-color: #f3f3f3;
}

table.hover tfoot tr:hover {
  background-color: #ececec;
}

table.hover tbody tr:hover {
  background-color: #f9f9f9;
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ececec;
}

.table-scroll {
  overflow-x: auto;
}

.table-scroll table {
  width: auto;
}

.thumbnail {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 1rem;
  border: solid 4px #fefefe;
  border-radius: 0;
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  line-height: 0;
}

a.thumbnail {
  transition: box-shadow 200ms ease-out;
}

a.thumbnail:hover, a.thumbnail:focus {
  box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5);
}

a.thumbnail image {
  box-shadow: none;
}

.title-bar {
  padding: 0.5rem;
  background: #0a0a0a;
  color: #fefefe;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.title-bar .menu-icon {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.title-bar-left,
.title-bar-right {
  flex: 1 1 0px;
}

.title-bar-right {
  text-align: right;
}

.title-bar-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.top-bar {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  flex-wrap: wrap;
}

.top-bar,
.top-bar ul {
  background-color: #BC1111;
}

.top-bar input {
  max-width: 200px;
  margin-right: 1rem;
}

.top-bar .input-group-field {
  width: 100%;
  margin-right: 0;
}

.top-bar input.button {
  width: auto;
}

.top-bar .top-bar-left,
.top-bar .top-bar-right {
  flex: 0 0 100%;
  max-width: 100%;
}

@media print, screen and (min-width: 40em) {
  .top-bar {
    flex-wrap: nowrap;
  }
  .top-bar .top-bar-left {
    flex: 1 1 auto;
    margin-right: auto;
  }
  .top-bar .top-bar-right {
    flex: 0 1 auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 63.9375em) {
  .top-bar.stacked-for-medium {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-medium .top-bar-left,
  .top-bar.stacked-for-medium .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 74.9375em) {
  .top-bar.stacked-for-large {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-large .top-bar-left,
  .top-bar.stacked-for-large .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.top-bar-title {
  flex: 0 0 auto;
  margin: 0.5rem 1rem 0.5rem 0;
}

.top-bar-left,
.top-bar-right {
  flex: 0 0 auto;
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

@media screen and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important;
  }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important;
  }
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0;
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  clip-path: none;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}

@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}

@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}

@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.clearfix::before, .clearfix::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1;
}

.clearfix::after {
  clear: both;
}

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

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  transition: opacity 0.2s;
  box-shadow: none;
}

.pswp__button:focus, .pswp__button:hover {
  opacity: 1;
}

.pswp__button:active {
  outline: none;
  opacity: 0.9;
}

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(default-skin.svg);
  }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}

.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  transform: translateY(6px);
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}

.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
  transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}

a.pswp__share--download:hover {
  background: #DDD;
}

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}

/*

	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}

.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}

.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
  /*
			The idea of animating inner circle is based on Polymer ("material") loading indicator
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}

@keyframes clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes donut-rotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(-140deg);
  }
  100% {
    transform: rotate(0);
  }
}

/*

	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

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

.slick-prev {
  left: -25px;
}

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

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

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

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 2px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: #BC1111;
  opacity: 0.75;
}

/* This is a compiled file, you should be editing the file in the templates directory */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #BC1111;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 4px;
}

body {
  background-color: #FFF;
}

body.home .entry-title a {
  color: #444;
}


body.home .banner-top .row {
  background-color: transparent;
}

body.home .content-area {
  background-color: #FFF;
}

body.home .placeholder-footer .row {
  background-color: #000;
  padding-top: 0;
}

a {
  color: #444;
}

a:visited {
  color: #444;
}

a:hover, a:focus {
  color: #BC1111;
}

a:focus, a:active, a:hover, object, embed {
  outline: 0;
}

input::-moz-focus-inner {
  border: 0;
}

i {
  padding-right: .3rem;
  color: #BC1111;
}

.gallery-item {
  margin: .1rem auto;
  padding: .1rem;
}

@media print, screen and (min-width: 40em) {
  .gallery-item {
    margin: .5rem auto;
  }
}

.sticky {
  z-index: 1;
}

.sticky.sticky-topbar {
  z-index: 8;
}

article {
  position: relative;
}

article .entry-content {
  margin: .5rem 0 1em;

}

article .entry-featured .entry-thumbnail {
  border: 1px solid #CCC;
}

article .entry-content a {
  color:#960000;
  font-weight: bold;
  text-decoration: underline;
}

article .entry-content h2, article .entry-content h2 a  {
  font-family: "display_probold", "Helvetica Neue", "sans-serif";
  text-decoration: none;
  color:#000;
}


@media print, screen and (min-width: 40em) {
  #site-branding-mobile .sticky {
    position: relative !important;
  }
}

.sticky-author {
  font-family: "display_probold", "Helvetica Neue", "sans-serif";
  text-align: center;
  margin: 1rem 0 0;
}

.sticky-author .thumbnail {
  margin-bottom: 0;
  border: 0;
}

.sticky-author .thumbnail.thumbnail-circle {
  border-radius: 50%;
  float: left;
  width: 1.5rem;
  margin-left: 1rem;
}


@media print, screen and (min-width: 40em) {
  .sticky-author .thumbnail.thumbnail-circle {
    width: 2em;
  }
}

.sticky-author .thumbnail.thumbnail-circle img {
  border-radius: 50%;
}

.sticky-author .author-name {
  float: left;
  margin-left: 10px;
}

.sticky-author .publish-date {
  float: left;
  margin-left: 10px;
}

.sticky-author .social-share-button {
  float: right;
  position: relative;
  top: .3rem;
}

@media print, screen and (min-width: 40em) {
  .sticky-author .social-share-button {
    top: -.5rem;
  }
}

.site-branding {
  background-color: #fff;
  border-bottom: 4px solid #BC1111;
}

@media print, screen and (min-width: 64em) {
  .site-branding {
    border-bottom: 0;
  }
}

.site-branding.images-branding {
  padding: .5rem 0;
}

.site-branding.images-branding img {
  height: 55px;
  widows: auto;
}

@media print, screen and (min-width: 40em) {
  .site-branding.images-branding img {
    height: 120px;
  }
}

.site-branding.images-branding .site-title {
  margin-bottom: 0;
}

.site-branding h1 {
  margin-bottom: 0;
}

.site-branding i {
  color: #000;
}

.site-branding .menu-icon:after {
  background: #000;
  box-shadow: 0 7px 0 #000, 0 14px 0 #000;
}

.site-branding .menu-icon:hover:after {
  background: #BC1111;
  box-shadow: 0 7px 0 #BC1111, 0 14px 0 #BC1111;
}

.header-mobile-share {
  background: #fff;
  border-bottom: 4px solid #BC1111;
  padding: .8rem 0;
  display: none;
}

.header-mobile-share button {
  padding: .3rem .2rem;
}

.header-mobile-share button:after {
  background: #111;
  box-shadow: 0 7px 0 #111, 0 14px 0 #111;
}

.header-mobile-share button span {
  font-size: .6rem;
}

.header-mobile-share .social {
  margin-bottom: 0;
}

.header-mobile-share .social.line {
  padding: .3rem .2rem;
}

.header-mobile-share .line {
  font-size: .1rem;
}

.header-mobile-share .line svg {
  width: 10px;
  height: 8px;
}

@media print, screen and (min-width: 40em) {
  .pace-done .navigation-top {
    overflow: unset;
    max-height: 100%;

  }
}

.navigation-top {
  background-color: #BC1111;
  text-transform: uppercase;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  font-weight: bold;
  box-shadow: 0px 5px 5px 0px #999;
}

.is-stuck .navigation-top {
  box-shadow: none;
}

@media print, screen and (min-width: 40em) {
  .navigation-top {
    max-height: 48px;
    overflow: hidden;
  }
}

.navigation-top li {
  font-family: "display_probold", "Helvetica Neue", "sans-serif";
}

.navigation-top li a {
  font-size: 1.8rem;
  font-weight: normal;
}

.navigation-top .top-bar, .navigation-top .top-bar ul {
  padding: 0;
}

.navigation-top a {
  font-size: .9rem;
  color: #FFF;
  text-shadow: none;
  outline: none;
  display: block;
}

.navigation-top a:hover {
  color: #000;
  background-color: #fff !important;
}

.navigation-top .dropdown.menu .is-active a:hover {
  color: #BC1111;
  background-color: #fff;
}

.navigation-top .dropdown.menu .is-active > a {
  color: #BC1111;
  background-color: #fff;
}

.navigation-top .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
  border-color: #fff transparent transparent;
}

.navigation-top .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a:hover::after {
  border-color: #BC1111 transparent transparent;
}

.navigation-top .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent.is-active > a::after {
  border-color: #BC1111 transparent transparent;
}

.navigation-top .dropdown.menu.medium-horizontal .is-active > a:hover::after {
  border-color: #BC1111 transparent transparent;
}

.navigation-top .dropdown.menu.medium-horizontal .is-active > .is-dropdown-submenu > .is-dropdown-submenu-item > a:after {
  border-color: transparent transparent transparent #fff;
}

.navigation-top .dropdown.menu.medium-horizontal .is-active > .is-dropdown-submenu > .is-dropdown-submenu-item > a:hover::after {
  border-color: transparent transparent transparent #BC1111;
}

.navigation-top .dropdown.menu.medium-horizontal > .is-active > .is-dropdown-submenu > .is-active a:after {
  border-color: transparent transparent transparent #BC1111;
}

.navigation-top .dropdown .is-dropdown-submenu a {
  line-height: 1.4;
  font-size: 1.5rem;
  color: #000;

}

.navigation-top .menu-search i {
  color: #FFF;
}

.navigation-top .menu-search li {
  cursor: pointer;
}

.navigation-top .menu-search li:hover, .navigation-top .menu-search li.active {
  background-color: #fff;
}

.navigation-top .menu-search li:hover i, .navigation-top .menu-search li.active i {
  color: #BC1111;
}

.navigation-top .menu-search li span {
  padding: 0.7rem 1rem;
  font-weight: bold;
  color: inherit;
  display: inline-block;
}

.input-search {
  z-index: 2;
  position: absolute;
  top: 0;
  display: none;
  margin: .3rem 0;
}

.input-search i {
  color: #fff;
}

.input-search span {
  color: #fff;
  background-color: #BC1111;
}

.input-search span i {
  padding-left: 1rem;
}

.input-search .input-group-field {
  height: 38px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}

.placeholder-footer {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.placeholder-footer .row {
  padding: 1.5rem 0;
  background-color: #fff;
}

.placeholder-rectangle {
  margin: 2rem 0;
}

.placeholder-popup {
  position: fixed;
  bottom: 0;
  margin: 0 auto;
  width: 100%;
  height: 50px;
  text-align: center;
  z-index: 11;
}

.banner.banner-leaderboard {
  width: 250px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
}

#site-top-navigation { background-color: #000;  color: #FFF;  padding: 0.1rem 0;  font-family: "display_probold", "Helvetica Neue", "sans-serif"; }
#site-top-navigation .daily-tap { font-size: 1em; }
#site-top-navigation .menu-tap { background-color: #000;  color: #FFF;  margin: 0;  padding: 0;  display: inline-flex; }
#site-top-navigation .menu-tap li:after { content:"|";}
#site-top-navigation .menu-tap li:last-child:after { content:"";}
#site-top-navigation .menu-tap li:last-child a { padding-right: 0.5em; }
#site-top-navigation .menu-tap li a { display: inline;  color: #FFF; }
#site-top-navigation .social-tap { display: inline-flex; }
#site-top-navigation .social-tap i {     font-size: 0.5em;  color: #000;  padding-right: 0; }
#site-top-navigation .social-tap span { width: 0.7em;  height: 0.7em;  line-height: 0.7em;  margin: 0;  padding: 0;  border-radius: 0.1em;  background-color: #FFF; }

#live-box  { margin-bottom: 0em; margin-bottom: 2em; }
#live-box .live-wrapper { border-bottom: 1px solid #BC1111; }
#live-box .live-label {  z-index:2; float: none;  display: inline-table;  color: #FFF;  padding-left: .5em;  padding-right: .5em;  background-color: #BC1111;  position: relative;  font-family: "display_proregular", "sans-serif";  letter-spacing: .2rem; }
#live-box .live-label:after {   content: "";  position: absolute;  top: 0;  bottom: 0;  right: -7%;  width: 20%;  background-color: #BC1111;  transform: skew(45deg);  -webkit-transform: skew(45deg);  -moz-transform: skew(45deg);  -ms-transform: skew(45deg);   z-index: 0; }
#live-box .live-label-wrap {     z-index: 1; position: relative;  display: table;  height: 100%;  padding: .2em 0 .2em 35px; }
#live-box .live-label-wrap .flash-icon {     position: absolute;  height: 10px;  width: 10px;  border-radius: 50%;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  background-color: #FFF;  top: 50%;  margin-top: -5px;  left: 10px;  z-index: 2; }
#live-box .live-label-wrap .flash-icon:before {     content: "";  position: absolute;  height: 10px;  width: 10px;  border-radius: 50%;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border: 1px solid #FFF;  top: 50%;  margin-top: -5px;  left: 50%;  margin-left: -5px;  animation-name: blink-a;  animation-duration: 2s;  animation-iteration-count: infinite; }
#live-box .live-label-wrap .flash-icon:after { content: "";  position: absolute;  height: 10px;  width: 10px;  border-radius: 50%;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border: 1px solid #FFF;  top: 50%;  margin-top: -5px;  left: 50%;  margin-left: -5px;  animation-name: blink-b;  animation-duration: 2s;  animation-delay: 1s;  animation-iteration-count: infinite; }
#live-box .live-label-wrap .label-txt { line-height: 100%; font-size: 1.7rem;  font-weight: bold; margin-bottom: 0; }
@keyframes blink-a {
	0%   {transform: scale(1, 1);}
	100%  {transform: scale(3, 3); opacity: 0;}
}
@keyframes blink-b {
	0%   {transform: scale(1, 1);}
	100%  {transform: scale(3, 3); opacity: 0;}
}
#live-box .live-list { display: inline-table;   width: 82%;  position: absolute;  z-index: 0;  left: 18%; }
#live-box .live-list .live-list-inner {     padding-right: 0; }
#live-box .live-list .live-list-inner ul  {     margin: 0;  list-style: none; }
#live-box .live-list .live-list-inner ul li { display: inline-block;  margin-right: 3rem;  height: 33px; }
#live-box .live-list .live-list-inner .entry-live-list { line-height: 33px;  height: 33px; }
#live-box .live-list .live-list-inner .entry-live-list .thumbnail {    display: inline-block;  margin: 0;  border: 0;  transition: none;  box-shadow: none;  position: relative;  width: 25px;  height: 25px;  top: -3px;  left: 0px; }
/* #live-box .live-list .live-list-inner .entry-live-list .thumbnail:before {  content: "";  position: absolute;  height: 15px;  width: 15px;  border-radius: 50%;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border: 1px solid #BC1111;  top: 50%;  margin-top: -8px;  left: 50%;  margin-left: -8px;  animation-name: blink-a;  animation-duration: 2s; animation-iteration-count: infinite; } */
/* #live-box .live-list .live-list-inner .entry-live-list .thumbnail:after {  content: "";    position: absolute;    height: 15px;    width: 15px;    border-radius: 50%;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    border: 1px solid #BC1111;    top: 50%;    margin-top: -8px;    left: 50%;    margin-left: -8px;    animation-name: blink-b;    animation-duration: 2s;    animation-delay: 1s;    animation-iteration-count: infinite; } */
#live-box .live-list .live-list-inner .entry-live-list .thumbnail img { width: 28px; }
#live-box .live-list .live-list-inner .entry-live-list h3 {     display: inline-block;  margin-bottom: 0;  line-height: 33px;  margin-left: 0.1em;  font-size: 1.7rem;  font-weight: bold; }

.article-main-thumbnail { margin-top: 1em;  border: 1px solid #999; }
.article-main-thumbnail .article-image-gradient { position: relative;  min-height: 300px;  background-color: #444; overflow: hidden;}
.article-main-thumbnail .article-image-gradient:before {     bottom: 0;  content: "";  display: block;  height: 40%;  width: 100%;  position: absolute;  z-index: 1;  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);}
.article-main-thumbnail .article-image-gradient:after { }
.article-main-thumbnail .article-image-gradient .post-thumbnail { display: block; }
.article-main-thumbnail .post-header-title {     position: absolute;  bottom: 0;  padding: 0 30px 9px 30px;  width: 80%;   z-index: 1;  }
.article-main-thumbnail .post-header-title .post-category { list-style: none;  font-family: "display_proregular", "sans-serif";  font-size: 1.2em;  margin-top: 0;  margin-bottom: 0.5em; margin-left:0; line-height: 1em; }
.article-main-thumbnail .post-header-title .post-category li {  display: inline-block;  margin: 0 5px 5px 0;  line-height: 1em; }
.article-main-thumbnail .post-header-title .post-category li a {  color: #fff;  background-color: #222222;  padding: 3px 6px 4px 6px;  white-space: nowrap; display: inline-block; }
.article-main-thumbnail .post-header-title .entry-title {         font-size: 3em;  line-height: 1.2em;  font-weight: bold;  margin-bottom: 0.5em;  color: #fff;  letter-spacing: 2px;}
.article-main-thumbnail .post-header-title .module-meta-info { font-family: "display_proregular", "sans-serif";  font-size: 11px;  margin-bottom: 7px;  line-height: 1;  min-height: 17px; }
.article-main-thumbnail .post-header-title .module-meta-info .post-author-name {     font-weight: 400;  color: #FFF;  float: left; }
.article-main-thumbnail .post-header-title .module-meta-info .author-by { display: inline;  font-size: 1.5rem;}
.article-main-thumbnail .post-header-title .module-meta-info .author-img {        margin-bottom: 0px;  margin-left: 0.5rem;  border-radius: unset;  border: 0; }
.article-main-thumbnail .post-header-title .module-meta-info .author-img img {       border-radius: 50%;  width: 2em;  border: 2px solid #FFF;  position: relative;  bottom: 4px;}
.article-main-thumbnail .post-header-title .module-meta-info .author-line { margin-right: 5px;  font-size: 1.5rem;  color: #FFF;  margin-left: 5px; }
.article-main-thumbnail .post-header-title .module-meta-info strong {         color: #FFF;  margin-left: 0.5em; }
.article-main-thumbnail .post-header-title .module-meta-info strong a {  color: #FFF;  font-weight: normal;  font-size: 1.5rem;  text-decoration: underline; }
.article-main-thumbnail .post-header-title .module-meta-info .post-date {   font-size: 1.3em;    color: #FFF;  display: inline-block; }
.article-main-thumbnail .post-header-title .module-meta-info .post-date i { color: #FFF;  line-height: 1.7em;  margin-left: 5px;}
.article-main-thumbnail .post-header-title .module-meta-info .post-date time { color: #FFF;  font-size: 1.5em;}

@media screen and (max-width: 39.9375em) {
  .site-branding.images-branding {    padding: .2rem 0;  }
  #live-box .live-wrapper {    border-bottom: 0;  }
  #live-box .live-label {    z-index: 2;    float: none;    display: block;    color: #FFF;    padding-left: 1em;    padding-right: .5em;    background-color: #BC1111;    position: relative;    font-family: "display_proregular", "sans-serif";    letter-spacing: .2rem;    width: 75%;    margin: 0 auto;    border-radius: 5px 5px 0 0;  }
  #live-box .live-label:after { display:none; }
  #live-box .live-label-wrap .flash-icon { left:3%; }
  #live-box .live-list {    display: block;    width: 100%;    z-index: 0;    margin-top: .5rem;    position: relative;    left: 0;  }
  #live-box .live-list .live-list-inner {    padding-right: 0;    padding-left: 0; }
  #live-box .live-list .live-list-inner ul li { display: inline-block;  margin-right: 3rem;  height: 25px; }
  #live-box .live-list .live-list-inner .entry-live-list { line-height: 25px;  height: 25px; }
  #photography, #animals, #history { margin-top:1em;}
  #outer-footer h3 { padding:0 1em;}
}



@media print, screen and (min-width: 40em) {
  .banner.banner-leaderboard {
    width: 980px;
    height: 250px;
  }
}

.banner.banner-rectangle {
  width: 300px;
  height: 250px;
}

.higlight-carousel {
  margin: 1rem 0 2rem;
}

@media print, screen and (min-width: 40em) {
  .higlight-carousel {
    margin-top: 0;
    margin-top: 1rem;
  }
}

.higlight-carousel .item-meta {
  background-color: #FFF !important;
  height: 79px;
}

.higlight-carousel .item-meta a {
  color: #BC1111 !important;
  font-weight: bold;
}

.higlight-carousel .item-meta .item-cate a {
  color: #000 !important;
}

.higlight-carousel h2 {
  text-align: center;
}

.carousel .single-carousel .item {
  position: relative;
}

@media print, screen and (min-width: 40em) {
  .carousel .single-carousel .item {
    margin-bottom: 4rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  }
}

.carousel .single-carousel .item .item-desc {
  width: 100%;
}

@media print, screen and (min-width: 40em) {
  .carousel .single-carousel .item .item-desc {
    position: absolute;
    bottom: -3rem;
  }
}

.carousel .single-carousel .item .item-desc .item-meta {
  font-size: 1.25rem;
}

@media print, screen and (min-width: 40em) {
  .carousel .single-carousel .item .item-desc .item-meta {
    margin: 0 1rem;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
  }
}

@media print, screen and (min-width: 40em) {
  .carousel .single-carousel .item .item-desc .item-meta {
    margin: 0 15%;
    padding: 1rem;
  }
}

.carousel .single-carousel .item .item-desc .item-meta .item-row {
  font-size: inherit;
  margin: .5rem;
  display: block;
  font-size: .7rem;
}

.carousel .single-carousel .item .item-desc .item-meta .item-row:first-child {
  margin-bottom: 0;
}

.carousel .single-carousel .item .item-desc .item-meta .item-title {
  display: block;
  font-size: 1.6rem;
}

@media print, screen and (min-width: 40em) {
  .carousel .single-carousel .item .item-desc .item-meta .item-title {
    font-size: 2.5rem;
    padding-bottom: 1rem;
  }
}

.carousel .single-carousel .item .item-desc .item-meta .item-title a {
  color: #444;
}

.carousel .single-carousel .item .item-desc .item-meta .item-cate {
  display: block;
  margin-bottom: 0;
  font-family: "display_probold", "Helvetica Neue", "sans-serif";
}

.carousel .single-carousel .item .item-desc .item-meta .item-cate a {
  padding: .1rem .2rem;
  text-shadow: 0.1px 0.1px #fff;
  color: #000;
  background-color: #BC1111;
  display: inline-block;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: 1px;
}

.carousel .single-carousel .item .item-desc .item-meta .item-author {
  text-shadow: 0.1px 0.1px #000;
  text-transform: uppercase;
}

.carousel .single-carousel .item .item-desc .item-meta .item-author a {
  color: #888;
}

.carousel .single-carousel .item .item-desc .item-meta .item-date {
  text-shadow: 0.1px 0.1px #000;
}

.carousel .single-carousel .item .item-desc .item-meta .item-date a {
  color: #888;
}

.carousel .single-carousel .slick-dots {
  bottom: -2rem;
}

@media print, screen and (min-width: 40em) {
  .carousel .single-carousel .slick-dots {
    bottom: -0.8rem;
  }
}

.carousel.slick-dotted.slick-slider {
  margin-bottom: 50px;
}

.carousel .higlight-nav-carousel .item img {
  width: 90%;
  margin: 0 auto;
}

.slick-dots li button:before {
  font-size: .6rem;
  color: #CCC;
  opacity: 1;
}

.bar {
  border-bottom: 1px solid #BC1111;
  margin-bottom: .5rem;
}

.bar h3, .bar h2 {
  font-family: "display_proregular", "sans-serif";
  font-size: 1.7rem;
  color: #FFF;
  font-weight: bold;
  margin-bottom: 0;
  display: inline-block;
  background-color: #BC1111;
  padding:.4rem .5rem 0;
  text-transform: uppercase;
  letter-spacing: .2rem;
  line-height: 100%;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.bar span {
  display: block;
  background-color: #BC1111;
  position: relative;
  padding: 0 .2rem 0 .2rem;
  border-radius: 3px;
  color:#FFF;
}

.bar span.more {
  display: block;
  background-color: #BC1111;
  position: relative;
  padding: 0 .2rem 0 .2rem;
  border-radius: 3px 3px 0px 0;
  color:#FFF;
  top: 0.6em;
}

.bar span a {
  color: #fff;
  text-shadow: none;
  display: block;
}

.bar span i {
  color: #FFF;
  padding-left: .3rem;
}

.entry-title a {
  color: #000;
}

.archive .entry-section-block .placeholder-center,
.search .entry-section-block .placeholder-center {
  margin: 1rem auto;
  text-align: center;
}

.archive .breadcrumbs,
.search .breadcrumbs {
  display: block;
}

.archive .entry-section-block,
.search .entry-section-block {
  margin: 1rem auto;
}

.archive .entry-section-block .hentry,
.search .entry-section-block .hentry {
  margin-bottom: 0;
}

@media print, screen and (min-width: 40em) {
  .archive .entry-section-block .hentry,
  .search .entry-section-block .hentry {
    margin-bottom: 1rem;
  }
  .archive .entry-section-block .hentry .entry-content,
  .search .entry-section-block .hentry .entry-content {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: .5rem;
  }
  .archive .entry-section-block .hentry .entry-content .entry-title,
  .search .entry-section-block .hentry .entry-content .entry-title {
    font-size: 2rem;
    margin-top: 0;
    height: 58px;
  }
  .archive .entry-section-block .hentry .entry-content .entry-title a,
  .search .entry-section-block .hentry .entry-content .entry-title a {
    text-shadow: none;
    color:#BC1111;
  }
  .archive .entry-section-block .hentry .entry-content .entry-title a:hover,
  .search .entry-section-block .hentry .entry-content .entry-title a:hover {
    text-shadow: none;
    color: #BC1111;
  }
  .archive .entry-section-block .hentry .entry-content p,
  .search .entry-section-block .hentry .entry-content p {
    max-height: 54px;
    overflow: hidden;
    margin-bottom: 1rem;
    color: #444;
    font-size: 0.7rem;
  }
}

.archive .columns:last-child .entry-content,
.search .columns:last-child .entry-content {
  border-bottom: 0;
}

.home .entry-content p {
  display: none;
}

.horizontal h2.entry-title {
  margin-top: 0;
  font-size: 1.4rem;
}

@media print, screen and (min-width: 40em) {
  .horizontal h2.entry-title {
    margin-bottom: 0;
    height: 50px;
    overflow: hidden;
    font-size: 1.5rem;
  }
}

.section-bg {
  background: url("../../dist/images/bg_flower.jpg") no-repeat center top;
  background-size: 100%;
  padding: 1rem 0 2rem;
  box-shadow: 0 -3px 3px -3px rgba(0, 0, 0, 0.15);
  margin-top: 2rem;
}

.entry-block-line {
  position: relative;
}

.entry-block-line .entry-title {
  font-size: 1.6rem;
  line-height: 1;
  margin: .4rem 0;
  height: 44px;
  overflow: hidden;
}

@media print, screen and (min-width: 40em) {
  .entry-block-line .entry-title {
    margin: 1rem 0 .5rem;
    font-size: 1.8rem;
    display: inline-block;
    height: 56px;
    overflow: hidden;
    line-height: 100%;
  }
}

.entry-block-line .entry-meta {
  font-family: "display_probold", "Helvetica Neue", "sans-serif";
  font-size: 1rem;
}

.entry-block-line .entry-meta a {
  color: #FFF;
  background-color: #444;
  text-shadow: none;
  padding: .2rem .3rem .1rem;
  display: inline-block;
  margin-bottom: .2rem;
  text-transform: uppercase;
  line-height: 100%;
  letter-spacing: 1px;
  border-radius: 2px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.entry-block-line .entry-meta span {
  display: block;
  margin-bottom: .3rem;
}

@media print, screen and (min-width: 40em) {
  .entry-block-line .entry-meta span {
    padding-right: .5rem;
    display: inline-block;
  }
}

.entry-block-line .entry-meta .item-date {
  float: none !important;
}

.entry-block-line .entry-meta .meta-user a {
  background-color: unset;
  color: #BC1111;
}

.entry-block-featured .block-issue .entry-content .entry-title {
  margin-top: 1rem;
}

.entry-block-featured .entry-content .entry-title {
  font-size: 1.5rem;
    margin: 0.5rem 0 .4rem;
    font-weight: bold;
}

@media print, screen and (min-width: 40em) {
  .entry-block-featured .entry-content .entry-title {
    font-size: 1.8rem;
    margin: 1rem 0 .5rem;
  }
}

.entry-block-featured .entry-content.entry-featured .entry-title {
  font-size: 1.6rem;
  margin: .4rem 0;
  height: 56px;
}

@media print, screen and (min-width: 40em) {
  .entry-block-featured .entry-content.entry-featured .entry-title {
    font-size: 1.8rem;
    margin: 1rem 0;
  }
}

.entry-block-featured .entry-content.entry-featured .entry-meta {
  font-size: 1rem;
  text-shadow: 0.1px 0.1px #000;
}

@media print, screen and (min-width: 40em) {
  .entry-block-featured .entry-content.entry-featured .entry-meta {
    font-size: 1rem;
  }
}

.entry-block-featured .entry-content.entry-featured .entry-meta span {
  padding-left: .4rem;
}

.entry-block-featured .entry-content.entry-featured .entry-meta span:first-child {
  padding-left: 0;
}

#outer-footer h3 {
  font-size: 1.2rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.site-footer {
  font-family: "display_proregular", "sans-serif";
}

.site-footer .site-details {
  background-color: #BC1111;
  min-height: 200px;
  box-shadow: 0px -5px 7px 0px #999
}

.site-footer .site-details .widget.widget-details, .site-footer .site-details .widget.widget-details a {
  color: #FFF;
}

.site-footer .site-details .widget.widget-details p {
  margin-bottom: 0;
  font-size: 1.4rem;
  letter-spacing: 1px;
  line-height: 100%;
}

.site-footer .site-details .widget.widget-details hr {
  border-color: #FFF;
}

.site-footer .site-details .widget.widget-social ul {
  list-style-type: none;
  margin: 0;
}

.site-footer .site-details .widget.widget-social ul li {
  list-style-type: none;
  display: inline-block;
}

.site-footer .site-details .widget.widget-social ul li i {
  color: #000;
}

.site-footer .site-details .widget.widget-social ul li i.fa-circle {
  color: #FFF;
}

.site-footer .site-details .widget h4 {
  margin: 1rem 0 1rem;
  font-size: 1.9rem;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: .2rem;
  font-weight:bold;
}

.site-footer .widget-app { }
.site-footer .widget-app .icon {     padding: 0;  float: left; }
.site-footer .widget-app .icon img {     border-radius: 10px;  width: 65px;  height: 65px;  border: 1px solid #000; }
.site-footer .widget-app  .info { padding: 0;  float: left;  width: 70%;  margin-left: 1rem; }
.site-footer .widget-app  h3 { font-size: 1.6rem;  line-height: 1em;  margin-bottom: 0; }
.site-footer .widget-app  h3 a { color: #FFF;  letter-spacing: 0.2rem;  text-transform: uppercase;  font-weight: bold;  font-family: "display_proregular", "sans-serif"}
.site-footer .widget-app  p { color: #FFF;  font-size: 1.1rem;  line-height: 1.2; }

.site-footer .site-details .widget.widget-tags ul li {
  display: inline-block;
  background-color: #FFF;
  padding: 0 .5rem;
  margin: .5rem .5rem 0 0;
  font-size: 1.4rem;
}

.site-footer .site-details .widget.widget-tags ul li:hover {
  background-color: #000;
}

.site-footer .site-details .widget.widget-tags ul li:hover a {
  color: #FFF;
}

.site-footer .site-details .widget.widget-tags ul li a {
  color: #000;
  text-shadow: none;
  padding: .3rem .5rem;
  text-transform: lowercase;
}

.site-footer .site-info {
  background-color: #000;
  color: #FFF;
  font-size: 1.4rem;
  text-shadow: 0.1px 0.1px #fff;
  letter-spacing: 1px;
  line-height: 1;
}

.site-footer .site-info span {
  display: block;
  padding: .5rem;
}

.page-header {
  margin: 1rem 0;
  font-family: "display_proregular", "sans-serif";
}

.page-header .header-main {
  /* border-bottom: 1px solid #BC1111; */
}

.page-header .page-title-wrapper { border-bottom:1px solid #BC1111;}
.page-header h1 {
  text-transform: uppercase;
  font-family: "display_probold", "Helvetica Neue", "sans-serif";
  font-size: 3rem;
  color: #FFF;
  background-color: #BC1111;
  padding-left: 0.5rem;
  border-radius: 5px 5px 0 0;
  display: table;
  padding-top: 0;
  padding-right: 0.5rem;
  padding-bottom: 0;
  margin: 0;
  line-height: 1.2em;
}

.page-header .archive-description {
  color: #888;
}

.page-header .archive-description p {
  text-shadow: none;
  font-size: 1.2rem;
}

@media print, screen and (min-width: 40em) {
  .page-header .archive-description p {
    font-size: 1.5rem;
  }
}

.breadcrumbs {
  list-style-type: none;
  margin: 0 0 0rem 0;
  text-transform: capitalize;
  color: #BC1111;
  font-size: 1rem;
}

@media print, screen and (min-width: 40em) {
  .breadcrumbs {
    display: block;
    font-size: 1.5rem;
  }
}

.breadcrumbs li {
  list-style-type: none;
}

.breadcrumbs a {
  color: #BC1111;
  text-shadow: none;
}

.breadcrumbs a:after {
  content: "\f105";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  margin: 0px 8px 0 5px;
  text-decoration: none;
  position: relative;
  top: 2px;
}

.breadcrumbs a:hover {
  color: #111;
}

.pagination {
  margin: .5rem 0;
  border: 1px solid #BC1111;
  padding: .5rem;
  text-align: center;
  background-color: #FFF;
}

.pagination .current {
  padding: 0;
  display: inline-block;
  background-color: #BC1111;
}

.pagination .current a {
  color: #fff;
  text-shadow: none;
}

.pagination a:hover {
  background-color: #BC1111;
  color: #fff;
}

.entry-content {
  color: #000;
}

.entry-content p {
  line-height: 1.8;
}

.sidebar-area {
  margin-top: 2rem;
}

.sidebar-area .entry-section-book {
  margin-top: 0;
}

.sidebar-area .entry-section-book .images-thumbnail {
  margin-top: 1rem;
  box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.15);
}
.sidebar-area h3 a {
  color: #FFF;
}

@media print, screen and (min-width: 40em) {
  .sidebar-area .entry-section-block {
    margin-top: 2rem;
  }
  .sidebar-area .entry-section-block .entry-content {
    margin-top: 0;
    padding-bottom: 0;
  }
  .sidebar-area .entry-section-block .entry-content .entry-title {
    font-size: 1.8rem;
    margin: 1rem 0 .5rem;
    height: 54px;
    overflow: hidden;
  }
  .sidebar-area .entry-section-block .horizontal .entry-content .images-thumbnail {
    margin-top: 0;
  }
  .sidebar-area .entry-section-block .horizontal .entry-content .entry-title {
    font-size: 1.5rem;
    height: 50px;
    margin: 0 0 0;
  }
  .sidebar-area .entry-section-block .entry-meta {
    font-size: 1rem;
  }
  .sidebar-area .entry-section-block .entry-meta span {
    display: inline-block;
  }
}

.sidebar-area .lateststories-box {
  padding-bottom: 1rem;
}


.sidebar-area .lateststories-box .entry-title {
  margin-top: 1rem !important;
}

.sidebar-area .lateststories-box .entry-featured {
  margin-top: 0.5rem;
}

.sidebar-area .lateststories-box .lateststories-inside .row {
  margin-top: 0;
}

.sidebar-area .lateststories-box .entry-content {
  padding-bottom: 0 !important;
}

.sidebar-area .lateststories-box .small-7 .entry-title {
  margin-top: 0 !important;
}

.sidebar-area .lateststories-box .lateststories-inside {
  overflow: hidden;
}

@media print, screen and (min-width: 40em) {
  .sidebar-area .lateststories-box .images-thumbnail {
    margin-top: 0;
  }
}

.archive .sidebar-area {
  margin-top: 2rem;
}

@media print, screen and (min-width: 40em) {
  .archive .sidebar-area .entry-section-block {
    margin-top: 2rem;
  }
  .archive .sidebar-area .entry-section-block .entry-content {
    margin-top: 0;
    padding-bottom: 0;
  }
  .archive .sidebar-area .entry-section-block .entry-content .entry-title {
    font-size: 1.8rem;
    margin: 1rem 0 .5rem;
    height: 54px;
    overflow: hidden;
  }
  .archive .sidebar-area .entry-section-block .entry-featured {
    margin-top: 1.5rem;
  }
  .archive .sidebar-area .entry-section-block .horizontal .entry-content .images-thumbnail {
    margin-top: 0;
  }
  .archive .sidebar-area .entry-section-block .horizontal .entry-content .entry-title {
    font-size: 1.5rem;
    height: 50px;
    margin: 0 0 0;
  }
  .archive .sidebar-area .entry-section-block .entry-meta {
    font-size: 1rem;
  }
  .archive .sidebar-area .entry-section-block .entry-meta span {
    display: inline-block;
  }
}

.author-owner {
  text-align: center;
  margin-top: 0.5rem;
}

@media print, screen and (min-width: 40em) {
  .author-owner {
    margin-top: 0.5rem;
  }
}

.single .entry-header {
  margin-top: 1rem;
  font-family: "display_proregular", "sans-serif";
}

@media print, screen and (min-width: 40em) {
  .single .entry-header {
    border-bottom: 1px solid #999;
  }
}

@media print, screen and (min-width: 40em) {
  .single .entry-header {
    margin-top: 0rem;
  }
}

.single .entry-header h1 {
  font-family: "display_probold", "Helvetica Neue", "sans-serif";
  color: #000;
  font-size: 2.25rem;
  line-height: 1;
}

@media print, screen and (min-width: 40em) {
  .single .entry-header h1 {
    font-size: 3.25rem;
  }
}

@media print, screen and (min-width: 40em) {
  .single .images-thumbnail {
    margin-top: 2rem;
  }
}

.single .entry-section-block {
  margin: 1.5rem auto;
}

.share-row {
  text-align: left;
}

@media print, screen and (min-width: 40em) {
  .share-row {
    text-align: center;
  }
}

.share-row .space-share {
  display: inline-block;
}

@media print, screen and (min-width: 40em) {
  .share-row .space-share {
    display: block;
  }
}

.social {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  font-weight: bold;
}

@media print, screen and (min-width: 40em) {
  .social {
    width: 80%;
    padding: 1em 0.5rem;
  }
}

.social.facebook {
  background-color: #3b5998;
  color: #fefefe;
}

.social.facebook:hover, .social.facebook:focus {
  background-color: #2f477a;
  color: #fefefe;
}

.social.twitter {
  background-color: #55acee;
  color: #fefefe;
}

.social.twitter:hover, .social.twitter:focus {
  background-color: #1a8fe8;
  color: #fefefe;
}

.social.youtube {
  background-color: #bb0000;
  color: #fefefe;
}

.social.youtube:hover, .social.youtube:focus {
  background-color: #960000;
  color: #fefefe;
}

.social.instagram {
  background-color: #125688;
  color: #fefefe;
}

.social.instagram:hover, .social.instagram:focus {
  background-color: #0e456d;
  color: #fefefe;
}

.social.google-plus {
  background-color: #dd4b39;
  color: #fefefe;
}

.social.google-plus:hover, .social.google-plus:focus {
  background-color: #be3221;
  color: #fefefe;
}

.social.line {
  background-color: #00de2b;
  color: #fefefe;
  fill: #fefefe;
  /* padding: 0.63em 1em; */
}

.social.line:hover, .social.line:focus {
  background-color: #00b222;
  color: #fefefe;
}

.social > .fa, .social svg {
  color: #fefefe;
  padding-right: 0;
  margin-bottom: 0.5em;
  padding-left: 0.3em;
}

.social svg {
  padding-left: 0em;
}

.aspect-ratio {
  width: 100%;
  padding-top: 100%;
  /* 1:1 Aspect Ratio */
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.aspect-ratio.aspect-ratio-16x9 {
  padding-top: 56.25%;
}

.aspect-ratio.aspect-ratio-4x3 {
  padding-top: unset;
}

.aspect-ratio.aspect-ratio-4x3 img {
  position: relative;
}

.aspect-ratio.aspect-ratio-3x4 {
  padding-top: 133.33%;
}

.aspect-ratio.aspect-ratio-3x2 {
  padding-top: 66.66%;
}

.aspect-ratio.aspect-ratio-8x5 {
  padding-top: 62.5%;
}

.aspect-ratio img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
}

.fb-share-save { margin-top:2rem;}

.fb-like-page {
  margin: 2rem 0;
  border-top: 1px solid #ccc;
  padding-top: 1em;
  font-family: "display_probold", "Helvetica Neue", "sans-serif";
  font-size:1.3em;
}

.edit-link {
  margin-top: 2rem;
  font-weight: bold;
  border: 1px solid #000;
  background-color: #000;
  display: inline-block;
  padding: 0.3rem 1em;
 }

.edit-link i {  color:#FFF; }
.edit-link a.post-edit-link {
  color:#FFF;
}

.entry-footer {
  margin: 2rem 0;
}

.entry-footer .tags-links {
  position: relative;
  left: 0.5rem;
  bottom: 0.1rem;
}

.entry-footer .tags-links a, .entry-footer .cat-links a {
  display: inline-block;
  padding: 0rem 0.3rem;
  border: 1px solid #BC1111;
  margin: 0 .5rem .5rem 0;
  text-shadow: none;
  font-family: "display_probold", "Helvetica Neue", "sans-serif";
  font-size: 1rem;
  color: #FFF;
  background-color: #BC1111;
}

.entry-footer .tags-links a:hover, .entry-footer .cat-links a:hover {
  color: #000;
  background-color: #FFF;
  border: 1px solid #BC1111;
}

.yarpp-related { margin:2rem 0 0!important;}
.entry-related h3 {     padding: .4rem .5rem 0 !important;  margin-bottom: 0 !important; }
.entry-related h4 { font-size: 1.2rem;  line-height: 1em;  margin-top: 0.5em;  margin-bottom: 0; height: 40px;  overflow: hidden; }
.entry-related .entry-inner .columns { padding:0; }
.entry-related .entry-inner .columns:first-child .entry-content{  margin-left: 0.9em; }
.entry-related .entry-inner .columns:last-child .entry-content{  margin-right: 0.9em; }
.entry-related .entry-inner .entry-content { margin: 0 .5rem; }
.entry-related .entry-inner .entry-content img { max-height: 80px; }
.entry-related .entry-inner .entry-content .entry-thumbnail { box-shadow:none; }

@media print, screen and (min-width: 40em) {
  .entry-related.entry-section-block .entry-content .entry-title {
    font-size: 1.25rem;
    margin: 1rem 0 .5rem;
    height: 54px;
    overflow: hidden;
  }
  .entry-related.entry-section-block .entry-meta {
    font-size: .8rem;
  }
  .entry-related.entry-section-block .entry-meta span {
    display: inline-block;
    width: 100%;
    float: left;
  }
}

.entry-related .images-thumbnail {
  margin-top: 0;
}

.entry-related .entry-meta {
  font-size: .7rem;
}

.entry-related .entry-meta a {
  color: #fff;
  background-color: #BC1111;
  text-shadow: none;
  padding: .2rem .3rem;
  display: inline-block;
  margin-bottom: .2rem;
}

.entry-related .entry-meta span {
  display: block;
  margin-bottom: .3rem;
}

@media print, screen and (min-width: 40em) {
  .entry-related .entry-meta span {
    padding-right: .5rem;
    display: inline-block;
  }
}

.entry-related .entry-meta .meta-user a {
  background-color: unset;
  color: #BC1111;
}

.entry-section-book {
  margin-top: 1rem;
  font-family: "display_proregular", "sans-serif";
}

.entry-section-book .entry-article-header {
  position: relative;
}

.entry-section-book .entry-article-header .entry-title {
  font-size: 1.8rem;
  overflow: hidden;
  margin-bottom: .5rem;
  line-height: 100%;
}

.entry-section-book .entry-article-header .entry-title a {
  color: #BC1111;
}

.entry-section-book .entry-article-header .entry-excerpt {
  height: 56px;
  overflow: hidden;
  margin-bottom: 0;
  color: #888;
  font-size: 1.8rem;
  line-height: 100%;
}

.entry-section-book .entry-article-header .theme {
  color: #000;
  margin: 1rem 0 0;
  text-shadow: none;
  background-color: #BC1111;
  text-transform: uppercase;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  font-size: 1.8rem;
  padding: .3rem 0;
}

.entry-section-social {
  margin-top: 3rem;
}

.entry-recommend {
  padding-top: 0rem;
}

.entry-recommend .hide-for-small-only {
  display: none;
}

.entry-recommend .images-thumbnail {
  margin-top: 0;
}

.entry-recommend .entry-content .entry-title {
  font-size: 1.4rem;
  margin-top: 0;
}

@media print, screen and (min-width: 40em) {
  .entry-recommend .entry-content .entry-title {
    font-size: 1.5rem;
  }
}

.relative {
  position: relative;
}

.arrow {
  background-color: #444;
  padding: .5rem .2rem;
  position: absolute;
  top: 40%;
  cursor: pointer;
  opacity: .7;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.arrow:hover {
  background-color: #111;
  opacity: 1;
}

.arrow.arrow-left {
  left: .6rem;
}

.arrow.arrow-right {
  right: .6rem;
}

.arrow.arrow-sponsor {
  top: 18%;
  padding: .5rem .5rem;
}

.arrow.arrow-photo {
  top: 25%;
  padding: .5rem .5rem;
}

.arrow i {
  color: #fff;
  padding-right: 0;
}

@media print, screen and (max-width: 40em) {
  .arrow {
    padding: 2rem 1rem;
  }
  .arrow.arrow-left {
    left: 0rem;
  }
  .arrow.arrow-right {
    right: 0rem;
  }
  .arrow.arrow-sponsor {
    top: 30%;
  }
}

.mg-bottom {
  margin-bottom: 1rem;
}

.pd-5 {
  padding: 0 .5rem;
}

.aside-frontpage {
  padding-bottom: 1rem;
}

.placeholder-banner {
  position: relative;
  z-index: 1;
}

.site-main {
  margin-top: 1rem;
}

.panel-space {
  margin-bottom: 1rem;
}

.higlight-type .slick-slide {
  margin: 0 2rem;
  position: relative;
}

.higlight-type .entry-title {
  font-size: 1rem;
}

.higlight-type .entry-desc {
  position: absolute;
  bottom: 23px;
  padding: 3rem 1rem 1rem;
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.4));
  background-repeat: repeat-x;
  width: 100%;
}

.higlight-type .entry-desc h2 {
  font-weight: 600;
  font-size: 1.6rem;
  max-height: 4.6rem;
}

.higlight-type .entry-desc a {
  color: #fefefe;
  text-shadow: 1px 1px 0 #0a0a0a;
}

.page-lists-category {
  text-transform: uppercase;
  margin: 1rem auto;
}

.page-lists-category ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.page-lists-category ul li {
  list-style: none;
  margin: 0 0 .3rem 0;
  padding: 0;
  display: inline-block;
  padding: 0 0.4rem 0 .2rem;
}

.page-lists-category ul li:last-child {
  border-right: 0;
}

@media print, screen and (min-width: 40em) {
  .page-lists-category ul li {
    border-right: 1px solid #BC1111;
  }
}

.page-lists-category a {
  color: #BC1111;
  display: block;
}

.page-lists-category a:hover {
  color: #000;
}

.primary-custompage .entry-block-featured .entry-content .entry-title {
  margin-top: 1rem;
}

@media print, screen and (min-width: 40em) {
  .primary-custompage .entry-block-featured .entry-content .entry-title {
    font-size: 1.25rem;
  }
}

.page-template-default .page-header {
  margin: 2rem 0 0;
}

.entry-icon {
  position: absolute;
  left: .2rem;
  top: .2rem;
}

.entry-icon .fa-play:before {
  padding-left: .3rem;
}

.mobile-search {
  display: none;
}

.mobile-search input[type="submit"] {
  background-color: #BC1111;
  color: #fff;
  font-family: "sukhumvit", "sans-serif";
}

.off-canvas {
  background-color: #fff;
}

.off-canvas .offcanvas-logo {
  text-align: center;
  margin: 1rem auto;
}

.off-canvas .offcanvas-logo img {
  height: 45px;
}

.off-canvas .offcanvas-search {
  font-family: "sukhumvit", "sans-serif";
  margin-bottom: 1rem;
}

.off-canvas .offcanvas-search input[type="text"] {
  border: 0;
  padding-bottom: .5rem;
  box-shadow: none;
  border-bottom: 1px solid #BC1111;
}

.off-canvas .offcanvas-social {
  margin-bottom: 0;
}

.off-canvas .medium-horizontal li {
  position: relative;
  display: block;
  width: 100%;
}

.off-canvas .medium-horizontal .is-accordion-submenu-parent > a:after {
  font-family: FontAwesome;
  content: "\f0d7";
  display: inline-block;
  position: absolute;
  right: 1rem;
}

.off-canvas .medium-horizontal .submenu {
  padding-left: 1rem;
}

.off-canvas .menu a {
  padding-left: 0;
  font-family: 'display_proregular';
  font-size: 1.4rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.page-links {
  margin-bottom: 2rem;
  font-size: 1.1rem;
  font-family: "sukhumvit", "sans-serif";
  text-transform: uppercase;
}

.page-links a {
  border: 1px solid #ccc;
  display: inline-block;
  text-align: center;
  color: #000;
  padding: .1rem .5rem;
  margin-right: .3rem;
}

.page-links a:hover {
  background-color: #BC1111;
  color: #111;
}

.banner-top .row {
  background-color: #fff;
  padding-top: 1rem;
}

#panel-space-latest, #lotto-today, #sponsor, #science, #cultures-photo, .panel-space, .panel-space-3 {
  padding-top: 2rem;
  padding-bottom: 0rem;
}

/* #lotto-today {
  background: url("../../dist/images/line_gray.gif") repeat center top;
} */

#science, #lotto-today {
  background: url("../../dist/images/line_lightgray.gif") repeat center top;
}

#science .bar, #lotto-today .bar {

}

#science .bar span, #lotto-today .bar span {
  /* background-color: #000; */
}

#science .bar span i, #lotto-today .bar span i {
  color: #FFF;
}

#science .entry-title a, #lotto-today .entry-title a {
  color: #444;
  font-weight: bold;
}

#cultures-photo {
  background: url("../../dist/images/line_black.gif") repeat center top;
}

@media print, screen and (min-width: 40em) {
  #primary-menu {
    justify-content: center;
  }
}

.issue-box {
  margin-top: 2rem;
}

.issue-box .bar h3 {
  font-family: "display_probold", "Helvetica Neue", "sans-serif";
  letter-spacing: 0;
}

.facebook-box {
  margin-top: 2rem;
  text-align: center;
}

.site-content .content-area {
  background-color: #fff;
}

.single-post .site-content .row {
  background-color: #fff;
  margin-top: 1em;
}

@media screen and (max-width: 63.9375em) {
  .single-post .entry-content h2 {
    font-size: 1.8rem;
  }
}

.single-post .entry-content iframe.wp-embedded-content {
  position: relative !important;
}

.entry-block-line #sponsor-slider .entry-title {
  font-size: 1.4rem;
}

@media print, screen and (min-width: 40em) {
  .entry-block-line #sponsor-slider .entry-title {
    font-size: 1.8rem;
  }
}

.internal-type-hasclip .fa-play {
  color: #000;
}

blockquote {
  border-left: 5px solid #BC1111;
}

blockquote p {
  color: #444;
}

.wp-caption .wp-caption-text {
  font-family: "display_proregular", "sans-serif";
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 1px;
}

.group-hightlight {
  display: flex;
  margin-top:0em;
}

.group-hightlight .g-column-a {
  flex: 1.5;
  margin-right: 1rem;
}

.group-hightlight .g-column-b {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.group-hightlight .g-column-b .g-column-nested {
  flex: 1;
  display: flex;
}

.group-hightlight .g-column-a article, .group-hightlight .g-column-b article {
  margin-bottom: 0;
}

.group-hightlight .g-column-a h2, .group-hightlight .g-column-b h2 {
  /* background-color: rgba(0, 0, 0, 0.5); */
  font-size: 1.8rem;
  line-height: 100%;
  width: 100%;
  margin: .5rem 0 .5rem;
  height: 56px;
  overflow: hidden;
  font-family: "display_probold", "Helvetica Neue", "sans-serif";
}

.g-column-nested article:nth-child(1) {
  margin-bottom: .5rem;
  margin-right: 1rem;
}

.g-column-nested article:nth-child(2) {
  margin-bottom: .5rem;
}

.ng-fair .entry-title a {
  color: #fff;
}

.ng-fair .banner-top, .ng-fair #dfp-footer {
  display: none;
}

.ng-fair .row.map-section {
  margin-top: 1.2rem;
}

.ng-fair .row.map-section h3 {
  color: #FFF;
  font-size: 2em;
  font-weight: bold;
}

.slick-prev:before, .slick-next:before {
  display: none;
}

.slick-prev {
  left: -6px;
  z-index: 9;
}

.slick-next {
  right: -10px;
  z-index: 9;
}

.slick-prev,
.slick-next {
  position: absolute;
  box-shadow: none;
  opacity: 0.75;
  display: block;
  height: 3rem;
  width: 3rem;
  font-size: 3rem;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  background-color: gray;
}

.slick-prev i,
.slick-next i {
  color: white !important;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  box-shadow: none;
  background: transparent;
  background-color: gray;
  opacity: 1;
}

.ads-dfp-center {
  text-align: center;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}

.dropdown.menu > li > a {
  background-color: #BC1111;
  color:#FFF;
  font-size: 1.75rem;
}

.dropdown.menu > li > a:hover, .dropdown.menu > li > a:active {
  background-color: #FFF;
  color:#BC1111;
}

/* naiin block */
.naiin-cx-display-box {
  /* slide  */
  overflow-y: hidden;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  /*-----*/
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  border: solid 1px #ccc;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  z-index: 9000;
}

.naiin-cx-display-box i.fa-times-circle {
  position: absolute;
  top: .1rem;
  right: .2rem;
  cursor: pointer;
  color: #000;
  font-size: 1.2rem;
}

/* end of naiin */
/*  new content leaderboard  */
@media print, screen and (min-width: 40em) {
  .billboard-ads {
    margin-left: 1rem;
  }
}

@media screen and (max-width: 39.9375em) {
  .billboard-ads {
    text-align: center;
    margin-bottom: -0.7rem;
  }
}

/*test sticky ads*/
.test-sticky {
  position: fixed;
  top: 0;
  margin-top: 3.5rem;
  z-index: 120;
  left: 50%;
  transform: translate(-50%);
  -ms-transform: translate(-50%);
  width: 100%;
}

.test-sticky-option {
  position: fixed;
  top: -25px;
  z-index: 120;
  left: 1rem;
  left: 50%;
  transform: translate(-50%);
  -ms-transform: translate(-50%);
  width: 100%;
}

@media (max-width: 600px) {
  .background-ads {
    background-color: #fff;
    padding: 1rem 0rem;
  }
}

.style-tmp-rectangle {
  height: 300px;
  position: relative;
  padding: 1rem 0rem;
}

/*new billboard mobile*/
.new-mobile-billboard {
  position: fixed;
  top: 3.5rem;
  z-index: 99;
  padding: 1rem;
  background-color: #fff;
  left: 50%;
  transform: translate(-50%);
  -ms-transform: translate(-50%);
  width: 100%;
}

.new-mobile-billboard-option {
  position: fixed;
  top: 0;
  z-index: 99;
  padding: 1rem;
  background-color: #fff;
  left: 50%;
  transform: translate(-50%);
  -ms-transform: translate(-50%);
  width: 100%;
}

.tmp-div {
  position: relative;
  height: 100px;
}

/*---------------*/
.btn-register-fair {
  text-align: center;
}

.btn-register-fair a {
  color: #000;
  background-color: #BC1111;
  text-shadow: none;
  padding: 1rem;
  display: inline-block;
  margin-bottom: 2rem;
  text-transform: uppercase;
  line-height: 100%;
  letter-spacing: 1px;
  border-radius: 2px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  font-family: "display_proregular", "sans-serif";
  font-size: 1.7rem;
}

.fb-messenger a {
  width: 60px;
  height: 60px;
  position: fixed;
  background: #fff;
  z-index: 100000;
  border-radius: 1000px;
  bottom: 20px;
  right: 20px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.45);
  padding: 10px;
}

.btn-bottom-register-fair {
  width: 80px;
  height: 80px;
  position: fixed;
  background: #fff;
  z-index: 100000;
  border-radius: 1000px;
  bottom: 20px;
  right: 20px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.45);
  padding: 5px;
}

/*-----ads inread sticky---------*/
.inread-0-sticky, .inread-1-sticky {
  position: fixed;
  top: 0;
  margin-top: 3.5rem;
  left: 1rem;
  left: 50%;
  transform: translate(-50%);
  -ms-transform: translate(-50%);
  width: 100%;
}

.inread-0-sticky {
  z-index: 110;
}

.inread-1-sticky {
  z-index: 115;
}

.inread-0-sticky-option, .inread-1-sticky-option {
  position: fixed;
  top: 0;
  left: 1rem;
  left: 50%;
  transform: translate(-50%);
  -ms-transform: translate(-50%);
  width: 100%;
}

.inread-0-sticky-option {
  z-index: 110;
}

.inread-1-sticky-option {
  z-index: 115;
}

.tmp-inread-ads {
  height: 300px;
  position: relative;
  padding: 1rem 0rem;
}

@media screen and (max-width: 39.9375em) {
  .background-inread {
    background-color: #fff;
    padding: 1rem 0rem;
  }
}

/*---------------*/
.fa-facebook-messenger {
  width: 60% !important;
  top: 0.9rem !important;
  left: 0.6rem !important;
}

.banner-top {
  text-align: center;
}

@media (max-width: 600px) {
  .iframe-amvata {
    position: fixed;
    bottom: -22px;
    z-index: 9999;
    width: 100%;
    background-color: #fff;
    border: solid 1px #eee;
    display: none;
  }
}

@media (min-width: 601px) and (max-width: 800px) {
  .iframe-amvata {
    position: fixed;
    bottom: -22px;
    z-index: 9999;
    width: 53%;
    background-color: #fff;
    border: solid 1px #eee;
    left: 50%;
    transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
  }
}

@media (min-width: 801px) {
  .iframe-amvata {
    position: fixed;
    bottom: -9px;
    z-index: 9999;
    left: 50%;
    transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    border: solid 1px #eee;
  }
}

.iframe-amvata i {
  position: absolute;
  top: .1rem;
  right: .2rem;
  cursor: pointer;
  color: #000;
  font-size: 1.2rem;
}

@media screen and (max-width: 39.9375em) {
  .close-btn {
    position: absolute;
    top: -34px;
    right: 0;
    border-radius: 12px 0 0 0;
    border: 1px solid #d3d3d3;
    font-size: 1.3rem;
    color: #000;
    background-color: #fff;
    border-bottom: none;
    padding: 7px;
  }
}

@media print, screen and (min-width: 40em) {
  .close-btn {
    position: absolute;
    top: -25px;
    border: 1px solid #eee;
    border-radius: 12px 0 0 0;
    font-size: 1.5rem;
    color: #000;
    right: -1px;
    background-color: #fff;
    border-bottom: none;
    padding: 0 10px;
  }
}

.sidebar-area .lateststories-box .lateststories-inside { margin-top:1.5em;}
#related-content .small-up-1 { margin-top:0; }
#related-content .small-up-1 .entry-content .row { margin-top:0; }

.entry-videoclip {    background-color: #333;    padding: .5rem 0;    color: #fefefe; }
.entry-videoclip .container { margin: 0 auto; }
.entry-videoclip .container .row { margin-top: 1em;  margin-bottom: 0.5em; }
.entry-videoclip .container .entry-mainvideo {  margin: 0; }
.entry-videoclip .container .entry-mainvideo .inner {  position: relative; display: block; max-width:755px; margin-left:auto; margin-right:auto; }
.entry-videoclip .container .entry-mainvideo .video-wrap {  padding-top: 56.25%; }
.entry-videoclip .container .entry-mainvideo .video-contain {  position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; }
.video-container .video-post-header { margin-top:1.5em;}
.video-container .nav-wrapper {  font-size: 1.2em;  position: relative;    height: 100%; }
.video-container .breadcrumb {    font-size: 1.2em;    color: #999; }
.video-container .breadcrumb-link:before {		content: ">";		vertical-align: top;		display: inline-block;		font-style: normal;		-webkit-font-smoothing: antialiased;		color: #999;		margin: 0;    }
.video-container .social-share-btns-container {	     position: relative;    bottom: 10px;  }
.video-container .social-share-btns {	    padding:0; display: inline-block;    }
.video-container .social-share-btns .share-btn {      text-transform: uppercase;  margin: 0 5px;    padding: 8px 16px;  font-weight:bold;  border-radius: 3px;    color: #fff;    font-size: 1em;    line-height: 18px;    vertical-align: middle;    display: inline-block; }
.video-container .social-share-btns .share-btn-twitter {    background-color: #1da1f2; }
.video-container .social-share-btns .share-btn-facebook {    background-color: #3b5998; }
.video-container .social-share-btns .share-btn-line {  background-color: #00c300; }
.video-container .social-share-btns .share-btn i {   color:#FFF; margin-right: 5px;    display: inline-block;    font-size: 18px;    vertical-align: middle; }
.video-container .entry-description-video {    }
.video-container .entry-description-video .content-inner {    }
.video-container .entry-description-video .content-inner p {  margin-top: 1em;  }
.live-sidebar { margin-bottom:2em; }

@media print, screen and (max-width: 40em) {
  .single-post .site-content .row { margin-top: 0 !important;}
  article .entry-content {margin-top:1.5rem;}
  .sticky-author .thumbnail.thumbnail-circle {
    margin-left: 0;
  }

  #share-buttons {     position: relative;    margin-top: 0;     bottom: 5px; }
  #share-buttons button{  padding: 0.2rem 1rem 0;    font-size: 1.3rem;     margin-bottom: 0;}
  #share-buttons .social > .fa, #share-buttons .social svg { margin-bottom: 0;  padding-left: 0; }

  .yarpp-related { margin:2rem 0 0!important;}
  .entry-related h3 {     padding: .4rem .5rem 0 !important;  margin-bottom: 0 !important; }
  .entry-related h4 {     font-size: 1.4rem;    line-height: 1em;    margin-top: 0.5em;    margin-bottom: 0;    height: auto;    overflow: visible; }
  .entry-related .entry-inner .columns { padding:0; }
  .entry-related .entry-inner .columns .entry-content { margin-bottom: 1.5em; }
  .entry-related .entry-inner .columns:first-child .entry-content{ margin-top: 1em; margin-left: 0.5em; }
  .entry-related .entry-inner .columns:last-child .entry-content{  margin-right: 0.5em; margin-bottom:0;}
  .entry-related .entry-inner .entry-content { margin: 0 .5rem; }
  .entry-related .entry-inner .entry-content img { max-height:fit-content; }
  .entry-related .entry-inner .entry-content .entry-thumbnail { box-shadow:none; }

  .entry-footer i {display: none;}

  .entry-recommend .entry-content .entry-title {    font-size: 1.5rem;    margin-top: 0; margin: 0.5rem 0 .4rem;    font-weight: bold; }

  .page-header h1 {font-size: 2rem;}

  .entry-videoclip .container .row { margin-top: 0em;  margin-bottom: 0em; }
  .entry-videoclip {  padding: 0; }
  .video-container .social-share-btns .share-btn {    text-transform: uppercase;    margin: 0 2px;    padding: 7px 10px;    font-weight: bold;    border-radius: 3px;    color: #fff;    font-size: 1em;    line-height: 18px;    vertical-align: middle;    display: inline-block; }
  .video-container .social-share-btns .share-btn i { margin-right:0; }
  .video-container .social-share-btns-container { bottom: 0;    top: 5px; }
  .video-container .entry-description-video .content-inner p {  font-size:0.9em;  }
  .video-container .entry-description-video .entry-content {     margin-bottom: 0; margin-top: 1em;    border-bottom: 1px solid #999;    border-top: 1px solid #999;  }
  .video-container article { margin-bottom:0; }

  .group-hightlight { margin-top:0; }
  #live-box  { margin-bottom: 0em; margin-bottom: 0em; }
}


/*Lotto history*/
.c-lotto-empty{
  font-size: 1.5rem;
  color: #999;
}
.c-lotto-result .main-result{
  width: calc(100% - 120px);
}
.c-lotto-result {
  display: flex;
  font-family: "display_proregular", "sans-serif";
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
}
.c-lotto-result:last-child{
  border-bottom: 0px;
}

.c-lotto-result h3{
  line-height: 0.8;
  text-decoration: none;
  font-weight: 200;
}
.c-lotto-result h3 a {
  text-decoration: none;
  font-weight: 200;
  line-height: 1;
}

/* .c-lotto-result:hover .lotto-date {
  background: #C1272D;
  color: #ffffff;
} */


.c-lotto-result .lotto-date {
  width: 100px;
  text-align: center;
  padding: 10px;
  background: #C1272D;
  color: #ffffff;
  margin-right: 20px;
  line-height: 1;
  border-radius: 10px;
}

.c-lotto-result .lotto-date span {
  font-size: 60px;
  display: block;
  margin: 0;
}

.c-lotto-result .lotto-date small {
  font-size: 40px;
  display: block;
  /*margin-top: -10px;*/
}

.c-lotto-result .lotto-list-result {
  display: flex;
  justify-content: space-between;
}
.c-lotto-result .lotto-list-result div{
  width: 100%;
  margin: 2px;
}
.c-lotto-result .lotto-list-result div div {
  display: flex;
  justify-content: space-between;
}

.c-lotto-result .lotto-list-result small {
  text-align: center;
  display: block;
  width: 100%;
  padding:0 5px;
  background: #eeeeee;
  border-radius: 3px;
  font-size: 20px;
  line-height: 1;
}

.c-lotto-result .lotto-list-result strong {
  text-align: center;
  display: block;
  width: 100%;
  font-size: 30px;
}
@media screen and (max-width: 768px) {
  .c-lotto-result .lotto-date {
    display: none;
  }
  .c-lotto-result .main-result{
    width: 100%;
  }
  .c-lotto-result .lotto-list-result small {
    font-size: 16px;
    padding: 5px;
  }
  .c-lotto-result .lotto-list-result strong {
    font-size: 25px;
  }
}