@charset "UTF-8";
/* 
VideoJS Default Styles (http://videojs.com)
Version 2.0.2

REQUIRED STYLES (be careful overriding)
================================================================================ */
/* Box containing video, controls, and download links.
   Will be set to the width of the video element through JS
   If you want to add some kind of frame or special positioning, use another containing element, not video-js-box. */
.video-js-box {
  text-align: left;
  position: relative;
  line-height: 0 !important;
  margin: 0;
  padding: 0 !important;
  border: none !important; }

/* Video Element */
video.video-js {
  background-color: #000;
  position: relative;
  padding: 0; }

.vjs-flash-fallback {
  display: block; }

/* Poster Overlay Style */
.video-js-box img.vjs-poster {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer; }

/* Subtiles Style */
.video-js-box .vjs-subtitles {
  color: #fff;
  font-size: 20px;
  text-align: center;
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0; }

/* Fullscreen styles for main elements */
.video-js-box.vjs-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 1000; }

.video-js-box.vjs-fullscreen video.video-js,
.video-js-box.vjs-fullscreen .vjs-flash-fallback {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000; }

.video-js-box.vjs-fullscreen img.vjs-poster {
  z-index: 1001; }

.video-js-box.vjs-fullscreen .vjs-spinner {
  z-index: 1001; }

.video-js-box.vjs-fullscreen .vjs-controls {
  z-index: 1003; }

.video-js-box.vjs-fullscreen .vjs-big-play-button {
  z-index: 1004; }

.video-js-box.vjs-fullscreen .vjs-subtitles {
  z-index: 1004; }

/* Styles Loaded Check */
.vjs-styles-check {
  height: 5px;
  position: absolute; }

