/*
Theme Name: Clean
Theme URI: http://underscores.me/
Author: Automattic
Author URI: http://automattic.com/
Description: Hi. I'm a starter theme called <code>Clean</code>, or <em>underscores</em>, if you like. I'm a theme meant for hacking so don't use me as a <em>Parent Theme</em>. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Clean
Tags:

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.

 Clean is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ }

*,
*:before,
*:after {
  /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block; }

ol, ul {
  list-style: none; }

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  font-weight: normal;
  text-align: left; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a:focus {
  outline: thin dotted; }

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

a img {
  border: 0; }

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
/*!
TYPEPLATE
URL ........... http://typeplate.com
VERSION ....... 1.1.4
Github ........ https://github.com/typeplate/bower
AUTHORS ....... Dennis Gaebel (@gryghostvisuals) & Zachary Kain (@zakkain)
LICENSE ....... Creative Commmons Attribution 3.0 (http://creativecommons.org/licenses/by/3.0)
LICENSE URL ... https://github.com/typeplate/bower/blob/master/license.txt
*/
@font-face {
  font-family: "Ampersand";
  src: local("Georgia"), local("Garamond"), local("Palatino"), local("Book Antiqua");
  unicode-range: U+0026; }
@font-face {
  font-family: "Ampersand";
  src: local("Georgia");
  unicode-range: U+270C; }
body {
  word-wrap: break-word; }

pre code {
  word-wrap: normal; }

/**
 * Dropcap Sass @include
 * Use the following Sass @include with any selector you feel necessary.
 *
	@include dropcap($dropcap-float-position, $dropcap-font-size, $dropcap-font-family, $dropcap-txt-indent, $dropcap-margin, $dropcap-padding, $dropcap-color, $dropcap-line-height, $dropcap-bg);
 *
 * Extend this object into your custom stylesheet. Let the variables do the work.
 *
 */
html {
  font: normal 112.5%/1.65 sans-serif; }

