@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
@import url(http://fonts.googleapis.com/css?family=Raleway:400,700,800,900,600,500,300,200);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,300italic,400italic,500,700,900);
@import url(https://fonts.googleapis.com/css?family=Karla:400,400italic,700);
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

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

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

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

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

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

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

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button, .pane__password form input,
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, .pane__password form input,
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], .pane__password form input[disabled],
html input[disabled] {
  cursor: default; }

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

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

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

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

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

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

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

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

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

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

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

td,
th {
  padding: 0; }

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 19, 2015 */
@font-face {
  font-family: 'Abel';
  font-weight: normal;
  font-style: normal;
  src: url("../font/Abel-Regular-webfont.eot");
  src: url("../font/Abel-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/Abel-Regular-webfont.woff2") format("woff2"), url("../font/Abel-Regular-webfont.woff") format("woff"), url("../font/Abel-Regular-webfont.ttf") format("truetype"), url("../font/Abel-Regular-webfont.svg#abelregular") format("svg"); }
@font-face {
  font-family: 'EBGaramond';
  font-weight: normal;
  font-style: normal;
  src: url("../font/EBGaramond-Regular-webfont.eot");
  src: url("../font/EBGaramond-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/EBGaramond-Regular-webfont.woff2") format("woff2"), url("../font/EBGaramond-Regular-webfont.woff") format("woff"), url("../font/EBGaramond-Regular-webfont.ttf") format("truetype"), url("../font/EBGaramond-Regular-webfont.svg#eb_garamondregular") format("svg"); }
@font-face {
  font-family: 'Oswald';
  font-weight: 300;
  font-style: normal;
  src: url("../font/Oswald-Light-webfont.eot");
  src: url("../font/Oswald-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../font/Oswald-Light-webfont.woff2") format("woff2"), url("../font/Oswald-Light-webfont.woff") format("woff"), url("../font/Oswald-Light-webfont.ttf") format("truetype"), url("../font/Oswald-Light-webfont.svg#oswaldlight") format("svg"); }
@font-face {
  font-family: 'Oswald';
  font-weight: normal;
  font-style: normal;
  src: url("../font/Oswald-Regular-webfont.eot");
  src: url("../font/Oswald-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/Oswald-Regular-webfont.woff2") format("woff2"), url("../font/Oswald-Regular-webfont.woff") format("woff"), url("../font/Oswald-Regular-webfont.ttf") format("truetype"), url("../font/Oswald-Regular-webfont.svg#oswaldregular") format("svg"); }
@font-face {
  font-family: 'Oswald';
  font-weight: bold;
  font-style: normal;
  src: url("../font/Oswald-Bold-webfont.eot");
  src: url("../font/Oswald-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../font/Oswald-Bold-webfont.woff2") format("woff2"), url("../font/Oswald-Bold-webfont.woff") format("woff"), url("../font/Oswald-Bold-webfont.ttf") format("truetype"), url("../font/Oswald-Bold-webfont.svg#oswaldbold") format("svg"); }
@font-face {
  font-family: 'DINnext';
  font-weight: normal;
  font-style: normal;
  src: url("../font/DINNextRegular.eot");
  src: url("../font/DINNextRegular.eot?#iefix") format("embedded-opentype"), url("../font/DINNextRegular.woff") format("woff"), url("../font/DINNextRegular.ttf") format("truetype"), url("../font/DINNextRegular.svg#DINNextRegular") format("svg"); }
@font-face {
  font-family: 'MESLODZ';
  font-weight: normal;
  font-style: normal;
  src: url("../font/meslolgm-dz-regular-webfont.eot");
  src: url("../font/meslolgm-dz-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/meslolgm-dz-regular-webfont.woff") format("woff"), url("../font/meslolgm-dz-regular-webfont.ttf") format("truetype"), url("../font/meslolgm-dz-regular-webfont.svg#AlternateGothic2BTRegular") format("svg"); }
@font-face {
  font-family: 'Cousine';
  font-weight: normal;
  font-style: normal;
  src: url("../font/cousineregular-webfont.eot");
  src: url("../font/cousineregular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/cousineregular-webfont.woff") format("woff"), url("../font/cousineregular-webfont.ttf") format("truetype"), url("../font/cousineregular-webfont.svg#cousineregular") format("svg"); }
@font-face {
  font-family: 'Gotham';
  font-weight: normal;
  font-style: normal;
  src: url("../font/gothambook.eot");
  src: url("../font/gothambook.eot?#iefix") format("embedded-opentype"), url("../font/gothambook.woff") format("woff"), url("../font/gothambook.ttf") format("truetype"), url("../font/gothambook.svg#gothambook") format("svg"); }
@font-face {
  font-family: 'Proxima Nova';
  font-weight: normal;
  font-style: normal;
  src: url("../font/proximanova-webfont.eot");
  src: url("../font/proximanova-webfont.eot?#iefix") format("embedded-opentype"), url("../font/proximanova-webfont.woff") format("woff"), url("../font/proximanova-webfont.ttf") format("truetype"), url("../font/proximanova-webfont.svg#proximanova") format("svg"); }
@font-face {
  font-family: 'all-icon-ommx2015';
  src: url("../font/all-icon-ommx2015.eot?30410860");
  src: url("../font/all-icon-ommx2015.eot?30410860#iefix") format("embedded-opentype"), url("../font/all-icon-ommx2015.woff?30410860") format("woff"), url("../font/all-icon-ommx2015.ttf?30410860") format("truetype"), url("../font/all-icon-ommx2015.svg?30410860#all-icon-ommx2015") 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: 'all-icon-ommx2015';
    src: url('../font/all-icon-ommx2015.svg?30410860#all-icon-ommx2015') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "all-icon-ommx2015";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-menu:before {
  content: '\e800'; }

/* '' */
.icon-star-1:before {
  content: '\e801'; }

/* '' */
.icon-star-empty-1:before {
  content: '\e802'; }

/* '' */
.icon-info-circled:before {
  content: '\e803'; }

/* '' */
.icon-home:before {
  content: '\e804'; }

/* '' */
.icon-cancel-circled:before {
  content: '\e805'; }

/* '' */
.icon-cancel-squared:before {
  content: '\e806'; }

/* '' */
.icon-plus:before {
  content: '\e807'; }

/* '' */
.icon-plus-circled:before {
  content: '\e808'; }

/* '' */
.icon-plus-squared:before {
  content: '\e809'; }

/* '' */
.icon-minus:before {
  content: '\e80a'; }

/* '' */
.icon-minus-squared:before {
  content: '\e80b'; }

/* '' */
.icon-minus-circled:before {
  content: '\e80c'; }

/* '' */
.icon-eye:before {
  content: '\e80d'; }

/* '' */
.icon-bookmark:before {
  content: '\e80e'; }

/* '' */
.icon-attention:before {
  content: '\e80f'; }

/* '' */
.icon-box:before {
  content: '\e810'; }

/* '' */
.icon-archive:before {
  content: '\e811'; }

/* '' */
.icon-down-circled:before {
  content: '\e812'; }

/* '' */
.icon-left-circled:before {
  content: '\e813'; }

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

/* '' */
.icon-up-circled:before {
  content: '\e815'; }

/* '' */
.icon-target:before {
  content: '\e816'; }

/* '' */
.icon-book:before {
  content: '\e817'; }

/* '' */
.icon-doc-text-inv:before {
  content: '\e818'; }

/* '' */
.icon-book-open:before {
  content: '\e819'; }

/* '' */
.icon-down-open-mini:before {
  content: '\e81a'; }

/* '' */
.icon-left-open-mini:before {
  content: '\e81b'; }

/* '' */
.icon-right-open-mini:before {
  content: '\e81c'; }

/* '' */
.icon-up-open-mini:before {
  content: '\e81d'; }

/* '' */
.icon-left-open-big:before {
  content: '\e81e'; }

/* '' */
.icon-down-open-big:before {
  content: '\e81f'; }

/* '' */
.icon-right-open-big:before {
  content: '\e820'; }

/* '' */
.icon-up-open-big:before {
  content: '\e821'; }

/* '' */
.icon-down-dir:before {
  content: '\e822'; }

/* '' */
.icon-left-dir:before {
  content: '\e823'; }

/* '' */
.icon-right-dir:before {
  content: '\e824'; }

/* '' */
.icon-up-dir:before {
  content: '\e825'; }

/* '' */
.icon-right-bold:before {
  content: '\e826'; }

/* '' */
.icon-left-bold:before {
  content: '\e827'; }

/* '' */
.icon-down-bold:before {
  content: '\e828'; }

/* '' */
.icon-up-bold:before {
  content: '\e829'; }

/* '' */
.icon-cw:before {
  content: '\e82a'; }

/* '' */
.icon-shuffle:before {
  content: '\e82b'; }

/* '' */
.icon-play:before {
  content: '\e82c'; }

/* '' */
.icon-stop:before {
  content: '\e82d'; }

/* '' */
.icon-pause:before {
  content: '\e82e'; }

/* '' */
.icon-list:before {
  content: '\e82f'; }

/* '' */
.icon-list-add:before {
  content: '\e830'; }

/* '' */
.icon-mobile:before {
  content: '\e831'; }

/* '' */
.icon-monitor:before {
  content: '\e832'; }

/* '' */
.icon-network:before {
  content: '\e833'; }

/* '' */
.icon-export:before {
  content: '\e834'; }

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

/* '' */
.icon-flow-branch:before {
  content: '\e836'; }

/* '' */
.icon-twitter-1:before {
  content: '\e837'; }

/* '' */
.icon-twitter-circled:before {
  content: '\e838'; }

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

/* '' */
.icon-home-1:before {
  content: '\e83a'; }

/* '' */
.icon-lock:before {
  content: '\e83b'; }

/* '' */
.icon-eye-1:before {
  content: '\e83c'; }

/* '' */
.icon-bookmark-1:before {
  content: '\e83d'; }

/* '' */
.icon-bookmark-empty:before {
  content: '\e83e'; }

/* '' */
.icon-link-ext-alt:before {
  content: '\e83f'; }

/* '' */
.icon-star-circled:before {
  content: '\e840'; }

/* '' */
.icon-glyph-20:before {
  content: '\e841'; }

/* '' */
.icon-resize-full-1:before {
  content: '\e842'; }

/* '' */
.icon-resize-full-alt:before {
  content: '\e843'; }

/* '' */
.icon-cog-2:before {
  content: '\e844'; }

/* '' */
.icon-location:before {
  content: '\e845'; }

/* '' */
.icon-cw-circle:before {
  content: '\e846'; }

/* '' */
.icon-down-circle:before {
  content: '\e847'; }

/* '' */
.icon-left-circle:before {
  content: '\e848'; }

/* '' */
.icon-right-circle:before {
  content: '\e849'; }

/* '' */
.icon-up-circle:before {
  content: '\e84a'; }

/* '' */
.icon-updown-circle:before {
  content: '\e84b'; }

/* '' */
.icon-logout:before {
  content: '\e84c'; }

/* '' */
.icon-glyph:before {
  content: '\e84d'; }

/* '' */
.icon-glyph-1:before {
  content: '\e84e'; }

/* '' */
.icon-glyph-2:before {
  content: '\e84f'; }

/* '' */
.icon-glyph-3:before {
  content: '\e850'; }

/* '' */
.icon-glyph-4:before {
  content: '\e851'; }

/* '' */
.icon-glyph-5:before {
  content: '\e852'; }

/* '' */
.icon-glyph-6:before {
  content: '\e853'; }

/* '' */
.icon-glyph-7:before {
  content: '\e854'; }

/* '' */
.icon-cw-circled:before {
  content: '\e855'; }

/* '' */
.icon-glyph-9:before {
  content: '\e856'; }

/* '' */
.icon-glyph-10:before {
  content: '\e857'; }

/* '' */
.icon-glyph-11:before {
  content: '\e858'; }

/* '' */
.icon-link-ext:before {
  content: '\e859'; }

/* '' */
.icon-mail:before {
  content: '\e85a'; }

/* '' */
.icon-glyph-12:before {
  content: '\e85b'; }

/* '' */
.icon-glyph-15:before {
  content: '\e85c'; }

/* '' */
.icon-glyph-16:before {
  content: '\e85d'; }

/* '' */
.icon-cancel-circled-1:before {
  content: '\e85e'; }

/* '' */
.icon-aperture-alt:before {
  content: '\e85f'; }

/* '' */
.icon-glyph-18:before {
  content: '\e860'; }

/* '' */
.icon-glyph-19:before {
  content: '\e861'; }

/* '' */
.icon-th-large:before {
  content: '\e862'; }

/* '' */
.icon-download-alt:before {
  content: '\e863'; }

/* '' */
.icon-th:before {
  content: '\e864'; }

/* '' */
.icon-ok-circled:before {
  content: '\e865'; }

/* '' */
.icon-off:before {
  content: '\e866'; }

/* '' */
.icon-doc:before {
  content: '\e867'; }

/* '' */
.icon-twitter:before {
  content: '\e868'; }

/* '' */
.icon-stack:before {
  content: '\e869'; }

/* '' */
.icon-user:before {
  content: '\e86b'; }

/* '' */
:focus {
  outline: none; }

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden; }

#cboxWrapper {
  max-width: none; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0; }

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #FFF;
  opacity: 0.9;
  filter: alpha(opacity=90); }