/* Controls Below Video */
.video-js-box.vjs-controls-below .vjs-controls {
  position: relative;
  opacity: 1;
  background-color: #000; }

.video-js-box.vjs-controls-below .vjs-subtitles {
  bottom: 75px; }

/* Account for height of controls below video */
/* DEFAULT SKIN (override in another file)
================================================================================
Using all CSS to draw the controls. Images could be used if desired.
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. */
/* Controls Layout 
  Using absolute positioning to position controls */
.video-js-box .vjs-controls {
  position: absolute;
  margin: 0;
  opacity: 0.85;
  color: #fff;
  display: none;
  /* Start hidden */
  left: 0;
  right: 0;
  /* 100% width of video-js-box */
  width: 100%;
  bottom: 0px;
  /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
  height: 35px;
  /* Including any margin you want above or below control items */
  padding: 0;
  /* Controls are absolutely position, so no padding necessary */ }

.video-js-box .vjs-controls > div {
  /* Direct div children of control bar */
  position: absolute;
  /* Use top, bottom, left, and right to specifically position the control. */
  text-align: center;
  margin: 0;
  padding: 0;
  height: 25px;
  /* Default height of individual controls */
  top: 5px;
  /* Top margin to put space between video and controls when controls are below */
  /* CSS Background Gradients 
     Using to give the aqua-ish look. */
  /* Default */
  background-color: #0B151A;
  /* Webkit  */
  /* Firefox */
  background: #1F3744 -moz-linear-gradient(top, #0B151A, #1F3744) left 12px;
  /* CSS Curved Corners */
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  /* CSS Shadows */
  box-shadow: 1px 1px 2px #000;
  -webkit-box-shadow: 1px 1px 2px #000;
  -moz-box-shadow: 1px 1px 2px #000; }

/* Placement of Control Items 
   - Left side of pogress bar, use left & width
   - Rigth side of progress bar, use right & width
   - Expand with the video (like progress bar) use left & right */
.vjs-controls > div.vjs-play-control {
  left: 5px;
  width: 25px; }

.vjs-controls > div.vjs-progress-control {
  left: 35px;
  right: 165px; }

/* Using left & right so it expands with the width of the video */
.vjs-controls > div.vjs-time-control {
  width: 75px;
  right: 90px; }

/* Time control and progress bar are combined to look like one */
.vjs-controls > div.vjs-volume-control {
  width: 50px;
  right: 35px; }

.vjs-controls > div.vjs-fullscreen-control {
  width: 25px;
  right: 5px; }

/* Removing curved corners on progress control and time control to join them. */
.vjs-controls > div.vjs-progress-control {
  border-top-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0; }

.vjs-controls > div.vjs-time-control {
  border-top-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0; }

/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-play-control {
  cursor: pointer !important; }

/* Play Icon */
.vjs-play-control span {
  display: block;
  font-size: 0;
  line-height: 0; }

.vjs-paused .vjs-play-control span {
  width: 0;
  height: 0;
  margin: 8px 0 0 8px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 10px solid #fff;
  /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 5px solid rgba(0, 0, 0, 0);
  border-bottom: 5px solid rgba(0, 0, 0, 0); }

.vjs-playing .vjs-play-control span {
  width: 3px;
  height: 10px;
  margin: 8px auto 0;
  /* Drawing the pause bars with borders */
  border-top: 0px;
  border-left: 3px solid #fff;
  border-bottom: 0px;
  border-right: 3px solid #fff; }

/* Progress
-------------------------------------------------------------------------------- */
.vjs-progress-holder {
  /* Box containing play and load progresses */
  position: relative;
  padding: 0;
  overflow: hidden;
  cursor: pointer !important;
  height: 9px;
  border: 1px solid #777;
  margin: 7px 1px 0 5px;
  /* Placement within the progress control item */
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; }

.vjs-progress-holder div {
  /* Progress Bars */
  position: absolute;
  display: block;
  width: 0;
  height: 9px;
  margin: 0;
  padding: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; }

.vjs-play-progress {
  /* CSS Gradient */
  /* Default */
  background: #fff;
  /* Webkit  */
  /* Firefox */
  background: -moz-linear-gradient(top, #fff, #777); }

.vjs-load-progress {
  opacity: 0.8;
  /* CSS Gradient */
  /* Default */
  background-color: #555;
  /* Webkit  */
  /* Firefox */
  background: -moz-linear-gradient(top, #555, #aaa); }

/* Time Display
-------------------------------------------------------------------------------- */
.vjs-controls .vjs-time-control {
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif; }

.vjs-controls .vjs-time-control span {
  line-height: 25px;
  /* Centering vertically */ }

/* Volume
-------------------------------------------------------------------------------- */
.vjs-volume-control {
  cursor: pointer !important; }

.vjs-volume-control div {
  display: block;
  margin: 0 5px 0 5px;
  padding: 4px 0 0 0; }

/* Drawing the volume icon using 6 span elements */
.vjs-volume-control div span {
  /* Individual volume bars */
  float: left;
  padding: 0;
  margin: 0 2px 0 0;
  /* Space between */
  width: 5px;
  height: 0px;
  /* Total height is height + bottom border */
  border-bottom: 18px solid #555;
  /* Default (off) color and height of visible portion */ }

.vjs-volume-control div span.vjs-volume-level-on {
  border-color: #fff;
  /* Volume on bar color */ }

/* Creating differnt bar heights through height (transparent) and bottom border (visible). */
.vjs-volume-control div span:nth-child(1) {
  border-bottom-width: 2px;
  height: 16px; }

.vjs-volume-control div span:nth-child(2) {
  border-bottom-width: 4px;
  height: 14px; }

.vjs-volume-control div span:nth-child(3) {
  border-bottom-width: 7px;
  height: 11px; }

.vjs-volume-control div span:nth-child(4) {
  border-bottom-width: 10px;
  height: 8px; }

.vjs-volume-control div span:nth-child(5) {
  border-bottom-width: 14px;
  height: 4px; }

.vjs-volume-control div span:nth-child(6) {
  margin-right: 0; }

/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-fullscreen-control {
  cursor: pointer !important; }

.vjs-fullscreen-control div {
  padding: 0;
  text-align: left;
  vertical-align: top;
  cursor: pointer !important;
  margin: 5px 0 0 5px;
  /* Placement within the fullscreen control item */
  width: 20px;
  height: 20px; }

/* Drawing the fullscreen icon using 4 span elements */
.vjs-fullscreen-control div span {
  float: left;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  width: 0;
  text-align: left;
  vertical-align: top; }

.vjs-fullscreen-control div span:nth-child(1) {
  /* Top-left triangle */
  margin-right: 3px;
  /* Space between top-left and top-right */
  margin-bottom: 3px;
  /* Space between top-left and bottom-left */
  border-top: 6px solid #fff;
  /* Height and color */
  border-right: 6px solid rgba(0, 0, 0, 0);
  /* Width */ }

.vjs-fullscreen-control div span:nth-child(2) {
  border-top: 6px solid #fff;
  border-left: 6px solid rgba(0, 0, 0, 0); }

.vjs-fullscreen-control div span:nth-child(3) {
  clear: both;
  margin: 0 3px 0 0;
  border-bottom: 6px solid #fff;
  border-right: 6px solid rgba(0, 0, 0, 0); }

.vjs-fullscreen-control div span:nth-child(4) {
  border-bottom: 6px solid #fff;
  border-left: 6px solid rgba(0, 0, 0, 0); }

/* Icon when video is in fullscreen mode */
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(1) {
  border: none;
  border-bottom: 6px solid #fff;
  border-left: 6px solid rgba(0, 0, 0, 0); }

.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(2) {
  border: none;
  border-bottom: 6px solid #fff;
  border-right: 6px solid rgba(0, 0, 0, 0); }

.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(3) {
  border: none;
  border-top: 6px solid #fff;
  border-left: 6px solid rgba(0, 0, 0, 0); }

.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(4) {
  border: none;
  border-top: 6px solid #fff;
  border-right: 6px solid rgba(0, 0, 0, 0); }

/* Download Links - Used for browsers that don't support any video.
---------------------------------------------------------*/
.vjs-no-video {
  font-size: small;
  line-height: 1.5; }

/* Big Play Button (at start)
---------------------------------------------------------*/
div.vjs-big-play-button {
  display: none;
  /* Start hidden */
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -43px 0 0 -43px;
  text-align: center;
  vertical-align: center;
  cursor: pointer !important;
  border: 3px solid #fff;
  opacity: 0.9;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  /* CSS Background Gradients */
  /* Default */
  background-color: #0B151A;
  /* Webkit  */
  /* Firefox */
  background: #1F3744 -moz-linear-gradient(top, #0B151A, #1F3744) left 40px;
  /* CSS Shadows */
  box-shadow: 4px 4px 8px #000;
  -webkit-box-shadow: 4px 4px 8px #000;
  -moz-box-shadow: 4px 4px 8px #000; }

div.vjs-big-play-button:hover {
  box-shadow: 0px 0px 80px #fff;
  -webkit-box-shadow: 0px 0px 80px #fff;
  -moz-box-shadow: 0px 0px 80px #fff; }

div.vjs-big-play-button span {
  display: block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  margin: 20px 0 0 23px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 40px solid #fff;
  /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 20px solid rgba(0, 0, 0, 0);
  border-bottom: 20px solid rgba(0, 0, 0, 0); }

/* Spinner Styles
---------------------------------------------------------*/
/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
.vjs-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  z-index: 1;
  margin: -50px 0 0 -50px;
  /* Scaling makes the circles look smoother. */
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5); }

/* Spinner circles */
.vjs-spinner div {
  position: absolute;
  left: 40px;
  top: 40px;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border: 1px solid #ccc;
  /* Added border so can be visible on white backgrounds */ }

/* Each circle */
.vjs-spinner div:nth-child(1) {
  opacity: 0.12;
  transform: rotate(0deg) translate(0, -40px) scale(0.1);
  -webkit-transform: rotate(0deg) translate(0, -40px) scale(0.1);
  -moz-transform: rotate(0deg) translate(0, -40px) scale(0.1); }

.vjs-spinner div:nth-child(2) {
  opacity: 0.25;
  transform: rotate(45deg) translate(0, -40px) scale(0.2);
  -webkit-transform: rotate(45deg) translate(0, -40px) scale(0.2);
  -moz-transform: rotate(45deg) translate(0, -40px) scale(0.2); }

.vjs-spinner div:nth-child(3) {
  opacity: 0.37;
  transform: rotate(90deg) translate(0, -40px) scale(0.4);
  -webkit-transform: rotate(90deg) translate(0, -40px) scale(0.4);
  -moz-transform: rotate(90deg) translate(0, -40px) scale(0.4); }

.vjs-spinner div:nth-child(4) {
  opacity: 0.50;
  transform: rotate(135deg) translate(0, -40px) scale(0.6);
  -webkit-transform: rotate(135deg) translate(0, -40px) scale(0.6);
  -moz-transform: rotate(135deg) translate(0, -40px) scale(0.6); }

.vjs-spinner div:nth-child(5) {
  opacity: 0.62;
  transform: rotate(180deg) translate(0, -40px) scale(0.8);
  -webkit-transform: rotate(180deg) translate(0, -40px) scale(0.8);
  -moz-transform: rotate(180deg) translate(0, -40px) scale(0.8); }

.vjs-spinner div:nth-child(6) {
  opacity: 0.75;
  transform: rotate(225deg) translate(0, -40px) scale(1);
  -webkit-transform: rotate(225deg) translate(0, -40px) scale(1);
  -moz-transform: rotate(225deg) translate(0, -40px) scale(1); }

.vjs-spinner div:nth-child(7) {
  opacity: 0.87;
  transform: rotate(270deg) translate(0, -40px) scale(1.1);
  -webkit-transform: rotate(270deg) translate(0, -40px) scale(1.1);
  -moz-transform: rotate(270deg) translate(0, -40px) scale(1.1); }

.vjs-spinner div:nth-child(8) {
  opacity: 1.00;
  transform: rotate(315deg) translate(0, -40px) scale(1.3);
  -webkit-transform: rotate(315deg) translate(0, -40px) scale(1.3);
  -moz-transform: rotate(315deg) translate(0, -40px) scale(1.3); }

/* @license
 * MyFonts Webfont Build ID 2664613, 2013-10-14T04:40:26-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Chevin Demi Bold by G-Type Collection
 * URL: http://www.myfonts.com/../fonts/fw-g-type/chevin/demi-bold/
 * Copyright: ©2003 G-Type.  Designed and digitized by Nick Cooke  01943 461 808
 * Licensed pageviews: 10,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2664613
 * 
 * © 2013 MyFonts Inc
*/
@font-face {
  font-family: 'Chevin-DemiBold';
  src: url("../fonts/28A8A5_0_0.eot");
  src: url("../fonts/28A8A5_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/28A8A5_0_0.woff") format("woff"), url("../fonts/28A8A5_0_0.ttf") format("truetype"), url("../fonts/28A8A5_0_0.svg#wf") format("svg"); }

/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
/* #Base 960 Grid
================================================== */
.container {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 0; }

.container .column,
.container .columns {
  float: left;
  display: inline;
  margin-left: 10px;
  margin-right: 10px; }

.row {
  margin-bottom: 0; }

/* Nested Column Classes */
.column.alpha, .columns.alpha {
  margin-left: 0; }

.column.omega, .columns.omega {
  margin-right: 0; }

/* Base Grid */
.container .one.column,
.container .one.columns {
  width: 40px; }

.container .two.columns {
  width: 100px; }

.container .three.columns {
  width: 160px; }

.container .four.columns {
  width: 220px; }

.container .five.columns {
  width: 280px; }

.container .six.columns {
  width: 340px; }

.container .seven.columns {
  width: 400px; }

.container .eight.columns {
  width: 460px; }

.container .nine.columns {
  width: 520px; }

.container .ten.columns {
  width: 580px; }

.container .eleven.columns {
  width: 640px; }

.container .twelve.columns {
  width: 700px; }

.container .thirteen.columns {
  width: 760px; }

.container .fourteen.columns {
  width: 820px; }

.container .fifteen.columns {
  width: 880px; }

.container .sixteen.columns {
  width: 940px; }

.container .one-third.column {
  width: 300px; }

.container .two-thirds.column {
  width: 620px; }

/* Offsets */
.container .offset-by-one {
  padding-left: 60px; }

.container .offset-by-two {
  padding-left: 120px; }

.container .offset-by-three {
  padding-left: 180px; }

.container .offset-by-four {
  padding-left: 240px; }

.container .offset-by-five {
  padding-left: 300px; }

.container .offset-by-six {
  padding-left: 360px; }

.container .offset-by-seven {
  padding-left: 420px; }

.container .offset-by-eight {
  padding-left: 480px; }

.container .offset-by-nine {
  padding-left: 540px; }

.container .offset-by-ten {
  padding-left: 600px; }

.container .offset-by-eleven {
  padding-left: 660px; }

.container .offset-by-twelve {
  padding-left: 720px; }

.container .offset-by-thirteen {
  padding-left: 780px; }

.container .offset-by-fourteen {
  padding-left: 840px; }

.container .offset-by-fifteen {
  padding-left: 900px; }

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 768px; }
  .container .column,
  .container .columns {
    margin-left: 10px;
    margin-right: 10px; }
  .column.alpha, .columns.alpha {
    margin-left: 0;
    margin-right: 10px; }
  .column.omega, .columns.omega {
    margin-right: 0;
    margin-left: 10px; }
  .alpha.omega {
    margin-left: 0;
    margin-right: 0; }
  .container .one.column,
  .container .one.columns {
    width: 28px; }
  .container .two.columns {
    width: 76px; }
  .container .three.columns {
    width: 124px; }
  .container .four.columns {
    width: 172px; }
  .container .five.columns {
    width: 220px; }
  .container .six.columns {
    width: 268px; }
  .container .seven.columns {
    width: 316px; }
  .container .eight.columns {
    width: 364px; }
  .container .nine.columns {
    width: 412px; }
  .container .ten.columns {
    width: 460px; }
  .container .eleven.columns {
    width: 508px; }
  .container .twelve.columns {
    width: 556px; }
  .container .thirteen.columns {
    width: 604px; }
  .container .fourteen.columns {
    width: 652px; }
  .container .fifteen.columns {
    width: 700px; }
  .container .sixteen.columns {
    width: 748px; }
  .container .one-third.column {
    width: 236px; }
  .container .two-thirds.column {
    width: 492px; }
  /* Offsets */
  .container .offset-by-one {
    padding-left: 48px; }
  .container .offset-by-two {
    padding-left: 96px; }
  .container .offset-by-three {
    padding-left: 144px; }
  .container .offset-by-four {
    padding-left: 192px; }
  .container .offset-by-five {
    padding-left: 240px; }
  .container .offset-by-six {
    padding-left: 288px; }
  .container .offset-by-seven {
    padding-left: 336px; }
  .container .offset-by-eight {
    padding-left: 384px; }
  .container .offset-by-nine {
    padding-left: 432px; }
  .container .offset-by-ten {
    padding-left: 480px; }
  .container .offset-by-eleven {
    padding-left: 528px; }
  .container .offset-by-twelve {
    padding-left: 576px; }
  .container .offset-by-thirteen {
    padding-left: 624px; }
  .container .offset-by-fourteen {
    padding-left: 672px; }
  .container .offset-by-fifteen {
    padding-left: 720px; } }

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
  .container {
    width: 300px; }
  .container .columns,
  .container .column {
    margin: 0; }
  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 300px; }
  /* Offsets */
  .container .offset-by-one,
  .container .offset-by-two,
  .container .offset-by-three,
  .container .offset-by-four,
  .container .offset-by-five,
  .container .offset-by-six,
  .container .offset-by-seven,
  .container .offset-by-eight,
  .container .offset-by-nine,
  .container .offset-by-ten,
  .container .offset-by-eleven,
  .container .offset-by-twelve,
  .container .offset-by-thirteen,
  .container .offset-by-fourteen,
  .container .offset-by-fifteen {
    padding-left: 0; } }

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 420px; }
  .container .columns,
  .container .column {
    margin: 0; }
  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 420px; } }

