@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

/* 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/10/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 of focused elements when they are also in an
 * active/hover state.
 */
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 {
  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,
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 {
  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,
select {
  text-transform: none; }

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

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

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-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.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

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

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

Copyright (c) 2013 Daniel Eden

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

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

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  animation-duration: 1s;
  animation-fill-mode: both; }

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

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }

.bounce {
  animation-name: bounce; }

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

.flash {
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

.pulse {
  animation-name: pulse; }

@keyframes shake {
  0%, 100% {
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    transform: translateX(10px); } }

.shake {
  animation-name: shake; }

@keyframes swing {
  20% {
    transform: rotate(15deg); }
  40% {
    transform: rotate(-10deg); }
  60% {
    transform: rotate(5deg); }
  80% {
    transform: rotate(-5deg); }
  100% {
    transform: rotate(0deg); } }

.swing {
  transform-origin: top center;
  animation-name: swing; }

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

.tada {
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
  0% {
    transform: translateX(0%); }
  15% {
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    transform: translateX(20%) rotate(3deg); }
  45% {
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    transform: translateX(10%) rotate(2deg); }
  75% {
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    transform: translateX(0%); } }

.wobble {
  animation-name: wobble; }

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }
  50% {
    opacity: 1;
    transform: scale(1.05); }
  70% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }

.bounceIn {
  animation-name: bounceIn; }

@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    transform: translateY(30px); }
  80% {
    transform: translateY(-10px); }
  100% {
    transform: translateY(0); } }

.bounceInDown {
  animation-name: bounceInDown; }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    transform: translateX(30px); }
  80% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }

.bounceInLeft {
  animation-name: bounceInLeft; }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    transform: translateX(-30px); }
  80% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }

.bounceInRight {
  animation-name: bounceInRight; }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    transform: translateY(-30px); }
  80% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0); } }

.bounceInUp {
  animation-name: bounceInUp; }

@keyframes bounceOut {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(0.95); }
  50% {
    opacity: 1;
    transform: scale(1.1); }
  100% {
    opacity: 0;
    transform: scale(0.3); } }

.bounceOut {
  animation-name: bounceOut; }

@keyframes bounceOutDown {
  0% {
    transform: translateY(0); }
  20% {
    opacity: 1;
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    transform: translateY(2000px); } }

.bounceOutDown {
  animation-name: bounceOutDown; }

@keyframes bounceOutLeft {
  0% {
    transform: translateX(0); }
  20% {
    opacity: 1;
    transform: translateX(20px); }
  100% {
    opacity: 0;
    transform: translateX(-2000px); } }

.bounceOutLeft {
  animation-name: bounceOutLeft; }

@keyframes bounceOutRight {
  0% {
    transform: translateX(0); }
  20% {
    opacity: 1;
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    transform: translateX(2000px); } }

.bounceOutRight {
  animation-name: bounceOutRight; }

@keyframes bounceOutUp {
  0% {
    transform: translateY(0); }
  20% {
    opacity: 1;
    transform: translateY(20px); }
  100% {
    opacity: 0;
    transform: translateY(-2000px); } }

.bounceOutUp {
  animation-name: bounceOutUp; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fadeIn {
  animation-name: fadeIn; }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.fadeInDown {
  animation-name: fadeInDown; }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.fadeInDownBig {
  animation-name: fadeInDownBig; }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

.fadeInLeft {
  animation-name: fadeInLeft; }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

.fadeInLeftBig {
  animation-name: fadeInLeftBig; }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

.fadeInRight {
  animation-name: fadeInRight; }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

.fadeInRightBig {
  animation-name: fadeInRightBig; }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.fadeInUp {
  animation-name: fadeInUp; }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.fadeInUpBig {
  animation-name: fadeInUpBig; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(20px); } }

.fadeOutDown {
  animation-name: fadeOutDown; }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(2000px); } }

.fadeOutDownBig {
  animation-name: fadeOutDownBig; }

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(-20px); } }

.fadeOutLeft {
  animation-name: fadeOutLeft; }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(-2000px); } }

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig; }

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(20px); } }

.fadeOutRight {
  animation-name: fadeOutRight; }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(2000px); } }

.fadeOutRightBig {
  animation-name: fadeOutRightBig; }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-20px); } }

.fadeOutUp {
  animation-name: fadeOutUp; }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-2000px); } }

.fadeOutUpBig {
  animation-name: fadeOutUpBig; }

@keyframes flip {
  0% {
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    animation-timing-function: ease-out; }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    animation-timing-function: ease-out; }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in; }
  80% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in; }
  100% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip; }

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    transform: perspective(400px) rotateX(10deg); }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX; }

@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    transform: perspective(400px) rotateY(10deg); }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY; }

@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY; }

@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out; }

@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in; }

@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; } }

.rotateIn {
  animation-name: rotateIn; }

@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }

.rotateInDownLeft {
  animation-name: rotateInDownLeft; }

@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }

.rotateInDownRight {
  animation-name: rotateInDownRight; }

@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }

.rotateInUpLeft {
  animation-name: rotateInUpLeft; }

@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }

.rotateInUpRight {
  animation-name: rotateInUpRight; }

@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0; } }

.rotateOut {
  animation-name: rotateOut; }

@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft; }

@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutDownRight {
  animation-name: rotateOutDownRight; }

@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft; }

@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight {
  animation-name: rotateOutUpRight; }

@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  100% {
    transform: translateY(0); } }

.slideInDown {
  animation-name: slideInDown; }

@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  100% {
    transform: translateX(0); } }

.slideInLeft {
  animation-name: slideInLeft; }

@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  100% {
    transform: translateX(0); } }

.slideInRight {
  animation-name: slideInRight; }

@keyframes slideOutLeft {
  0% {
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(-2000px); } }

.slideOutLeft {
  animation-name: slideOutLeft; }

@keyframes slideOutRight {
  0% {
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(2000px); } }

.slideOutRight {
  animation-name: slideOutRight; }

@keyframes slideOutUp {
  0% {
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-2000px); } }

.slideOutUp {
  animation-name: slideOutUp; }

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

.hinge {
  animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg); } }

.rollIn {
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg); } }

.rollOut {
  animation-name: rollOut; }

/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/**
 * The picker input element.
 */
.picker__input {
  cursor: default; }

/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec; }

/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
/**
 * Make the holder and frame fullscreen.
 */
.picker__holder,
.picker__frame {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(100%); }

/**
 * The holder should overlay the entire screen.
 */
.picker__holder {
  position: fixed;
  transition: background 0.15s ease-out, transform 0s 0.15s;
  -webkit-backface-visibility: hidden; }

/**
 * The frame that bounds the box contents of the picker.
 */
.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  max-width: 666px;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transition: all 0.15s ease-out; }

@media (min-height: 33.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%; } }

@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%; } }

/**
 * The wrapper sets the stage to vertically align the box contents.
 */
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%; }

@media (min-height: 33.875em) {
  .picker__wrap {
    display: block; } }

/**
 * The box contains all the picker contents.
 */
.picker__box {
  background: #ffffff;
  display: table-cell;
  vertical-align: middle; }

@media (min-height: 26.5em) {
  .picker__box {
    font-size: 1.25em; } }

@media (min-height: 33.875em) {
  .picker__box {
    display: block;
    font-size: 1.33em;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); } }

@media (min-height: 40.125em) {
  .picker__box {
    font-size: 1.5em;
    border-bottom-width: 1px;
    border-radius: 5px; } }

/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  transform: translateY(0);
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  transition: background 0.15s ease-out; }

.picker--opened .picker__frame {
  transform: translateY(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

@media (min-height: 33.875em) {
  .picker--opened .picker__frame {
    top: auto;
    bottom: 0; } }

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em; }

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em; }

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em; }

.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic; }

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em; }

@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em; } }

.picker__select--month {
  width: 35%; }

.picker__select--year {
  width: 22.5%; }

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec; }

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em; } }

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em; } }

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em; } }

.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto; }

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000; }

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5; }

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em; }

@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em; } }

.picker__table td {
  margin: 0;
  padding: 0; }

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */ }

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em; } }

/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent; }

.picker__day--today {
  position: relative; }

.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent; }

.picker__day--disabled:before {
  border-top-color: #aaaaaa; }

.picker__day--outfocus {
  color: #dddddd; }

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__day--highlighted {
  border-color: #0089ec; }

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #0089ec;
  color: #ffffff; }

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb; }

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center; }

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom; }

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb; }

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none; }

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0; }

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em; }

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent; }

.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200; }

.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777; }

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa; }

/* ==========================================================================
   $DEFAULT-DATE-PICKER
   ========================================================================== */
/* ==========================================================================
   $BASE-TIME-PICKER
   ========================================================================== */
/**
 * The list of times.
 */
.picker__list {
  list-style: none;
  padding: 0.75em 0 4.2em;
  margin: 0; }

/**
 * The times on the clock.
 */
.picker__list-item {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  margin-bottom: -1px;
  position: relative;
  background: #ffffff;
  padding: .75em 1.25em; }

@media (min-height: 46.75em) {
  .picker__list-item {
    padding: .5em 1em; } }

/* Hovered time */
.picker__list-item:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-color: #0089ec;
  z-index: 10; }

/* Highlighted and hovered/focused time */
.picker__list-item--highlighted {
  border-color: #0089ec;
  z-index: 10; }

.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

/* Selected and hovered/focused time */
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
  background: #0089ec;
  color: #ffffff;
  z-index: 10; }

/* Disabled time */
.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
  border-color: #dddddd;
  z-index: auto; }

/**
 * The clear button
 */
.picker--time .picker__button--clear {
  display: block;
  width: 80%;
  margin: 1em auto 0;
  padding: 1em 1.25em;
  background: none;
  border: 0;
  font-weight: 500;
  font-size: .67em;
  text-align: center;
  text-transform: uppercase;
  color: #666; }

.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
  color: #000000;
  background: #b1dcfb;
  background: #ee2200;
  border-color: #ee2200;
  cursor: pointer;
  color: #ffffff;
  outline: none; }

.picker--time .picker__button--clear:before {
  top: -0.25em;
  color: #666;
  font-size: 1.25em;
  font-weight: bold; }

.picker--time .picker__button--clear:hover:before,
.picker--time .picker__button--clear:focus:before {
  color: #ffffff;
  border-color: #ffffff; }

/* ==========================================================================
   $DEFAULT-TIME-PICKER
   ========================================================================== */
/**
 * The frame the bounds the time picker.
 */
.picker--time .picker__frame {
  min-width: 256px;
  max-width: 320px; }

/**
 * The picker box.
 */
.picker--time .picker__box {
  font-size: 1em;
  background: #f2f2f2;
  padding: 0; }

@media (min-height: 40.125em) {
  .picker--time .picker__box {
    margin-bottom: 5em; } }

.tippy-touch {
  cursor: pointer !important; }

.tippy-popper {
  visibility: hidden;
  max-width: 400px;
  perspective: 800px;
  z-index: 9999; }
  .tippy-popper.html-template {
    max-width: 96%;
    max-width: calc(100% - 20px); }
  .tippy-popper[x-placement=top] [x-arrow] {
    transform: rotate(-45deg);
    bottom: -5px; }
  .tippy-popper[x-placement=top] [x-circle] {
    transform-origin: 0% 50%; }
    .tippy-popper[x-placement=top] [x-circle].enter {
      opacity: 1;
      transform: scale(1) translate(-50%, -47.5%); }
    .tippy-popper[x-placement=top] [x-circle].leave {
      opacity: 0;
      transform: scale(0) translate(-50%, -50%); }
  .tippy-popper[x-placement=top] [data-animation=none].enter {
    opacity: 1;
    transform: translateY(-10px); }
  .tippy-popper[x-placement=top] [data-animation=none].leave {
    opacity: 1;
    transform: translateY(-10px); }
  .tippy-popper[x-placement=top] [data-animation=perspective] {
    transform-origin: bottom; }
    .tippy-popper[x-placement=top] [data-animation=perspective].enter {
      opacity: 1;
      transform: translateY(-10px) rotateX(0); }
    .tippy-popper[x-placement=top] [data-animation=perspective].leave {
      opacity: 0;
      transform: translateY(0) rotateX(90deg); }
  .tippy-popper[x-placement=top] [data-animation=fade].enter {
    opacity: 1;
    transform: translateY(-10px); }
  .tippy-popper[x-placement=top] [data-animation=fade].leave {
    opacity: 0;
    transform: translateY(-10px); }
  .tippy-popper[x-placement=top] [data-animation=shift].enter {
    opacity: 1;
    transform: translateY(-10px); }
  .tippy-popper[x-placement=top] [data-animation=shift].leave {
    opacity: 0;
    transform: translateY(0); }
  .tippy-popper[x-placement=top] [data-animation=scale].enter {
    opacity: 1;
    transform: translateY(-10px) scale(1); }
  .tippy-popper[x-placement=top] [data-animation=scale].leave {
    opacity: 0;
    transform: translateY(0) scale(0); }
  .tippy-popper[x-placement=bottom] [x-arrow] {
    transform: rotate(135deg);
    top: -5px; }
  .tippy-popper[x-placement=bottom] [x-circle] {
    transform-origin: 0% -50%; }
    .tippy-popper[x-placement=bottom] [x-circle].enter {
      opacity: 1;
      transform: scale(1) translate(-50%, -47.5%); }
    .tippy-popper[x-placement=bottom] [x-circle].leave {
      opacity: 0;
      transform: scale(0) translate(-50%, -50%); }
  .tippy-popper[x-placement=bottom] [data-animation=none].enter {
    opacity: 1;
    transform: translateY(10px); }
  .tippy-popper[x-placement=bottom] [data-animation=none].leave {
    opacity: 1;
    transform: translateY(10px); }
  .tippy-popper[x-placement=bottom] [data-animation=perspective] {
    transform-origin: top; }
    .tippy-popper[x-placement=bottom] [data-animation=perspective].enter {
      opacity: 1;
      transform: translateY(10px) rotateX(0); }
    .tippy-popper[x-placement=bottom] [data-animation=perspective].leave {
      opacity: 0;
      transform: translateY(0) rotateX(-90deg); }
  .tippy-popper[x-placement=bottom] [data-animation=fade].enter {
    opacity: 1;
    transform: translateY(10px); }
  .tippy-popper[x-placement=bottom] [data-animation=fade].leave {
    opacity: 0;
    transform: translateY(10px); }
  .tippy-popper[x-placement=bottom] [data-animation=shift].enter {
    opacity: 1;
    transform: translateY(10px); }
  .tippy-popper[x-placement=bottom] [data-animation=shift].leave {
    opacity: 0;
    transform: translateY(0); }
  .tippy-popper[x-placement=bottom] [data-animation=scale].enter {
    opacity: 1;
    transform: translateY(10px) scale(1); }
  .tippy-popper[x-placement=bottom] [data-animation=scale].leave {
    opacity: 0;
    transform: translateY(0) scale(0); }
  .tippy-popper[x-placement=left] [x-arrow] {
    transform: rotate(225deg);
    right: -5px;
    top: 50%; }
  .tippy-popper[x-placement=left] [x-circle] {
    transform-origin: 50% 0%; }
    .tippy-popper[x-placement=left] [x-circle].enter {
      opacity: 1;
      transform: scale(1) translate(-50%, -47.5%); }
    .tippy-popper[x-placement=left] [x-circle].leave {
      opacity: 0;
      transform: scale(0) translate(-50%, -33%); }
  .tippy-popper[x-placement=left] [data-animation=none].enter {
    opacity: 1;
    transform: translateX(-10px); }
  .tippy-popper[x-placement=left] [data-animation=none].leave {
    opacity: 1;
    transform: translateX(-10px); }
  .tippy-popper[x-placement=left] [data-animation=perspective] {
    transform-origin: right; }
    .tippy-popper[x-placement=left] [data-animation=perspective].enter {
      opacity: 1;
      transform: translateX(-10px) rotateY(0); }
    .tippy-popper[x-placement=left] [data-animation=perspective].leave {
      opacity: 0;
      transform: translateX(0) rotateY(-90deg); }
  .tippy-popper[x-placement=left] [data-animation=fade].enter {
    opacity: 1;
    transform: translateX(-10px); }
  .tippy-popper[x-placement=left] [data-animation=fade].leave {
    opacity: 0;
    transform: translateX(-10px); }
  .tippy-popper[x-placement=left] [data-animation=shift].enter {
    opacity: 1;
    transform: translateX(-10px); }
  .tippy-popper[x-placement=left] [data-animation=shift].leave {
    opacity: 0;
    transform: translateX(0); }
  .tippy-popper[x-placement=left] [data-animation=scale].enter {
    opacity: 1;
    transform: translateX(-10px) scale(1); }
  .tippy-popper[x-placement=left] [data-animation=scale].leave {
    opacity: 0;
    transform: translateX(0) scale(0); }
  .tippy-popper[x-placement=right] [x-arrow] {
    transform: rotate(45deg);
    left: -5px;
    top: 50%; }
  .tippy-popper[x-placement=right] [x-circle] {
    transform-origin: -50% 0%; }
    .tippy-popper[x-placement=right] [x-circle].enter {
      opacity: 1;
      transform: scale(1) translate(-50%, -47.5%); }
    .tippy-popper[x-placement=right] [x-circle].leave {
      opacity: 0;
      transform: scale(0) translate(-50%, -33%); }
  .tippy-popper[x-placement=right] [data-animation=none].enter {
    opacity: 1;
    transform: translateX(10px); }
  .tippy-popper[x-placement=right] [data-animation=none].leave {
    opacity: 1;
    transform: translateX(10px); }
  .tippy-popper[x-placement=right] [data-animation=perspective] {
    transform-origin: left; }
    .tippy-popper[x-placement=right] [data-animation=perspective].enter {
      opacity: 1;
      transform: translateX(10px) rotateY(0); }
    .tippy-popper[x-placement=right] [data-animation=perspective].leave {
      opacity: 0;
      transform: translateX(0) rotateY(90deg); }
  .tippy-popper[x-placement=right] [data-animation=fade].enter {
    opacity: 1;
    transform: translateX(10px); }
  .tippy-popper[x-placement=right] [data-animation=fade].leave {
    opacity: 0;
    transform: translateX(10px); }
  .tippy-popper[x-placement=right] [data-animation=shift].enter {
    opacity: 1;
    transform: translateX(10px); }
  .tippy-popper[x-placement=right] [data-animation=shift].leave {
    opacity: 0;
    transform: translateX(0); }
  .tippy-popper[x-placement=right] [data-animation=scale].enter {
    opacity: 1;
    transform: translateX(10px) scale(1); }
  .tippy-popper[x-placement=right] [data-animation=scale].leave {
    opacity: 0;
    transform: translateX(0) scale(0); }

.tippy-tooltip {
  position: relative;
  color: white;
  border-radius: 4px;
  padding: 0.5rem 1rem;
  text-align: center;
  will-change: transform;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #333; }
  .tippy-tooltip [x-arrow] {
    z-index: -1;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #333;
    border: 1px solid;
    border-color: transparent transparent #333 #333; }
  .tippy-tooltip[data-animatefill] {
    overflow: hidden;
    background-color: transparent; }
  .tippy-tooltip[data-inertia] {
    transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85); }
  .tippy-tooltip [x-circle] {
    position: absolute;
    will-change: transform;
    background-color: #333;
    border-radius: 50%;
    width: 120%;
    width: calc(100% + 2rem);
    left: 50%;
    transition: all ease-out;
    z-index: -1;
    opacity: 0;
    overflow: hidden; }
    .tippy-tooltip [x-circle]::before {
      content: '';
      padding-top: 100%;
      padding-top: calc(75% + 2rem);
      float: left; }
  .tippy-tooltip.light-theme {
    color: #203d5d;
    box-shadow: 0 0 16px -4px rgba(0, 20, 40, 0.2), 0 0 80px -10px rgba(0, 20, 40, 0.3);
    background-color: #f3f6f9;
    border: 1px solid #ced2e2; }
    .tippy-tooltip.light-theme [x-circle] {
      background-color: #f3f6f9; }
    .tippy-tooltip.light-theme [x-arrow] {
      background-color: #f3f6f9;
      border-color: transparent transparent #ced2e2 #ced2e2; }
    .tippy-tooltip.light-theme[data-animatefill] {
      background-color: transparent; }

.tippy-iOS-fix.tippy-popper[x-placement=top] [x-circle].leave {
  transform: scale(0) translate3d(-50%, -50%, 0); }

.tippy-iOS-fix.tippy-popper[x-placement=bottom] [x-circle].leave {
  transform: scale(0) translate3d(-50%, -50%, 0); }

.tippy-iOS-fix.tippy-popper[x-placement=left] [x-circle].leave {
  transform: scale(0) translate3d(-50%, -33%, 0); }

.tippy-iOS-fix.tippy-popper[x-placement=right] [x-circle].leave {
  transform: scale(0) translate3d(-50%, -33%, 0); }

@media (max-width: 500px) {
  .tippy-popper {
    max-width: 96%;
    max-width: calc(100% - 20px); } }

.hidden-xs-up {
  display: none !important; }

@media (max-width: 543px) {
  .hidden-xs-down {
    display: none !important; } }

@media (min-width: 544px) {
  .hidden-sm-up {
    display: none !important; } }

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important; } }

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important; } }

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important; } }

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important; } }

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important; } }