body {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
  color: #575757; }

small {
  font-size: 65%; }

h1, h2, h3, h4, h5, h6 {
  text-rendering: optimizeLegibility;
  line-height: 1;
  margin-top: 0; }

.tera {
  font-size: 117px;
  font-size: 6.5rem;
  margin-bottom: 4.5692307692px;
  margin-bottom: 0.2538461538rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700; }
  .tera a {
    text-decoration: none; }

.giga {
  font-size: 90px;
  font-size: 5rem;
  margin-bottom: 5.94px;
  margin-bottom: 0.33rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700; }
  .giga a {
    text-decoration: none; }

.mega {
  font-size: 72px;
  font-size: 4rem;
  margin-bottom: 7.425px;
  margin-bottom: 0.4125rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700; }
  .mega a {
    text-decoration: none; }

.alpha, h1 {
  font-size: 60px;
  font-size: 3.3333333333rem;
  margin-bottom: 8.91px;
  margin-bottom: 0.495rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700; }
  .alpha a, h1 a {
    text-decoration: none; }

.beta, h2 {
  font-size: 48px;
  font-size: 2.6666666667rem;
  margin-bottom: 11.1375px;
  margin-bottom: 0.61875rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700; }
  .beta a, h2 a {
    text-decoration: none; }

.gamma, h3 {
  font-size: 36px;
  font-size: 2rem;
  margin-bottom: 14.85px;
  margin-bottom: 0.825rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700; }
  .gamma a, h3 a {
    text-decoration: none; }

.delta, h4 {
  font-size: 24px;
  font-size: 1.3333333333rem;
  margin-bottom: 22.275px;
  margin-bottom: 1.2375rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700; }
  .delta a, h4 a {
    text-decoration: none; }

.epsilon, h5 {
  font-size: 21px;
  font-size: 1.1666666667rem;
  margin-bottom: 25.4571428571px;
  margin-bottom: 1.4142857143rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700; }
  .epsilon a, h5 a {
    text-decoration: none; }

.zeta, h6 {
  font-size: 18px;
  font-size: 1rem;
  margin-bottom: 29.7px;
  margin-bottom: 1.65rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700; }
  .zeta a, h6 a {
    text-decoration: none; }

p {
  margin: auto auto 1.5em; }

abbr,
acronym,
blockquote,
code,
dir,
kbd,
listing,
plaintext,
q,
samp,
tt,
var,
xmp {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none; }

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

pre {
  white-space: pre; }

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

/**
 * Abbreviations Markup
 *
	<abbr title="hyper text markup language">HMTL</abbr>
 *
 * Extend this object into your markup.
 *
 */
abbr {
  font-variant: small-caps;
  font-weight: 600;
  text-transform: lowercase;
  color: gray; }
  abbr[title]:hover {
    cursor: help; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #222; }

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

.drop-cap:first-letter {
  float: left;
  margin: inherit;
  padding: inherit;
  font-size: 4em;
  font-family: inherit;
  line-height: 1;
  text-indent: 0;
  background: transparent;
  color: inherit; }

/**
 * Lining Definition Style Markup
 *
	<dl class="lining">
		<dt><b></b></dt>
		<dd></dd>
	</dl>
 *
 * Extend this object into your markup.
 *
 */
.lining dt,
.lining dd {
  display: inline;
  margin: 0; }
.lining dt + dt:before,
.lining dd + dt:before {
  content: "A";
  white-space: pre; }
.lining dd + dd:before {
  content: ", "; }
.lining dd:before {
  content: ": ";
  margin-left: -0.2rem; }

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

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

/**
 * Figures Markup
 *
	<figure>
		<figcaption>
			<strong>Fig. 4.2 | </strong>Type Anatomy, an excerpt from Mark Boulton's book<cite title="http://designingfortheweb.co.uk/book/part3/part3_chapter11.php">"Designing for the Web"</cite>
		</figcaption>
	</figure>
 *
 * Extend this object into your markup.
 *
 */
/**
 * Footnote Markup : Replace 'X' with your unique number for each footnote
 *
	<article>
		<p><sup><a href="#fn-itemX" id="fn-returnX"></a></sup></p>
		<footer>
			<ol class="foot-notes">
				<li id="fn-itemX"><a href="#fn-returnX">?</a></li>
			</ol>
		</footer>
	</article>
 *
 * Extend this object into your markup.
 *
 */
h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-family: Oswald;
  font-weight: bold;
  text-transform: uppercase; }

.site-title {
  margin-top: 1em;
  font-size: 2rem; }
  .site-title a, .site-title a:visited {
    color: #56d4fa; }
  .site-title a:hover {
    color: #6fdafb; }

.entry-title {
  color: #046380; }

.site-description {
  color: #fff;
  margin-bottom: 1.5em; }

.widget-title {
  font-size: 1.33333rem;
  color: #575757; }

.entry-meta, .site-description {
  font-size: 1rem;
  font-weight: 300;
  font-family: "Roboto", sans-serif; }

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
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: 0; }

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

th {
  font-weight: bold; }

/* =============================================================================
  DEMO STUFF
============================================================================= */
.demo-title {
  margin-bottom: 24px;
  color: #ff9650;
  font-size: 28px; }

.items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 24px; }

.item {
  margin: 12px; }

/* =============================================================================
  MENU TOGGLE SWITCHES
============================================================================= */
/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `cmn-toggle-switch` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.cmn-toggle-switch {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 50px;
  height: 44px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s; }

.cmn-toggle-switch:focus {
  outline: none; }

.cmn-toggle-switch span {
  display: block;
  position: absolute;
  top: 20.5px;
  left: 12px;
  right: 12px;
  height: 3px;
  background: white; }

.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
  content: ""; }

.cmn-toggle-switch span::before {
  top: -8.5px; }

.cmn-toggle-switch span::after {
  bottom: -8.5px; }

/**
 * Style 1
 *
 * Rotating hamburger icon (rot), that simply rotates 90 degrees when activated.
 * Nothing too fancy, simple transition.
 */
.cmn-toggle-switch__rot {
  background-color: #28aadc; }

.cmn-toggle-switch__rot span {
  transition: transform 0.3s; }

/* active state, i.e. menu open */
.cmn-toggle-switch__rot.active {
  background-color: #166888; }

.cmn-toggle-switch__rot.active span {
  transform: rotate(90deg); }

/**
 * Style 2
 * 
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.cmn-toggle-switch__htx span {
  transition: background 0s 0.3s; }

.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s; }

.cmn-toggle-switch__htx span::before {
  transition-property: top, transform; }

.cmn-toggle-switch__htx span::after {
  transition-property: bottom, transform; }

/* active state, i.e. menu open */
.cmn-toggle-switch__htx.active span {
  background: none; }

.cmn-toggle-switch__htx.active span::before {
  top: 0;
  transform: rotate(45deg); }

.cmn-toggle-switch__htx.active span::after {
  bottom: 0;
  transform: rotate(-45deg); }

.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {
  transition-delay: 0s, 0.3s; }

/**
 * Style 3
 *
 * Hamburger to left-arrow (htla). Hamburger menu transforms to a left-pointing
 * arrow. Usually indicates an off canvas menu sliding in from left that
 * will be close on re-click of the icon.
 */
.cmn-toggle-switch__htla {
  background-color: #32dc64; }

.cmn-toggle-switch__htla span {
  transition: transform 0.3s; }

.cmn-toggle-switch__htla span::before {
  transform-origin: top right;
  transition: transform 0.3s, width 0.3s, top 0.3s; }

.cmn-toggle-switch__htla span::after {
  transform-origin: bottom right;
  transition: transform 0.3s, width 0.3s, bottom 0.3s; }

/* active state, i.e. menu open */
.cmn-toggle-switch__htla.active {
  background-color: #19903c; }

.cmn-toggle-switch__htla.active span {
  transform: rotate(180deg); }

.cmn-toggle-switch__htla.active span::before,
.cmn-toggle-switch__htla.active span::after {
  width: 50%; }

.cmn-toggle-switch__htla.active span::before {
  top: 0;
  transform: translateX(16px) translateY(1.5px) rotate(45deg); }

.cmn-toggle-switch__htla.active span::after {
  bottom: 0;
  transform: translateX(16px) translateY(-1.5px) rotate(-45deg); }

/**
 * Style 4
 *
 * Hamburger to right-arrow (htra). Hamburger menu transforms to a
 * right-pointing arrow. Usually indicates an off canvas menu sliding in from 
 * right that will be close on re-click of the icon.
 */
.cmn-toggle-switch__htra {
  background-color: #ff9650; }

.cmn-toggle-switch__htra span {
  transition: transform 0.3s; }

.cmn-toggle-switch__htra span::before {
  transform-origin: top left;
  transition: transform 0.3s, width 0.3s, top 0.3s; }

.cmn-toggle-switch__htra span::after {
  transform-origin: bottom left;
  transition: transform 0.3s, width 0.3s, bottom 0.3s; }

/* active state, i.e. menu open */
.cmn-toggle-switch__htra.active {
  background-color: #e95d00; }

.cmn-toggle-switch__htra.active span {
  transform: rotate(180deg); }

.cmn-toggle-switch__htra.active span::before,
.cmn-toggle-switch__htra.active span::after {
  width: 50%; }

.cmn-toggle-switch__htra.active span::before {
  top: 0;
  transform: translateX(-3px) translateY(1.5px) rotate(-45deg); }

.cmn-toggle-switch__htra.active span::after {
  bottom: 0;
  transform: translateX(-3px) translateY(-1.5px) rotate(45deg); }

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */ }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #e6e6e6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */
  font-size: 8px;
  font-size: 0.8rem;
  line-height: 1;
  padding: .4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); }

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  border-color: #aaa #bbb #bbb;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); }

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* Addresses excess padding in IE8/9 */ }

input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
  -webkit-box-sizing: content-box;
  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 3px;
  border-radius: 3px; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 3px; }

textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 3px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 100%; }

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
.site-header {
  background: transparent; }

.site-branding {
  margin-bottom: 1.5em; }

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
  color: #046380; }
  a:visited {
    color: #046380; }
  a:hover, a:focus, a:active {
    color: #0689b1; }

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
  background: #000; }
  .main-navigation ul {
    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: 2.7em;
      left: -999em;
      z-index: 99999;
      background-color: #0d0d0d; }
      .main-navigation ul ul ul {
        left: -999em;
        top: 0; }
      .main-navigation ul ul li:hover > ul {
        left: 100%; }
      .main-navigation ul ul a {
        width: 200px;
        padding: 10px; }
    .main-navigation ul li:hover > ul {
      left: auto; }
  .main-navigation li {
    float: left;
    position: relative; }
  .main-navigation a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 10px; }

/* Small menu */
.menu-toggle {
  display: none; }

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

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

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

/*--------------------------------------------------------------
5.3 Slidebars
--------------------------------------------------------------*/
/* -----------------------------------
 * Slidebars
 * Version 0.10.3
 * http://plugins.adchsm.me/slidebars/
 *
 * Written by Adam Smith
 * http://www.adchsm.me/
 *
 * Released under MIT License
 * http://plugins.adchsm.me/slidebars/license.txt
 *
 * -------------------
 * Slidebars CSS Index
 *
 * 001 - Box Model, Html & Body
 * 002 - Site
 * 003 - Slidebars
 * 004 - Animation
 * 005 - Helper Classes
 *
 * ----------------------------
 * 001 - Box Model, Html & Body
 */
html, body, #sb-site, .sb-site-container, .sb-slidebar {
  /* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  width: 100%;
  overflow-x: hidden;
  /* Stops horizontal scrolling. */ }

html {
  height: 100%;
  /* Site is as tall as device. */ }

body {
  min-height: 100%;
  height: auto;
  position: relative;
  /* Required for static Slidebars to function properly. */ }

/* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
html.sb-scroll-lock.sb-active:not(.sb-static) {
  overflow: hidden; }

/* ----------
 * 002 - Site
 */
#sb-site, .sb-site-container {
  /* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
  width: 100%;
  min-height: 100vh;
  position: relative;
  z-index: 1;
  /* Site sits above Slidebars */ }

/* Micro clearfix by Nicolas Gallagher, ensures the site container hits the top and bottom of the screen. */
#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
  content: ' ';
  display: table; }

#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
  clear: both; }

/* ---------------
 * 003 - Slidebars
 */
.sb-slidebar {
  height: 100%;
  overflow-y: auto;
  /* Enable vertical scrolling on Slidebars when needed. */
  position: fixed;
  top: 0;
  z-index: 0;
  /* Slidebars sit behind sb-site. */
  display: none;
  /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
  background-color: #222222;
  /* Default Slidebars background colour, overwrite this with your own css. */ }