/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.row:after,
.clearfix:after {
  clear: both; }

.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

#content ul.thumbs {
  padding: 0;
  margin: 0 0 12px 0;
  list-style: none; }

#content ul.thumbs li {
  margin: 0 12px 0 0;
  padding: 0;
  display: inline; }

#btn-close {
  height: 20px;
  margin: -20px auto 0 auto;
  text-align: right;
  display: block; }

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px; }

#jquery-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0; }

#jquery-lightbox a img {
  border: none; }

#lightbox-container-image-box {
  position: relative;
  background-color: #fff;
  width: 441px;
  height: 200px;
  margin: 0 auto; }

#lightbox-container-image {
  padding: 0; }

#lightbox-loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0; }

#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }

#lightbox-container-image-box > #lightbox-nav {
  left: 0; }

#lightbox-nav a {
  outline: none; }

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  width: 49%;
  height: 100%;
  zoom: 1;
  display: block; }

#lightbox-nav-btnPrev {
  left: 0;
  float: left; }

#lightbox-nav-btnNext {
  right: 0;
  float: right; }

#lightbox-container-image-data-box {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
  padding: 0 10px 0; }

#lightbox-container-image-data {
  padding: 0 10px;
  color: #666; }

#lightbox-container-image-data #lightbox-image-details {
  width: 70%;
  float: left;
  text-align: left; }

