/**
* Theme Name: UMG Core
* Author: Hyfn for UMG
* Version: 1.0
* Description: A parent theme for Desktop and Mobile to inherit from.
*/
/* Use to override neat.io grid. */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

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

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

script {
  display: none !important; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

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

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

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

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

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

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

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

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

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

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

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

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

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

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

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

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

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

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

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

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

/*
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
body {
  /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
  -webkit-backface-visibility: hidden; }

.animated-1 {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated-2 {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated-3 {
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s; }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
.animated.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px); } }
@-moz-keyframes shake {
  0%, 100% {
    -moz-transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -moz-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -moz-transform: translateX(10px); } }
@-o-keyframes shake {
  0%, 100% {
    -o-transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -o-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -o-transform: translateX(10px); } }
@keyframes shake {
  0%, 100% {
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    transform: translateX(10px); } }
.animated.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px); } }
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0); }
  40% {
    -moz-transform: translateY(-30px); }
  60% {
    -moz-transform: translateY(-15px); } }
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -o-transform: translateY(0); }
  40% {
    -o-transform: translateY(-30px); }
  60% {
    -o-transform: translateY(-15px); } }
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }
.animated.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0); } }
@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1); }
  10%, 20% {
    -moz-transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -moz-transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -moz-transform: scale(1.1) rotate(-3deg); }
  100% {
    -moz-transform: scale(1) rotate(0); } }
@-o-keyframes tada {
  0% {
    -o-transform: scale(1); }
  10%, 20% {
    -o-transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -o-transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -o-transform: scale(1.1) rotate(-3deg); }
  100% {
    -o-transform: scale(1) rotate(0); } }
@keyframes tada {
  0% {
    transform: scale(1); }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg); }
  100% {
    transform: scale(1) rotate(0); } }
.animated.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada; }

@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center; }
  20% {
    -webkit-transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg); } }
@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg); }
  40% {
    -moz-transform: rotate(-10deg); }
  60% {
    -moz-transform: rotate(5deg); }
  80% {
    -moz-transform: rotate(-5deg); }
  100% {
    -moz-transform: rotate(0deg); } }
@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg); }
  40% {
    -o-transform: rotate(-10deg); }
  60% {
    -o-transform: rotate(5deg); }
  80% {
    -o-transform: rotate(-5deg); }
  100% {
    -o-transform: rotate(0deg); } }
@keyframes swing {
  20% {
    transform: rotate(15deg); }
  40% {
    transform: rotate(-10deg); }
  60% {
    transform: rotate(5deg); }
  80% {
    transform: rotate(-5deg); }
  100% {
    transform: rotate(0deg); } }
.animated.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%); } }
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%); }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -moz-transform: translateX(20%) rotate(3deg); }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -moz-transform: translateX(10%) rotate(2deg); }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg); }
  100% {
    -moz-transform: translateX(0%); } }
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%); }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -o-transform: translateX(20%) rotate(3deg); }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -o-transform: translateX(10%) rotate(2deg); }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg); }
  100% {
    -o-transform: translateX(0%); } }
@keyframes wobble {
  0% {
    transform: translateX(0%); }
  15% {
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    transform: translateX(20%) rotate(3deg); }
  45% {
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    transform: translateX(10%) rotate(2deg); }
  75% {
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    transform: translateX(0%); } }
.animated.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1); } }
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1); }
  50% {
    -moz-transform: scale(1.1); }
  100% {
    -moz-transform: scale(1); } }
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1); }
  50% {
    -o-transform: scale(1.1); }
  100% {
    -o-transform: scale(1); } }
@keyframes pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
.animated.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in; } }
@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -moz-animation-timing-function: ease-out; }
  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -moz-animation-timing-function: ease-out; }
  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in; }
  80% {
    -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in; }
  100% {
    -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -moz-animation-timing-function: ease-in; } }
@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -o-animation-timing-function: ease-out; }
  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -o-animation-timing-function: ease-out; }
  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in; }
  80% {
    -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in; }
  100% {
    -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -o-animation-timing-function: ease-in; } }
@keyframes flip {
  0% {
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    animation-timing-function: ease-out; }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    animation-timing-function: ease-out; }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in; }
  80% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in; }
  100% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    animation-timing-function: ease-in; } }
.animated.flip {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flip;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flip;
  -o-backface-visibility: visible !important;
  -o-animation-name: flip;
  backface-visibility: visible !important;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }
@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -moz-transform: perspective(400px) rotateX(-10deg); }
  70% {
    -moz-transform: perspective(400px) rotateX(10deg); }
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }
@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -o-transform: perspective(400px) rotateX(-10deg); }
  70% {
    -o-transform: perspective(400px) rotateX(10deg); }
  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    transform: perspective(400px) rotateX(10deg); }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }
.animated.flipInX {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
@-moz-keyframes flipOutX {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
@-o-keyframes flipOutX {
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
.animated.flipOutX {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible !important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }
@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -moz-transform: perspective(400px) rotateY(-10deg); }
  70% {
    -moz-transform: perspective(400px) rotateY(10deg); }
  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }
@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -o-transform: perspective(400px) rotateY(-10deg); }
  70% {
    -o-transform: perspective(400px) rotateY(10deg); }
  100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    transform: perspective(400px) rotateY(10deg); }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }
.animated.flipInY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInY;
  backface-visibility: visible !important;
  animation-name: flipInY; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
@-moz-keyframes flipOutY {
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
@-o-keyframes flipOutY {
  0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
.animated.flipOutY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipOutY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipOutY;
  backface-visibility: visible !important;
  animation-name: flipOutY; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.animated.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.animated.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.animated.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.animated.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.animated.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.animated.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.animated.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.animated.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.animated.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-o-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.animated.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px); } }
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px); } }
@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }
  100% {
    opacity: 0;
    -o-transform: translateY(-20px); } }
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-20px); } }
.animated.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px); } }
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }
  100% {
    opacity: 0;
    -moz-transform: translateY(20px); } }
@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }
  100% {
    opacity: 0;
    -o-transform: translateY(20px); } }
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(20px); } }
.animated.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px); } }
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }
  100% {
    opacity: 0;
    -moz-transform: translateX(-20px); } }
@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }
  100% {
    opacity: 0;
    -o-transform: translateX(-20px); } }
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(-20px); } }
.animated.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px); } }
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }
  100% {
    opacity: 0;
    -moz-transform: translateX(20px); } }
@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }
  100% {
    opacity: 0;
    -o-transform: translateX(20px); } }
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(20px); } }
.animated.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }
@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px); } }
@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px); } }
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-2000px); } }
.animated.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }
@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px); } }
@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px); } }
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(2000px); } }
.animated.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -moz-animation-name: fadeOutDownBig;
  -o-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }
@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px); } }
@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px); } }
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(-2000px); } }
.animated.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -moz-animation-name: fadeOutLeftBig;
  -o-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }
@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px); } }
@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px); } }
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(2000px); } }
.animated.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1); } }
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3); }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05); }
  70% {
    -moz-transform: scale(0.9); }
  100% {
    -moz-transform: scale(1); } }
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3); }
  50% {
    opacity: 1;
    -o-transform: scale(1.05); }
  70% {
    -o-transform: scale(0.9); }
  100% {
    -o-transform: scale(1); } }
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }
  50% {
    opacity: 1;
    transform: scale(1.05); }
  70% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  100% {
    -webkit-transform: translateY(0); } }
@-moz-keyframes slideInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }
  100% {
    -moz-transform: translateY(0); } }
@-o-keyframes slideInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px); }
  100% {
    -o-transform: translateY(0); } }
@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  100% {
    transform: translateY(0); } }
.slideInDown {
  -webkit-animation-name: slideInDown;
  -moz-animation-name: slideInDown;
  -o-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  100% {
    -webkit-transform: translateX(0); } }
@-moz-keyframes slideInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }
  100% {
    -moz-transform: translateX(0); } }
@-o-keyframes slideInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px); }
  100% {
    -o-transform: translateX(0); } }
@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  100% {
    transform: translateX(0); } }
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  -moz-animation-name: slideInLeft;
  -o-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  100% {
    -webkit-transform: translateX(0); } }
@-moz-keyframes slideInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }
  100% {
    -moz-transform: translateX(0); } }
@-o-keyframes slideInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px); }
  100% {
    -o-transform: translateX(0); } }
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  100% {
    transform: translateX(0); } }
.slideInRight {
  -webkit-animation-name: slideInRight;
  -moz-animation-name: slideInRight;
  -o-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }
@-moz-keyframes slideOutLeft {
  0% {
    -moz-transform: translateX(0); }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px); } }
@-o-keyframes slideOutLeft {
  0% {
    -o-transform: translateX(0); }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px); } }
@keyframes slideOutLeft {
  0% {
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(-2000px); } }
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  -moz-animation-name: slideOutLeft;
  -o-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }
@-moz-keyframes slideOutRight {
  0% {
    -moz-transform: translateX(0); }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px); } }
@-o-keyframes slideOutRight {
  0% {
    -o-transform: translateX(0); }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px); } }
@keyframes slideOutRight {
  0% {
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(2000px); } }
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  -moz-animation-name: slideOutRight;
  -o-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }
@-moz-keyframes slideOutUp {
  0% {
    -moz-transform: translateY(0); }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px); } }
@-o-keyframes slideOutUp {
  0% {
    -o-transform: translateY(0); }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px); } }
@keyframes slideOutUp {
  0% {
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-2000px); } }
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  -moz-animation-name: slideOutUp;
  -o-animation-name: slideOutUp;
  animation-name: slideOutUp; }

.animated.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0); } }
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px); }
  80% {
    -moz-transform: translateY(10px); }
  100% {
    -moz-transform: translateY(0); } }
@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -o-transform: translateY(-30px); }
  80% {
    -o-transform: translateY(10px); }
  100% {
    -o-transform: translateY(0); } }
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    transform: translateY(-30px); }
  80% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0); } }
.animated.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0); } }
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px); }
  80% {
    -moz-transform: translateY(-10px); }
  100% {
    -moz-transform: translateY(0); } }
@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -o-transform: translateY(30px); }
  80% {
    -o-transform: translateY(-10px); }
  100% {
    -o-transform: translateY(0); } }
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    transform: translateY(30px); }
  80% {
    transform: translateY(-10px); }
  100% {
    transform: translateY(0); } }
.animated.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0); } }
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px); }
  80% {
    -moz-transform: translateX(-10px); }
  100% {
    -moz-transform: translateX(0); } }
@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -o-transform: translateX(30px); }
  80% {
    -o-transform: translateX(-10px); }
  100% {
    -o-transform: translateX(0); } }
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    transform: translateX(30px); }
  80% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }
.animated.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0); } }
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px); }
  80% {
    -moz-transform: translateX(10px); }
  100% {
    -moz-transform: translateX(0); } }
@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -o-transform: translateX(-30px); }
  80% {
    -o-transform: translateX(10px); }
  100% {
    -o-transform: translateX(0); } }
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    transform: translateX(-30px); }
  80% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }
.animated.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3); } }
@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1); }
  25% {
    -moz-transform: scale(0.95); }
  50% {
    opacity: 1;
    -moz-transform: scale(1.1); }
  100% {
    opacity: 0;
    -moz-transform: scale(0.3); } }
@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1); }
  25% {
    -o-transform: scale(0.95); }
  50% {
    opacity: 1;
    -o-transform: scale(1.1); }
  100% {
    opacity: 0;
    -o-transform: scale(0.3); } }
@keyframes bounceOut {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(0.95); }
  50% {
    opacity: 1;
    transform: scale(1.1); }
  100% {
    opacity: 0;
    transform: scale(0.3); } }
.animated.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }
@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0); }
  20% {
    opacity: 1;
    -moz-transform: translateY(20px); }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px); } }
@-o-keyframes bounceOutUp {
  0% {
    -o-transform: translateY(0); }
  20% {
    opacity: 1;
    -o-transform: translateY(20px); }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px); } }
@keyframes bounceOutUp {
  0% {
    transform: translateY(0); }
  20% {
    opacity: 1;
    transform: translateY(20px); }
  100% {
    opacity: 0;
    transform: translateY(-2000px); } }
.animated.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -moz-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }
@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0); }
  20% {
    opacity: 1;
    -moz-transform: translateY(-20px); }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px); } }
@-o-keyframes bounceOutDown {
  0% {
    -o-transform: translateY(0); }
  20% {
    opacity: 1;
    -o-transform: translateY(-20px); }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px); } }
@keyframes bounceOutDown {
  0% {
    transform: translateY(0); }
  20% {
    opacity: 1;
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    transform: translateY(2000px); } }
.animated.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -moz-animation-name: bounceOutDown;
  -o-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }
@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0); }
  20% {
    opacity: 1;
    -moz-transform: translateX(20px); }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px); } }
@-o-keyframes bounceOutLeft {
  0% {
    -o-transform: translateX(0); }
  20% {
    opacity: 1;
    -o-transform: translateX(20px); }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px); } }
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0); }
  20% {
    opacity: 1;
    transform: translateX(20px); }
  100% {
    opacity: 0;
    transform: translateX(-2000px); } }
.animated.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }
@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0); }
  20% {
    opacity: 1;
    -moz-transform: translateX(-20px); }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px); } }
@-o-keyframes bounceOutRight {
  0% {
    -o-transform: translateX(0); }
  20% {
    opacity: 1;
    -o-transform: translateX(-20px); }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px); } }
@keyframes bounceOutRight {
  0% {
    transform: translateX(0); }
  20% {
    opacity: 1;
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    transform: translateX(2000px); } }
.animated.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-o-keyframes rotateIn {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; } }
.animated.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-o-keyframes rotateInUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }
.animated.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-o-keyframes rotateInDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }
.animated.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-o-keyframes rotateInUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }
.animated.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-o-keyframes rotateInDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }
.animated.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0; } }
@-moz-keyframes rotateOut {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0; } }
@-o-keyframes rotateOut {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1; }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0; } }
@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0; } }
.animated.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }
@-moz-keyframes rotateOutUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; } }
@-o-keyframes rotateOutUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; } }
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; } }
.animated.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -moz-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }
@-moz-keyframes rotateOutDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; } }
@-o-keyframes rotateOutDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0; } }
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; } }
.animated.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -moz-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }
@-moz-keyframes rotateOutUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; } }
@-o-keyframes rotateOutUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0; } }
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; } }
.animated.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -moz-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }
@-moz-keyframes rotateOutDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; } }
@-o-keyframes rotateOutDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; } }
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; } }
.animated.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -moz-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0; } }
@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }
  20%, 60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0; } }
@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }
  20%, 60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }
  100% {
    -o-transform: translateY(700px);
    opacity: 0; } }
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  100% {
    transform: translateY(700px);
    opacity: 0; } }
.animated.hinge {
  -webkit-animation-name: hinge;
  -moz-animation-name: hinge;
  -o-animation-name: hinge;
  animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg); } }
@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg); } }
@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg); } }
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg); } }
.animated.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg); } }
@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg); } }
@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg); } }
@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg); } }
.animated.rollOut {
  -webkit-animation-name: rollOut;
  -moz-animation-name: rollOut;
  -o-animation-name: rollOut;
  animation-name: rollOut; }

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }
@-moz-keyframes lightSpeedIn {
  0% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -moz-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -moz-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }
@-o-keyframes lightSpeedIn {
  0% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }
@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }
.animated.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  -moz-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

.animated.lightSpeedIn {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s; }

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }
@-moz-keyframes lightSpeedOut {
  0% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }
@-o-keyframes lightSpeedOut {
  0% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }
@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }
.animated.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  -moz-animation-name: lightSpeedOut;
  -o-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

.animated.lightSpeedOut {
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s; }

/*
 * Colors, font sizes & families, responsive breakpoints and more.
*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 11, 2013 */
@font-face {
  font-family: 'glegooregular';
  src: url("../fonts/glegoo-regular-webfont.eot");
  src: url("../fonts/glegoo-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/glegoo-regular-webfont.woff") format("woff"), url("../fonts/glegoo-regular-webfont.ttf") format("truetype"), url("../fonts/glegoo-regular-webfont.svg#glegooregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'glegoobold';
  src: url("../fonts/glegoo-bold-webfont.eot");
  src: url("../fonts/glegoo-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/glegoo-bold-webfont.woff2") format("woff2"), url("../fonts/glegoo-bold-webfont.woff") format("woff"), url("../fonts/glegoo-bold-webfont.ttf") format("truetype"), url("../fonts/glegoo-bold-webfont.svg#glegoobold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latoblack';
  src: url("../fonts/lato-black-webfont.eot");
  src: url("../fonts/lato-black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-black-webfont.woff") format("woff"), url("../fonts/lato-black-webfont.ttf") format("truetype"), url("../fonts/lato-black-webfont.svg#latoblack") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latoblack_italic';
  src: url("../fonts/lato-blackitalic-webfont.eot");
  src: url("../fonts/lato-blackitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-blackitalic-webfont.woff") format("woff"), url("../fonts/lato-blackitalic-webfont.ttf") format("truetype"), url("../fonts/lato-blackitalic-webfont.svg#latoblack_italic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latobold';
  src: url("../fonts/lato-bold-webfont.eot");
  src: url("../fonts/lato-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-bold-webfont.woff") format("woff"), url("../fonts/lato-bold-webfont.ttf") format("truetype"), url("../fonts/lato-bold-webfont.svg#latobold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latobold_italic';
  src: url("../fonts/lato-bolditalic-webfont.eot");
  src: url("../fonts/lato-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-bolditalic-webfont.woff") format("woff"), url("../fonts/lato-bolditalic-webfont.ttf") format("truetype"), url("../fonts/lato-bolditalic-webfont.svg#latobold_italic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latohairline';
  src: url("../fonts/lato-hairline-webfont.eot");
  src: url("../fonts/lato-hairline-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-hairline-webfont.woff") format("woff"), url("../fonts/lato-hairline-webfont.ttf") format("truetype"), url("../fonts/lato-hairline-webfont.svg#latohairline") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latohairline_italic';
  src: url("../fonts/lato-hairlineitalic-webfont.eot");
  src: url("../fonts/lato-hairlineitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-hairlineitalic-webfont.woff") format("woff"), url("../fonts/lato-hairlineitalic-webfont.ttf") format("truetype"), url("../fonts/lato-hairlineitalic-webfont.svg#latohairline_italic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latoitalic';
  src: url("../fonts/lato-italic-webfont.eot");
  src: url("../fonts/lato-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-italic-webfont.woff") format("woff"), url("../fonts/lato-italic-webfont.ttf") format("truetype"), url("../fonts/lato-italic-webfont.svg#latoitalic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latolight';
  src: url("../fonts/lato-light-webfont.eot");
  src: url("../fonts/lato-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-light-webfont.woff") format("woff"), url("../fonts/lato-light-webfont.ttf") format("truetype"), url("../fonts/lato-light-webfont.svg#latolight") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latolight_italic';
  src: url("../fonts/lato-lightitalic-webfont.eot");
  src: url("../fonts/lato-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-lightitalic-webfont.woff") format("woff"), url("../fonts/lato-lightitalic-webfont.ttf") format("truetype"), url("../fonts/lato-lightitalic-webfont.svg#latolight_italic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latoregular';
  src: url("../fonts/lato-regular-webfont.eot");
  src: url("../fonts/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-regular-webfont.woff") format("woff"), url("../fonts/lato-regular-webfont.ttf") format("truetype"), url("../fonts/lato-regular-webfont.svg#latoregular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Font Icons */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?-oubo4o");
  src: url("../fonts/icomoon.eot?#iefix-oubo4o") format("embedded-opentype"), url("../fonts/icomoon.woff?-oubo4o") format("woff"), url("../fonts/icomoon.ttf?-oubo4o") format("truetype"), url("../fonts/icomoon.svg?-oubo4o#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?43632207#fontello') format('svg');
  }
}
*/
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-news:before {
  content: "\61"; }

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

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

.icon-dot-3:before {
  content: "\e603"; }

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

.icon-right-open-1:before {
  content: "\e605"; }

.icon-menu,
.icon-align-justify-1:before {
  content: "\e606"; }

.icon-left-open-1:before {
  content: "\e607"; }

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

.icon-mail:before {
  content: "\e609"; }

.icon-cancel:before {
  content: "\e60a"; }

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

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

.icon-googleplus:before {
  content: "\e60c"; }

.icon-googleplus2:before {
  content: "\e60d"; }

html, body {
  height: 100%;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
  box-shadow: none; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-family: 'glegooregular';
  margin: 0;
  max-width: 100%;
  line-height: 1.5; }
  h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {
    font-family: 'glegoobold'; }

body {
  background-color: #121212; }

a {
  color: #2AB3E2;
  text-decoration: none; }

a:hover {
  color: #66D7FF; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

/* Site content wrapper */
#main-container {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -45px; }

#main-container:after {
  content: "";
  display: block; }

.logo-container {
  position: absolute;
  width: 100%;
  z-index: 10; }
  .logo-container.home {
    background-color: rgba(0, 0, 0, 0.25); }
  .logo-container #logo {
    background: url(../img/logo.png) no-repeat center transparent;
    background-size: 100% auto;
    width: 300px;
    height: 150px;
    margin: 20px auto 0;
    text-align: center; }

.global-footer, #main-container:after {
  /* .push must be the same height as footer */
  height: 45px; }

.button-group {
  list-style: none;
  margin: 0 auto;
  display: inline-block;
  border: none; }
  .button-group .button {
    border: none;
    box-shadow: none; }

button.secondary, .button.secondary {
  background-color: black;
  color: white;
  border: none;
  font-weight: normal; }
  button.secondary:hover, .button.secondary:hover {
    background-color: #2ab3e2;
    color: white; }

.box-button {
  display: inline-block;
  background-color: #2AB3E2;
  color: #FFF;
  text-align: center;
  padding: 15px 10px; }
  .box-button span {
    color: #fff;
    font-size: 1.25em;
    display: block; }

.box-button.black {
  background-color: black; }

.links-button {
  font-family: 'glegooregular';
  font-size: 1.2em; }

.main-menu-container {
  background-color: black;
  display: none; }

.main-menu-content {
  *zoom: 1;
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  background-color: black; }
  .main-menu-content:before, .main-menu-content:after {
    content: " ";
    display: table; }
  .main-menu-content:after {
    clear: both; }
  .main-menu-content ul {
    display: block;
    float: left;
    margin-right: 2.5%;
    width: 91.45833%; }
    .main-menu-content ul:last-child {
      margin-right: 0; }
  .main-menu-content .menu-list {
    border-left: solid 1px #1b1b1b; }
  .main-menu-content a {
    display: block;
    vertical-align: middle;
    padding: 15px 40px;
    color: #fff;
    text-transform: uppercase; }
    .main-menu-content a:hover {
      color: #2AB3E2; }
  .main-menu-content li:first-child h4 {
    font-size: 0.75em;
    letter-spacing: 0.1875em; }
  .main-menu-content h3 {
    font-family: glegooregular;
    font-size: 1.625em; }
  .main-menu-content h4 {
    font-family: latoitalic;
    font-size: 0.875em; }
  .main-menu-content hr {
    border: solid 1px #1b1b1b;
    width: 15%;
    display: inline-block;
    margin-left: 40px; }
  .main-menu-content .current-view {
    color: white;
    border-top: solid 1px #1b1b1b;
    border-bottom: solid 1px #1b1b1b;
    padding: 0;
    position: relative; }
    .main-menu-content .current-view .email {
      position: absolute;
      right: -14px;
      top: -1px;
      padding: 20px 20px;
      border: solid 1px #1B1B1B; }
    .main-menu-content .current-view > span {
      display: inline-block; }
    .main-menu-content .current-view .back {
      border-right: solid 1px #1b1b1b;
      width: 50px;
      text-align: center;
      display: inline-block;
      color: white;
      padding: 1.25em 0; }
    .main-menu-content .current-view .back:hover {
      background-color: #2ab3e2;
      color: black; }
    .main-menu-content .current-view .text {
      padding: 0 0 0 1.25em;
      color: #fff;
      vertical-align: middle; }
    .main-menu-content .current-view h5 {
      font-family: glegooregular;
      text-transform: uppercase;
      display: inline; }
    .main-menu-content .current-view h6 {
      font-family: latoitalic;
      font-size: 0.875em;
      margin-bottom: 0.3125em; }

.toggle-main-menu {
  display: inline-block;
  background-color: #2ab3e2;
  color: white;
  text-align: center;
  padding: 15px 10px;
  position: absolute;
  top: 0;
  right: -47px;
  z-index: 1200;
  padding: 0; }
  .toggle-main-menu span {
    color: black;
    font-size: 1.25em;
    margin: 0.75rem 0.85rem;
    display: block; }
  .toggle-main-menu:hover {
    background-color: #66d7ff; }

#emailModal {
  background-color: #fff;
  padding: 0;
  font-family: glegooregular;
  z-index: 999; }
  #emailModal input {
    padding: 10px 5px;
    line-height: 1.3em;
    height: auto; }
  #emailModal label {
    margin-bottom: 10px;
    font-weight: bold; }
  #emailModal .message {
    background-color: black;
    width: 100%;
    padding: 40px 35px 5px 30px;
    margin-bottom: 20px; }
  #emailModal .form-container form {
    padding: 0 30px; }
  #emailModal .dropdown-wrap {
    display: block;
    float: left;
    margin-right: 2.5%;
    width: 31.66667%; }
    #emailModal .dropdown-wrap:last-child {
      margin-right: 0; }
    #emailModal .dropdown-wrap:nth-child(4n) {
      margin-right: 0; }
    #emailModal .dropdown-wrap:nth-child(4n+1) {
      clear: left; }
  #emailModal .email-wrap, #emailModal .country-wrap {
    display: block;
    float: left;
    margin-right: 2.5%;
    width: 100%; }
    #emailModal .email-wrap:last-child, #emailModal .country-wrap:last-child {
      margin-right: 0; }
  #emailModal .zip-wrap {
    display: block;
    float: left;
    margin-right: 2.5%;
    width: 48.75%; }
    #emailModal .zip-wrap:last-child {
      margin-right: 0; }
  #emailModal .btn-submit {
    display: block;
    float: left;
    margin-right: 2.5%;
    width: 100%;
    margin-top: 20px;
    border: solid 1px #000;
    color: #000;
    box-shadow: none;
    font-weight: normal; }
    #emailModal .btn-submit:last-child {
      margin-right: 0; }
  #emailModal h2 {
    color: #fff;
    text-transform: uppercase; }
  #emailModal p {
    color: #ddd;
    font-family: glegoobold;
    font-size: 0.75em;
    line-height: 1.5em; }
  #emailModal .box-button {
    z-index: 10; }
    #emailModal .box-button span {
      color: black;
      font-size: 0.5em; }
  #emailModal .submit-wrap p {
    text-align: center;
    width: 100%;
    float: left;
    line-height: 1.5em; }
  #emailModal #too-young {
    line-height: 1.5;
    float: left; }