#colorbox {
  outline: 0; }

/*
#cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
*/
#cboxTopLeft,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopCenter,
#cboxBottomCenter {
  display: none; }

#cboxContent {
  background: #fff;
  overflow: hidden; }

.cboxIframe {
  background: #fff; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  margin-bottom: 40px; }

#cboxTitle {
  position: absolute;
  width: 100%;
  width: calc(100% - 75px);
  bottom: 0;
  left: 0;
  margin: 5px;
  color: #999;
  font-size: 10px;
  line-height: 1.5em;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: .025em; }

#cboxCurrent {
  position: absolute;
  bottom: 40px;
  right: 0;
  padding: 2px 5px 0;
  background: rgba(255, 255, 255, 0.8);
  color: #222;
  font-size: 10px; }

#cboxLoadingOverlay {
  background: url(colorbox-images/loading_background.png) no-repeat center center; }

#cboxLoadingGraphic {
  background: url(colorbox-images/loading.gif) no-repeat center center; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0; }

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef; }

#cboxPrevious {
  position: absolute;
  bottom: 5px;
  right: 50px;
  background: url(colorbox-images/controls.png) no-repeat -50px -25px;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxPrevious:hover {
  background-position: -50px 0; }

#cboxNext {
  position: absolute;
  bottom: 5px;
  right: 25px;
  background: url(colorbox-images/controls.png) no-repeat -75px -25px;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxNext:hover {
  background-position: -75px 0; }

#cboxClose {
  position: absolute;
  bottom: 5px;
  right: 0;
  background: url(colorbox-images/controls.png) no-repeat -100px -25px;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxClose:hover {
  background-position: -100px 0; }

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }

/*! Flickity v1.1.1
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.flickity-prev-next-button:hover {
  background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F; }

.flickity-prev-next-button:active {
  filter: alpha(opacity=60);
  /* IE8 */
  opacity: 0.6; }

.flickity-prev-next-button.previous {
  left: 10px; }

.flickity-prev-next-button.next {
  right: 10px; }

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px; }

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30);
  /* IE8 */
  opacity: 0.3;
  cursor: auto; }

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%; }

.flickity-prev-next-button .arrow {
  fill: #333; }

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px; }

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1; }