#lightbox-image-details-caption {
  font-weight: bold; }

#lightbox-image-details-currentNumber {
  display: block;
  clear: left;
  padding-bottom: 1.0em; }

#lightbox-secNav-btnClose {
  width: 66px;
  float: right;
  padding-bottom: 0.7em; }

/* ---- lightbox ----- */
#lightbox-container-image-data-box {
  background: #6d9ca0; }

#jquery-lightbox {
  top: 168px; }

#lightbox-container-image-data,
#lightbox-container-image a,
#lightbox-image-details-url a,
#lightbox-image-details-url a:hover {
  margin: 0;
  color: #FFF; }

.overflowAuto {
  overflow: auto !important; }

/* ---- image gallery ----- */
.pagenumbers {
  text-align: center;
  width: 600px;
  padding: 0 0 10px 0; }

.childscontainer .thumbs a.title {
  float: left;
  margin: 0;
  width: 265px;
  font-weight: bold;
  text-decoration: none; }

.childscontainer .thumbs p {
  margin: 0; }

.childscontainer .thumbs a {
  display: block;
  width: 90px;
  float: left; }

#content .childscontainer .thumbs li {
  border-bottom: 1px dotted #00B0EB;
  width: 700px;
  height: 80px;
  padding: 10px 0;
  display: block; }