#emailModal.reveal-modal {
  max-width: 480px; }

/* =Ade/Push - 04-Aug-2016 - for new iframed form
   ============================================================= */
#emailModal iframe{width:100%;height:100%;border:0;overflow:hidden;min-height:460px;}
#emailModal iframe,
#emailModal.reveal-modal {
	max-width:500px;
}
#emailModal .message {
	margin-bottom: 0;
}
#emailModal .form-container {
	height:655px;
}


/*  ============================================================= */


form.custom .custom.dropdown ul {
  overflow-y: scroll; }

#shareModal {
  background-color: #fff;
  z-index: 999; }
  #shareModal h2 {
    margin: 1.875em 0;
    font-size: 1.875em;
    line-height: 1.5;
    text-align: center; }
  #shareModal h3 {
    text-align: center;
    margin-bottom: 25px; }
  #shareModal ul {
    text-align: center; }
  #shareModal li {
    display: inline-block; }
  #shareModal a.share-fb {
    color: white;
    border: none;
    font-weight: normal;
    height: 50px;
    width: 50px;
    background: #3B5998;
    display: block;
    margin: 0 10px 0 0;
    padding: 15px 10px 10px 10px; }
  #shareModal a.share-twitter {
    color: white;
    border: none;
    font-weight: normal;
    height: 50px;
    width: 50px;
    background: #35baf5;
    display: block;
    margin: 0 10px 0 0;
    padding: 15px 10px 10px 10px; }
  #shareModal a.share-gplus {
    color: white;
    border: none;
    font-weight: normal;
    height: 50px;
    width: 50px;
    background: #f74f28;
    display: block;
    margin: 0 10px 0 0;
    padding: 15px 10px 10px 10px; }
  #shareModal a.share-digster {
    color: white;
    border: none;
    font-weight: normal;
    height: 50px;
    background: #4d9438;
    display: block;
    padding: 15px 10px 10px 10px; }
  #shareModal li span[class^="icon-"] {
    color: #fff;
    padding: 0;
    margin: 0;
    font-size: 1rem; }