.sb-slidebar, .sb-slidebar * {
  -webkit-transform: translateZ(0px);
  /* Fixes issues with translated and z-indexed elements on iOS 7. */ }

.sb-left {
  left: 0;
  /* Set Slidebar to the left. */ }

.sb-right {
  right: 0;
  /* Set Slidebar to the right. */ }

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
  position: absolute;
  /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */ }

.sb-slidebar.sb-active {
  display: block;
  /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */ }

.sb-style-overlay {
  z-index: 9999;
  /* Set z-index high to ensure it overlays any other site elements. */ }

.sb-momentum-scrolling {
  -webkit-overflow-scrolling: touch;
  /* Adds native momentum scrolling for iOS & Android devices. */ }

.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
  cursor: pointer; }

/*--------------------------------------------------------------
Slidebar Navigation Styles
--------------------------------------------------------------*/
.site-logo-slidebar {
  width: 120px;
  margin: 20px auto; }

.sb-slidebar .menu-globalnav-container {
  overflow: auto; }
  .sb-slidebar .menu-globalnav-container ul {
    margin: 0;
    padding: 0;
    border-top: 1px solid #404040; }
    .sb-slidebar .menu-globalnav-container ul li {
      display: block;
      overflow: auto;
      border-bottom: 1px solid #404040; }
      .sb-slidebar .menu-globalnav-container ul li a {
        display: block;
        padding: 10px 20px;
        color: #8e8e8e;
        text-decoration: none; }
      .sb-slidebar .menu-globalnav-container ul li a:hover {
        background: #2d2d2d; }

/* Toggle Button */
.sb-toggle-right {
  background: #000;
  display: none;
  margin: 16px 16px 0 0;
  float: right; }

.sb-toggle-right:hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.sb-toggle-right:focus {
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

/* Slidebar widths for browsers/devices that don't support media queries. */
.sb-slidebar {
  width: 30%; }

.sb-width-thin {
  width: 15%; }

.sb-width-wide {
  width: 45%; }

@media (max-width: 480px) {
  /* Slidebar widths on extra small screens. */
  .sb-slidebar {
    width: 70%; }

  .sb-width-thin {
    width: 55%; }

  .sb-width-wide {
    width: 85%; } }
@media (min-width: 481px) {
  /* Slidebar widths on small screens. */
  .sb-slidebar {
    width: 55%; }

  .sb-width-thin {
    width: 40%; }

  .sb-width-wide {
    width: 70%; } }
@media (min-width: 768px) {
  /* Slidebar widths on medium screens. */
  .sb-slidebar {
    width: 40%; }

  .sb-width-thin {
    width: 25%; }

  .sb-width-wide {
    width: 55%; } }
@media (min-width: 992px) {
  /* Slidebar widths on large screens. */
  .sb-slidebar {
    width: 30%; }

  .sb-width-thin {
    width: 15%; }

  .sb-width-wide {
    width: 45%; } }
@media (min-width: 1200px) {
  /* Slidebar widths on extra large screens. */
  .sb-slidebar {
    width: 20%; }

  .sb-width-thin {
    width: 5%; }

  .sb-width-wide {
    width: 35%; } }
@media screen and (max-width: 799px) {
  .sb-toggle-right {
    display: block; } }
/* ---------------
 * 004 - Animation
 */
.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
  -webkit-transform: translate(0px);
  -moz-transform: translate(0px);
  -o-transform: translate(0px);
  transform: translate(0px);
  -webkit-transition: -webkit-transform 400ms ease;
  -moz-transition: -moz-transform 400ms ease;
  -o-transition: -o-transform 400ms ease;
  transition: transform 400ms ease;
  -webkit-transition-property: -webkit-transform, left, right;
  /* Add left/right for Android < 4.4. */
  -webkit-backface-visibility: hidden;
  /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */ }

/* --------------------
 * 005 - Helper Classes
 */
.sb-hide {
  display: none;
  /* Optionally applied to control classes when Slidebars is disabled over a certain width. */ }

@media screen and (max-width: 799px) {
  .menu-toggle,
  .main-navigation.toggled .nav-menu {
    display: block; }

  .main-navigation {
    display: none; }

  .main-navigation ul {
    display: none; } }
@media screen and (max-width: 800px) {
  .site-branding {
    padding: 0 1.5em; } }
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }
  .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
    background-color: #f1f1f1;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #575757;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    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 */ }

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

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

.aligncenter {
  display: block;
  margin: 0 auto; }

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

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

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets */ }
  .widget select {
    max-width: 100%; }
  .widget ul {
    margin: 0; }
  .widget li {
    display: block;
    margin: 0; }

/* Search widget */
.widget_search .search-submit {
  display: none; }

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
#page, .site-branding, .menu, .submenu, .hero-unit {
  max-width: 960px;
  display: block;
  margin: 0 auto; }

#page {
  background: transparent; }

#content {
  display: flex; }

/* Paddings */
/* Sidebar layout */
.content-area {
  margin: 0 0% 0 0;
  width: 100%; }

.site-main {
  margin: 0 0% 0 0; }

.site-content .widget-area {
  overflow: hidden;
  width: 0%;
  border-left: 1px solid #eee;
  background: #fff; }

.site-footer {
  clear: both;
  width: 100%; }

/* Media */
@media screen and (max-width: 800px) {
  #content {
    flex-wrap: wrap; }

  .content-area {
    float: none;
    width: 100%;
    padding: 0;
    margin: 0;
    order: 1; }

  .widget-area {
    order: 2; }

  .site-main {
    margin: 0 0 1.5em; }

  .site-content .widget-area {
    float: none;
    overflow: hidden;
    width: 100%;
    padding: 1.5em;
    margin: 0;
    border: none;
    background: #efecca; }

  .site-info {
    padding: 1.5em; } }
@media screen and (max-width: 400px) {
  .content-area {
    padding: 0; } }
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.hentry {
  margin: 0 0 3em; }

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

.single .byline,
.group-blog .byline {
  display: inline; }

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

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none; }

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

.bypostauthor {
  display: block; }