.hidden-xl-down {
  display: none !important; }

h1,
.h1, h2,
.h2, h3,
.h3, h4,
.h4, h5,
.h5, h6,
.h6 {
  font-family: "Brandon", sans-serif;
  margin-top: 48px;
  margin-top: 4.8rem;
  margin-bottom: 24px;
  margin-bottom: 2.4rem; }
  h1:first-child,
  .h1:first-child, h2:first-child,
  .h2:first-child, h3:first-child,
  .h3:first-child, h4:first-child,
  .h4:first-child, h5:first-child,
  .h5:first-child, h6:first-child,
  .h6:first-child {
    margin-top: 0; }
  h1:last-child,
  .h1:last-child, h2:last-child,
  .h2:last-child, h3:last-child,
  .h3:last-child, h4:last-child,
  .h4:last-child, h5:last-child,
  .h5:last-child, h6:last-child,
  .h6:last-child {
    margin-bottom: 0; }
  .no-touch h1, .no-touch
  .h1, .no-touch h2, .no-touch
  .h2, .no-touch h3, .no-touch
  .h3, .no-touch h4, .no-touch
  .h4, .no-touch h5, .no-touch
  .h5, .no-touch h6, .no-touch
  .h6 {
    text-rendering: optimizeLegibility; }
  h1 a,
  .h1 a, h2 a,
  .h2 a, h3 a,
  .h3 a, h4 a,
  .h4 a, h5 a,
  .h5 a, h6 a,
  .h6 a {
    color: inherit; }

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

*:focus,
*:hover,
*:active {
  outline: 0 none; }

html {
  font-size: 62.5%;
  height: 100%; }

html, html a {
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }

body {
  background: #ffffff;
  color: #424243;
  font-family: "Brandon", sans-serif;
  font-weight: 400;
  height: 100%;
  -webkit-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
  body.hamburger-open {
    transform: translateX(280px);
    position: fixed; }

.icon-sprite {
  font-size: 16px; }

.container {
  transition: all .1s ease-in; }

.page-content {
  margin: 50px 0; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.relative-container {
  position: relative; }

.clearfix {
  display: block; }

html[xmlns] .clearfix {
  display: block; }

* html .clearfix {
  height: 1%; }

.admin-edit-button {
  border: 1px solid #e6e6e6;
  padding: 8px 12px;
  border-radius: 4px; }
  .admin-edit-button .icon_pencil-edit {
    margin-right: 7px;
    display: inline-block;
    font-family: 'ElegantIcons'; }

#pjax-container {
  min-height: 84vh; }

body.fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.icon {
  background-repeat: no-repeat;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle; }

.icon-before:before,
.icon-after:after {
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  margin: 0 10px 0 0;
  overflow: hidden;
  vertical-align: middle; }

.icon-after:after {
  margin: 0 0 0 10px; }

.icon,
.icon-before:before,
.icon-after:after {
  background-image: url("../img/sprite/sprite.png"); }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .icon,
  .icon-before:before,
  .icon-after:after {
    background-image: url("../img/sprite/sprite@2x.PNG");
    background-size: 264px 326px; } }

.icon--header-repeat,
.icon-before--header-repeat:before,
.icon-after--header-repeat:after {
  background-position: -0px -0px;
  width: 40px;
  height: 5px; }

.icon--profile-price,
.icon-before--profile-price:before,
.icon-after--profile-price:after {
  background-position: -0px -5px;
  width: 19px;
  height: 19px; }

.icon--profile-clock,
.icon-before--profile-clock:before,
.icon-after--profile-clock:after {
  background-position: -0px -24px;
  width: 19px;
  height: 19px; }

.icon--profile-location,
.icon-before--profile-location:before,
.icon-after--profile-location:after {
  background-position: -0px -43px;
  width: 14px;
  height: 20px; }

.icon--nav-actualites,
.icon-before--nav-actualites:before,
.icon-after--nav-actualites:after {
  background-position: -0px -63px;
  width: 30px;
  height: 29px; }

.icon--nav-outils,
.icon-before--nav-outils:before,
.icon-after--nav-outils:after {
  background-position: -0px -92px;
  width: 33px;
  height: 30px; }

.icon--nav-forum,
.icon-before--nav-forum:before,
.icon-after--nav-forum:after {
  background-position: -0px -122px;
  width: 34px;
  height: 32px; }

.icon--nav-statut,
.icon-before--nav-statut:before,
.icon-after--nav-statut:after {
  background-position: -0px -154px;
  width: 32px;
  height: 32px; }

.icon--nav-jobs,
.icon-before--nav-jobs:before,
.icon-after--nav-jobs:after {
  background-position: -0px -186px;
  width: 22px;
  height: 33px; }

.icon--footer-logo,
.icon-before--footer-logo:before,
.icon-after--footer-logo:after {
  background-position: -0px -219px;
  width: 264px;
  height: 45px; }

.icon--header-logo,
.icon-before--header-logo:before,
.icon-after--header-logo:after {
  background-position: -0px -264px;
  width: 62px;
  height: 62px; }

.cookie-bar {
  background: #424c52;
  border-bottom: 1px solid #676767;
  padding: 10px 0;
  color: white;
  font-size: 14px; }
  .cookie-bar__icon {
    float: left;
    margin-right: 10px;
    height: 20px;
    width: 20px;
    fill: white; }
  .cookie-bar__close {
    font-weight: 600;
    text-transform: uppercase;
    color: white; }

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }
  .container::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 544px) {
    .container {
      max-width: 576px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 940px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }
  .container-fluid::after {
    content: "";
    display: table;
    clear: both; }

.row {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem; }
  .row::after {
    content: "";
    display: table;
    clear: both; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

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

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

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

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

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

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

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

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

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

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

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

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 544px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 768px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left; }
  .col-xl-1 {
    width: 8.33333%; }
  .col-xl-2 {
    width: 16.66667%; }
  .col-xl-3 {
    width: 25%; }
  .col-xl-4 {
    width: 33.33333%; }
  .col-xl-5 {
    width: 41.66667%; }
  .col-xl-6 {
    width: 50%; }
  .col-xl-7 {
    width: 58.33333%; }
  .col-xl-8 {
    width: 66.66667%; }
  .col-xl-9 {
    width: 75%; }
  .col-xl-10 {
    width: 83.33333%; }
  .col-xl-11 {
    width: 91.66667%; }
  .col-xl-12 {
    width: 100%; }
  .col-xl-pull-0 {
    right: auto; }
  .col-xl-pull-1 {
    right: 8.33333%; }
  .col-xl-pull-2 {
    right: 16.66667%; }
  .col-xl-pull-3 {
    right: 25%; }
  .col-xl-pull-4 {
    right: 33.33333%; }
  .col-xl-pull-5 {
    right: 41.66667%; }
  .col-xl-pull-6 {
    right: 50%; }
  .col-xl-pull-7 {
    right: 58.33333%; }
  .col-xl-pull-8 {
    right: 66.66667%; }
  .col-xl-pull-9 {
    right: 75%; }
  .col-xl-pull-10 {
    right: 83.33333%; }
  .col-xl-pull-11 {
    right: 91.66667%; }
  .col-xl-pull-12 {
    right: 100%; }
  .col-xl-push-0 {
    left: auto; }
  .col-xl-push-1 {
    left: 8.33333%; }
  .col-xl-push-2 {
    left: 16.66667%; }
  .col-xl-push-3 {
    left: 25%; }
  .col-xl-push-4 {
    left: 33.33333%; }
  .col-xl-push-5 {
    left: 41.66667%; }
  .col-xl-push-6 {
    left: 50%; }
  .col-xl-push-7 {
    left: 58.33333%; }
  .col-xl-push-8 {
    left: 66.66667%; }
  .col-xl-push-9 {
    left: 75%; }
  .col-xl-push-10 {
    left: 83.33333%; }
  .col-xl-push-11 {
    left: 91.66667%; }
  .col-xl-push-12 {
    left: 100%; }
  .col-xl-offset-0 {
    margin-left: 0%; }
  .col-xl-offset-1 {
    margin-left: 8.33333%; }
  .col-xl-offset-2 {
    margin-left: 16.66667%; }
  .col-xl-offset-3 {
    margin-left: 25%; }
  .col-xl-offset-4 {
    margin-left: 33.33333%; }
  .col-xl-offset-5 {
    margin-left: 41.66667%; }
  .col-xl-offset-6 {
    margin-left: 50%; }
  .col-xl-offset-7 {
    margin-left: 58.33333%; }
  .col-xl-offset-8 {
    margin-left: 66.66667%; }
  .col-xl-offset-9 {
    margin-left: 75%; }
  .col-xl-offset-10 {
    margin-left: 83.33333%; }
  .col-xl-offset-11 {
    margin-left: 91.66667%; }
  .col-xl-offset-12 {
    margin-left: 100%; } }

.spacer.spacer--h5 {
  height: 5px;
  height: 5px; }

.spacer.spacer--w5 {
  display: inline-block;
  width: 5px;
  width: 5px; }

.spacer.spacer--h10 {
  height: 10px;
  height: 10px; }

.spacer.spacer--w10 {
  display: inline-block;
  width: 10px;
  width: 10px; }

.spacer.spacer--h15 {
  height: 15px;
  height: 15px; }

.spacer.spacer--w15 {
  display: inline-block;
  width: 15px;
  width: 15px; }

.spacer.spacer--h20 {
  height: 20px;
  height: 20px; }

.spacer.spacer--w20 {
  display: inline-block;
  width: 20px;
  width: 20px; }

.spacer.spacer--h25 {
  height: 25px;
  height: 25px; }

.spacer.spacer--w25 {
  display: inline-block;
  width: 25px;
  width: 25px; }

.spacer.spacer--h30 {
  height: 30px;
  height: 30px; }

.spacer.spacer--w30 {
  display: inline-block;
  width: 30px;
  width: 30px; }

.spacer.spacer--h35 {
  height: 35px;
  height: 35px; }

.spacer.spacer--w35 {
  display: inline-block;
  width: 35px;
  width: 35px; }

.spacer.spacer--h40 {
  height: 40px;
  height: 40px; }

.spacer.spacer--w40 {
  display: inline-block;
  width: 40px;
  width: 40px; }

.spacer.spacer--h45 {
  height: 45px;
  height: 45px; }

.spacer.spacer--w45 {
  display: inline-block;
  width: 45px;
  width: 45px; }

.spacer.spacer--h50 {
  height: 50px;
  height: 50px; }

.spacer.spacer--w50 {
  display: inline-block;
  width: 50px;
  width: 50px; }

.spacer.spacer--h55 {
  height: 55px;
  height: 55px; }

.spacer.spacer--w55 {
  display: inline-block;
  width: 55px;
  width: 55px; }

.spacer.spacer--h60 {
  height: 60px;
  height: 60px; }

.spacer.spacer--w60 {
  display: inline-block;
  width: 60px;
  width: 60px; }

.spacer.spacer--h65 {
  height: 65px;
  height: 65px; }

.spacer.spacer--w65 {
  display: inline-block;
  width: 65px;
  width: 65px; }

.spacer.spacer--h70 {
  height: 70px;
  height: 70px; }

.spacer.spacer--w70 {
  display: inline-block;
  width: 70px;
  width: 70px; }

.spacer.spacer--h75 {
  height: 75px;
  height: 75px; }

.spacer.spacer--w75 {
  display: inline-block;
  width: 75px;
  width: 75px; }

.spacer.spacer--h80 {
  height: 80px;
  height: 80px; }

.spacer.spacer--w80 {
  display: inline-block;
  width: 80px;
  width: 80px; }

.spacer.spacer--h85 {
  height: 85px;
  height: 85px; }

.spacer.spacer--w85 {
  display: inline-block;
  width: 85px;
  width: 85px; }

.spacer.spacer--h90 {
  height: 90px;
  height: 90px; }

.spacer.spacer--w90 {
  display: inline-block;
  width: 90px;
  width: 90px; }

.spacer.spacer--h95 {
  height: 95px;
  height: 95px; }

.spacer.spacer--w95 {
  display: inline-block;
  width: 95px;
  width: 95px; }

.spacer.spacer--h100 {
  height: 100px;
  height: 100px; }

.spacer.spacer--w100 {
  display: inline-block;
  width: 100px;
  width: 100px; }