/* Off canvas footer */
#off-canvas-footer {
  *zoom: 1;
  max-width: 60em;
  margin-left: auto;
  margin-right: auto; }
  #off-canvas-footer:before, #off-canvas-footer:after {
    content: " ";
    display: table; }
  #off-canvas-footer:after {
    clear: both; }

.global-footer {
  position: fixed;
  bottom: 0;
  z-index: 25;
  text-align: center;
  height: 60px;
  width: 25%;
  left: 37.5%; }
  .global-footer .button-group {
    border-top: solid 1px #222;
    background: #000; }

.global-footer__social {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border: solid 1px;
  border-top: none;
  border-bottom: none; }

.global-footer__social_href {
  display: block;
  width: 100%;
  height: 100%; }
  .global-footer__social_href span {
    margin-top: 9px;
    margin-left: -3px; }

.footer-main-nav {
  width: 100%;
  display: table; }
  .footer-main-nav a.item {
    display: table-cell;
    padding-right: 1.25%;
    width: 15.83333%;
    text-align: center;
    border-top: 1px solid #222;
    padding: 10% 0 2% 0;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    vertical-align: bottom; }
    .footer-main-nav a.item:nth-child(6n) {
      margin-right: 0; }
    .footer-main-nav a.item:nth-child(6n+1) {
      clear: left; }
    .footer-main-nav a.item:last-child {
      border-right: 1px solid #222; }
    .footer-main-nav a.item h2 {
      color: #fff;
      text-transform: uppercase; }
      .footer-main-nav a.item h2.hover {
        color: #66D7FF; }
    .footer-main-nav a.item p {
      color: #fff;
      text-transform: uppercase;
      font-family: 'glegooregular';
      font-size: 0.875em;
      margin: 0; }
      .footer-main-nav a.item p.hover {
        color: #66D7FF; }
    .footer-main-nav a.item .rule {
      border-top: 1px solid #fff;
      height: 1px;
      width: 3.75em;
      margin: 10px auto;
      display: block; }
      .footer-main-nav a.item .rule.hover {
        border-top: 1px solid #66D7FF; }

.footer-sub-nav {
  font-family: 'latoregular';
  color: #fff;
  font-size: 9px;
  width: 100%;
  float: left;
  height: 60px;
  background-color: #000; }
  .footer-sub-nav .left {
    padding: 15px 25px;
    height: 60px;
    line-height: 2rem; }
    @media screen and (max-width: 768px) {
      .footer-sub-nav .left {
        padding: 15px 10px; } }
  .footer-sub-nav .right {
    padding: 15px 25px;
    height: 60px;
    line-height: 2rem; }
    @media screen and (max-width: 768px) {
      .footer-sub-nav .right {
        padding: 15px 10px; } }
  .footer-sub-nav .social-fb {
    display: inline-block;
    border-left: 1px solid #474747;
    padding: 20px 25px;
    margin: 0 0 0 10px;
    cursor: pointer; }
  .footer-sub-nav .social-tw {
    display: inline-block;
    border-left: 1px solid #474747;
    padding: 20px 25px;
    margin: 0px;
    cursor: pointer; }
  .footer-sub-nav a {
    color: #fff;
    text-decoration: underline; }
    .footer-sub-nav a:hover {
      color: #66D7FF;
      text-decoration: underline; }

.global-search.reveal-modal {
  z-index: 100;
  background-color: transparent;
  box-shadow: none; }
  @media screen and (max-width: 768px) {
    .global-search.reveal-modal.large {
      margin-left: -45%;
      width: 90%; } }
  .global-search.reveal-modal .box-button {
    position: absolute;
    top: -28px;
    right: 30px; }
  .global-search.reveal-modal .search-box {
    *zoom: 1;
    display: table;
    width: 100%;
    table-layout: fixed;
    border: solid 0.0625em #666666;
    background-color: black; }
    .global-search.reveal-modal .search-box:before, .global-search.reveal-modal .search-box:after {
      content: " ";
      display: table; }
    .global-search.reveal-modal .search-box:after {
      clear: both; }
    .global-search.reveal-modal .search-box:hover {
      border: solid 0.0625em #2ab3e2;
      cursor: pointer; }
  .global-search.reveal-modal .icon-search {
    float: left;
    font-size: 3.375rem;
    line-height: 5rem;
    color: #666;
    text-align: right;
    margin: 1rem; }
    @media screen and (max-width: 768px) {
      .global-search.reveal-modal .icon-search {
        font-size: 2.5em; } }
  .global-search.reveal-modal input {
    font-family: 'latohairline_italic';
    display: block;
    font-size: 1.875em;
    padding: 1.875em 0.625em 0.625em 0;
    margin: 0;
    color: #666666;
    width: 85%;
    border: none;
    background: transparent;
    display: inline-block; }
    @media screen and (max-width: 768px) {
      .global-search.reveal-modal input {
        font-size: 1.875em;
        padding: 0.3125em 0.3125em 0.3125em 0;
        width: 80%; } }
    .global-search.reveal-modal input:focus {
      background-color: rgba(35, 35, 35, 0.23);
      color: #ffffff;
      border: none; }

#footer {
  background-size: cover; }
  #footer .entry-search-container {
    padding: 0; }
  #footer .entry-search {
    width: 100%;
    max-width: 100%;
    position: relative;
    margin: 0;
    border: none; }
    #footer .entry-search:hover {
      border: none;
      cursor: pointer; }
    #footer .entry-search .search-box {
      display: block;
      float: left;
      margin-right: 2.5%;
      width: 100%;
      *zoom: 1;
      display: table;
      width: 100%;
      table-layout: fixed;
      border: solid 0.1875em transparent;
      background-color: rgba(255, 255, 255, 0.15); }
      #footer .entry-search .search-box:last-child {
        margin-right: 0; }
      #footer .entry-search .search-box:before, #footer .entry-search .search-box:after {
        content: " ";
        display: table; }
      #footer .entry-search .search-box:after {
        clear: both; }
      #footer .entry-search .search-box:hover {
        border: solid 0.1875em #2ab3e2;
        cursor: pointer; }
    #footer .entry-search .icon-search {
      float: left;
      font-size: 4.375em;
      line-height: 1.5em;
      width: 5%;
      color: #666666;
      text-align: right; }
    #footer .entry-search input {
      font-family: 'latohairline_italic';
      display: block;
      font-size: 3.125em;
      padding: 0.625em 0.625em 0.625em 1.25em;
      margin: 0;
      color: #666666;
      width: 90%;
      border: none;
      background: transparent; }
      #footer .entry-search input:focus {
        background-color: rgba(35, 35, 35, 0.23);
        color: #ffffff;
        border: none; }

#slides {
  position: relative; }

#slides .slides-container {
  display: none; }

#slides .container {
  position: absolute;
  top: 75%;
  width: 100%; }
  #slides .container h1 {
    text-align: center;
    color: #2AB3E2;
    font-family: latolight_italic;
    text-transform: uppercase;
    font-size: 4em;
    max-width: 100%; }
  #slides .container h2 {
    text-align: center;
    color: #666666;
    font-family: latolight_italic;
    font-size: 1.5em; }