.flickity-rtl .flickity-page-dots {
  direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  filter: alpha(opacity=25);
  /* IE8 */
  opacity: 0.25;
  cursor: pointer; }

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100);
  /* IE8 */
  opacity: 1; }

/**
 * Swiper 3.1.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: August 22, 2015
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative; }

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto; }

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }

button.swiper-pagination-bullet, .pane__password form input.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000; }

.swiper-container-vertical > .swiper-pagination {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
  margin: 5px 0;
  display: block; }

.swiper-container-horizontal > .swiper-pagination {
  bottom: 10px;
  left: 0;
  width: 100%; }

.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px; }

/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */ }

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px; }

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

/* Cube */
.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 1; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg); } }
/*! jQuery UI - v1.11.4 - 2015-04-09
* http://jqueryui.com
* Includes: core.css, autocomplete.css, menu.css, tooltip.css
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

.ui-front {
  z-index: 100; }

.ui-state-disabled {
  cursor: default !important; }

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: -1px; }

.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item {
  padding-left: 2em; }

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa; }

body .ui-tooltip {
  border-width: 2px; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `cf` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

html {
  box-sizing: border-box;
  font-size: 1em; }

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

::selection {
  background: transparent;
  color: #d1462a;
  text-shadow: none; }

::-moz-selection {
  background: transparent;
  color: #d1462a;
  text-shadow: none; }

a {
  color: #999;
  text-decoration: none; }

a:hover,
a:focus {
  color: #444; }

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

img {
  max-width: 100%;
  height: auto;
  /* Give it some text styles to offset alt text */
  color: #c00; }

figure img {
  display: block;
  margin-bottom: 0; }

.btn, .btn--heavy, .btn--heavy--dark {
  display: inline-block;
  padding: 5px 10px 5px;
  line-height: 1em;
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2px; }
  .btn:focus, .btn--heavy:focus, .btn--heavy--dark:focus {
    outline: none; }