.dr-series {
  background: url("images/bg-dr-series.jpg") no-repeat top center #000; }

.dr1 {
  background: url("images/bg-dr1.jpg") no-repeat top center #000; }

.dr2 {
  background: url("images/bg-dr2.jpg") no-repeat top center #000; }

.dr2otr {
  background: url("images/bg-dr2otr.jpg") no-repeat top center #000; }

.dr3 {
  background: url("images/bg-dr3.jpg") no-repeat top center #000; }

.dr4 {
  background: url("images/bg-dr4.jpg") no-repeat top center #000; }

.dr4fbp {
  background: url("images/bg-dr4-fbp.jpg") no-repeat top center #000; }

.social-page {
  background: url("images/bg-dr-social.jpg") no-repeat top center #000; }

p:empty {
  display: none; }

/*--------------------------------------------------------------
10.4 Header Styles
--------------------------------------------------------------*/
.site-header {
  position: relative;
  z-index: 3; }
  .site-header a {
    color: #fff;
    text-decoration: none; }
  .site-header a:hover {
    color: #fff; }
  .site-header a:visited {
    color: #fff; }

.site-logo, .site-details {
  float: left;
  margin-bottom: 1em; }

.site-logo {
  margin: .2em 1em 0 0; }

.site-title, .site-description {
  margin: 0; }

/* Navigation */
.main-navigation {
  /*position: fixed;
  top:0;
  z-index: 10;*/
  background-color: rgba(0, 0, 0, 0.5); }

/* Utilities & Social Links */
.aga-social, .aga-utilities {
  float: right; }
  .aga-social .widget-title, .aga-utilities .widget-title {
    display: none; }

/* Social Links */
.social-buttons {
  margin: 0;
  padding: 0; }
  .social-buttons li {
    display: block;
    float: left;
    margin-left: .5em; }

.social-footer .aga-social {
  display: none;
  float: none;
  width: 100%; }

/* Social Links */
.aga-social {
  margin: 4px 10px 0 0; }

.social-footer .aga-social {
  display: none;
  float: none;
  width: 100%; }

.aga-social-icons {
  float: left;
  margin-right: 10px; }

.social-links {
  margin: 4px 8px;
  padding: 0;
  float: right;
  overflow: auto; }
  .social-links li {
    display: block;
    float: right;
    margin-left: 4px;
    padding-top: 1px; }
    .social-links li a {
      display: block; }
      .social-links li a img {
        display: block; }
  .social-links .text-link {
    padding-top: 2px;
    margin-right: 4px; }

.aga-social-img {
  display: block; }

.aga-social-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  margin: -92px 0 0;
  padding: 0; }
  .aga-social-links li {
    display: block;
    margin: 6px; }
  .aga-social-links .social {
    border-radius: 4px; }
  .aga-social-links img {
    display: block;
    border-radius: 4px; }
  .aga-social-links .support {
    text-align: center;
    color: #aaa;
    font-size: 0.8em;
    text-decoration: none;
    width: 100%;
    display: block;
    margin-top: 2px; }

.social-page .site-footer {
  margin-top: 0; }

/* Utilities */
.utilities {
  margin: 0;
  padding: 0; }
  .utilities li {
    display: block;
    float: left;
    margin-left: .5em; }

.aga-submenu {
  z-index: 5;
  background: url("images/bg-submenu.png") no-repeat top left;
  border-bottom: 1px solid #494e58;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 0px 0px 6px #000; }
  .aga-submenu .textwidget {
    content: "";
    display: table;
    display: flex;
    justify-content: space-between; }

.offscreen {
  display: block;
  left: -9999em;
  position: absolute; }

.accordion {
  background: #000; }
  .accordion .accordion-content {
    clear: both; }

.dr-menu {
  margin: 0;
  padding: 0;
  border-right: 1px solid #000;
  float: left;
  content: "";
  display: table; }
  .dr-menu li {
    display: block;
    float: left;
    list-style: none; }
    .dr-menu li a {
      display: block;
      padding: 4px 16px;
      color: #fff;
      font-size: .85em;
      font-weight: bold;
      text-shadow: 0px 0px 2px #000;
      text-decoration: none;
      border-left: 1px solid #000;
      border-right: 1px solid #9e9e9e; }
    .dr-menu li a:hover, .dr-menu li a.active {
      color: red;
      background: rgba(0, 0, 0, 0.3); }
  .dr-menu li:first-of-type a {
    border-left: none; }
  .dr-menu .top {
    background: rgba(255, 255, 255, 0.3);
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 8px 0px 0px 8px;
    border-radius: 8px 0px 0px 8px; }
    .dr-menu .top a:hover, .dr-menu .top a.active {
      color: white;
      background: rgba(0, 0, 0, 0.1); }
  .dr-menu .purchase {
    background: url("images/bg-purchase.png") no-repeat top left; }
    .dr-menu .purchase a:hover, .dr-menu .purchase a.active {
      color: white;
      background: rgba(0, 0, 0, 0.1); }

.dr3-menu ul {
  list-style: none;
  margin: 0;
  padding: 0; }
.dr3-menu .nav-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
.dr3-menu .divider {
  display: block;
  background: url("images/menu-divider.png") no-repeat;
  height: 120px;
  width: 11px;
  margin: auto;
  /* Magic! */ }
.dr3-menu .menu-logo {
  display: block;
  background: url("images/bg-menu.png") no-repeat;
  height: 120px;
  margin: auto;
  /* Magic! */ }
.dr3-menu .logo-dr {
  width: 60px;
  background-position: 0px 0px; }
.dr3-menu .logo-dr1 {
  width: 134px;
  background-position: -85px 0px; }
.dr3-menu .logo-dr2 {
  width: 162px;
  background-position: -239px 0px; }
.dr3-menu .logo-dr2otr {
  width: 200px;
  background-position: -421px 0px; }
.dr3-menu .logo-dr3 {
  width: 142px;
  background-position: -642px 0px; }
.dr3-menu .logo-dr4 {
  width: 145px;
  background-position: -819px 0px; }
.dr3-menu .logo-dr:hover {
  background-position: 0px -120px; }
.dr3-menu .logo-dr1:hover {
  background-position: -85px -120px; }
.dr3-menu .logo-dr2:hover {
  background-position: -239px -120px; }
.dr3-menu .logo-dr2otr:hover {
  background-position: -421px -120px; }
.dr3-menu .logo-dr3:hover {
  background-position: -642px -120px; }
.dr3-menu .logo-dr4:hover {
  background-position: -819px -120px; }
.dr3-menu .logo-dr.menu-active {
  background-position: 0px -120px; }
.dr3-menu .logo-dr1.menu-active {
  background-position: -85px -120px; }
.dr3-menu .logo-dr2.menu-active {
  background-position: -239px -120px; }
.dr3-menu .logo-dr2otr.menu-active {
  background-position: -421px -120px; }
.dr3-menu .logo-dr3.menu-active {
  background-position: -642px -120px; }
.dr3-menu .logo-dr4.menu-active {
  background-position: -819px -120px; }

/* Page */
.row {
  content: "";
  display: table;
  padding: 96px 64px 0;
  margin-bottom: 8px;
  width: 100%; }
  .row h1, .row h2, .row h3, .row h4, .row p {
    color: #fff;
    text-shadow: 0px 0px 6px #000; }
  .row p {
    font-size: 1.1em; }
  .row h3 {
    display: inline;
    font-size: 1.5em; }
  .row .divider {
    content: "";
    display: table;
    padding-top: 32px;
    border-bottom: 1px solid #1b1b1b; }
    .row .divider p {
      margin-top: 16px; }
    .row .divider img {
      margin-top: -80px; }
  .row .movie {
    border: none; }
    .row .movie a {
      color: #fff; }
    .row .movie img {
      max-width: 160px;
      margin-right: 2em;
      margin-top: -0.5em; }
    .row .movie .left {
      margin-left: 0; }

.row-spacer {
  display: block;
  padding-top: 96px; }

.row-story {
  background: url("images/bg-panel-story.png") no-repeat 0px 0px; }
  .row-story p {
    padding-top: 16px; }

.row-media {
  background: url("images/bg-panel-media.jpg") no-repeat 0px 0px; }

.row-features {
  background: url("images/bg-panel-features.jpg") no-repeat 0px 0px; }
  .row-features .row {
    padding: 100px 32px 0; }

.row-weapons {
  background: url("images/bg-panel-weapons.jpg") no-repeat 0px 0px; }
  .row-weapons .flexbox {
    margin-top: 32px;
    justify-content: space-between; }
    .row-weapons .flexbox a {
      margin-bottom: 8px; }

.row-characters {
  background: url("images/bg-panel-characters.jpg") no-repeat 0px 0px; }

.row-homepage {
  background: url("images/bg-panel-homepage.png") no-repeat 0px 0px; }

.row-purchase {
  background: url("images/bg-panel-purchase.jpg") no-repeat 0px 0px; }
  .row-purchase .row {
    padding-top: 116px; }

.row-vehicles {
  background: url("images/bg-panel-vehicles.jpg") no-repeat 0px 0px; }

.row-movies {
  background: url("images/bg-panel-movies.jpg") no-repeat 0px 0px; }

.row-zombies {
  background: url("images/bg-panel-zombies.jpg") no-repeat 0px 0px; }

.row-franks-big-package {
  background: url("images/bg-panel-fbp.png") no-repeat 0px 0px; }

.row-social {
  background: url("images/bg-panel-social.png") no-repeat 0px 0px; }

.row-capcom-heroes {
  background: url("images/bg-panel-capcom-heroes.jpg") no-repeat 0px 0px; }

.story-portrait {
  float: right;
  margin-top: -176px;
  margin-right: -32px; }

.story-portrait-chuck {
  float: right;
  margin-top: -132px;
  margin-right: -32px; }

.story-portrait-frank-otr {
  float: right;
  margin-top: -132px;
  margin-right: -32px; }

.story-portrait-nick {
  float: right;
  margin-top: -132px;
  margin-right: -132px;
  margin-left: -164px; }

.story-portrait-frank-dr4 {
  float: right;
  margin-top: -132px;
  margin-right: -32px;
  margin-left: 32px; }

.story-portrait-homepage {
  float: right;
  margin-top: -132px;
  margin-right: -64px; }

.portrait-purchase {
  float: right;
  margin-top: -48px;
  margin-right: 0px;
  margin-bottom: 32px; }

.portrait-purchase-dlc {
  margin-top: 0;
  margin-right: 32px;
  width: 16%; }

.boxart {
  width: 33%;
  float: right;
  margin-right: 24px;
  margin-bottom: 16px; }

.site {
  position: relative;
  z-index: 2; }

.hero-unit {
  content: "";
  display: table;
  width: 100%; }
  .hero-unit .hero, .hero-unit .aga-hero, .hero-unit .textwidget {
    width: 100%;
    content: "";
    display: table; }
  .hero-unit .logo {
    margin: -64px 0 0 0; }
  .hero-unit .details {
    margin: 0 0 0 24px;
    width: 50%;
    min-height: 460px;
    float: left;
    color: #fff;
    text-shadow: 0px 0px 8px #000; }
    .hero-unit .details p {
      font-size: 1.25em;
      text-transform: uppercase;
      margin-left: 32px;
      margin-right: 24px; }

.dr10-container {
  display: block;
  margin: 128px -100% 0px;
  background: url("images/bg-dr10.jpg") no-repeat top center #551009;
  overflow: auto;
  text-align: center; }
  .dr10-container img {
    max-width: 20%;
    margin: 64px auto;
    float: none; }

/* Purchase Links */
.bullet-points {
  margin: 24px 0 36px;
  padding: 0; }
  .bullet-points li {
    display: block; }

.bullet-purchase {
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .bullet-purchase li {
    float: left;
    margin-right: 32px;
    margin-bottom: 16px; }
  .bullet-purchase img {
    height: 64px; }
  .bullet-purchase .series-link {
    width: 40%;
    margin: 0 24px;
    text-align: center; }
  .bullet-purchase .series-boxart {
    height: auto; }

/* Slider */
.aga-frame {
  display: flex;
  max-width: 960px;
  margin: 32px auto 32px;
  clear: both; }
  .aga-frame img {
    width: 100%; }
  .aga-frame .side {
    width: 5.72916%; }
  .aga-frame .body {
    width: 88.54168%;
    position: relative; }
    .aga-frame .body .rotator {
      position: relative;
      margin-top: -73%; }
      .aga-frame .body .rotator img {
        display: block; }

.trailer-container {
  clear: both;
  background: url("images/trailer-bg.png") no-repeat left top;
  height: 733px; }

.trailer-container {
  position: relative; }
  .trailer-container .video-container {
    width: 812px;
    position: absolute;
    top: 94px;
    left: 90px; }

/* WDSlider styles */
.aga-slider {
  position: relative; }
  .aga-slider .slider-bg {
    display: block;
    margin: 0 auto; }
  .aga-slider .features-slider {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; }
  .aga-slider .features-zombies {
    top: -62px; }

.aga-slider-characters {
  margin: 0 -25px; }
  .aga-slider-characters .characters-slider {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; }

#wds_container1_0 #wds_container2_0 .wds_slideshow_filmstrip_left_0 i, #wds_container1_0 #wds_container2_0 .wds_slideshow_filmstrip_right_0 i {
  color: #fff !important; }

#wds_container1_0 #wds_container2_0 .wds_left-ico_0, #wds_container1_0 #wds_container2_0 .wds_right-ico_0 {
  height: 140px !important;
  opacity: 0; }

div[id^="wds_container"] .wds_left_btn_cont {
  margin-left: 0px;
  margin-top: -250px; }

div[id^="wds_container"] .wds_right_btn_cont {
  margin-right: 0px;
  margin-top: -250px; }

.characters-slider div[id^="wds_container"] .wds_left_btn_cont {
  margin-left: 0px;
  margin-top: auto;
  height: 142px !important; }
.characters-slider div[id^="wds_container"] .wds_right_btn_cont {
  margin-right: 0px;
  margin-top: auto;
  height: 142px !important; }
.characters-slider #wds_container1_1 #wds_container2_1 .wds_left-ico_1, .characters-slider #wds_container1_1 #wds_container2_1 .wds_right-ico_1 {
  border-radius: 0px !important; }

#wds_container1_1 #wds_container2_1 .wds_slideshow_dots_container_1 {
  bottom: 48px !important; }

.features-zombies .wds_left_btn_cont, .features-zombies .wds_right_btn_cont {
  height: 250px !important;
  margin-top: -50px !important; }

.dr4fbp .wds_left-ico_0, .dr4fbp .wds_right-ico_0, .dr4fbp .wds_left-ico_1, .dr4fbp .wds_right-ico_1, .dr4fbp .wds_left-ico_3, .dr4fbp .wds_right-ico_3 {
  border-radius: 0px !important; }
.dr4fbp #wds_container1_0 #wds_container2_0 .wds_left-ico_0, .dr4fbp #wds_container1_0 #wds_container2_0 .wds_right-ico_0, .dr4fbp .wds_right-ico_2, .dr4fbp .wds_left-ico_2 {
  opacity: 0 !important;
  height: 180px !important; }
.dr4fbp .wds_left-ico_2, .dr4fbp .wds_right-ico_2 {
  border-radius: 0px !important; }

.widget-title {
  display: none; }

.features-gallery, .characters-gallery {
  display: none; }
  .features-gallery h4, .characters-gallery h4 {
    color: red;
    margin-bottom: 8px; }
  .features-gallery img, .characters-gallery img {
    margin-bottom: 16px; }

.featured-headline, .featured-body {
  text-shadow: 2px 2px #000; }

/* Footer */
.site-footer {
  height: 500px;
  font-size: .8em;
  padding-top: 32px;
  margin-top: 64px;
  background: url("images/bg-footer-dr4fbp.jpg") no-repeat top center #1e0c0a; }

.legal {
  text-align: center;
  color: #d0c6c9;
  text-shadow: 0px 0px 6px #000; }

.esrb {
  width: 210px;
  margin: 0 auto 16px;
  border: 1px solid #fff;
  background: #fff;
  line-height: 1.1em; }
  .esrb h5 {
    margin-bottom: 8px;
    color: #575757;
    display: none; }
  .esrb .rating {
    display: block;
    overflow: auto;
    border: 2px solid #000; }
    .esrb .rating img {
      display: block;
      float: left;
      width: 35%; }
  .esrb .descriptors {
    float: left;
    margin: 0;
    padding: 8px;
    list-style: none; }

/* Scroll Magic */
.submenu {
  z-index: 4;
  display: block;
  margin-top: 24px; }

.aga-submenu.sticky {
  position: fixed !important;
  top: 16px; }

.top-padding {
  margin-bottom: 57px; }

/* Card Flip */
.flexbox {
  display: flex;
  flex-wrap: wrap;
  flex-flow: flex-wrap;
  margin: 40px 0 0; }

.card {
  position: relative;
  float: left;
  width: 33%;
  text-align: center;
  cursor: pointer; }

.card__front,
.card__back {
  width: 100%;
  height: 100%;
  padding: 0 8px; }

.card__back {
  position: absolute;
  top: 0;
  left: 0; }

.card__front,
.card__back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s; }

.card__back {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }

/* On Click Code */
.card.effect__click.flipped .card__front {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }

.card.effect__click.flipped .card__back {
  -webkit-transform: rotateY(0);
  transform: rotateY(0); }

/* Magnific Popup Fade Effect */
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8; }

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

z
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

/* Age Gate */
#av-overlay-wrap {
  background-color: black !important; }

#av-overlay {
  background: url("images/bg-panel-agegate.jpg") no-repeat top center transparent !important;
  padding: 180px 64px 32px;
  width: 753px;
  height: 570px;
  box-shadow: none; }
  #av-overlay h1 {
    font-size: 2.8em;
    text-shadow: 0px 0px 2px #000; }
  #av-overlay h1, #av-overlay p {
    color: #fff;
    text-align: center; }
  #av-overlay .error {
    color: #851a25;
    text-shadow: none; }

#av_verify, .age-gate-submit {
  background: url("images/btn-submit.png") no-repeat !important;
  cursor: pointer !important;
  width: 200px !important;
  height: 100px !important;
  border: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-indent: -9999px;
  box-shadow: none !important;
  margin-top: -8px !important;
  margin-left: -11px !important; }

#av-overlay #av_verify_y {
  width: auto; }

.custom-dropdown--large {
  font-size: 1.5em; }

.custom-dropdown--small {
  font-size: .7em; }

.custom-dropdown__select {
  font-size: inherit;
  /* inherit size from .custom-dropdown */
  padding: .5em;
  /* add some space*/
  margin: 0;
  /* remove default margins */ }

.custom-dropdown__select--white {
  background-color: #fff;
  color: #444; }

.age-gate-form {
  max-width: 600px;
  padding: 40px 20px 35px;
  border-radius: 8px; }

.age-gate-heading.age-gate-logo {
  margin: 10px 40px; }

.age-gate-submit {
  margin: 0; }

.age-gate-message {
  font-size: 1.5em;
  text-shadow: 0px 0px 2px #000;
  font-family: Oswald;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: -20px; }

.age-gate-label {
  margin: 0 5px 0 10px; }

.age-gate-select {
  max-width: 400px; }

@supports (pointer-events: none) and ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
  .custom-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle; }

  .custom-dropdown__select {
    padding-right: 2.5em;
    /* accommodate with the pseudo elements for the dropdown arrow */
    border: 0;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }

  .custom-dropdown::before,
  .custom-dropdown::after {
    content: "";
    position: absolute;
    pointer-events: none; }

  .custom-dropdown::after {
    /*  Custom dropdown arrow */
    content: "\25BC";
    height: 1em;
    font-size: .625em;
    line-height: 1;
    right: 1.2em;
    top: 50%;
    margin-top: -.5em; }

  .custom-dropdown::before {
    /*  Custom dropdown arrow cover */
    width: 2em;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 3px 3px 0; }

  .custom-dropdown__select[disabled] {
    color: rgba(0, 0, 0, 0.3); }

  .custom-dropdown.custom-dropdown--disabled::after {
    color: rgba(0, 0, 0, 0.1); }

  /* White dropdown style */
  .custom-dropdown--white::before {
    background-color: #fff;
    border-left: 1px solid rgba(0, 0, 0, 0.1); }

  .custom-dropdown--white::after {
    color: rgba(0, 0, 0, 0.9); } }
/* CWW3 Dialog */
#cwv3_dialog {
  background: url("images/bg-panel-agegate.jpg") no-repeat top center #000 !important;
  padding: 130px 32px 32px;
  border: none;
  width: 753px !important;
  min-height: 440px !important; }
  #cwv3_dialog .cwv3_title {
    font-size: 1.75em;
    text-shadow: 0px 0px 6px #000;
    background: transparent;
    margin-bottom: 0; }
  #cwv3_dialog h1, #cwv3_dialog p {
    color: #fff;
    text-align: center; }
  #cwv3_dialog .error {
    color: #851a25;
    text-shadow: none; }

/* Dead Rising 4 banner */
.dr4-banner {
  content: "";
  display: table;
  text-align: center;
  margin: 32px auto; }
  .dr4-banner .available-now {
    content: "";
    display: table;
    width: 100%; }
    .dr4-banner .available-now h3 {
      color: #fff;
      margin-bottom: 32px;
      text-align: center;
      text-shadow: 0px 0px 6px #000; }
    .dr4-banner .available-now .links {
      clear: both;
      margin: 0 auto; }
    .dr4-banner .available-now .xbox-links, .dr4-banner .available-now .microsoft-links {
      width: 45%; }
    .dr4-banner .available-now .xbox-links {
      float: left; }
    .dr4-banner .available-now .microsoft-links {
      float: right; }
  .dr4-banner .logos, .dr4-banner .purchase-links {
    clear: both;
    text-align: left; }
  .dr4-banner .logos {
    margin-bottom: 24px; }
  .dr4-banner .purchase-links {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .dr4-banner .purchase-links li {
      display: block;
      margin: 8px 0;
      background-color: rgba(0, 0, 0, 0.6); }
      .dr4-banner .purchase-links li a {
        display: block;
        color: #fff;
        padding: 8px 16px;
        text-decoration: none; }
    .dr4-banner .purchase-links li:hover {
      background-color: rgba(0, 0, 0, 0.9); }
    .dr4-banner .purchase-links li.disabled {
      padding: 8px 16px; }
    .dr4-banner .purchase-links li.disabled:hover {
      background-color: rgba(0, 0, 0, 0.6); }

.support-link {
  text-align: center;
  font-size: 0.6em;
  margin-top: -55px; }

.mobile-support-link {
  font-size: 0.75em;
  padding: 45px 0 0 8px;
  text-align: center;
  display: block; }

/* Utilities */
.hidden {
  display: none; }

::selection {
  color: #fff; }

::-moz-selection {
  color: #fff; }

.left {
  float: left;
  margin-left: -132px;
  margin-right: 32px; }

.right {
  float: right;
  margin-right: -132px;
  margin-left: 32px; }

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block; }

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  /* Position the tooltip text */
  position: absolute;
  z-index: 999999;
  bottom: 33%;
  right: -160px;
  margin-left: -100px;
  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 1s; }

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0%;
  margin-left: -10px;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #555 transparent transparent; }

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1; }

/* DR4 Vehicles */
.dr4-vehicles {
  margin: -64px 0 0 -90px; }
  .dr4-vehicles img {
    display: block;
    margin: 0; }

.dr4-frank-west-infrographic {
  margin: 32px -120px 0; }

/* Frank's Big Package */
.dr4-fbp {
  background: url("images/bg-dr4-fbp-details.jpg") no-repeat top left #130604;
  border: 1px solid #6298a2;
  position: relative;
  box-shadow: 0px 0px 8px #000;
  padding: 48px 32px 48px 350px; }
  .dr4-fbp .dr4-portrait {
    position: absolute;
    bottom: 0px;
    left: -56px;
    float: left;
    z-index: 3;
    width: 500px; }
  .dr4-fbp h3 {
    display: block;
    color: #feb900;
    position: relative;
    z-index: 4; }
  .dr4-fbp p {
    margin-bottom: 0;
    position: relative;
    z-index: 4; }

.dr4-fbp-bullet-points ul {
  margin: -24px 0 0;
  padding: 0 16px; }
  .dr4-fbp-bullet-points ul li {
    display: block;
    border-bottom: 1px dotted #393939;
    color: #ccc;
    text-align: center;
    padding: 8px; }
  .dr4-fbp-bullet-points ul li:last-of-type {
    border-bottom: none; }

.one-third {
  width: 33%; }
  .one-third img {
    width: 120%;
    max-width: 120%;
    margin-left: 50%;
    transform: translateX(-50%); }

.fine-print {
  font-size: 0.8em !important;
  color: #ccc !important;
  margin-top: 16px; }

.inactive img {
  opacity: 0.8; }
.inactive p {
  font-size: 0.65em;
  text-align: center;
  color: #999;
  margin-top: -8px; }

.release-date {
  margin: -56px 0 0 38px;
  color: #fff;
  font-size: 1.6em;
  font-weight: bold;
  text-shadow: 0px 0px 6px #000;
  text-transform: uppercase; }

/*--------------------------------------------------------------
10.5 Media Styles
--------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
  /* DR4 Vehicles */
  .dr4-vehicles {
    margin: 0; }

  .dr4-frank-west-infrographic {
    margin: 0; } }
@media screen and (max-width: 960px) {
  .aga-utilities {
    margin-right: 10px; }

  .hero-unit {
    padding: 0 32px; }

  .social-links {
    display: none; }

  .social-footer .aga-social, .social-footer .social-links {
    display: block; }

  .social-footer .social-links {
    width: 84px;
    margin: 0 auto;
    float: none; } }
@media screen and (max-width: 850px) {
  div[id^="wds_container"] .wds_left_btn_cont {
    margin-left: 0px;
    margin-top: -250px;
    width: 45px !important; }

  div[id^="wds_container"] .wds_right_btn_cont {
    margin-right: 0px;
    margin-top: -250px;
    width: 45px !important; }

  .dr3-menu {
    padding: 0 24px; }
    .dr3-menu .divider {
      display: none; }

  .story-portrait-homepage {
    margin: -64px -64px 0 0;
    width: 50%; } }
@media screen and (max-width: 800px) {
  .hero-unit {
    padding: 0;
    margin: 0; }
    .hero-unit .details {
      padding: 0;
      margin: 0;
      width: 80%;
      min-height: auto; }

  .submenu {
    padding: 0 32px; }

  .divider img {
    float: none;
    margin: 0 0 32px !important;
    width: 100%; }

  .movie .left {
    float: left;
    margin-right: 2em !important; }
  .movie .right {
    float: right;
    margin-left: 2em !important; }

  .row-vehicles {
    padding-top: 32px !important; }

  .dr3-menu .nav-menu {
    justify-content: center; }

  /* Dead Rising 4 banner */
  .dr4-banner {
    padding: 0 24px; }

  .aga-social-links {
    margin-top: -75px; }

  .dr4-fbp {
    padding: 48px 32px; }
    .dr4-fbp .dr4-portrait {
      display: none; } }
@media screen and (max-width: 737px) {
  .hero-unit .details {
    width: 100%; }

  .row {
    padding: 16px; }

  .row-spacer {
    padding-top: 0; }

  .aga-submenu.sticky {
    position: relative !important;
    top: 0px; }

  .submenu {
    display: none; }

  /* Page */
  .row {
    padding: 0 48px;
    margin-bottom: 8px;
    font-size: 1em; }

  .row-spacer {
    padding-top: 85px;
    overflow: auto; }

  .dr-series, .dr1, .dr2, .dr2otr, .dr3, .dr4 {
    background-position: 60% -200px; }

  .row-story {
    background: url("images/bg-panel-story-667.png") no-repeat 0px -50px; }

  .row-media {
    background: url("images/bg-panel-media-667.jpg") no-repeat 0px -50px; }

  .row-features {
    background: url("images/bg-panel-features-667.jpg") no-repeat 0px -50px; }
    .row-features .row {
      padding: 32px 48px; }

  .row-weapons {
    background: url("images/bg-panel-weapons-667.jpg") no-repeat 0px -50px; }

  .row-characters {
    background: url("images/bg-panel-characters-667.jpg") no-repeat 0px -50px; }

  .row-homepage {
    background: url("images/bg-panel-homepage-667.png") no-repeat 0px -50px; }

  .row-purchase {
    background: url("images/bg-panel-purchase-667.jpg") no-repeat 0px -50px; }
    .row-purchase .row {
      padding-top: 16px !important; }

  .row-vehicles {
    background: url("images/bg-panel-vehicles-667.jpg") no-repeat 0px -50px; }

  .row-movies {
    background: url("images/bg-panel-movies-667.jpg") no-repeat 0px -50px; }

  .row-zombies {
    background: url("images/bg-panel-zombies-667.jpg") no-repeat 0px -50px; }

  .row-franks-big-package {
    background: url("images/bg-panel-fbp-667.png") no-repeat 0px -50px; }

  .row-social {
    background: url("images/bg-panel-social-667.png") no-repeat 0px 0px;
    padding-top: 140px; }

  .row-capcom-heroes {
    background: url("images/bg-panel-capcom-heroes-667.jpg") no-repeat 0px -50px; }

  .story-portrait, .story-portrait-chuck, .story-portrait-frank-otr, .story-portrait-homepage, .story-portrait-nick, .portrait-purchase, .story-portrait-frank-dr4 {
    margin: 0;
    width: 33%; }

  .story-portrait-homepage {
    margin: 0;
    width: 40%; }

  .card {
    width: 49%; }

  .aga-slider {
    display: none; }

  .features-gallery, .characters-gallery {
    display: block; }
    .features-gallery h3, .characters-gallery h3 {
      color: red; }

  #av-overlay-wrap {
    background-color: black !important; }

  #av-overlay {
    background: url("images/bg-panel-agegate-667.jpg") no-repeat top center !important;
    padding: 164px 64px 200px;
    margin: 0;
    width: auto;
    height: auto; }
    #av-overlay h1 {
      font-size: 2em; }

  .custom-dropdown {
    margin-bottom: 8px; }

  .dr10-container {
    margin: 32px -100%;
    background: url("images/bg-dr10-677.jpg") no-repeat top center #551009; }

  .aga-frame {
    margin-bottom: 0; }
    .aga-frame .side, .aga-frame .rotator-bg {
      display: none; }
    .aga-frame .body {
      width: 100%; }
      .aga-frame .body .rotator {
        margin-top: 32px; }

  .dr10-container {
    margin-top: 0; }

  .aga-social-textbox {
    display: none; }

  .aga-social-links {
    margin: 12px 0; }
    .aga-social-links .support {
      color: #000052; }

  .one-third {
    width: 50%;
    margin: 16px auto; }
    .one-third img {
      width: 100%;
      max-width: 100%;
      margin-left: 0%;
      transform: translateX(0%); } }
@media screen and (max-width: 500px) {
  .one-third {
    width: 100%; }

  .dr4-fbp {
    padding: 24px; } }
@media screen and (max-width: 415px) {
  .hero-unit {
    margin-bottom: 56px; }

  .nav-menu li {
    width: 100%; }

  /*
  .aga-frame {
  	.side {
  		width: 0%;
  		display: none;
  	}
  	.body {
  		width: 100%;
  		.rotator {
  			margin-top:-69%;
  		}
  	}
  }
  */
  .dr-series {
    background: url("images/bg-dr-series-400.jpg") no-repeat top center #000; }

  .dr1 {
    background: url("images/bg-dr1-400.jpg") no-repeat top center #000; }

  .dr2 {
    background: url("images/bg-dr2-400.jpg") no-repeat top center #000; }

  .dr2otr {
    background: url("images/bg-dr2otr-400.jpg") no-repeat top center #000; }

  .dr3 {
    background: url("images/bg-dr3-400.jpg") no-repeat top center #000; }

  .dr4 {
    background: url("images/bg-dr4-400.jpg") no-repeat top center #000; }

  .dr4fbp {
    background: url("images/bg-dr4-fbp-400.jpg") no-repeat top center #000; }

  .row-story {
    background: url("images/bg-panel-story-400.png") no-repeat 0px -30px; }

  .row-media {
    background: url("images/bg-panel-media-400.jpg") no-repeat 0px -30px; }

  .row-features {
    background: url("images/bg-panel-features-400.jpg") no-repeat 0px -30px; }

  .row-weapons {
    background: url("images/bg-panel-weapons-400.jpg") no-repeat 0px -30px; }

  .row-characters {
    background: url("images/bg-panel-characters-400.jpg") no-repeat 0px -30px; }

  .row-homepage {
    background: url("images/bg-panel-homepage-400.png") no-repeat 0px -30px; }

  .row-purchase {
    background: url("images/bg-panel-purchase-400.jpg") no-repeat 0px -30px; }

  .row-vehicles {
    background: url("images/bg-panel-vehicles-400.jpg") no-repeat 0px -30px; }

  .row-movies {
    background: url("images/bg-panel-movies-400.jpg") no-repeat 0px -30px; }

  .row-zombies {
    background: url("images/bg-panel-zombies-400.jpg") no-repeat 0px -30px; }

  .row-franks-big-package {
    background: url("images/bg-panel-fbp-400.png") no-repeat 0px -30px; }

  .row-social {
    background: url("images/bg-panel-social-400.png") no-repeat 0px 0px; }

  .row-capcom-heroes {
    background: url("images/bg-panel-capcom-heroes-400.jpg") no-repeat 0px -30px; }

  .row-spacer {
    padding-top: 48px; }

  .row {
    padding: 0 32px; }

  .row-purchase .row {
    padding-top: 0 !important; }

  .row-purchase h3 {
    display: block;
    text-align: center; }

  .row-features .row {
    padding: 8px 32px; }

  .row-social .row {
    padding-top: 40px; }

  .card {
    width: 100%; }

  .story-portrait, .story-portrait-chuck, .story-portrait-frank-otr, .story-portrait-homepage, .story-portrait-nick, .portrait-purchase, .story-portrait-frank-dr4 {
    margin: -30px auto 0;
    width: 80%;
    display: block;
    float: none; }

  .portrait-purchase {
    margin: 32px auto; }

  .bullet-purchase .series-link {
    width: 100%; }

  #av-overlay {
    background: url("images/bg-panel-agegate-400.jpg") no-repeat top center !important;
    padding: 90px 56px 200px;
    margin: 0 auto;
    width: auto;
    height: auto; }
    #av-overlay h1 {
      font-size: 1.4em; }

  .custom-dropdown {
    font-size: .7em;
    margin-bottom: 4px; }

  .movie h3 {
    display: block; }
  .movie img {
    max-width: none !important; }
  .movie .left {
    float: none;
    margin: 0 auto 1em !important; }
  .movie .right {
    float: none;
    margin: 0 auto 1em !important; }

  /* Dead Rising 4 banner */
  .dr4-banner .available-now .xbox-links, .dr4-banner .available-now .microsoft-links {
    width: 100%;
    float: none; }

  .mobile-support-link {
    padding: 0; }

  .boxart {
    width: 80%;
    float: none;
    display: block;
    margin: 16px auto 32px; } }
/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-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; }

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.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%; }

.wp-post-image {
  width: 100%; }

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

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

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
  padding-top: 16px; }

.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; }

.flex-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  justify-content: flex-start;
  overflow: auto; }

.aga-gallery, .aga-video-gallery {
  margin-bottom: 1.5em; }

.aga-gallery-item, .aga-video-gallery-item {
  display: block;
  margin: 0 5px 5px;
  padding: 0;
  width: 32%;
  float: left; }
  .aga-gallery-item img, .aga-video-gallery-item img {
    border: 1px solid #6298a2; }

.aga-gallery-half {
  width: 48%; }

/* Media */
@media screen and (max-width: 960px) {
  .aga-gallery-item, .aga-video-gallery-item {
    width: 31%; }

  .aga-gallery-half {
    width: 48%; } }
@media screen and (max-width: 800px) {
  .aga-gallery-item, .aga-video-gallery-item {
    width: 48%; } }
@media screen and (max-width: 650px) {
  .aga-gallery-item, .aga-video-gallery-item {
    width: 46%; } }
@media screen and (max-width: 400px) {
  .aga-gallery-item, .aga-video-gallery-item {
    width: 100%;
    margin: 0 0 16px; }
    .aga-gallery-item a, .aga-video-gallery-item a {
      display: block; }
      .aga-gallery-item a img, .aga-video-gallery-item a img {
        width: 100%; }

  .aga-gallery-half {
    margin: 0; } }
/*--------------------------------------------------------------
12.3 Magnific Popup
--------------------------------------------------------------*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

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

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

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

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/* gdpr */
#cb_noshow_gdpr_settings {
  z-index: 1000000;
  opacity: 0.3;
}
#simplemodal-container {
  z-index: 1000000;
}