#slides .scrollable {
  *zoom: 1;
  position: relative;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%; }

#slides .scrollable:after {
  content: "";
  display: table;
  clear: both; }

.slides-navigation {
  position: absolute;
  z-index: 3;
  top: 40%;
  width: 60px;
  right: 0; }
  .slides-navigation a {
    display: block;
    width: 3.75rem;
    height: 3.75rem;
    padding: 1rem !important;
    font-family: latoregular;
    font-size: 1.5rem;
    border: solid 1px #222; }

.slides-navigation a.prev {
  display: inline-block;
  background-color: black;
  color: white;
  text-align: center;
  padding: 15px 10px;
  left: 0;
  border-top: solid 1px rgba(175, 175, 175, 0.12); }
  .slides-navigation a.prev:hover {
    background-color: #2ab3e2; }

.slides-navigation a.next {
  display: inline-block;
  background-color: black;
  color: white;
  text-align: center;
  padding: 15px 10px;
  right: 0;
  cursor: pointer; }
  .slides-navigation a.next:hover {
    background-color: #2ab3e2; }

.slides-index {
  display: inline-block;
  text-align: center;
  padding: 15px 10px;
  font-family: 'latoregular';
  font-size: 0.6875em;
  position: relative;
  background: #000;
  width: 100%; }
  .slides-index span {
    left: 22px;
    color: #FFF;
    position: absolute;
    bottom: 10px;
    font-family: latoregular; }

.slides-pagination {
  position: absolute;
  z-index: 3;
  bottom: 0;
  text-align: center;
  width: 100%;
  display: none; }
  .slides-pagination a {
    border: 2px solid #222;
    border-radius: 15px;
    width: 10px;
    height: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
    margin: 2px;
    overflow: hidden;
    text-indent: -100%; }
  .slides-pagination a.current {
    background: #222; }

.reveal-modal {
  background-color: rgba(41, 41, 41, 0.85);
  border: none; }
  .reveal-modal .close-reveal-modal {
    position: absolute;
    top: 0;
    right: 0; }

.breadcrumb-container {
  width: 100%;
  background-color: #000;
  min-height: 60px; }
  .breadcrumb-container .breadcrumb-nav {
    font-family: 'glegooregular';
    font-size: 0.75em;
    line-height: 1.6875em;
    color: #737373;
    *zoom: 1;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    position: relative; }
    .breadcrumb-container .breadcrumb-nav:before, .breadcrumb-container .breadcrumb-nav:after {
      content: " ";
      display: table; }
    .breadcrumb-container .breadcrumb-nav:after {
      clear: both; }
    .breadcrumb-container .breadcrumb-nav a {
      color: #fff; }
      .breadcrumb-container .breadcrumb-nav a:hover {
        color: #737373; }

.landing-container {
  background-color: #fff; }
  .landing-container #section-hero {
    min-height: 500px;
    background-size: contain;
    position: relative; }
    .landing-container #section-hero:after {
      content: "";
      background-color: #000;
      opacity: 0.5;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      position: absolute;
      z-index: 1; }
  .landing-container #section-hero-info {
    *zoom: 1;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    z-index: 10; }
    .landing-container #section-hero-info:before, .landing-container #section-hero-info:after {
      content: " ";
      display: table; }
    .landing-container #section-hero-info:after {
      clear: both; }
    .landing-container #section-hero-info .hero-info {
      position: absolute;
      bottom: 20%;
      margin-left: 20px;
      z-index: 20; }
      .landing-container #section-hero-info .hero-info h1 {
        color: #fff;
        text-transform: uppercase;
        font-size: 3.75em; }
        .landing-container #section-hero-info .hero-info h1 span {
          padding: 0 10px 0 10px;
          display: inline-block; }
      .landing-container #section-hero-info .hero-info h2 {
        color: #2AB3E2;
        font-family: 'latolight_italic';
        padding: 0 0 10px 0;
        font-size: 2.5em;
        letter-spacing: .05em; }
        .landing-container #section-hero-info .hero-info h2 span {
          padding: 0 10px 0 10px;
          display: inline-block; }
      .landing-container #section-hero-info .hero-info p {
        color: #ddd;
        font-family: 'glegooregular';
        font-size: 0.75em;
        line-height: 1.6875em;
        display: block;
        float: left;
        margin-right: 2.5%;
        width: 48.75%; }
        .landing-container #section-hero-info .hero-info p:last-child {
          margin-right: 0; }
      .landing-container #section-hero-info .hero-info .rule {
        border-top: 1px solid #fff;
        height: 1px;
        width: 4.375em;
        margin: 15px 0 25px 0;
        display: block; }

#section-main {
  *zoom: 1;
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  position: relative; }
  #section-main:before, #section-main:after {
    content: " ";
    display: table; }
  #section-main:after {
    clear: both; }
  #section-main .main {
    margin-left: 8.54167%;
    padding: 60px 90px 60px 0; }
    #section-main .main.overview {
      padding: 40px 90px 60px 0; }
    #section-main .main.content {
      padding: 0px 90px 60px 0; }
    #section-main .main h2 {
      text-transform: uppercase;
      letter-spacing: .05em; }
    #section-main .main .rule {
      border-top: 1px solid #4a4a4a;
      height: 1px;
      width: 4.375em;
      margin: 20px 0 40px 0;
      display: block; }
    #section-main .main ul {
      list-style-type: disc; }
    #section-main .main li, #section-main .main p {
      color: #4a4a4a;
      font-size: 0.875em;
      line-height: 1.75em;
      font-family: 'glegooregular'; }
      #section-main .main li.breadcrumb, #section-main .main p.breadcrumb {
        float: left;
        color: #2ab3e2;
        margin: 0; }
      #section-main .main li.breadcrumb_separator, #section-main .main p.breadcrumb_separator {
        color: #737373;
        float: left;
        margin: 0 5px 0 5px; }
    #section-main .main ul#breadcrumbs {
      list-style: none;
      margin: 10px 0 40px 0;
      overflow: hidden;
      color: #2ab3e2; }
      #section-main .main ul#breadcrumbs a {
        color: #999; }
        #section-main .main ul#breadcrumbs a:hover {
          color: #2ab3e2; }
    #section-main .main li {
      margin: 20px 40px 20px 40px; }

#section-filter {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }
  #section-filter .item-title {
    *zoom: 1;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd; }
    #section-filter .item-title:before, #section-filter .item-title:after {
      content: " ";
      display: table; }
    #section-filter .item-title:after {
      clear: both; }
    #section-filter .item-title h3 {
      display: block;
      float: left;
      margin-right: 2.5%;
      width: 74.375%;
      padding: 1em;
      text-transform: uppercase; }
      #section-filter .item-title h3:last-child {
        margin-right: 0; }
    #section-filter .item-title h4 {
      display: block;
      float: left;
      margin-right: 2.5%;
      width: 23.125%;
      border-left: 1px solid #ddd;
      padding: 1.3em 0 1.3em 0;
      color: #666666;
      text-align: center; }
      #section-filter .item-title h4:last-child {
        margin-right: 0; }
      #section-filter .item-title h4 a {
        color: #666666;
        font-size: 1em; }
        #section-filter .item-title h4 a:hover {
          color: #66D7FF; }
      #section-filter .item-title h4:last-child {
        background-color: #fff;
        color: #fff; }
        #section-filter .item-title h4:last-child a {
          color: #fff;
          font-size: 1em;
          background-color: black;
          padding: 15px 20px; }
          #section-filter .item-title h4:last-child a:hover {
            color: #66D7FF; }
    #section-filter .item-title .icon-search:before,
    #section-filter .item-title .icon-th:before {
      color: #666666; }

#company-section-filter {
  border-top: 1px solid #ddd; }
  #company-section-filter .item-title {
    *zoom: 1;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto; }
    #company-section-filter .item-title:before, #company-section-filter .item-title:after {
      content: " ";
      display: table; }
    #company-section-filter .item-title:after {
      clear: both; }
    #company-section-filter .item-title h3 {
      display: block;
      float: left;
      margin-right: 2.5%;
      width: 48.75%;
      padding: 1em 0 0 0;
      text-transform: uppercase; }
      #company-section-filter .item-title h3:last-child {
        margin-right: 0; }
    #company-section-filter .item-title .rule {
      border-top: 1px solid #4a4a4a;
      height: 1px;
      width: 4.375em;
      margin: 20px 0 40px 0;
      display: block; }

#section-items .items-container {
  *zoom: 1;
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  background: white; }
  #section-items .items-container:before, #section-items .items-container:after {
    content: " ";
    display: table; }
  #section-items .items-container:after {
    clear: both; }
  #section-items .items-container.borders {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd; }
  #section-items .items-container.border-wrap {
    border-right: 1px solid #ddd; }
  #section-items .items-container hr.labels-div {
    border-top: 1px solid #ddd;
    width: 100%;
    margin: 60px 0 60px 0;
    display: block;
    float: left;
    clear: both; }
  #section-items .items-container li {
    display: table-cell;
    float: left;
    width: 25%;
    position: relative;
    z-index: 0;
    cursor: pointer; }
    #section-items .items-container li.child-label {
      width: 20%;
      max-height: 192px; }
      #section-items .items-container li.child-label .overlay {
        min-height: 192px;
        max-height: 192px; }
    #section-items .items-container li a.item-result {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
    #section-items .items-container li.no-link {
      cursor: default; }
    #section-items .items-container li .item-result img {
      border: none; }
    #section-items .items-container li:hover:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      border: 5px solid #2AB3E2; }
    #section-items .items-container li.border {
      border-left: 1px solid #ddd;
      border-bottom: 1px solid #ddd; }
    #section-items .items-container li.border:hover:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      border: 5px solid #2AB3E2; }
    #section-items .items-container li img {
      width: 100%;
      z-index: 2;
      opacity: 1; }
    #section-items .items-container li .overlay {
      background-color: #2ab3e2;
      opacity: 0;
      -webkit-transition: all 200ms ease-in-out;
      -moz-transition: all 200ms ease-in-out;
      transition: all 200ms ease-in-out;
      top: 0;
      position: absolute;
      width: 100%;
      display: table-cell;
      bottom: 0;
      vertical-align: bottom;
      padding: 0;
      text-align: center;
      z-index: 1;
      min-height: 240px; }
      #section-items .items-container li .overlay:hover {
        background-color: #2ab3e2;
        opacity: .2; }
    #section-items .items-container li .info {
      top: 0;
      position: absolute;
      width: 100%;
      display: table-cell;
      bottom: 0;
      vertical-align: bottom;
      padding: 50% 0 0 0;
      text-align: center;
      z-index: 3; }
      @media screen and (max-width: 768px) {
        #section-items .items-container li .info {
          padding: 40% 0 0 0; } }
      #section-items .items-container li .info h3 {
        color: #fff;
        text-transform: uppercase; }
      #section-items .items-container li .info a {
        color: #fff;
        text-transform: uppercase;
        text-decoration: none; }
      #section-items .items-container li .info .rule {
        border-top: 1px solid gray;
        height: 1px;
        width: 2.5em;
        margin: 20px auto 0 auto;
        display: block;
        z-index: 10; }
      #section-items .items-container li .info p {
        color: #4a4a4a;
        font-size: 0.75em;
        line-height: 1.6875em;
        font-family: 'glegooregular';
        text-transform: uppercase;
        z-index: 10; }
    #section-items .items-container li.more-artists .overlay {
      padding: 40% 0 0 0; }
    #section-items .items-container li.more-artists .info {
      padding: 40% 0 0 0; }