/* ---- video ---- */
/* ---- video ---- */
a.play-button {
  /*     pointer-events: none; */
  display: block;
  width: 150px;
  height: 150px;
  background: url(images/play.png) no-repeat;
  position: absolute;
  z-index: 70;
  margin-left: 200px;
  margin-top: 60px; }

aside a.play-button,
li a.play-button {
  margin: 25px 0 0 80px;
  width: 55px;
  height: 55px;
  background: url(images/play-small.png) no-repeat; }

aside a.on,
li a.on {
  background: url(images/play-small-active.png) no-repeat; }

a.on {
  background: url(images/play-active.png) no-repeat; }

#site-nav {
  border-bottom: 1px solid #64645f;
  position: relative;
  z-index: 15; }
  #site-nav .navBlock {
    margin-top: -0.7em; }
  #site-nav h2 {
    font-size: 110%;
    font-weight: normal;
    padding: 0 10px 0 14px;
    background: #FFF url(../images/arrow-grey.gif) 0 4px no-repeat;
    color: #64645f;
    display: inline;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    z-index: 20;
    position: relative; }
  #site-nav ul {
    position: relative;
    margin: 0 0 5px 0;
    z-index: 10; }
    #site-nav ul:before {
      content: '\0020';
      display: block;
      border-top: 1px solid #64645f;
      margin-top: -11px;
      height: 11px; }
    #site-nav ul li {
      display: block; }
      #site-nav ul li a {
        display: block;
        padding: 0.15em 0 0.15em 14px;
        font-size: 105%; }
      #site-nav ul li.active a,
      #site-nav ul li a:hover {
        background: #64645f;
        color: #FFF; }
      #site-nav ul li.active ul.bodyitem li a {
        color: #64645f; }
      #site-nav ul li.active ul.bodyitem li a:hover {
        color: #FFF; }

/* ---- page-navigation ---- */
#page-nav ul {
  border-bottom: 1px solid #d0d0cf; }
  #page-nav ul li a {
    border-top: 1px solid #d0d0cf;
    display: block;
    padding: 0.5em 0;
    font-family: Chevin-DemiBold, Arial;
    font-size: 110%;
    color: #9b9b97; }
  #page-nav ul li.active li.active a, #page-nav ul li.active a:hover, #page-nav ul li.active a,
  #page-nav ul li a:hover {
    color: #64645F; }
  #page-nav ul li li {
    padding-left: 2em;
    font-size: 100%; }
  #page-nav ul li li a, #page-nav ul li.active li a {
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #9b9b97; }
  #page-nav ul ul {
    border: none; }

/* --- mobile navigation ---- */
#site-nav .mobile-body-items {
  display: none; }
  #site-nav .mobile-body-items li a {
    padding: 9px 0;
    font-weight: normal;
    font-family: Arial, Helvetica,sans-serif;
    font-size: 120%;
    border-top: 1px solid #64645F;
    margin: 0; }

@media only screen and (max-width: 767px) {
  #page-nav {
    display: none; }
  #site-nav {
    position: static;
    height: auto;
    border-top: none;
    margin-bottom: 20px; }
    #site-nav ul {
      margin: 0;
      display: none; }
      #site-nav ul:before {
        display: none; }
      #site-nav ul li a {
        padding: 10px 0;
        margin: 0;
        color: #9B9B97;
        border-top: 1px solid #64645F; }
      #site-nav ul li.active a,
      #site-nav ul li a:hover {
        background: inherit;
        color: #64645F; }
    #site-nav h2 {
      background: none;
      font-size: 130%;
      display: block;
      padding: 12px 0;
      margin: 0; }
      #site-nav h2.active + .mobile-body-items {
        display: block; }
    #site-nav .navBlock {
      margin: 0;
      border-top: 1px solid #64645F;
      cursor: pointer; }
      #site-nav .navBlock ul.headeritem {
        display: none; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  #site-nav .mobile-body-items li a {
    font-size: 90%; } }

#header-nav {
  float: right;
  font-size: 85%; }
  #header-nav li {
    float: left;
    padding-left: 1em; }
    #header-nav li.active a,
    #header-nav li a:hover {
      border-bottom: 1px solid #64645f; }

/* ---- search ---- */
.sisea-search-form {
  float: right;
  margin-left: 17px;
  padding: 0; }
  .sisea-search-form fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    text-align: right; }
  .sisea-search-form input#search {
    border: 1px solid #DEDEDE !important;
    margin: 0;
    padding: 2px;
    vertical-align: top; }
  .sisea-search-form input.button {
    margin-top: -5px;
    vertical-align: top; }