.background-color--alabaster {
  background-color: #f7f7f7 !important; }

.background-events--alabaster:hover {
  background-color: #f7f7f7 !important; }

.color--alabaster {
  color: #f7f7f7 !important; }

.color-events--alabaster:hover {
  color: #f7f7f7 !important; }

.border-color--alabaster {
  border-color: #f7f7f7 !important; }

.border-color-events--alabaster:hover {
  border-color: #f7f7f7 !important; }

.background-color--alto {
  background-color: #d5d5d5 !important; }

.background-events--alto:hover {
  background-color: #d5d5d5 !important; }

.color--alto {
  color: #d5d5d5 !important; }

.color-events--alto:hover {
  color: #d5d5d5 !important; }

.border-color--alto {
  border-color: #d5d5d5 !important; }

.border-color-events--alto:hover {
  border-color: #d5d5d5 !important; }

.background-color--seashell {
  background-color: #f1f1f1 !important; }

.background-events--seashell:hover {
  background-color: #f1f1f1 !important; }

.color--seashell {
  color: #f1f1f1 !important; }

.color-events--seashell:hover {
  color: #f1f1f1 !important; }

.border-color--seashell {
  border-color: #f1f1f1 !important; }

.border-color-events--seashell:hover {
  border-color: #f1f1f1 !important; }

.background-color--moon-raker {
  background-color: #ebebeb !important; }

.background-events--moon-raker:hover {
  background-color: #ebebeb !important; }

.color--moon-raker {
  color: #ebebeb !important; }

.color-events--moon-raker:hover {
  color: #ebebeb !important; }

.border-color--moon-raker {
  border-color: #ebebeb !important; }

.border-color-events--moon-raker:hover {
  border-color: #ebebeb !important; }

.background-color--gallery {
  background-color: #f0f0f0 !important; }

.background-events--gallery:hover {
  background-color: #f0f0f0 !important; }

.color--gallery {
  color: #f0f0f0 !important; }

.color-events--gallery:hover {
  color: #f0f0f0 !important; }

.border-color--gallery {
  border-color: #f0f0f0 !important; }

.border-color-events--gallery:hover {
  border-color: #f0f0f0 !important; }

.background-color--cerulean {
  background-color: #079DEE !important; }

.background-events--cerulean:hover {
  background-color: #079DEE !important; }

.color--cerulean {
  color: #079DEE !important; }

.color-events--cerulean:hover {
  color: #079DEE !important; }

.border-color--cerulean {
  border-color: #079DEE !important; }

.border-color-events--cerulean:hover {
  border-color: #079DEE !important; }

.background-color--main-blue {
  background-color: #248cc4 !important; }

.background-events--main-blue:hover {
  background-color: #248cc4 !important; }

.color--main-blue {
  color: #248cc4 !important; }

.color-events--main-blue:hover {
  color: #248cc4 !important; }

.border-color--main-blue {
  border-color: #248cc4 !important; }

.border-color-events--main-blue:hover {
  border-color: #248cc4 !important; }

.background-color--main-blue-hover {
  background-color: #17b9fc !important; }

.background-events--main-blue-hover:hover {
  background-color: #17b9fc !important; }

.color--main-blue-hover {
  color: #17b9fc !important; }

.color-events--main-blue-hover:hover {
  color: #17b9fc !important; }

.border-color--main-blue-hover {
  border-color: #17b9fc !important; }

.border-color-events--main-blue-hover:hover {
  border-color: #17b9fc !important; }

.background-color--statut {
  background-color: #8e1e37 !important; }

.background-events--statut:hover {
  background-color: #8e1e37 !important; }

.color--statut {
  color: #8e1e37 !important; }

.color-events--statut:hover {
  color: #8e1e37 !important; }

.border-color--statut {
  border-color: #8e1e37 !important; }

.border-color-events--statut:hover {
  border-color: #8e1e37 !important; }

.background-color--outils {
  background-color: #3f8570 !important; }

.background-events--outils:hover {
  background-color: #3f8570 !important; }

.color--outils {
  color: #3f8570 !important; }

.color-events--outils:hover {
  color: #3f8570 !important; }

.border-color--outils {
  border-color: #3f8570 !important; }

.border-color-events--outils:hover {
  border-color: #3f8570 !important; }

.background-color--forum {
  background-color: #3b4e6c !important; }

.background-events--forum:hover {
  background-color: #3b4e6c !important; }

.color--forum {
  color: #3b4e6c !important; }

.color-events--forum:hover {
  color: #3b4e6c !important; }

.border-color--forum {
  border-color: #3b4e6c !important; }

.border-color-events--forum:hover {
  border-color: #3b4e6c !important; }

.background-color--actu {
  background-color: #cf4c4c !important; }

.background-events--actu:hover {
  background-color: #cf4c4c !important; }

.color--actu {
  color: #cf4c4c !important; }

.color-events--actu:hover {
  color: #cf4c4c !important; }

.border-color--actu {
  border-color: #cf4c4c !important; }

.border-color-events--actu:hover {
  border-color: #cf4c4c !important; }

.background-color--jobs {
  background-color: #8b7482 !important; }

.background-events--jobs:hover {
  background-color: #8b7482 !important; }

.color--jobs {
  color: #8b7482 !important; }

.color-events--jobs:hover {
  color: #8b7482 !important; }

.border-color--jobs {
  border-color: #8b7482 !important; }

.border-color-events--jobs:hover {
  border-color: #8b7482 !important; }

.background-color--black {
  background-color: #424243 !important; }

.background-events--black:hover {
  background-color: #424243 !important; }

.color--black {
  color: #424243 !important; }

.color-events--black:hover {
  color: #424243 !important; }

.border-color--black {
  border-color: #424243 !important; }

.border-color-events--black:hover {
  border-color: #424243 !important; }

.background-color--white {
  background-color: #ffffff !important; }

.background-events--white:hover {
  background-color: #ffffff !important; }

.color--white {
  color: #ffffff !important; }

.color-events--white:hover {
  color: #ffffff !important; }

.border-color--white {
  border-color: #ffffff !important; }

.border-color-events--white:hover {
  border-color: #ffffff !important; }

.background-color--inherit {
  background-color: inherit; }

.color--inherit {
  color: inherit; }

.border-color--inherit {
  border-color: inherit; }

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

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

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

.font-title {
  font-family: "Brandon", sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase; }

.font-default {
  font-family: "Brandon", sans-serif; }

@media (min-width: 992px) {
  .row-table {
    display: table; }
    .row-table [class*="col-"] {
      float: none;
      display: table-cell;
      vertical-align: middle; } }

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

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

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

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

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

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

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

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

@font-face {
  font-family: 'Brandon';
  src: url(/assets/fonts/brandon-text/Brandon_txt_light-webfont.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/brandon-text/Brandon_txt_light-webfont.woff) format("woff"), url(/assets/fonts/brandon-text/Brandon_txt_light-webfont.ttf) format("truetype"), url(/assets/fonts/brandon-text/Brandon_txt_light-webfont.svg#BrandonLight) format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Brandon';
  src: url(/assets/fonts/brandon-text/Brandon_txt_reg-webfont.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/brandon-text/Brandon_txt_reg-webfont.woff) format("woff"), url(/assets/fonts/brandon-text/Brandon_txt_reg-webfont.ttf) format("truetype"), url(/assets/fonts/brandon-text/Brandon_txt_reg-webfont.svg#BrandonReg) format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Brandon';
  src: url(/assets/fonts/brandon-text/Brandon_txt_med-webfont.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/brandon-text/Brandon_txt_med-webfont.woff) format("woff"), url(/assets/fonts/brandon-text/Brandon_txt_med-webfont.ttf) format("truetype"), url(/assets/fonts/brandon-text/Brandon_txt_med-webfont.svg#BrandonMed) format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Brandon';
  src: url(/assets/fonts/brandon-text/Brandon_txt_bld-webfont.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/brandon-text/Brandon_txt_bld-webfont.woff) format("woff"), url(/assets/fonts/brandon-text/Brandon_txt_bld-webfont.ttf) format("truetype"), url(/assets/fonts/brandon-text/Brandon_txt_bld-webfont.svg#BrandonBld) format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Brandon';
  src: url(/assets/fonts/brandon-text/Brandon_txt_blk-webfont.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/brandon-text/Brandon_txt_blk-webfont.woff) format("woff"), url(/assets/fonts/brandon-text/Brandon_txt_blk-webfont.ttf) format("truetype"), url(/assets/fonts/brandon-text/Brandon_txt_blk-webfont.svg#BrandonBlk) format("svg");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'Brandon';
  src: url("/assets/fonts/brandon-text/brandon-text_regular-italic.eot");
  src: url("/assets/fonts/brandon-text/brandon-text_regular-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/brandon-text/brandon-text_regular-italic.woff") format("woff"), url("/assets/fonts/brandon-text/brandon-text_regular-italic.ttf") format("truetype"), url("/assets/fonts/brandon-text/brandon-text_regular-italic.svg") format("svg");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'Brandon';
  src: url("/assets/fonts/brandon-text/brandon-text_medium-italic.eot");
  src: url("/assets/fonts/brandon-text/brandon-text_medium-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/brandon-text/brandon-text_medium-italic.woff") format("woff"), url("/assets/fonts/brandon-text/brandon-text_medium-italic.ttf") format("truetype"), url("/assets/fonts/brandon-text/brandon-text_medium-italic.svg") format("svg");
  font-weight: 500;
  font-style: italic; }

.title {
  font-family: "Brandon", sans-serif; }

.title--h1 {
  font-weight: 800;
  letter-spacing: 6.75px;
  text-transform: uppercase;
  font-size: 30px;
  font-size: 3rem;
  line-height: 45px;
  line-height: 4.5rem; }

.title--h2 {
  font-weight: 700;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 32px;
  line-height: 3.2rem; }

.title--nmb {
  margin-bottom: 0; }

a {
  text-decoration: none;
  transition: color 0.25s ease-in-out;
  color: #17b9fc; }

strong,
b {
  font-weight: 500; }

sub, sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

h2 + h3 {
  margin-top: 0; }

h1,
.h1 {
  font-weight: 500;
  font-size: 30px;
  font-size: 3rem;
  line-height: 40px;
  line-height: 4rem; }

p,
ul,
ol,
dl,
blockquote,
.blockquote,
table,
.table,
figure,
.media {
  margin-bottom: 24px;
  margin-bottom: 2.4rem; }

small {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 18px;
  line-height: 1.8rem;
  padding: 3px 0;
  padding: 0.3rem 0; }

::-moz-selection {
  background: #424243;
  color: #ffffff; }

::selection {
  background: #424243;
  color: #ffffff; }

hr,
.hr {
  border: 0;
  margin: 0;
  margin-top: 40px;
  background: #efefef;
  height: 1px;
  height: 0.1rem; }

img {
  vertical-align: middle; }

p {
  margin-top: 0; }

.blockquote {
  color: #424243;
  font-style: italic;
  position: relative;
  margin: 0;
  padding: 8px 44px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  line-height: 2.2rem; }
  .blockquote cite {
    color: #444;
    display: block;
    font-style: normal;
    font-weight: 500;
    margin-top: 10px;
    text-align: right;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 13px;
    line-height: 1.3rem; }
  .blockquote:before {
    color: #424243;
    content: "“";
    font-family: Arial, sans-serif;
    font-size: 7em;
    font-style: normal;
    position: absolute;
    left: 0;
    top: 32px; }
  .blockquote:after {
    color: #424243;
    content: "”";
    font-family: Arial, sans-serif;
    font-size: 7em;
    font-style: normal;
    position: absolute;
    bottom: -28px;
    right: 0; }

aside h2 {
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 13px;
  font-weight: 500;
  margin-top: 25px; }
  aside h2.no-margin {
    margin-bottom: 0px; }

.form-control {
  display: block;
  width: 100%;
  padding: 12px 16px;
  font-size: 16px;
  line-height: 1.5;
  color: #55595c;
  border: 1px solid #dadada;
  background: #f3f3f3;
  transition: all .2s ease-in-out; }
  .form-control:focus {
    background: #ffffff;
    border-color: #d2d2d2; }
  .form-control.parsley-error {
    border-color: #ff5400;
    background: #ffeaea; }
  .form-control.parsley-success {
    border-color: #4f9b0c;
    background: #f8fdfa; }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:-ms-input-placeholder {
    color: #999;
    opacity: 1; }
  .form-control::placeholder {
    color: #999;
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #eceeef;
    opacity: 1; }
  .form-control:disabled {
    cursor: not-allowed; }

.form-control-file,
.form-control-range {
  display: block; }

.form-control-label {
  padding: 0.375rem 0.75rem;
  margin-bottom: 0; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 2.25rem; }
  input[type="date"].input-sm,
  .input-group-sm input[type="date"].form-control,
  input[type="time"].input-sm,
  .input-group-sm
  input[type="time"].form-control,
  input[type="datetime-local"].input-sm,
  .input-group-sm
  input[type="datetime-local"].form-control,
  input[type="month"].input-sm,
  .input-group-sm
  input[type="month"].form-control {
    line-height: 1.8625rem; }
  input[type="date"].input-lg,
  .input-group-lg input[type="date"].form-control,
  input[type="time"].input-lg,
  .input-group-lg
  input[type="time"].form-control,
  input[type="datetime-local"].input-lg,
  .input-group-lg
  input[type="datetime-local"].form-control,
  input[type="month"].input-lg,
  .input-group-lg
  input[type="month"].form-control {
    line-height: 3.16667rem; } }

.form-control-static {
  min-height: 2.25rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0; }
  .form-control-static.form-control-sm, .form-control-static.form-control-lg {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm {
  padding: 0.275rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5; }

.form-control-lg {
  padding: 0.75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.33333; }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-bottom: 0.75rem; }
  .radio label,
  .checkbox label {
    padding-left: 1.25rem;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }
    .radio label input:only-child,
    .checkbox label input:only-child {
      position: static; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: .25rem;
  margin-left: -1.25rem; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -.25rem; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 1.25rem;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: .75rem; }

input[type="radio"]:disabled, input[type="radio"].disabled,
input[type="checkbox"]:disabled,
input[type="checkbox"].disabled {
  cursor: not-allowed; }

.radio-inline.disabled,
.checkbox-inline.disabled {
  cursor: not-allowed; }

.radio.disabled label,
.checkbox.disabled label {
  cursor: not-allowed; }

.form-control-success,
.form-control-warning,
.form-control-danger {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right 0.5625rem;
  background-size: 1.4625rem 1.4625rem; }

.has-success .form-control-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="); }

.has-warning .form-control-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"); }

.has-danger .form-control-danger {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="); }

@media (min-width: 544px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .form-control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .form-inline .radio label,
    .form-inline .checkbox label {
      padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.parsley-errors-list {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  .parsley-errors-list li {
    color: #ff5400;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: 1px; }

.form-label-block {
  height: 50px;
  line-height: 50px; }
  .form-label-block label {
    margin-top: -6px;
    font-weight: 500;
    line-height: 19px;
    vertical-align: middle;
    display: inline-block; }

.nav-list {
  margin-bottom: 16px; }
  .nav-list .nav-list {
    margin: 8px 0; }

.nav-list--ol {
  counter-reset: item;
  padding: 0; }

.nav-list__item {
  margin-bottom: 16px; }
  .nav-list__item .nav-list__item {
    margin-bottom: 8px; }

.nav-list__item--ol {
  display: block;
  padding-left: 30px;
  position: relative; }
  .nav-list__item--ol:before {
    content: counter(item) ".";
    counter-increment: item;
    left: 0;
    min-width: 20px;
    position: absolute; }

.nav-list__link {
  font-family: "Brandon", sans-serif;
  text-transform: uppercase; }

.thematic-break {
  background-color: #424243;
  height: 2px;
  margin: 23px 0;
  width: 10px; }

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%; }

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none; }

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 0px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px; }

.owl-theme .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none; }

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline; }

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791; }

/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none; }

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none; }

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none; }

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch; }

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: ""; }

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; }

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block; }

/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  filter: blur(3px); }

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(43, 46, 56, 0.9); }

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards; }

.remodal-overlay.remodal-is-opening {
  animation-name: remodal-overlay-opening-keyframes; }

.remodal-overlay.remodal-is-closing {
  animation-name: remodal-overlay-closing-keyframes; }

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0; }

/* Default theme styles of the modal dialog */
.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff; }

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards; }

.remodal.remodal-is-opening {
  animation-name: remodal-opening-keyframes; }

.remodal.remodal-is-closing {
  animation-name: remodal-closing-keyframes; }

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle; }

/* Close button */
.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent; }

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38; }

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center; }

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0; }

.remodal-confirm {
  color: #fff;
  background: #81c784; }

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a; }

.remodal-cancel {
  color: #fff;
  background: #e57373; }

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350; }

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* Keyframes
   ========================================================================== */

@keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);
    opacity: 0; }
  to {
    transform: none;
    opacity: 1; } }

@keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);
    opacity: 1; }
  to {
    transform: scale(0.95);
    opacity: 0; } }

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 850px; } }

/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38; }

.lt-ie9 .remodal {
  width: 700px; }

.block-table {
  display: table;
  width: 100%; }

.block-table__cell {
  display: table-cell;
  vertical-align: middle; }
  .block-table__cell.block-table__cell--top {
    vertical-align: top; }
  .block-table__cell.block-table__cell--right {
    text-align: right; }
  .block-table__cell.block-table__cell--50 {
    width: 50%; }
  @media (max-width: 767px) {
    .block-table__cell {
      display: block; } }

.sidebar-box {
  margin: 60px 0; }
  .sidebar-box:before, .sidebar-box:after {
    content: " ";
    display: table; }
  .sidebar-box:first-child {
    margin-top: 0; }
  .sidebar-box:after {
    clear: both; }

.sidebar-box__title {
  font-weight: 500;
  margin: 0 0 25px;
  padding: 0;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 20px;
  line-height: 2rem; }

.sidebar-box__title--small {
  margin-bottom: 12px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  line-height: 2rem; }

.insert--list {
  margin-bottom: 10px;
  width: 100%; }

.insert-title {
  margin-bottom: 25px; }

.insert-title__icon {
  height: 40px;
  padding-left: 10px;
  position: relative;
  width: 75px; }
  .insert-title__icon:after {
    content: " ";
    bottom: 0;
    border-color: transparent transparent #ffffff transparent;
    border-style: solid;
    border-width: 0 0 40px 40px;
    height: 0;
    position: absolute;
    right: 0;
    width: 0; }

.insert-title__svg {
  display: block;
  fill: #ffffff;
  max-height: 25px; }

.insert-title__text {
  font-weight: 500;
  padding: 0 10px;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 20px;
  line-height: 2rem; }

.insert {
  display: block;
  padding: 15px 10px 1px 15px;
  transition: background-color 0.25s ease-in-out; }

.insert__title {
  font-weight: 700;
  margin-bottom: 25px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 30px;
  line-height: 3rem; }

.insert__img-container {
  vertical-align: top;
  width: 55px; }

.insert__img {
  border-radius: 100%;
  margin: 0 25px 0 0; }

.insert__img-container--small {
  vertical-align: middle; }

.insert__img--small {
  margin: 0 10px 0 5px; }

.insert__text,
.insert__bottom {
  font-weight: 400;
  margin: 25px 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  line-height: 2rem; }

.insert__title--in-cell,
.insert__text--in-cell {
  margin: 0; }

.insert__bottom {
  font-weight: 500;
  margin-top: 35px;
  position: relative; }
  .insert__bottom:after {
    content: "\35";
    float: right;
    font-family: "ElegantIcons";
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 20px;
    line-height: 2rem; }

.insert-small {
  display: block;
  padding: 16px 20px 17px;
  transition: background-color 0.25s ease-in-out; }
  .insert-small ~ .insert-small {
    margin-top: 5px; }
  .insert-small:hover .insert-small__svg {
    fill: #17b9fc; }

.insert-small--before {
  padding-right: 0;
  position: relative; }
  .insert-small--before .insert-small__title,
  .insert-small--before .insert-small__text {
    margin-right: 50px; }
  .insert-small--before:before {
    color: #17b9fc;
    content: "\35";
    font-family: "ElegantIcons";
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate3d(-20px, -50%, 0);
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
    font-size: 50px;
    font-size: 5rem;
    line-height: 44px;
    line-height: 4.4rem; }
  .insert-small--before:hover:before {
    opacity: 1;
    transform: translate3d(0, -50%, 0); }
    .no-csstransforms3d .insert-small--before:hover:before {
      transform: translate(0, -50%); }

.insert-small__title {
  font-weight: 700;
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem; }

.insert-small__table-container {
  float: left;
  padding-right: 15px;
  text-align: left;
  width: 60px;
  font-size: 30px;
  font-size: 3rem;
  line-height: 30px;
  line-height: 3rem; }

.insert-small__svg {
  display: block;
  fill: #424243;
  max-height: 50px;
  max-width: 40px;
  transition: fill 0.25s ease-in-out; }

.insert-small__text {
  font-weight: 400;
  margin: 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  line-height: 2rem; }

.insert-accordion {
  border: 1px solid #eeeeee;
  border-width: 1px 0;
  display: block;
  padding: 9px 10px 9px 20px;
  transition: background-color 0.25s ease-in-out; }
  .insert-accordion ~ .insert-accordion {
    border-top: 0 none; }
  .insert-accordion:hover .insert-accordion__icon-plus {
    color: #17b9fc; }

.insert-accordion__title {
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 21px;
  line-height: 2.1rem; }

.insert-accordion__icon-plus {
  font-family: "ElegantIcons";
  transition: color 0.25s ease-in-out;
  width: 35px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 20px;
  line-height: 2rem; }

.insert-corneous {
  border: 1px solid #d5d5d5;
  display: block;
  padding: 15px 20px 1px 20px;
  position: relative;
  transition: background-color 0.25s ease-in-out; }
  .insert-corneous ~ .insert-corneous {
    margin-top: 35px; }
  .insert-corneous:before {
    content: " ";
    bottom: 0;
    border-color: transparent transparent #d5d5d5 transparent;
    border-style: solid;
    border-width: 0 0 40px 40px;
    height: 0;
    position: absolute;
    right: 0;
    width: 0; }
  .insert-corneous:after {
    content: " ";
    bottom: -1px;
    border-color: transparent transparent #ffffff transparent;
    border-style: solid;
    border-width: 0 0 40px 40px;
    height: 0;
    position: absolute;
    right: -1px;
    width: 0; }
  .insert-corneous:hover .insert-corneous__arrow {
    opacity: 1;
    transform: translate3d(10px, 0, 0); }
    .no-csstransforms3d .insert-corneous:hover .insert-corneous__arrow {
      transform: translate(10px, 0); }

.insert-corneous--big {
  padding: 23px 35px 35px 20px;
  margin-right: 1px; }

.insert-corneous__title {
  font-weight: 700;
  margin-bottom: 12px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 27px;
  line-height: 2.7rem; }

.insert-corneous__title--big {
  font-size: 20px;
  font-size: 2rem;
  line-height: 34px;
  line-height: 3.4rem; }

.insert-corneous__text,
.insert-corneous__bottom {
  font-weight: 400;
  margin: 12px 0 20px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  line-height: 2rem; }

.insert-corneous__bottom {
  font-weight: 500;
  margin-top: 30px;
  position: relative; }

.insert-corneous--no-border-hover:hover {
  border-color: #ebebeb; }
  .insert-corneous--no-border-hover:hover:before {
    border-color: transparent transparent #ebebeb transparent; }

.insert-corneous__img,
.insert-corneous__img--large,
.insert-corneous__head-img {
  background-position: center center;
  background-size: cover;
  bottom: -1px;
  left: -1px;
  position: absolute;
  top: -1px;
  width: 85px; }

.insert-corneous--padding-head-img {
  padding-top: 220px; }

.insert-corneous__head-img {
  width: 100%;
  max-height: 253px;
  left: 0px; }

.insert-corneous__img--large {
  width: 190px; }

.insert-corneous__title--in-cell {
  padding: 15px 0 0 100px; }

.insert-corneous__title--in-cell--large {
  padding: 15px 0 0 220px; }

.insert-corneous__text--in-cell,
.insert-corneous__bottom--in-cell {
  padding: 0 0 0 100px; }

.insert-corneous__text--in-cell--large,
.insert-corneous__bottom--in-cell--large {
  padding: 0 0 0 220px; }

.insert-corneous__text--place:before {
  content: "\e01d";
  font-family: "ElegantIcons";
  vertical-align: middle;
  font-size: 18px;
  font-size: 1.8rem; }

.insert-corneous__arrow {
  color: #17b9fc;
  bottom: 0;
  font-family: "ElegantIcons";
  opacity: 0;
  position: absolute;
  right: 0;
  transform: translate3d(5px, 0, 0);
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
  z-index: 10;
  font-size: 35px;
  font-size: 3.5rem;
  line-height: 20px;
  line-height: 2rem; }
  .no-csstransforms3d .insert-corneous__arrow {
    transform: translate(10px, 0); }

.insert-corneous--table {
  padding: 0 20px 0 0; }
  .insert-corneous--table .insert-corneous__price {
    color: #ffffff;
    font-weight: 300;
    margin-bottom: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 23px;
    line-height: 2.3rem; }
  .insert-corneous--table .insert-corneous__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 19px;
    line-height: 1.9rem; }

.insert-corneous--price ~ .insert-corneous--price {
  margin-top: 5px; }

.insert-stream {
  border-top: 2px solid #424243; }

.insert-stream__container {
  border-bottom: 1px solid #424243;
  overflow: hidden; }

.insert-stream__item {
  border-top: 2px solid #f7f7f7;
  display: block;
  padding: 10px 0; }
  .insert-stream__item:first-child {
    border-color: #ffffff; }
  .insert-stream__item:hover .insert-stream__text--hover {
    text-decoration: underline; }

.insert-stream__img {
  border-radius: 25px;
  margin: 0 35px 0 10px; }

.insert-stream__text {
  color: #424243;
  font-weight: 400;
  margin-bottom: 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 19px;
  line-height: 1.9rem; }

.insert-stream__text--big {
  margin: 6px 0 0 30px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem; }

.insert-stream__controllers:before, .insert-stream__controllers:after {
  content: " ";
  display: table; }

.insert-stream__controllers:after {
  clear: both; }

.insert-stream__controller a {
  color: #424243;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-family: "ElegantIcons";
  transition: color 0.25s ease-in-out;
  font-size: 50px;
  font-size: 5rem;
  line-height: 44px;
  line-height: 4.4rem; }
  .insert-stream__controller a:hover {
    color: #17b9fc; }
  .insert-stream__controller a.disabled {
    color: #7d7d7d !important; }

.insert-stream__bottom {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 44px;
  line-height: 4.4rem; }
  .insert-stream__bottom a {
    color: #424243; }
    .insert-stream__bottom a:hover {
      color: #17b9fc; }

.insert-stream--questions .insert-stream__item {
  padding: 20px 0; }

.insert-stream--questions .insert-stream__img {
  margin: 0 20px; }

.insert-stream--questions .insert-stream__text ~ .insert-stream__text {
  margin-top: 5px; }

.insert-logos {
  padding: 20px 0; }

.insert-logos__link {
  display: block;
  line-height: 80px;
  text-align: center; }
  .insert-logos__link:hover .insert-logos__img {
    filter: grayscale(0); }

.insert-logos__img {
  filter: grayscale(100%);
  max-height: 50px;
  max-width: 70%;
  transition: filter 0.25s ease-in-out; }

.insert-corneous--mission .insert-corneous__img {
  border-radius: 25px;
  height: 50px;
  margin: 0 20px 0 0;
  position: static;
  width: 50px; }

.insert-corneous--mission .insert-corneous__title {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19px;
  line-height: 1.9rem; }

.insert-corneous--mission .insert-corneous__svg-container {
  background-color: #424243;
  border-radius: 19px;
  display: inline-block;
  height: 38px;
  padding: 5px;
  width: 38px; }

.insert-corneous--mission .insert-corneous__svg {
  fill: #ffffff; }

.insert-corneous--mission .insert-corneous__text {
  margin-top: 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 19px;
  line-height: 1.9rem; }

.insert-next {
  margin-top: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  line-height: 2rem; }
  .insert-next img {
    min-height: 20px;
    max-width: 75px; }

.insert-next__link {
  color: #424243;
  display: inline-block;
  padding-right: 35px;
  position: relative; }
  .insert-next__link:after {
    color: #17b9fc;
    content: '\35';
    display: block;
    font-family: "ElegantIcons";
    height: 20px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate3d(5px, 0, 0);
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
    z-index: 10;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 20px;
    line-height: 2rem; }
    .no-csstransforms3d .insert-next__link:after {
      top: 50%; }
  .insert-next__link:hover span {
    text-decoration: underline; }
  .insert-next__link:hover:after {
    opacity: 1;
    transform: translate3d(10px, 0, 0); }

.content-box {
  display: block;
  margin: 35px 0;
  padding: 35px 30px;
  transition: background-color 0.25s ease-in-out; }
  .content-box ul {
    border: 0 none !important;
    margin: 15px 0;
    padding: 0 !important; }
    .content-box ul li {
      margin: 0 !important; }

.content---before {
  padding-right: 0;
  position: relative; }
  .content---before .content-box__title,
  .content---before .content-box__text {
    margin-right: 50px; }

.content-box__link {
  color: #424243 !important;
  display: block;
  text-align: right;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem; }
  .content-box__link:after {
    color: #424243;
    content: "\35";
    display: inline-block;
    font-family: "ElegantIcons";
    margin-left: 5px;
    transition: color 0.25s ease-in-out;
    vertical-align: middle;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 14px;
    line-height: 1.4rem; }
  .content-box__link:hover {
    text-decoration: underline; }
    .content-box__link:hover:after {
      color: #17b9fc;
      text-decoration: none; }

.content-box__title {
  font-weight: 500;
  margin: 0 0 15px !important;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 25px;
  line-height: 2.5rem; }

.content-box__table-container {
  padding-right: 35px;
  text-align: left;
  vertical-align: top;
  width: 90px;
  font-size: 30px;
  font-size: 3rem;
  line-height: 30px;
  line-height: 3rem; }
  @media (max-width: 767px) {
    .content-box__table-container {
      margin: 0 auto 15px;
      padding-right: 0;
      width: 55px; } }

.content-box__svg {
  display: block;
  fill: #424243;
  max-height: 55px;
  max-width: 55px; }

.content-box__text {
  font-weight: 400;
  margin: 0 0 15px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem; }
  .content-box__text:only-child {
    margin-bottom: 0; }

.content-box--small:hover .content-box__svg {
  fill: #17b9fc; }

.content-box--small .content-box__svg {
  transition: fill 0.25s ease-in-out; }

.content-box--small .content-box__title {
  font-weight: 500;
  margin: 0 !important;
  font-size: 20px;
  font-size: 2rem;
  line-height: 30px;
  line-height: 3rem; }

.content-box--small .content-box__text {
  font-weight: 400;
  margin: 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  line-height: 2.2rem; }

.accordion {
  overflow: hidden; }

.accordion__item--active .accordion__toggle,
.accordion__item--active .accordion__toggle:hover {
  background-color: #17b9fc;
  color: #ffffff; }
  .accordion__item--active .accordion__toggle:after,
  .accordion__item--active .accordion__toggle:hover:after {
    color: #ffffff;
    opacity: 1;
    transform: translate3d(0, -50%, 0); }
    .no-csstransforms3d .accordion__item--active .accordion__toggle:after, .no-csstransforms3d
    .accordion__item--active .accordion__toggle:hover:after {
      transform: translate(0, -50%); }

.accordion__item--active .accordion__childs {
  max-height: 2000px;
  opacity: 1;
  z-index: 1; }

.accordion__toggle {
  background-color: #f1f1f1;
  cursor: pointer;
  font-weight: 500;
  margin-bottom: 5px;
  padding: 20px 60px 20px 20px;
  position: relative;
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  font-size: 20px;
  font-size: 2rem;
  line-height: 20px;
  line-height: 2rem; }
  .accordion__toggle:after {
    color: #17b9fc;
    content: "\33";
    font-family: "ElegantIcons";
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate3d(0, -70%, 0);
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, color 0.25s ease-in-out;
    font-size: 50px;
    font-size: 5rem;
    line-height: 44px;
    line-height: 4.4rem; }
  .accordion__toggle:hover {
    background-color: #ebebeb; }
    .accordion__toggle:hover:after {
      opacity: 1;
      transform: translate3d(0, -50%, 0); }
      .no-csstransforms3d .accordion__toggle:hover:after {
        transform: translate(0, -50%); }
  .accordion__toggle span {
    font-weight: 300;
    font-size: 14px;
    font-size: 1.4rem; }

.accordion__childs {
  max-height: 0;
  position: relative;
  opacity: 0;
  transition: max-height 0.5s ease-in-out, opacity 0.3s ease-in-out;
  z-index: -1; }

.accordion__child {
  border-bottom: 1px solid #f1f1f1;
  color: #424243;
  display: block;
  font-weight: 500;
  padding: 20px 60px 20px 20px;
  position: relative;
  transition: background-color 0.25s ease-in-out;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 18px;
  line-height: 1.8rem; }
  .accordion__child:last-child {
    border-bottom: 15px solid #ffffff; }
  .accordion__child:after {
    color: #17b9fc;
    content: "\35";
    font-family: "ElegantIcons";
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate3d(-20px, -50%, 0);
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 20px;
    line-height: 2rem; }
  .accordion__child:hover {
    background-color: #f1f1f1; }
    .accordion__child:hover:after {
      opacity: 1;
      transform: translate3d(0, -50%, 0); }
      .no-csstransforms3d .accordion__child:hover:after {
        transform: translate(0, -50%); }

.footer {
  background: #353535;
  min-height: 100px;
  margin: 0;
  padding-top: 48px; }
  .footer__divider {
    max-width: 415px;
    height: 1px;
    background: #6e6e6e;
    margin: auto;
    margin-bottom: 35px; }
  .footer__newsletter {
    color: white;
    text-align: center;
    margin-bottom: 35px; }
    .footer__newsletter__container {
      background: white;
      display: inline-block;
      margin-left: 15px; }
    .footer__newsletter input {
      padding: 10px;
      width: 385px;
      border: none;
      color: black; }
    @media (max-width: 543px) {
      .footer__newsletter__container {
        margin-left: 0px; }
      .footer__newsletter input {
        width: 272px;
        margin-left: 0px; } }
    @media (max-width: 991px) {
      .footer__newsletter__container {
        margin-left: 0px;
        margin-top: 10px; } }
    .footer__newsletter__submit {
      background: #6e6e6e;
      border: none;
      color: white;
      padding: 20px 30px;
      font-size: 13px;
      font-weight: 600;
      line-height: 10px;
      text-transform: uppercase;
      margin: 0; }
  .footer__logo svg {
    color: white;
    width: 264px;
    height: 45px; }
  @media (max-width: 991px) {
    .footer__logo svg {
      width: 200px;
      height: 45px; } }
  .footer .footer-nav-links__item {
    height: 300px; }
  .footer .footer-nav-links h3 {
    text-transform: uppercase;
    color: white;
    font-size: 14px;
    font-weight: 700;
    line-height: 25px; }
  .footer .footer-nav-links nav ul {
    list-style-type: none;
    padding-left: 30px; }
    .footer .footer-nav-links nav ul li {
      margin-bottom: 7px; }
    .footer .footer-nav-links nav ul li:before {
      content: "\35";
      font-family: "ElegantIcons";
      color: #929090;
      font-size: 22px;
      position: absolute;
      left: 0; }
    .footer .footer-nav-links nav ul a {
      color: #929090;
      font-size: 13px;
      font-weight: 400;
      line-height: 1.2; }
  .footer .footer-highlight-links ul {
    list-style-type: none;
    padding: 0; }
  .footer .footer-highlight-links a {
    color: #ececec;
    font-size: 13px;
    font-weight: 700;
    line-height: 27px;
    text-transform: uppercase; }
  .footer .footer-social-icons {
    display: block;
    min-height: 30px; }
    .footer .footer-social-icons ul {
      list-style-type: none;
      padding: 0; }
    .footer .footer-social-icons li {
      float: left;
      margin-right: 35px; }
      .footer .footer-social-icons li:last-child {
        margin-right: none; }
    .footer .footer-social-icons a {
      color: #9c9c9c;
      transition: color .4s linear;
      font-size: 20px;
      display: inline-block; }
      .footer .footer-social-icons a:hover {
        color: white; }
  .footer .footer-mentions {
    display: block;
    color: #929090;
    border-top: 1px solid #6e6e6e;
    padding: 10px 0 0px 0;
    margin-top: 30px;
    min-height: 70px; }
    .footer .footer-mentions__copyright {
      font-size: 13px;
      font-weight: 400;
      line-height: 30px; }
    .footer .footer-mentions__title {
      float: left; }
    .footer .footer-mentions__logos {
      list-style-type: none;
      padding: 0;
      margin: 0;
      margin-left: 10px;
      display: inline-block;
      float: left; }
      .footer .footer-mentions__logos li {
        float: left; }
      .footer .footer-mentions__logos a {
        color: white;
        display: inline-block;
        margin-right: 10px;
        background: silver;
        padding: 5px 15px;
        line-height: normal;
        font-size: 10px;
        text-transform: uppercase; }

.header-logo {
  float: left;
  padding: 10px 0; }
  .header-logo svg {
    fill: white;
    width: 65px;
    height: 65px;
    transition: fill .2s ease-in-out; }
  .header-logo:hover svg {
    fill: #deb159; }

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

@keyframes loader-label {
  0% {
    opacity: 0.35; }
  30% {
    opacity: 1; }
  100% {
    opacity: 0.35; } }

@keyframes loader-figure {
  0% {
    height: 0;
    width: 0; }
  10% {
    height: 2em;
    width: 2em;
    border-width: 10px;
    opacity: 1; }
  50% {
    height: 2em;
    width: 2em;
    border-width: 0;
    opacity: 0; }
  100% {
    height: 2em;
    width: 2em;
    border-width: 0;
    opacity: 0; } }

.homepage-section {
  margin-bottom: 40px; }

.header-live-play {
  position: relative; }
  .header-live-play__button {
    background: #7ab55c;
    border-radius: 4px;
    padding: 10px 20px;
    color: white;
    display: inline-block;
    margin: 20px 0;
    font-weight: 500;
    float: left;
    transition: all .3s ease-in-out; }
    .header-live-play__button:hover {
      background: #6aa74c; }
  .header-live-play__loading {
    margin-top: 25px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    border: 0.25rem solid rgba(255, 255, 255, 0.2);
    border-top-color: white;
    animation: spin 1s infinite linear;
    transition: all .3s ease-in-out;
    opacity: 0;
    position: absolute;
    right: 0; }
    .header-live-play__loading--double {
      border-style: double;
      border-width: .5rem; }
  .header-live-play__playing, .header-live-play__playing__figure {
    position: absolute;
    top: 50%; }
  .header-live-play__playing {
    overflow: visible;
    padding-top: 2em;
    height: 0;
    width: 2em;
    position: absolute;
    right: 0px;
    top: 27px;
    opacity: 0; }
    .header-live-play__playing__figure {
      height: 0;
      width: 0;
      left: 50%;
      box-sizing: border-box;
      border: 0px solid #7ab55c;
      border-radius: 50%;
      transform: translate(-50%, -50%);
      animation: loader-figure 2s infinite cubic-bezier(0.215, 0.61, 0.355, 1); }
  .header-live-play__infos {
    float: left;
    color: white;
    text-align: right;
    margin-right: 15px;
    margin-top: 21px;
    position: absolute;
    right: 155px;
    transition: all .3s ease-in-out;
    width: 200px; }
    @media (min-width: 1200px) {
      .header-live-play__infos {
        width: 300px; } }
    @media (max-width: 1199px) {
      .header-live-play__infos {
        display: none; } }
    .header-live-play__infos__artist {
      color: #a7afb3;
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 19px; }
      .header-live-play__infos__artist span {
        font-size: 10px;
        font-weight: 800;
        text-transform: uppercase;
        border: 2px solid white;
        border-radius: 4px;
        padding: 1px 3px;
        color: white; }
    .header-live-play__infos__title {
      color: white;
      font-size: 17px;
      font-weight: 500;
      text-transform: capitalize; }

.header-live-play.loading .header-live-play__button {
  opacity: 0;
  transform: translateX(150px);
  visibility: hidden; }

.header-live-play.loading .header-live-play__loading {
  opacity: 1; }

.header-live-play.loading .header-live-play__infos {
  right: 40px; }

.header-live-play.playing .header-live-play__button {
  opacity: 0;
  transform: translateX(150px);
  visibility: hidden; }

.header-live-play.playing .header-live-play__loading {
  opacity: 0; }

.header-live-play.playing .header-live-play__infos {
  right: 32px; }

.header-live-play.playing .header-live-play__playing {
  opacity: 1; }

.header-live-play.playing .header-live-play__playing__figure {
  animation: loader-figure 2s infinite cubic-bezier(0.215, 0.61, 0.355, 1); }

.homepage {
  margin-top: 40px;
  margin-bottom: 60px; }
  .homepage__section-carousel h2 {
    margin: 0;
    font-weight: 400;
    font-size: 32px;
    margin-left: 11px; }
  .homepage__section-carousel__head h2 {
    float: left; }
  .homepage__section-carousel__head__link {
    float: right;
    margin: 0;
    font-weight: 400;
    font-size: 23px;
    margin-right: 17px;
    line-height: 32px;
    color: #777777;
    opacity: 0;
    transition: opacity .3s ease-in-out; }
  .homepage__section-carousel:hover .homepage__section-carousel__head__link {
    opacity: 1; }
  .homepage .owl-next {
    float: right;
    background: #333;
    color: white;
    padding: 10px 20px;
    border-radius: 40px; }
  .homepage .owl-prev {
    float: left;
    background: #333;
    color: white;
    padding: 10px 20px;
    border-radius: 40px; }

.article-homepage-carousel {
  padding: 0 10px;
  margin-bottom: 40px;
  padding-bottom: 20px; }
  .article-homepage-carousel .article-list__item {
    height: 500px; }

.homepage-heavy-rotations__item {
  background: #333;
  background-size: cover;
  background-position: center;
  display: block;
  text-align: center;
  margin-bottom: 20px;
  height: 130px;
  border-radius: 5px; }

.homepage-heavy-rotations__dropdown {
  display: none; }
  .homepage-heavy-rotations__dropdown__infos {
    padding-left: 60px;
    text-align: left;
    position: relative;
    margin: 10px 10px;
    line-height: 18px;
    min-height: 50px;
    padding-top: 7px; }
    .homepage-heavy-rotations__dropdown__infos__title {
      color: #333;
      font-weight: 500; }
    .homepage-heavy-rotations__dropdown__infos__artist {
      font-weight: 600;
      font-size: 13px;
      color: #666;
      letter-spacing: 1px;
      text-transform: uppercase; }
    .homepage-heavy-rotations__dropdown__infos__cover {
      position: absolute;
      left: 0;
      top: 0;
      width: 50px;
      height: 50px;
      background: #333;
      background-size: cover; }

.tools-nav-tabs {
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: 40px; }
  .tools-nav-tabs ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .tools-nav-tabs li {
    float: left;
    width: 24.25%;
    margin-right: 1%;
    display: inline-block; }
    .tools-nav-tabs li:last-child {
      margin-right: 0; }
  @media (max-width: 1199px) {
    .tools-nav-tabs {
      border: none; }
      .tools-nav-tabs li {
        display: block;
        width: 49%;
        margin: 0 1% 15px 0; }
        .tools-nav-tabs li:last-child {
          margin-right: 0; } }
  @media (max-width: 767px) {
    .tools-nav-tabs {
      border: none; }
      .tools-nav-tabs li {
        display: block;
        width: 100%;
        margin: 0 0 15px 0; } }
  .tools-nav-tabs a {
    background: #eeeeee;
    display: block;
    padding: 15px 0 10px 62px;
    position: relative;
    color: #444444;
    transition: background .2s ease-in-out, color .1s ease-in-out; }
    .tools-nav-tabs a:hover, .tools-nav-tabs a.active {
      background: #079dee;
      color: white; }
  .tools-nav-tabs__count {
    left: 20px;
    position: absolute;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    display: block; }
  .tools-nav-tabs__title {
    font-size: 17px;
    font-weight: 700;
    line-height: 15px;
    display: block;
    text-transform: uppercase; }
  .tools-nav-tabs__subtitle {
    font-size: 13px;
    font-style: italic;
    line-height: 21px;
    display: block; }

.audio-player {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #38414d;
  height: 75px; }
  .audio-player__cover {
    width: 60px;
    height: 60px;
    float: left;
    background-size: cover;
    border: 2px solid white;
    border-radius: 1px;
    margin-top: 7px;
    margin-right: 20px; }
  .audio-player__timeline-block {
    display: block;
    position: relative;
    float: left; }
    .audio-player__timeline-block__timeline {
      position: absolute;
      top: 50px;
      left: 10px;
      right: 10px;
      background: #6a717a;
      border-radius: 4px;
      height: 7px; }
      .audio-player__timeline-block__timeline--fill-in {
        width: 20%;
        background: #77e1ff;
        border-radius: 4px;
        height: 7px; }
    .audio-player__timeline-block__title {
      color: white;
      position: absolute; }

.primary-header {
  height: 88px;
  display: block;
  background: #30373b;
  overflow: hidden;
  text-align: center;
  position: relative; }
  .primary-header__burger-menu, .primary-header__search {
    padding: 29px 16px;
    position: absolute;
    left: 12px;
    visibility: hidden;
    opacity: 0;
    transform: translateX(-20px);
    transition: all .4s ease-in-out; }
    .primary-header__burger-menu svg, .primary-header__search svg {
      width: 30px;
      height: 30px;
      fill: white;
      margin: auto; }
  .primary-header__search {
    right: 14px;
    transform: translateX(20px);
    left: auto;
    font-size: 20px;
    text-align: center;
    padding-top: 17px;
    line-height: 25px; }
    .primary-header__search svg {
      display: block;
      width: 32px;
      height: 32px; }
    .primary-header__search small {
      font-size: 12px;
      font-weight: bold;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: white; }

@media (max-width: 991px) {
  .header-live-play {
    float: right; }
  .header-live-play__button {
    font-size: 15px;
    padding: 10px 15px; }
  .primary-navigation {
    margin-left: 15px !important; }
    .primary-navigation .primary-navigation__item {
      font-size: 13px; }
    .primary-navigation li {
      margin-right: 12px !important; }
      .primary-navigation li:last-child {
        margin-right: 0; } }

@media (max-width: 767px) {
  .header-live-play {
    display: none; }
  .primary-navigation {
    display: none; }
  .header-logo {
    float: none;
    margin: 0;
    display: inline-block; }
  .primary-header__burger-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px); }
  .primary-header__search {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px); } }

.podcasts__item {
  height: 190px;
  width: 100%;
  display: block;
  background-size: cover;
  background-position: center center;
  position: relative;
  overflow: hidden; }
  .podcasts__item:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: " ";
    height: 120px;
    opacity: .7;
    z-index: 0;
    background: linear-gradient(to bottom, transparent 0%, black 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    transition: all .2s linear; }
  .podcasts__item__texts {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    z-index: 10; }
  .podcasts__item__title {
    color: white;
    font-size: 17px;
    display: block;
    line-height: 17px;
    transition: all .5s ease-in-out; }
  .podcasts__item__artist {
    text-transform: uppercase;
    color: white;
    font-weight: 600;
    letter-spacing: 1px;
    display: block;
    font-size: 13px;
    line-height: 15px;
    margin-top: 5px;
    transition: all .4s ease-in-out; }

.podcasts__item:hover:before {
  height: 100%;
  opacity: 1; }

.podcasts__item:hover .podcasts__item__artist {
  transform: rotate(10deg) translateY(40px);
  opacity: 0; }

.podcasts__item:hover .podcasts__item__title {
  transform: rotate(5deg) translateY(60px); }

.primary-navigation {
  margin-left: 30px;
  float: left;
  z-index: 1500; }
  .primary-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .primary-navigation li {
    float: left;
    margin-right: 20px;
    padding: 32px 0; }
    .primary-navigation li:last-child {
      margin-right: 0; }
  .primary-navigation__item {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875em;
    text-transform: uppercase;
    color: #b8b8b8;
    transition: all .2s ease-in-out;
    position: relative; }
    .primary-navigation__item:hover, .primary-navigation__item.active {
      color: white; }
    .primary-navigation__item .label {
      background: white;
      display: inline-block;
      border-radius: 13px;
      padding: 6px 7px;
      line-height: 10px;
      margin-left: 6px;
      color: #30373b;
      font-size: 14px;
      font-weight: 900;
      position: absolute;
      top: -1px;
      right: -25px;
      opacity: 0;
      transition: all .2s ease-in-out; }

.primary-navigation__item--label:hover {
  padding-right: 20px; }
  .primary-navigation__item--label:hover .label {
    opacity: 1;
    right: -30px; }

.header-subnavigation {
  background: #7ab55c;
  overflow: hidden; }
  .header-subnavigation__section-title {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: white;
    float: left;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    padding: 5px 20px 5px 0;
    margin: 10px 0; }
    @media (max-width: 767px) {
      .header-subnavigation__section-title {
        border: none;
        text-align: center;
        float: none;
        padding: 5px 0; } }
  .header-subnavigation__search {
    display: inline-block;
    padding: 14px 0 10px 0; }
    .header-subnavigation__search svg {
      width: 25px;
      height: 25px;
      fill: white;
      opacity: .7;
      transition: opacity .4s ease-in-out; }
    .header-subnavigation__search:hover svg {
      opacity: 1; }
    @media (max-width: 767px) {
      .header-subnavigation__search {
        display: none; } }
  .header-subnavigation__description {
    float: left;
    color: white;
    opacity: .8;
    display: inline-block;
    margin-top: 16px;
    margin-left: 15px;
    margin-bottom: 0;
    font-style: italic;
    font-size: 16px; }
    @media (max-width: 767px) {
      .header-subnavigation__description {
        display: none; } }
  .header-subnavigation__filter {
    color: white;
    float: left;
    margin: 18px 15px;
    display: inline-block;
    line-height: 19px; }
    @media (min-width: 1200px) {
      .header-subnavigation__filter {
        display: none; } }
    @media (max-width: 767px) {
      .header-subnavigation__filter {
        display: block;
        float: none;
        margin: 0px auto 0px auto;
        text-align: center;
        margin-bottom: 15px;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        padding-top: 15px; }
        .header-subnavigation__filter svg {
          float: none !important;
          margin-bottom: -3px; } }
    .header-subnavigation__filter a {
      color: white; }
    .header-subnavigation__filter #header-subnavigation__filter__dropdown {
      display: none; }
    .header-subnavigation__filter svg {
      fill: white;
      width: 18px;
      height: 18px;
      float: left;
      margin-right: 8px; }
  .header-subnavigation__nav {
    float: left;
    margin-left: 20px; }
    @media (max-width: 1199px) {
      .header-subnavigation__nav {
        display: none; } }
    .header-subnavigation__nav ul {
      list-style: none;
      padding: 0;
      margin: 0; }
    .header-subnavigation__nav li {
      float: left;
      margin-right: 20px; }
      .header-subnavigation__nav li:last-child {
        margin-right: 0px; }
    .header-subnavigation__nav a {
      color: rgba(255, 255, 255, 0.4);
      font-size: 17px;
      font-weight: 500;
      line-height: 40px;
      padding: 7px 0  3px 0;
      display: inline-block;
      transition: color .4s ease-in-out; }
      .header-subnavigation__nav a:hover, .header-subnavigation__nav a.active {
        color: white; }
  .header-subnavigation--forced-filters .header-subnavigation__nav {
    display: none; }
  .header-subnavigation--forced-filters .header-subnavigation__filter {
    display: block !important; }

.tippy-popper ul {
  list-style: none;
  text-align: left;
  padding: 15px 5px;
  margin: 0; }

.tippy-popper li {
  list-style: none;
  text-align: left; }

.tippy-popper a {
  color: #333;
  display: block;
  padding: 5px 15px;
  border-radius: 3px;
  transition: none; }
  .tippy-popper a:hover {
    background: #7ab55c;
    color: white; }

.article-header {
  height: 300px;
  background: black;
  position: relative;
  color: white;
  text-align: center;
  background-size: cover;
  overflow: hidden;
  background-position: center; }
  .article-header__bottom {
    position: absolute;
    bottom: 0px;
    padding-bottom: 40px;
    left: 0;
    right: 0;
    z-index: 10; }
  .article-header__gradient {
    z-index: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 450px;
    background: transparent;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, black));
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); }
  .article-header__title {
    font-size: 34px;
    font-weight: 500;
    line-height: 40px;
    max-width: 600px;
    margin: auto; }
  .article-header__date {
    background: white;
    padding: 11px 19px;
    margin-top: 20px;
    color: #333;
    border-radius: 30px;
    font-weight: 500;
    display: inline-block; }
  .article-header__infos {
    font-size: 14px;
    line-height: 40px;
    text-transform: uppercase;
    /* Text style for "Le 13 novembre" */
    font-weight: 700; }
    .article-header__infos small {
      font-weight: 400;
      font-size: 14px; }
  .article-header__category {
    background: white;
    border-radius: 40px;
    padding: 10px 25px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #333;
    display: inline-block;
    font-size: 15px;
    font-weight: 900;
    margin-top: 10px; }

.emission-header {
  height: 430px;
  background: black;
  position: relative;
  color: white;
  text-align: center;
  background-size: cover;
  background-position: center;
  overflow: hidden; }
  .emission-header .container {
    position: relative; }
  .emission-header__share {
    margin-top: 20px; }
    .emission-header__share a {
      margin-right: 10px; }
      .emission-header__share a:last-child {
        margin-right: 0; }
    .emission-header__share svg {
      fill: white;
      width: 18px;
      height: 18px; }
  .emission-header__back {
    color: white;
    margin-top: 15px;
    z-index: 1000;
    position: absolute;
    left: 10px; }
    .emission-header__back svg {
      fill: white;
      float: left;
      width: 20px;
      height: 20px;
      margin-right: 10px;
      margin-top: 2px; }
  .emission-header--no-logo {
    height: 300px; }
  .emission-header--podcast {
    height: 310px; }
  .emission-header__bottom {
    position: absolute;
    bottom: 0px;
    padding-bottom: 40px;
    left: 0;
    right: 0;
    z-index: 10; }
  .emission-header__logo {
    width: 160px;
    height: 160px;
    background-size: cover;
    display: block;
    border-radius: 100%;
    margin: auto;
    margin-bottom: 20px;
    box-shadow: 0px 21px 58px -35px rgba(0, 0, 0, 0.75);
    border: 5px solid white; }
  .emission-header__gradient {
    z-index: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 450px;
    background: transparent;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, black));
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); }
  .emission-header__title {
    font-size: 34px;
    font-weight: 500;
    line-height: 40px;
    max-width: 600px;
    margin: auto; }
  .emission-header__infos {
    font-size: 14px;
    line-height: 40px;
    text-transform: uppercase;
    /* Text style for "Le 13 novembre" */
    font-weight: 700; }
    .emission-header__infos small {
      font-weight: 400;
      font-size: 14px; }
  .emission-header__devise, .emission-header__listen-podcast {
    background: white;
    border-radius: 40px;
    padding: 5px 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
    display: inline-block;
    font-size: 12px;
    font-weight: 900;
    margin-top: 10px; }
  .emission-header__listen-podcast {
    font-size: 17px;
    text-transform: none;
    letter-spacing: 0px;
    font-weight: 500;
    padding: 9px 25px; }
    .emission-header__listen-podcast svg {
      width: 20px;
      height: 20px;
      margin-right: 9px;
      float: left; }

.article-list {
  margin-top: 30px; }
  .article-list__empty {
    text-align: center;
    max-width: 500px;
    margin: 80px auto auto auto;
    padding: 0 30px; }
    .article-list__empty svg {
      fill: #7ab55c; }
    .article-list__empty h1 {
      font-size: 35px;
      margin: 0;
      padding: 0;
      margin-top: 25px;
      margin-bottom: 20px; }
    .article-list__empty p {
      font-size: 18px;
      opacity: 0.5; }
  .article-list__item {
    border-radius: 6px;
    background-size: cover;
    background-position: center center;
    height: 450px;
    position: relative;
    overflow: hidden;
    color: white;
    text-align: center;
    display: block;
    margin-bottom: 20px; }
    .article-list__item__gradient {
      z-index: 0;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 6px;
      height: 300px;
      background: transparent;
      background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, black));
      background: linear-gradient(to bottom, transparent 0%, black 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
      transition: all .5s ease-in-out;
      opacity: .7; }
    .article-list__item__bottom {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding-bottom: 15px;
      transform: translateY(190px);
      transition: all .4s ease-in-out; }
    .article-list__item__title {
      font-size: 24px;
      font-weight: 500;
      line-height: 28px;
      max-width: 600px;
      margin: auto;
      padding: 20px; }
    .article-list__item__author {
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 700;
      opacity: .8; }
    .article-list__item__excerpt {
      padding: 0 20px;
      opacity: 0;
      margin-top: 10px;
      transition: all .4s linear;
      min-height: 120px; }
    .article-list__item__button {
      background: white;
      border-radius: 30px;
      padding: 6px 20px 8px 20px;
      border: none;
      color: #333;
      font-weight: 600;
      transition: all .5s ease-in-out;
      transition-delay: .1s;
      margin-bottom: 15px;
      transform: scale(0.8); }
    .article-list__item__category {
      position: absolute;
      left: 30px;
      top: 17px;
      background: white;
      color: #334;
      display: inline-block;
      padding: 1px 10px;
      border-radius: 5px;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 12px;
      font-weight: 900; }
    .article-list__item:hover .article-list__item__bottom {
      transform: translateY(0px); }
    .article-list__item:hover .article-list__item__excerpt {
      opacity: 1; }
    .article-list__item:hover .article-list__item__gradient {
      height: 450px;
      opacity: 1; }
    .article-list__item:hover .article-list__item__button {
      transform: scale(1); }

.emission-list {
  margin-top: 30px; }
  .emission-list__item {
    border-radius: 6px;
    background-size: cover;
    background-position: center center;
    height: 450px;
    position: relative;
    overflow: hidden;
    color: white;
    text-align: center;
    display: block;
    margin-bottom: 20px; }
    .emission-list__item__gradient {
      z-index: 0;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 6px;
      height: 300px;
      background: transparent;
      background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, black));
      background: linear-gradient(to bottom, transparent 0%, black 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
      transition: all .5s ease-in-out;
      opacity: .7; }
    .emission-list__item__logo {
      width: 120px;
      height: 120px;
      background-size: cover;
      display: block;
      border-radius: 100%;
      margin: auto;
      margin-bottom: 20px;
      box-shadow: 0px 21px 58px -35px rgba(0, 0, 0, 0.75);
      margin-top: 35px; }
    .emission-list__item__bottom {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding-bottom: 15px;
      transform: translateY(170px);
      transition: all .4s ease-in-out; }
    .emission-list__item__top {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
    .emission-list__item__title {
      font-size: 24px;
      font-weight: 500;
      line-height: 28px;
      max-width: 600px;
      margin: auto;
      padding: 20px; }
    .emission-list__item__author {
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 700;
      opacity: .8;
      max-width: 168px;
      margin: auto;
      display: block; }
    .emission-list__item__excerpt {
      padding: 0 20px;
      opacity: 0;
      margin-top: 10px;
      transition: all .4s linear;
      min-height: 85px; }
    .emission-list__item__button {
      background: white;
      border-radius: 30px;
      padding: 6px 20px 8px 20px;
      border: none;
      color: #333;
      font-weight: 600;
      transition: all .5s ease-in-out;
      transition-delay: .1s;
      margin-bottom: 15px;
      transform: scale(0.8); }
    .emission-list__item__category {
      position: absolute;
      left: 30px;
      top: 17px;
      background: white;
      color: #334;
      display: inline-block;
      padding: 1px 10px;
      border-radius: 5px;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 12px;
      font-weight: 900; }
    .emission-list__item:hover .emission-list__item__bottom {
      transform: translateY(0px); }
    .emission-list__item:hover .emission-list__item__excerpt {
      opacity: 1; }
    .emission-list__item:hover .emission-list__item__gradient {
      height: 450px;
      opacity: 1; }
    .emission-list__item:hover .emission-list__item__button {
      transform: scale(1); }
  .emission-list--pattern .emission-list__item__gradient {
    opacity: 0.3; }
  .emission-list--pattern:hover .emission-list__item__gradient {
    opacity: 0.5; }

.page-emission__content {
  margin-top: 40px;
  margin-bottom: 200px; }

.page-emission__presentation p {
  font-size: 18px;
  line-height: 25px; }

.page-emission h2 b {
  color: #5d94b7;
  font-size: 22px;
  font-weight: 500;
  margin-left: 2px; }

.podcast-list {
  margin-top: 30px; }
  .podcast-list__item {
    border-top: 1px solid #e8e8e8;
    padding: 15px 0; }
    .podcast-list__item a {
      color: #5d94b7; }
    .podcast-list__item__logo {
      float: left;
      width: 70px;
      height: 70px;
      margin-left: 10px;
      overflow: hidden;
      background-size: cover;
      background-position: center; }
      .podcast-list__item__logo img {
        width: 70px; }
    .podcast-list__item__content {
      margin-left: 100px; }
    .podcast-list__item__title {
      font-weight: 500;
      font-size: 20px; }
    .podcast-list__item__description {
      font-size: 15px;
      font-style: italic; }
    .podcast-list__item__controls {
      background: #333;
      display: inline-block;
      padding: 7px 20px;
      margin-top: 10px;
      margin-right: 6px;
      border-radius: 30px;
      color: white !important;
      font-weight: 500; }

.article__content {
  max-width: 700px;
  margin: auto;
  margin-top: 50px;
  padding: 0 20px;
  margin-bottom: 140px; }
  .article__content__chronique {
    border-bottom: 1px solid #dedede;
    margin-bottom: 30px;
    padding: 5px 0 23px 0;
    text-align: center;
    background-position: center bottom;
    background-size: cover;
    background: rgba(248, 80, 50, 0);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248, 80, 50, 0)), color-stop(100%, rgba(0, 0, 0, 0.04)));
    background: linear-gradient(to bottom, rgba(248, 80, 50, 0) 0%, rgba(0, 0, 0, 0.04) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#000000', GradientType=0 ); }
    .article__content__chronique .button {
      padding: 16px 32px 24px 32px;
      font-size: 19px;
      background: #333;
      border-radius: 41px;
      color: white;
      font-weight: 500;
      margin-bottom: 30px;
      display: inline-block;
      transition: background .4s ease-in-out; }
      .article__content__chronique .button:hover {
        background-color: #7ab55c; }
      .article__content__chronique .button svg {
        width: 40px;
        height: 40px;
        margin-bottom: -14px;
        margin-right: 9px;
        fill: white; }

.homepage-carousel {
  height: 320px;
  overflow: hidden;
  background: black;
  border-top: 7px solid #deb159; }
  .homepage-carousel__item {
    height: 320px;
    background-size: cover;
    background-position: center center;
    position: relative;
    display: block; }
    .homepage-carousel__item:before {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 0.3;
      content: " ";
      transition: opacity .5s ease-in-out;
      background: transparent;
      background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, black));
      background: linear-gradient(to bottom, transparent 0%, black 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); }
    .homepage-carousel__item__bottom {
      position: absolute;
      bottom: 50px;
      left: 0;
      right: 0;
      text-align: center;
      color: white;
      transition: all .5s ease-in-out;
      transform: translateY(30px);
      z-index: 100; }
    .homepage-carousel__item__title {
      font-size: 34px;
      font-weight: 500;
      line-height: 40px;
      max-width: 600px;
      margin: auto;
      opacity: 0;
      transition: all .5s ease-in-out; }
    .homepage-carousel__item__description {
      max-width: 400px;
      margin: auto;
      opacity: 0;
      transition: all .8s ease-in-out;
      transition-delay: .3;
      margin-top: 10px; }

.owl-item.active .homepage-carousel__item__title {
  opacity: 1; }

.owl-item.active .homepage-carousel__item__description {
  opacity: 1; }

.owl-item.active .homepage-carousel__item__bottom {
  transform: translateX(0px); }

.owl-item.active .homepage-carousel__item:before {
  opacity: 0.7; }

@media (max-width: 767px) {
  .homepage__section-carousel__head__link {
    float: none;
    opacity: 1;
    display: block;
    margin-top: 5px; }
  .homepage__section-carousel__head h2 {
    display: block;
    float: none;
    margin-left: 0; }
  .homepage__section-carousel__head {
    padding: 0px 10px; }
  .article-list {
    margin-top: 15px; } }

.homepage__section-carousel .article-list__item__category {
  left: 18px; }

.next-emission__calendar {
  display: inline-block;
  float: left;
  height: 64px;
  width: 62px;
  border-radius: 7px;
  border: 2px solid black;
  text-align: center;
  margin-right: 10px;
  padding: 8px 0; }
  .next-emission__calendar__day {
    font-size: 30px;
    font-weight: 700; }
  .next-emission__calendar__month {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px; }

.next-emission__infos {
  float: left;
  padding: 17px 0; }
  .next-emission__infos__date {
    font-weight: 700;
    font-size: 18px;
    line-height: 12px; }
  .next-emission__infos__date-human {
    font-size: 14px;
    font-weight: 700;
    color: #7d7d7d; }

.schedule {
  position: relative;
  padding-left: 70px;
  margin-bottom: 60px; }
  .schedule__now {
    text-align: center;
    display: inline-block;
    margin-bottom: 25px; }
    .schedule__now svg {
      width: 40px;
      height: 40px;
      fill: #333;
      float: left;
      transition: all .3s ease-in-out; }
    .schedule__now span {
      display: inline-block;
      font-weight: 500;
      color: #333;
      padding: 9px;
      transition: color .3s ease-in-out; }
    .schedule__now:hover svg {
      fill: #9f7ad6; }
    .schedule__now:hover span {
      color: #9f7ad6; }
  .schedule__bar {
    background: #e4e4e4;
    border-radius: 15px;
    width: 15px;
    position: absolute;
    top: 0;
    left: 20px;
    bottom: 0; }
  .schedule__content {
    padding: 20px 0; }
  .schedule__item {
    position: relative;
    margin-bottom: 20px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px; }
    .schedule__item:last-child {
      border-bottom: none; }
    .schedule__item__point {
      background: white;
      border: 1px solid black;
      display: inline-block;
      position: absolute;
      left: -65px;
      padding: 5px;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 12px;
      border-radius: 5px;
      line-height: 13px;
      transition: all .4s ease-in-out; }
    .schedule__item__date {
      text-transform: uppercase;
      font-weight: 700;
      font-size: 13px;
      color: #969696; }
      .schedule__item__date small {
        text-transform: none;
        font-weight: normal;
        font-size: 13px; }
    .schedule__item__title {
      font-weight: 500;
      font-size: 22px;
      color: #333; }
    .schedule__item__author {
      position: relative;
      padding-left: 42px;
      line-height: 17px;
      margin-top: 10px;
      margin-bottom: 10px; }
      .schedule__item__author__cover {
        width: 30px;
        height: 30px;
        background-size: cover;
        border-radius: 100%;
        float: left;
        display: inline-block;
        left: 0;
        position: absolute; }
      .schedule__item__author svg {
        width: 30px;
        height: 30px;
        position: absolute;
        left: -2px; }
      .schedule__item__author__tech {
        font-size: 14px; }
        .schedule__item__author__tech b {
          text-transform: capitalize; }
      .schedule__item__author__presenter b {
        text-transform: capitalize; }

.schedule__item:hover .schedule__item__title {
  color: #9f7ad6; }

.schedule__item:hover .schedule__item__point {
  color: #9f7ad6; }

.schedule-days {
  display: block;
  height: 68px;
  border-bottom: 1px solid #e6e6e6; }
  .schedule-days__item {
    width: 14.28%;
    float: left;
    text-align: center;
    display: inline-block;
    padding: 20px 0;
    color: #8a8a8a;
    font-weight: 500; }
    .schedule-days__item.active {
      color: #333;
      border-bottom: 4px solid #9f7ad6; }
    .schedule-days__item:hover {
      color: #333; }

.schedule-page h1 {
  text-align: center;
  margin-bottom: 30px; }
  .schedule-page h1.margin-small {
    margin-bottom: 15px; }

.schedule-days--responsive .schedule-days__item {
  width: 33.33%; }

body.burger-navigation--open {
  transform: translateX(250px);
  position: fixed; }

.burger-navigation {
  transform: translateX(-250px);
  background: #30373b;
  position: fixed;
  width: 250px;
  left: 0;
  top: 0;
  bottom: 0;
  padding: 30px;
  padding-top: 70px;
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.22); }
  .burger-navigation hr {
    background: #444d52;
    margin-top: 15px; }
  .burger-navigation .header-live-play__button {
    float: none;
    display: block;
    text-align: center;
    margin: 13px 0; }
    .burger-navigation .header-live-play__button.js-stop-live-stream {
      display: none; }
  .burger-navigation__logo {
    margin-bottom: 25px;
    display: block; }
    .burger-navigation__logo svg {
      fill: white;
      width: 65px;
      height: 65px;
      margin: auto;
      display: block; }
  .burger-navigation__close {
    position: absolute;
    left: 0;
    right: 0;
    background: #deb159;
    top: 0;
    height: 40px;
    color: white;
    padding: 8px 40px 0 40px;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
    font-weight: 700;
    text-align: center; }
    .burger-navigation__close svg {
      width: 23px;
      height: 23px;
      fill: white;
      margin-top: -5px;
      display: inline-block;
      vertical-align: middle;
      margin-left: 5px; }
  .burger-navigation__primary {
    margin-top: 15px; }
    .burger-navigation__primary ul {
      list-style: none;
      padding: 0;
      margin: 0;
      text-align: center;
      font-size: 20px; }
    .burger-navigation__primary li {
      margin-bottom: 5px; }
    .burger-navigation__primary a.primary-navigation__item {
      display: inline-block; }
  .burger-navigation__secondary {
    margin-top: 15px; }
    .burger-navigation__secondary ul {
      list-style: none;
      text-align: center;
      padding: 0;
      margin: 0; }
    .burger-navigation__secondary a.primary-navigation__item {
      text-transform: none;
      font-weight: normal; }

.generic-page a {
  color: #7ab55c;
  border-bottom: 1px dashed #7ab55c; }

.generic-page__content {
  max-width: 650px;
  margin: auto;
  margin-top: 40px;
  padding: 15px;
  margin-bottom: 60px; }

.generic-page__header {
  background: #7ab55c;
  text-align: center;
  padding: 20px 20px; }
  .generic-page__header--small {
    padding: 15px 20px; }
    .generic-page__header--small h1 {
      font-style: italic;
      font-weight: 400; }
  .generic-page__header h1 {
    color: white; }

.event-list {
  margin-top: 30px; }
  .event-list__item {
    border-radius: 6px;
    background-size: cover;
    background-position: center center;
    height: 450px;
    position: relative;
    overflow: hidden;
    color: white;
    text-align: center;
    display: block;
    margin-bottom: 20px; }
    .event-list__item__gradient {
      z-index: 0;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 6px;
      height: 300px;
      background: transparent;
      background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, black));
      background: linear-gradient(to bottom, transparent 0%, black 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
      transition: all .5s ease-in-out;
      opacity: .7; }
    .event-list__item__logo {
      width: 120px;
      height: 120px;
      background-size: cover;
      display: block;
      border-radius: 100%;
      margin: auto;
      margin-bottom: 20px;
      box-shadow: 0px 21px 58px -35px rgba(0, 0, 0, 0.75);
      margin-top: 35px; }
    .event-list__item__bottom {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding-bottom: 15px;
      transform: translateY(160px);
      transition: all .4s ease-in-out; }
    .event-list__item__top {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
    .event-list__item__title {
      font-size: 24px;
      font-weight: 500;
      line-height: 28px;
      max-width: 600px;
      margin: auto;
      padding: 20px;
      padding-bottom: 10px; }
    .event-list__item__date {
      text-transform: uppercase;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 1px;
      opacity: .7; }
    .event-list__item__excerpt {
      padding: 0 20px;
      opacity: 0;
      margin-top: 10px;
      transition: all .4s linear;
      min-height: 85px; }
    .event-list__item__button {
      background: white;
      border-radius: 30px;
      padding: 6px 20px 8px 20px;
      border: none;
      color: #333;
      font-weight: 600;
      transition: all .5s ease-in-out;
      transition-delay: .1s;
      margin-bottom: 15px;
      transform: scale(0.8); }
    .event-list__item__category {
      position: absolute;
      left: 30px;
      top: 17px;
      background: white;
      color: #334;
      display: inline-block;
      padding: 1px 10px;
      border-radius: 5px;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 12px;
      font-weight: 900; }
    .event-list__item:hover .event-list__item__bottom {
      transform: translateY(0px); }
    .event-list__item:hover .event-list__item__excerpt {
      opacity: 1; }
    .event-list__item:hover .event-list__item__gradient {
      height: 450px;
      opacity: 1; }
    .event-list__item:hover .event-list__item__button {
      transform: scale(1); }

.search-overlay {
  position: fixed;
  top: 88px;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  transition: all .4s ease-in-out; }
  .search-overlay.open {
    visibility: visible;
    opacity: 1; }
  .search-overlay__close {
    position: absolute;
    right: 20px;
    top: 18px; }
    .search-overlay__close svg {
      width: 40px;
      height: 40px; }
  .search-overlay h1 {
    border-bottom: 1px solid #e8e8e8;
    text-transform: uppercase;
    padding-bottom: 6px;
    margin: 20px 10px;
    letter-spacing: 2px;
    text-align: center; }
  .search-overlay__results {
    max-height: 80vh;
    overflow: scroll;
    padding-bottom: 100px; }
    .search-overlay__results::-webkit-scrollbar {
      width: 0 !important; }
    .search-overlay__results .article-list__item {
      height: 350px; }
    .search-overlay__results .article-list__item__excerpt {
      min-height: auto; }
    .search-overlay__results .article-list__item__bottom {
      transform: translateY(160px); }
  .search-overlay__search {
    max-width: 600px;
    border: 1px solid #d4d4d4;
    margin: auto;
    margin-top: 40px;
    padding: 5px 40px 5px 91px;
    border-radius: 56px;
    position: relative;
    margin-bottom: 30px; }
    .search-overlay__search input {
      width: 100%;
      padding: 20px 0;
      border: none; }
    .search-overlay__search svg {
      position: absolute;
      left: 30px;
      width: 35px;
      height: 35px;
      top: 18px;
      fill: #f1f1f1; }

.search__no-results {
  text-align: center;
  font-size: 35px;
  margin-top: 60px; }
  .search__no-results svg {
    fill: black; }
  .search__no-results h4 {
    display: block;
    margin-top: 40px;
    margin-bottom: 220px;
    font-weight: normal; }

.contest-page {
  text-align: center; }
  .contest-page label {
    display: block;
    text-align: left; }
  .contest-page__empty {
    text-align: center;
    max-width: 500px;
    margin: 80px auto auto auto;
    padding: 0 30px; }
    .contest-page__empty svg {
      fill: #d6a27a; }
    .contest-page__empty h1 {
      font-size: 35px;
      margin: 0;
      padding: 0;
      margin-top: 25px;
      margin-bottom: 20px; }
    .contest-page__empty p {
      font-size: 18px;
      opacity: 0.5; }
  .contest-page__logo {
    fill: #d6a27a;
    opacity: .6;
    width: 250px;
    height: 250px; }
  .contest-page__title {
    font-size: 38px;
    color: #d6a27a;
    font-weight: 500;
    margin-top: 50px;
    line-height: 42px;
    margin-bottom: 18px; }
  .contest-page__text {
    color: #e6ba98;
    opacity: 1;
    font-style: italic;
    font-size: 19px; }
  .contest-page__button {
    background: #30373b;
    padding: 11px 22px;
    border-radius: 40px;
    color: white;
    font-weight: 500;
    margin-top: 20px;
    display: inline-block;
    margin-bottom: 100px; }
  .contest-page__legals {
    text-align: center; }
    .contest-page__legals a {
      text-align: center;
      display: inline-block;
      margin-bottom: 40px;
      color: #333;
      border-bottom: 1px solid #d0d0d0;
      font-size: 14px;
      padding-bottom: 7px; }
      .contest-page__legals a svg {
        float: left;
        width: 25px;
        height: 25px;
        margin-right: 10px;
        fill: #505050; }

.contest-page__questions ul {
  list-style: none;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 30px; }

.contest-page__questions ul li {
  color: #AAAAAA;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 90px;
  border-bottom: 1px solid #dedede; }
  .contest-page__questions ul li:last-child {
    border-bottom: none; }

.contest-page__questions ul li input[type=radio] {
  position: absolute;
  visibility: hidden; }

.contest-page__questions ul li label {
  display: block;
  position: relative;
  font-size: 20px;
  padding: 25px 25px 25px 80px;
  margin: 10px auto;
  height: 30px;
  line-height: 18px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
  text-align: left;
  font-weight: 500; }

.contest-page__questions ul li:hover label {
  color: #333; }

.contest-page__questions ul li .check {
  display: block;
  position: absolute;
  border: 5px solid #AAAAAA;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 30px;
  left: 20px;
  z-index: 5;
  transition: border .25s linear;
  -webkit-transition: border .25s linear; }

.contest-page__questions ul li:hover .check {
  border: 5px solid #333; }

.contest-page__questions ul li .check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 11px;
  width: 11px;
  top: 2px;
  left: 2px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear; }

.contest-page__questions input[type=radio]:checked ~ .check {
  border: 5px solid #d6a27a; }

.contest-page__questions input[type=radio]:checked ~ .check::before {
  background: #d6a27a; }

.contest-page__questions input[type=radio]:checked ~ label {
  color: #d6a27a; }

.contest-page__description {
  border-bottom: 1px solid #ececec;
  margin-bottom: 30px;
  margin-top: 40px; }

.contest-page__error {
  font-size: 15px;
  background: #fff9f9;
  border: 1px solid #ff6000;
  border-radius: 20px;
  color: red;
  margin-top: 40px;
  margin-bottom: 25px; }
  .contest-page__error ul {
    padding: 23px 52px;
    margin: 0; }

.contest-page__question {
  text-align: center;
  border-top: 1px solid #ececec;
  font-size: 26px;
  padding: 25px;
  margin-top: 20px; }

.contest-page__submit {
  margin: auto;
  padding: 10px;
  border-radius: 50px;
  padding: 10px 20px;
  font-size: 18px;
  border: none;
  background: #d6a27a;
  color: white;
  font-weight: 500;
  margin-bottom: 60px; }

.emission-sidebar__contact {
  text-align: center;
  background: #5d94b7;
  color: white;
  display: block;
  padding: 14px 0;
  border-radius: 30px;
  margin-bottom: 31px;
  font-weight: 500; }

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

.emission-sidebar__social a {
  display: block;
  padding: 10px 8px;
  border-bottom: 1px solid #d1edff;
  font-weight: 500;
  color: #5d94b7; }
  .emission-sidebar__social a:hover {
    background: #fbfbfb;
    color: #333; }

.main-footer {
  height: 100px;
  border-top: 1px solid #e2e2e2;
  background: #f9f9f9; }
  .main-footer__logo {
    float: left;
    margin-top: 15px;
    display: inline-block; }
    .main-footer__logo svg {
      width: 70px;
      height: 70px; }
  .main-footer__legals {
    margin-top: 20px;
    float: left;
    margin-left: 15px;
    font-size: 14px;
    color: #808080;
    font-weight: 500; }
    .main-footer__legals__nav {
      line-height: 18px; }
      .main-footer__legals__nav a {
        margin: 0;
        padding: 0;
        display: block;
        color: #333; }
  .main-footer__primary {
    float: right;
    padding: 36px 0; }
    .main-footer__primary ul {
      list-style: none;
      padding: 0;
      margin: 0; }
    .main-footer__primary li {
      float: left;
      margin-left: 15px; }
    .main-footer__primary__item {
      text-transform: uppercase;
      color: #333;
      font-weight: 500; }

.homepage-sidebar__contest {
  display: block;
  background-color: #efebe4;
  background-image: url(/assets/img/sprite-retina/repeat-contest_2x.png);
  background-repeat: repeat-x;
  background-size: 20px 18px;
  text-align: center;
  color: #d6a27a;
  font-weight: 500;
  font-size: 22px;
  padding-top: 40px; }
  .homepage-sidebar__contest__text {
    display: block;
    padding: 0 20px; }
  .homepage-sidebar__contest__button {
    display: block;
    background: #d6a27a;
    color: white;
    text-transform: uppercase;
    padding: 15px 0;
    letter-spacing: 2px;
    font-size: 18px;
    margin-top: 30px; }

.homepage-sidebar__socials__item {
  height: 50px;
  display: block;
  text-align: center;
  color: white;
  border-radius: 10px;
  margin-bottom: 10px; }
  .homepage-sidebar__socials__item svg {
    fill: white;
    width: 20px;
    height: 20px; }
  .homepage-sidebar__socials__item--facebook {
    background: #3b5998; }
    .homepage-sidebar__socials__item--facebook svg {
      margin-top: 14px; }
  .homepage-sidebar__socials__item--twitter {
    background: #1da1f2; }
    .homepage-sidebar__socials__item--twitter svg {
      margin-top: 15px; }
  .homepage-sidebar__socials__item--soundcloud {
    background: #fd5d21; }
    .homepage-sidebar__socials__item--soundcloud svg {
      margin-top: 9px;
      width: 30px;
      height: 30px; }
  .homepage-sidebar__socials__item--instagram {
    background: #8a3ab9; }
    .homepage-sidebar__socials__item--instagram svg {
      margin-top: 10px;
      width: 28px;
      height: 28px; }

.homepage-search {
  position: relative; }
  .homepage-search__icon {
    position: absolute;
    right: 19px;
    top: 15px; }
    .homepage-search__icon svg {
      width: 20px;
      height: 20px;
      fill: #909090; }
  .homepage-search input {
    display: block;
    width: 100%;
    padding: 15px 13px;
    border-radius: 4px;
    border: none;
    border: 1px solid #dcdcdc; }

.homepage-sidebar-carousel {
  filter: grayscale(100%);
  transition: filter .4s ease-in-out; }
  .homepage-sidebar-carousel:hover {
    filter: grayscale(0%); }

.home-podcast-list {
  margin-top: 30px; }
  .home-podcast-list__item {
    border-radius: 6px;
    background-size: cover;
    background-position: center center;
    height: 400px;
    position: relative;
    overflow: hidden;
    color: white;
    text-align: center;
    display: block;
    margin-bottom: 20px; }
    .home-podcast-list__item.height--360 {
      height: 360px; }
    .home-podcast-list__item__gradient {
      z-index: 0;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 6px;
      height: 250px;
      background: transparent;
      background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, black));
      background: linear-gradient(to bottom, transparent 0%, black 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
      transition: all .5s ease-in-out;
      opacity: .7; }
    .home-podcast-list__item__bottom {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding-bottom: 15px;
      transform: translateY(70px);
      transition: all .4s ease-in-out; }
    .home-podcast-list__item__title {
      font-size: 22px !important;
      font-weight: 500;
      line-height: 33px;
      max-width: 600px;
      margin: auto;
      padding: 20px; }
    .home-podcast-list__item__author {
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 700;
      opacity: .8;
      display: block; }
    .home-podcast-list__item__excerpt {
      padding: 0 20px;
      opacity: 0;
      margin-top: 10px;
      transition: all .4s linear;
      min-height: 120px; }
    .home-podcast-list__item__button {
      background: white;
      border-radius: 30px;
      padding: 6px 20px 8px 20px;
      border: none;
      color: #333;
      font-weight: 600;
      transition: all .5s ease-in-out;
      transition-delay: .1s;
      margin-bottom: 15px;
      margin-top: 20px;
      transform: scale(0.8); }
    .home-podcast-list__item__category {
      position: absolute;
      left: 30px;
      top: 17px;
      background: white;
      color: #334;
      display: inline-block;
      padding: 1px 10px;
      border-radius: 5px;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 12px;
      font-weight: 900; }
    .home-podcast-list__item:hover .home-podcast-list__item__bottom {
      transform: translateY(0px); }
    .home-podcast-list__item:hover .home-podcast-list__item__excerpt {
      opacity: 1; }
    .home-podcast-list__item:hover .home-podcast-list__item__gradient {
      height: 300px;
      opacity: 1; }
    .home-podcast-list__item:hover .home-podcast-list__item__button {
      transform: scale(1); }

.error-page {
  text-align: center;
  padding-top: 60px; }
  .error-page__logo {
    fill: #c36060;
    opacity: .6;
    width: 250px;
    height: 250px; }
  .error-page__title {
    font-size: 38px;
    color: #c36060;
    font-weight: 500;
    margin-top: 50px;
    line-height: 42px;
    margin-bottom: 18px; }
  .error-page__text {
    color: #c36060;
    opacity: 1;
    font-style: italic;
    font-size: 19px; }
  .error-page__button {
    background: #c36060;
    padding: 11px 22px;
    border-radius: 40px;
    color: white;
    font-weight: 500;
    margin-top: 20px;
    display: inline-block; }
  .error-page__search {
    background: #f3f3f3;
    padding: 9px 22px 9px 22px;
    border-radius: 40px;
    color: white;
    font-weight: 500;
    margin-top: 20px;
    display: inline-block; }
    .error-page__search svg {
      fill: #333;
      width: 24px;
      height: 20px;
      margin-top: 4px; }

.contact-page__emission-header {
  text-align: center;
  color: white;
  padding: 45px 15px;
  background-size: cover; }
  .contact-page__emission-header__title {
    margin-bottom: 10px; }

.contact-page__content {
  padding-top: 40px;
  margin-bottom: 60px; }

.contact-page__sidebar {
  padding-top: 40px; }

.contact-page label {
  font-weight: 400;
  font-size: 17px;
  margin-bottom: 8px;
  display: inline-block; }

.contact-page button {
  background: #333;
  border: none;
  border-radius: 50px;
  padding: 10px 30px;
  color: white;
  font-size: 18px;
  font-weight: 500; }

.contact-page__success, .contact-page__error {
  text-align: center;
  border-bottom: 1px solid #e4e4e4;
  display: block;
  margin-bottom: 40px;
  padding-bottom: 40px; }
  .contact-page__success svg, .contact-page__error svg {
    width: 60px;
    height: 60px;
    margin: auto; }
  .contact-page__success__text, .contact-page__error__text {
    color: #6ac259;
    font-size: 23px;
    margin-top: 20px;
    display: block; }

.contact-page__error__text {
  color: #f05228;
  list-style: none;
  margin: 0;
  font-size: 18px;
  padding: 0;
  margin-top: 20px; }

.contact-page__error li {
  margin-top: 5px; }

.events h2 {
  margin-top: 35px; }

.track-history-page {
  padding-top: 40px; }

.track-history {
  max-width: 700px;
  margin: auto;
  margin-bottom: 40px; }
  .track-history__form {
    margin-bottom: 50px; }
    .track-history__form input {
      padding: 15px 20px; }
    .track-history__form__submit {
      border: none;
      background: #9f7ad6;
      color: white;
      border-radius: 10px;
      padding: 15px 30px; }
  .track-history__item {
    border-bottom: 1px solid #ececec;
    height: 121px;
    padding-left: 110px;
    position: relative;
    margin-bottom: 10px; }
    .track-history__item__cover {
      height: 90px;
      width: 90px;
      position: absolute;
      margin-top: 10px;
      left: 0;
      background-size: cover; }
    .track-history__item__like {
      margin-top: 10px;
      margin-bottom: 15px;
      opacity: .4;
      transition: opacity .4s ease-in-out; }
      .track-history__item__like svg {
        width: 20px;
        height: 20px;
        float: left;
        margin-right: 7px; }
      .track-history__item__like a {
        display: inline-block;
        color: #333;
        font-weight: 500;
        font-size: 14px;
        margin-right: 20px; }
    .track-history__item__time {
      position: absolute;
      right: 0;
      top: 59px;
      font-size: 60px;
      font-weight: 700;
      text-transform: uppercase;
      transition: opacity .4s ease-in-out;
      opacity: .1; }
    .track-history__item__clab-logo {
      position: absolute;
      left: 0;
      margin-top: 10px; }
      .track-history__item__clab-logo svg {
        height: 90px;
        width: 90px; }
    .track-history__item__titre {
      font-weight: 500;
      padding: 17px 0 0 0; }
    .track-history__item__artist {
      text-transform: uppercase;
      font-weight: 600;
      letter-spacing: 0px;
      font-size: 14px;
      color: #909090; }
    .track-history__item__spotify {
      position: absolute;
      right: 15px;
      top: 35px;
      transform: translateX(30px);
      opacity: 0;
      visibility: hidden;
      transition: all .3s ease-in-out; }
      .track-history__item__spotify svg {
        height: 30px;
        width: 30px; }

.track-history__item:hover .track-history__item__like {
  opacity: 1; }

.track-history__item:hover .track-history__item__time {
  opacity: 0; }

.track-history__item:hover .track-history__item__spotify {
  transform: translateX(0px);
  opacity: 1;
  visibility: visible; }

.about {
  margin-top: 40px; }
  .about__item {
    text-align: center;
    border-radius: 10px;
    padding: 20px 10px;
    display: block;
    border: 2px solid transparent;
    transition: all .3s ease-in-out;
    margin-top: 20px; }
    .about__item svg {
      width: 100px;
      height: 100px;
      fill: #e8e8e8;
      margin: auto;
      display: block; }
    .about__item h3 {
      color: #333;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin: 0;
      padding: 0;
      margin-top: 30px;
      transition: all .5s ease-in-out; }
    .about__item p {
      color: #444;
      font-style: italic; }
    .about__item:hover {
      background: #f9f9f9;
      border-color: #7ab55c; }
      .about__item:hover h3 {
        color: #7ab55c; }

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

.pagination {
  list-style: none;
  margin-bottom: 40px;
  margin-top: 40px;
  height: 45px;
  display: inline-block; }
  .pagination li {
    float: left;
    margin: 0 15px;
    text-align: center; }
  .pagination a,
  .pagination .active span {
    color: #757575;
    font-size: 32px;
    display: inline-block;
    min-width: 20px;
    padding-bottom: 10px;
    transition: all .2s ease-in-out; }
    .pagination a:hover,
    .pagination .active span:hover {
      color: #333;
      transform: scale(1.1); }
  .pagination .active span {
    font-weight: 500;
    color: #333;
    border-bottom: 3px solid #333; }
  .pagination svg {
    width: 40px;
    height: 30px;
    fill: #757575; }
  .pagination .disabled {
    opacity: .3; }

.search-list {
  margin-top: 30px; }
  .search-list__item {
    border-radius: 6px;
    background-size: cover;
    background-position: center center;
    height: 260px;
    position: relative;
    overflow: hidden;
    color: white;
    text-align: center;
    display: block;
    margin-bottom: 20px; }
    .search-list__item__gradient {
      z-index: 0;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 6px;
      height: 300px;
      background: transparent;
      background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, black));
      background: linear-gradient(to bottom, transparent 0%, black 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
      transition: all .5s ease-in-out;
      opacity: .7; }
    .search-list__item__bottom {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding-bottom: 15px;
      transform: translateY(123px);
      transition: all .4s ease-in-out; }
    .search-list__item__title {
      font-size: 24px;
      font-weight: 500;
      line-height: 28px;
      max-width: 600px;
      margin: auto;
      padding: 20px; }
    .search-list__item__author {
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 700;
      opacity: .8; }
    .search-list__item__excerpt {
      padding: 0 20px;
      opacity: 0;
      margin-top: 10px;
      transition: all .4s linear;
      min-height: 40px; }
    .search-list__item__button {
      background: white;
      border-radius: 30px;
      padding: 6px 20px 8px 20px;
      border: none;
      color: #333;
      font-weight: 600;
      transition: all .5s ease-in-out;
      transition-delay: .1s;
      margin-bottom: 15px;
      transform: scale(0.8); }
    .search-list__item__category {
      position: absolute;
      left: 30px;
      top: 17px;
      background: white;
      color: #334;
      display: inline-block;
      padding: 1px 10px;
      border-radius: 5px;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 12px;
      font-weight: 900; }
    .search-list__item:hover .search-list__item__bottom {
      transform: translateY(0px); }
    .search-list__item:hover .search-list__item__excerpt {
      opacity: 1; }
    .search-list__item:hover .search-list__item__gradient {
      height: 450px;
      opacity: 1; }
    .search-list__item:hover .search-list__item__button {
      transform: scale(1); }

@keyframes plyr-progress {
  to {
    background-position: 25px 0; } }

.plyr {
  position: relative;
  max-width: 100%;
  min-width: 200px;
  font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
  direction: ltr; }
  .plyr,
  .plyr *,
  .plyr *::after,
  .plyr *::before {
    box-sizing: border-box; }
  .plyr a, .plyr button, .plyr input, .plyr label {
    -ms-touch-action: manipulation;
        touch-action: manipulation; }
  .plyr:focus {
    outline: 0; }
  .plyr video,
  .plyr audio {
    width: 100%;
    height: auto;
    vertical-align: middle;
    border-radius: inherit; }
  .plyr input[type='range'] {
    display: block;
    height: 20px;
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    border: none;
    background: transparent; }
    .plyr input[type='range']::-webkit-slider-runnable-track {
      height: 8px;
      background: transparent;
      border: 0;
      border-radius: 4px;
      -webkit-user-select: none;
              user-select: none; }
    .plyr input[type='range']::-webkit-slider-thumb {
      -webkit-appearance: none;
      margin-top: -4px;
      position: relative;
      height: 16px;
      width: 16px;
      background: #fff;
      border: 2px solid transparent;
      border-radius: 100%;
      transition: background .2s ease, border .2s ease, transform .2s ease;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15);
      box-sizing: border-box; }
    .plyr input[type='range']::-moz-range-track {
      height: 8px;
      background: transparent;
      border: 0;
      border-radius: 4px;
      -moz-user-select: none;
           user-select: none; }
    .plyr input[type='range']::-moz-range-thumb {
      position: relative;
      height: 16px;
      width: 16px;
      background: #fff;
      border: 2px solid transparent;
      border-radius: 100%;
      transition: background .2s ease, border .2s ease, transform .2s ease;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15);
      box-sizing: border-box; }
    .plyr input[type='range']::-ms-track {
      height: 8px;
      background: transparent;
      border: 0;
      color: transparent; }
    .plyr input[type='range']::-ms-fill-upper {
      height: 8px;
      background: transparent;
      border: 0;
      border-radius: 4px;
      -ms-user-select: none;
          user-select: none; }
    .plyr input[type='range']::-ms-fill-lower {
      height: 8px;
      background: transparent;
      border: 0;
      border-radius: 4px;
      -ms-user-select: none;
          user-select: none;
      background: #3498db; }
    .plyr input[type='range']::-ms-thumb {
      position: relative;
      height: 16px;
      width: 16px;
      background: #fff;
      border: 2px solid transparent;
      border-radius: 100%;
      transition: background .2s ease, border .2s ease, transform .2s ease;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15);
      box-sizing: border-box;
      margin-top: 0; }
    .plyr input[type='range']::-ms-tooltip {
      display: none; }
    .plyr input[type='range']:focus {
      outline: 0; }
    .plyr input[type='range']::-moz-focus-outer {
      border: 0; }
    .plyr input[type='range'].tab-focus:focus {
      outline-offset: 3px; }
    .plyr input[type='range']:active::-webkit-slider-thumb {
      background: #3498db;
      border-color: #fff;
      transform: scale(1.25); }
    .plyr input[type='range']:active::-moz-range-thumb {
      background: #3498db;
      border-color: #fff;
      transform: scale(1.25); }
    .plyr input[type='range']:active::-ms-thumb {
      background: #3498db;
      border-color: #fff;
      transform: scale(1.25); }

.plyr--video input[type='range'].tab-focus:focus {
  outline: 1px dotted rgba(255, 255, 255, 0.5); }

.plyr--audio input[type='range'].tab-focus:focus {
  outline: 1px dotted rgba(86, 93, 100, 0.5); }

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute !important;
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important; }

.plyr__video-wrapper {
  position: relative;
  background: #000;
  border-radius: inherit; }

.plyr__video-embed {
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  border-radius: inherit;
  overflow: hidden;
  z-index: 0; }
  .plyr__video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .plyr__video-embed > div {
    position: relative;
    padding-bottom: 200%;
    transform: translateY(-35.95%); }

.plyr .plyr__video-embed iframe {
  pointer-events: none; }

.plyr video::-webkit-media-text-track-container {
  display: none; }

.plyr__captions {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  transform: translateY(-60px);
  transition: transform .3s ease;
  color: #fff;
  font-size: 16px;
  text-align: center;
  font-weight: 400; }
  .plyr__captions span {
    border-radius: 2px;
    padding: 3px 10px;
    background: rgba(0, 0, 0, 0.7);
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
    line-height: 150%; }
  .plyr__captions span:empty {
    display: none; }
  @media (min-width: 768px) {
    .plyr__captions {
      font-size: 24px; } }

.plyr--captions-active .plyr__captions {
  display: block; }

.plyr--hide-controls .plyr__captions {
  transform: translateY(-20px); }

@media (min-width: 1024px) {
  .plyr--fullscreen-active .plyr__captions {
    font-size: 32px; } }

.plyr ::-webkit-media-controls {
  display: none; }

.plyr__controls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  line-height: 1;
  text-align: center; }
  .plyr__controls > button,
  .plyr__controls .plyr__progress,
  .plyr__controls .plyr__time {
    margin-left: 5px; }
    .plyr__controls > button:first-child,
    .plyr__controls .plyr__progress:first-child,
    .plyr__controls .plyr__time:first-child {
      margin-left: 0; }
  .plyr__controls .plyr__volume {
    margin-left: 5px; }
  .plyr__controls [data-plyr="pause"] {
    margin-left: 0; }
  .plyr__controls button {
    position: relative;
    display: inline-block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    overflow: visible;
    vertical-align: middle;
    padding: 7px;
    border: 0;
    background: transparent;
    border-radius: 3px;
    cursor: pointer;
    transition: background .3s ease, color .3s ease, opacity .3s ease;
    color: inherit; }
    .plyr__controls button svg {
      width: 18px;
      height: 18px;
      display: block;
      fill: currentColor; }
    .plyr__controls button:focus {
      outline: 0; }
  .plyr__controls .icon--exit-fullscreen,
  .plyr__controls .icon--muted,
  .plyr__controls .icon--captions-on {
    display: none; }
  @media (min-width: 480px) {
    .plyr__controls > button,
    .plyr__controls .plyr__progress,
    .plyr__controls .plyr__time {
      margin-left: 10px; } }

.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none; }

.plyr--video .plyr__controls {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 50px 10px 10px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  color: #fff;
  transition: opacity .3s ease; }
  .plyr--video .plyr__controls button.tab-focus:focus, .plyr--video .plyr__controls button:hover {
    background: #3498db;
    color: #fff; }

.plyr--audio .plyr__controls {
  border-radius: inherit;
  background: #fff;
  color: #565D64; }
  .plyr--audio .plyr__controls button.tab-focus:focus, .plyr--audio .plyr__controls button:hover {
    background: #3498db;
    color: #fff; }

.plyr__play-large {
  display: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  background: #3498db;
  border: 4px solid currentColor;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  color: #fff;
  transition: all .3s ease; }
  .plyr__play-large svg {
    position: relative;
    left: 2px;
    width: 20px;
    height: 20px;
    display: block;
    fill: currentColor; }
  .plyr__play-large:focus {
    outline: 1px dotted rgba(255, 255, 255, 0.5); }

.plyr .plyr__play-large {
  display: inline-block; }

.plyr--audio .plyr__play-large {
  display: none; }

.plyr--playing .plyr__play-large {
  opacity: 0;
  visibility: hidden; }

.plyr__controls [data-plyr='pause'],
.plyr--playing .plyr__controls [data-plyr='play'] {
  display: none; }

.plyr--playing .plyr__controls [data-plyr='pause'] {
  display: inline-block; }

.plyr--fullscreen-active .icon--exit-fullscreen,
.plyr--muted .plyr__controls .icon--muted,
.plyr--captions-active .plyr__controls .icon--captions-on {
  display: block; }
  .plyr--fullscreen-active .icon--exit-fullscreen + svg,
  .plyr--muted .plyr__controls .icon--muted + svg,
  .plyr--captions-active .plyr__controls .icon--captions-on + svg {
    display: none; }

.plyr [data-plyr='captions'],
.plyr [data-plyr='fullscreen'] {
  display: none; }

.plyr--captions-enabled [data-plyr='captions'],
.plyr--fullscreen-enabled [data-plyr='fullscreen'] {
  display: inline-block; }

.plyr__tooltip {
  position: absolute;
  z-index: 2;
  bottom: 100%;
  margin-bottom: 10px;
  padding: 5px 7.5px;
  pointer-events: none;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform .2s .1s ease, opacity .2s .1s ease; }
  .plyr__tooltip::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: -4px;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(0, 0, 0, 0.7);
    border-left: 4px solid transparent;
    z-index: 2; }

.plyr button:hover .plyr__tooltip,
.plyr button.tab-focus:focus .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1); }

.plyr button:hover .plyr__tooltip {
  z-index: 3; }

.plyr__controls button:first-child .plyr__tooltip {
  left: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 0 100%; }
  .plyr__controls button:first-child .plyr__tooltip::before {
    left: 16px; }

.plyr__controls button:last-child .plyr__tooltip {
  right: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 100% 100%; }
  .plyr__controls button:last-child .plyr__tooltip::before {
    left: auto;
    right: 16px;
    transform: translateX(50%); }

.plyr__controls button:first-child:hover .plyr__tooltip,
.plyr__controls button:first-child.tab-focus:focus .plyr__tooltip,
.plyr__controls button:first-child .plyr__tooltip--visible,
.plyr__controls button:last-child:hover .plyr__tooltip,
.plyr__controls button:last-child.tab-focus:focus .plyr__tooltip,
.plyr__controls button:last-child .plyr__tooltip--visible {
  transform: translate(0, 0) scale(1); }

.plyr__progress {
  display: none;
  position: relative;
  -ms-flex: 1;
      flex: 1; }
  .plyr__progress input[type="range"] {
    position: relative;
    z-index: 2; }
    .plyr__progress input[type="range"]::-webkit-slider-runnable-track {
      background: transparent; }
    .plyr__progress input[type="range"]::-moz-range-track {
      background: transparent; }
    .plyr__progress input[type="range"]::-ms-fill-upper {
      background: transparent; }
  .plyr__progress .plyr__tooltip {
    left: 0; }

.plyr .plyr__progress {
  display: inline-block; }

.plyr__progress--buffer,
.plyr__progress--played,
.plyr__volume--display {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 8px;
  margin: -4px 0 0;
  padding: 0;
  vertical-align: top;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-radius: 100px; }
  .plyr__progress--buffer::-webkit-progress-bar,
  .plyr__progress--played::-webkit-progress-bar,
  .plyr__volume--display::-webkit-progress-bar {
    background: transparent; }
  .plyr__progress--buffer::-webkit-progress-value,
  .plyr__progress--played::-webkit-progress-value,
  .plyr__volume--display::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 8px; }
  .plyr__progress--buffer::-moz-progress-bar,
  .plyr__progress--played::-moz-progress-bar,
  .plyr__volume--display::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 8px; }
  .plyr__progress--buffer::-ms-fill,
  .plyr__progress--played::-ms-fill,
  .plyr__volume--display::-ms-fill {
    border-radius: 100px; }

.plyr__progress--played,
.plyr__volume--display {
  z-index: 1;
  color: #3498db;
  background: transparent;
  transition: all .3s ease-in-out; }
  .plyr__progress--played::-webkit-progress-value,
  .plyr__volume--display::-webkit-progress-value {
    min-width: 8px;
    max-width: 99%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    transition: none; }
  .plyr__progress--played::-moz-progress-bar,
  .plyr__volume--display::-moz-progress-bar {
    min-width: 8px;
    max-width: 99%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    transition: none; }
  .plyr__progress--played::-ms-fill,
  .plyr__volume--display::-ms-fill {
    display: none; }

.plyr__progress--buffer::-webkit-progress-value {
  transition: width .2s ease; }

.plyr__progress--buffer::-moz-progress-bar {
  transition: width .2s ease; }

.plyr__progress--buffer::-ms-fill {
  transition: width .2s ease; }

.plyr--video .plyr__progress--buffer,
.plyr--video .plyr__volume--display {
  background: rgba(255, 255, 255, 0.25); }

.plyr--video .plyr__progress--buffer {
  color: rgba(255, 255, 255, 0.25); }

.plyr--audio .plyr__progress--buffer,
.plyr--audio .plyr__volume--display {
  transition: all .3s ease-in-out;
  background: rgba(198, 214, 219, 0.67); }

.plyr--audio .plyr__progress--buffer {
  color: rgba(198, 214, 219, 0.67); }

.plyr--loading .plyr__progress--buffer {
  animation: plyr-progress 1s linear infinite;
  background-size: 25px 25px;
  background-repeat: repeat-x;
  background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent);
  color: transparent; }

.plyr--video.plyr--loading .plyr__progress--buffer {
  background-color: rgba(255, 255, 255, 0.25); }

.plyr--audio.plyr--loading .plyr__progress--buffer {
  background-color: rgba(198, 214, 219, 0.67); }

.plyr__time {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px; }

.plyr__time + .plyr__time {
  display: none; }
  @media (min-width: 768px) {
    .plyr__time + .plyr__time {
      display: inline-block; } }
  .plyr__time + .plyr__time::before {
    content: '\2044';
    margin-right: 10px; }

.plyr__volume {
  display: none; }

.plyr .plyr__volume {
  -ms-flex: 1;
      flex: 1;
  position: relative; }
  .plyr .plyr__volume input[type="range"] {
    position: relative;
    z-index: 2; }
  @media (min-width: 480px) {
    .plyr .plyr__volume {
      display: block;
      max-width: 60px; } }
  @media (min-width: 768px) {
    .plyr .plyr__volume {
      max-width: 100px; } }

.plyr--is-ios .plyr__volume,
.plyr--is-ios [data-plyr='mute'] {
  display: none !important; }

.plyr--fullscreen-active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 10000000;
  background: #000;
  border-radius: 0 !important; }
  .plyr--fullscreen-active video {
    height: 100%; }
  .plyr--fullscreen-active .plyr__video-wrapper {
    height: 100%;
    width: 100%; }
  .plyr--fullscreen-active .plyr__video-embed {
    overflow: visible; }
  .plyr--fullscreen-active .plyr__controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
  .plyr--fullscreen-active.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%); }

.static-media-player {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 105px;
  background: white;
  z-index: 1500;
  transform: scale3d(1, 0.85, 1) translateY(80px);
  opacity: 0;
  transform-origin: bottom;
  transition: all .3s ease-in-out;
  border-top: 4px solid #7ab55c; }
  .static-media-player__inner {
    padding-left: 80px; }
  .static-media-player__waves {
    position: absolute;
    top: 56px;
    bottom: 0;
    left: 125px;
    right: 110px;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease-in-out; }
    .static-media-player__waves #container-ios9-canvas {
      width: 100%;
      height: 40px;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 20px;
      background: white; }
  .static-media-player__stop {
    position: absolute;
    background: #e0e0e0;
    top: 62px;
    z-index: 1000;
    border-radius: 2px;
    display: none; }
    .static-media-player__stop__square {
      width: 10px;
      height: 10px;
      background: #333;
      display: inline-block;
      margin: 8px; }
  .static-media-player__cover {
    position: absolute;
    left: 0;
    top: 17px;
    width: 71px;
    height: 71px;
    background-color: #333;
    background-size: cover;
    background-position: center center; }
  .static-media-player__player {
    position: absolute;
    top: 59px;
    right: 0;
    left: 82px; }
  .static-media-player__infos {
    line-height: 19px;
    position: absolute;
    top: 17px; }
    .static-media-player__infos__titre {
      font-size: 17px;
      color: #333333;
      font-weight: 500;
      display: inline-block; }
    .static-media-player__infos__emission {
      opacity: 0.8;
      font-size: 15px;
      color: #333333;
      display: inline-block; }
  .static-media-player__controls {
    position: absolute;
    right: 0;
    height: 22px;
    top: 22px;
    overflow: hidden; }
    .static-media-player__controls a {
      margin-left: 15px;
      opacity: .6;
      transition: opacity .4s ease-in-out; }
      .static-media-player__controls a:hover {
        opacity: 1; }
    .static-media-player__controls svg {
      width: 20px;
      height: 20px; }
    .static-media-player__controls__opinion {
      float: left;
      border-right: 1px solid #dcdcdc;
      padding-right: 15px;
      opacity: 0;
      transform: translateX(-20px);
      visibility: hidden;
      transition: all .4s ease-in-out; }
      .static-media-player__controls__opinion .js-live-like:hover {
        fill: green; }
      .static-media-player__controls__opinion .js-live-dislike:hover {
        fill: red; }
      .static-media-player__controls__opinion__text {
        float: left;
        margin-right: 5px;
        font-size: 13px; }
      .static-media-player__controls__opinion a {
        margin-left: 6px; }

.js-spotify-live-url,
.js-download-url,
.js-download-stream,
.js-rss-url {
  display: none; }

.have-spotify .js-spotify-live-url {
  display: inline-block; }

.player-open .static-media-player {
  transform: scale3d(1, 1, 1) translateY(0);
  opacity: 1;
  transform-origin: bottom; }

.plyr__progress,
.plyr__controls button,
.plyr__time {
  transition: opacity .4s ease-in-out; }

.player-live .burger-navigation .js-stop-live-stream {
  display: block; }

.player-live .burger-navigation .js-play-stream {
  display: none; }

.player-live .static-media-player__waves {
  opacity: 1;
  visibility: visible; }

.player-live .static-media-player__stop {
  display: -ms-inline-flexbox;
  display: inline-flex; }

.player-live .js-download-stream {
  display: inline-block; }

.player-live .plyr__progress,
.player-live .plyr__time {
  opacity: 0;
  visibility: hidden; }

.player-live .static-media-player__controls__opinion {
  opacity: 1;
  transform: translateX(0px);
  visibility: visible; }

.player-live .plyr__controls button {
  display: none !important; }

.player-live .plyr__volume {
  margin-top: 7px !important; }

.player-media .js-download-url {
  display: inline-block; }

.player-media .js-rss-url {
  display: inline-block; }

@media (max-width: 767px) {
  .static-media-player {
    padding: 0 20px; }
  .static-media-player__controls__opinion {
    display: none; }
  .static-media-player__waves {
    right: 80px; }
  .static-media-player__infos__titre {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 179px; } }

@media (max-width: 479px) {
  .static-media-player__waves {
    right: 0px; } }

body.color--default .header-subnavigation,
body.color--default .header-live-play__button,
body.color--default .burger-navigation__close {
  background: #7ab55c; }

body.color--default .header-live-play__playing__figure,
body.color--default .static-media-player {
  border-color: #7ab55c; }

body.color--default .header-logo:hover svg {
  fill: #7ab55c; }

body.color--default .plyr__progress--played,
body.color--default .plyr__volume--display {
  color: #7ab55c; }

body.color--default .plyr__controls button:hover,
body.color--default .tippy-popper a:hover {
  background: #7ab55c !important; }

body.color--emission .header-subnavigation,
body.color--emission .header-live-play__button,
body.color--emission .burger-navigation__close {
  background: #5d94b7; }

body.color--emission .header-live-play__playing__figure,
body.color--emission .static-media-player {
  border-color: #5d94b7; }

body.color--emission .header-logo:hover svg {
  fill: #5d94b7; }

body.color--emission .plyr__progress--played,
body.color--emission .plyr__volume--display {
  color: #5d94b7; }

body.color--emission .plyr__controls button:hover,
body.color--emission .tippy-popper a:hover {
  background: #5d94b7 !important; }

body.color--homepage .header-subnavigation,
body.color--homepage .header-live-play__button,
body.color--homepage .burger-navigation__close {
  background: #deb159; }

body.color--homepage .header-live-play__playing__figure,
body.color--homepage .static-media-player {
  border-color: #deb159; }

body.color--homepage .header-logo:hover svg {
  fill: #deb159; }

body.color--homepage .plyr__progress--played,
body.color--homepage .plyr__volume--display {
  color: #deb159; }

body.color--homepage .plyr__controls button:hover,
body.color--homepage .tippy-popper a:hover {
  background: #deb159 !important; }

body.color--agenda .header-subnavigation,
body.color--agenda .header-live-play__button,
body.color--agenda .burger-navigation__close {
  background: #c36060; }

body.color--agenda .header-live-play__playing__figure,
body.color--agenda .static-media-player {
  border-color: #c36060; }

body.color--agenda .header-logo:hover svg {
  fill: #c36060; }

body.color--agenda .plyr__progress--played,
body.color--agenda .plyr__volume--display {
  color: #c36060; }

body.color--agenda .plyr__controls button:hover,
body.color--agenda .tippy-popper a:hover {
  background: #c36060 !important; }

body.color--schedule .header-subnavigation,
body.color--schedule .header-live-play__button,
body.color--schedule .burger-navigation__close {
  background: #9f7ad6; }

body.color--schedule .header-live-play__playing__figure,
body.color--schedule .static-media-player {
  border-color: #9f7ad6; }

body.color--schedule .header-logo:hover svg {
  fill: #9f7ad6; }

body.color--schedule .plyr__progress--played,
body.color--schedule .plyr__volume--display {
  color: #9f7ad6; }

body.color--schedule .plyr__controls button:hover,
body.color--schedule .tippy-popper a:hover {
  background: #9f7ad6 !important; }

body.color--contest .header-subnavigation,
body.color--contest .header-live-play__button,
body.color--contest .burger-navigation__close {
  background: #d6a27a; }

body.color--contest .header-live-play__playing__figure,
body.color--contest .static-media-player {
  border-color: #d6a27a; }

body.color--contest .header-logo:hover svg {
  fill: #d6a27a; }

body.color--contest .plyr__progress--played,
body.color--contest .plyr__volume--display {
  color: #d6a27a; }

body.color--contest .plyr__controls button:hover,
body.color--contest .tippy-popper a:hover {
  background: #d6a27a !important; }

.fast-link__cqct, .fast-link__playlists {
  display: block;
  color: white;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 60px;
  margin-bottom: 10px;
  transition: all .2s ease-in-out; }
  .fast-link__cqct:hover, .fast-link__playlists:hover {
    opacity: .9;
    transform: scale3d(1.05, 1.05, 1.05); }
  .fast-link__cqct svg, .fast-link__playlists svg {
    float: left;
    width: 25px;
    height: 25px;
    fill: white;
    margin-right: 10px;
    margin-top: -2px; }

.fast-link__cqct {
  background: #c36060; }

.fast-link__playlists {
  background: #7ab55c; }
  .fast-link__playlists svg {
    stroke: 5px;
    margin-top: -1px; }