#resources-section-items {
  border-top: 1px solid #ddd; }
  #resources-section-items .items-container-list {
    *zoom: 1;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
    background: white; }
    #resources-section-items .items-container-list:before, #resources-section-items .items-container-list:after {
      content: " ";
      display: table; }
    #resources-section-items .items-container-list:after {
      clear: both; }
    #resources-section-items .items-container-list li {
      display: block;
      float: left;
      margin-right: 2.5%;
      width: 91.45833%;
      float: left;
      border-bottom: 1px solid #ddd; }
      #resources-section-items .items-container-list li:last-child {
        margin-right: 0; }
      #resources-section-items .items-container-list li:last-child {
        border-bottom: none; }
      #resources-section-items .items-container-list li .logo {
        float: left;
        width: 25%; }
      #resources-section-items .items-container-list li .info {
        float: left;
        width: 45%;
        padding: 30px 60px 30px 20px; }
        #resources-section-items .items-container-list li .info h3 {
          color: #46bde5;
          text-transform: uppercase; }
        #resources-section-items .items-container-list li .info p {
          color: #4a4a4a;
          font-size: 0.875em;
          line-height: 1.75em;
          font-family: 'glegooregular'; }
      #resources-section-items .items-container-list li .share {
        float: left;
        width: 28%;
        padding: 70px 0; }
        #resources-section-items .items-container-list li .share h3 {
          text-transform: none;
          font-size: 1em; }
        #resources-section-items .items-container-list li .share .rule {
          border-top: 1px solid #4a4a4a;
          height: 1px;
          width: 4.375em;
          margin: 20px 0 40px 0;
          display: block; }
        #resources-section-items .items-container-list li .share li {
          border-bottom: none; }
          #resources-section-items .items-container-list li .share li a {
            font-size: .9em;
            text-transform: uppercase;
            width: 100%;
            text-align: left;
            margin: 0;
            padding: 20px; }
            #resources-section-items .items-container-list li .share li a.button {
              box-shadow: none; }

.section-container.tabs > section.active > .title,
.section-container.tabs > .section.active > .title,
.section-container.tabs > section:not(.active),
.section-container.tabs > .section:not(.active) {
  position: absolute;
  top: -62px; }
  .section-container.tabs > section.active > .title a,
  .section-container.tabs > .section.active > .title a,
  .section-container.tabs > section:not(.active) a,
  .section-container.tabs > .section:not(.active) a {
    font-family: 'glegooregular';
    text-transform: uppercase;
    font-size: 1em; }

.detail-container {
  background-color: #fff;
  border-bottom: 1px solid #ddd; }
  .detail-container #section-hero {
    min-height: 500px;
    background-size: contain;
    position: relative; }
  .detail-container #section-hero-info {
    *zoom: 1;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    z-index: 10; }
    .detail-container #section-hero-info:before, .detail-container #section-hero-info:after {
      content: " ";
      display: table; }
    .detail-container #section-hero-info:after {
      clear: both; }
    .detail-container #section-hero-info .hero-info {
      position: absolute;
      top: 250px;
      width: 50%;
      margin-left: 20px; }
      .detail-container #section-hero-info .hero-info h1 {
        color: #fff;
        text-transform: uppercase;
        font-size: 3.75em;
        line-height: 1; }
        .detail-container #section-hero-info .hero-info h1 span {
          background-color: #000000;
          box-shadow: 10px 0 0 black, -10px 0 0 black;
          display: inline; }
      .detail-container #section-hero-info .hero-info h2 {
        display: none;
        color: #2AB3E2;
        font-family: 'latolight_italic';
        padding: 0 0 10px 0;
        font-size: 2.5em;
        letter-spacing: .05em; }
      .detail-container #section-hero-info .hero-info span {
        color: #2AB3E2;
        font-family: 'glegooregular';
        font-size: 0.875em;
        line-height: 1.5em;
        margin-right: 10px; }
      .detail-container #section-hero-info .hero-info p {
        color: #ddd;
        font-family: 'glegooregular';
        font-size: 0.875em;
        line-height: 1.75em;
        display: block;
        float: left;
        margin-right: 2.5%;
        width: 48.75%; }
        .detail-container #section-hero-info .hero-info p:last-child {
          margin-right: 0; }
      .detail-container #section-hero-info .hero-info .rule {
        border-top: 1px solid #fff;
        height: 1px;
        width: 4.375em;
        margin: 15px 0 25px 0;
        display: block; }
      .detail-container #section-hero-info .hero-info .button {
        box-shadow: none; }
  .detail-container #section-items {
    border-top: 1px solid #ddd; }
    .detail-container #section-items .items-container-list {
      *zoom: 1;
      max-width: 60em;
      margin-left: auto;
      margin-right: auto;
      padding-bottom: 40px;
      background: white; }
      .detail-container #section-items .items-container-list:before, .detail-container #section-items .items-container-list:after {
        content: " ";
        display: table; }
      .detail-container #section-items .items-container-list:after {
        clear: both; }
      .detail-container #section-items .items-container-list li {
        display: block;
        float: left;
        margin-right: 2.5%;
        width: 91.45833%;
        float: left;
        border-bottom: 1px solid #ddd; }
        .detail-container #section-items .items-container-list li:last-child {
          margin-right: 0; }
        .detail-container #section-items .items-container-list li .logo {
          float: left;
          width: 25%;
          margin-bottom: 5px; }
        .detail-container #section-items .items-container-list li .info {
          float: left;
          width: 45%;
          padding: 30px 60px 30px 20px; }
          .detail-container #section-items .items-container-list li .info h3 {
            color: #46bde5;
            text-transform: uppercase; }
          .detail-container #section-items .items-container-list li .info p {
            color: #4a4a4a;
            font-size: 0.875em;
            line-height: 1.75em;
            font-family: 'glegooregular'; }
        .detail-container #section-items .items-container-list li .share {
          float: left;
          width: 28%;
          padding: 70px 0; }
          .detail-container #section-items .items-container-list li .share h3 {
            text-transform: none;
            font-size: 1em; }
          .detail-container #section-items .items-container-list li .share .rule {
            border-top: 1px solid #4a4a4a;
            height: 1px;
            width: 4.375em;
            margin: 20px 0 40px 0;
            display: block; }
          .detail-container #section-items .items-container-list li .share li {
            border-bottom: none; }
            .detail-container #section-items .items-container-list li .share li a {
              font-size: .9em;
              text-transform: uppercase;
              width: 100%;
              text-align: left;
              margin: 0;
              padding: 20px; }
              .detail-container #section-items .items-container-list li .share li a.button {
                box-shadow: none; }

#artist-main {
  *zoom: 1;
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  border-left: 1px solid #ddd; }
  #artist-main:before, #artist-main:after {
    content: " ";
    display: table; }
  #artist-main:after {
    clear: both; }
  #artist-main .main {
    margin-left: 8.54167%;
    display: block;
    float: left;
    margin-right: 2.5%;
    width: 57.29167%;
    padding: 60px 90px 60px 60px; }
    #artist-main .main:last-child {
      margin-right: 0; }
    #artist-main .main h2 {
      text-transform: uppercase;
      letter-spacing: .05em; }
    #artist-main .main .rule {
      border-top: 1px solid #4a4a4a;
      height: 1px;
      width: 4.375em;
      margin: 20px 0 40px 0;
      display: block; }
    #artist-main .main p {
      color: #4a4a4a;
      font-size: 0.875em;
      line-height: 1.75em;
      font-family: 'glegooregular'; }
  #artist-main .aside {
    display: block;
    float: left;
    margin-right: 2.5%;
    width: 14.58333%;
    padding: 30px; }
    #artist-main .aside:last-child {
      margin-right: 0; }
    #artist-main .aside h3 {
      text-transform: none;
      font-size: 1em; }
    #artist-main .aside .rule {
      border-top: 1px solid #4a4a4a;
      height: 1px;
      width: 4.375em;
      margin: 20px 0 40px 0;
      display: block; }
    #artist-main .aside.linkbox {
      width: 100%;
      border-left: 1px solid #ddd; }
    #artist-main .aside li a {
      font-size: .9em;
      text-transform: uppercase;
      width: 70%;
      text-align: left;
      margin: 0;
      padding: 20px; }
      #artist-main .aside li a.button {
        box-shadow: none; }

#artist-filter {
  border-top: 1px solid #ddd; }
  #artist-filter .item-title {
    *zoom: 1;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto; }
    #artist-filter .item-title:before, #artist-filter .item-title:after {
      content: " ";
      display: table; }
    #artist-filter .item-title:after {
      clear: both; }
    #artist-filter .item-title h2 {
      text-transform: uppercase;
      letter-spacing: .05em;
      padding: 1em 0 1em 0; }
    #artist-filter .item-title .rule {
      border-top: 1px solid #4a4a4a;
      height: 1px;
      width: 4.375em;
      margin: 0px 0 40px 0;
      display: block; }

#detail-main {
  *zoom: 1;
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  border-left: 1px solid #ddd; }
  #detail-main:before, #detail-main:after {
    content: " ";
    display: table; }
  #detail-main:after {
    clear: both; }
  #detail-main .main {
    margin-left: 8.54167%;
    display: block;
    float: left;
    margin-right: 2.5%;
    width: 57.29167%;
    padding: 60px 90px 60px 60px;
    float: left;
    border-right: 1px solid #ddd; }
    #detail-main .main:last-child {
      margin-right: 0; }
    #detail-main .main h2 {
      text-transform: uppercase;
      letter-spacing: .05em; }
    #detail-main .main .rule {
      border-top: 1px solid #4a4a4a;
      height: 1px;
      width: 4.375em;
      margin: 20px 0 40px 0;
      display: block; }
    #detail-main .main p {
      color: #4a4a4a;
      font-size: 0.875em;
      line-height: 1.75em;
      font-family: 'glegooregular'; }
    #detail-main .main li {
      color: #4a4a4a;
      font-size: 0.875em;
      line-height: 1.75em;
      font-family: 'glegooregular'; }
      #detail-main .main li.breadcrumb {
        float: left;
        color: #2ab3e2;
        margin: 0; }
      #detail-main .main li.breadcrumb_separator {
        color: #737373;
        float: left;
        margin: 0 5px 0 5px; }
    #detail-main .main ul#breadcrumbs {
      list-style: none;
      margin: 10px 0 40px 0;
      overflow: hidden;
      color: #2ab3e2; }
      #detail-main .main ul#breadcrumbs a {
        color: #999; }
        #detail-main .main ul#breadcrumbs a:hover {
          color: #2ab3e2; }
  #detail-main .aside {
    display: block;
    float: left;
    margin-right: 2.5%;
    width: 23.125%;
    padding: 150px 0 30px 30px;
    float: left; }
    #detail-main .aside:last-child {
      margin-right: 0; }
    #detail-main .aside h3 {
      text-transform: none;
      font-size: 1em; }
    #detail-main .aside .rule {
      border-top: 1px solid #4a4a4a;
      height: 1px;
      width: 4.375em;
      margin: 20px 0 40px 0;
      display: block; }
    #detail-main .aside li a {
      font-size: .9em;
      text-transform: uppercase;
      width: 100%;
      text-align: left;
      margin: 0;
      padding: 20px; }
      #detail-main .aside li a.button {
        box-shadow: none; }

#archive-section-main {
  *zoom: 1;
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  position: relative; }
  #archive-section-main:before, #archive-section-main:after {
    content: " ";
    display: table; }
  #archive-section-main:after {
    clear: both; }
  #archive-section-main .main {
    margin-left: 8.54167%;
    padding: 40px 90px 30px 0px; }
    #archive-section-main .main h2 {
      text-transform: uppercase;
      letter-spacing: .05em; }
    #archive-section-main .main .rule {
      border-top: 1px solid #4a4a4a;
      height: 1px;
      width: 4.375em;
      margin: 20px 0 40px 0;
      display: block; }
    #archive-section-main .main p {
      color: #4a4a4a;
      font-size: 0.875em;
      line-height: 1.75em;
      font-family: 'glegooregular'; }
    #archive-section-main .main ul#breadcrumbs {
      list-style: none;
      margin: 0;
      overflow: hidden;
      color: #2ab3e2; }
      #archive-section-main .main ul#breadcrumbs a {
        color: #999; }
        #archive-section-main .main ul#breadcrumbs a:hover {
          color: #2ab3e2; }
      #archive-section-main .main ul#breadcrumbs li {
        color: #4a4a4a;
        font-size: 0.875em;
        line-height: 1.75em;
        font-family: 'glegooregular'; }
        #archive-section-main .main ul#breadcrumbs li.breadcrumb {
          float: left;
          color: #2ab3e2;
          margin: 0; }
        #archive-section-main .main ul#breadcrumbs li.breadcrumb_separator {
          color: #737373;
          float: left;
          margin: 0 5px 0 5px; }