#language-selector {
  float: right; }
  #language-selector ul {
    width: 60px;
    margin-left: 0.5em; }
    #language-selector ul li {
      display: inline-block; }
      #language-selector ul li a {
        font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        margin: 0;
        font-size: 90%;
        line-height: 80%;
        height: 7px;
        color: #6D9CA0;
        padding-left: 0.4em; }
        #language-selector ul li a.de {
          border-right: 1px solid #6D9CA0;
          padding-right: 0.5em;
          margin-right: 0.25em; }
      #language-selector ul li.active a,
      #language-selector ul li a:hover {
        font-weight: bold;
        background: none !important;
        color: #6D9CA0 !important; }

header#site-header {
  height: 97px; }

/*
grey: #64645f
aqua: #6d9ca0
*/
header, nav, section, article, footer, figure, figcaption, address {
  display: block;
  margin: 0; }

body {
  font-family: Arial, Helvetica,sans-serif;
  font-size: 80%;
  line-height: 145%;
  margin: 0;
  padding: 0;
  background: #FFF; }

h1 {
  font-size: 145%;
  margin: 0 0 0.5em 0;
  font-family: Chevin-DemiBold, Arial;
  font-weight: normal;
  line-height: 135%; }

h2 {
  font-size: 135%;
  margin: 0.25em 0 0.5em 0;
  font-family: Chevin-DemiBold, Arial;
  font-weight: normal; }

h3 {
  font-family: Chevin-DemiBold, Arial;
  font-weight: normal;
  font-size: 110%;
  margin: 0.5em 0; }

h4 {
  margin: 0.5em 0 0.25em;
  color: #64645f;
  font-size: 100%;
  line-height: 145%; }

article > h4,
article > h3,
header > h3 {
  margin-top: 0; }

h5 {
  margin: 1.5em 0 0.25em 0; }

p {
  margin: 0 0 0.5em 0; }

a {
  text-decoration: none;
  color: #64645f; }

a:active,
a:focus {
  outline: none; }

h3:active,
h3:focus {
  outline: none; }

a img {
  border: none; }

a.video {
  display: block; }

a.image {
  width: 212px;
  text-align: center;
  float: left; }

aside h3 {
  border-top: 2px solid #6d9ca0;
  margin: 0 0 0.25em 0;
  padding: 0.4em 0 0 0;
  font-size: 120%; }

aside .studies img {
  width: 45%;
  margin: 0 0.75em 1em 0; }

aside article .studies img {
  vertical-align: text-top;
  float: left;
  width: 25%; }

aside article .homepage img {
  width: 45%; }

aside section {
  margin-bottom: 0.75em; }

aside {
  color: #6d9ca0; }

aside a {
  color: #6d9ca0; }

aside a.download img, a.download img {
  vertical-align: top;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  margin: 0 0.25em 0 0;
  width: auto; }

aside figure.studies figcaption h4 {
  margin-top: 0; }

#wrapper {
  margin: 16px auto 20px auto; }

dl {
  margin: 1em 0 0.5em 0;
  padding: 0; }

dl dt {
  float: left;
  font-weight: bold;
  padding: 0 0 3px 0; }

dl dd {
  margin-left: 85px;
  padding: 0 0 3px 0; }

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

a#logo img {
  float: left; }

ul.bodyitem {
  display: none; }

section#main {
  clear: both;
  padding: 17px 0 1em 0;
  height: 70%;
  min-height: 550px; }

section#content header figure {
  margin-bottom: 1em; }

section#content header figcaption {
  text-indent: 12px;
  width: 212px;
  background: url(../images/arrow-grey.gif) 0 4px no-repeat;
  position: absolute;
  bottom: 0;
  right: 0; }

section#content article h4 {
  font-weight: normal; }

section#content article p a {
  border-bottom: 1px solid #CCC; }

section#content article p a:hover {
  color: #6d9ca0;
  border-bottom: 1px solid #6d9ca0; }

section#content aside {
  color: #6d9ca0; }

section#content aside article {
  border-bottom: 1px solid #6d9ca0;
  padding: 0 0 0.5em 0;
  margin-bottom: 1em; }

section#content aside article.last {
  border-bottom: none;
  padding: 0;
  margin: 0; }

section#content aside article h4 {
  color: #6d9ca0;
  font-weight: bold; }

section#content aside header {
  padding: 2em 0;
  border-top: 1px solid #6d9ca0;
  border-bottom: 1px solid #6d9ca0; }

section#content aside dd p {
  margin: 0 0 0.25em 0; }

section#content aside p a {
  padding: 2px 0 2px 24px;
  background: url(../images/arrow-more-green.png) no-repeat; }

section#content aside p a:hover {
  text-decoration: underline; }

/* ---- listing ---- */
a:hover .moreLink {
  text-decoration: underline; }

.moreLink {
  padding: 2px 0 2px 24px;
  background: url(../images/arrow-more-green.png) 0 2px no-repeat;
  color: #6d9ca0;
  display: block;
  float: right; }

a.linkBlock {
  display: block;
  width: 188px;
  margin-top: 1em;
  border-top: 1px solid #6d9ca0;
  padding: 10px 0 2px 24px;
  background: url(../images/arrow-more-green.png) 0 10px no-repeat; }

a.first {
  margin-top: 0;
  margin-bottom: 1em;
  padding: 0 0 2px 24px;
  border: none;
  background: url(../images/arrow-more-green.png) 0 0 no-repeat; }

a.linkBlock:hover {
  text-decoration: underline; }