.btn__group {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn__group > .btn, .btn__group > .btn--heavy, .btn__group > .btn--heavy--dark {
    position: relative;
    float: left; }
  .btn__group > .btn + .btn, .btn__group > .btn--heavy + .btn, .btn__group > .btn--heavy--dark + .btn, .btn__group > .btn + .btn--heavy, .btn__group > .btn--heavy + .btn--heavy, .btn__group > .btn--heavy--dark + .btn--heavy, .btn__group > .btn + .btn--heavy--dark, .btn__group > .btn--heavy + .btn--heavy--dark, .btn__group > .btn--heavy--dark + .btn--heavy--dark {
    margin-left: -1px; }
  .btn__group > .btn:not(:first-child):not(:last-child), .btn__group > .btn--heavy:not(:first-child):not(:last-child), .btn__group > .btn--heavy--dark:not(:first-child):not(:last-child) {
    border-radius: 0; }
  .btn__group > .btn:first-child:not(:last-child), .btn__group > .btn--heavy:first-child:not(:last-child), .btn__group > .btn--heavy--dark:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .btn__group > .btn:last-child:not(:first-child), .btn__group > .btn--heavy:last-child:not(:first-child), .btn__group > .btn--heavy--dark:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.btn--heavy, .btn--heavy--dark {
  margin-top: 10px;
  padding: 2px 10px 0;
  line-height: 25px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.btn--heavy--dark {
  color: #999;
  background: #222;
  border-color: #2b2b2b; }

.btn--dark:hover {
  color: #FFF;
  border-color: #444; }

.btn--left {
  float: left; }

.btn--right {
  float: right; }

body {
  background-color: #EEEDEC;
  color: #222;
  font-family: DINnext, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5; }

.wrapper {
  width: 100%;
  margin: 0 auto; }
  @media (min-width: 650px) {
    .wrapper {
      width: 1024px; } }

.global_loading {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1000; }

.global_loading__loader {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .global_loading__loader svg {
    -webkit-animation: rotate 0.5s linear infinite;
    -moz-animation: rotate 0.5s linear infinite;
    -ms-animation: rotate 0.5s linear infinite;
    -o-animation: rotate 0.5s linear infinite;
    animation: rotate 0.5s linear infinite; }
    .global_loading__loader svg path {
      fill: #EF4135; }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* Landing */
.landing {
  background: #000; }
  .landing .tail {
    position: relative; }
  .landing .tail__footer-opener {
    position: absolute;
    top: 5px;
    right: 10px;
    background: transparent;
    border: none;
    font-size: 20px;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out; }
    .landing .tail__footer-opener.active {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); }
  .landing .tail__hidden-content.wrapper {
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
    .landing .tail__hidden-content.wrapper.open {
      -webkit-transform: translate(0, 0%);
      -moz-transform: translate(0, 0%);
      -ms-transform: translate(0, 0%);
      -o-transform: translate(0, 0%);
      transform: translate(0, 0%); }
  .landing .quickSearchBox .btn-group {
    position: absolute;
    top: 1.85em;
    right: .5em; }
  .landing .quickSearchBox button, .landing .quickSearchBox .pane__password form input, .pane__password form .landing .quickSearchBox input {
    padding: 0;
    background: transparent;
    border: none;
    color: #CCC; }
 
.search--fullscreen {
  position: relative;
  height: 100vh;
  height: calc(100vh - 40px);
  background-color: #000;
  background-image: url("../img/C030-SQ01G-simul-gif-picto-final-gold-nb.gif");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: contain; }
  .search--fullscreen .search__logo {
    position: relative;
    top: 40px;
    margin: 0 auto;
    width: 40px;
    color: #000; }

.slideBanner {
  position: relative;
  margin: 0 auto;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }
  .slideBanner .slideBanner__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1000;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .slideBanner .slideBanner__loader svg path {
      fill: #EF4135; }

.slideBanner__caption, .slideBanner__prev, .slideBanner__next {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  background-color: #222;
  color: #999;
  line-height: 25px;
  padding: 0 10px; }

.slideBanner__caption {
  position: relative;
  font-family: MESLODZ, "Courier New", monospace;
  font-size: 9px;
  text-align: right;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 10; }

.slideBanner__prev, .slideBanner__next {
  float: left;
  width: 50%; }

.slideBanner__prev:hover, .slideBanner__next:hover {
  cursor: pointer; }

.slideBanner__next {
  text-align: right; }

/* SlideJs tricks for custom nav buttons */
.slidesjs-navigation {
  display: none; }

.statement {
  position: relative;
  margin-top: -25px;
  background: #FFF; }
  .statement header {
    padding-top: 25px; }

.statement__title {
  background: #EEEDEC;
  border: 1px solid #EEEDEC; }
  @media (min-width: 650px) {
    .statement__title {
      width: 624px;
      float: left; } }
  .statement__title h1 {
    line-height: 50px;
    font-family: ABEL, arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    display: inline-block;
    margin: 0 40px;
    color: #555; }
  .statement__title .statement__year {
    float: right;
    padding: 0 10px;
    background-color: #F9F9F9;
    color: #222;
    line-height: 50px;
    font-family: OSWALD, arial, sans-serif;
    font-size: 20px;
    letter-spacing: 1px; }

.statement__menu {
  display: none;
  position: relative; }
  @media (min-width: 650px) {
    .statement__menu {
      display: block;
      float: right;
      border: 1px solid #CCC;
      border-right: none; }
      .statement__menu > ul {
        padding: 0 10px; }
      .statement__menu > ul > li {
        display: inline-block; }
      .statement__menu a {
        line-height: 50px;
        font-family: ABEL, arial, sans-serif;
        font-size: 16px;
        font-weight: normal;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 0;
        font-size: 16px -1px;
        color: #CCC; }
      .statement__menu span {
        color: #CCC; } }

@media (min-width: 650px) {
  .statement__submenu {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 20px;
    width: 100%;
    border-left: 1px solid #DDD; }
    .statement__submenu li {
      float: left;
      display: block;
      padding: 0 5px;
      border-top: 1px solid #DDD;
      border-right: 1px solid #ddd; }
      .statement__submenu li a {
        display: block;
        min-width: 40px;
        line-height: 2em;
        font-size: .75em;
        text-align: center; } }

@media (min-width: 650px) {
  .statement__menu > ul > li:hover > a ~ .statement__submenu {
    display: block; } }

.statement__miniAction {
  float: right;
  border: 1px solid #DDD;
  border-right: none; }
  .statement__miniAction a {
    display: block;
    height: 25px;
    padding: 0 3px; }
    .statement__miniAction a:first-child {
      border-bottom: 1px solid #DDD; }
    .statement__miniAction a .icon-twitter-1 {
      line-height: 28px; }
    .statement__miniAction a .icon-glyph-16 {
      line-height: 32px; }
  .statement__miniAction .bookmarked {
    background: #EF4135;
    color: #F9F9F9;
    line-height: 1.8em; }

.statement__description {
  margin: 25px 0; }
  .statement__description figcaption {
    font-family: Gotham, sans-serif;
    font-size: 11px; }
    .statement__description figcaption > ul > li {
      margin-bottom: 1em; }
    .statement__description figcaption > ul > li + li {
      font-size: 10px; }
  @media (min-width: 650px) {
    .statement__description {
      float: right;
      width: 400px; }
      .statement__description figure {
        width: 280px;
        margin: 0 auto; }
        .statement__description figure > a {
          display: block; }
      .statement__description figcaption {
        margin-top: 5px;
        padding: 25px 5px 25px 0;
        background: -webkit-linear-gradient(right, #F9F9F9 0%, #FFF 100%);
        background: -moz-linear-gradient(right, #F9F9F9 0%, #FFF 100%);
        background: -ms-linear-gradient(right, #F9F9F9 0%, #FFF 100%);
        background: -o-linear-gradient(right, #F9F9F9 0%, #FFF 100%);
        background: linear-gradient(right, #F9F9F9 0%, #FFF 100%); } }

.statement__descriptionCourtesy {
  color: #999; }

.statement__textCard {
  background: -webkit-linear-gradient(right, #F9F9F9 0%, #FFF 100%);
  background: -moz-linear-gradient(right, #F9F9F9 0%, #FFF 100%);
  background: -ms-linear-gradient(right, #F9F9F9 0%, #FFF 100%);
  background: -o-linear-gradient(right, #F9F9F9 0%, #FFF 100%);
  background: linear-gradient(right, #F9F9F9 0%, #FFF 100%);
  position: relative;
  width: 624px;
  margin: 42px 0;
  float: left;
  padding: 0 40px 25px; }

.statement__text {
  margin-top: 40px;
  margin-bottom: 25px;
  font-family: EBGaramond, Georgia, serif;
  font-size: 14px;
  text-align: justify; }
  .statement__text + .statement__text {
    display: none; }

.statement__category, .statement__transBtn {
  border: 1px solid #CCC;
  background: #FFF;
  color: #444;
  font-family: DINnext, "Helvetica Neue", Arial, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .025em;
  font-size: 10px;
  padding: 2px 5px 0;
  letter-spacing: .7px;
  border-color: #EEE; }

.statement__category {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-family: MESLODZ, "Courier New", monospace;
  font-size: 9px; }

.statement__linkBox, .statement__linkBox--right {
  border: 1px solid #CCC;
  background: #FFF;
  color: #444;
  font-family: DINnext, "Helvetica Neue", Arial, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .025em;
  margin-bottom: .5em;
  font-size: 10px; }
  .statement__linkBox a, .statement__linkBox--right a {
    display: block;
    padding: 3px 15px 0;
    line-height: 23px; }
  .statement__linkBox a:hover, .statement__linkBox--right a:hover {
    color: #222; }

.statement__linkBox--right {
  float: right; }

.statement__transBtn {
  position: absolute;
  top: 0;
  right: 0;
  border-top: none;
  font-size: 10px;
  line-height: 20px; }

.section--fade {
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }
  .section--fade.hidden {
    opacity: .15; }

.section__title {
  border-right: 0;
  border-left: 30px solid #FFF; }
  .section__title h1 {
    line-height: 50px;
    font-family: ABEL, arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    display: inline-block;
    color: #555; }
  .section__title .section__category {
    font-family: OSWALD, arial, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    float: left;
    padding: 0 10px;
    line-height: 50px;
    font-weight: 400; }

.section__tabs {
  color: #CCC;
  font-family: ABEL, sans-serif;
  font-size: 16px;
  text-align: center; }
  .section__tabs li {
    float: left; }
  .section__tabs a {
    line-height: 50px;
    font-family: ABEL, arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    display: block;
    width: 204px;
    margin: 3px;
    margin-top: 0;
    margin-left: 0;
    line-height: 25px; }
  .section__tabs .active a,
  .section__tabs li a:hover {
    background-color: #FFF;
    color: #444; }

.section__panes {
  background-image: -webkit-linear-gradient(bottom, #EEEDEC 25%, #FFF 100%);
  background-image: -moz-linear-gradient(bottom, #EEEDEC 25%, #FFF 100%);
  background-image: -ms-linear-gradient(bottom, #EEEDEC 25%, #FFF 100%);
  background-image: -o-linear-gradient(bottom, #EEEDEC 25%, #FFF 100%);
  background-image: linear-gradient(bottom, #EEEDEC 25%, #FFF 100%);
  min-height: 500px;
  padding: 50px 40px 100px;
  font-size: 11px; }
  .section__panes > div {
    display: none;
    position: relative; }
  .section__panes > .active {
    display: block; }
  .section__panes h3 {
    font-family: OSWALD, arial, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal; }
  .section__panes h4 {
    font-weight: normal;
    text-transform: uppercase;
    margin: 0 0 .5em; }

.pane__gallery {
  margin-left: -11px; }
  .pane__gallery a {
    display: block;
    float: left;
    width: 180px;
    height: 154px;
    margin: 0 0 11px 11px;
    background: #CCC;
    opacity: .35;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    .pane__gallery a:hover {
      opacity: 1; }

.pane__password {
  text-align: center; }
  .pane__password .subtitle {
    color: #999;
    text-transform: uppercase; }
  .pane__password form {
    width: 194px;
    margin: 0 auto; }
    .pane__password form button, .pane__password form input {
      float: left;
      margin-left: -1px;
      padding: 1em;
      border: 1px solid #CCC;
      border-radius: 2px;
      background: #FFF;
      color: #222;
      font-size: 11px;
      font-family: DINnext, monospace;
      line-height: 1.25em;
      text-transform: uppercase;
      letter-spacing: 1px;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
      .pane__password form button:hover, .pane__password form input:hover {
        background: #222;
        color: #F9F9F9; }
    .pane__password form input {
      width: 12em;
      margin-left: 0;
      border: 1px solid #b3b3b3;
      background: #EEEDEC; }
  .pane__password + div {
    display: none; }
  .pane__password .password__message--wrong {
    display: none; }

.pane__list ul, .pane__list--2col ul {
  margin-bottom: 2em; }
.pane__list ul li, .pane__list--2col ul li {
  margin-bottom: 2px;
  line-height: 2em;
  font-size: 12px;
  text-transform: uppercase; }
.pane__list .list__yearBox, .pane__list--2col .list__yearBox {
  border: 1px solid #CCC;
  background: #FFF;
  color: #444;
  font-family: DINnext, "Helvetica Neue", Arial, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .025em;
  padding: 4px 6px 1px;
  margin-right: 5px; }

.pane__list--2col > div {
  float: left;
  width: 50%; }
.pane__list--2col h4 {
  border: 1px solid #CCC;
  background: #FFF;
  color: #444;
  font-family: DINnext, "Helvetica Neue", Arial, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .025em;
  width: 360px;
  padding: 2px 5px 0;
  color: #222; }

.pane__credit {
  width: 50%;
  margin: 0 auto;
  padding: 25px;
  background: #FFF;
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .01em; }
  .pane__credit strong {
    color: #222; }

.pane__mediaList ul, .pane__mediaList video {
  float: left; }
.pane__mediaList ul {
  width: 230px;
  margin-right: 25px; }
.pane__mediaList li {
  margin-bottom: 1em; }
.pane__mediaList figure {
  margin: 0;
  background: #FFF; }
.pane__mediaList figcaption {
  padding: 1em;
  border: 1px solid #EEEDEC;
  border-top: none; }
  .pane__mediaList figcaption p {
    margin: 0; }

.video_doc_play {
  display: block;
  position: relative; }

.video_doc_play:hover:before,
.active .video_doc_play:before {
  content: '';
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 34px;
  height: 34px;
  border: 3px solid #EEE;
  border-radius: 20px; }

.video_doc_play:hover:after,
.active .video_doc_play:after {
  content: '';
  position: absolute;
  bottom: 15px;
  right: 13px;
  width: 0;
  height: 0;
  border-width: 7px 0 7px 14px;
  border-style: solid;
  border-color: transparent transparent transparent #eee; }

 /*
.paused .video_doc_play::after,
.playing .video_doc_play::after,
.playing .video_doc_play:hover:after {
    content: '';
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 13px;
    height: 14px;
    border-width: 0 4px;
    border-style: solid;
    border-color: transparent #eee transparent #eee;
}*/
.mediaList__credit {
  color: #999; }

.mediaList__video {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  float: left; }

.mediaList__video.active {
  display: block; }

.pane__video figure {
  width: 720px;
  margin: 0 auto; }
.pane__video figcaption {
  margin-top: 5px;
  padding: 5px;
  border: 1px solid #CCC;
  background: #FFF; }
  .pane__video figcaption h4 {
    font-size: 12px;
    margin: 0; }
  .pane__video figcaption hr {
    border: none;
    border-bottom: 1px solid #CCC; }
  .pane__video figcaption p {
    color: #999;
    font-size: 9px;
    margin: 0; }

/* FOOTER */
.tail {
  background: #222;
  color: #999;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase; }
  .tail .wrapper {
    position: relative;
    background: #111; }
  .tail h2, .tail h3 {
    font-family: OSWALD, arial, sans-serif;
    font-weight: 500;
    letter-spacing: 1px; }
  .tail h2 {
    color: #CCC;
    margin-top: 25px; }
  .tail h3 {
    color: #CCC; }
  .tail h4 {
    color: #444;
    font-weight: 500;
    margin-top: -10px; }
  .tail hr {
    width: 300px;
    margin: 0 auto;
    border: 1.5px solid #444; }
  .tail a {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
    .tail a:hover {
      color: #F9F9F9;
      border-color: #777; }
  .landing .tail {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #111; }

.tail__latests {
  float: left;
  width: 50%;
  padding-left: 90px;
  text-align: left; }
  .tail__latests > div {
    margin-bottom: 37.5px; }
  .tail__latests li a {
    display: block;
    width: 100%;
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .tail__latests li a:hover {
      color: #F9F9F9; }
  .tail__latests .latest__all {
    display: block;
    color: #CCC;
    margin: 14px 0; }

.tail__special {
  float: left;
  width: 50%; }
  .tail__special a {
    display: block;
    width: 230px;
    padding: .6em .8em .5em;
    margin: 0 auto 5px;
    border: 1px solid #444;
    color: #777;
    font-family: Karla, "Courier New", monospace;
    letter-spacing: .07em; }

.tail__ommx {
  clear: both; }
  .tail__ommx a {
    display: inline-block;
    width: 60px;
    margin: 25px 5px;
    padding: 5px 5px 1px;
    border: 1px solid #444;
    color: #777; }
    .tail__ommx a i {
      display: block;
      font-size: 1.75em; }

.tail__logo svg {
  width: 40px;
  fill: #444;
  margin-top: 10px; }

.tail__credits {
  margin: 12.5px 0;
  font-size: 10px;
  color: #444; }

.tail__toTop {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px; }

/* Bookmark Viewer */
.bookmarkViewer {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 160px;
  padding: 42px 0;
  background: #222;
  color: #999;
  font-size: 11px;
  z-index: 60;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out; }
  .bookmarkViewer.open.active {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); }
    .bookmarkViewer.open.active .bookmarkViewer__close i {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg); }
  .bookmarkViewer.active .bookmarkViewer__close {
    display: block; }
  .bookmarkViewer h3 {
    position: absolute;
    top: 1rem;
    left: 1rem;
    margin: 0;
    padding: .3em .45em .2em .1em;
    border: 1px solid;
    border-radius: 1px;
    color: #777;
    text-transform: uppercase;
    line-height: 1em; }
  .bookmarkViewer button, .bookmarkViewer .pane__password form input, .pane__password form .bookmarkViewer input {
    background: transparent;
    border: none;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer; }
  .bookmarkViewer .bookmarkViewer__wrapper {
    position: relative;
    width: 925px;
    height: 76px;
    margin: 0 auto; }
  .bookmarkViewer .bookmarkViewer__item {
    width: 88px;
    height: 76px;
    background: #999;
    -webkit-animation: new-item-animation 0.3s ease-in;
    -moz-animation: new-item-animation 0.3s ease-in;
    -ms-animation: new-item-animation 0.3s ease-in;
    -o-animation: new-item-animation 0.3s ease-in;
    animation: new-item-animation 0.3s ease-in; }
    .bookmarkViewer .bookmarkViewer__item.removed-item {
      -webkit-animation: removed-item-animation 0.3s ease-out;
      -moz-animation: removed-item-animation 0.3s ease-out;
      -ms-animation: removed-item-animation 0.3s ease-out;
      -o-animation: removed-item-animation 0.3s ease-out;
      animation: removed-item-animation 0.3s ease-out; }
    .bookmarkViewer .bookmarkViewer__item.new-item {
      -webkit-animation: new-item-animation 0.3s ease-in;
      -moz-animation: new-item-animation 0.3s ease-in;
      -ms-animation: new-item-animation 0.3s ease-in;
      -o-animation: new-item-animation 0.3s ease-in;
      animation: new-item-animation 0.3s ease-in; }
  .bookmarkViewer .remove {
    opacity: 0;
    z-index: 100;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 20px;
    padding: 0;
    border-radius: 50%;
    color: #EF4135;
    font-size: 20px;
    line-height: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .bookmarkViewer .remove:hover, .bookmarkViewer .remove.show {
      opacity: 1;
      -webkit-transform: translateY(30px);
      -moz-transform: translateY(30px);
      -ms-transform: translateY(30px);
      -o-transform: translateY(30px);
      transform: translateY(30px); }
  .bookmarkViewer .bookmarkViewer__prevNext {
    display: none;
    position: absolute;
    width: 20px;
    height: 20px;
    padding: 0;
    fill: #CCC;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    .bookmarkViewer .bookmarkViewer__prevNext.previous {
      left: -30px; }
    .bookmarkViewer .bookmarkViewer__prevNext.next {
      right: -30px; }
    .bookmarkViewer .bookmarkViewer__prevNext.show {
      display: block; }
  .bookmarkViewer .bookmarkViewer__close {
    position: absolute;
    display: none;
    bottom: 100%;
    right: 1rem;
    padding: 0;
    padding: 6px 5px 3px;
    background: #222;
    border-radius: 1px 1px 0 0;
    color: #F9F9F9;
    line-height: 1em; }
    .bookmarkViewer .bookmarkViewer__close i {
      display: block;
      -webkit-transition: 0.3s ease-out;
      -moz-transition: 0.3s ease-out;
      -ms-transition: 0.3s ease-out;
      -o-transition: 0.3s ease-out;
      transition: 0.3s ease-out;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
  .bookmarkViewer .bookmarkViewer__clear {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: block;
    padding: 0;
    padding: 5px 5px 2px;
    border: 1px solid #EF4135;
    border-radius: 1px;
    color: #EF4135;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .07em;
    -webkit-transition: color 0.25s ease-out;
    -moz-transition: color 0.25s ease-out;
    -ms-transition: color 0.25s ease-out;
    -o-transition: color 0.25s ease-out;
    transition: color 0.25s ease-out; }

@-webkit-keyframes new-item-animation {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes new-item-animation {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes removed-item-animation {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes removed-item-animation {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.visualSearch {
  position: fixed;
  top: 0;
  bottom: auto;
  width: 100%;
  z-index: 50;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  font-family: Karla, "Courier New", monospace; }
  .visualSearch.active {
    -webkit-transition: all 0.75s ease-in-out;
    -moz-transition: all 0.75s ease-in-out;
    -ms-transition: all 0.75s ease-in-out;
    -o-transition: all 0.75s ease-in-out;
    transition: all 0.75s ease-in-out;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
    .visualSearch.active .visualSearch__gallery {
      overflow-y: scroll; }
  .visualSearch .container {
    margin: 0 auto; }
    @media (min-width: 260px) {
      .visualSearch .container {
        width: 260px; } }
    @media (min-width: 520px) {
      .visualSearch .container {
        width: 520px; } }
    @media (min-width: 780px) {
      .visualSearch .container {
        width: 780px; } }
    @media (min-width: 1040px) {
      .visualSearch .container {
        width: 1040px; } }
    @media (min-width: 1300px) {
      .visualSearch .container {
        width: 1300px; } }

.visualSearch__board {
  color: #999;
  background: #222;
  font-size: 11px; }
  .visualSearch__board .container {
    padding: 1.25em 0 1.25em; }
  .visualSearch__board button, .visualSearch__board .pane__password form input, .pane__password form .visualSearch__board input {
    display: block;
    padding: 2px 3px 0;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background: none;
    border: none;
    border-radius: 0;
    text-align: left;
    text-transform: uppercase;
    -webkit-transition: color 0.25s ease-out;
    -moz-transition: color 0.25s ease-out;
    -ms-transition: color 0.25s ease-out;
    -o-transition: color 0.25s ease-out;
    transition: color 0.25s ease-out; }
    .visualSearch__board button:hover, .visualSearch__board .pane__password form input:hover, .pane__password form .visualSearch__board input:hover, .visualSearch__board button:focus, .visualSearch__board .pane__password form input:focus, .pane__password form .visualSearch__board input:focus {
      color: #CCC;
      outline: none; }
  .visualSearch__board .checked {
    color: #222;
    background: #F9F9F9; }
    .visualSearch__board .checked:hover, .visualSearch__board .checked:focus {
      color: #222; }
  .visualSearch__board .visualSearch__close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.75em; }

.board__sorting,
.board__filters,
.board__actions {
  float: left;
  padding: 10px; }

.board__sorting,
.board__actions {
  border-left: 1px dotted #444;
  border-right: 1px dotted #444; }
  .board__sorting .board__item,
  .board__actions .board__item {
    width: 100%;
    text-align: center; }

.board__sorting {
  width: 6%; }

.board__filters {
  width: 84%; }
  .board__filters button, .board__filters .pane__password form input, .pane__password form .board__filters input {
    float: left; }
    .board__filters button.default-state, .board__filters .pane__password form input.default-state, .pane__password form .board__filters input.default-state {
      width: 8%;
      margin-right: 2%;
      border: 1px solid #444; }
    .board__filters button .updated, .board__filters .pane__password form input .updated, .pane__password form .board__filters input .updated {
      -webkit-animation: yellow-fade 1s ease-in 1;
      animation: yellow-fade 1s ease-in 1; }
  .board__filters .filter__year {
    margin-bottom: 5em; }
  .board__filters .filter__year__all {
    display: none; }
  .board__filters .filter__year__slider {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex; }
    .board__filters .filter__year__slider button, .board__filters .filter__year__slider .pane__password form input, .pane__password form .board__filters .filter__year__slider input {
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-grow: 1;
      -o-flex-grow: 1;
      flex-grow: 1;
      position: relative;
      text-align: center;
      padding: 0px 0 4px 0;
      color: #999; }
      .board__filters .filter__year__slider button:before, .board__filters .filter__year__slider .pane__password form input:before, .pane__password form .board__filters .filter__year__slider input:before, .board__filters .filter__year__slider button:after, .board__filters .filter__year__slider .pane__password form input:after, .pane__password form .board__filters .filter__year__slider input:after {
        content: "";
        position: absolute;
        bottom: 0;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        -ms-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out; }
      .board__filters .filter__year__slider button:before, .board__filters .filter__year__slider .pane__password form input:before, .pane__password form .board__filters .filter__year__slider input:before {
        left: 50%;
        height: .3em;
        border-left: 1px solid #444; }
      .board__filters .filter__year__slider button:after, .board__filters .filter__year__slider .pane__password form input:after, .pane__password form .board__filters .filter__year__slider input:after {
        left: 0;
        width: 100%;
        border-bottom: 1px solid #444; }
  .board__filters .filter__category__list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between; }
  .board__filters .button__counter {
    font-family: DINnext, "Helvetica Neue", Arial, sans-serif; }

.board__actions {
  width: 10%;
  border-left: 1px dotted #444;
  border-right: 1px dotted #444; }
  .board__actions .workCounter {
    font-size: 15px;
    margin-bottom: 0.9em;
    padding-right: 7px;
    text-align: right; }
    .board__actions .workCounter i {
      font-size: 11px; }
      .board__actions .workCounter i:hover {
        color: #EF4135; }
  .board__actions .visual__markCounter {
    font-family: DINnext, "Helvetica Neue", Arial, sans-serif;
    letter-spacing: .7px; }
    .board__actions .visual__markCounter span {
      color: #EF4135; }

.board__item {
  display: block;
  margin-bottom: 1.75em; }
  .board__item:last-child {
    margin-bottom: 0; }
  .board__item .disabled {
    pointer-events: none; }

.visual__markCounter {
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }
  .disabled .visual__markCounter {
    opacity: 0;
    pointer-events: none; }

.visualSearch__gallery {
  height: calc(100vh - 142.5px);
  overflow: hidden;
  padding: 2px 0;
  background: #FFF; }

.gallery__thumb {
  position: relative;
  display: block;
  width: 256px;
  height: 220px;
  margin: 2px;
  background: #CCC; }
  .gallery__thumb .thumb__infos {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
  .gallery__thumb:hover .thumb__infos {
    opacity: 1; }
  .gallery__thumb:hover .bookmark-sign {
    display: none; }

.bookmark-sign {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px 2px 0px 4px;
  background: #EF4135;
  color: #F9F9F9; }
  .bookmarked .bookmark-sign {
    display: block; }

.thumb__infos {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-transform: uppercase;
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -ms-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  opacity: 0; }
  .thumb__infos header {
    height: 85px;
    padding: .7em 0;
    background: #F9F9F9;
    text-align: center; }
    .thumb__infos header .infos__title {
      margin-bottom: .5em; }
    .thumb__infos header .infos__subtitle {
      font-size: 11px; }
  .thumb__infos .infos__actions {
    height: 75px; }
    .thumb__infos .infos__actions a {
      position: relative;
      display: block;
      float: left;
      height: 100%;
      width: 50%;
      background: #222;
      background: rgba(34, 34, 34, 0.75);
      color: #F9F9F9;
      text-align: center;
      -webkit-transition: transform 0.25s ease-in-out;
      -moz-transition: transform 0.25s ease-in-out;
      -ms-transition: transform 0.25s ease-in-out;
      -o-transition: transform 0.25s ease-in-out;
      transition: transform 0.25s ease-in-out; }
      .thumb__infos .infos__actions a > div {
        position: absolute;
        top: 50%;
        width: 100%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
      .thumb__infos .infos__actions a i {
        display: block;
        font-size: 30px;
        -webkit-transition: transform 0.3s ease-out;
        -moz-transition: transform 0.3s ease-out;
        -ms-transition: transform 0.3s ease-out;
        -o-transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out; }
        .thumb__infos .infos__actions a i:hover {
          -webkit-transform: translate(0, -6px);
          -moz-transform: translate(0, -6px);
          -ms-transform: translate(0, -6px);
          -o-transform: translate(0, -6px);
          transform: translate(0, -6px); }
      .thumb__infos .infos__actions a span {
        display: block;
        position: absolute;
        right: 0;
        left: 0;
        opacity: 0;
        line-height: 1em;
        font-size: 11px;
        -webkit-transition: transform 0.3s ease-out;
        -moz-transition: transform 0.3s ease-out;
        -ms-transition: transform 0.3s ease-out;
        -o-transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out; }
        .thumb__infos .infos__actions a span:hover {
          -webkit-transform: translate(0, -6px);
          -moz-transform: translate(0, -6px);
          -ms-transform: translate(0, -6px);
          -o-transform: translate(0, -6px);
          transform: translate(0, -6px);
          opacity: 1; }
    .thumb__infos .infos__actions a:hover {
      background: #222;
      color: #FFF; }
      .thumb__infos .infos__actions a:hover i {
        -webkit-transform: translate(0, -6px);
        -moz-transform: translate(0, -6px);
        -ms-transform: translate(0, -6px);
        -o-transform: translate(0, -6px);
        transform: translate(0, -6px); }
      .thumb__infos .infos__actions a:hover span {
        -webkit-transform: translate(0, -15px);
        -moz-transform: translate(0, -15px);
        -ms-transform: translate(0, -15px);
        -o-transform: translate(0, -15px);
        transform: translate(0, -15px);
        opacity: 1; }
    .bookmarked .thumb__infos .infos__actions .addToBookmark {
      color: #EF4135;
      background: #222; }
  .thumb__infos footer > div {
    height: 60px;
    width: 50%;
    float: left;
    padding: 6px;
    font-size: 13px;
    line-height: 52px; }
  .thumb__infos footer .infos__category {
    background: #F9F9F9;
    background: rgba(239, 239, 239, 0.8); }
  .thumb__infos footer .infos__year {
    text-align: right;
    background: #222;
    background: rgba(34, 34, 34, 0.8);
    color: #F9F9F9; }

@-webkit-keyframes yellow-fade {
  0% {
    color: #EF4135; }
  100% {
    color: none; } }
@keyframes yellow-fade {
  0% {
    color: #EF4135; }
  100% {
    color: none; } }
/* Fixed menu */
.fixedMenu {
  position: fixed;
  top: 75px;
  right: 0;
  z-index: 40; }

.fixedMenu__page-utils {
  width: 35px;
  margin: 0 0 0 auto; }
  .fixedMenu__page-utils button, .fixedMenu__page-utils .pane__password form input, .pane__password form .fixedMenu__page-utils input {
    position: relative;
    display: block;
    height: 35px;
    width: 35px;
    margin-bottom: 7px;
    padding: 0;
    background: #EEEDEC;
    border: 1px solid #999;
    border-right: none;
    color: #444;
    font-size: 20px;
    text-align: center; }
    .fixedMenu__page-utils button i, .fixedMenu__page-utils .pane__password form input i, .pane__password form .fixedMenu__page-utils input i {
      line-height: 35px;
      vertical-align: bottom; }
    .fixedMenu__page-utils button.fixedMenu__bookmark, .fixedMenu__page-utils .pane__password form input.fixedMenu__bookmark, .pane__password form .fixedMenu__page-utils input.fixedMenu__bookmark {
      -webkit-transition: opacity 0.3s ease-out;
      -moz-transition: opacity 0.3s ease-out;
      -ms-transition: opacity 0.3s ease-out;
      -o-transition: opacity 0.3s ease-out;
      transition: opacity 0.3s ease-out; }
      .fixedMenu__page-utils button.fixedMenu__bookmark.disabled, .fixedMenu__page-utils .pane__password form input.fixedMenu__bookmark.disabled, .pane__password form .fixedMenu__page-utils input.fixedMenu__bookmark.disabled {
        opacity: 0;
        pointer-events: none; }
    .fixedMenu__page-utils button.fixedMenu__bookmark i, .fixedMenu__page-utils .pane__password form input.fixedMenu__bookmark i, .pane__password form .fixedMenu__page-utils input.fixedMenu__bookmark i {
      position: relative;
      top: 5px;
      left: 2px; }
    .fixedMenu__page-utils button .fixedMenu__markCounter, .fixedMenu__page-utils .pane__password form input .fixedMenu__markCounter, .pane__password form .fixedMenu__page-utils input .fixedMenu__markCounter {
      font-size: 11px;
      position: absolute;
      top: 6px;
      left: 6px;
      color: #EF4135; }
    .fixedMenu__page-utils button:hover, .fixedMenu__page-utils .pane__password form input:hover, .pane__password form .fixedMenu__page-utils input:hover {
      color: #222;
      background: #CCC; }

.fixedMenu__page-nav {
  width: 35px;
  margin-top: 89px;
  font-family: ABEL, arial, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: .1em;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }
  .fixedMenu__page-nav.hide {
    opacity: 0;
    -webkit-transition: opacity 0s;
    -moz-transition: opacity 0s;
    -ms-transition: opacity 0s;
    -o-transition: opacity 0s;
    transition: opacity 0s; }
  .fixedMenu__page-nav .page-nav__section-btn {
    background: #F9F9F9;
    line-height: 33px; }
    .fixedMenu__page-nav .page-nav__section-btn + .page-nav__section-btn {
      border-top: 4px solid #EEE; }
  .fixedMenu__page-nav .page-nav__page-btn {
    height: 18px;
    background: #222;
    color: #999;
    line-height: 19px; }
    .fixedMenu__page-nav .page-nav__page-btn a:hover {
      color: #F9F9F9; }
  .fixedMenu__page-nav a {
    display: block; }

/* quick search */
.quickSearchBox {
  position: fixed;
  top: 100px;
  right: 0;
  left: 0;
  width: 500px;
  margin: 0 auto;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  .quickSearchBox.open {
    opacity: 1;
    pointer-events: auto;
    z-index: 10; }
  .quickSearchBox label {
    color: #444;
    text-transform: uppercase;
    font-size: .75em;}
  .quickSearchBox input {
    display: block;
    width: 100%;
    padding: .5em;
    background: #111;
    border: 1px solid #444;
    border-radius: 3px;
    color: white;
    font-family: MESLODZ, "Courier New", monospace;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .quickSearchBox .quick-search__overlay {
    position: fixed;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: -1; }
  .landing .quickSearchBox {
    opacity: 1;
    pointer-events: auto; }

.ui-autocomplete {
  width: 499px;
  border-top: 5px solid transparent;
  z-index: 10;
  max-height: 80vh !important;
  overflow-y: auto; }
  .ui-autocomplete .ui-menu-item {
    padding: .5em;
    background: #111;
    color: #CCC;
    font-family: MESLODZ, "Courier New", monospace;
    font-size: 11px;
    word-spacing: -3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .ui-autocomplete .ui-menu-item:first-child {
      border-radius: 3px 3px 0 0; }
    .ui-autocomplete .ui-menu-item:last-child {
      border-radius: 0 0 3px 3px; }
    .ui-autocomplete .ui-menu-item.ui-state-focus {
      margin: 0;
      color: #EF4135; }

/*!
Video.js Default Styles (http://videojs.com)
Version 4.11.4
Create your own skin at http://designer.videojs.com
*/
.vjs-default-skin {
  color: #ccc; }

@font-face {
  font-family: VideoJS;
  src: url(../font/vjs.eot);
  src: url(../font/vjs.eot?#iefix) format("embedded-opentype"), url(../font/vjs.woff) format("woff"), url(../font/vjs.ttf) format("truetype"), url(../font/vjs.svg#icomoon) format("svg");
  font-weight: 400;
  font-style: normal; }
.vjs-default-skin .vjs-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  background-color: #333;
  background-color: rgba(51, 51, 51, 0.9); }

.vjs-default-skin .vjs-slider:focus {
  -webkit-box-shadow: 0 0 2em #fff;
  -moz-box-shadow: 0 0 2em #fff;
  box-shadow: 0 0 2em #fff; }

.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  left: 0;
  top: 0; }

.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0 0 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.vjs-default-skin .vjs-control-bar {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7); }

.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility .1s, opacity .1s;
  -moz-transition: visibility .1s, opacity .1s;
  -o-transition: visibility .1s, opacity .1s;
  transition: visibility 0.1s, opacity 0.1s; }

.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none; }

.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none; }

.vjs-default-skin.vjs-error .vjs-control-bar {
  display: none; }

.vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible; }

@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar:before {
    content: ""; } }
.vjs-default-skin .vjs-control {
  outline: 0;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3em;
  width: 4em; }

.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0 0 1em #fff; }

.vjs-default-skin .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer; }

.vjs-default-skin .vjs-play-control:before {
  content: ""; }

.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: ""; }

.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 4em;
  left: -2em;
  list-style: none; }

.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
  display: none; }

.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: ""; }

.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: ""; }

.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: ""; }

.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: ""; }

.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
  display: none; }

.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: .6em;
  margin: 1.1em auto 0; }

.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: .5em;
  width: 100%;
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; }

.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: .5em;
  height: .5em;
  left: 4.5em; }

.vjs-default-skin .vjs-volume-handle:before {
  font-size: .9em;
  top: -.2em;
  left: -.2em;
  width: 1em;
  height: 1em; }

.vjs-default-skin .vjs-volume-menu-button .vjs-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent; }

.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  height: 0;
  width: 0; }

.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing {
  border-top-color: rgba(7, 40, 50, 0.5); }

.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content {
  height: 2.9em;
  width: 10em; }

.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: .3em;
  height: 1em;
  top: -1em;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  display: none; }

.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all 0.2s; }

.vjs-default-skin .vjs-progress-holder {
  height: 100%; }

.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0; }

.vjs-default-skin .vjs-play-progress {
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; }

.vjs-default-skin .vjs-load-progress {
  background: #646464;
  background: rgba(255, 255, 255, 0.2); }

.vjs-default-skin .vjs-load-progress div {
  background: #787878;
  background: rgba(255, 255, 255, 0.1); }

.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%; }

.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em; }

.vjs-default-skin.vjs-live .vjs-time-controls,
.vjs-default-skin.vjs-live .vjs-time-divider,
.vjs-default-skin.vjs-live .vjs-progress-control {
  display: none; }

.vjs-default-skin.vjs-live .vjs-live-display {
  display: block; }

.vjs-default-skin .vjs-live-display {
  display: none;
  font-size: 1em;
  line-height: 3em; }

.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  line-height: 3em; }

.vjs-default-skin .vjs-current-time {
  float: left; }

.vjs-default-skin .vjs-duration {
  float: left; }

.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left; }

.vjs-time-divider {
  float: left;
  line-height: 3em; }

.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right; }

.vjs-default-skin .vjs-fullscreen-control:before {
  content: ""; }

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: ""; }

.vjs-default-skin .vjs-big-play-button {
  left: .5em;
  top: .5em;
  font-size: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 4em;
  height: 2.6em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  border: .1em solid #3b4249;
  -webkit-border-radius: .8em;
  -moz-border-radius: .8em;
  border-radius: .8em;
  -webkit-box-shadow: 0 0 1em rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0 0 1em rgba(255, 255, 255, 0.25);
  box-shadow: 0 0 1em rgba(255, 255, 255, 0.25);
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  display: none; }

.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  left: 50%;
  margin-left: -2.1em;
  top: 50%;
  margin-top: -1.4em; }

.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none; }

.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none; }

.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none; }

.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  background-color: #505050;
  background-color: rgba(50, 50, 50, 0.75);
  -webkit-box-shadow: 0 0 3em #fff;
  -moz-box-shadow: 0 0 3em #fff;
  box-shadow: 0 0 3em #fff;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s; }

.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  line-height: 2.6em;
  text-shadow: .05em .05em .1em #000;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%; }

.vjs-error .vjs-big-play-button {
  display: none; }

.vjs-error-display {
  display: none; }

.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.vjs-error .vjs-error-display:before {
  content: 'X';
  font-family: Arial;
  font-size: 4em;
  color: #666;
  line-height: 1;
  text-shadow: .05em .05em .1em #000;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -.5em;
  width: 100%; }

.vjs-error-display div {
  position: absolute;
  bottom: 1em;
  right: 0;
  left: 0;
  font-size: 1.4em;
  text-align: center;
  padding: 3px;
  background: #000;
  background: rgba(0, 0, 0, 0.5); }

.vjs-error-display a,
.vjs-error-display a:visited {
  color: #F4A460; }

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -.5em;
  margin-top: -.5em;
  opacity: 0.75; }

.vjs-waiting .vjs-loading-spinner,
.vjs-seeking .vjs-loading-spinner {
  display: block;
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear; }

.vjs-error .vjs-loading-spinner {
  display: none;
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none; }

.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e01e";
  font-family: VideoJS;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0 0 0.1em #000; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer; }

.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000;
  border-top-color: rgba(7, 40, 50, 0.5); }

.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  max-height: 15em;
  overflow: auto;
  left: -5em;
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2); }

.vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu,
.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing {
  display: block; }

.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: .3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000; }

.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff; }

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 .3em;
  font-weight: 700;
  cursor: default; }

.vjs-default-skin .vjs-subtitles-button:before {
  content: ""; }

.vjs-default-skin .vjs-captions-button:before {
  content: ""; }

.vjs-default-skin .vjs-chapters-button:before {
  content: ""; }

.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 24em;
  left: -12em; }

.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff; }

.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  vertical-align: middle;
  font-weight: 400;
  font-style: normal;
  font-family: Arial, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-js:-moz-full-screen {
  position: absolute; }

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto; }

.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  _position: absolute; }

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none; }

.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%; }

.video-js.vjs-has-started .vjs-poster {
  display: none; }

.video-js.vjs-audio.vjs-has-started .vjs-poster {
  display: block; }

.video-js.vjs-controls-disabled .vjs-poster {
  display: none; }

.video-js.vjs-using-native-controls .vjs-poster {
  display: none; }

.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  left: 1em;
  right: 1em; }

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em; }

.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: .1em;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5); }

.video-js .vjs-subtitles {
  color: #fff; }

.video-js .vjs-captions {
  color: #fc6; }

.vjs-tt-cue {
  display: block; }

.video-js.vjs-fullscreen .vjs-text-track {
  font-size: 3em; }

.vjs-default-skin .vjs-hidden {
  display: none; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible; }

.vjs-no-js {
  padding: 20px;
  color: #ccc;
  background-color: #333;
  font-size: 18px;
  font-family: Arial, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0 auto; }

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #F4A460; }

::-webkit-scrollbar-thumb:vertical {
  height: 10px;
  border: 1px solid #ccc;
  background: transparent; }

::-webkit-scrollbar-thumb:horizontal {
  height: 10px;
  border: 1px solid #ccc;
  background: transparent; }

::-webkit-scrollbar {
  margin-right: 5px;
  width: 8px;
  height: 8px;
  background: transparent;
  border: 1px solid #ccc; }

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