#archive-section-filter {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  height: 40px; }
  #archive-section-filter .item-title {
    *zoom: 1;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd; }
    #archive-section-filter .item-title:before, #archive-section-filter .item-title:after {
      content: " ";
      display: table; }
    #archive-section-filter .item-title:after {
      clear: both; }
    #archive-section-filter .item-title .item-list {
      margin-left: 8.54167%;
      height: 40px; }
      #archive-section-filter .item-title .item-list .country-filter {
        margin: -2px 0 0 0;
        border: none;
        box-shadow: none;
        background: none;
        display: inline-block; }
      #archive-section-filter .item-title .item-list .icon-filter {
        padding: 0 0 0 10px;
        line-height: 34px;
        display: inline-block;
        margin: 0; }
      #archive-section-filter .item-title .item-list .search {
        border-left: 1px solid #ddd;
        float: left;
        padding: 0;
        color: #4a4a4a;
        font-size: 0.875em;
        font-family: 'glegooregular';
        height: 40px;
        margin-left: 0;
        line-height: 1.5em; }
      #archive-section-filter .item-title .item-list .search-bar {
        border-left: 1px solid #ddd;
        float: left;
        padding: 8px;
        color: #4a4a4a;
        font-size: 0.875em;
        font-family: 'glegooregular';
        height: 40px;
        margin-left: 0;
        line-height: 1.5em; }
        #archive-section-filter .item-title .item-list .search-bar a {
          color: #4a4a4a; }
          #archive-section-filter .item-title .item-list .search-bar a:hover {
            color: #66D7FF; }
        #archive-section-filter .item-title .item-list .search-bar .search-action {
          color: #737373; }
      #archive-section-filter .item-title .item-list form.custom {
        display: inline-block; }
        #archive-section-filter .item-title .item-list form.custom ul {
          min-width: 300px; }
          #archive-section-filter .item-title .item-list form.custom ul li {
            float: none; }
    #archive-section-filter .item-title li {
      float: left;
      padding: 0 2% 0 0;
      color: #4a4a4a;
      font-size: 0.875em;
      font-family: 'glegooregular';
      line-height: 2.5em; }
      #archive-section-filter .item-title li a {
        color: #4a4a4a; }
        #archive-section-filter .item-title li a:hover {
          color: #66D7FF; }
    #archive-section-filter .item-title .search {
      border-left: 1px solid #ddd;
      float: left;
      padding: 0 2% 0 2%;
      color: #4a4a4a;
      font-size: 0.875em;
      font-family: 'glegooregular';
      height: 40px;
      margin-left: 2%;
      line-height: 2.5em; }
    #archive-section-filter .item-title h3 {
      display: block;
      float: left;
      margin-right: 2.5%;
      width: 48.75%;
      padding: 1em;
      text-transform: uppercase; }
      #archive-section-filter .item-title h3:last-child {
        margin-right: 0; }
    #archive-section-filter .item-title h4 {
      display: block;
      float: left;
      margin-right: 2.5%;
      width: 14.58333%;
      border-left: 1px solid #ddd;
      padding: 1.3em;
      color: #666666; }
      #archive-section-filter .item-title h4:last-child {
        margin-right: 0; }
      #archive-section-filter .item-title h4 a {
        color: #666666; }
        #archive-section-filter .item-title h4 a:hover {
          color: #66D7FF; }
    #archive-section-filter .item-title .icon-exchange:before {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
      color: #666666; }
    #archive-section-filter .item-title .icon-search:before,
    #archive-section-filter .item-title .icon-filter:before {
      color: #666666; }
    #archive-section-filter .item-title .icon-up-dir:before {
      color: #666666; }

#archive-section-items {
  border-bottom: 1px solid #dddddd; }
  #archive-section-items.countries {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd; }
  #archive-section-items .items-container {
    *zoom: 1;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd; }
    #archive-section-items .items-container:before, #archive-section-items .items-container:after {
      content: " ";
      display: table; }
    #archive-section-items .items-container:after {
      clear: both; }
    #archive-section-items .items-container .items-list {
      margin-left: 8.54167%;
      padding: 60px 90px 20px 0px; }
      #archive-section-items .items-container .items-list.countries {
        padding: 0px 30px 20px 0px; }
      #archive-section-items .items-container .items-list h3 {
        text-transform: uppercase;
        font-size: 1.5em;
        margin: 40px 0 10px 0; }
      #archive-section-items .items-container .items-list .rule {
        border-top: 1px solid gray;
        height: 1px;
        width: 2.5em;
        margin: 20px 0 20px 0; }
      #archive-section-items .items-container .items-list p {
        color: #4a4a4a;
        font-size: 0.875em;
        line-height: 1.75em;
        font-family: 'glegooregular';
        text-transform: uppercase;
        margin: 0; }
      #archive-section-items .items-container .items-list .letter-group {
        padding: 0px 30px 30px 0px;
        width: 100%;
        float: left; }
        #archive-section-items .items-container .items-list .letter-group h3 {
          text-transform: uppercase;
          font-size: 1.5em; }
          #archive-section-items .items-container .items-list .letter-group h3 a {
            color: #4a4a4a; }
            #archive-section-items .items-container .items-list .letter-group h3 a:hover {
              color: #66D7FF; }
        #archive-section-items .items-container .items-list .letter-group .rule {
          border-top: 1px solid gray;
          height: 1px;
          width: 2.5em;
          margin: 20px 0 20px 0; }
        #archive-section-items .items-container .items-list .letter-group .title-cell {
          width: 50%;
          float: left;
          margin-bottom: 20px; }
          #archive-section-items .items-container .items-list .letter-group .title-cell a {
            color: #4a4a4a;
            font-size: 0.875em;
            line-height: 1.75em;
            font-family: 'glegooregular';
            text-transform: uppercase; }
            #archive-section-items .items-container .items-list .letter-group .title-cell a:hover {
              color: #66D7FF; }
          #archive-section-items .items-container .items-list .letter-group .title-cell p {
            color: #4a4a4a;
            font-size: 0.875em;
            line-height: 1.75em;
            font-family: 'glegooregular';
            text-transform: uppercase;
            margin: 0; }

.timeline-archive #archive-section-items {
  border-bottom: 1px solid #dddddd; }
  .timeline-archive #archive-section-items .items-container {
    *zoom: 1;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd; }
    .timeline-archive #archive-section-items .items-container:before, .timeline-archive #archive-section-items .items-container:after {
      content: " ";
      display: table; }
    .timeline-archive #archive-section-items .items-container:after {
      clear: both; }
    .timeline-archive #archive-section-items .items-container .items-list {
      margin-left: 8.54167%;
      padding: 0px; }
      .timeline-archive #archive-section-items .items-container .items-list h3 {
        text-transform: uppercase;
        font-size: 1.5em;
        font-family: 'latoregular';
        margin-top: 60px; }
        .timeline-archive #archive-section-items .items-container .items-list h3 a {
          color: #4a4a4a; }
          .timeline-archive #archive-section-items .items-container .items-list h3 a:hover {
            color: #66D7FF; }
      .timeline-archive #archive-section-items .items-container .items-list h4 {
        text-transform: uppercase;
        font-size: 1.125em;
        line-height: 1.5;
        font-family: 'glegooregular'; }
      .timeline-archive #archive-section-items .items-container .items-list p {
        font-size: 0.875em;
        font-family: 'glegooregular'; }
      .timeline-archive #archive-section-items .items-container .items-list .rule {
        border-top: 1px solid gray;
        height: 1px;
        width: 2.5em;
        margin: 15px 0 15px 0; }

.timeline-archive #archive-section-filter {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  height: 40px; }
  .timeline-archive #archive-section-filter .item-title {
    *zoom: 1;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd; }
    .timeline-archive #archive-section-filter .item-title:before, .timeline-archive #archive-section-filter .item-title:after {
      content: " ";
      display: table; }
    .timeline-archive #archive-section-filter .item-title:after {
      clear: both; }
    .timeline-archive #archive-section-filter .item-title .item-list {
      margin-left: 8.54167%;
      height: 40px; }
      .timeline-archive #archive-section-filter .item-title .item-list li {
        float: left;
        padding: 0 2% 0 0;
        color: #4a4a4a;
        font-size: 0.875em;
        font-family: 'latoregular';
        line-height: 2.5em; }
        .timeline-archive #archive-section-filter .item-title .item-list li a {
          color: #4a4a4a; }
          .timeline-archive #archive-section-filter .item-title .item-list li a:hover {
            color: #66D7FF; }
      .timeline-archive #archive-section-filter .item-title .item-list h3 {
        display: block;
        float: left;
        margin-right: 2.5%;
        width: 48.75%;
        padding: 1em;
        text-transform: uppercase; }
        .timeline-archive #archive-section-filter .item-title .item-list h3:last-child {
          margin-right: 0; }
      .timeline-archive #archive-section-filter .item-title .item-list h4 {
        display: block;
        float: left;
        margin-right: 2.5%;
        width: 14.58333%;
        border-left: 1px solid #ddd;
        padding: 1.3em;
        color: #666666; }
        .timeline-archive #archive-section-filter .item-title .item-list h4:last-child {
          margin-right: 0; }
        .timeline-archive #archive-section-filter .item-title .item-list h4 a {
          color: #666666; }
          .timeline-archive #archive-section-filter .item-title .item-list h4 a:hover {
            color: #66D7FF; }

.index__letter.has-not {
  color: #ccc; }

#section-main-tabbed {
  *zoom: 1;
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  #section-main-tabbed:before, #section-main-tabbed:after {
    content: " ";
    display: table; }
  #section-main-tabbed:after {
    clear: both; }
  #section-main-tabbed section.news {
    border-left: none;
    border-right: none; }
  #section-main-tabbed section {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd; }
  #section-main-tabbed .news-main {
    padding: 0; }
    #section-main-tabbed .news-main li, #section-main-tabbed .news-main p {
      color: #4a4a4a;
      font-size: 0.875em;
      line-height: 1.75em;
      font-family: 'glegooregular'; }
      #section-main-tabbed .news-main li.breadcrumb, #section-main-tabbed .news-main p.breadcrumb {
        float: left;
        color: #2ab3e2; }
      #section-main-tabbed .news-main li.breadcrumb_separator, #section-main-tabbed .news-main p.breadcrumb_separator {
        color: #737373;
        float: left;
        margin: 0 5px 0 5px; }
    #section-main-tabbed .news-main ul#breadcrumbs {
      list-style: none;
      margin: 10px 0 40px 0;
      overflow: hidden;
      color: #2ab3e2; }
      #section-main-tabbed .news-main ul#breadcrumbs a {
        color: #999; }
        #section-main-tabbed .news-main ul#breadcrumbs a:hover {
          color: #2ab3e2; }
  #section-main-tabbed .pagination {
    width: 100%;
    display: table;
    font-family: 'glegooregular';
    text-transform: uppercase;
    font-size: 0.875em; }
    #section-main-tabbed .pagination .pagination_prev {
      width: 10%;
      display: table-cell;
      border-left: 1px solid #ddd;
      border-right: 1px solid #ddd;
      height: 60px;
      padding: 20px 10px 20px 10px;
      color: #ddd; }
      #section-main-tabbed .pagination .pagination_prev a {
        color: #666666; }
        #section-main-tabbed .pagination .pagination_prev a:hover {
          color: #66D7FF; }
    #section-main-tabbed .pagination .pagination_center {
      width: 80%;
      display: table-cell;
      height: 60px;
      padding: 20px 10px 20px 10px;
      text-align: center;
      color: #ddd; }
      #section-main-tabbed .pagination .pagination_center a {
        color: #666666; }
        #section-main-tabbed .pagination .pagination_center a:hover {
          color: #66D7FF; }
      #section-main-tabbed .pagination .pagination_center .current {
        color: #000; }
    #section-main-tabbed .pagination .pagination_next {
      width: 10%;
      display: table-cell;
      border-left: 1px solid #ddd;
      border-right: 1px solid #ddd;
      height: 60px;
      padding: 20px 10px 20px 10px;
      color: #ddd; }
      #section-main-tabbed .pagination .pagination_next a {
        color: #666666; }
        #section-main-tabbed .pagination .pagination_next a:hover {
          color: #66D7FF; }
  #section-main-tabbed table {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: none; }
    #section-main-tabbed table td > a {
      color: #666; }
      #section-main-tabbed table td > a:hover {
        color: #66D7FF; }
  #section-main-tabbed h2 {
    text-transform: uppercase;
    letter-spacing: .05em;
    padding: 40px 40px 0 0;
    line-height: 1.25;
    font-size: 1.125em; }
    #section-main-tabbed h2 a {
      font-family: 'glegooregular';
      text-transform: uppercase;
      font-size: 0.875em;
      color: #666666;
      display: inline-block; }
      #section-main-tabbed h2 a:hover {
        color: #66D7FF; }
  #section-main-tabbed p {
    color: #4a4a4a;
    font-size: 0.875em;
    line-height: 1.75em;
    font-family: 'glegooregular';
    padding: 0 40px 0px 0; }
    @media screen and (max-width: 768px) {
      #section-main-tabbed p {
        padding: 0 40px 0px 40px; } }
  #section-main-tabbed tr {
    border-bottom: 1px solid #ddd; }
    #section-main-tabbed tr:nth-of-type(odd) {
      background: #f9f9f9; }
    #section-main-tabbed tr:nth-of-type(even) {
      background: #fff; }
  #section-main-tabbed td {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    min-height: 180px; }
    #section-main-tabbed td.left {
      width: 50%;
      padding-left: 20px;
      border-right: 1px solid #ddd; }
    #section-main-tabbed td.right {
      width: 50%;
      padding-left: 20px; }