#listing h1 {
  margin-top: 0; }

#listing ul {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0; }

#listing ul li {
  padding: 20px 0 0 0; }

#listing figure img {
  float: left; }

#listing .logobox {
  float: right;
  width: 160px;
  margin-left: 5px;
  height: 70px;
  border-left: 1px solid #DEDEDE; }

#listing .logobox img {
  display: block;
  float: right;
  max-width: 150px;
  max-height: 50px; }

#listing .listingText {
  border-top: 1px solid #64645f;
  padding-top: 0.5em; }

#listing .moreLink {
  margin-left: 300px; }

#listing blockquote {
  margin-top: 0; }

.studies img {
  -moz-box-shadow: 2px 2px 4px #999;
  -webkit-box-shadow: 1px 1px 5px #999;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
  box-shadow: 1px 1px 4px #999; }

header.companyLogo {
  border-top: 1px solid #6d9ca0;
  padding: 1em 0 0 0; }

blockquote {
  font-weight: normal;
  font-size: 115%;
  line-height: 145%;
  font-family: Chevin-DemiBold, Arial;
  margin: 0.5em 0; }

#content article blockquote {
  color: #6d9ca0; }

#listing blockquote {
  color: #6d9ca0; }

address {
  font-style: normal; }

/* ---- homepage ---- */
article#homepage-dossier {
  height: 315px;
  background: url(../images/bg-worldmap.gif) no-repeat; }

#homepage-dossier ul {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 315px; }

#homepage-dossier ul li {
  display: none; }

#homepage-dossier figure img {
  position: absolute; }

#homepage-dossier figcaption.shadowbox {
  width: 255px;
  height: 195px;
  padding: 10px 15px 10px 10px;
  margin: 0 0 0 35px;
  top: 70px; }

nav.dossierNav {
  width: 280px;
  height: 20px;
  background: url(../images/light-grey-trans.png);
  margin: -30px 0 0 35px;
  position: relative;
  z-index: 10;
  padding: 5px 0;
  text-align: center; }

nav.dossierNav div {
  margin: 0 auto;
  width: 145px; }

nav.dossierNav a {
  display: block;
  float: left;
  margin: 0 5px 0 0; }

#paging a {
  background: url(../images/paging.png) no-repeat;
  overflow: hidden;
  width: 10px;
  height: 0;
  padding-top: 15px; }

#paging a.activeSlide {
  background: url(../images/paging-active.png) no-repeat; }

#homepage-quote {
  margin: 12px 0;
  padding: 2px 0 4px 0;
  border-top: 1px solid #64645f;
  border-bottom: 1px solid #64645f; }

#homepage-quote blockquote {
  margin: 0.3em 0 0.25em 0;
  color: #64645f;
  /*     text-shadow: 1px 1px 1px #555; */ }

#homepage-quote p {
  text-align: right;
  font-size: 85%;
  display: block;
  margin-top: -1em;
  margin-bottom: 0em;
  color: #000; }

#homepage-partner figure {
  position: relative;
  overflow: hidden;
  height: 154px; }

#homepage-partner figcaption.shadowbox {
  width: 42%;
  height: 144px;
  margin-right: 22px;
  padding: 5px 10px;
  position: absolute;
  left: 50%; }

#homepage-partner img {
  width: 100%; }

#statement img {
  width: 100%;
  height: auto;
  display: block; }

#statement a.play-button {
  width: 70px;
  height: 70px;
  margin-left: 65px;
  margin-top: 45px;
  background-size: 100% 100%;
  cursor: pointer; }

/*
#statement figure {
    position: relative;
    overflow: hidden;
}
#statement figcaption.textbox {
    width: 50%;
    text-align: right;
    padding-top: 10px;
    position: absolute;
    left: 43%;
}

#statement h3 {
    color: #333;
}
*/
nav.imageFooter {
  background: url(../images/light-grey-trans.png);
  padding: 6px 0 0 10px;
  height: 26px;
  color: #FFF; }

nav.imageFooter p {
  margin: 0;
  padding: 0 0 0 12px;
  background: url(../images/arrow-white.gif) 0 4px no-repeat;
  font-size: 95%; }

nav.imageFooter a {
  color: #FFF;
  border-bottom: 1px solid #FFF; }

figcaption.textbox {
  color: #FFF;
  position: relative;
  top: 0; }

figcaption.shadowbox {
  background: url(../images/dark-grey-trans.png);
  color: #FFF;
  position: relative;
  top: 0; }

figcaption.shadowbox a {
  color: #FFF; }

figcaption.shadowbox h1 {
  font-size: 180%;
  margin: 0.5em 0; }

figcaption.shadowbox h4 {
  font-weight: normal;
  font-size: 110%;
  color: #FFF; }

figcaption.shadowbox h5 {
  background: url(../images/arrow-white.gif) 0 4px no-repeat;
  padding-left: 12px;
  font-size: 90%;
  font-weight: normal;
  margin: 0;
  margin-bottom: 0.25em; }

figcaption.shadowbox blockquote,
figcaption.textbox h3 {
  font-family: Chevin-DemiBold, Arial;
  font-style: normal;
  font-size: 125%;
  line-height: 135%;
  margin: 0; }

figcaption.shadowbox p {
  margin: 0.25em 0; }

p.legend {
  font-size: 80%;
  text-align: right;
  line-height: 130%; }

p.footnote {
  font-size: 90%; }

/* ---- footer ---- */
footer#site-footer {
  margin-top: 2em;
  border-top: 1px solid #D0D0CF;
  font-size: 80%;
  height: 30px; }

#site-footer nav {
  width: 320px; }

#site-footer nav ul {
  display: inline;
  padding-left: 1em; }

nav#footer-navigation {
  float: left; }