#section-main-tabbed .main {
  padding: 60px 90px 60px 60px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  float: left; }
  #section-main-tabbed .main.content {
    padding: 60px 90px 60px 0; }
  #section-main-tabbed .main h2 {
    text-transform: uppercase;
    letter-spacing: .05em; }
  #section-main-tabbed .main .rule {
    border-top: 1px solid #4a4a4a;
    height: 1px;
    width: 4.375em;
    margin: 20px 0 40px 0;
    display: block; }
  #section-main-tabbed .main li, #section-main-tabbed .main p {
    color: #4a4a4a;
    font-size: 0.875em;
    line-height: 1.75em;
    font-family: 'glegooregular'; }
    #section-main-tabbed .main li.breadcrumb, #section-main-tabbed .main p.breadcrumb {
      float: left;
      color: #2ab3e2; }
    #section-main-tabbed .main li.breadcrumb_separator, #section-main-tabbed .main p.breadcrumb_separator {
      color: #737373;
      float: left;
      margin: 0 5px 0 5px; }
  #section-main-tabbed .main ul#breadcrumbs {
    list-style: none;
    margin: 10px 0 40px 0;
    overflow: hidden;
    color: #2ab3e2; }
    #section-main-tabbed .main ul#breadcrumbs a {
      color: #999; }
      #section-main-tabbed .main ul#breadcrumbs a:hover {
        color: #2ab3e2; }
  #section-main-tabbed .main .profiles {
    display: block;
    float: left;
    margin-right: 2.5%;
    width: 100%;
    padding: 0px 0px 60px 0px; }
    #section-main-tabbed .main .profiles:last-child {
      margin-right: 0; }
    #section-main-tabbed .main .profiles h2 {
      text-transform: uppercase;
      letter-spacing: .05em; }
    #section-main-tabbed .main .profiles .rule {
      border-top: 1px solid #4a4a4a;
      height: 1px;
      width: 4.375em;
      margin: 20px 0 40px 0;
      display: block; }
    #section-main-tabbed .main .profiles .img_container {
      width: 40%;
      float: left;
      margin: 0; }
    #section-main-tabbed .main .profiles .divider {
      border-top: 1px solid #4a4a4a;
      height: 1px;
      width: 4.375em;
      margin: 20px 0 0 0;
      display: block;
      float: left; }
    #section-main-tabbed .main .profiles .bio_container {
      margin: 0 0 40px 0;
      float: left; }
      #section-main-tabbed .main .profiles .bio_container.first {
        padding: 0 0 20px 0; }
      #section-main-tabbed .main .profiles .bio_container .left {
        width: 40%; }
      #section-main-tabbed .main .profiles .bio_container .right {
        width: 60%; }
      #section-main-tabbed .main .profiles .bio_container img {
        text-align: left;
        float: left;
        padding: 5px 30px 90px 0; }
      #section-main-tabbed .main .profiles .bio_container h3 {
        text-transform: uppercase;
        letter-spacing: .05em;
        font-size: 1.25em;
        line-height: 1.25em;
        font-weight: bold; }
      #section-main-tabbed .main .profiles .bio_container p {
        color: #4a4a4a;
        font-size: 0.875em;
        line-height: 1.75em;
        font-family: 'glegooregular'; }

#section-main-tabbed .careers {
  border-left: none;
  border-right: none;
  display: block;
  float: left; }
  #section-main-tabbed .careers .main {
    display: block;
    float: left;
    margin-right: 2.5%;
    width: 65.83333%;
    padding: 0;
    border: none; }
    #section-main-tabbed .careers .main:last-child {
      margin-right: 0; }
    #section-main-tabbed .careers .main h2 {
      text-transform: uppercase;
      letter-spacing: .05em; }
    #section-main-tabbed .careers .main .rule {
      border-top: 1px solid #4a4a4a;
      height: 1px;
      width: 4.375em;
      margin: 20px 0 40px 0;
      display: block; }
    #section-main-tabbed .careers .main p {
      color: #4a4a4a;
      font-size: 0.875em;
      line-height: 1.75em;
      font-family: 'glegooregular'; }
  #section-main-tabbed .careers .aside {
    display: block;
    float: left;
    margin-right: 2.5%;
    width: 31.66667%;
    margin-top: 14px; }
    #section-main-tabbed .careers .aside:last-child {
      margin-right: 0; }
    #section-main-tabbed .careers .aside h3 {
      text-transform: none;
      font-size: 1em; }
    #section-main-tabbed .careers .aside .rule {
      border-top: 1px solid #4a4a4a;
      height: 1px;
      width: 4.375em;
      margin: 20px 0 40px 0;
      display: block; }
    #section-main-tabbed .careers .aside li a {
      font-size: .9em;
      text-transform: uppercase;
      width: 100%;
      text-align: left;
      margin: 0;
      padding: 20px; }
      #section-main-tabbed .careers .aside li a.button {
        box-shadow: none; }

#section-main-tabbed .news-aside {
  display: block;
  float: left;
  margin-right: 2.5%;
  width: 31.66667%;
  padding: 0px 0px 0px 60px;
  vertical-align: top; }
  #section-main-tabbed .news-aside:last-child {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    #section-main-tabbed .news-aside {
      padding: 0 30px 0px 30px; } }
  #section-main-tabbed .news-aside h3 {
    padding: 40px 0px 0px 0px;
    text-transform: uppercase;
    font-size: 1em; }
  #section-main-tabbed .news-aside .rule {
    border-top: 1px solid #4a4a4a;
    height: 1px;
    width: 4.375em;
    margin: 20px 0 40px 0;
    display: block; }
  #section-main-tabbed .news-aside.linkbox {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd; }
  #section-main-tabbed .news-aside li {
    border-top: none; }
    #section-main-tabbed .news-aside li.featured {
      padding: 0 0 20px 0;
      position: relative; }
      #section-main-tabbed .news-aside li.featured img {
        width: 100%;
        padding: 0; }
      #section-main-tabbed .news-aside li.featured .title {
        position: absolute;
        color: #fff;
        background-color: #000;
        bottom: 20px;
        left: 0;
        font-size: 0.875em;
        padding: 20px 10px 20px 10px;
        font-family: 'glegooregular';
        width: 100%;
        text-transform: none;
        letter-spacing: .05em; }
        #section-main-tabbed .news-aside li.featured .title.hover {
          color: #66D7FF; }
        #section-main-tabbed .news-aside li.featured .title a {
          color: #fff;
          padding: 0; }
          #section-main-tabbed .news-aside li.featured .title a:hover {
            color: #66D7FF; }
      #section-main-tabbed .news-aside li.featured .date {
        position: absolute;
        color: #fff;
        background-color: #000;
        top: 0;
        right: 0;
        font-size: 0.875em;
        padding: 10px;
        text-transform: uppercase;
        font-family: 'glegooregular'; }
        #section-main-tabbed .news-aside li.featured .date.hover {
          color: #66D7FF; }
    #section-main-tabbed .news-aside li:last-child {
      border-bottom: none;
      margin-bottom: 10px; }
    #section-main-tabbed .news-aside li a {
      font-size: 0.875em;
      text-transform: uppercase;
      width: 100%;
      text-align: left;
      margin: 0;
      border-top: 0px;
      padding: 0px;
      display: block; }
      #section-main-tabbed .news-aside li a.button {
        box-shadow: none; }
#section-main-tabbed .resources {
  margin-bottom: 40px;
  border-left: none;
  border-right: none;
  float: left;
  width: 100%; }
  #section-main-tabbed .resources .company-links {
    clear: both; }
    #section-main-tabbed .resources .company-links .rule {
      margin: 20px 0 0px 0; }
  #section-main-tabbed .resources .industry-links {
    clear: both;
    padding: 30px 0 0 0; }
  #section-main-tabbed .resources li {
    display: block;
    float: left;
    margin-right: 2.5%;
    width: 23.125%;
    text-align: center;
    padding-right: 0 !important;
    float: left; }
    #section-main-tabbed .resources li:last-child {
      margin-right: 0; }

.section-container-tabs {
  *zoom: 1;
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 30; }
  .section-container-tabs:before, .section-container-tabs:after {
    content: " ";
    display: table; }
  .section-container-tabs:after {
    clear: both; }
  .section-container-tabs .tabs {
    width: 100%;
    display: block;
    position: absolute;
    top: -29px; }
    .section-container-tabs .tabs a.active .button.secondary {
      background-color: #fff;
      color: #000; }
    .section-container-tabs .tabs li {
      width: 25%;
      float: left;
      text-align: center;
      box-shadow: none;
      font-family: 'glegooregular';
      text-transform: uppercase;
      font-size: 1.125em;
      padding: 20px 0 20px 0; }

.section-container.tabs > section.active > .title,
.section-container.tabs > .section.active > .title,
.section-container.tabs > section:not(.active),
.section-container.tabs > .section:not(.active) {
  margin-bottom: 0; }
  .section-container.tabs > section.active > .title a,
  .section-container.tabs > .section.active > .title a,
  .section-container.tabs > section:not(.active) a,
  .section-container.tabs > .section:not(.active) a {
    font-family: 'glegooregular';
    text-transform: uppercase;
    font-size: 1em; }

.article-container {
  background-color: #fff; }
  .article-container #section-hero {
    min-height: 600px;
    background-size: contain;
    position: relative; }
  .article-container #section-hero-info {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 40px 0 40px 0; }
    .article-container #section-hero-info .hero-info {
      *zoom: 1;
      max-width: 60em;
      margin-left: auto;
      margin-right: auto;
      z-index: 99;
      position: relative; }
      .article-container #section-hero-info .hero-info:before, .article-container #section-hero-info .hero-info:after {
        content: " ";
        display: table; }
      .article-container #section-hero-info .hero-info:after {
        clear: both; }
      .article-container #section-hero-info .hero-info h1 {
        color: #fff;
        text-transform: uppercase;
        font-size: 2em;
        margin-left: 8.54167%;
        padding: 0px 40px 0px 0;
        line-height: 1.2; }

#section-main .article.main ul#breadcrumbs {
  list-style: none;
  margin: 10px 0 0 0;
  overflow: hidden;
  color: #2ab3e2; }
  #section-main .article.main ul#breadcrumbs a {
    color: #999; }
    #section-main .article.main ul#breadcrumbs a:hover {
      color: #2ab3e2; }
#section-main .article.main .date {
  font-family: 'latoitalic';
  font-size: 0.75em; }
#section-main .article.main .button {
  position: absolute;
  bottom: 20px;
  right: 0;
  padding: 20px; }
#section-main .article.main .icon-right-open-1 {
  padding: 0 0 0 20px; }
#section-main .article.main a {
  font-family: 'glegooregular'; }

#section-filter-related .item-title {
  *zoom: 1;
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  background-color: #000;
  color: #fff; }
  #section-filter-related .item-title:before, #section-filter-related .item-title:after {
    content: " ";
    display: table; }
  #section-filter-related .item-title:after {
    clear: both; }
  #section-filter-related .item-title h3 {
    display: block;
    float: left;
    margin-right: 2.5%;
    width: 48.75%;
    padding: 1em;
    text-transform: uppercase; }
    #section-filter-related .item-title h3:last-child {
      margin-right: 0; }

#section-related-items {
  padding: 0 0 40px 0; }
  #section-related-items .items-container {
    *zoom: 1;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto; }
    #section-related-items .items-container:before, #section-related-items .items-container:after {
      content: " ";
      display: table; }
    #section-related-items .items-container:after {
      clear: both; }
    #section-related-items .items-container li {
      display: table-cell;
      float: left;
      width: 25%;
      position: relative;
      z-index: 0; }
      #section-related-items .items-container li img {
        width: 100%;
        z-index: 1;
        opacity: 1; }
      #section-related-items .items-container li .title {
        position: absolute;
        color: #fff;
        background-color: #000;
        bottom: 0px;
        left: 0;
        font-size: 0.875em;
        padding: 20px 10px 20px 10px;
        font-family: 'glegooregular';
        width: 100%;
        text-transform: none;
        letter-spacing: .05em;
        max-height: 30%;
        min-height: 30%;
        overflow: hidden; }
        #section-related-items .items-container li .title a {
          color: #fff;
          padding: 0; }
          #section-related-items .items-container li .title a:hover {
            color: #66D7FF; }
      #section-related-items .items-container li .date {
        position: absolute;
        color: #fff;
        background-color: #000;
        top: 0;
        right: 0;
        font-size: 0.875em;
        padding: 10px;
        text-transform: uppercase;
        font-family: 'glegooregular'; }

body.page-template-browser-php {
  background-color: #000; }
  body.page-template-browser-php .logo-container {
    position: relative;
    width: 100%;
    z-index: 10;
    text-align: center;
    margin: 20px auto 100px 0; }
    body.page-template-browser-php .logo-container img {
      width: 20%; }

.browser-detect-container {
  *zoom: 1;
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  .browser-detect-container:before, .browser-detect-container:after {
    content: " ";
    display: table; }
  .browser-detect-container:after {
    clear: both; }

.browser-detect {
  width: 100%; }
  .browser-detect h1 {
    font-family: latolight_italic;
    font-size: 64px;
    text-align: center;
    text-transform: uppercase;
    color: #fff; }
  .browser-detect ul {
    margin: 25px auto;
    text-align: center; }
  .browser-detect li {
    display: inline-block;
    text-align: center;
    margin: 0 20px; }
    .browser-detect li:last-child {
      margin: 0px; }
    .browser-detect li a {
      color: #fff;
      font-family: latolight_italic;
      font-size: 24px;
      text-align: center; }
      .browser-detect li a .icon-firefox {
        background: url(../img/icons/icons-browser.png) -2px 0px no-repeat transparent;
        width: 90px;
        height: 94px;
        margin: 0 auto; }
        .browser-detect li a .icon-firefox:hover {
          background: url(../img/icons/icons-browser.png) -2px -109px no-repeat transparent; }
      .browser-detect li a .icon-chrome {
        background: url(../img/icons/icons-browser.png) -137px 0px no-repeat transparent;
        width: 90px;
        height: 94px;
        margin: 0 auto; }
        .browser-detect li a .icon-chrome:hover {
          background: url(../img/icons/icons-browser.png) -137px -109px no-repeat transparent; }
      .browser-detect li a .icon-safari {
        background: url(../img/icons/icons-browser.png) -275px 0px no-repeat transparent;
        width: 90px;
        height: 94px;
        margin: 0 auto; }
        .browser-detect li a .icon-safari:hover {
          background: url(../img/icons/icons-browser.png) -275px -109px no-repeat transparent; }
      .browser-detect li a .icon-ie {
        background: url(../img/icons/icons-browser.png) -401px 0px no-repeat transparent;
        width: 100px;
        height: 94px;
        margin: 0 auto; }
        .browser-detect li a .icon-ie:hover {
          background: url(../img/icons/icons-browser.png) -401px -109px no-repeat transparent; }
      .browser-detect li a p {
        text-align: center; }
        .browser-detect li a p:hover {
          color: #66D7FF; }

.landing-container.timeline-archive {
  background-color: #121212; }
  .landing-container.timeline-archive .timeline-nav.icon-left-open-1 {
    width: 50px;
    height: 50px;
    color: #fff;
    padding: 15px;
    background-color: #000;
    border: 1px solid #1b1b1b; }
    .landing-container.timeline-archive .timeline-nav.icon-left-open-1:hover {
      background-color: #2AB3E2;
      cursor: pointer; }
    .landing-container.timeline-archive .timeline-nav.icon-left-open-1.up:before {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); }
    .landing-container.timeline-archive .timeline-nav.icon-left-open-1.down:before {
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      transform: rotate(-90deg); }
  .landing-container.timeline-archive .timeline-nav.icon-right-open-1 {
    width: 50px;
    height: 50px;
    color: #fff;
    padding: 15px;
    background-color: #000;
    border: 1px solid #1b1b1b; }
    .landing-container.timeline-archive .timeline-nav.icon-right-open-1:hover {
      background-color: #2AB3E2;
      cursor: pointer; }
  .landing-container.timeline-archive #archive-section-menu {
    height: 50px;
    width: 100%;
    background-color: #000;
    margin: 0;
    border-bottom: 1px solid #666; }
    .landing-container.timeline-archive #archive-section-menu li {
      float: left;
      padding: 15px 50px 15px 50px;
      height: 50px; }
      .landing-container.timeline-archive #archive-section-menu li:first-child {
        padding: 15px 25px 15px 75px;
        border-right: 1px solid #666; }
      .landing-container.timeline-archive #archive-section-menu li:last-child {
        float: right;
        padding: 15px 25px 15px 25px;
        border-left: 1px solid #666; }
      .landing-container.timeline-archive #archive-section-menu li a {
        color: #666;
        font-family: 'latoregular';
        font-size: 12px;
        font-weight: normal; }
        .landing-container.timeline-archive #archive-section-menu li a:hover, .landing-container.timeline-archive #archive-section-menu li a.active {
          color: #2AB3E2; }
  .landing-container.timeline-archive .container {
    width: 100%;
    height: 1000px;
    position: relative;
    overflow: hidden; }
    .landing-container.timeline-archive .container .timeline {
      position: relative;
      width: 100%;
      height: 100%; }
      .landing-container.timeline-archive .container .timeline div {
        width: 480px;
        height: 480px;
        border: 1px solid #222222;
        position: absolute;
        background-color: #000; }
        .landing-container.timeline-archive .container .timeline div h2 {
          font-family: 'glegooregular';
          font-size: 18px;
          color: #2e2e2e;
          padding: 30px 20px 10px 20px; }
        .landing-container.timeline-archive .container .timeline div p {
          font-family: 'glegooregular';
          font-size: 12px;
          color: #2e2e2e;
          padding: 0 20px;
          line-height: 18px; }
      .landing-container.timeline-archive .container .timeline .active {
        border: 1px solid #222222;
        background-color: #fff; }
        .landing-container.timeline-archive .container .timeline .active h2 {
          font-family: 'glegooregular';
          font-size: 18px;
          color: #010101;
          padding: 30px 20px 10px 20px; }
        .landing-container.timeline-archive .container .timeline .active p {
          font-family: 'glegooregular';
          font-size: 12px;
          color: #666666;
          padding: 0 20px;
          line-height: 18px; }

.news-container {
  max-width: 300px;
  position: fixed;
  z-index: 1500;
  top: 0;
  right: 0;
  height: 100%;
  background: #000;
  font-family: glegooregular;
  transition: margin 0.50s ease-in-out;
  font-weight: normal;
  width: 300px;
  /* Medium Devices, Desktops */ }
  .news-container.is--closed {
    margin-right: -300px;
    /* Medium Devices, Desktops */ }
    @media only screen and (min-width: 992px) {
      .news-container.is--closed {
        margin-right: -300px; } }
  @media only screen and (min-width: 992px) {
    .news-container {
      max-width: 300px; } }

.is--open .news-container__toggle span {
  color: #000;
  font-size: 1.25em;
  margin: 0;
  display: block;
  padding: 25px;
  height: 75px;
  width: 75px; }

.is--closed .news-container__toggle {
  left: -75px;
  background: #000;
  padding: 0 10px; }
  .is--closed .news-container__toggle span {
    color: #fff;
    font-size: 1.25em;
    /* margin: 6em .75rem 1.75rem .75rem; */
    display: table-cell;
    height: 75px;
    width: 75px;
    vertical-align: middle; }
    .is--closed .news-container__toggle span:before {
      content: "news";
      font-family: 'glegooregular';
      font-size: 1rem;
      position: relative;
      top: -0.25rem;
      left: -0.75rem;
      text-transform: uppercase; }

.news-container__toggle {
  display: inline-block;
  background-color: #2AB3E2;
  color: #FFF;
  text-align: center;
  position: absolute;
  top: 0;
  left: -75px;
  z-index: 1200;
  padding: 0; }

.news-container__news {
  max-height: 100%;
  overflow-y: auto; }

.news-container__news__item {
  background: #333333;
  padding: 1rem 2rem; }

.news-container__news__heading {
  color: #fff;
  padding: 1.62rem;
  font-size: 1.5rem; }
  .news-container__news__heading a {
    color: #fff; }
    .news-container__news__heading a:hover {
      color: #66D7FF; }

.news-container__news__item:nth-child(odd) {
  background: #2d2d2d; }

.news-container__news__item__title {
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 0.65rem;
  line-height: 1rem;
  display: inline-block;
  margin-bottom: 0.5rem;
  /* Small Devices, Tablets */
  /* Large Devices, Wide Screens */ }
  @media only screen and (min-width: 768px) {
    .news-container__news__item__title {
      font-size: 1rem;
      line-height: 1.5rem; } }
  @media only screen and (min-width: 1200px) {
    .news-container__news__item__title {
      font-size: 1rem;
      line-height: 1.5rem; } }

.news-container__news__item__body {
  color: #999999;
  font-size: .5rem;
  line-height: 0.75rem;
  margin-bottom: 0.75rem;
  /* Small Devices, Tablets */ }
  @media only screen and (min-width: 768px) {
    .news-container__news__item__body {
      font-size: 1rem;
      line-height: 1.25rem; } }

.news-container__news__item__date {
  text-transform: uppercase;
  color: #999999;
  font-size: 0.65rem; }

.news-container__actions {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 10; }

.news-container__news__more {
  display: block;
  color: #999;
  padding: 1.25rem 2rem;
  text-transform: uppercase;
  position: relative;
  z-index: 10;
  background: #000000;
  /* Medium Devices, Desktops */ }
  @media only screen and (min-width: 992px) {
    .news-container__news__more {
      padding: 1.75rem 2rem; } }

.news-container__news__more__icon {
  float: right;
  color: #fff; }

.news-container__promo {
  background: pink; }
  .news-container__promo img {
    max-width: 100%;
    width: 100%;
    height: auto; }

/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden; }

/* Black and white, color hover */
.grayscale {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  /* For Webkit browsers */
  filter: gray;
  /* For IE 6 - 9 */
  -webkit-transition: all .6s ease;
  /* Transition for Webkit browsers */ }

/*# sourceMappingURL=main.css.map */