nav#footer-navigation li {
  display: inline;
  padding-right: 10px; }

#site-footer img {
  display: block;
  float: right;
  margin-top: 2px; }

/* ---- accordion ---- */
#accordion h3 {
  padding: 0.5em 27px;
  margin: 0;
  background: url(../images/arrow-more-green.png) 0 7px no-repeat;
  cursor: pointer; }

/* ---- video ---- */
.video-js-box {
  overflow: hidden;
  width: 550px !important; }

/* ---- audio ---- */
.leftColumnSmall {
  float: left; }

.audiojs {
  width: 100%;
  /* 	float: left; */
  margin-bottom: 20px; }

.audiojs .scrubber {
  width: 70%; }

.audiojs .time {
  display: none; }

figure img {
  width: 100%;
  height: auto;
  display: block; }

figure figcaption img {
  width: auto !important;
  display: inherit; }

.social-links {
  list-style: none;
  margin: 0;
  padding: 0; }
  .social-links li {
    margin: 10px 0; }
    .social-links li a.icon:before {
      content: '\0020';
      display: inline-block;
      width: 20px;
      height: 20px;
      background-repeat: no-repeat;
      background-size: 100% auto;
      background-position: top center;
      vertical-align: middle;
      margin-right: 5px; }
    .social-links li a.icon-twitter:before {
      background-image: url(../images/icon-twitter.svg); }
    .social-links li a.icon-facebook:before {
      background-image: url(../images/icon-facebook.svg); }
    .social-links li a.icon-youtube:before {
      background-image: url(../images/icon-youtube.svg); }
    .social-links li a.icon-dailymotion:before {
      background-image: url(../images/icon-dailymotion.svg); }
    .social-links li a.icon-telegram:before {
      background-image: url(../images/icon-telegram.svg); }
    .social-links li a.icon-instagram:before {
      background-image: url(../images/icon-instagram.png); }
    .social-links li a.icon-odysee:before {
      background-image: url(../images/icon-odysee.png); }

.mobile-only {
  display: none !important; }

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
  #site-nav li a {
    margin-right: 0.5em; } }

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  /* ---- homepage ---- */
  nav.imageFooter p {
    font-size: 85%; }
  nav.imageFooter {
    padding-left: 8px; }
  figcaption.shadowbox h5 {
    font-size: 85%; }
  figcaption.shadowbox blockquote, figcaption.textbox h3 {
    font-size: 115%; }
  #statement a.play-button {
    width: 50px;
    height: 50px;
    margin-left: 50px; }
  #homepage-partner h5 {
    display: none; }
  #homepage-partner figcaption.shadowbox {
    width: 46%;
    left: 45%; }
  #homepage-partner figure {
    height: 121px; }
  aside a.play-button, li a.play-button {
    margin: 20px 0 0 60px; } }

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  .mobile-only {
    display: block !important; }
  /* ---- navigation ---- */
  /* ---- homepage ---- */
  .dossierNav {
    display: none; }
  #homepage-dossier h4, #homepage-dossier h5 {
    display: none; }
  #homepage-dossier h1 {
    margin: 0 5px; }
  #homepage-dossier li figure {
    background-size: 60% !important; }
  article#homepage-dossier, article#homepage-dossier ul {
    height: 180px; }
  #homepage-dossier figcaption.shadowbox a {
    color: #FFF; }
  #homepage-dossier figcaption.shadowbox {
    position: absolute;
    top: 140px;
    padding: 5px;
    margin: 0;
    width: 480px;
    height: 50px; }
  #statement {
    display: none; }
  #homepage-partner h5 {
    display: none; }
  #homepage-partner figcaption.shadowbox {
    background: none;
    position: static;
    width: 100%;
    height: auto;
    padding: 5px 0; }
    #homepage-partner figcaption.shadowbox a {
      color: #64645F; }
  #homepage-partner figure {
    height: auto; }
  #homepage-partner img {
    margin-top: 20px; }
  nav.imageFooter {
    display: none; }
  p.legend br {
    display: none; }
  p.legend br:after {
    content: ', '; }
  figcaption.shadowbox h5 {
    margin-top: -174px;
    position: absolute;
    background-position: 5px 7px;
    background-color: #64645F;
    width: 100%;
    height: 20px;
    color: #FFF;
    padding: 3px 18px; }
  #language-selector {
    margin: 0; }
  #language-selector ul {
    position: absolute;
    right: 0;
    top: 0; }
  #language-selector ul li {
    float: left; }
  /* ---- misc ---- */
  section#listing .listingText {
    border-top: none; }
  section#listing ul li {
    border-top: 1px solid #64645F;
    padding: 15px 0 10px 0; }
  #listing .studies figure img {
    width: 50%; }
  .sisea-search-form {
    display: none; }
  #logo img {
    width: 140px;
    height: auto; }
  .worldmap {
    display: none; } }

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  aside a.play-button, li a.play-button {
    margin: 90px 0 0 170px; } }

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  aside a.play-button, li a.play-button {
    margin: 60px 0 0 120px; }
  #homepage-dossier li figure {
    background-size: 50% !important; }
  article#homepage-dossier, article#homepage-dossier ul {
    height: 155px; }
  #homepage-dossier figcaption.shadowbox {
    top: 115px; } }