@charset "UTF-8";
/**
 * Framework CSS
 */
html * {
  max-height: 1000000px; }

/* Corrige un bug de taille de police sur Chrome Android (Didou) */
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: none; }

body {
  font-family: Arial;
  font-size: 11px;
  font-size: 1.1rem; }

body, table, tr, th, td, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, img, hr, input, select, textarea {
  margin: 0;
  padding: 0; }

.mobile, .tablette, .ecran, .print {
  display: none; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

img {
  border: none;
  vertical-align: middle;
  max-width: 100%;
  width: auto;
  height: auto; }

a {
  display: inline-block;
  text-decoration: none;
  color: inherit;
  background: transparent; }

a:hover {
  color: inherit; }

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

.left {
  text-align: left; }

.center {
  text-align: center; }

.right {
  text-align: right; }

.justify {
  text-align: justify; }

.bold {
  font-weight: bold; }

.italic {
  font-style: italic; }

.underline {
  text-decoration: underline; }

.uppercase {
  text-transform: uppercase; }

/*.conteneur, .columnizer	{overflow: auto; height: 1%;}*/
.conteneur:after,
.columnizer:after {
  content: '';
  clear: both;
  display: table; }

.conteneur, .columnizer {
  *zoom: 1;
  /* IE 6-7 */ }

.conteneur_iframe {
  position: relative;
  width: 100%;
  height: 0;
  padding: 50% 0 0 0;
  overflow: hidden; }

.conteneur_iframe iframe,
.conteneur_iframe embed,
.conteneur_iframe object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important; }

.table {
  display: table;
  width: 100%;
  border-collapse: collapse; }

.row {
  display: table-row; }

.row-group {
  display: table-row-group; }

.cell {
  display: table-cell; }

.clear {
  clear: both; }

.error {
  margin: 10px 0;
  padding: 20px; }

.info_window {
  position: fixed;
  width: 100px;
  z-index: 9999;
  font-weight: bold;
  text-align: center; }

.window_size {
  padding: 10px; }

.content_center {
  margin: 0 auto; }

/* Print */
@media print {
  .print {
    display: inherit; } }
/*! 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; }

/**
 * MIXINS
 */
/**
 * VARIABLE SASS
 */
.font-primary {
  font-family: "Open sans", sans-serif; }

.font-second {
  font-family: "Montserrat", sans-serif; }

.font-third {
  font-family: "Veneer", sans-serif; }

.color-primary {
  color: #303030; }

.color-second {
  color: #00e6f5; }

.color-third {
  color: #00ff87; }

.color-fourth {
  color: #aeaeae; }

.color-fifth {
  color: #ccad43; }

.color-white {
  color: #fff; }

.color-black {
  color: #000; }

.bg-primary {
  background-color: #FFF; }

.bg-second {
  background-color: #080808; }

.bg-third {
  background-color: #e2001a; }

.bg-fourth {
  background-color: #00e6f5; }

.bg-white {
  background-color: #fff; }

.bg-black {
  background-color: #000; }

.strong {
  font-weight: bold; }

.underline {
  text-decoration: underline; }

.size-light {
  font-size: 1.4rem; }

.lwc {
  text-transform: lowercase; }

/* Poids */
.normal {
  font-weight: 400; }

.light {
  font-weight: 300; }

.bold {
  font-weight: 700; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset; }

@font-face {
  font-family: 'Bebas';
  src: url("../fonts/Bebas/Bebas.eot");
  src: url("../fonts/Bebas/Bebas.eot?#iefix") format("embedded-opentype"), url("../fonts/Bebas/Bebas.woff2") format("woff2"), url("../fonts/Bebas/Bebas.woff") format("woff"), url("../fonts/Bebas/Bebas.ttf") format("truetype"), url("../fonts/Bebas/Bebas.svg#Bebas") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Canaro-Black';
  src: url("../fonts/CanaroBlack/Canaro-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/CanaroBlack/Canaro-Black.otf") format("opentype"), url("../fonts/CanaroBlack/Canaro-Black.woff") format("woff"), url("../fonts/CanaroBlack/Canaro-Black.ttf") format("truetype"), url("../fonts/CanaroBlack/Canaro-Black.svg#Canaro-Black") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Canaro-Bold';
  src: url("../fonts/CanaroBold/Canaro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/CanaroBold/Canaro-Bold.otf") format("opentype"), url("../fonts/CanaroBold/Canaro-Bold.woff") format("woff"), url("../fonts/CanaroBold/Canaro-Bold.ttf") format("truetype"), url("../fonts/CanaroBold/Canaro-Bold.svg#Canaro-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Canaro-Medium';
  src: url("../fonts/CanaroMedium/Canaro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/CanaroMedium/Canaro-Medium.otf") format("opentype"), url("../fonts/CanaroMedium/Canaro-Medium.woff") format("woff"), url("../fonts/CanaroMedium/Canaro-Medium.ttf") format("truetype"), url("../fonts/CanaroMedium/Canaro-Medium.svg#Canaro-Medium") format("svg");
  font-weight: normal;
  font-style: normal; }
.canaro-medium {
  font-family: 'Canaro-Medium', sans-serif !important; }

@font-face {
  font-family: 'Canaro-Thin';
  src: url("../fonts/CanaroThin/Canaro-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/CanaroThin/Canaro-Thin.otf") format("opentype"), url("../fonts/CanaroThin/Canaro-Thin.woff") format("woff"), url("../fonts/CanaroThin/Canaro-Thin.ttf") format("truetype"), url("../fonts/CanaroThin/Canaro-Thin.svg#Canaro-Thin") format("svg");
  font-weight: normal;
  font-style: normal; }
.Canaro-Thin {
  font-family: 'Canaro-Thin', sans-serif !important; }

@font-face {
  font-family: 'Canaro-ExtraLight';
  src: url("../fonts/CanaroExtraLight/Canaro-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/CanaroExtraLight/Canaro-ExtraLight.otf") format("opentype"), url("../fonts/CanaroExtraLight/Canaro-ExtraLight.woff") format("woff"), url("../fonts/CanaroExtraLight/Canaro-ExtraLight.ttf") format("truetype"), url("../fonts/CanaroExtraLight/Canaro-ExtraLight.svg#Canaro-ExtraLight") format("svg");
  font-weight: normal;
  font-style: normal; }
.canaro-extralight {
  font-family: 'Canaro-ExtraLight', sans-serif !important; }

@font-face {
  font-family: 'Canaro-ExtraBoldItalic';
  src: url("../fonts/CanaroExtraBoldItalic/Canaro-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/CanaroExtraBoldItalic/Canaro-ExtraBoldItalic.otf") format("opentype"), url("../fonts/CanaroExtraBoldItalic/Canaro-ExtraBoldItalic.woff") format("woff"), url("../fonts/CanaroExtraBoldItalic/Canaro-ExtraBoldItalic.ttf") format("truetype"), url("../fonts/CanaroExtraBoldItalic/Canaro-ExtraBoldItalic.svg#Canaro-ExtraBoldItalic") format("svg");
  font-weight: normal;
  font-style: normal; }
.canaro-extrabolditalic {
  font-family: 'Canaro-ExtraBoldItalic', sans-serif !important; }

@font-face {
  font-family: 'GothamBlack';
  src: url("../fonts/GothamBlack/GothamBlack.eot");
  src: url("../fonts/GothamBlack/GothamBlack.eot") format("embedded-opentype"), url("../fonts/GothamBlack/GothamBlack.woff2") format("woff2"), url("../fonts/GothamBlack/GothamBlack.woff") format("woff"), url("../fonts/GothamBlack/GothamBlack.ttf") format("truetype"), url("../fonts/GothamBlack/GothamBlack.svg#GothamBlack") format("svg"); }
@font-face {
  font-family: 'MarianinaFYBlack';
  src: url("../fonts/MarianinaFY-Black_M/marianinafy-black_m.eot");
  src: url("../fonts/MarianinaFY-Black_M/marianinafy-black_m.eot") format("embedded-opentype"), url("../fonts/MarianinaFY-Black_M/marianinafy-black_m.woff") format("woff"), url("../fonts/MarianinaFY-Black_M/marianinafy-black_m.ttf") format("truetype"), url("../fonts/MarianinaFY-Black_M/marianinafy-black_m.svg#MarianinaFYBlack") format("svg"); }
@font-face {
  font-family: 'MarianinaFYBlackItalic';
  src: url("../fonts/MarianinaFY-BlackItalic_M/marianinafy-blackitalic_m.eot");
  src: url("../fonts/MarianinaFY-BlackItalic_M/marianinafy-blackitalic_m.eot") format("embedded-opentype"), url("../fonts/MarianinaFY-BlackItalic_M/marianinafy-blackitalic_m.woff") format("woff"), url("../fonts/MarianinaFY-BlackItalic_M/marianinafy-blackitalic_m.ttf") format("truetype"), url("../fonts/MarianinaFY-BlackItalic_M/marianinafy-blackitalic_m.svg#MarianinaFYBlackItalic") format("svg"); }
@font-face {
  font-family: 'MarianinaFYBold';
  src: url("../fonts/MarianinaFY-Bold_M/marianinafy-bold_m.eot");
  src: url("../fonts/MarianinaFY-Bold_M/marianinafy-bold_m.eot") format("embedded-opentype"), url("../fonts/MarianinaFY-Bold_M/marianinafy-bold_m.woff") format("woff"), url("../fonts/MarianinaFY-Bold_M/marianinafy-bold_m.ttf") format("truetype"), url("../fonts/MarianinaFY-Bold_M/marianinafy-bold_m.svg#MarianinaFYBold") format("svg"); }
@font-face {
  font-family: 'MarianinaFYBoldItalic';
  src: url("../fonts/MarianinaFY-BoldItalic_M/marianinafy-bolditalic_m.eot");
  src: url("../fonts/MarianinaFY-BoldItalic_M/marianinafy-bolditalic_m.eot") format("embedded-opentype"), url("../fonts/MarianinaFY-BoldItalic_M/marianinafy-bolditalic_m.woff") format("woff"), url("../fonts/MarianinaFY-BoldItalic_M/marianinafy-bolditalic_m.ttf") format("truetype"), url("../fonts/MarianinaFY-BoldItalic_M/marianinafy-bolditalic_m.svg#MarianinaFYBoldItalic") format("svg"); }
@font-face {
  font-family: 'MarianinaFYItalic';
  src: url("../fonts/MarianinaFY-Italic_M/marianinafy-italic_m.eot");
  src: url("../fonts/MarianinaFY-Italic_M/marianinafy-italic_m.eot") format("embedded-opentype"), url("../fonts/MarianinaFY-Italic_M/marianinafy-italic_m.woff") format("woff"), url("../fonts/MarianinaFY-Italic_M/marianinafy-italic_m.ttf") format("truetype"), url("../fonts/MarianinaFY-Italic_M/marianinafy-italic_m.svg#MarianinaFYItalic") format("svg"); }
@font-face {
  font-family: 'MarianinaFYLight';
  src: url("../fonts/MarianinaFY-Light_M/marianinafy-light_m.eot");
  src: url("../fonts/MarianinaFY-Light_M/marianinafy-light_m.eot") format("embedded-opentype"), url("../fonts/MarianinaFY-Light_M/marianinafy-light_m.woff") format("woff"), url("../fonts/MarianinaFY-Light_M/marianinafy-light_m.ttf") format("truetype"), url("../fonts/MarianinaFY-Light_M/marianinafy-light_m.svg#MarianinaFYLight") format("svg"); }
@font-face {
  font-family: 'MarianinaFYLightItalic';
  src: url("../fonts/MarianinaFY-LightItalic_M/marianinafy-lightitalic_m.eot");
  src: url("../fonts/MarianinaFY-LightItalic_M/marianinafy-lightitalic_m.eot") format("embedded-opentype"), url("../fonts/MarianinaFY-LightItalic_M/marianinafy-lightitalic_m.woff") format("woff"), url("../fonts/MarianinaFY-LightItalic_M/marianinafy-lightitalic_m.ttf") format("truetype"), url("../fonts/MarianinaFY-LightItalic_M/marianinafy-lightitalic_m.svg#MarianinaFYLightItalic") format("svg"); }
@font-face {
  font-family: 'MarianinaFYMedium';
  src: url("../fonts/MarianinaFY-Medium_M/marianinafy-medium_m.eot");
  src: url("../fonts/MarianinaFY-Medium_M/marianinafy-medium_m.eot") format("embedded-opentype"), url("../fonts/MarianinaFY-Medium_M/marianinafy-medium_m.woff") format("woff"), url("../fonts/MarianinaFY-Medium_M/marianinafy-medium_m.ttf") format("truetype"), url("../fonts/MarianinaFY-Medium_M/marianinafy-medium_m.svg#MarianinaFYMedium") format("svg"); }
@font-face {
  font-family: 'MarianinaFYMediumItalic';
  src: url("../fonts/MarianinaFY-MediumItalic_M/marianinafy-mediumitalic_m.eot");
  src: url("../fonts/MarianinaFY-MediumItalic_M/marianinafy-mediumitalic_m.eot") format("embedded-opentype"), url("../fonts/MarianinaFY-MediumItalic_M/marianinafy-mediumitalic_m.woff") format("woff"), url("../fonts/MarianinaFY-MediumItalic_M/marianinafy-mediumitalic_m.ttf") format("truetype"), url("../fonts/MarianinaFY-MediumItalic_M/marianinafy-mediumitalic_m.svg#MarianinaFYMediumItalic") format("svg"); }
@font-face {
  font-family: 'MarianinaFYRegular';
  src: url("../fonts/MarianinaFY-Regular_M/marianinafy-regular_m.eot");
  src: url("../fonts/MarianinaFY-Regular_M/marianinafy-regular_m.eot") format("embedded-opentype"), url("../fonts/MarianinaFY-Regular_M/marianinafy-regular_m.woff") format("woff"), url("../fonts/MarianinaFY-Regular_M/marianinafy-regular_m.ttf") format("truetype"), url("../fonts/MarianinaFY-Regular_M/marianinafy-regular_m.svg#MarianinaFYRegular") format("svg"); }
@font-face {
  font-family: 'MarianinaFYThin';
  src: url("../fonts/MarianinaFY-Thin_M/marianinafy-thin_m.eot");
  src: url("../fonts/MarianinaFY-Thin_M/marianinafy-thin_m.eot") format("embedded-opentype"), url("../fonts/MarianinaFY-Thin_M/marianinafy-thin_m.woff") format("woff"), url("../fonts/MarianinaFY-Thin_M/marianinafy-thin_m.ttf") format("truetype"), url("../fonts/MarianinaFY-Thin_M/marianinafy-thin_m.svg#MarianinaFYThin") format("svg"); }
@font-face {
  font-family: 'MarianinaFYThinItalic';
  src: url("../fonts/MarianinaFY-ThinItalic_M/marianinafy-thinitalic_m.eot");
  src: url("../fonts/MarianinaFY-ThinItalic_M/marianinafy-thinitalic_m.eot") format("embedded-opentype"), url("../fonts/MarianinaFY-ThinItalic_M/marianinafy-thinitalic_m.woff") format("woff"), url("../fonts/MarianinaFY-ThinItalic_M/marianinafy-thinitalic_m.ttf") format("truetype"), url("../fonts/MarianinaFY-ThinItalic_M/marianinafy-thinitalic_m.svg#MarianinaFYThinItalic") format("svg"); }
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020; }

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.fancybox-opened {
  z-index: 8030; }

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("../images/fancybox/fancybox_sprite.png"); }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../images/fancybox/fancybox_loading.gif") center center no-repeat; }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040; }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("../images/fancybox/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden; }

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto; }

.fancybox-lock body {
  overflow: hidden !important; }

.fancybox-lock-test {
  overflow-y: hidden !important; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("../images/fancybox/fancybox_overlay.png"); }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("../images/fancybox/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/ }

  #fancybox-loading div {
    background-image: url("../images/fancybox/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/ } }
/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */
.cc-cookies {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 0.5em 5%;
  background: #565656;
  background: rgba(86, 86, 86, 0.95);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
  z-index: 99999;
  text-align: center;
  color: #fff; }

.cc-cookies a, .cc-cookies a:hover {
  color: #fff;
  text-decoration: underline; }

.cc-cookies a:hover {
  text-decoration: none; }

.cc-overlay {
  height: 100%;
  padding-top: 25%; }

.cc-cookies-error {
  float: left;
  width: 90%;
  text-align: center;
  margin: 1em 0 2em 0;
  background: #fff;
  padding: 2em 5%;
  border: 1px solid #ccc;
  font-size: 18px;
  color: #333; }

.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  background: #00e6f5;
  padding: 0.5em 0.75em;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
  -o-transition: background 0.5s ease-in;
  -webkit-transition: background 0.25s ease-in;
  -moz-transition: background 0.25s ease-in; }

.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline {
  background: #af3b3b;
  margin-left: 0.5em; }

.cc-cookies a.cc-cookie-reset {
  background: #f15b00; }

.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset {
  background: #000;
  -o-transition: background 0.5s ease-in;
  -webkit-transition: background 0.25s ease-in;
  -moz-transition: background 0.25s ease-in; }

.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline {
  display: block;
  margin-top: 1em; }

.cc-cookies.cc-discreet {
  width: auto;
  padding: 0.5em 1em;
  left: auto;
  top: auto; }

.cc-cookies.cc-discreet a.cc-cookie-reset {
  background: none;
  text-shadow: none;
  padding: 0;
  text-decoration: underline; }

.cc-cookies.cc-discreet a:hover.cc-cookie-reset {
  text-decoration: none; }

@media screen and (max-width: 768px) {
  .cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
    display: block;
    margin: 1em 0; } }
@media screen and (max-width: 480px) {
  .cc-cookies {
    /* position: relative; float: left; */ } }
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020; }

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.fancybox-opened {
  z-index: 8030; }

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("../images/fancybox/fancybox_sprite.png"); }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../images/fancybox/fancybox_loading.gif") center center no-repeat; }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040; }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("../images/fancybox/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden; }

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto; }

.fancybox-lock body {
  overflow: hidden !important; }

.fancybox-lock-test {
  overflow-y: hidden !important; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("../images/fancybox/fancybox_overlay.png"); }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("../images/fancybox/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/ }

  #fancybox-loading div {
    background-image: url("../images/fancybox/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/ } }
/* 
 * Shifter v3.1.2 - 2014-10-28 
 * A jQuery plugin for simple slide-out mobile navigation. Part of the Formstone Library. 
 * http://formstone.it/shifter/ 
 * 
 * Copyright 2014 Ben Plum; MIT Licensed 
 */
.shifter-open {
  overflow: hidden; }

.shifter-open .shifter-page *, .shifter-open .shifter-header * {
  pointer-events: none; }

.shifter-navigation {
  display: none;
  opacity: 0; }

.shifter-handle {
  display: none; }

.shifter-enabled .shifter-page {
  min-height: 100%;
  position: relative;
  z-index: 1;
  box-shadow: 2px 0 2px rgba(0, 0, 0, 0.15);
  display: block;
  overflow: hidden; }

.shifter-enabled.shifter-left .shifter-page {
  box-shadow: -2px 0 2px rgba(0, 0, 0, 0.15); }

.shifter-enabled .shifter-navigation {
  width: 270px;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 0;
  background: #fff;
  display: block;
  overflow: auto;
  pointer-events: none;
  -webkit-transition: opacity .001s linear .2s,-webkit-transform .2s ease;
  transition: opacity .001s linear .2s,transform .2s ease; }

.shifter-enabled .shifter-page, .shifter-enabled .shifter-header, .shifter-enabled .shifter-navigation {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.shifter-enabled .shifter-page, .shifter-enabled .shifter-header {
  -webkit-transform: translate3D(0, 0, 0);
  -ms-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0);
  -webkit-transition: -webkit-transform .2s ease;
  transition: transform .2s ease; }

.shifter-enabled .shifter-handle {
  width: 30px;
  height: 30px;
  position: relative;
  background: #fff;
  cursor: pointer;
  display: block;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.shifter-enabled .shifter-handle:after {
  height: 3px;
  width: 20px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #666;
  box-shadow: 0 5px 0 #666,0 -5px 0 #666;
  content: '';
  display: block;
  margin: auto; }

.shifter-enabled .shifter-navigation {
  right: 0;
  -webkit-transform: translate3D(0, 0, 0);
  -ms-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0); }

.shifter-open .shifter-page, .shifter-open .shifter-header {
  -webkit-transform: translate3D(-270px, 0, 0);
  -ms-transform: translate3D(-270px, 0, 0);
  transform: translate3D(-270px, 0, 0); }

.shifter-enabled.shifter-left .shifter-navigation {
  left: 0;
  -webkit-transform: translate3D(0, 0, 0);
  -ms-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0); }

.shifter-enabled.shifter-left.shifter-open .shifter-page, .shifter-enabled.shifter-left.shifter-open .shifter-header {
  -webkit-transform: translate3D(270px, 0, 0);
  -ms-transform: translate3D(270px, 0, 0);
  transform: translate3D(270px, 0, 0); }

.shifter-open .shifter-navigation {
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translate3D(0, 0, 0);
  -ms-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0);
  -webkit-transition: opacity .001s linear 0s,-webkit-transform .2s ease;
  transition: opacity .001s linear 0s,transform .2s ease; }

.no-csstransforms3d .shifter-enabled.shifter-navigation {
  right: -270px; }

.no-csstransforms3d .shifter-enabled.shifter-left .shifter-navigation {
  left: -270px; }

.no-csstransforms3d .shifter-enabled.shifter-open .shifter-page {
  left: -270px; }

.no-csstransforms3d .shifter-enabled.shifter-open .shifter-navigation {
  right: 0; }

.no-csstransforms3d .shifter-enabled.shifter-left.shifter-open .shifter-page {
  left: auto;
  right: -270px; }

.no-csstransforms3d .shifter-enabled.shifter-left.shifter-open .shifter-navigation {
  left: 0; }

.jspHorizontalBar,
.jspVerticalBar,
.jspTrack {
  background: #1a1a1a; }

.jspDrag {
  background: #FFF; }

.jspTrack .jspActive,
.jspTrack .jspHover,
.jspDrag:hover {
  background: #444; }

.jspArrow {
  background: url(../image/ui-icons_222222_256x240.png) no-repeat;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }

.jspVerticalBar > .jspActive,
.jspArrow:hover {
  background-image: url("../image/ui-icons_cd0a0a_256x240.png"); }

.jspVerticalBar > .jspDisabled,
.jspVerticalBar > .jspDisabled:hover,
.jspHorizontalBar > .jspDisabled,
.jspHorizontalBar > .jspDisabled:hover {
  background-color: transparent; }

.jspVerticalBar .jspArrow {
  height: 15px; }

.jspHorizontalBar .jspArrow {
  width: 15px; }

.jspArrowDown {
  padding-top: 5px;
  margin-bottom: 3px;
  background-image: url(../images/arrow-pane-bas.png) !important;
  background-repeat: no-repeat !important;
  width: 13px;
  height: 9px !important;
  background-position: 0 0;
  left: -3px;
  position: relative; }

.jspArrowUp {
  margin-top: 3px;
  padding-bottom: 5px;
  background-image: url(../images/arrow-pane-top.png) !important;
  background-repeat: no-repeat !important;
  width: 13px;
  height: 9px !important;
  background-position: 0 0;
  left: -3px;
  position: relative; }

.jspArrowLeft {
  background-position: -96px 0 !important; }

.jspArrowRight {
  background-position: -32px 0 !important; }

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative; }

.jspPane {
  position: absolute; }

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 5px;
  width: 7px;
  height: 100%; }

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red; }

.jspCap {
  display: none; }

.jspHorizontalBar .jspCap {
  float: left; }

.jspTrack {
  background: #dde;
  position: relative; }

.jspDrag {
  background: #bbd;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer; }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%; }

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0; }

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d; }

.jspVerticalBar .jspArrow {
  height: 16px; }

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%; }

.jspVerticalBar .jspArrow:focus {
  outline: none; }

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0; }

/*======================================
  Selectric v1.11.0
======================================*/
.selectric-wrapper {
  position: relative;
  cursor: pointer; }

.selectric-responsive {
  width: 100%; }

.selectric {
  border: 1px solid #DDD;
  background: #F8F8F8;
  position: relative; }

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 38px 0 10px;
  font-size: 12px;
  line-height: 38px;
  color: #444;
  height: 38px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  color: #BBB;
  text-align: center;
  font: 0/0 a;
  *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial; }

.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #BBB;
  border-bottom: none; }

.selectric-focus .selectric {
  border-color: #aaaaaa; }

.selectric-hover .selectric {
  border-color: #c4c4c4; }

.selectric-hover .selectric .button {
  color: #a2a2a2; }

.selectric-hover .selectric .button:after {
  border-top-color: #a2a2a2; }

.selectric-open {
  z-index: 9999; }

.selectric-open .selectric {
  border-color: #c4c4c4; }

.selectric-open .selectric-items {
  display: block; }

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0; }

.selectric-hide-select select {
  position: absolute;
  left: -100%; }

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10; }

.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0; }

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important; }

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important; }

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F8F8F8;
  border: 1px solid #c4c4c4;
  z-index: -1;
  box-shadow: 0 0 10px -6px; }

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto; }

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%; }

.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
  background-color: #000; }

.selectric-items li {
  display: block;
  padding: 10px;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase; }

.selectric-items li.selected {
  background: #00e6f5;
  color: #fff; }

.selectric-items li.highlighted {
  background: #00e6f5;
  color: #fff; }

.selectric-items li:hover {
  background: #00e6f5;
  color: #fff; }

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  color: #444; }

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1; }

.selectric-items .selectric-group li {
  padding-left: 25px; }

/*! jQuery UI - v1.12.1 - 2017-11-27
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=cupertino&cornerRadiusShadow=8px&offsetLeftShadow=-7px&offsetTopShadow=-7px&thicknessShadow=7px&opacityShadow=30&bgImgOpacityShadow=70&bgTextureShadow=highlight_hard&bgColorShadow=000000&opacityOverlay=80&bgImgOpacityOverlay=90&bgTextureOverlay=diagonals_thick&bgColorOverlay=eeeeee&iconColorError=ffffff&fcError=ffffff&borderColorError=cd0a0a&bgImgOpacityError=15&bgTextureError=flat&bgColorError=cd0a0a&iconColorHighlight=2e83ff&fcHighlight=363636&borderColorHighlight=f9dd34&bgImgOpacityHighlight=25&bgTextureHighlight=highlight_soft&bgColorHighlight=ffef8f&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=2694e8&bgImgOpacityActive=50&bgTextureActive=glass&bgColorActive=3baae3&iconColorHover=2694e8&fcHover=0070a3&borderColorHover=74b2e2&bgImgOpacityHover=100&bgTextureHover=glass&bgColorHover=e4f1fb&iconColorDefault=3d80b3&fcDefault=2779aa&borderColorDefault=aed0ea&bgImgOpacityDefault=80&bgTextureDefault=glass&bgColorDefault=d7ebf9&iconColorContent=72a7cf&fcContent=362b36&borderColorContent=dddddd&bgImgOpacityContent=100&bgTextureContent=highlight_hard&bgColorContent=f2f5f7&iconColorHeader=72a7cf&fcHeader=222222&borderColorHeader=aed0ea&bgImgOpacityHeader=100&bgTextureHeader=highlight_soft&bgColorHeader=deedf7&cornerRadius=6px&fsDefault=1.1em&fwDefault=bold&ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-helper-hidden {
  display: none; }

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

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

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

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

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

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

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

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block; }

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

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto; }

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

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

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

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em; }

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

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

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

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

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

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

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible; }

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none; }

.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap; }

input.ui-button.ui-button-icon-only {
  text-indent: 0; }

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px; }

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap; }

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em; }

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block; }

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0; }

.ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999; }

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left; }

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box; }

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em; }

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%; }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none; }

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none; }

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none; }

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none; }

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc( 100% - 2.4em ); }

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid; }

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none; }

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none; }

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid; }

.ui-checkboxradio-disabled {
  pointer-events: none; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em; }

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0; }

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0; }

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0; }

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0; }

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0; }

.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px; }

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0; }

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0; }

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0; }

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25; }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none; }

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px; }

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0; }

.ui-selectmenu-open {
  display: block; }

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em; }

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0; }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle; }

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em; }

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0; }

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none; }

.ui-spinner-up {
  top: 0; }

.ui-spinner-down {
  bottom: 0; }

.ui-tabs {
  position: relative;
  padding: .2em; }

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text; }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer; }

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px; }

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

.ui-widget {
  font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
  font-size: 1em; }

.ui-widget.ui-widget-content {
  border: 1px solid #aed0ea; }

.ui-widget-content {
  border: 1px solid #ddd;
  background: #f2f5f7 url("../images/jquery_ui/cupertino/ui-bg_highlight-hard_100_f2f5f7_1x100.png") 50% top repeat-x;
  color: #362b36; }

.ui-widget-content a {
  color: #362b36; }

.ui-widget-header {
  border: 1px solid #aed0ea;
  background: #deedf7 url("../images/jquery_ui/cupertino/ui-bg_highlight-soft_100_deedf7_1x100.png") 50% 50% repeat-x;
  color: #222;
  font-weight: bold; }

.ui-widget-header a {
  color: #222; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #aed0ea;
  background: #d7ebf9 url("../images/jquery_ui/cupertino/ui-bg_glass_80_d7ebf9_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #2779aa; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
  color: #2779aa;
  text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  border: 1px solid #74b2e2;
  background: #e4f1fb url("../images/jquery_ui/cupertino/ui-bg_glass_100_e4f1fb_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #0070a3; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
  color: #0070a3;
  text-decoration: none; }

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #2694e8;
  background: #3baae3 url("../images/jquery_ui/cupertino/ui-bg_glass_50_3baae3_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #fff; }

.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #2694e8;
  background-color: #fff; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #f9dd34;
  background: #ffef8f url("../images/jquery_ui/cupertino/ui-bg_highlight-soft_25_ffef8f_1x100.png") 50% top repeat-x;
  color: #363636; }

.ui-state-checked {
  border: 1px solid #f9dd34;
  background: #ffef8f; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #cd0a0a;
  color: #fff; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #fff; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #fff; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); }

.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("../images/jquery_ui/cupertino/ui-icons_72a7cf_256x240.png"); }

.ui-widget-header .ui-icon {
  background-image: url("../images/jquery_ui/cupertino/ui-icons_72a7cf_256x240.png"); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
  background-image: url("../images/jquery_ui/cupertino/ui-icons_2694e8_256x240.png"); }

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
  background-image: url("../images/jquery_ui/cupertino/ui-icons_ffffff_256x240.png"); }

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
  background-image: url("../images/jquery_ui/cupertino/ui-icons_2e83ff_256x240.png"); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("../images/jquery_ui/cupertino/ui-icons_ffffff_256x240.png"); }

.ui-button .ui-icon {
  background-image: url("../images/jquery_ui/cupertino/ui-icons_3d80b3_256x240.png"); }

.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-caret-1-n {
  background-position: 0 0; }

.ui-icon-caret-1-ne {
  background-position: -16px 0; }

.ui-icon-caret-1-e {
  background-position: -32px 0; }

.ui-icon-caret-1-se {
  background-position: -48px 0; }

.ui-icon-caret-1-s {
  background-position: -65px 0; }

.ui-icon-caret-1-sw {
  background-position: -80px 0; }

.ui-icon-caret-1-w {
  background-position: -96px 0; }

.ui-icon-caret-1-nw {
  background-position: -112px 0; }

.ui-icon-caret-2-n-s {
  background-position: -128px 0; }

.ui-icon-caret-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -65px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -65px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 6px; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 6px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 6px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 6px; }

.ui-widget-overlay {
  background: #eee url("../images/jquery_ui/cupertino/ui-bg_diagonals-thick_90_eeeeee_40x40.png") 50% 50% repeat;
  opacity: .8;
  filter: Alpha(Opacity=80); }

.ui-widget-shadow {
  -webkit-box-shadow: -7px -7px 7px #000;
  box-shadow: -7px -7px 7px #000; }

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative; }

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden; }

.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;
  -webkit-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  -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 {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none; }

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

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

.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block; }

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

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

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

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

.owl-carousel .animated {
  animation-duration: 1s;
  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-height {
  transition: height .5s ease-in-out; }

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s ease; }

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

.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 .1s ease; }

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

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

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

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

.vegas-overlay, .vegas-slide, .vegas-slide-inner, .vegas-timer, .vegas-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  border: none;
  padding: 0;
  margin: 0; }

.vegas-overlay {
  opacity: .5;
  background: url(overlays/02.png) center center; }

.vegas-timer {
  top: auto;
  bottom: 0;
  height: 2px; }

.vegas-timer-progress {
  width: 0;
  height: 100%;
  background: #fff;
  -webkit-transition: width ease-out;
  transition: width ease-out; }

.vegas-timer-running .vegas-timer-progress {
  width: 100%; }

.vegas-slide, .vegas-slide-inner {
  margin: 0;
  padding: 0;
  background: center center no-repeat;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

body .vegas-container {
  overflow: hidden !important;
  position: relative; }

.vegas-video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto; }

body.vegas-container {
  overflow: auto;
  position: static;
  z-index: -2; }

body.vegas-container > .vegas-overlay, body.vegas-container > .vegas-slide, body.vegas-container > .vegas-timer {
  position: fixed;
  z-index: -1; }

:root body.vegas-container > .vegas-overlay, :root body.vegas-container > .vegas-slide, _::full-page-media, _:future {
  bottom: -76px; }

.vegas-transition-fade, .vegas-transition-fade2 {
  opacity: 0; }

.vegas-transition-fade-in, .vegas-transition-fade2-in {
  opacity: 1; }

.vegas-transition-fade2-out {
  opacity: 0; }

.vegas-transition-blur, .vegas-transition-blur2 {
  opacity: 0;
  -webkit-filter: blur(32px);
  filter: blur(32px); }

.vegas-transition-blur-in, .vegas-transition-blur2-in {
  opacity: 1;
  -webkit-filter: blur(0px);
  filter: blur(0px); }

.vegas-transition-blur2-out {
  opacity: 0; }

.vegas-transition-flash, .vegas-transition-flash2 {
  opacity: 0;
  -webkit-filter: brightness(25);
  filter: brightness(25); }

.vegas-transition-flash-in, .vegas-transition-flash2-in {
  opacity: 1;
  -webkit-filter: brightness(1);
  filter: brightness(1); }

.vegas-transition-flash2-out {
  opacity: 0;
  -webkit-filter: brightness(25);
  filter: brightness(25); }

.vegas-transition-negative, .vegas-transition-negative2 {
  opacity: 0;
  -webkit-filter: invert(100%);
  filter: invert(100%); }

.vegas-transition-negative-in, .vegas-transition-negative2-in {
  opacity: 1;
  -webkit-filter: invert(0);
  filter: invert(0); }

.vegas-transition-negative2-out {
  opacity: 0;
  -webkit-filter: invert(100%);
  filter: invert(100%); }

.vegas-transition-burn, .vegas-transition-burn2 {
  opacity: 0;
  -webkit-filter: contrast(1000%) saturate(1000%);
  filter: contrast(1000%) saturate(1000%); }

.vegas-transition-burn-in, .vegas-transition-burn2-in {
  opacity: 1;
  -webkit-filter: contrast(100%) saturate(100%);
  filter: contrast(100%) saturate(100%); }

.vegas-transition-burn2-out {
  opacity: 0;
  -webkit-filter: contrast(1000%) saturate(1000%);
  filter: contrast(1000%) saturate(1000%); }

.vegas-transition-slideLeft, .vegas-transition-slideLeft2 {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); }

.vegas-transition-slideLeft-in, .vegas-transition-slideLeft2-in {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%); }

.vegas-transition-slideLeft2-out, .vegas-transition-slideRight, .vegas-transition-slideRight2 {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%); }

.vegas-transition-slideRight-in, .vegas-transition-slideRight2-in {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%); }

.vegas-transition-slideRight2-out {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); }

.vegas-transition-slideUp, .vegas-transition-slideUp2 {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%); }

.vegas-transition-slideUp-in, .vegas-transition-slideUp2-in {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%); }

.vegas-transition-slideDown, .vegas-transition-slideDown2, .vegas-transition-slideUp2-out {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%); }

.vegas-transition-slideDown-in, .vegas-transition-slideDown2-in {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%); }

.vegas-transition-slideDown2-out {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%); }

.vegas-transition-zoomIn, .vegas-transition-zoomIn2 {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0; }

.vegas-transition-zoomIn-in, .vegas-transition-zoomIn2-in {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

.vegas-transition-zoomIn2-out, .vegas-transition-zoomOut, .vegas-transition-zoomOut2 {
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  opacity: 0; }

.vegas-transition-zoomOut-in, .vegas-transition-zoomOut2-in {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

.vegas-transition-zoomOut2-out {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0; }

.vegas-transition-swirlLeft, .vegas-transition-swirlLeft2 {
  -webkit-transform: scale(2) rotate(35deg);
  -ms-transform: scale(2) rotate(35deg);
  transform: scale(2) rotate(35deg);
  opacity: 0; }

.vegas-transition-swirlLeft-in, .vegas-transition-swirlLeft2-in {
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  opacity: 1; }

.vegas-transition-swirlLeft2-out, .vegas-transition-swirlRight, .vegas-transition-swirlRight2 {
  -webkit-transform: scale(2) rotate(-35deg);
  -ms-transform: scale(2) rotate(-35deg);
  transform: scale(2) rotate(-35deg);
  opacity: 0; }

.vegas-transition-swirlRight-in, .vegas-transition-swirlRight2-in {
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  opacity: 1; }

.vegas-transition-swirlRight2-out {
  -webkit-transform: scale(2) rotate(35deg);
  -ms-transform: scale(2) rotate(35deg);
  transform: scale(2) rotate(35deg);
  opacity: 0; }

.vegas-animation-kenburns {
  -webkit-animation: kenburns ease-out;
  animation: kenburns ease-out; }

@-webkit-keyframes kenburns {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes kenburns {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
.vegas-animation-kenburnsUp {
  -webkit-animation: kenburnsUp ease-out;
  animation: kenburnsUp ease-out; }

@-webkit-keyframes kenburnsUp {
  0% {
    -webkit-transform: scale(1.5) translate(0, 10%);
    transform: scale(1.5) translate(0, 10%); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }
@keyframes kenburnsUp {
  0% {
    -webkit-transform: scale(1.5) translate(0, 10%);
    transform: scale(1.5) translate(0, 10%); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }
.vegas-animation-kenburnsDown {
  -webkit-animation: kenburnsDown ease-out;
  animation: kenburnsDown ease-out; }

@-webkit-keyframes kenburnsDown {
  0% {
    -webkit-transform: scale(1.5) translate(0, -10%);
    transform: scale(1.5) translate(0, -10%); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }
@keyframes kenburnsDown {
  0% {
    -webkit-transform: scale(1.5) translate(0, -10%);
    transform: scale(1.5) translate(0, -10%); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }
.vegas-animation-kenburnsLeft {
  -webkit-animation: kenburnsLeft ease-out;
  animation: kenburnsLeft ease-out; }

@-webkit-keyframes kenburnsLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, 0);
    transform: scale(1.5) translate(10%, 0); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }
@keyframes kenburnsLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, 0);
    transform: scale(1.5) translate(10%, 0); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }
.vegas-animation-kenburnsRight {
  -webkit-animation: kenburnsRight ease-out;
  animation: kenburnsRight ease-out; }

@-webkit-keyframes kenburnsRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, 0);
    transform: scale(1.5) translate(-10%, 0); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }
@keyframes kenburnsRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, 0);
    transform: scale(1.5) translate(-10%, 0); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }
.vegas-animation-kenburnsUpLeft {
  -webkit-animation: kenburnsUpLeft ease-out;
  animation: kenburnsUpLeft ease-out; }

@-webkit-keyframes kenburnsUpLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, 10%);
    transform: scale(1.5) translate(10%, 10%); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }
@keyframes kenburnsUpLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, 10%);
    transform: scale(1.5) translate(10%, 10%); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }
.vegas-animation-kenburnsUpRight {
  -webkit-animation: kenburnsUpRight ease-out;
  animation: kenburnsUpRight ease-out; }

@-webkit-keyframes kenburnsUpRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, 10%);
    transform: scale(1.5) translate(-10%, 10%); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }
@keyframes kenburnsUpRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, 10%);
    transform: scale(1.5) translate(-10%, 10%); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }
.vegas-animation-kenburnsDownLeft {
  -webkit-animation: kenburnsDownLeft ease-out;
  animation: kenburnsDownLeft ease-out; }

@-webkit-keyframes kenburnsDownLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, -10%);
    transform: scale(1.5) translate(10%, -10%); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }
@keyframes kenburnsDownLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, -10%);
    transform: scale(1.5) translate(10%, -10%); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }
.vegas-animation-kenburnsDownRight {
  -webkit-animation: kenburnsDownRight ease-out;
  animation: kenburnsDownRight ease-out; }

@-webkit-keyframes kenburnsDownRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, -10%);
    transform: scale(1.5) translate(-10%, -10%); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }
@keyframes kenburnsDownRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, -10%);
    transform: scale(1.5) translate(-10%, -10%); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

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

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
@keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

/* Personnalisation Générale */
.error {
  font-size: 16px;
  font-size: 1.6rem;
  color: #00e6f5;
  border: 1px solid #00e6f5;
  border-radius: 5px; }

.error.black {
  color: #000;
  text-align: center; }

.warning {
  font-size: 16px;
  font-size: 1.6rem;
  color: #00e6f5;
  border-radius: 5px;
  color: #FFF;
  padding-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .warning {
      margin-bottom: 10px; } }
  .warning a {
    color: #00e6f5; }
    .warning a:hover {
      text-decoration: none; }

.info_window {
  color: #fff;
  background: #00e6f5; }

.rouge {
  color: #00e6f5; }

.bleu {
  color: #00e6f5; }

.black {
  color: #000; }

.gray {
  color: #59616b; }

* {
  text-rendering: optimizeLegibility; }

/* Configuration générale */
body {
  font-family: "Open sans", sans-serif; }
  body.index_centres .main-content {
    background: #000000 url(../images/bg-index.jpg) no-repeat right bottom; }
    @media only screen and (max-width: 1120px) {
      body.index_centres .main-content {
        background: #000 url(../images/bg-index-mobile.jpg) no-repeat right bottom; } }
  body.account_index {
    background: url(../images/bg_account.jpg) no-repeat center top; }
  body.account_equipe {
    background: url(../images/bg_account.jpg) no-repeat center top; }
  body.ligues_joueur {
    background: url(../images/bg_account.jpg) no-repeat center top; }
  body.reservations_index {
    background: url(../images/bg_reservation.jpg) no-repeat center top; }
  body.cmspages_index {
    background: #fff url(../images/bg_bleu.png) no-repeat center top; }
    body.cmspages_index.menuitem29, body.cmspages_index.menuitem30, body.cmspages_index.menuitem106 {
      background: #050505 url(../images/bg_bleu2.jpg) no-repeat center top; }
  body.actualites_index {
    background: url(../images/bg_top.jpg) no-repeat left top #000; }
  body.actualites_detail {
    background: url(../images/bg_top.jpg) no-repeat left top #000; }
  body.index_nocentres {
    background: url(../images/bg-contact.png) no-repeat center top; }
  body.login_index {
    background: url(../images/bg-contact.png) no-repeat center top; }
  body.signup_index {
    background: url(../images/bg-signup.jpg) no-repeat center top; }
  body.matchs_detail {
    background: #000 url(../images/bg-feuille-match.jpg) no-repeat center top; }
  body.play5race {
    background: #154381 url(../images/bg_play5race.jpg) no-repeat center top fixed; }
  body.academies {
    background: #000 url(../images/bg_academies.jpg) no-repeat center top fixed; }
  body.kfc {
    background: #000 url(../images/bg_kfc.jpg) no-repeat center top fixed;
    background-size: cover; }

a {
  transition: color 0.2s linear; }

a {
  transition: background-color 0.2s linear; }

/* ==========================================================================
   Helper classes
   ========================================================================== */
.relative {
  position: relative; }

.abs {
  position: absolute; }

.lh44 {
  line-height: 44px; }

.bold {
  font-weight: bold; }

.bg-white {
  background: #FFF; }

.bg-gray {
  background-color: #f1f2f2; }

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

.fr {
  float: right; }

.fl {
  float: left; }

.none {
  display: none; }

.block {
  display: block; }

.hidden {
  display: none !important; }

.valignm {
  vertical-align: middle; }

.mw130 {
  max-width: 130px; }

.pad-max {
  padding-top: 450px; }
  @media only screen and (max-width: 1120px) {
    .pad-max {
      padding-top: 100px; } }

.fa-3 {
  font-size: 4em; }

.pad-top-100 {
  padding-top: 100px; }

.uppercase {
  text-transform: uppercase; }

/* ==========================================================================
   Title
   ========================================================================== */
.main-title {
  font-family: 'Canaro-Black';
  font-size: 50px;
  text-transform: uppercase; }
  @media only screen and (max-width: 767px) {
    .main-title {
      font-size: 35px; } }
  .main-title.secondary {
    color: #FFF; }
  .main-title.big {
    font-size: 80px; }
    @media only screen and (max-width: 480px) {
      .main-title.big {
        font-size: 50px; } }
  .main-title span {
    font-family: 'Canaro-ExtraLight'; }

.sub-title {
  font-family: 'Canaro-ExtraLight';
  font-size: 40px;
  text-transform: uppercase;
  color: #00ff87; }
  @media only screen and (max-width: 767px) {
    .sub-title {
      font-size: 30px; } }
  .sub-title.black {
    color: #000; }
  .sub-title.thin {
    font-family: 'Canaro-Thin';
    font-size: 45px; }
    @media only screen and (max-width: 767px) {
      .sub-title.thin {
        font-size: 35px; } }
  .sub-title span {
    font-family: 'Canaro-Black'; }

.sub-sub-title {
  margin: 20px 0 10px 0;
  font-family: 'Canaro-ExtraLight';
  font-size: 20px;
  text-transform: uppercase;
  color: #00e6f5;
  border-bottom: 1px solid #00e6f5; }

/* ==========================================================================
   btn
   ========================================================================== */
.btn_base {
  width: auto;
  min-width: 160px;
  border: none;
  padding: 13px 25px;
  text-align: center;
  text-decoration: none;
  background: #00e6f5;
  cursor: pointer;
  font-size: 19px;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  -webkit-appearance: none;
  transition: all .4s ease-out; }
  .btn_base:hover {
    text-decoration: none;
    border: 1px solid #00e6f5;
    color: #00e6f5;
    background-color: #000; }
  .btn_base.play {
    padding-right: 0;
    padding-left: 60px;
    max-width: 190px;
    background-image: url(../images/play.png);
    background-repeat: no-repeat;
    background-position: 19px 50%;
    font-size: 14px;
    text-align: left; }
  .btn_base.color-primary {
    color: #303030; }
  .btn_base.color-second {
    color: #00e6f5; }
  .btn_base.color-third {
    color: #00ff87; }
  .btn_base.color-fourth {
    color: #aeaeae; }
  .btn_base.color-fifth {
    color: #ccad43; }
  .btn_base.color-white {
    color: #fff; }
  .btn_base.color-black {
    color: #000; }
  .btn_base.bg-primary {
    background-color: #FFF; }
  .btn_base.bg-second {
    background-color: #080808; }
  .btn_base.bg-third {
    background-color: #e2001a; }
  .btn_base.bg-fourth {
    background-color: #00e6f5; }
  .btn_base.bg-white {
    background-color: #fff; }
  .btn_base.bg-black {
    background-color: #000; }

.only-mobile {
  display: none !important; }
  @media only screen and (max-width: 480px) {
    .only-mobile {
      display: inherit !important; } }

.no-mobile {
  display: inherit; }
  @media only screen and (max-width: 480px) {
    .no-mobile {
      display: none !important; } }

/* ==========================================================================
   GRID
   ========================================================================== */
.grid-1-3 {
  display: block;
  float: left; }
  @media only screen and (min-width: 1025px) {
    .grid-1-3 {
      width: 33%;
      margin: 0 0.2% 0.2% 0; }
      .grid-1-3:nth-child(3n+1) {
        clear: left;
        margin-left: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .grid-1-3 {
      width: 49.2%;
      margin: 0 0 1.6% 1.6%; }
      .grid-1-3:nth-child(2n+1) {
        clear: left;
        margin-left: 0; } }
  .grid-1-3.m08 {
    margin: 1% 0 1% 0.8%; }
    @media only screen and (min-width: 1025px) {
      .grid-1-3.m08 {
        width: 32.8%; }
        .grid-1-3.m08:nth-child(3n+1) {
          clear: left;
          margin-left: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .grid-1-3.m08 {
        /*width: 66.4%;*/ }
        .grid-1-3.m08:nth-child(2n+1) {
          clear: left;
          margin-left: 0; } }
  .grid-1-3.m2 {
    margin: 1% 0 1% 2%; }
    @media only screen and (min-width: 1025px) {
      .grid-1-3.m2 {
        width: 32%; }
        .grid-1-3.m2:nth-child(3n+1) {
          clear: left;
          margin-left: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .grid-1-3.m2 {
        width: 66%; }
        .grid-1-3.m2:nth-child(2n+1) {
          clear: left;
          margin-left: 0; } }

/*  GRID OF TWELVE  */
.col {
  display: block;
  float: left; }

.span_12_of_12 {
  width: 100%; }

.col {
  margin-left: 1.6%; }
  .col:first-child {
    margin-left: 0; }

.span_11_of_12.m16 {
  width: 91.53%; }

.span_10_of_12.m16 {
  width: 83.06%; }

.span_9_of_12.m16 {
  width: 74.6%; }

.span_8_of_12.m16 {
  width: 66.13%; }

.span_7_of_12.m16 {
  width: 57.66%; }

.span_6_of_12.m16 {
  width: 49.2%; }

.span_5_of_12.m16 {
  width: 40.73%; }

.span_4_of_12.m16 {
  width: 32.26%; }

.span_3_of_12.m16 {
  width: 23.8%; }

.span_2_of_12.m16 {
  width: 15.33%; }

.span_1_of_12.m16 {
  width: 6.866%; }

/* ==========================================================================
   BOUTON
   ========================================================================== */
.btn {
  position: relative;
  z-index: 1;
  line-height: normal; }
  .btn.primary {
    padding: 18px 25px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    background: #00e6f5;
    font-family: "Open sans", sans-serif;
    color: #000;
    text-transform: uppercase;
    font-size: 1.4rem;
    text-decoration: none;
    transition: all .4s ease; }
    .btn.primary:hover {
      color: #00e6f5;
      border: 1px solid #00e6f5;
      background: #000; }
  .btn.secondary {
    padding: 15px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: none;
    border: 2px solid #FFF;
    font-size: 14px;
    color: #FFF;
    font-family: "Open sans", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .4s ease; }
    .btn.secondary:hover {
      background: #FFF;
      color: #000; }
  .btn:hover {
    text-decoration: none; }

/*
.btn.second {padding: 14px 30px; border-radius: 4px; font-size: 14px; font-size: 1.4rem;}
.btn.third {padding: 7px 30px; border-radius: 3px; font-size: 12px; font-size: 1.2rem;}
.btn.white {background: #fff; -moz-box-shadow: 0 -5px 0 0 #d7d7d7 inset; -webkit-box-shadow: 0 -5px 0 0 #d7d7d7 inset; -o-box-shadow: 0 -5px 0 0 #d7d7d7 inset; box-shadow: 0 -5px 0 0 #d7d7d7 inset; filter: progid:DXImageTransform.Microsoft.Shadow(color=#d7d7d7, Direction=90, Strength=0); color: $color-second;}
.btn:after {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: #000 linear-gradient(to bottom, #000, #666); border-radius: 5px; opacity: 0; transition: all 0.5s ease;}
.btn:hover {color: #fff; text-decoration: none;}
.btn:hover:after {opacity: 1;}
.btn span {position: relative; z-index: 3;}
*/
/* ********** */
/* FORMULAIRE */
/* ********** */
#texte404 {
  padding-bottom: 40px; }

form.form_common {
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff; }

form.form_common p {
  margin: 0 0 20px 0; }

form.form_common .titre_rubrique {
  font-size: 20px;
  font-size: 2.0rem; }

form.form_common p label {
  display: inline-block;
  width: 200px; }

form.form_common p label.full {
  display: block;
  width: 100%; }

form.form_common p label span.required {
  font-weight: bold; }

form.form_common p input, form.form_common p select, form.form_common p textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #01c8d5;
  font-family: inherit;
  outline: none; }

/*form.form_common p input:focus, form.form_common p select:focus, form.form_common p textarea:focus {background-color: #efefef;}*/
form.form_common p input {
  width: 420px;
  padding: 0 5px;
  max-width: 100%;
  height: 40px;
  line-height: 40px; }

form.form_common p input[type="checkbox"], form.form_common p input[type="radio"] {
  width: auto;
  height: auto; }

form.form_common p input.input_captcha {
  width: 100px; }

form.form_common p input[type="file"] {
  height: auto;
  padding: 0; }

form.form_common p input[type="submit"], form.form_common p button[type="submit"] {
  width: auto;
  min-width: 160px;
  min-height: 40px;
  padding: 0 30px;
  border: none;
  background: #00e6f5;
  cursor: pointer;
  font-size: 17px;
  font-size: 19px;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  -webkit-appearance: none;
  transition: all 0.5s ease; }

form.form_common p input[type="submit"]:hover, form.form_common p button[type="submit"]:hover {
  background: #000;
  color: #01c8d5; }

form.form_common p select {
  width: 420px;
  max-width: 100%;
  height: 40px;
  padding: 0 35px; }

form.form_common p textarea {
  width: 420px;
  max-width: 100%;
  height: 228px;
  padding: 10px 0px;
  overflow: auto; }

form.form_common p input:focus:valid:not(.captcha):not(input[type="submit"]), form.form_common p textarea:focus:valid {
  border-color: #33cc00;
  box-shadow: 0 0 3px #33cc00;
  background: transparent url(../images/valide.png) no-repeat 98% center; }

form.form_common p input:invalid, form.form_common p textarea:invalid {
  box-shadow: none; }

form.form_common p input:focus:invalid:not(.captcha), form.form_common p textarea:focus:invalid {
  border-color: #00e6f5;
  box-shadow: 0 0 3px #00e6f5;
  background: transparent url(../images/invalide.png) no-repeat 98% center; }

.kfc form.form_common p input[type="submit"], .kfc form.form_common p button[type="submit"] {
  background: #e2342c;
  color: #fff; }

form.form_common p input[type="checkbox"].custom, form.form_common p input[type="radio"].custom {
  display: none; }

form.form_common p input[type="checkbox"].custom + label span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -2px 10px 0 0;
  vertical-align: middle;
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png") left top no-repeat;
  cursor: pointer; }

form.form_common p input[type="checkbox"].custom:checked + label span {
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png") -19px top no-repeat; }

form.form_common p input[type="radio"].custom + label span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -2px 10px 0 0;
  vertical-align: middle;
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png") -38px top no-repeat;
  cursor: pointer; }

form.form_common p input[type="radio"].custom:checked + label span {
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png") -57px top no-repeat; }

::-webkit-input-placeholder {
  opacity: 1;
  color: #fff; }

::-moz-placeholder {
  opacity: 1;
  color: #fff; }

:-ms-input-placeholder {
  opacity: 1;
  color: #fff; }

input:-moz-placeholder {
  opacity: 1;
  color: #fff; }

form.form_common.coldouble * {
  font-size: 14px; }
form.form_common.coldouble label {
  width: 160px; }
form.form_common.coldouble input, form.form_common.coldouble select, form.form_common.coldouble textarea, form.form_common.coldouble .selectric, form.form_common.coldouble .selectric-wrapper {
  width: 278px; }
form.form_common.coldouble .selectric-wrapper {
  position: relative;
  top: 13px; }
form.form_common.coldouble .selectric .label {
  margin-left: 0; }
form.form_common.coldouble .labelmax label {
  width: 288px; }

.selectric-wrapper {
  display: inline-block; }
  @media only screen and (max-width: 767px) {
    .selectric-wrapper {
      display: block; } }

.selectric {
  width: 420px;
  max-width: 100%;
  background: transparent;
  border: none;
  border-bottom: 1px solid #00e6f5; }
  @media only screen and (max-width: 767px) {
    .selectric {
      width: 100%; } }

.cmspages_index .selectric .button {
  right: 7px;
  bottom: -17px;
  width: auto;
  height: auto; }

.easylive_filtres .selectric {
  width: 100%; }
  .easylive_filtres .selectric .label {
    margin: 0 25px 0 5px; }

.easylive_filtres #easylive_date {
  width: auto; }

.selectric .label {
  margin: 0 35px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff; }

.signup_index .selectric .label,
.account_update .selectric .label {
  color: #000; }

.selectric .button {
  right: 0;
  bottom: -57px;
  width: auto;
  height: auto;
  font-size: 0 !important; }

.selectric .button:after {
  left: auto;
  border: 10px solid transparent;
  border-top-color: #00e6f5; }

.selectric-items {
  z-index: 1; }

/* ****** */
/* LAYOUT */
/* ****** */
.main-content {
  padding-top: 160px;
  font-size: 18px;
  font-size: 1.8rem; }
  @media only screen and (max-width: 1023px) {
    .main-content {
      padding-top: 140px;
      padding-bottom: 140px; } }

.avecfiliale .main-content {
  padding-top: 195px;
  /*@include bp-tablette {
  	padding-top: 135px;
  }*/ }

.shifter-enabled .shifter-page {
  z-index: 0;
  background: none; }

.bgjoueur2 {
  background-image: url(../images/joueur2.png);
  background-position: bottom right;
  background-repeat: no-repeat; }

.bloc_bottom {
  display: block;
  width: 100%;
  height: 183px;
  background-image: url(../images/bg-bottom.png);
  background-position: center;
  background-size: cover; }

/* ****** */
/* HEADER */
/* ****** */
header {
  background: rgba(0, 0, 0, 0.6); }

.main-header {
  position: fixed;
  top: 0;
  z-index: 50;
  min-height: 82px;
  width: 100%;
  border-bottom: 1px solid #444; }
  .main-header .filet {
    position: relative;
    float: left;
    top: 17px;
    width: 2px;
    height: 45px;
    background: #FFF; }
  .main-header .book-mobile {
    display: none;
    position: absolute;
    top: 24px;
    right: 87px;
    font-size: 14px;
    color: #FFF;
    font-family: 'Open sans';
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center; }
    @media only screen and (max-width: 480px) {
      .main-header .book-mobile {
        display: none; } }
  .main-header .book {
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    display: block;
    width: 193px;
    height: 100px;
    background-image: url(../images/reserver-fr.png);
    text-indent: -9999px;
    background-size: cover;
    /*@include bp-mobile {top: 98px;}*/ }
    @media only screen and (max-width: 767px) {
      .main-header .book {
        top: 78px; } }

@media only screen and (max-width: 767px) {
  .avecfiliale .book {
    top: 95px; } }

body.index_index .main-header .book {
  width: 193px;
  height: 100px; }

.main-logo {
  position: relative;
  margin: 16px 0 0 32px;
  float: left;
  top: 0;
  left: 0;
  background-size: cover; }
  .main-logo.soccerpark {
    display: block;
    width: 143px;
    height: 57px;
    background-image: url(../images/logo.png); }
    @media only screen and (max-width: 767px) {
      .main-logo.soccerpark {
        width: 29px;
        height: 41px;
        margin-top: 25px;
        background-image: url(../images/logo_header_mobile.png); } }
  .main-logo.five {
    display: block;
    width: 143px;
    height: 50px;
    background-image: url(../images/logo_five.png); }
  @media only screen and (max-width: 1023px) {
    .main-logo {
      margin-left: 10px; } }

.retour_www {
  display: block;
  float: left;
  margin-top: 28px;
  margin-left: 15px; }
  @media only screen and (max-width: 767px) {
    .retour_www img {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .retour_www.five {
      width: 40px;
      height: 38px;
      background-image: url("../images/logo_retour_www_five_mobile.png"); } }

.shifter-enabled .shifter-handle {
  top: 11px;
  float: left;
  width: 32px;
  height: 28px;
  padding: 27px 30px;
  background: url(../images/menu_open.png) no-repeat center center; }
  @media only screen and (max-width: 1023px) {
    .shifter-enabled .shifter-handle {
      /*position: absolute; top: 83px; right: 10px;*/ } }
  @media only screen and (max-width: 480px) {
    .shifter-enabled .shifter-handle {
      /*right: -7px;*/ } }

.shifter-enabled .shifter-handle:after {
  box-shadow: none;
  background: none; }

/* BLOC USER*/
.main-header {
  /* NON CONNTECTE */
  /* CONNTECTE */
  /*.bloc-connexion {
  	.item.connexion{
  		&:hover{
  			.g-square {background-image: url(../images/g-square_on.png);}
  		}
  	}	
  }*/ }
  .main-header .header-fixed {
    min-height: 100px;
    border-bottom: 1px solid #444;
    background-image: url(../images/bg_header.png);
    background-repeat: no-repeat;
    background-position-x: -60px;
    /*@include bp-mobile {min-height: 150px;}*/ }
  .main-header .bloc-connexion {
    position: absolute;
    top: 15px;
    right: 20px; }
    @media only screen and (max-width: 1023px) {
      .main-header .bloc-connexion {
        top: 19px;
        /*border-left: 2px solid #FFF*/
        padding: 7px 0 7px 10px; } }
    .main-header .bloc-connexion.connected {
      top: 15px; }
    .main-header .bloc-connexion.disconnect {
      top: 25px; }
      @media only screen and (max-width: 1023px) {
        .main-header .bloc-connexion.disconnect {
          top: 20px;
          text-align: center; } }
      @media only screen and (max-width: 767px) {
        .main-header .bloc-connexion.disconnect {
          top: 15px; } }
    .main-header .bloc-connexion .item {
      margin-right: 20px;
      font-size: 14px;
      color: #FFF;
      font-family: 'Open sans';
      font-weight: 700;
      text-decoration: none;
      text-transform: uppercase;
      vertical-align: middle; }
      @media only screen and (max-width: 1023px) {
        .main-header .bloc-connexion .item {
          margin-right: 10px; } }
      .main-header .bloc-connexion .item.inscription {
        display: inline-block;
        vertical-align: text-top;
        padding: 2px 10px;
        background-color: #00e6f5;
        color: #000;
        border: 1px solid #00e6f5; }
        @media only screen and (max-width: 1023px) {
          .main-header .bloc-connexion .item.inscription {
            display: none; } }
        .main-header .bloc-connexion .item.inscription:hover {
          color: #00e6f5;
          background-color: #000; }
      .main-header .bloc-connexion .item.connexion img {
        margin-right: 70px; }
        @media only screen and (max-width: 1023px) {
          .main-header .bloc-connexion .item.connexion img {
            margin-right: 0; } }
      @media only screen and (max-width: 1023px) {
        .main-header .bloc-connexion .item.connexion span {
          display: none; } }
      .main-header .bloc-connexion .item:hover {
        color: #00e6f5; }
        .main-header .bloc-connexion .item:hover .g-square {
          background-image: url(../images/g-square_on.png); }
  .main-header .g-square {
    display: inline-block;
    width: 21px;
    height: 22px;
    background-image: url(../images/g-square_off.png);
    cursor: pointer;
    vertical-align: middle;
    margin-right: 20px;
    margin-top: 7px; }
    @media only screen and (max-width: 1120px) {
      .main-header .g-square {
        margin-top: 8px; } }
    @media only screen and (max-width: 1023px) {
      .main-header .g-square {
        margin-top: 0; } }
    .main-header .g-square:hover {
      background-image: url(../images/g-square_on.png); }
  .main-header.connecte .bloc-connexion {
    top: 26px;
    right: 200px; }
    @media only screen and (max-width: 1120px) {
      .main-header.connecte .bloc-connexion {
        right: 195px;
        top: 26px; } }
    @media only screen and (max-width: 1024px) {
      .main-header.connecte .bloc-connexion {
        right: 165px; } }
    @media only screen and (max-width: 1023px) {
      .main-header.connecte .bloc-connexion {
        right: 20px; } }
    @media only screen and (max-width: 980px) {
      .main-header.connecte .bloc-connexion {
        right: 20px;
        top: 20px; } }
    @media only screen and (max-width: 767px) {
      .main-header.connecte .bloc-connexion {
        z-index: 999;
        top: 10px; } }
    @media only screen and (max-width: 480px) {
      .main-header.connecte .bloc-connexion {
        position: absolute; } }
  .main-header.connecte .account {
    position: relative;
    z-index: 200;
    /*min-height: 85px;*/ }
    @media only screen and (max-width: 1120px) {
      .main-header.connecte .account {
        min-height: 100%; } }
    .main-header.connecte .account .connected {
      position: relative;
      display: table-row; }
    .main-header.connecte .account .deploie {
      position: relative;
      display: table-cell;
      min-width: 210px;
      padding-left: 22px;
      vertical-align: middle;
      font-size: 1.4rem;
      color: #FFF;
      text-transform: uppercase;
      font-family: "Open sans", sans-serif;
      font-weight: 700;
      cursor: pointer;
      text-decoration: none;
      text-align: right; }
      @media only screen and (max-width: 767px) {
        .main-header.connecte .account .deploie {
          min-width: auto; } }
      @media only screen and (max-width: 767px) {
        .main-header.connecte .account .deploie span {
          display: none; } }
      .main-header.connecte .account .deploie img {
        float: left; }
      .main-header.connecte .account .deploie .g-square {
        margin-left: 10px;
        margin-top: 8px; }
        @media only screen and (max-width: 767px) {
          .main-header.connecte .account .deploie .g-square {
            margin-left: 10px; } }
      .main-header.connecte .account .deploie:hover {
        color: #00e6f5; }
      .main-header.connecte .account .deploie .dropdown {
        display: block;
        width: 13px;
        height: 7px;
        float: right;
        margin-top: 5px;
        margin-left: 9px;
        background-image: url(../images/dropdown.svg); }
    .main-header.connecte .account .g-square {
      margin: 10px 0 0 20px; }
      @media only screen and (max-width: 767px) {
        .main-header.connecte .account .g-square {
          margin-left: 10px; } }
    .main-header.connecte .account .profil-pic {
      display: table-cell;
      vertical-align: middle;
      width: 52px;
      height: 52px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      background-position: center;
      background-size: cover; }
    .main-header.connecte .account .list-account {
      position: absolute;
      display: none;
      right: 0;
      top: 69px;
      width: 400px;
      background: linear-gradient(#09171b, #132e37);
      opacity: 0.9;
      font-size: 0; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .main-header.connecte .account .list-account {
          top: 83px; } }
      @media only screen and (max-width: 767px) {
        .main-header.connecte .account .list-account {
          width: 300px;
          opacity: 1;
          top: 69px; } }
      .main-header.connecte .account .list-account li {
        position: relative;
        list-style: none;
        color: #FFF;
        width: 33.33%;
        display: inline-block;
        text-align: center;
        vertical-align: middle; }
        .main-header.connecte .account .list-account li:hover > a {
          background: linear-gradient(to top right, #00e6f5, #173741);
          color: #FFF; }
        .main-header.connecte .account .list-account li a {
          display: block;
          width: auto;
          font-family: "Open sans", sans-serif;
          min-height: 110px;
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: bold;
          margin: 10px;
          ext-decoration: none;
          text-transform: uppercase; }
          @media only screen and (max-width: 767px) {
            .main-header.connecte .account .list-account li a {
              width: auto;
              margin: 5px;
              font-size: 1rem;
              font-size: 10px; } }
          .main-header.connecte .account .list-account li a img {
            display: block;
            margin: 0 auto 10px; }
            @media only screen and (max-width: 767px) {
              .main-header.connecte .account .list-account li a img {
                margin: 0 auto 5px; } }
        .main-header.connecte .account .list-account li ul a {
          padding-left: 50px;
          color: #cdcdcd; }
      .main-header.connecte .account .list-account > li > ul > li > ul {
        display: none;
        position: absolute;
        top: 0;
        right: 100%;
        width: 300px;
        background: #000; }
        @media only screen and (max-width: 767px) {
          .main-header.connecte .account .list-account > li > ul > li > ul {
            display: none !important; } }
      .main-header.connecte .account .list-account > li > ul > li > ul a {
        padding: 10px 35px; }
      .main-header.connecte .account .list-account > li > ul > li:hover > ul {
        display: block; }

.avecfiliale .main-header .header-fixed {
  background-position-x: 300px; }

.sous-profil {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 100;
  text-align: right; }

.disconnect .sous-profil {
  margin-top: -10px; }

.log_off {
  position: absolute;
  right: 40px;
  top: 30px;
  color: #000;
  background-color: #00e6f5;
  padding: 5px 15px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .log_off {
      right: 10px; } }
  @media only screen and (max-width: 1023px) {
    .log_off {
      display: none; } }
  @media only screen and (max-width: 980px) {
    .log_off {
      right: 50px;
      top: 70px;
      padding: 3px 15px; } }
  @media only screen and (max-width: 480px) {
    .log_off {
      top: 90px;
      right: 30px; } }
  @media only screen and (max-width: 400px) {
    .log_off {
      position: inherit;
      margin: 10px auto; } }

.log_off:hover {
  background-color: linear-gradient(to top right, #f40a44, #a6067e); }

.list-account:before {
  content: '';
  background-image: url(../images/black_arrow_small-2.png);
  position: absolute;
  width: 33px;
  height: 18px;
  top: -18px;
  right: 60px; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .list-account:before {
      right: 10px; } }
  @media only screen and (max-width: 767px) {
    .list-account:before {
      right: 10px; } }

.list-account li:first-child {
  border-right: 1px solid rgba(205, 205, 205, 0.2);
  border-bottom: 1px solid rgba(205, 205, 205, 0.2); }

.list-account li:nth-child(2) {
  border-right: 1px solid rgba(205, 205, 205, 0.2);
  border-bottom: 1px solid rgba(205, 205, 205, 0.2); }

.list-account li:nth-child(3) {
  border-bottom: 1px solid rgba(205, 205, 205, 0.2); }

.list-account li:nth-child(4) {
  border-right: 1px solid rgba(205, 205, 205, 0.2);
  border-bottom: 1px solid rgba(205, 205, 205, 0.2); }

.list-account li:nth-child(5) {
  border-right: 1px solid rgba(205, 205, 205, 0.2);
  border-bottom: 1px solid rgba(205, 205, 205, 0.2); }

.list-account li:nth-child(6) {
  border-bottom: 1px solid rgba(205, 205, 205, 0.2); }

.list-account li:nth-child(7) {
  border-right: 1px solid rgba(205, 205, 205, 0.2); }

.list-account li:nth-child(8) {
  border-right: 1px solid rgba(205, 205, 205, 0.2); }

.list-account li:last-child > a {
  background: linear-gradient(to top right, #00e6f5, #173741) !important; }

.list-account li:last-child > a:hover {
  background: linear-gradient(to top right, #f40a44, #a6067e) !important; }

.bloc-login:before {
  content: '';
  background-image: url(../images/black_arrow_small-2.png);
  position: absolute;
  width: 33px;
  height: 18px;
  top: -18px;
  right: 0; }

.bloc-login {
  position: absolute;
  top: 70px;
  right: 150px;
  width: 150px;
  z-index: 999;
  background: linear-gradient(#09171b, #132e37);
  color: #fff;
  list-style: none;
  text-align: left;
  display: none; }
  @media only screen and (max-width: 1023px) {
    .bloc-login {
      right: 17px; } }

.bloc-login li {
  padding: 5px; }

.bloc-login li:first-child {
  border-bottom: 1px solid rgba(205, 205, 205, 0.2); }

.bloc-login li a {
  display: block;
  padding: 10px;
  font-weight: bold;
  text-transform: uppercase; }

.bloc-login li:hover > a {
  background: linear-gradient(to top right, #00e6f5, #173741); }

/* INFOS CENTRE */
.info-centre {
  width: 100%;
  padding: 18px 0 10px 80px; }
  @media only screen and (max-width: 1023px) {
    .info-centre {
      padding: 15px 0; } }
  @media only screen and (max-width: 1023px) {
    .info-centre .block-centre {
      float: left;
      padding-left: 5%; } }
  @media only screen and (max-width: 480px) {
    .info-centre .block-centre {
      float: none; } }
  @media only screen and (max-width: 1120px) {
    .info-centre .block-centre .lien_centre {
      max-width: 250px; } }
  @media only screen and (max-width: 1023px) {
    .info-centre .block-centre .lien_centre {
      max-width: 130px; } }
  @media only screen and (max-width: 767px) {
    .info-centre .block-centre .lien_centre {
      max-width: 240px; } }
  @media only screen and (max-width: 480px) {
    .info-centre .block-centre .lien_centre {
      max-width: 130px; } }
  @media only screen and (min-width: 1024px) {
    .info-centre.fixe {
      padding: 0;
      border: none; } }
  @media only screen and (min-width: 1024px) {
    .info-centre.fixe .changer {
      position: absolute;
      top: -30px;
      left: 75px;
      margin-left: 0; }
    .info-centre.fixe .centre {
      position: absolute;
      top: -66px;
      left: 75px;
      font-size: 30px; }
    .info-centre.fixe .localisation {
      display: none; }
    .info-centre.fixe .telephone {
      display: none; }
    .info-centre.fixe .mini-logo {
      display: none; } }
  .info-centre .social-icon {
    font-size: 29px;
    color: #FFF;
    margin-left: 10px; }
    @media only screen and (max-width: 1440px) {
      .info-centre .social-icon {
        margin-left: 0; } }
    @media only screen and (max-width: 767px) {
      .info-centre .social-icon {
        display: none; } }

.infos {
  position: relative;
  padding-left: 45px; }
  @media only screen and (max-width: 1023px) {
    .infos {
      display: inline-block; } }
  @media only screen and (max-width: 370px) {
    .infos {
      padding-left: 10px; } }
  .infos .telephone, .infos .adresse, .infos .ville {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    line-height: 1;
    font-family: 'Roboto Condensed'; }
  .infos .mini-logo {
    position: absolute;
    top: 0;
    left: 0; }
    @media only screen and (max-width: 1023px) {
      .infos .mini-logo {
        left: 10px; } }
    @media only screen and (max-width: 370px) {
      .infos .mini-logo {
        display: none; } }
  .infos .centre {
    display: block;
    height: 32px;
    font-size: 30px;
    color: #FFF;
    text-transform: uppercase;
    color: #FFF;
    line-height: 1;
    font-family: 'Canaro-Black'; }
    @media only screen and (max-width: 1440px) {
      .infos .centre {
        font-size: 28px;
        max-width: 300px; } }
    @media only screen and (max-width: 1120px) {
      .infos .centre {
        font-size: 26px; } }
    @media only screen and (max-width: 1023px) {
      .infos .centre {
        height: auto;
        font-size: 19px;
        max-width: 145px; } }
    @media only screen and (max-width: 767px) {
      .infos .centre {
        max-width: inherit; } }
    @media only screen and (max-width: 480px) {
      .infos .centre {
        font-size: 19px; } }
  .infos .telephone {
    float: left;
    line-height: 1;
    font-family: 'Roboto Condensed'; }
    @media only screen and (max-width: 1023px) {
      .infos .telephone {
        display: none; } }
  .infos .localisation {
    float: left;
    margin-left: 7px; }
    @media only screen and (max-width: 1023px) {
      .infos .localisation {
        display: none; } }
  .infos .telephone {
    font-size: 18px; }
  .infos .adresse, .infos .ville {
    font-size: 14px; }
  .infos .changer {
    float: left; }

/* SELECTEUR CENTRE */
.form_centres {
  display: none; }

/*
.index_index .changer{position: absolute; right: 345px; top: 27px;}
*/
.changer {
  position: absolute;
  left: 250px;
  top: 50px; }
  @media only screen and (max-width: 1120px) {
    .changer {
      position: absolute;
      right: 72px;
      top: 55px; } }
  @media only screen and (max-width: 1023px) {
    .changer {
      position: absolute;
      right: initial;
      top: 35px;
      left: initial;
      right: 140px; } }
  @media only screen and (max-width: 767px) {
    .changer {
      left: 150px; } }
  @media only screen and (max-width: 400px) {
    .changer {
      left: 130px; } }
  @media only screen and (max-width: 320px) {
    .changer {
      left: 110px; } }

.avecfiliale .changer {
  position: relative;
  margin-left: 20px;
  display: inline-block;
  left: 0;
  right: 0;
  top: initial; }
  @media only screen and (max-width: 1023px) {
    .avecfiliale .changer {
      margin-left: 0; } }

.avecfiliale .header-fixed .changer {
  display: none; }

.avecfiliale .header-fixed .changer.bis {
  display: inline-block; }
  @media only screen and (max-width: 1023px) {
    .avecfiliale .header-fixed .changer.bis {
      display: block; } }
  @media only screen and (max-width: 400px) {
    .avecfiliale .header-fixed .changer.bis {
      display: inline-block; } }

@media only screen and (max-width: 1120px) {
  .index_index .connecte .changer {
    right: 195px; } }
@media only screen and (max-width: 400px) {
  .index_index .connecte .changer {
    right: 182px; } }

.changer .select-centre {
  display: inline-block;
  padding-left: 30px;
  color: #00e5ff;
  text-transform: uppercase;
  background-image: url("../images/back.png");
  background-repeat: no-repeat;
  background-position: center left;
  font-family: 'Roboto condensed';
  font-size: 1.4rem;
  cursor: pointer; }
  @media only screen and (max-width: 980px) {
    .changer .select-centre {
      margin-top: 0;
      margin-left: 5px; } }
  @media only screen and (max-width: 767px) {
    .changer .select-centre {
      margin-top: 0;
      top: 0; } }
  .changer .select-centre.index_index {
    margin-left: 15px;
    margin-top: 37px; }

.connecte .changer .select-centre.index_index {
  margin-top: 7px; }
  @media only screen and (max-width: 400px) {
    .connecte .changer .select-centre.index_index {
      text-indent: -9999px; } }

.filtre_centre {
  width: 90%;
  line-height: 30px;
  margin-bottom: 5px;
  padding: 0 10px;
  background: none;
  border: 1px solid #00e5ff;
  border-radius: 5px;
  font-size: 14px;
  color: #fff; }

.list-centre {
  position: absolute;
  top: 40px;
  z-index: 5;
  padding: 20px 5px 10px 25px;
  overflow: auto;
  background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(19, 46, 55, 0.9)); }
  @media only screen and (max-width: 1023px) {
    .list-centre {
      z-index: 9999 !important; } }
  @media only screen and (max-width: 767px) {
    .list-centre {
      top: 42px;
      left: -80px; } }
  .list-centre .scroll-pane {
    width: 260px;
    height: 350px; }

.list-centre.hidden {
  opacity: 0; }

.list-centre .list {
  list-style-type: none; }

.list-centre .list a {
  display: inline-block;
  padding: 5px 0 5px 5px;
  color: #FFF;
  font-size: 14px;
  text-decoration: none;
  font-family: 'Open Sans', Arial, sans-serif; }

.list-centre .list li:hover {
  background-color: #00e6f5; }

.list-centre .list li:hover a {
  color: #000;
  font-weight: bold; }

.list-centre .jspVerticalBar {
  background: none; }

.list-centre .jspTrack {
  /*margin: 5px 0;*/ }

.list-centre .jspArrow {
  height: 15px !important;
  background: none; }

/*.list-centre .jspArrow.jspDisabled {background: none;}*/
.list-centre .jspArrowDown {
  background-position-y: bottom; }

/* MAIN MENU */
.main-nav {
  position: relative;
  z-index: 10;
  border-bottom: 1px solid #444;
  margin-top: 0px; }
  @media only screen and (max-width: 1023px) {
    .main-nav {
      display: none; } }
  .main-nav.top {
    margin-top: 18px;
    border-top: 1px solid #444;
    border-bottom: none; }
  @media only screen and (min-width: 1024px) {
    .main-nav.fixe {
      margin-top: 20px; } }
  .main-nav .half-menu {
    width: 40%; }
  .main-nav ul ul {
    display: none; }
  .main-nav ul {
    justify-content: space-between;
    margin-left: 0;
    padding-left: 0;
    width: 100%;
    list-style-type: none;
    display: table; }
    .main-nav ul li {
      position: relative;
      border-bottom: 3px solid transparent;
      display: inline-block;
      margin-left: 59px;
      display: table-cell;
      text-align: center; }
      .main-nav ul li.cdm {
        width: 260px;
        padding: 0 20px; }
      .main-nav ul li.cdm span {
        position: absolute;
        top: 25px;
        left: 40px;
        font-size: 14px;
        color: #bd1515; }
      .main-nav ul li.kfc {
        width: 230px; }
      .main-nav ul li.kfc img {
        height: 30px; }
      .main-nav ul li.submenu, .main-nav ul li.big_submenu {
        position: static; }
        .main-nav ul li.submenu > ul, .main-nav ul li.big_submenu > ul {
          position: absolute;
          top: 53px;
          left: 0;
          right: 0;
          max-width: 100%;
          width: 1200px;
          margin: 0 auto;
          background: #fff;
          color: #000; }
          .main-nav ul li.submenu > ul > li, .main-nav ul li.big_submenu > ul > li {
            float: left;
            width: 25%;
            margin: 0;
            padding: 0 30px; }
            .main-nav ul li.submenu > ul > li:nth-child(4n+1), .main-nav ul li.big_submenu > ul > li:nth-child(4n+1) {
              clear: both; }
            .main-nav ul li.submenu > ul > li > a, .main-nav ul li.big_submenu > ul > li > a {
              color: #000 !important; }
        .main-nav ul li.submenu:hover > ul, .main-nav ul li.big_submenu:hover > ul {
          display: block; }
      .main-nav ul li a {
        text-decoration: none;
        color: #FFF;
        font-family: "Open sans";
        font-weight: bold;
        font-size: 13px;
        text-transform: uppercase; }

.main-nav ul li:hover, .main-nav ul li.active {
  border-bottom: 3px solid #FFF; }

.main-nav ul li > a {
  display: inline-block;
  padding: 16px 0; }

.main-nav ul li a:first-child {
  padding-left: 0; }

/* Menu */
.menu_handle {
  position: fixed;
  top: 27px;
  left: 20px;
  z-index: 50; }

.barre_menu {
  background: #fff;
  color: #0b0b0c;
  text-transform: uppercase;
  overflow: initial !important; }
  @media only screen and (max-width: 767px) {
    .barre_menu {
      overflow: auto !important; } }

.barre_menu_titre {
  height: 84px;
  line-height: 84px;
  padding: 0 0 0 68px;
  border-bottom: 1px solid #333;
  font-family: "Open sans", sans-serif;
  font-weight: 600;
  font-size: 15px;
  font-size: 1.5rem; }
  .barre_menu_titre .menu_handle {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 50; }
  .barre_menu_titre .shifter-handle {
    background-image: url("../images/menu_close.png");
    visibility: initial !important; }

.menu {
  position: relative;
  list-style: none; }
  .menu li {
    position: relative;
    border-bottom: 1px solid #333;
    font-size: 15px;
    font-size: 1.5rem; }
    .menu li a {
      display: block;
      height: 60px;
      line-height: 60px;
      padding: 0 70px;
      font-family: "Open sans", sans-serif;
      font-weight: 600; }
      @media only screen and (max-width: 767px) {
        .menu li a {
          padding: 0 40px; } }
      @media only screen and (max-width: 480px) {
        .menu li a {
          padding: 0 20px; } }
      .menu li a:hover {
        color: #00e6f5;
        text-decoration: none; }

.menu > li:hover > a, .menu li.menuselected > a {
  color: #00e6f5;
  text-decoration: none;
  background: url(../images/puce1.png) no-repeat 95% center #FFF; }

.menu li a img {
  display: block; }

.menu li:hover .submenu {
  display: inherit; }

.menu li.play5race a {
  padding: 0; }

.menu li.kfc a {
  background: #a20315;
  padding: 0;
  font-size: 0;
  text-align: center; }

.menu li.kfc img {
  display: inline-block;
  vertical-align: middle; }

/* MENU MOBILE */
.menu .submenu {
  display: none;
  position: absolute;
  left: 370px;
  top: 0;
  padding: 12px 0;
  width: calc(100vw - 370px);
  background: #FFF; }
  @media only screen and (max-width: 1024px) {
    .menu .submenu {
      top: -150px; } }
  @media only screen and (max-width: 980px) {
    .menu .submenu {
      top: -320px; } }
  @media only screen and (max-width: 767px) {
    .menu .submenu {
      position: relative;
      top: 0;
      left: 0;
      width: 100%; } }
  .menu .submenu .col-centre {
    display: block;
    float: left;
    width: 25%;
    padding: 0 50px;
    border-right: 1px solid #e6e6e6; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .menu .submenu .col-centre {
        padding: 0 20px; } }
    @media only screen and (max-width: 980px) {
      .menu .submenu .col-centre {
        width: 50%;
        padding: 0 20px; }
        .menu .submenu .col-centre:nth-child(2n+1) {
          clear: both; } }
    @media only screen and (max-width: 767px) {
      .menu .submenu .col-centre {
        float: none;
        clear: both;
        width: 100%;
        border: none; } }
    .menu .submenu .col-centre:last-child {
      border: none; }
    .menu .submenu .col-centre li {
      border: none; }
    .menu .submenu .col-centre a {
      display: block;
      height: auto;
      line-height: normal;
      padding: 12px 0;
      font-family: "Open sans",sans-serif;
      font-weight: 700;
      font-size: 12px;
      color: #000; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .menu .submenu .col-centre a {
          padding: 5px 0;
          text-transform: capitalize; } }
      @media only screen and (max-width: 980px) {
        .menu .submenu .col-centre a {
          padding: 8px 0; } }
      .menu .submenu .col-centre a:hover {
        background: none; }

.shifter-enabled .shifter-navigation {
  width: 370px;
  max-width: 100%; }
  @media only screen and (max-width: 480px) {
    .shifter-enabled .shifter-navigation {
      width: 300px; } }

.shifter-open .header-fixed {
  top: 0 !important; }

.shifter-enabled .shifter-navigation {
  background: #000;
  color: #FFF;
  z-index: 999; }

.shifter-enabled.shifter-left.shifter-open .shifter-page, .shifter-enabled.shifter-left.shifter-open .shifter-header {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }

/* //////////// */
/*  FIN HEADER  */
/* ///////////  */
/* ******* */
/*  ACTUS  */
/* ******* */
.list-actu {
  padding: 80px 0 80px 0; }
  @media only screen and (max-width: 480px) {
    .list-actu {
      padding: 40px 0 40px 0; } }
  @media only screen and (max-width: 767px) {
    .list-actu .actu {
      float: none;
      clear: both;
      max-width: 300px;
      margin: 0 auto 1.6% auto; } }
  .list-actu .illu {
    margin-bottom: 17px; }
  .list-actu .titre {
    font-family: "Open sans", sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #FFF; }
  .list-actu .date {
    font-family: "Open sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-style: italic;
    color: #FFF; }
  .list-actu .resume {
    display: block;
    margin-top: 20px; }
    .list-actu .resume p, .list-actu .resume span, .list-actu .resume a {
      font-family: "Open sans", sans-serif !important;
      font-weight: 400 !important;
      font-size: 14px !important;
      color: #FFF !important; }

/* Contenu */
.main-content {
  /* background-image: url(../images/bg_v2.jpg); background-repeat: no-repeat; background-position: right bottom; background-size: contain;  background-color: #000;*/ }

.home .main-content {
  background-color: transparent; }

.content_center {
  width: 1145px;
  max-width: 100%; }
  @media only screen and (max-width: 1120px) {
    .content_center {
      width: 980px; } }

.bgfive {
  background: url("../images/five.png") right top #000 no-repeat; }

#bandeau {
  margin: 0 0 20px 0;
  padding: 2px;
  color: #fff; }

#bandeau {
  padding: 15px;
  /*background-repeat: no-repeat; background-position: center center; background-size: cover;*/ }

#bandeau h1 {
  margin: 65px 0 0;
  font-family: 'Open Sans';
  text-align: center; }

.columnizer {
  text-align: justify; }

.columnizer .column {
  position: relative; }

.confirm {
  font-size: 14px;
  font-size: 1.4rem; }

/* Fil d'ariane */
#ariane {
  padding: 20px 20px 0 20px !important;
  font-size: 15px;
  font-size: 1.5rem; }
  @media only screen and (max-width: 767px) {
    #ariane {
      padding: 20px 0 0 10px !important; } }

#ariane .sep {
  margin: 0 5px; }

#ariane .sep img {
  vertical-align: inherit; }

/*#ariane .current {color: $color-second;}*/
/* Fil d'ariane Panier */
#basket_ariane {
  width: 100%;
  height: 40px;
  margin: 0 0 20px 0;
  color: #424242;
  border: 1px solid #d2d2d2;
  background: #f6f6f6; }

#basket_ariane .cell {
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase; }

#basket_ariane .current {
  color: #fff;
  background: #424242; }

/* Pagination */
.navpages {
  clear: both;
  padding: 5px 0;
  text-align: right;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  position: relative;
  z-index: 1; }

.navpages .fleche {
  display: none; }

.navpages .seppages {
  display: none; }

.navpages .numpage {
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  background: #d9d9d9;
  border-radius: 50%;
  text-align: center;
  overflow: hidden; }

.navpages a {
  display: block; }

.navpages a:hover, .navpages .numpage.current {
  background: #00e2f1;
  color: #fff;
  text-decoration: none; }

.top_videos {
  position: relative;
  padding: 55px 0 0 0; }

.top_videos_titre {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 45px;
  line-height: 45px;
  margin: 0 0 10px 0;
  padding: 0 15px;
  font-size: 32px;
  font-size: 3.2rem;
  color: #000;
  text-transform: uppercase; }
  @media only screen and (max-width: 767px) {
    .top_videos_titre {
      font-size: 2.5rem; } }

.top_videos_titre .ballon_count {
  position: absolute;
  top: 0;
  right: -55px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  background: url(../images/bg_count.png) no-repeat;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center; }

.top_videos_titre .share_video_facebook {
  position: absolute;
  top: 0;
  right: 80px;
  width: 36px;
  height: 45px;
  line-height: 45px;
  background: url(../images/ico_facebook.png) no-repeat left center; }

.top_videos_titre .share_video_twitter {
  position: absolute;
  top: 0;
  right: 40px;
  width: 36px;
  height: 45px;
  line-height: 45px;
  background: url(../images/ico_twitter.png) no-repeat left center; }

.top_videos_titre .share_video_cll {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 45px;
  line-height: 45px;
  background: url(../images/ico_cll.png) no-repeat left center; }

.top_videos_see_all {
  position: absolute;
  top: 16px;
  right: 0;
  padding: 0 0 6px 0;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  background: url(../images/bg_videos_all.png) no-repeat center bottom;
  background-size: contain; }

.top_videos_see_all a {
  padding: 0 20px 0 70px;
  background: url(../images/puce11.png) no-repeat 45px center; }

.top_videos_see_all a:hover {
  color: #00e6f5;
  text-decoration: none; }

.bloc_videos_titre {
  height: 45px;
  line-height: 45px;
  margin: 0 0 10px 0;
  padding: 0 15px;
  font-size: 32px;
  font-size: 3.2rem;
  color: #fff;
  text-transform: capitalize; }
  @media only screen and (max-width: 767px) {
    .bloc_videos_titre {
      font-size: 2.5rem; } }

.bloc_videos_titre .rouge {
  color: #fff; }

.bloc_videos_titre .ballon_count {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  margin: 0 0 0 10px;
  background: url(../images/bg_count.png) no-repeat;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  vertical-align: middle; }

.bloc_videos .onglets {
  font-size: 0; }

.bloc_videos .onglets .onglet {
  width: 35px;
  height: 27px;
  line-height: 28px;
  margin: 0 2px 0 0;
  font-size: 16px;
  font-size: 1.6rem;
  color: #606060;
  text-align: center;
  background: #e2e2e2; }

.bloc_videos .onglets .onglet.active {
  height: 28px;
  color: #fff;
  background: #00e6f5; }

.bloc_videos .onglet_content {
  display: none; }

.video_illustration {
  margin: 0 0 20px 0; }

.video_illustration a {
  display: block; }

.video_titre {
  margin: 0 5px 10px 5px;
  font-size: 22px;
  font-size: 2.2rem;
  text-transform: uppercase; }

.video_resume {
  margin: 0 5px;
  font-size: 16px;
  font-size: 1.6rem; }

.offres {
  position: relative; }

.offres ul {
  list-style: none; }

.offres ul li {
  border-top: 1px dashed #f3aaa6;
  background: #00e6f5 url(../images/puce8.png) no-repeat 95% center; }

.offres ul li:first-child {
  border: none; }

.offres ul li:hover {
  opacity: 0.8;
  filter: opacity(80); }

.offres ul li a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 0 0 70px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-transform: uppercase; }

.offres ul li.offres_ligues a {
  background: url(../images/ico_offres_ligues.png) no-repeat 20px center; }

.offres ul li.offres_anniversaires a {
  background: url(../images/ico_offres_anniversaires.png) no-repeat 20px center; }

.offres ul li.offres_spbusiness a {
  background: url(../images/ico_offres_spbusiness.png) no-repeat 20px center; }

.offres ul li.offres_tarifs a {
  background: url(../images/ico_offres_tarifs.png) no-repeat 20px center; }

.offres ul li a:hover {
  text-decoration: none; }

.offres .newsletter {
  margin: 20px 0 0 0;
  text-align: center; }

.offres .newsletter a {
  display: block; }

/* Colonne droite */
.widget_avoirs {
  margin: 0 0 10px 0;
  padding: 20px 60px 10px 60px;
  background: #00e6f5;
  color: #fff; }

.widget_avoirs .titre_avoirs {
  line-height: 20px;
  font-size: 20px;
  font-size: 2.0rem;
  text-transform: uppercase; }

.widget_avoirs .titre_avoirs span {
  font-size: 28px;
  font-size: 2.8rem; }

.widget_avoirs .montant_avoirs {
  margin: 0 0 10px 0;
  border-bottom: 1px solid #fff;
  font-size: 40px;
  font-size: 4.0rem;
  text-transform: uppercase; }

.widget_avoirs .texte_avoirs {
  font-size: 20px;
  font-size: 2.0rem; }

.widget_packs {
  margin: 0 0 10px 0;
  padding: 20px 20px 10px 20px;
  background: #00e6f5;
  text-align: center; }

.widget_packs .titre_packs {
  margin: 0 0 15px 0;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-transform: uppercase; }

.widget_packs .nb_packs {
  margin: 0 0 15px 0;
  font-size: 14px;
  font-size: 1.6rem;
  text-transform: uppercase; }

.widget_packs .nb_packs span {
  color: #00e6f5; }

.widget_packs form {
  margin: 0 0 10px 0; }

.widget_packs .submit {
  height: auto;
  line-height: unset;
  padding: 5px 20px;
  background: #fff;
  border: none;
  border-bottom: 5px solid #c4c4c4;
  border-radius: 4px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #00e6f5;
  text-transform: uppercase;
  word-wrap: break-word;
  white-space: pre-wrap;
  transition: all 0.5s ease;
  cursor: pointer; }

.widget_packs .submit:hover {
  background: #000 linear-gradient(to bottom, #000, #666);
  border-bottom: 5px solid #666;
  color: #fff; }

.widget_mysoccerpark .lien {
  background: #00e6f5 url(../images/puce8.png) no-repeat 95% center;
  line-height: 120%;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-transform: uppercase; }

.widget_mysoccerpark .lien:hover {
  opacity: 0.8;
  filter: opacity(80); }

.widget_mysoccerpark .lien a {
  width: 300px;
  height: 83px;
  padding: 25px 0 25px 60px;
  background: url(../images/ico_mysoccerpark.png) no-repeat 15px center; }

.widget_mysoccerpark .lien span {
  font-size: 22px;
  font-size: 2.2rem; }

.widget_mysoccerpark .lien a:hover {
  text-decoration: none; }

.widget_newsletter .btn {
  display: block;
  text-align: center; }

.offres {
  font-size: 0;
  text-align: center; }

.offres .bloc {
  position: relative;
  margin: 0 0 20px 20px;
  overflow: hidden; }

.offres .bloc span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: all 1s ease; }

.offres .bloc:hover span {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2); }

.bloc.foot_loisirs span {
  background-image: url(../images/ico_foot_loisirs.jpg); }

.bloc.foot_loisirs:hover span {
  background-image: url(../images/ico_foot_loisirs_hover.jpg); }

.bloc.foot_performance span {
  background-image: url(../images/ico_foot_performance.jpg); }

.bloc.foot_performance:hover span {
  background-image: url(../images/ico_foot_performance_hover.jpg); }

.bloc.padel span {
  background-image: url(../images/ico_padel.jpg); }

.bloc.padel:hover span {
  background-image: url(../images/ico_padel_hover.jpg); }

.bloc.enfants span {
  background-image: url(../images/ico_enfants.jpg); }

.bloc.enfants:hover span {
  background-image: url(../images/ico_enfants_hover.jpg); }

.bloc.entreprises span {
  background-image: url(../images/ico_entreprises.jpg); }

.bloc.entreprises:hover span {
  background-image: url(../images/ico_entreprises_hover.jpg); }

.bloc.collectivites_clubs span {
  background-image: url(../images/ico_collectivites_clubs.jpg); }

.bloc.collectivites_clubs:hover span {
  background-image: url(../images/ico_collectivites_clubs_hover.jpg); }

.bloc.snack_park span {
  background-image: url(../images/ico_snack_park.jpg); }

.bloc.snack_five span {
  background-image: url(../images/ico_snack_five.jpg); }

.bloc.snack_park:hover span {
  background-image: url(../images/ico_snack_park_hover.jpg); }

.bloc.snack_five:hover span {
  background-image: url(../images/ico_snack_five_hover.jpg); }

.bloc.proshop span {
  background-image: url(../images/ico_proshop.jpg); }

.bloc.proshop:hover span {
  background-image: url(../images/ico_proshop_hover.jpg); }

.bloc.monter_soccerpark span {
  background-image: url(../images/ico_monter_soccerpark.jpg); }

.bloc.monter_five span {
  background-image: url(../images/ico_monter_five.jpg); }

.bloc.monter_soccerpark:hover span {
  background-image: url(../images/ico_monter_soccerpark_hover.jpg); }

.bloc.monter_five:hover span {
  background-image: url(../images/ico_monter_five_hover.jpg); }

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

.widget .offres .bloc {
  width: 92px;
  height: 92px;
  margin: 0 0 12px 12px; }

.widget .offres .blocs_bottom .bloc {
  border: 1px solid #aaa; }

.widget .offres .bloc:nth-child(3n+1) {
  margin-left: 0; }

.widget_contact {
  position: relative;
  width: 300px;
  padding: 20px;
  border: 1px solid #dbdbdb;
  font-size: 12px;
  font-size: 1.2rem; }

.widget_reservations {
  position: relative;
  width: 300px; }

.reservations_titre {
  padding: 8px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 30px;
  font-size: 3rem;
  text-align: center;
  text-transform: uppercase; }

.widget_reservations .resume {
  margin: 0 5px 10px 5px;
  font-size: 12px;
  font-size: 1.2rem; }

.mesreservations_titre {
  margin: 0 0 10px 0;
  font-size: 18px;
  font-size: 1.8rem;
  color: #6e9300; }

.mesreservations_date {
  margin: 0 0 5px 10px;
  padding: 0 10px 0 0;
  background: url(../images/puce9.png) no-repeat right center;
  font-size: 14px;
  font-size: 1.4rem; }

.mesreservations_date a:before {
  content: '■';
  color: #6e9300;
  margin: 0 10px 0 0; }

.evenementscentre_titre {
  margin: 10px 0 10px 0;
  font-size: 18px;
  font-size: 1.8rem;
  color: #00e6f5; }

.evenementscentre_date {
  margin: 0 0 5px 10px;
  padding: 0 10px 0 0;
  background: url(../images/puce9.png) no-repeat right center;
  font-size: 14px;
  font-size: 1.4rem; }

.evenementscentre_date a:before {
  content: '■';
  color: #00e6f5;
  margin: 0 10px 0 0; }

.reservations_savoir_plus a {
  display: block;
  text-align: center; }

.ui-datepicker {
  margin: 0 0 10px 0;
  border: none;
  width: 300px !important; }

.widget_reservations .ui-datepicker {
  width: 100%; }

.ui-datepicker-title {
  height: 40px;
  line-height: 40px; }

.ui-datepicker-header {
  padding: 0;
  background: none;
  border: none;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #00e6f5; }

.ui-datepicker-header .ui-icon {
  background-image: url("../images/jquery_ui/blitzer/ui-icons_cc0000_256x240.png"); }

.ui-datepicker-calendar {
  margin: 0;
  border: 1px solid #c6c6c6; }

.ui-datepicker-calendar thead {
  height: 30px;
  border-top: 1px solid #c6c6c6;
  border-bottom: 1px solid #c6c6c6;
  background: #f2f2f2; }

.ui-datepicker-calendar td {
  padding: 2px; }

.ui-datepicker-today a {
  border: 1px solid #000; }

.ui-datepicker td span, .ui-datepicker td a {
  height: 22px;
  line-height: 16px;
  font-weight: bold;
  color: #797979;
  text-align: center; }

.ui-datepicker tr:first-child td span, .ui-datepicker tr:first-child td a {
  margin-top: 8px; }

.ui-datepicker tr:last-child td span, .ui-datepicker tr:last-child td a {
  margin-bottom: 8px; }

.ui-datepicker td:first-child span, .ui-datepicker td:first-child a {
  margin-left: 8px; }

.ui-datepicker td:last-child span, .ui-datepicker td:last-child a {
  margin-right: 8px; }

.ui-datepicker td.reservations > a {
  color: #ffffff;
  background: #7da60f; }

.ui-datepicker td.reservations_public > a {
  color: #ffffff;
  background: #7da60f; }

.ui-datepicker td.evenements > a {
  color: #ffffff;
  background: #00e6f5; }

.ui-datepicker td.current > a {
  color: #ffffff;
  background: #2b2a32; }

.slide {
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  /*background-size: cover; background-attachment: fixed;*/ }

.slide_titre {
  position: relative;
  line-height: 70px;
  font-family: 'GothamBlack';
  font-size: 80px;
  font-size: 8.0rem;
  text-align: center;
  text-transform: uppercase; }

.slide_accroche {
  font-size: 25px;
  font-size: 2.5rem;
  text-align: center; }

.slide_pret_jouer {
  z-index: 30;
  height: 770px;
  padding: 230px 0 0 0;
  background-image: url(../images/bg_slide6.png);
  background-color: #000;
  text-align: center; }
  .slide_pret_jouer .btn {
    background: #FFF; }

body.index_index .slide_pret_jouer {
  margin-top: -77px; }

.slide_pret_jouer .slide_titre {
  line-height: 100px;
  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
  font-size: 115px;
  font-size: 11.5rem;
  color: #fff; }

.slide_pret_jouer .btn_reserver {
  margin: 60px 0 0 0; }

.partenaires {
  font-size: 0;
  text-align: center; }

.partenaires_titre {
  margin: 0 0 70px 0;
  font-family: 'GothamBlack';
  font-size: 30px;
  font-size: 3.0rem;
  text-transform: uppercase; }

.partenaires a {
  margin: 0 0 0 110px; }

.partenaires a:first-child {
  margin-left: 0; }

.slide_actualites {
  background: #000; }

/* Nocentre */
.nocentres {
  min-height: 630px;
  padding: 0 175px;
  font-family: "Canaro-Medium"; }
  @media only screen and (max-width: 980px) {
    .nocentres {
      padding: 0 10px; } }

.form_centres_select {
  margin: 50px 0; }

.form_centres_select .selectric .label {
  margin: 0;
  color: #fff; }

@media only screen and (max-width: 767px) {
  .selectric {
    color: #000; } }

/* POP-IN */
.ui-dialog.ui-widget-content {
  background: url("../images/bg_pop-in.jpg");
  font-family: "Canaro"; }
  @media only screen and (max-width: 480px) {
    .ui-dialog.ui-widget-content {
      background-position-x: 40%; } }

.ui-dialog.ui-widget.ui-widget-content {
  width: 40% !important;
  border: 3px solid #fff; }
  @media only screen and (max-width: 1440px) {
    .ui-dialog.ui-widget.ui-widget-content {
      width: 50% !important; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .ui-dialog.ui-widget.ui-widget-content {
      width: 70% !important; } }
  @media only screen and (max-width: 480px) {
    .ui-dialog.ui-widget.ui-widget-content {
      width: 95% !important; } }

.ui-dialog .ui-widget-header {
  background: none;
  border: none; }

.ui-dialog .ui-dialog-titlebar {
  padding: 4em 1em 0 50%; }
  @media only screen and (max-width: 480px) {
    .ui-dialog .ui-dialog-titlebar {
      padding: 4em 1em; } }

.ui-dialog .ui-dialog-title {
  width: 100%;
  text-align: center;
  font-size: 32px;
  color: #00e6f5;
  font-weight: 100;
  white-space: inherit;
  text-transform: uppercase; }

.ui-dialog .ui-dialog-titlebar-close {
  width: 29px;
  height: 29px;
  top: 0;
  right: -20px; }

.ui-dialog .ui-button .ui-icon {
  background-image: url("../images/close_pop-in.png"); }

.ui-dialog .ui-button:hover .ui-icon {
  background-image: url("../images/close_pop-in.png"); }

.ui-dialog .ui-button-icon-only .ui-icon {
  margin-top: -15px;
  margin-left: -15px; }

.ui-dialog .ui-icon-closethick {
  background-position: center; }

.ui-dialog .ui-dialog-titlebar-close {
  background: none;
  border: none; }

.ui-dialog .ui-dialog-titlebar-close .ui-icon {
  width: 29px;
  height: 29px; }

.ui-dialog-content .ui-icon-alert {
  display: none; }

.ui-dialog .ui-dialog-content {
  text-align: center;
  padding-left: 50%;
  font-size: 16px;
  color: #fff; }
  @media only screen and (max-width: 480px) {
    .ui-dialog .ui-dialog-content {
      padding-left: 1em; } }

.ui-dialog .ui-dialog-buttonpane {
  padding-left: 50%;
  text-align: center;
  background: none;
  border-width: 0; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none; }

.ui-dialog .ui-dialog-buttonpane button {
  margin-right: 1em; }

.ui-dialog-buttonset button.ui-button {
  background: #fff;
  color: #000;
  border: 1px solid #fff;
  border-radius: 0; }

.ui-dialog-buttonset button.ui-button:hover {
  color: #00e6f5;
  border-color: #00e6f5; }

.ui-widget-overlay {
  background: #000; }

/* Footer */
.footer {
  padding: 20px 0 50px 0;
  color: #fff;
  text-align: center;
  background-color: #FFF; }

.footer_iframe {
  margin: 70px 0 0 0;
  font-size: 0;
  text-align: center; }

.footer .facebook_posts {
  display: inline-block;
  margin: 0 40px 0 0; }

.social-footer {
  color: #000;
  margin-top: 40px; }
  .social-footer .social-icon {
    color: #000;
    font-size: 4.2rem;
    margin-right: 25px;
    transition: all .3s ease; }
    .social-footer .social-icon icon:hover {
      color: #00e6f5; }
    .social-footer .social-icon:hover {
      color: #00e6f5; }

.footer .tweets {
  display: inline-block; }

.menu_footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  list-style: none;
  margin: 70px auto 40px auto;
  padding: 20px 0 0 0;
  border-top: 10px solid #000;
  font-family: 'Montserrat', sans-serif;
  font-size: 0;
  text-transform: uppercase; }
  @media only screen and (max-width: 767px) {
    .menu_footer {
      display: block; } }
  .menu_footer li {
    display: inline-block;
    margin: 0 0 10px 25px;
    font-size: 14px;
    font-size: 1.4rem; }
    .menu_footer li:first-child {
      margin-left: 0; }
    .menu_footer li a {
      color: #000;
      font-family: "Open sans", sans-serif;
      font-weight: 600; }
      .menu_footer li a:hover {
        color: #00e6f5;
        text-decoration: none; }

.copyright {
  margin-bottom: 60px !important;
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  color: #939393;
  text-transform: uppercase; }

.copyright a {
  margin: 0 0 10px 20px; }

.copyright > a:first-child {
  margin-left: 0; }

.copyright span {
  display: inline-block; }

.reseaux_sociaux {
  margin: 50px 0 0 0;
  font-size: 0; }

.reseaux_sociaux a {
  margin: 0 0 0 20px;
  font-size: 30px; }

.reseaux_sociaux a:first-child {
  margin-left: 0; }

/**
 * Gestion des éléments à afficher
 */
@media screen and (min-width: 980px) {
  .ecran {
    display: inherit; }

  .hidden_ecran {
    display: none !important; } }
@media screen and (min-width: 768px) and (max-width: 979px) {
  .tablette {
    display: inherit; }

  .hidden_tablette {
    display: none !important; } }
@media screen and (max-width: 767px) {
  .mobile {
    display: inherit; }

  .hidden_mobile {
    display: none !important; } }
@media print {
  .print {
    display: inherit; } }
/**
 * Responsive Design
 */
/* Grand écran */
@media screen and (max-width: 1400px) {
  .infos .adresse, .infos .ville {
    display: none; } }
@media screen and (min-width: 1350px) {
  /* Header */
  .header_top .logo {
    margin: 0 !important; }

  .header_top .retour_www {
    display: block;
    position: absolute;
    top: 20px;
    left: 200px; } }
@media screen and (min-width: 1025px) and (max-width: 1700px) {
  .fixe .infos .centre {
    display: none; } }
/* Ecran classique / Tablette paysage */
@media screen and (min-width: 980px) {
  h1 {
    font-size: 50px;
    font-size: 5.0rem; }

  h2, h3, h4, h5, h6 {
    font-size: 30px;
    font-size: 3.0rem; }

  /* Header */
  .header_top .logo {
    margin: 0 0 0 90px; }

  .shifter-enabled .shifter-handle {
    /*text-indent: inherit;*/ }

  .contenu {
    float: left;
    width: 660px; }

  .columnizer .column p, .columnizer .column ul, .columnizer .column h2, .columnizer .column h3, .columnizer .column h4, .columnizer .column h5, .columnizer .column h6 {
    padding-right: 50px !important; }

  /* Colonne droite */
  #col_right {
    float: right;
    width: 300px;
    margin: 0 20px 0 0; }

  #col_right .widget {
    margin: 0 0 20px 0; }

  #bloc_match {
    position: relative;
    width: 300px;
    height: 435px;
    background: url(../images/bg_terrain.jpg) no-repeat;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    text-align: center; }

  .bloc_videos {
    float: left;
    width: 300px;
    margin: 0 0 0 20px; }

  .bloc_videos:first-child {
    margin: 0; }

  /* Footer */
  .menu_footer {
    font-size: 12px;
    font-size: 1.2rem; }

  .menu_footer li:first-child {
    margin-left: 0; } }
/* Tablette portrait */
@media screen and (max-width: 979px) {
  .content_center {
    width: auto;
    margin: 0 10px; }

  h1 {
    font-size: 40px;
    font-size: 4.0rem; }

  h2, h3, h4, h5, h6 {
    font-size: 25px;
    font-size: 2.5rem; }

  /* Shifter */
  .shifter-enabled .shifter-handle {
    width: 49px;
    height: 49px;
    background-size: 50%; }

  /* Header */
  .header_top {
    font-size: 12px;
    font-size: 1.2rem; }

  .header_top .logo {
    width: 120px;
    margin: 0 0 0 70px; }

  .header_top_liens > li {
    margin: 0 0 0 20px; }

  .account .deploie {
    width: 160px;
    line-height: 20px;
    vertical-align: middle; }

  .selectboxit-container {
    vertical-align: -10px; }

  /* Menu */
  .menu_handle {
    top: 35px;
    left: 10px; }

  .columnizer .column p, .columnizer .column ul, .columnizer .column h2, .columnizer .column h3, .columnizer .column h4, .columnizer .column h5, .columnizer .column h6 {
    padding-right: 30px !important; }

  /* Colonne droite */
  #col_right {
    width: 300px;
    margin: 20px auto 0 auto; }

  .widget {
    margin: 0 0 10px 0; }

  .widget_mysoccerpark {
    width: 300px; }

  /*.widget_contact {clear: both; width: auto; margin: 20px 0 0 0; overflow: auto;}
  .widget_contact .contact_coordonnees, .widget_contact .contact_horaires {float: left; width: 50%;}*/
  .bloc_videos {
    float: left;
    margin: 0 0 0 4%; }

  .bloc_videos:first-child {
    margin-left: 0; }

  .partenaires {
    width: 410px;
    margin: 0 auto; }

  .partenaires a {
    width: 150px;
    margin-bottom: 60px;
    text-align: center; }

  .partenaires a:nth-child(2n+1) {
    margin-left: 0; }

  /* Footer */
  .menu_footer {
    margin: 70px 10px 40px 10px; } }
/* Mobile */
@media screen and (max-width: 767px) {
  h1 {
    font-size: 25px;
    font-size: 2.5rem; }

  h2, h3, h4, h5, h6 {
    font-size: 15px;
    font-size: 1.5rem; }

  /* Shifter */
  .shifter-enabled .shifter-handle {
    background-color: transparent; }

  /* Header */
  .header {
    height: auto;
    background: #00e6f5; }

  .header_top {
    height: 55px;
    line-height: 55px;
    border: none; }

  .header_top .logo {
    width: 90px;
    margin: 0 0 0 60px;
    padding: 0; }

  .header_top_liens .account, .header_top_liens .choix_centre {
    display: none; }

  .header_top_liens .btn.reserver {
    display: inline-block; }

  .header_mobile {
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    z-index: 10;
    line-height: 55px;
    padding: 0 10px;
    background: #00e6f5;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    text-transform: uppercase; }

  .header_mobile a:hover {
    text-decoration: none; }

  .header_mobile .account ul {
    top: 55px; }

  .account .deploie {
    width: auto;
    /*background-image: url(../images/puce13.png);*/ }

  /* Menu */
  .menu_handle {
    top: 4px;
    left: 0; }

  .columnizer .column p, .columnizer .column ul, .columnizer .column h2, .columnizer .column h3, .columnizer .column h4, .columnizer .column h5, .columnizer .column h6 {
    padding-right: 20px !important; }

  form.form_common p label {
    display: block; }

  form.form_common p input, form.form_common p select, form.form_common p textarea {
    width: 100%; }

  form.form_common #btn_submit {
    text-align: center; }

  /* Colonne droite */
  .profil {
    padding: 110px 20px 20px 20px; }

  .profil_avatar {
    top: -30px; }

  .profil_accroche {
    padding: 0 60px; }

  /* Contenu */
  .bloc_videos {
    margin: 0 0 20px 0; }

  .top_videos_see_all {
    position: static;
    margin: 0 0 10px 0; }

  .top_videos_see_all a {
    padding-left: 45px;
    background-position: 15px center; }

  .video_illustration img {
    width: 100%; }

  .partenaires {
    width: 250px; }

  .partenaires a {
    width: 100px;
    margin: 0 0 50px 50px; }

  .slide_pret_jouer .slide_titre {
    font-size: 60px;
    font-size: 6.0rem;
    line-height: 55px; }

  /* Footer */
  .footer {
    padding: 0 0 50px 0; }

  .footer .facebook_posts, .footer .tweets {
    display: block;
    margin: 0 10px 40px 10px; }

  .footer .facebook_posts iframe, .footer .tweets iframe {
    width: auto;
    max-width: 300px !important; }

  .menu_footer {
    padding: 20px 0 0 0; } }
@media screen and (min-width: 481px) and (max-width: 650px) {
  .main-header .header-fixed {
    border-bottom: none; }

  .main-header.connecte .bloc-connexion {
    position: absolute; } }
@media screen and (max-width: 370px) {
  .avecfiliale .main-content {
    padding-top: 180px; }

  .info-centre .block-centre {
    float: left; } }
.account_index .main-title {
  margin-bottom: 80px; }

.section_buts .sub-title {
  margin-bottom: 30px;
  color: #000; }

.section_matchs .sub-title {
  margin-bottom: 30px;
  color: #fff; }

.section_stats {
  padding: 0 0 200px 0; }

.account_profil {
  position: relative;
  float: left;
  width: 40%;
  font-size: 18px;
  font-size: 1.8rem;
  text-transform: uppercase; }
  @media only screen and (max-width: 767px) {
    .account_profil {
      float: none;
      width: 100%;
      text-align: center; } }

.account_profil .avatar {
  width: 120px;
  height: 120px;
  margin: 60px 0 0 0;
  background-position: center center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%; }
  @media only screen and (max-width: 767px) {
    .account_profil .avatar {
      margin: 60px auto 0 auto; } }

.account_profil .avatar_equipe {
  position: absolute;
  top: 25px;
  left: 90px;
  width: 90px;
  height: 90px;
  background-position: center center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%; }

.account_profil .profil_nom {
  position: absolute;
  top: 40px;
  left: 200px;
  font-weight: bold; }
  @media only screen and (max-width: 767px) {
    .account_profil .profil_nom {
      position: relative;
      top: 0;
      left: 0;
      margin-top: 20px;
      text-align: center; } }

.account_profil .profil_equipe {
  font-weight: normal; }

.account_infos {
  float: right;
  width: 60%;
  margin: 0 0 30px 0; }
  @media only screen and (max-width: 767px) {
    .account_infos {
      float: none;
      width: 100%; } }

.account_infos_col {
  float: left;
  margin: 0 20px 0 0; }
  @media only screen and (max-width: 767px) {
    .account_infos_col {
      float: none;
      width: 100%;
      text-align: center; } }

.account_infos_buts .account_infos_value {
  font-family: 'Bebas';
  font-size: 150px;
  font-size: 15.0rem; }

.account_infos_buts .account_infos_label {
  line-height: 30px;
  font-size: 33px;
  font-size: 3.3rem;
  font-weight: 300;
  text-transform: uppercase; }

.account_infos_matchs .account_infos_value {
  font-family: 'Bebas';
  font-size: 150px;
  font-size: 15.0rem; }

.account_infos_matchs .account_infos_label {
  line-height: 30px;
  font-size: 33px;
  font-size: 3.3rem;
  font-weight: 300;
  text-transform: uppercase; }

.account_infos_fautes {
  margin: 20px 0 0 0; }
  @media only screen and (max-width: 767px) {
    .account_infos_fautes {
      text-align: center; } }

.account_infos_fautes .account_infos_value {
  float: left;
  font-family: 'Bebas';
  font-size: 66px;
  font-size: 6.6rem; }
  @media only screen and (max-width: 767px) {
    .account_infos_fautes .account_infos_value {
      float: none;
      display: inline-block; } }

.account_infos_fautes .account_infos_label {
  float: left;
  margin: 15px 0 0 10px;
  line-height: 27px;
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: 300;
  text-transform: uppercase; }
  @media only screen and (max-width: 767px) {
    .account_infos_fautes .account_infos_label {
      float: none;
      display: inline-block; } }

.account_infos_buts_matchs .account_infos_value {
  float: left;
  font-family: 'Bebas';
  font-size: 66px;
  font-size: 6.6rem; }
  @media only screen and (max-width: 767px) {
    .account_infos_buts_matchs .account_infos_value {
      float: none;
      display: inline-block; } }

.account_infos_buts_matchs .account_infos_label {
  float: left;
  margin: 15px 0 0 10px;
  line-height: 27px;
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: 300;
  text-transform: uppercase; }
  @media only screen and (max-width: 767px) {
    .account_infos_buts_matchs .account_infos_label {
      float: none;
      display: inline-block; } }

.stats_ligue {
  position: relative; }

.stats_ligue.disabled:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.8) url(../images/stats_lock.png) no-repeat center center; }

.stats_progress {
  position: relative;
  display: table-cell;
  width: 50%;
  vertical-align: middle; }

.stats_progress.disabled:after {
  content: '';
  position: absolute;
  top: 0;
  left: -120px;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.8) url(../images/stats_lock.png) no-repeat center center; }

.amchart a {
  display: none !important; }

#radar_chart {
  position: relative;
  display: table-cell;
  width: 50%;
  height: 450px;
  vertical-align: middle; }

#radar_chart.disabled:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.8) url(../images/stats_lock.png) no-repeat center center; }

#radar_chart .amcharts-axis-title {
  font-weight: bold;
  text-transform: uppercase; }

.stats_bottom {
  position: relative; }

.stats_bottom.disabled:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.8) url(../images/stats_lock.png) no-repeat center center; }

.stats_blocs {
  margin: 70px 0 0 0;
  padding: 0 20px 0 77px; }

.stats_bloc {
  position: relative;
  float: left;
  width: 357px;
  height: 120px;
  margin: 0 0 0 15px;
  border: 1px solid #333132;
  font-family: 'Bebas'; }

.stats_bloc:first-child {
  margin-left: 0; }

.stats_bloc_icone {
  position: absolute;
  top: 5px;
  left: 20px; }

.stats_bloc_label {
  position: absolute;
  left: 20px;
  bottom: 20px;
  font-size: 30px;
  font-size: 3.0rem;
  text-transform: uppercase; }

.stats_bloc_value {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 58px;
  font-size: 5.8rem; }

.stats_bloc_unite {
  display: block;
  text-align: right;
  font-size: 20px;
  font-size: 2.0rem;
  text-transform: uppercase; }

#column_chart {
  width: 100%;
  height: 300px;
  margin: 30px 0 0 0; }

.section_buts {
  padding: 100px 0;
  background: #fff; }

.section_buts .btn_base {
  margin-top: 40px; }

.section_buts .mavideo .time {
  background: #00e6f5; }

.section_matchs {
  padding: 150px 0 310px 0;
  background: #00FF87 url(../images/bg_account_matchs.png) no-repeat center bottom; }

.section_matchs .btn_base {
  margin-top: 40px; }

.section_matchs .mavideo .time {
  background: #111011; }

.section_equipes {
  min-height: 1230px;
  margin: -160px 0 0 0;
  padding: 240px 0 340px 0;
  background: url(../images/bg_account_equipes.png) no-repeat center top; }
  @media only screen and (max-width: 767px) {
    .section_equipes {
      margin: 0;
      padding: 40px 0 40px 0;
      background: #000; } }

.section_equipes .etape {
  margin-bottom: 20px; }

.teams .team {
  display: none;
  margin: 40px 0 0 0; }

.player {
  float: left;
  width: 100px;
  margin: 15px 25px;
  font-size: 14px;
  font-size: 1.4rem; }

.player_thumb {
  width: 100px;
  height: 100px;
  background-position: center center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%; }

.player_nom {
  margin: 10px 0 0 0;
  font-family: 'Canaro-Thin';
  text-align: center; }

.team .btn_base {
  margin-top: 40px; }

.top_videos {
  float: none;
  margin-left: 40px; }

.top_videos_see_all a:hover {
  color: #00e6f5;
  background-image: url(../images/puce12.png); }

.bloc_videos .onglets .onglet.active {
  background: #00e6f5; }

.table_account {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 15px;
  color: #000; }

.table_account th, .table_account td {
  border: none;
  padding: 3px; }

.table_account th {
  background: #cdcdcd; }

.table_account td {
  background: #e6e6e6;
  border-top: 2px solid #fff; }

/*.table_account th.icone {width: 80px;}*/
.table_account td.icone {
  text-align: center; }

/*.table_account th.name {width: 200px;}*/
/*.table_account th.terrain {width: 120px;}*/
/*.table_account th.montant {width: 100px;}*/
.table_account td.montant {
  text-align: right;
  padding-right: 10px; }

.table_account td img {
  vertical-align: middle; }

/* Progressbar */
.progressbar {
  position: relative;
  height: 85px; }

.progressbar .titre {
  position: absolute;
  top: 37px;
  right: 530px;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 600;
  color: #939598;
  text-align: right;
  text-transform: uppercase; }

.progressbar .bar {
  display: block;
  position: absolute;
  top: 45px;
  left: 110px;
  width: 0;
  height: 10px;
  background: #00e6f5;
  overflow: hidden;
  border-radius: 5px;
  z-index: 1; }
  @media only screen and (max-width: 1024px) {
    .progressbar .bar {
      left: 200px; } }

.progressbar .bar_base {
  display: block;
  position: absolute;
  top: 45px;
  left: 110px;
  width: 395px;
  height: 10px;
  background: #000;
  border-radius: 5px; }

.progressbar .bar_base .avatar_debutant {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  transform: translateX(-50%) translateY(-50%); }

.progressbar .bar_base .avatar_intermediaire {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%) translateY(-50%); }

.progressbar .bar_base .avatar_pro {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  transform: translateX(50%) translateY(-50%); }

.progressbar .bar_base .avatar_debutant img,
.progressbar .bar_base .avatar_intermediaire img,
.progressbar .bar_base .avatar_pro img {
  border: 3px solid #000;
  border-radius: 50%; }

.progressbar .bar_base .avatar_debutant.active img,
.progressbar .bar_base .avatar_intermediaire.active img,
.progressbar .bar_base .avatar_pro.active img {
  border: 3px solid #00e6f5; }

.progressbar .bar_base .label {
  position: absolute;
  top: -45px;
  left: 0;
  font-size: 14px;
  font-weight: bold;
  color: #00e6f5; }

.progressbar .bar_base .label .perc {
  transform: translateX(-50%); }

#dialog {
  display: none; }

/**
 * Responsive Design
 */
@media screen and (max-width: 1024px) {
  .stats_progress {
    display: block;
    width: 100%;
    margin: 0 auto 40px auto; }

  .stats_progress.disabled:after {
    left: 0; }

  .progressbar .titre {
    left: 20px;
    right: auto; }

  .progressbar .bar_base {
    left: 200px;
    right: 70px;
    width: auto; }

  #radar_chart {
    display: block;
    width: 70%;
    height: 360px;
    margin: 0 auto; }

  .stats_blocs {
    margin-top: 40px;
    padding: 0; }

  .stats_bloc {
    float: none;
    margin: 0 auto 20px auto !important; } }
/* Ecran classique / Tablette paysage */
/* Tablette portrait */
@media screen and (max-width: 979px) {
  body.account_index {
    background: #000; }

  .stats_progress {
    display: block;
    width: 100%;
    margin: 0 auto 40px auto; }

  .stats_progress.disabled:after {
    left: 0; }

  .progressbar .titre {
    left: 20px;
    right: auto; }

  .progressbar .bar_base {
    left: 200px;
    right: 70px;
    width: auto; }

  #radar_chart {
    display: block;
    width: 70%;
    height: 360px;
    margin: 0 auto; }

  .stats_blocs {
    margin-top: 40px;
    padding: 0; }

  .stats_bloc {
    float: none;
    margin: 0 auto 20px auto !important; }

  .section_matchs {
    padding: 100px 0; }

  .section_equipes {
    min-height: auto;
    margin: 0;
    padding: 100px 0 0 0;
    background: #000; } }
/* Mobile */
@media screen and (max-width: 767px) {
  .bloc_account_illustration {
    display: block;
    width: auto;
    margin: 0 0 20px 0; }

  .bloc_account_infos {
    display: block;
    width: auto; }

  .bloc_account_infos .table .cell.right {
    max-width: 150px; }

  .bloc_account_infos .edit_account a {
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin: 10px 0;
    padding: 0 20px;
    font-family: 'MarianinaFYMediumItalic';
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: #ff0028;
    border-radius: 3px; }

  .bloc_account_infos .edit_account a:hover {
    opacity: 0.8;
    filter: opacity(80);
    text-decoration: none; }

  .bar_base {
    width: 100%; }

  .top_videos {
    margin-left: 0; } }
@media screen and (max-width: 330px) {
  .membre_equipe {
    float: none;
    margin: 4px auto; } }
/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage */
/* Tablette portrait */
/* Mobile HD */
/* Mobile SD */
.contenu {
  padding-left: 0; }

.contenu {
  padding-left: 0; }

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

.bloc_account.points .bloc_account_titre {
  margin: 0 0 15px 0;
  background: url(../images/sep_maxpoints.png) no-repeat center bottom;
  font-family: 'MarianinaFYBoldItalic';
  font-size: 36px;
  font-size: 3.6rem;
  color: #ff0028;
  text-transform: none; }

.bloc_account.points .bloc_account_titre span {
  font-size: 72px;
  font-size: 7.2rem; }

.bloc_points {
  display: inline-block;
  width: 110px; }

.bloc_points_type {
  font-weight: bold; }

.bloc_points_valeur {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #ff0028; }

.bloc_account.points .asterisque {
  margin: 10px 0 0 0;
  font-style: italic; }

.info_stat {
  display: none;
  position: absolute;
  left: 600px;
  padding: 15px;
  width: 600px;
  max-width: 100%;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.8);
  border: 1px solid #00e5ff; }

/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage */
/* Tablette portrait */
@media screen and (min-width: 768px) and (max-width: 979px) {
  .info_stat {
    left: auto;
    right: 0; } }
/* Mobile */
@media screen and (max-width: 767px) {
  .contenu {
    padding-left: 20px; } }
/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage */
/* Tablette portrait */
/* Mobile HD */
/* Mobile SD */
/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage */
/* Tablette portrait */
/* Mobile HD */
/* Mobile SD */
/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage */
/* Tablette portrait */
/* Mobile HD */
/* Mobile SD */
/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage */
/* Tablette portrait */
/* Mobile HD */
/* Mobile SD */
/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage */
/* Tablette portrait */
/* Mobile HD */
/* Mobile SD */
.contenu {
  float: none;
  width: auto; }

form.form_common .titre_rubrique {
  margin: 20px 0 10px 0; }

form.form_common p input.inputradio {
  margin: 0 0 0 10px; }

form.form_common p span.image {
  display: block; }

form.form_common .renseignements .bloc_info {
  color: #000; }

.bloc-signup {
  min-height: inherit !important; }

.renseignements {
  display: block; }

.formulaire_password {
  margin-bottom: 50px; }

.update {
  display: none; }

.formulaire_password form.form_common p input[type="submit"] {
  border: 1px solid #00e6f5; }

/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage */
@media screen and (min-width: 980px) {
  #moncompte_infos .form_left {
    float: left;
    width: 48%; }

  #moncompte_infos .form_right {
    float: right;
    width: 48%;
    margin: 0 0 0 4%; } }
/* Tablette portrait */
@media screen and (min-width: 768px) and (max-width: 979px) {
  form.form_common p label {
    width: 150px; }

  #moncompte_infos .form_left {
    float: left;
    width: 58%; }

  #moncompte_infos .form_right {
    float: right;
    width: 38%;
    margin: 0 0 0 4%; }

  #moncompte_infos .form_right p label {
    display: block;
    width: auto;
    margin: 0 0 5px 0; } }
/* Mobile */
@media screen and (max-width: 767px) {
  form.form_common p label {
    display: block;
    width: auto;
    margin: 0 0 5px 0; } }
.bg-joueur {
  background: url(../images/joueur.jpg) no-repeat bottom right; }
  @media only screen and (max-width: 480px) {
    .bg-joueur {
      background: none; } }

.actualites-detail {
  position: relative;
  margin-top: 100px; }
  @media only screen and (min-width: 1024px) {
    .actualites-detail {
      width: 1000px !important;
      margin: 0 auto; } }
  .actualites-detail .partenaires_kfc {
    position: absolute;
    top: -100px;
    left: 0;
    right: 0;
    text-align: center; }
    .actualites-detail .partenaires_kfc img {
      height: 150px; }

@media only screen and (min-width: 1024px) {
  .kfc .actualites-detail {
    width: 800px !important; } }
.actualite-detail {
  min-width: 300px;
  float: left;
  background-color: #f1f2f2;
  background-image: url(/splfv2/site/templates/defaut/front/images/actu_details_bg_end.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain; }
  @media only screen and (max-width: 1120px) {
    .actualite-detail {
      float: none; } }

.actualites-col-right {
  min-width: 300px;
  float: left;
  margin: 0 auto;
  padding: 35px 30px;
  background-color: #000; }
  @media only screen and (max-width: 1120px) {
    .actualites-col-right {
      float: none;
      padding: 30px; } }

.actualite-detail .actualite-detail_description {
  padding: 50px;
  font-family: "Open Sans";
  font-size: 18px;
  font-size: 1.8rem; }

.actualite-detail .actualite-detail_titre {
  color: #00e6f5;
  font-family: "Canaro-Bold";
  font-size: 45px;
  font-size: 4.5rem; }
  @media only screen and (max-width: 1120px) {
    .actualite-detail .actualite-detail_titre {
      font-size: 29px;
      font-size: 2.9rem; } }
  @media only screen and (max-width: 767px) {
    .actualite-detail .actualite-detail_titre {
      font-size: 21px;
      font-size: 2.1rem; } }

.actualite-detail .actualite-detail_date {
  color: #00e6f5;
  font-style: italic;
  font-size: 16px;
  font-size: 1.6rem; }

.actualite-detail .actualite-detail_contenu {
  margin-top: 30px;
  color: #000; }

.actualite-detail .actualite-detail_contenu img {
  max-width: 100%;
  height: auto !important; }

.actualite-detail .actualite-detail_contenu iframe {
  max-width: 100%; }

.actualite-detail .actualite-detail_description .actualite-social {
  margin-top: 30px;
  text-align: center; }

.actualite-detail .actualite-detail_description .actu-facebook {
  display: inline-block;
  margin: 0 10px; }

.actualite-detail .actualite-detail_description .actu-twitter {
  display: inline-block;
  margin: 0 10px; }

.actualite-detail .actualite-detail_description .actu-mail {
  display: inline-block;
  margin: 0 10px; }

.actualite-detail .actualite-detail_description i.fa {
  font-size: 30px;
  font-size: 3.0rem;
  color: #00e6f5; }

.actualite-detail .actualite-detail_description i.fa:hover {
  color: #000; }

.kfc .actualites-detail {
  margin-top: 100px; }

.kfc .actualite-detail .actualite-detail_titre {
  color: #e2342c; }

.kfc .actualite-detail .actualite-detail_date {
  color: #e2342c; }

.kfc .actualite-detail .actualite-detail_description i.fa {
  color: #e2342c; }

.cdm .actualite-detail .actualite-detail_titre {
  color: #bd1515; }

.cdm .actualite-detail .actualite-detail_date {
  color: #bd1515; }

.cdm .actualite-detail .actualite-detail_description i.fa {
  color: #bd1515; }

.actualite-col-right {
  width: 33%;
  display: inline-block;
  font-family: "Open Sans";
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  border-bottom: 1px solid #fff;
  padding: 50px 0; }
  @media only screen and (max-width: 1023px) {
    .actualite-col-right {
      width: 100%; } }

.actualite-col-right .actualite_description .actualite_titre {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold; }

.actualite-col-right .actualite_description .actualite_date {
  font-style: italic;
  margin-top: 3px; }

.actualite-col-right .actualite_description .actualite_resume {
  color: #fff;
  margin: 20px 0 30px;
  line-height: 20px; }

.actualite-col-right .actualite_description .actualite_lien {
  display: inline-block;
  font-weight: bold;
  padding: 15px 25px;
  border: 2px solid;
  text-transform: uppercase;
  position: relative;
  z-index: 1; }

body.actualites_detail .bloc-bg-2 {
  position: relative;
  margin-bottom: 205px; }
  @media only screen and (max-width: 1023px) {
    body.actualites_detail .bloc-bg-2 {
      margin-bottom: 140px; } }

body.actualites_detail .bg-2 {
  position: absolute;
  width: 100%;
  bottom: -229px;
  height: 356px;
  background: url(../images/bg_actu_2.png) no-repeat center top; }

/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage */
/* Tablette portrait */
/* Mobile HD */
/* Mobile SD */
.bg-joueur {
  background: url(../images/joueur.jpg) no-repeat bottom right; }
  @media only screen and (max-width: 480px) {
    .bg-joueur {
      background: none; } }

.actualites {
  padding: 0 24px 140px;
  font-size: 0;
  margin-top: 100px; }

.actualites_index .actualite {
  display: inline-block;
  width: 33%;
  padding: 0 2px;
  vertical-align: top;
  font-family: "Open Sans";
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 100px; }
  @media only screen and (max-width: 1023px) {
    .actualites_index .actualite {
      width: 50%; } }
  @media only screen and (max-width: 767px) {
    .actualites_index .actualite {
      width: 100%; } }

.actualite .actualite_illustration {
  display: block; }

.actualite .actualite_description {
  margin-top: 20px; }

.actualite .actualite_description .actualite_titre {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold; }

.actualite .actualite_description .actualite_date {
  font-style: italic;
  margin-top: 3px; }

.actualite .actualite_description .actualite_resume {
  color: #fff;
  margin: 20px 0 50px;
  line-height: 20px; }

.actualite .actualite_description .actualite_lien {
  display: inline-block;
  font-weight: bold;
  padding: 15px 25px;
  border: 2px solid;
  text-transform: uppercase; }
  @media only screen and (max-width: 400px) {
    .actualite .actualite_description .actualite_lien {
      margin-bottom: 10px; } }

.actualite .actualite_description .actualite_lien:hover {
  color: #00e6f5; }

.actualite .actualite_description .actualite-social {
  display: inline-block;
  padding: 0 5%; }

.actualite .actualite_description .actu-facebook {
  display: inline-block; }

.actualite .actualite_description .actu-twitter {
  display: inline-block;
  padding: 0 10px; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .actualite .actualite_description .actu-twitter {
      padding: 0 3px; } }

.actualite .actualite_description .actu-mail {
  display: inline-block;
  margin: 0 10px; }

.actualite .actualite_description i.fa {
  font-size: 30px;
  font-size: 3.0rem; }

.actualite .actualite_description i.fa:hover {
  color: #00e6f5; }

body.actualites_index .bloc-bg-2 {
  position: relative;
  margin-bottom: 187px; }
  @media only screen and (max-width: 1120px) {
    body.actualites_index .bloc-bg-2 {
      margin-bottom: 100px; } }
  @media only screen and (max-width: 1023px) {
    body.actualites_index .bloc-bg-2 {
      margin-bottom: 0px; } }
  @media only screen and (max-width: 767px) {
    body.actualites_index .bloc-bg-2 {
      margin-bottom: -110px; } }

body.actualites_index .bg-2 {
  position: absolute;
  width: 100%;
  bottom: -211px;
  height: 356px;
  background: url(../images/bg_actu_2.png) no-repeat center top; }
  @media only screen and (max-width: 1440px) {
    body.actualites_index .bg-2 {
      bottom: -190px; } }
  @media only screen and (max-width: 1120px) {
    body.actualites_index .bg-2 {
      bottom: -140px; } }
  @media only screen and (max-width: 767px) {
    body.actualites_index .bg-2 {
      bottom: -100px; } }

/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage */
/* Tablette portrait */
/* Mobile */
@media screen and (max-width: 767px) {
  .actualite .actualite_illustration {
    float: none;
    display: block;
    width: auto;
    text-align: center; }

  .actualite .actualite_description {
    margin: 20px 0 0 0;
    padding: 0; } }
.bg-joueur {
  background: url(../images/joueur.jpg) no-repeat bottom right; }
  @media only screen and (max-width: 480px) {
    .bg-joueur {
      background: none; } }

.emplois {
  padding: 0 24px 140px;
  font-size: 0;
  margin-top: 100px; }

.emplois_index .emploi {
  display: inline-block;
  width: 33%;
  padding: 0 2px;
  vertical-align: top;
  font-family: "Open Sans";
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 100px; }
  @media only screen and (max-width: 1023px) {
    .emplois_index .emploi {
      width: 50%; } }
  @media only screen and (max-width: 767px) {
    .emplois_index .emploi {
      width: 100%; } }

.emploi .emploi_illustration {
  display: block;
  background: #fff; }

.emploi .emploi_description {
  margin-top: 20px; }

.emploi .emploi_description .emploi_titre {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold; }

.emploi .emploi_description .emploi_date {
  font-style: italic;
  margin-top: 3px; }

.emploi .emploi_description .emploi_resume {
  color: #fff;
  margin: 20px 0 50px;
  line-height: 20px; }

.emploi .emploi_description .emploi_lien {
  display: inline-block;
  font-weight: bold;
  padding: 15px 25px;
  border: 2px solid;
  text-transform: uppercase; }

body.emplois_index .bloc-bg-2 {
  position: relative;
  margin-bottom: 187px; }
  @media only screen and (max-width: 1120px) {
    body.emplois_index .bloc-bg-2 {
      margin-bottom: 100px; } }
  @media only screen and (max-width: 1023px) {
    body.emplois_index .bloc-bg-2 {
      margin-bottom: 0px; } }
  @media only screen and (max-width: 767px) {
    body.emplois_index .bloc-bg-2 {
      margin-bottom: -110px; } }

body.emplois_index .bg-2 {
  position: absolute;
  width: 100%;
  bottom: -211px;
  height: 356px;
  background: url(../images/bg_actu_2.png) no-repeat center top; }
  @media only screen and (max-width: 1440px) {
    body.emplois_index .bg-2 {
      bottom: -190px; } }
  @media only screen and (max-width: 1120px) {
    body.emplois_index .bg-2 {
      bottom: -140px; } }
  @media only screen and (max-width: 767px) {
    body.emplois_index .bg-2 {
      bottom: -100px; } }

/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage */
/* Tablette portrait */
/* Mobile */
@media screen and (max-width: 767px) {
  .emploi .emploi_illustration {
    float: none;
    display: block;
    width: auto;
    text-align: center; }

  .emploi .emploi_description {
    margin: 20px 0 0 0;
    padding: 0; } }
.step3_index #content {
  padding-bottom: 70px; }
  @media only screen and (max-width: 767px) {
    .step3_index #content {
      padding-bottom: 20px; } }

.step3_index h2 {
  margin-bottom: 20px; }

.table_entete {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  border-bottom: 1px solid #d2d2d2;
  background: #f6f6f6;
  font-size: 13px;
  font-size: 1.3rem;
  color: #484848;
  text-transform: uppercase; }

.basket {
  border-collapse: collapse; }

.basket .basket_entete {
  display: table-row;
  height: 50px;
  border: 1px solid #d2d2d2;
  font-size: 13px;
  font-size: 1.3rem;
  color: #484848; }

.basket .basket_entete .cell {
  vertical-align: middle;
  text-transform: uppercase;
  color: #00e6f5; }

.basket .basket_articles {
  border: 1px solid #d2d2d2; }

.basket .basket_article {
  position: relative;
  border-top: 1px solid #d2d2d2; }

.basket .basket_article:first-child {
  border: none; }

.basket .basket_article .cell {
  padding: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: middle; }

.basket .basket_photo {
  width: 110px; }

.basket .basket_designation {
  width: 200px; }

.basket .article_designation {
  font-size: 18px;
  font-size: 1.8rem; }

.basket .article_prix {
  font-size: 18px;
  font-size: 1.8rem; }

.basket .basket_prix {
  width: 100px; }

.basket .basket_quantite {
  width: 100px; }

.basket .basket_quantite input[type="text"] {
  width: 35px;
  height: 35px;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  text-align: center; }

.basket .basket_quantite input[type="submit"] {
  width: 16px;
  height: 16px;
  margin: 0 0 0 10px;
  border: none;
  background: url(../images/basket_refresh.png) no-repeat;
  cursor: pointer;
  text-indent: -9999px; }

.basket .basket_icone {
  width: 50px; }

.basket_bottom {
  margin: 20px 0 0 0; }

.basket_bottom .basket_facturation {
  float: right;
  width: 380px;
  border: 1px solid #d2d2d2;
  text-transform: uppercase; }

.basket_bottom .basket_facturation .table {
  padding: 10px 20px; }

.basket_bottom .basket_facturation .row {
  height: 40px; }

.basket_bottom .basket_facturation .cell {
  width: 50%;
  padding: 0 20px;
  vertical-align: middle; }

.basket_bottom .basket_facturation .right {
  font-size: 18px;
  font-size: 1.8rem; }

.basket_bottom #pays_livraison {
  float: left;
  width: 380px;
  border: 1px solid #d2d2d2; }

.basket_bottom #pays_livraison #form_pays_livraison {
  padding: 10px 20px 0 20px; }

.basket_bottom #basket_code {
  float: left;
  width: 380px;
  margin: 20px 0 0 0;
  border: 1px solid #d2d2d2;
  text-transform: uppercase; }

.basket_bottom #basket_code #form_coupon {
  padding: 10px 20px; }

.basket_bottom #basket_code #form_coupon p {
  margin: 0; }

.basket_bottom #basket_code #form_coupon p label {
  width: auto; }

.basket_bottom #basket_code #form_coupon p input[type="text"] {
  width: 110px;
  height: 30px;
  margin: 0 20px;
  padding: 0 10px;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  background: #f6f6f6; }

.basket_bottom #basket_code #form_coupon p input[type="submit"] {
  width: auto;
  height: 30px;
  padding: 0 5px;
  border-radius: 5px; }

.basket_bottom #commande_cadeau {
  clear: left;
  float: left;
  width: 380px;
  margin: 20px 0 0 0;
  border: 1px solid #d2d2d2;
  text-transform: uppercase; }

.basket_bottom #commande_cadeau #form_cadeau {
  padding: 10px 20px; }

.basket_bottom #commande_cadeau #form_cadeau p label {
  width: 70px; }

.basket_bottom #commande_cadeau #form_cadeau p input[type="text"] {
  width: 110px;
  height: 24px;
  margin: 0 20px;
  padding: 0 10px;
  border: 1px solid #d2d2d2; }

.basket_bottom #commande_cadeau #form_cadeau p textarea {
  width: 340px; }

.total_panier {
  color: #00e6f5; }

.total_ttc {
  color: #00e6f5; }

#basket_liens {
  margin: 20px 0 0 0; }

#basket_liens #basket_valid {
  float: right;
  width: 260px;
  height: 50px;
  line-height: 50px;
  margin: 0 0 0 20px;
  border-radius: 5px;
  background: #ff0028;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-transform: uppercase; }

#basket_liens #basket_continue {
  float: right;
  width: 260px;
  height: 50px;
  line-height: 50px;
  margin: 0 0 0 20px;
  border-radius: 5px;
  background: #f6f6f6;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #484848;
  text-align: center;
  text-transform: uppercase; }

#basket_liens #basket_valid a, #basket_liens #basket_continue a {
  display: block; }

#basket_liens #basket_valid a:hover, #basket_liens #basket_continue a:hover {
  text-decoration: none; }

/**
 * Responsive Design
 */
/* Grand écran */
/* Ecran classique / Tablette paysage */
/* Tablette portrait */
@media screen and (min-width: 764px) and (max-width: 979px) {
  .basket_bottom .basket_facturation {
    width: 300px; } }
/* Mobile */
@media screen and (max-width: 763px) {
  .basket .row {
    display: block; }

  .basket .cell {
    display: block;
    width: 100%; }

  .table_entete {
    font-size: 11px;
    font-size: 1.1rem; }

  .basket .basket_article:after {
    content: '';
    clear: both;
    display: table; }

  .basket .basket_quantite {
    float: left;
    width: 110px !important;
    text-align: left; }

  .basket .basket_quantite span {
    display: inline; }

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

  .basket .basket_icone {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right; }

  .basket_bottom .basket_facturation {
    float: none;
    width: auto; }

  .basket_bottom #pays_livraison {
    float: none;
    width: auto;
    margin: 20px 0 0 0; }

  .basket_bottom #basket_code {
    float: none;
    width: auto;
    text-align: center; }

  .basket_bottom #basket_code #form_coupon p label {
    margin: 0 0 10px 0; }

  #basket_liens #basket_valid {
    float: none;
    margin: 0 auto 10px auto; }

  #basket_liens #basket_continue {
    float: none;
    margin: 0 auto; } }
.offres_col_left {
  margin: 0 0 20px 0;
  text-align: center; }

.offres_col_left img {
  float: none !important;
  display: block;
  margin: 0 auto !important; }

.offres_col_right {
  text-align: justify; }

.offres_col_right table {
  width: 100% !important;
  border-collapse: collapse; }

hr.tarifs_sep {
  margin: 20px 0; }

.cmspage {
  font-family: "Open Sans";
  text-align: justify;
  margin-top: 65px;
  margin-bottom: 65px; }

.cmspage .title {
  text-align: center;
  font-family: "Open Sans";
  margin-bottom: 90px; }

.cmspage {
  width: 1000px;
  margin: 0 auto; }
  @media only screen and (max-width: 1120px) {
    .cmspage {
      width: 767px; } }
  @media only screen and (max-width: 767px) {
    .cmspage {
      width: 300px; } }

.cmspage img {
  max-width: 100%; }

/* --- Page : Nos Offres --- */
.nos-offres {
  padding: 0 150px; }
  @media only screen and (max-width: 767px) {
    .nos-offres {
      padding: 0; } }

.nos-offres .intro {
  text-align: center; }

.nos-offres .intro {
  font-family: "Open Sans"; }

.nos-offres .offres {
  font-family: "Canaro-Bold";
  text-transform: uppercase;
  font-size: 22px;
  color: #fff; }

.nos-offres .offres .offre {
  width: 266px;
  height: 266px;
  display: inline-block;
  margin: 15px;
  position: relative;
  text-align: center;
  vertical-align: top; }

.nos-offres .offres .offre-background {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #00e6f5; }

.nos-offres .offres .offre .offre-background:after {
  content: "";
  background-color: rgba(7, 229, 248, 0.5);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: none; }

.nos-offres .offres .offre.blanc .offre-background {
  background-color: #f1f2f2; }

.nos-offres .offres .offre.blanc .offre-background:after {
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: none; }

.nos-offres .offres .offre:hover .offre-background:after {
  display: block; }

.nos-offres .offres .offre-details {
  text-decoration: none;
  position: relative;
  width: 100%;
  height: 100%; }

.nos-offres .offres .offre .offre-icone {
  display: block;
  margin: 77px auto 0; }

.nos-offres .offres .offre-titre {
  display: block;
  margin-top: 34px; }

.nos-offres .offres .offre-titre1 {
  display: block;
  margin-top: 25px;
  line-height: 24px; }

.nos-offres .offres .offre-titre2 {
  font-family: "Canaro-Thin"; }

.nos-offres .offres .black {
  color: #030303 !important; }

.offre.offre-loisirs:hover .offre-background {
  background-image: url(/splfv2/site/uploaded/ckeditor/images/offre_rollover_loisirs.png); }

.offre.offre-ligues:hover .offre-background {
  background-image: url(/splfv2/site/uploaded/ckeditor/images/offre_rollover_ligues.png); }

.offre.offre-padel:hover .offre-background {
  background-image: url(/splfv2/site/uploaded/ckeditor/images/offre_rollover_padel.png); }

.offre.offre-kids:hover .offre-background {
  background-image: url(/splfv2/site/uploaded/ckeditor/images/offre_rollover_kids.png); }

.offre.offre-entreprises:hover .offre-background {
  background-image: url(/splfv2/site/uploaded/ckeditor/images/offre_rollover_entreprises.png); }

.offre.offre-collectivites:hover .offre-background {
  background-image: url(/splfv2/site/uploaded/ckeditor/images/offre_rollover_collectivites.png); }

.offre.offre-snack_park:hover .offre-background {
  background-image: url(/splfv2/site/uploaded/ckeditor/images/offre_rollover_snack_park.png); }

.offre.offre-proshop:hover .offre-background {
  background-image: url(/splfv2/site/uploaded/ckeditor/images/offre_rollover_proshop.png); }

.offre.offre-votre_five:hover .offre-background {
  background-image: url(/splfv2/site/uploaded/ckeditor/images/offre_rollover_votre_five.png); }

/* ---- Gabarits Pages de contenu --- */
.cmspage {
  text-align: initial;
  line-height: 1.5; }

.top-20 {
  margin-top: 20px; }

.top-30 {
  margin-top: 30px; }

.bloc_titre {
  font-size: 45px;
  font-size: 4.5rem;
  font-family: "Canaro-Bold";
  text-transform: uppercase; }
  @media only screen and (max-width: 1120px) {
    .bloc_titre {
      font-size: 29px;
      font-size: 2.9rem; } }
  @media only screen and (max-width: 767px) {
    .bloc_titre {
      font-size: 21px;
      font-size: 2.1rem; } }

.bloc_sous_titre {
  font-size: 21px;
  font-size: 2.1rem;
  font-family: "Canaro-Thin";
  text-transform: uppercase;
  line-height: 1; }
  @media only screen and (max-width: 1120px) {
    .bloc_sous_titre {
      font-size: 18px;
      font-size: 1.8rem; } }
  @media only screen and (max-width: 767px) {
    .bloc_sous_titre {
      font-size: 15px;
      font-size: 1.5rem; } }

.offre_col_left {
  float: left;
  width: 50%; }
  @media only screen and (max-width: 1120px) {
    .offre_col_left {
      float: none;
      margin: 0 auto; } }
  @media only screen and (max-width: 767px) {
    .offre_col_left {
      width: auto; } }

.offre_col_right {
  float: left;
  width: 50%;
  margin-top: 100px; }
  @media only screen and (max-width: 1120px) {
    .offre_col_right {
      float: none;
      margin: 0 auto; } }
  @media only screen and (max-width: 767px) {
    .offre_col_right {
      width: auto; } }

.bloc_grey {
  background-color: #f1f2f2;
  color: #000;
  font-size: 18px; }
  @media only screen and (max-width: 1120px) {
    .bloc_grey {
      font-size: 14px;
      font-size: 1.4rem; } }

.bloc_grey .bloc_titre {
  color: #00ff87; }

.bloc_green {
  background-color: #00ff87;
  font-size: 18px; }
  @media only screen and (max-width: 1120px) {
    .bloc_green {
      font-size: 14px;
      font-size: 1.4rem; } }

.bloc_green {
  color: #000; }

.bloc_black {
  background-color: #000;
  font-size: 16px; }
  @media only screen and (max-width: 1120px) {
    .bloc_black {
      font-size: 14px;
      font-size: 1.4rem; } }

.bloc_black {
  color: #fff; }

.bloc_black .bloc_contenu {
  padding: 60px 45px; }

.bloc_contenu {
  padding: 45px; }

/* --- Page : Monter Votre Five --- */
.ltsp-1 {
  letter-spacing: -1px; }

/* --- Page : Foot Loisirs --- */
.pad-r-35 {
  padding: 45px 35px 45px 45px; }

.bloc_titre.location_terrain {
  line-height: 1;
  font-size: 40px;
  font-size: 4.0rem; }
  @media only screen and (max-width: 1120px) {
    .bloc_titre.location_terrain {
      font-size: 25px;
      font-size: 2.5rem; } }
  @media only screen and (max-width: 767px) {
    .bloc_titre.location_terrain {
      font-size: 21px;
      font-size: 2.1rem; } }

/* --- Page : Snack Park --- */
.ltsp-2 {
  letter-spacing: -2px; }

/* --- Ligues & Performances --- */
.small-font {
  font-size: 15px; }

/* --- Pages : Padel / Concept Foot 5 --- */
.top-70 {
  margin-top: 70px; }

/* --- Page : Partenaire --- */
.partenaire_logo {
  display: block;
  margin: 0 auto; }

.border-bot-green {
  border-bottom: 2px solid #00FF87; }

.bloc_contenu_2 {
  padding: 45px 0;
  margin: 0 45px; }

/* --- BLOC TARIFS --- */
.tarifs-title {
  color: #000;
  text-align: center; }

#cms-list-centre {
  display: none;
  text-align: center; }

#cms-list-centre .selectric-wrapper {
  background-color: #000; }

.bloc_tarifs {
  display: none;
  margin: 50px 0;
  color: #000; }

.bloc_tarifs table {
  width: 100%;
  background-color: #F1F2F2; }

.bloc_tarifs table th,
.bloc_tarifs table td {
  padding: 10px;
  border: 1px solid #69D2E2; }

/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage */
/* Tablette portrait */
/* Mobile */
@media screen and (max-width: 767px) {
  .border-bot-green_2 {
    border-bottom: 2px solid #00FF87; } }
.formulaire_contact {
  min-height: 630px;
  font-family: "Open Sans"; }

.contact-left {
  width: 50%;
  float: left;
  padding: 0 10px; }
  @media only screen and (max-width: 980px) {
    .contact-left {
      float: none;
      display: block;
      margin: 0 auto; } }
  @media only screen and (max-width: 767px) {
    .contact-left {
      width: auto;
      padding: 0 10%; } }

.contact-right {
  width: 50%;
  float: left;
  padding: 0 10px; }
  @media only screen and (max-width: 980px) {
    .contact-right {
      float: none;
      display: block;
      margin: 0 auto; } }
  @media only screen and (max-width: 767px) {
    .contact-right {
      width: auto;
      padding: 0 10%; } }

.mentions {
  font-size: 12px;
  padding-top: 50px; }

.btns_contact {
  margin-top: 100px;
  position: relative;
  z-index: 50; }

.btn_contact {
  font-size: 14px;
  text-transform: uppercase;
  background-color: #00E6F5;
  padding: 10px 40px;
  border: 2px solid #00E6F5;
  border-radius: 5px;
  margin: 0 15px; }

.btn_contact.second {
  padding: 10px 15px; }

.btn_contact:hover {
  background-color: #fff;
  color: #00E6F5; }

.contacts_index .desc-centre {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 475px; }

.contacts_index .bg-corner {
  position: relative;
  top: 0;
  background-image: url("../images/bg-corner-white.png"); }

.forms_index .bg-corner {
  position: relative;
  top: 0;
  background-image: url("../images/bg-corner-white.png"); }

.contacts_index .selectric .label {
  margin: 0; }

/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage */
/* Tablette portrait */
/* Mobile */
@media screen and (max-width: 767px) {
  #map {
    height: 300px; } }
.filiales_index .background {
  background: url(../images/bg-filiale.png) no-repeat; }
  @media only screen and (max-width: 1120px) {
    .filiales_index .background {
      background: url(../images/bg-filiale-1024.jpg) no-repeat;
      background-position: 0 250px; } }
.filiales_index .bg-gray {
  padding-bottom: 520px;
  background-image: url(../images/bg-filiale-bottom.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain; }
.filiales_index .main-content {
  background: none; }
.filiales_index .ballon {
  position: absolute;
  bottom: 237px;
  right: 15%; }
.filiales_index .pompes {
  position: absolute;
  bottom: 700px;
  right: 5%; }

.bg-corner {
  position: absolute;
  top: -172px;
  min-height: 173px;
  width: 100%;
  background: url(../images/bg-filiale2.png) no-repeat top center; }

#filiales .btn {
  margin: 20px 0 0 20px; }

#filiales .btn:first-child {
  margin-left: 0; }

.filiale_description {
  line-height: 1.5; }

.filiale_description, .filiale_description * {
  text-align: justify;
  color: #000 !important;
  font-size: 15px !important;
  font-family: 'open sans'; }

.filiale_description ul {
  margin: 0;
  padding: 0;
  list-style-position: inside; }

.filiale_description li {
  list-style-type: none; }

.filiale_description li:before {
  content: "+";
  font-size: 16px;
  color: #00e6f5;
  margin-right: 5px; }

.filiale_liens .btn {
  color: #00e6f5;
  border-color: #00e6f5; }
.filiale_liens .facebook {
  margin-left: 23px;
  font-size: 2.8rem;
  font-size: 28px;
  color: #00e6f5; }

.desc-centre {
  width: 892px;
  min-height: 295px;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 35px auto 0 auto;
  background-image: url("../images/bg-corner-2.png");
  background-repeat: no-repeat;
  color: #fff; }
  @media only screen and (max-width: 1120px) {
    .desc-centre {
      padding: 0 10px;
      background-size: contain; } }
  @media only screen and (max-width: 767px) {
    .desc-centre {
      display: block;
      width: 230px;
      margin: 0 auto 35px auto;
      clear: both;
      padding: 0 10px 90px 0; } }
  .desc-centre .activite {
    width: 210px;
    max-width: 100%; }
    @media only screen and (max-width: 767px) {
      .desc-centre .activite {
        margin-bottom: 15px; } }
  .desc-centre .picto {
    min-height: 110px;
    border-bottom: 3px solid #FFF;
    background-position: top left;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 767px) {
      .desc-centre .picto {
        background-position: center; } }
    .desc-centre .picto.centre {
      background-image: url("../images/picto-centre.png"); }
    .desc-centre .picto.padel {
      background-image: url("../images/picto-padel.png"); }
    .desc-centre .picto.squash {
      background-image: url("../images/picto-squash.png"); }
  .desc-centre .number {
    font-size: 65px;
    color: #FFF;
    float: left; }
  .desc-centre .desc {
    position: relative;
    top: 8px;
    left: 5px;
    clear: right;
    font-family: 'Canaro-Thin';
    font-size: 20px;
    text-transform: uppercase; }

body {
  background: #000; }

.index_centres .main-content {
  padding-top: 165px;
  /*@include bp-tablette-portrait{padding-top: 180px;}*/ }
  @media only screen and (max-width: 1023px) {
    .index_centres .main-content {
      padding-top: 112px; } }
  @media only screen and (max-width: 767px) {
    .index_centres .main-content {
      padding-top: 130px; } }
  @media only screen and (max-width: 480px) {
    .index_centres .main-content {
      padding-top: 150px; } }

/* BLOC OFFRE */
.bloc-offres {
  padding: 100px 0 10px 0;
  background-color: #71e2f4; }

.bloc-offres .main-title {
  padding: 0 0 75px 0; }

.bloc-offres .offre {
  position: relative;
  display: block;
  float: left;
  width: 16.66%;
  text-align: center;
  text-decoration: none; }
  .bloc-offres .offre:after {
    content: "";
    position: absolute;
    top: 9px;
    right: 0;
    display: block;
    width: 3px;
    height: 68px;
    background-color: #444; }
  .bloc-offres .offre:last-child:after {
    display: none; }
  @media only screen and (max-width: 980px) {
    .bloc-offres .offre:nth-child(3):after {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .bloc-offres .offre:nth-child(3):after {
      display: inherit; } }
  @media only screen and (max-width: 480px) {
    .bloc-offres .offre:nth-child(3):after {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .bloc-offres .offre:nth-child(even):after {
      display: none; } }
  @media only screen and (max-width: 480px) {
    .bloc-offres .offre:after {
      display: none; } }
  @media only screen and (max-width: 980px) {
    .bloc-offres .offre {
      width: 33%; } }
  @media only screen and (max-width: 767px) {
    .bloc-offres .offre {
      width: 50%; } }
  @media only screen and (max-width: 480px) {
    .bloc-offres .offre {
      width: 100%; } }
  .bloc-offres .offre h3 {
    min-height: 44px;
    font-family: 'Canaro-Bold';
    font-size: 18px;
    color: #FFF;
    text-transform: uppercase; }

.bloc-offres .offre .picto {
  display: inline-block;
  margin-bottom: 40px;
  min-height: 84px;
  background-repeat: no-repeat;
  background-position: center center; }

.bloc-offres .offre.foot .picto {
  width: 73px;
  height: 73px;
  background-image: url(../images/foot_loisirs_blanc.svg); }

.bloc-offres .offre.ligues .picto {
  width: 68px;
  height: 67px;
  background-image: url(../images/foot_performance_blanc.svg); }

.bloc-offres .offre.padel .picto {
  width: 72px;
  height: 78px;
  background-image: url(../images/padel_blanc.svg); }

.bloc-offres .offre.enfants .picto {
  width: 97px;
  height: 58px;
  background-image: url(../images/kids_blanc.svg); }

.bloc-offres .offre.entreprises .picto {
  width: 61px;
  height: 63px;
  background-image: url(../images/entreprise_blanc.svg); }

.bloc-offres .offre.collectivites .picto {
  width: 58px;
  height: 57px;
  background-image: url(../images/collectivite_blanc.svg); }

/* BLOC VIDEO */
.bloc-buts {
  position: relative;
  padding-bottom: 380px;
  min-height: 500px;
  background-image: url(../images/bg-buts2.jpg);
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #000; }
  @media only screen and (max-width: 980px) {
    .bloc-buts {
      background-size: initial;
      padding-bottom: 100px; } }
  .bloc-buts .main-title {
    padding-top: 380px;
    color: #000; }
  .bloc-buts .polygon {
    position: absolute;
    top: 12%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    width: 161px;
    height: 153px;
    text-align: center;
    background-image: url("../images/top-10-polygon.png"); }
    @media only screen and (max-width: 767px) {
      .bloc-buts .polygon {
        top: 6%; } }

@media only screen and (max-width: 767px) {
  .bloc_vid {
    margin: 0 auto;
    max-width: 430px; } }

.mavideo {
  position: relative; }
  @media only screen and (max-width: 767px) {
    .mavideo {
      width: 100%; } }
  .mavideo .time {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 5px;
    background-color: #00ff87;
    color: #fff;
    font-size: 14px;
    font-weight: bold; }
  .mavideo .mavideo_infos {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-family: "Open sans", sans-serif;
    font-size: 14px;
    color: #fff; }
    .mavideo .mavideo_infos .mavideo_titre {
      font-weight: 700;
      font-size: 15px;
      text-transform: uppercase; }
  .mavideo .mavideo_illustration {
    background: #000; }
    .mavideo .mavideo_illustration img {
      opacity: 0.5; }
  .mavideo .actionvideo {
    position: absolute;
    bottom: 21px;
    right: 5px; }

.savoirplus {
  text-align: center;
  margin-top: 80px; }

.bloc-actus .btn {
  margin-bottom: 250px; }

#scrollpane {
  height: 460px; }

/*
#caroussel {padding: 20px 0;}
.caroussel_item {position: relative;}
.caroussel_item .btn_play {position: absolute; top: 50%; left: 0; right: 0; width: 100px; margin: -35px auto 0 auto;}
.owl-dots {position: absolute; left: 0; right: 0; bottom: 20px; z-index: 50; font-size: 0; text-align: center;}
.owl-dots .owl-dot {display: inline-block; width: 16px; height: 16px; margin: 0 0 0 10px; background: url(../images/puce6.png) no-repeat; cursor: pointer;}
.owl-dots .owl-dot.active {background: url(../images/puce7.png) no-repeat;}
.owl-dots .owl-dot:first-child {margin-left: 0;}

.sep_section {clear: both; height: 6px; margin: 12px 0; border: none; border-top: 1px solid #000; border-bottom: 1px solid #ff0028;}

.profil {position: relative; background: #f7f7f7; border: 1px solid #dbdbdb; font-size: 12px; font-size: 1.2rem;}
.profil_avatar {position: absolute; top: -50px; left: -1px; z-index: 100; padding: 3px; background: #fff; border: 1px solid #dbdbdb; border-radius: 2px;}
.profil_avatar img {max-height: 128px;}
.profil_titre {position: absolute; top: 25px; left: 150px; font-family: 'MarianinaFYBoldItalic'; line-height: 100%; font-size: 24px; font-size: 2.4rem; text-align: left; text-transform: uppercase;}
.profil.nouser .profil_titre {font-size: 27px; font-size: 2.7rem;}
.profil_accroche {font-size: 14px; font-size: 1.4rem; margin: 0 0 10px 0; padding: 0 20px;}
.profil form p {margin: 0 0 8px 0;}
.profil form p input {margin: 0; text-align: center;}
.profil_infos {margin: 10px 0 0 0; list-style: none; font-size: 14px; font-size: 1.4rem; text-transform: uppercase;}
.profil_infos li {padding: 6px 20px; background: url(../images/sep_profil.png) no-repeat center top; font-family: 'MarianinaFYBoldItalic';}
.profil_infos li:first-child {background: none;}
.profil_infos li:hover {background-color: #fff;}
.profil_infos li .valeur {float: right; font-family: 'MarianinaFYLightItalic';}
.profil_infos li .resume {margin: 10px 0 0 0; font-size: 14px; font-size: 1.4rem; text-transform: none;}
.profil_inscription {font-size: 16px; font-size: 1.6rem;}

.bloc_soccerparktv {width: 300px; height: 340px; padding: 40px 30px 0 30px; background: #f2f2f2; border: 1px solid #dbdbdb; text-align: center; text-transform: uppercase;}
.bloc_soccerparktv .illustration a {display: block;}
.bloc_soccerparktv .revoir_exploits {font-family: 'MarianinaFYLightItalic'; font-size: 21px; font-size: 2.1rem;}
.bloc_soccerparktv .lien_video {font-family: 'MarianinaFYBoldItalic'; font-size: 36px; font-size: 3.6rem;}
.bloc_soccerparktv .lien_video a {padding: 0 0 0 25px; background: url(../images/puce11.png) no-repeat left center;}
.bloc_soccerparktv .lien_video a:hover {text-decoration: none;}

#actualites {position: relative; padding: 55px 0 0 0;}
#actualites .titre_rubrique {position: absolute; top: 0; left: 0; height: 45px; line-height: 45px; margin: 0 0 10px 0; padding: 0 15px; font-family: 'MarianinaFYBoldItalic'; font-size: 32px; font-size: 3.2rem; color: #fff; text-transform: uppercase; background: #000;}
#actualites .titre_rubrique .count {position: absolute; top: 0; right: -55px; width: 45px; height: 45px; line-height: 45px; font-size: 14px; font-size: 1.4rem; text-align: center; background: url(../images/bg_count.png) no-repeat;}
.actualites_see_all {position: absolute; top: 16px; right: 0; font-size: 14px; font-size: 1.4rem; text-transform: uppercase;}
.actualites_see_all a {padding: 0 15px 0 0; background: url(../images/puce9.png) no-repeat right center;}
.actualites_see_all a:hover {color: #ff0028; text-decoration: none; background-image: url(../images/puce10.png);}
.actualite_illustration {position: relative; height: 220px; margin: 0 0 10px 0;}
.actualite_titre {position: absolute; bottom: 0; width: 100%; padding: 10px; background: #000; color: #fff; font-size: 18px; font-size: 1.8rem; text-transform: uppercase; opacity: 0.8;}
.actualite_illustration img {position: absolute; width: 300px;}
.actualite_resume {margin: 0 5px 10px 5px; font-size: 14px; font-size: 1.4rem; text-align: justify;}

.offres .bloc {width: 140px; height: 140px;}
.offres .blocs_bottom .bloc {border: 1px solid #aaa;}
.offres .bloc:first-child {margin-left: 0;}




/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage
@media screen and (min-width: 980px) {
	.contenu {float: none; width: auto;}
	.profil {float: right; width: 300px; height: 340px; padding: 90px 0 0 0;}

	.widget_reservations {float: right; width: 300px; z-index: 10;}

	.top_videos {float: left;}

	.bloc_soccerparktv {float: left; margin: 0 0 0 20px;}

	#actualites.with_colright {width: 620px;}
	.actualite {float: left; width: 300px; margin: 0 0 0 20px;}
	.actualite:first-child {margin: 0;}
}
*/
/*
@media screen and (min-width: 768px) and (max-width: 979px) {
	.profil {float: right; width: 48%; padding: 90px 0 20px 0;}

	.widget_reservations {float: left; width: 48%; margin-bottom: 12px;}

	.actualite {float: left; width: 48%; margin: 0 0 0 4%;}
	.actualite_illustration {position: relative; height: 247px; margin: 0 0 10px 0;}
	.actualite_illustration img {position: absolute; width: 345px;}
	.actualite:first-child {margin: 0;}
	.actualite:nth-child(3) {display: none;}

	.top_videos {float: left; width: 48%;}
	.bloc_videos {width: 100%;}

	.bloc_soccerparktv {float: right; width: 48%;}

	.offres .blocs_top {width: 580px; margin: 0 auto;}
	.offres .bloc:nth-child(3n+1) {margin-left: 0;}
}
*/
/* Mobile
@media screen and (max-width: 767px) {
	.profil {width: auto; max-width: 400px; margin: 20px auto 0 auto;}

	.widget_reservations {width: auto; max-width: 400px; margin: 0 auto;}

	.top_videos {max-width: 400px; margin: 0 auto;}

	.bloc_soccerparktv {width: auto; max-width: 400px; margin: 20px auto 0 auto;}

	#actualites {max-width: 400px; margin: 0 auto 20px auto;}
	.actualites_see_all {position: static; margin: 0 0 10px 0;}
	.actualite_illustration {height: 300px;}
	.actualite_illustration img {width: 100%;}

    .offres .blocs_top, .offres .blocs_bottom {width: 250px; margin: 0 auto;}
    .offres .bloc {width: 120px; height: 120px; margin: 0 0 10px 10px;}
    .offres .bloc:nth-child(2n+1) {margin-left: 0;}
}
*/
body {
  background-image: none; }

#popup_kfc {
  display: none; }

.page {
  color: #fff; }

.header {
  height: 263px;
  background-image: url(../images/ombre_header_index.png); }

.index_index .main-content {
  margin-top: 0;
  padding-top: 0; }

.index_index header {
  background: rgba(0, 0, 0, 0.6); }

.btn_reserver {
  text-align: center;
  margin-top: 240px; }

/* Pager */
.pager {
  position: fixed;
  top: 50%;
  right: 20px;
  z-index: 40;
  margin-top: -108px;
  list-style: none;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: right;
  text-transform: uppercase; }

.pager li {
  margin: 15px 0 0 0; }

.pager li:first-child {
  margin-top: 0; }

.pager a {
  line-height: 16px;
  font-family: "Open sans", sans-serif;
  font-weight: bold;
  padding: 0 35px 0 0;
  background: url(../images/puce4.png) no-repeat right center;
  color: #8a8789; }

.pager a.active {
  background-image: url(../images/puce6.png);
  color: #ccc; }

.pager a:hover {
  text-decoration: none; }

/* Vidéo */
.index_index .video {
  position: fixed;
  top: 0;
  left: 0;
  right: 0; }

.index_index .video:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5); }

.index_index .vegas-timer {
  display: none; }

/* Contenu */
.owl-carousel-pager {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  z-index: 50;
  font-size: 0;
  text-align: center; }

.owl-carousel-pager .owl-dot {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 0 0 10px;
  background: url(../images/puce6.png) no-repeat;
  cursor: pointer; }

.owl-carousel-pager .owl-dot.active {
  background: url(../images/puce7.png) no-repeat; }

.owl-carousel-pager .owl-dot:first-child {
  margin-left: 0; }

.slide_experience {
  z-index: 10;
  height: 1742px;
  margin: -200px 0 0 0;
  padding: 270px 0 0 0;
  background-image: url(../images/bg_slide2.png); }

.slide_experience:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  height: 330px;
  background: url(../images/bg_slide2_fleche.png) no-repeat center bottom; }

.slide_experience .joueur {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/joueur.png) no-repeat center top;
  /*background-size: cover;*/ }

.slide_experience .tache {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/joueur_tache.png) no-repeat center top;
  /*background-size: cover;*/ }

.slide_experience .slide_titre {
  margin: 0; }

.slide_experience .slide_accroche {
  position: relative;
  font-size: 50px;
  font-size: 5.0rem;
  text-transform: uppercase; }

.slide_experience .slide_accroche .avec {
  font-size: 20px;
  font-size: 2.0rem;
  vertical-align: super; }

.slide_experience .infos {
  list-style: none;
  width: 980px;
  margin: 100px auto 80px auto;
  font-size: 25px;
  font-size: 2.5rem; }

.slide_experience .infos .titre {
  font-family: "Canaro-Black";
  text-transform: uppercase; }

.slide_experience .infos_illustration {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -60px; }

.slide_experience .infos li {
  position: relative;
  clear: right;
  float: right;
  width: 450px;
  min-height: 120px;
  margin: 0 0 60px 0;
  padding: 0 50px 0 150px;
  transition: all 0.5s ease; }

.slide_experience .infos li:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  background: url(../images/puce3.png) no-repeat right center;
  transition: all 0.5s ease; }

.slide_experience .infos li.soccerparktv .titre span {
  font-size: 40px;
  font-size: 4.0rem; }

.slide_experience .infos li:hover:after {
  right: -40px; }

.slide_experience .infos li:hover .infos_illustration {
  transform: rotateY(360deg);
  transition: all 1s ease; }

.slide_experience .infos li a:hover {
  text-decoration: none; }

.slide_decouverte {
  height: 1600px;
  margin-top: -610px;
  padding: 750px 0 915px 0;
  background: #000; }

.slide_decouverte .btn_video {
  margin: 25px 0 40px 0;
  text-align: center; }

.slide_decouverte .infos_content {
  width: 980px;
  margin: 0 auto; }

.slide_decouverte .infos {
  list-style: none;
  display: table-cell;
  width: 280px;
  font-size: 25px;
  font-size: 2.5rem;
  vertical-align: middle; }

.slide_decouverte .infos_item {
  position: relative;
  width: 270px;
  margin: 40px 0 0 0;
  color: #666; }

.slide_decouverte .infos_item:first-child {
  margin: 0; }

.slide_decouverte .infos_item .infos_link {
  display: block;
  padding: 0 0 0 40px; }

.slide_decouverte .infos_titre {
  font-family: "Canaro-Black";
  text-transform: uppercase; }

.slide_decouverte .infos_soustitre {
  padding: 0 0 0 40px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  opacity: 0.6; }

.slide_decouverte .infos_link {
  background: url(../images/puce4.png) no-repeat left center; }

.slide_decouverte .infos_link.active {
  background-image: url(../images/puce5.png);
  color: #fff; }

.slide_decouverte .infos_link:hover {
  text-decoration: none; }

.slide_decouverte .infos_illustration {
  position: relative;
  display: table-cell;
  width: 700px;
  vertical-align: middle; }

.slide_decouverte .infos_illustration p {
  display: none;
  float: right;
  width: 600px; }

.slide_decouverte .infos_illustration p:first-child {
  display: block; }

.slide_decouverte .infos_illustration .loupe {
  position: absolute;
  top: -120px;
  right: -60px; }

.slide_decouverte .infos_pager {
  display: none;
  font-size: 0;
  text-align: center; }

.slide_decouverte .infos_pager .infos_link {
  width: 16px;
  height: 16px;
  margin: 0 0 0 25px; }

.slide_decouverte .infos_pager .infos_link:first-child {
  margin-left: 0; }

.slide_offres_tarifs_top {
  z-index: 25;
  height: 140px;
  margin-top: -140px;
  background-image: url(../images/bg_slide4_top.png); }

.slide_offres_tarifs {
  z-index: 25;
  height: 1276px;
  padding: 50px 0 0 0;
  background-image: url(../images/bg_slide4.jpg);
  color: #000;
  text-align: center; }

.slide_offres_tarifs .blocs_top {
  margin: 100px auto 40px auto;
  font-size: 0; }

.slide_offres_tarifs .blocs_bottom {
  margin: 0 auto 130px auto;
  font-size: 0; }

.slide_offres_tarifs .bloc {
  width: 180px;
  height: 180px;
  margin: 0 0 0 20px; }

.slide_offres_tarifs .bloc:first-child {
  margin-left: 0; }

.slide_offres_tarifs .concepts {
  margin: 30px 0 0 0;
  font-size: 0; }

.slide_offres_tarifs .concept {
  display: inline-block; }

.slide_offres_tarifs .concept:first-child {
  margin: 0 20px 0 0; }

.slide_offres_tarifs .concept_illustration {
  height: 110px; }

.slide_offres_tarifs .concept_foot .concept_illustration {
  background: url(../images/ico_concept_foot5.png) no-repeat center top; }

.slide_offres_tarifs .concept_padel .concept_illustration {
  background: url(../images/ico_concept_padel.png) no-repeat center top; }

.slide_offres_tarifs .concept_foot:hover .concept_illustration {
  background: url(../images/ico_concept_foot5_hover.png) no-repeat center top; }

.slide_offres_tarifs .concept_padel:hover .concept_illustration {
  background: url(../images/ico_concept_padel_hover.png) no-repeat center top; }

.slide_offres_tarifs .concept .btn {
  margin: 20px 0 0 0; }

.slide_offres_tarifs .concept:hover .btn:after {
  opacity: 1; }

.slide_centres {
  height: 1474px;
  padding: 200px 0 0 0;
  background-color: #000;
  text-align: center; }

.carte_centres {
  position: relative;
  width: 782px;
  margin: 50px auto 100px auto; }

.bg-carte {
  background: url(../images/bg-carte.png) no-repeat; }
  @media only screen and (max-width: 1120px) {
    .bg-carte {
      background-size: contain; } }

.carte {
  position: relative; }

.point {
  position: absolute;
  z-index: 10;
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  transition: all 0.3s ease; }

.point .title {
  position: absolute;
  top: 20px;
  left: -10px;
  z-index: 20;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
  padding: 2px 5px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
  opacity: 0;
  text-transform: uppercase;
  transform: scale(0) rotate(-12deg);
  transition: all 0.25s;
  color: #000; }

.point .title:before {
  content: '';
  position: absolute;
  top: -20px;
  left: 0;
  width: 40px;
  height: 20px; }

.point:hover {
  width: 16px;
  height: 16px; }

.point:hover .title {
  opacity: 1;
  transform: scale(1) rotate(0); }

.carte_centres .point.soccerpark {
  background: #00e6f5; }

.carte_centres .point.five {
  background: #00e6f5; }

.carte_centres .point.five.basket, .carte_centres .point.soccerpark.basket {
  background: #f2ea09; }

.carte_centres .point.five.padel, .carte_centres .point.soccerpark.padel {
  background: #8e00f5; }

.carte_centres .point.five.squash, .carte_centres .point.soccerpark.squash {
  background: #f50072; }

.carte_centres .point.five.padel_squash, .carte_centres .point.soccerpark.padel_squash {
  background: #25cb2d; }

.carte.kfc .point {
  background: #bc0e2f; }

.carte.kfc .point .title {
  top: -72px;
  left: -18px;
  min-width: 200px;
  padding: 10px 16px;
  background: #c1022c;
  border-radius: 0;
  box-shadow: 4px 4px 0px 0px #dedfdf;
  font-size: 13px;
  color: #fff; }

.carte.kfc .point .title:before {
  top: 100%;
  left: 0; }

.carte.kfc .point .title:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 30px;
  height: 15px;
  background: url(../images/fleche_point_carte_kfc.png) no-repeat; }

.carte.kfc .point .title a {
  text-decoration: underline; }

.carte.kfc .point_lens {
  top: 1.3%;
  left: 36.4%;
  background: #000; }

.carte.kfc .point_rouen {
  top: 13%;
  left: 26.5%; }

.carte.kfc .point_nantes {
  top: 36%;
  left: 12.5%; }

.carte.kfc .point_orleans {
  top: 36.8%;
  left: 26.4%; }

.carte.kfc .point_larochelle {
  top: 52%;
  left: 15%; }

.carte.kfc .point_limoges {
  top: 57.5%;
  left: 27.5%; }

.carte.kfc .point_bordeaux {
  top: 64%;
  left: 15.5%; }

.carte.kfc .point_toulouse_colomiers {
  top: 76.5%;
  left: 27.5%; }

.carte.kfc .point_reims {
  top: 19%;
  left: 43%;
  background: #000; }

.carte.kfc .point_metz {
  top: 21%;
  left: 57%;
  background: #000; }

.carte.kfc .point_nancy {
  top: 29%;
  left: 56.5%;
  background: #000; }

.carte.kfc .point_annemasse {
  top: 55.5%;
  left: 54.5%;
  background: #000; }

.carte.kfc .point_lyon {
  top: 65%;
  left: 48.5%;
  background: #000; }

.carte.kfc .point_antibes {
  top: 85.5%;
  left: 56%;
  background: #000; }

.carte.kfc .point_bezons {
  top: 12.8%;
  left: 83%; }

.carte.kfc .point_paris {
  top: 14%;
  left: 86.4%;
  background: #000; }

.carte.kfc .point_creteil {
  top: 24.3%;
  left: 90%;
  background: #000; }

.carte.kfc .point_chilly {
  top: 28%;
  left: 86.4%; }

.carte_centres .point_scp_antibes {
  top: 73.4%;
  left: 58.7%; }

.carte_centres .point_scp_bordeaux {
  top: 57.6%;
  left: 17.5%; }

.carte_centres .point_scp_bourges {
  top: 42.4%;
  left: 33.4%; }

.carte_centres .point_scp_carrieres {
  top: 11.9%;
  left: 80.2%; }

.carte_centres .point_scp_champigny {
  top: 22.2%;
  left: 96.2%; }

.carte_centres .point_scp_metz {
  top: 21.7%;
  left: 59.2%; }

.carte_centres .point_scp_pau {
  top: 72%;
  left: 21.7%; }

.carte_centres .point_scp_tours {
  top: 36.3%;
  left: 22.6%; }

.carte_centres .point_scp_orleans {
  top: 32.6%;
  left: 29.5%; }

.carte_centres .point_scp_strasbourg {
  top: 28.9%;
  left: 63.4%; }

.carte_centres .point_scp_manosque {
  top: 69.7%;
  left: 54%; }

.carte_centres .point_scp_rouen {
  top: 15.2%;
  left: 31.2%; }

.carte_centres .point_five_avignon {
  top: 67.7%;
  left: 47.8%; }

.carte_centres .point_five_annemasse {
  top: 49.6%;
  left: 56.9%; }

.carte_centres .point_five_bezons {
  top: 15.2%;
  left: 85.4%; }

.carte_centres .point_five_bobigny {
  top: 16.7%;
  left: 93.5%; }

.carte_centres .point_five_boulogne {
  top: 3.5%;
  left: 35%; }

.carte_centres .point_five_brest {
  top: 20.4%;
  left: 1.2%; }

.carte_centres .point_five_caen {
  top: 16.7%;
  left: 23.5%; }

.carte_centres .point_five_carnoux {
  top: 76.4%;
  left: 51%; }

.carte_centres .point_five_chilly {
  top: 27.9%;
  left: 88.7%; }

.carte_centres .point_five_creteil {
  top: 24.2%;
  left: 93.4%; }

.carte_centres .point_five_lens {
  top: 6.3%;
  left: 38.4%; }

.carte_centres .point_five_lille {
  top: 3.1%;
  left: 39.8%; }

.carte_centres .point_five_lunel {
  top: 70.4%;
  left: 41.9%; }

.carte_centres .point_five_montauban {
  top: 62.5%;
  left: 28.5%; }

.carte_centres .point_five_montpellier {
  top: 72.4%;
  left: 39.8%; }

.carte_centres .point_five_nantes {
  top: 33.2%;
  left: 14.5%; }

.carte_centres .point_five_orleans {
  top: 34.3%;
  left: 28.5%; }

.carte_centres .point_five_paris {
  top: 15.6%;
  left: 89.1%; }

.carte_centres .point_five_perpignan {
  top: 76.4%;
  left: 35.5%; }

.carte_centres .point_five_rouen {
  top: 13.3%;
  left: 30.7%; }

.carte_centres .point_five_sarcelles {
  top: 12.1%;
  left: 90.9%; }

.carte_centres .point_five_strasbourg {
  top: 27.0%;
  left: 64.3%; }

.carte_centres .point_five_toulouse {
  top: 66.6%;
  left: 29.8%; }

.carte_centres .point_five_colomiers {
  top: 66.6%;
  left: 28.3%; }

.carte_centres .point_five_tours {
  top: 33.8%;
  left: 22.1%; }

.carte_centres .point_five_villette {
  top: 17.2%;
  left: 91.7%; }

.carte_centres .point_five_vitrolles {
  top: 74.6%;
  left: 48.8%; }

.carte_centres .point_five_barcelone {
  top: 90.2%;
  left: 31.6%; }

.carte_centres .point_five_larochelle {
  top: 44.0%;
  left: 15.2%; }

.carte_centres .point_five_nancy {
  top: 27.0%;
  left: 59.2%; }

.carte_centres .point_five_reims {
  top: 19.0%;
  left: 46.2%; }

.carte_centres .point_five_limoges {
  top: 53.6%;
  left: 24.5%; }

.carte_centres .point_five_dunkerque {
  top: -0.6%;
  left: 37.8%; }

.carte_centres .point_five_mulhouse {
  top: 27.0%;
  left: 64.3%; }

.carte_centres .terrains_type {
  position: absolute;
  top: 40%;
  left: -300px;
  margin-top: -30px;
  padding: 10px;
  list-style: none;
  font-family: 'Canaro-Medium', sans-serif;
  font-size: 20px;
  font-size: 2.0rem;
  text-align: left; }

.carte_centres .terrains_type li {
  position: relative;
  margin: 0 0 10px 0;
  padding: 0 0 0 35px; }

.carte_centres .terrains_type li .point {
  top: 10px;
  left: 0; }

.slide_actualites .slide_titre {
  margin: 0 0 70px 0;
  font-size: 46px;
  font-size: 4.6rem; }

.slide_actualites .slide_titre span {
  font-size: 65px;
  font-size: 6.5rem;
  color: #00e6f5; }

.actualites_caroussel {
  position: relative;
  width: 1080px;
  margin: 0 auto;
  padding-bottom: 75px; }
  @media only screen and (max-width: 767px) {
    .actualites_caroussel {
      padding-bottom: 20px; } }

.actualites_caroussel:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  width: 2px;
  height: 130px;
  margin: 0 auto;
  background: #fff; }

.actualites_caroussel .owl-carousel {
  padding: 0 0 50px 0; }

.actualites_caroussel .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 0;
  text-align: center; }

.actualites_caroussel .owl-dot {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0;
  background: url(../images/puce5.png) no-repeat;
  cursor: pointer; }

.actualites_caroussel .owl-dot.active {
  background-image: url(../images/puce6.png); }

.index_index footer {
  padding-top: 20px; }

.index_index .actualite {
  width: 540px;
  padding: 0 60px;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
  text-align: center; }

.index_index .actualite_illustration {
  margin: 0 0 45px 0; }

.index_index .actualite_illustration a {
  display: block;
  max-width: 360px;
  margin: 0 auto; }

.index_index .actualite_titre {
  text-transform: uppercase;
  font-family: 'GothamBlack';
  margin-bottom: 15px; }

.index_index .actualite_date {
  margin: 0 0 10px 0;
  color: #00e6f5;
  text-transform: uppercase; }

.index_index .actualite .resume {
  margin-top: 0;
  font-family: "Open sans", sans-serif; }

/**
 * Responsive Design
 */
/* Ecran Mac */
@media screen and (max-width: 1439px) {
  /* Contenu */
  .carte_centres .terrains_type {
    top: 40%;
    left: -260px; } }
/* Grand écran */
@media screen and (min-width: 1350px) {
  .content_center {
    width: 1200px; } }
/* Ecran classique / Tablette paysage */
@media screen and (max-width: 1349px) {
  /* Contenu */
  .slide_experience .joueur {
    background-position: center bottom;
    background-size: 1440px 1307px; }

  .slide_experience .tache {
    background-position: center bottom;
    background-size: 1440px 1307px; }

  .slide_offres_tarifs .blocs_top {
    width: 580px;
    margin: 30px auto 0 auto; }

  .slide_offres_tarifs .blocs_bottom {
    margin-bottom: 100px; }

  .slide_offres_tarifs .bloc {
    margin: 0 0 20px 20px; }

  .slide_offres_tarifs .bloc:nth-child(3n+1) {
    margin-left: 0; }

  .actualites_caroussel {
    width: 980px; }

  .actualite {
    width: 490px; } }
@media screen and (max-width: 1280px) {
  /* Contenu */
  .carte_centres .terrains_type {
    top: 50%;
    left: 550px; } }
/* Tablette portrait */
@media screen and (max-width: 979px) {
  /* Contenu */
  .slide_titre {
    font-size: 50px;
    font-size: 5.0rem;
    line-height: 50px; }

  .owl-carousel-pager {
    top: 70px; }

  .slide_experience .infos {
    width: 690px; }

  .slide_decouverte .btn_video {
    margin-bottom: 70px; }

  .slide_decouverte .infos_content {
    width: 690px; }

  .slide_decouverte .infos_illustration {
    width: 410px; }

  .slide_decouverte .infos_illustration p {
    display: none;
    float: right;
    width: 350px; }

  .slide_decouverte .infos_illustration .loupe {
    top: -40px;
    right: -30px; }

  .carte_centres {
    width: 565px;
    text-align: right; }

  .slide_centres .carte {
    float: right;
    width: 390px; }

  .carte_centres .terrains_type {
    left: -150px;
    top: 40%; }

  .actualites_caroussel {
    width: 720px; }

  .index_index .actualite {
    width: 360px;
    padding: 0 30px; } }
/* Mobile */
@media screen and (max-width: 767px) {
  /* Header */
  .header {
    height: auto;
    background-image: none; }

  /* Vidéo */
  .video {
    top: 55px; }

  /* Contenu */
  .slide_titre {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 25px; }

  .slide_accroche {
    font-size: 25px;
    font-size: 2.5rem; }

  .slide_caroussel {
    margin: 110px 0 0 0; }

  .owl-dots {
    bottom: 60px; }

  .slide_experience {
    margin-top: -140px;
    padding-top: 200px; }

  .slide_experience .slide_accroche {
    font-size: 27px;
    font-size: 2.7rem; }

  .slide_experience .slide_accroche .avec {
    font-size: 11px;
    font-size: 1.1rem; }

  .slide_experience .joueur {
    display: none; }

  .slide_experience .tache {
    display: none; }

  .slide_experience .infos {
    width: 270px;
    margin: 0 auto;
    display: block; }

  .slide_experience .infos li {
    float: none;
    width: auto;
    margin: 40px 0 0 0;
    padding: 0;
    text-align: center; }

  .slide_experience .infos li:after {
    display: none; }

  .slide_experience .infos_illustration {
    position: static;
    margin: 0 0 10px 0; }

  .slide_experience .btn_reserver {
    margin: 70px 0 0 0; }

  .slide_decouverte .infos_content {
    width: auto; }

  .slide_decouverte .infos, .slide_decouverte .infos_illustration {
    display: block;
    width: 300px;
    margin: 0 auto 40px auto;
    text-align: center; }

  .slide_decouverte .infos_illustration p {
    float: none;
    width: auto; }

  .slide_decouverte .infos_illustration .loupe {
    top: -60px;
    right: 0; }

  .slide_decouverte .infos_item {
    width: auto;
    margin: 0; }

  .slide_decouverte .infos_item .infos_soustitre {
    display: none;
    padding: 0;
    background: none !important; }

  .slide_decouverte .infos_item .infos_link {
    display: none;
    padding: 0;
    background: none !important; }

  .slide_decouverte .infos_item .infos_link.active {
    display: block; }

  .slide_decouverte .infos_pager {
    display: block; }

  .slide_offres_tarifs {
    padding-top: 60px; }

  .slide_offres_tarifs .blocs_top, .slide_offres_tarifs .blocs_bottom {
    width: 250px; }

  .slide_offres_tarifs .blocs_bottom {
    margin-bottom: 80px; }

  .slide_offres_tarifs .bloc {
    width: 120px;
    height: 120px;
    margin: 0 0 10px 10px; }

  .slide_offres_tarifs .bloc:nth-child(3n+1) {
    margin-left: 10px; }

  .slide_offres_tarifs .bloc:nth-child(2n+1) {
    margin-left: 0; }

  .slide_offres_tarifs .concepts {
    display: table;
    width: 300px;
    margin: 30px auto 0 auto; }

  .slide_offres_tarifs .concept {
    display: table-cell;
    width: 50%;
    padding: 0 10px; }

  .slide_offres_tarifs .btn_concept {
    width: 100%;
    padding: 0;
    font-size: 12px;
    font-size: 1.2rem; }

  .slide_centres {
    height: 1574px;
    margin-top: 150px;
    padding: 10% 5%; }

  .carte_centres {
    width: 90%; }

  .slide_centres .carte {
    width: 100%; }

  .carte_centres .terrains_type {
    position: static;
    margin: 0 auto 40px auto; }

  .slide_actualites {
    height: auto;
    padding-top: 350px;
    background-color: #000;
    background-position: center bottom; }

  .slide_actualites .slide_titre {
    font-size: 33px;
    font-size: 3.3rem;
    line-height: 40px; }

  .slide_actualites .slide_titre span {
    font-size: 47px;
    font-size: 4.7rem; }

  .actualites_caroussel {
    width: auto; }

  .actualites_caroussel:before {
    display: none; }

  .index_index .actualite {
    width: auto;
    padding: 0 10px; } }
.main-content .header {
  position: static;
  height: auto; }

.tab-stat a:hover {
  text-decoration: underline; }

#ligues .onglets {
  display: table;
  width: 100%; }

#ligues .content_onglet {
  margin-top: 50px; }

#ligues .content_onglet a:hover {
  text-decoration: underline; }

#ligues .cell {
  min-width: 50px;
  height: 43px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  vertical-align: middle;
  color: #000; }

#ligues .cell.left {
  text-align: left; }

#ligues .cell.right {
  text-align: right; }

#ligues .row {
  border-bottom: 1px solid #FFF;
  background: #e6e6e6;
  transition: all 0.3s linear; }
  #ligues .row:hover {
    background: #7ff2fa;
    color: #000; }
    #ligues .row:hover .resume {
      color: #FFF !important; }

#ligues .header {
  height: 58px;
  background: #cdcdcd !important;
  border-bottom: 1px solid #5f7376;
  color: #000;
  text-transform: uppercase; }

#ligues .header .cell {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000; }

#classement h2 {
  font-family: "Open sans", sans-serif;
  font-weight: 600;
  font-size: 25px;
  font-size: 2.5rem;
  text-transform: uppercase;
  color: #00e6f5; }

#classement .cell img {
  margin: 0 10px 0 0; }

.section_stats {
  padding-bottom: 70px; }

.titre_classement {
  margin: 50px 0 20px;
  transition: all 0.3s linear; }
  .titre_classement .titre {
    float: left; }
  .titre_classement .deroule {
    display: block;
    float: right;
    width: 35px;
    height: 34px;
    cursor: pointer; }
  .titre_classement.open .deroule {
    background-image: url(../images/moins.png); }
  .titre_classement.close {
    padding-bottom: 20px;
    border-bottom: 5px solid #cdcdcd; }
    .titre_classement.close .deroule {
      background-image: url(../images/plus.png); }

#resultats .cell.equipe {
  width: 30%; }

#resultats .cell.score {
  font-weight: bold;
  font-style: italic; }

#resultats .cell.score > span {
  color: #00e6f5; }

#resultats .cell.score .horaire {
  display: block;
  font-weight: normal;
  color: #000;
  text-align: center; }

#resultats .cell.resume {
  font-weight: bold;
  color: #00e6f5;
  transition: all 0.3s ease; }

#resultats .header {
  line-height: 58px;
  padding: 0 0 0 20px; }

#resultats .row.euro2016 {
  background: #ff0028 url(../images/fanzeonenice.jpg) no-repeat 98% center;
  color: #fff; }

#resultats .row.euro2016 .score span {
  color: #000; }

#planning .header {
  line-height: 58px;
  padding: 0 0 0 20px; }

#videos h2 {
  margin: 0;
  padding: 15px 30px;
  font-family: 'MarianinaFYItalic';
  font-size: 30px;
  font-size: 3.0rem; }

#videos .header {
  height: 54px;
  line-height: 54px;
  padding: 0 0 0 20px;
  background: #00e6f5;
  border-bottom: 1px solid #5f7376;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff; }

#videos .cell {
  height: 90px;
  text-align: center;
  vertical-align: middle; }

#videos .cell.time {
  width: 100px;
  font-size: 20px;
  font-size: 2.0rem; }

#videos .cell.description {
  width: 400px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: left; }

#videos .cell.video {
  width: 120px;
  padding: 10px 0; }

#videos .row {
  border-bottom: 1px solid #e4e4e4; }

#videos .row:nth-child(2n+1) {
  background: #f8f8f8; }

.ligues_joueur .section_stats {
  padding: 0; }

.ligues_joueur .section_buts {
  color: #000; }

.ligues_joueur .but {
  border-top: 1px solid #ccc; }

.ligues_joueur .but:first-child {
  border: none; }

.ligues_joueur .but:hover {
  background: #7ff2fa; }

.ligues_joueur .but .cell {
  padding: 10px; }

.ligues_joueur .but .video {
  text-align: right; }

.ligues_joueur .but .video img {
  width: 200px; }

.matchs_detail .section_stats {
  padding: 0; }

.matchs_detail .section_buts {
  color: #000; }

.matchs_detail .but {
  border-top: 1px solid #ccc; }

.matchs_detail .but:first-child {
  border: none; }

.matchs_detail .but:hover {
  background: #7ff2fa !important; }

.matchs_detail .but .cell {
  padding: 10px; }

.matchs_detail .but .video {
  text-align: right; }

.matchs_detail .but .video img {
  width: 200px; }

/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage */
/* Tablette portrait */
/* Mobile */
@media screen and (max-width: 767px) {
  .contenu {
    padding: 0 10px; }

  #ligues .cell {
    min-width: 20px;
    padding: 0 3px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center !important; }

  #ligues .header .cell {
    font-size: 16px;
    font-size: 1.6rem; }

  #classement .cell img {
    display: block;
    margin: 0 auto; }

  #resultats .cell.horaire {
    display: none; }

  #resultats .cell.score {
    width: 60px; }

  #resultats .cell.resume a {
    display: block;
    height: 20px;
    background: url(../images/puce1.png) no-repeat center center; }

  #joueur .cell.video img {
    width: 100px; } }
#ligues_tournois {
  font-size: 13px;
  font-size: 1.3rem; }

#ligues_tournois .onglets {
  position: relative;
  top: 1px;
  display: table;
  width: 50%; }

#ligues_tournois .onglet {
  display: table-cell;
  width: 50%;
  height: 57px;
  line-height: 57px;
  background: #00ff87;
  font-family: 'Montserrat';
  font-size: 14px;
  font-size: 1.4rem;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.5s ease; }

#ligues_tournois .onglet.active {
  background: #00e6f5;
  color: #fff; }

#ligues_tournois .onglet:hover {
  text-decoration: none; }

#ligues_tournois .onglet:not(.active):hover {
  opacity: 0.8; }

#ligues_tournois .onglet_content {
  padding: 25px 10px;
  border: 1px solid #e4e4e4; }

#ligues .ligue {
  float: left;
  width: 49%;
  margin: 0 0 20px 0; }
  #ligues .ligue:nth-child(2n) {
    margin-left: 2%; }
  #ligues .ligue:nth-child(2n+1) {
    clear: both; }
  @media only screen and (max-width: 767px) {
    #ligues .ligue {
      float: none;
      width: 100%; } }

#ligues .ligue .visuel {
  margin: 0 0 15px 0; }

#ligues .ligue .visuel img {
  width: 100%; }

#ligues .ligue .titre {
  font-size: 24px;
  font-size: 2.4rem; }

#ligues .ligue .date {
  margin: 0 0 15px 0;
  color: #00e6f5; }

#ligues .ligue .resume {
  margin: 0 0 15px 0; }

#ligues .ligue .resume:after {
  content: ' [...]'; }

#tournois .tournoi {
  float: left;
  width: 49%;
  margin: 0 0 20px 0; }
  #tournois .tournoi:nth-child(2n) {
    margin-left: 2%; }
  #tournois .tournoi:nth-child(2n+1) {
    clear: both; }
  @media only screen and (max-width: 767px) {
    #tournois .tournoi {
      float: none;
      width: 100%; } }

#tournois .tournoi .visuel {
  margin: 0 0 15px 0; }

#tournois .tournoi .visuel img {
  width: 100%; }

#tournois .tournoi .titre {
  font-size: 24px;
  font-size: 2.4rem; }

#tournois .tournoi .date {
  margin: 0 0 15px 0;
  color: #00e6f5; }

#tournois .tournoi .resume {
  margin: 0 0 15px 0; }

#tournois .tournoi .resume:after {
  content: ' [...]'; }

/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage */
/* Tablette portrait */
/* Mobile */
.main-content {
  padding-bottom: 70px; }

.login {
  min-height: 630px; }

.intro {
  margin: 0 0 60px 0;
  font-size: 18px;
  font-size: 1.8rem; }

.intro span {
  color: #00e6f5; }

.moncompte_connexion {
  float: left;
  width: 48%;
  min-height: 300px;
  padding: 30px;
  border: 1px solid #01a3ad;
  font-family: "Canaro-Medium"; }
  @media only screen and (max-width: 1120px) {
    .moncompte_connexion {
      min-height: 360px; } }
  @media only screen and (max-width: 767px) {
    .moncompte_connexion {
      float: none;
      width: auto;
      height: auto;
      margin: 0 0 20px 0; } }

.moncompte_connexion .titre_rubrique {
  color: #b4b4b4;
  margin: 0 0 20px 0;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  text-transform: uppercase; }

.moncompte_connexion form p label {
  float: none;
  display: inline-block;
  vertical-align: middle; }
  @media only screen and (max-width: 400px) {
    .moncompte_connexion form p label {
      display: block;
      float: none;
      clear: both; } }

.moncompte_connexion form.form_common p input[type="email"],
.moncompte_connexion form.form_common p input[type="password"] {
  border: 1px solid #01c8d5;
  width: 50%; }
  @media only screen and (max-width: 1120px) {
    .moncompte_connexion form.form_common p input[type="email"],
    .moncompte_connexion form.form_common p input[type="password"] {
      width: 45%; } }
  @media only screen and (max-width: 767px) {
    .moncompte_connexion form.form_common p input[type="email"],
    .moncompte_connexion form.form_common p input[type="password"] {
      width: 50%;
      float: right; } }
  @media only screen and (max-width: 400px) {
    .moncompte_connexion form.form_common p input[type="email"],
    .moncompte_connexion form.form_common p input[type="password"] {
      display: block;
      float: none;
      clear: both;
      width: 100%; } }

.moncompte_connexion form p input[type="submit"] {
  width: 50%;
  padding: 0 5px;
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  background: #01a3ad;
  border: 1px solid #01a3ad; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .moncompte_connexion form p input[type="submit"] {
      width: 80%; } }
  @media only screen and (max-width: 480px) {
    .moncompte_connexion form p input[type="submit"] {
      width: 80%; } }

.moncompte_connexion form p input[type="submit"]:hover {
  color: #01a3ad; }

.moncompte_creation {
  float: left;
  width: 48%;
  min-height: 300px;
  padding: 30px;
  border: 1px solid #01a3ad;
  font-family: "Canaro-Medium"; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .moncompte_creation {
      min-height: 360px; } }
  @media only screen and (max-width: 767px) {
    .moncompte_creation {
      float: none;
      width: auto;
      height: auto;
      background: rgba(0, 0, 0, 0.8); } }

.moncompte_creation .titre_rubrique {
  color: #b4b4b4;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  text-transform: uppercase; }

.moncompte_creation .create_account {
  color: #b4b4b4;
  padding: 78px 30px;
  font-size: 18px;
  font-size: 1.8rem; }
  @media only screen and (max-width: 1120px) {
    .moncompte_creation .create_account {
      padding: 78px 30px 94px; } }
  @media only screen and (max-width: 980px) {
    .moncompte_creation .create_account {
      padding: 78px 30px 71px; } }
  @media only screen and (max-width: 767px) {
    .moncompte_creation .create_account {
      padding: 60px 30px; } }

.moncompte_creation .btn_signup {
  width: 50%;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
  border-radius: 5px;
  border: 1px solid #01a3ad;
  background: #01a3ad;
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.5s ease; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .moncompte_creation .btn_signup {
      width: 80%; } }
  @media only screen and (max-width: 480px) {
    .moncompte_creation .btn_signup {
      width: 80%; } }
  @media only screen and (max-width: 320px) {
    .moncompte_creation .btn_signup {
      width: auto; } }

.moncompte_creation .btn_signup:hover {
  color: #01a3ad;
  background: #000; }

.moncompte_creation .btn_signup a:hover {
  text-decoration: none; }

.forgot-login {
  font-size: 12px;
  color: #959595;
  margin: 0 !important; }

.forgot-login a {
  color: #00e6f5; }
  .forgot-login a:hover {
    text-decoration: underline; }

.top-30 {
  margin: 30px 0 0 0 !important; }

.login .mentions {
  color: #58595b; }

.login .btns_contact {
  margin: 300px 0 150px; }

/**
 * Responsive Design
 */
.matchs_detail .main-title {
  margin: 0;
  padding: 60px 0 0 0; }

.main-content .header {
  position: static;
  height: auto; }

#match .disabled {
  position: relative; }

#match .disabled:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8); }

.bgmatch {
  padding: 0 0 170px 0;
  background: url(../images/bg_joueur.png) bottom center no-repeat; }

.match_infos {
  margin: 60px 0; }
  @media only screen and (max-width: 1120px) {
    .match_infos .col {
      float: none;
      width: 100%; } }

/*#resultat {position: relative; height: 435px; margin: 0 0 12px 0; text-align: center; background: url(../images/bg_match.jpg) no-repeat center center; background-size: cover;}
#resultat .equipe {position: absolute; top: 100px; width: 210px;}
#resultat .equipe .logo {margin: 0 0 15px 0;}
#resultat .equipe .nom {margin: 0 0 15px 0; font-size: 18px; font-size: 1.8rem; color: #fff; text-transform: uppercase;}
#resultat .equipe .buteurs {font-size: 10px; font-size: 1.0rem; color: $color-second;}
#resultat .equipe .buteurs .joueur {font-size: 14px; font-size: 1.4rem; color: #fff;}
#resultat #equipe1 {left: 20px;}
#resultat #equipe2 {right: 20px;}
#resultat #score {position: absolute; top: 85px; left: 0; right: 0; font-size: 48px; font-size: 4.8rem; color: #fff; text-align: center;}
#resultat #score span {color: $color-second; }
#resultat .match_edit {position: absolute; top: 10px; right: 10px;}*/
.resultat {
  position: relative;
  margin: 75px 0 12px 0;
  text-align: center;
  /*.equipe {position: absolute; top: 100px; width: 210px;}
  .equipe .logo {margin: 0 0 15px 0;}
  .equipe .nom {margin: 0 0 15px 0; font-size: 18px; font-size: 1.8rem; color: #fff; text-transform: uppercase;}
  .equipe .buteurs {font-size: 10px; font-size: 1.0rem; color: $color-second;}
  .equipe .buteurs .joueur {font-size: 14px; font-size: 1.4rem; color: #fff;}*/ }
  .resultat .buteurs {
    font-weight: 300; }
  .resultat .titre_equipe {
    font-size: 18px;
    text-transform: uppercase; }
  .resultat .equipe_name {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700; }
  .resultat .equipes_name {
    line-height: 30px; }
    .resultat .equipes_name .cell {
      padding-bottom: 30px; }
    .resultat .equipes_name .vs {
      font-size: 62px;
      font-family: 'Bebas'; }
  .resultat .cell:first-child, .resultat .cell:last-child {
    width: 45%; }
  .resultat .sep {
    font-size: 100px;
    vertical-align: middle; }
  @media only screen and (max-width: 767px) {
    .resultat .buteurs .bleu {
      display: block; } }
  .resultat .score_equipe {
    font-size: 178px;
    font-size: 17.8rem;
    line-height: 148px;
    color: #fff;
    text-align: center;
    font-family: Bebas; }
    @media only screen and (max-width: 767px) {
      .resultat .score_equipe {
        font-size: 100px;
        font-size: 10rem; } }

.match_loisir .buteurs .joueur {
  display: none; }

.titre_footbar {
  font-size: 11px;
  color: #8a8a8a; }

.blocs_podium {
  margin: 40px 0 0 0; }
  .blocs_podium .bloc_podium {
    background: #272c32; }
    @media only screen and (max-width: 1120px) {
      .blocs_podium .bloc_podium {
        width: 46%;
        margin: 0 2% 2% 2%; } }
    @media only screen and (max-width: 767px) {
      .blocs_podium .bloc_podium {
        width: 100%;
        margin: 0 0 10px 0; } }
    .blocs_podium .bloc_podium .bloc_top .titre {
      color: #FFF;
      font-size: 14px;
      font-size: 1.4rem;
      text-transform: uppercase;
      height: 52px;
      line-height: 52px; }
      .blocs_podium .bloc_podium .bloc_top .titre img {
        display: inline-block;
        margin: 0 10px 0 20px; }
    .blocs_podium .bloc_podium.buteurs_bloc .bloc_top {
      background: #0a7bd3;
      background: -moz-linear-gradient(top, #1dd1f3 0%, #0a7bd3 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #1dd1f3 0%, #0a7bd3 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #1dd1f3 0%, #0a7bd3 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1dd1f3', endColorstr='#0a7bd3',GradientType=0 );
      /* IE6-9 */ }
    .blocs_podium .bloc_podium.distance_bloc .bloc_top {
      background: #8e2ae6;
      background: -moz-linear-gradient(top, #da68f9 0%, #8e2ae6 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #da68f9 0%, #8e2ae6 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #da68f9 0%, #8e2ae6 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da68f9', endColorstr='#8e2ae6',GradientType=0 );
      /* IE6-9 */ }
    .blocs_podium .bloc_podium.sprint_bloc .bloc_top {
      background: #458800;
      background: -moz-linear-gradient(top, #bddc00 0%, #458800 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #bddc00 0%, #458800 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #bddc00 0%, #458800 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bddc00', endColorstr='#458800',GradientType=0 );
      /* IE6-9 */ }
    .blocs_podium .bloc_podium.frappe_bloc .bloc_top {
      background: #fa9a00;
      background: -moz-linear-gradient(top, #ffc50e 0%, #fa9a00 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #ffc50e 0%, #fa9a00 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #ffc50e 0%, #fa9a00 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc50e', endColorstr='#fa9a00',GradientType=0 );
      /* IE6-9 */ }
    .blocs_podium .bloc_podium .joueurs .item {
      color: #00e6f5; }
    .blocs_podium .bloc_podium .joueurs.indispo .item {
      color: #888; }
    .blocs_podium .bloc_podium .bloc_sub {
      font-size: 14px;
      font-size: 1.4rem; }
      .blocs_podium .bloc_podium .bloc_sub .cell {
        padding: 10px 0; }
      .blocs_podium .bloc_podium .bloc_sub .fonce {
        width: 32%;
        background: #1e2226;
        font-weight: bold;
        text-align: center; }
      .blocs_podium .bloc_podium .bloc_sub .clair {
        padding-left: 15px;
        text-transform: uppercase; }
      .blocs_podium .bloc_podium .bloc_sub .bloc_sub_ligne:nth-child(n+4) {
        display: none; }
    .blocs_podium .bloc_podium .btn {
      height: 27px;
      line-height: 27px;
      border-top: 1px solid #000;
      font-size: 10px;
      color: #878686;
      text-align: center;
      text-transform: uppercase; }

.boutons_ancre {
  margin: 50px 0 0 0; }

.boutons_ancre a {
  width: 27%;
  margin: 0 2%;
  background-image: url(../images/bg_btn_match.jpg);
  background-position: center bottom;
  background-repeat: repeat-x;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: normal; }

.buteurs_bloc .fonce {
  color: #19cff1; }

.distance_bloc .fonce {
  color: #c861e5; }

.sprint_bloc .fonce {
  color: #bbda00; }

.frappe_bloc .fonce {
  color: #ffc40e; }

.comparaison {
  color: #000;
  text-align: center; }
  .comparaison .selectric .label {
    color: #000; }
  .comparaison .comparaison_stats {
    position: relative;
    margin: 25px 0 0 0; }
  .comparaison .stats_joueur:nth-child(n+2) {
    visibility: hidden;
    position: absolute;
    top: 0; }
  .comparaison .row {
    line-height: 50px; }
  .comparaison .cell {
    border-top: 1px solid #30343a;
    color: #798fa8; }
  .comparaison .cell.position {
    font-size: 22px;
    color: #fff; }
  .comparaison .entete {
    color: #fff;
    text-transform: uppercase;
    border-top: 10px solid transparent; }
    .comparaison .entete.col_center {
      border-color: #282f3a; }
  .comparaison .col_left {
    width: 42%;
    background: #20252a url(../images/shadow-right-comparaison.png) repeat-y right;
    font-size: 18px; }
  .comparaison .col_center {
    width: 16%;
    background: #282f3a;
    font-size: 14px; }
  .comparaison .col_right {
    width: 42%;
    background: #20252a url(../images/shadow-left-comparaison.png) repeat-y left;
    font-size: 18px; }
  .comparaison .row.empty .cell {
    background-color: transparent; }
  .comparaison .progressbar {
    position: absolute;
    left: 0;
    right: 0;
    height: auto; }
  .comparaison .progressbar.endurance {
    top: 110px; }
  .comparaison .progressbar.vitesse {
    top: 325px; }
  .comparaison .progressbar.technique {
    top: 540px; }
  .comparaison .progressbar .bar {
    top: 0;
    left: 0;
    width: 50%;
    height: 6px;
    background: #11829f;
    background: -moz-linear-gradient(top, #00E6F5 0%, #11829f 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #00E6F5 0%, #11829f 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #00E6F5 0%, #11829f 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00E6F5', endColorstr='#11829f',GradientType=0 );
    /* IE6-9 */ }
  .comparaison .progressbar .bar_base {
    position: static;
    width: 100%;
    height: 6px;
    background: #113b9f;
    background: -moz-linear-gradient(top, #34b2ff 0%, #113b9f 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #34b2ff 0%, #113b9f 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #34b2ff 0%, #113b9f 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34b2ff', endColorstr='#113b9f',GradientType=0 );
    /* IE6-9 */ }

#full_match {
  margin: 40px 0;
  text-align: center;
  background: #FFF; }

#full_match .titre {
  margin: 0 0 10px 0;
  color: #000;
  padding-top: 20px;
  font-size: 22px;
  font-size: 2.2rem;
  font-family: 'Canaro-Bold';
  text-transform: uppercase; }

#full_match .video_illustration img {
  width: auto; }

.matchs_detail .bloc_vid {
  margin-top: 35px; }

#match .resume {
  padding: 70px 0 0 0; }

#match .resume .cell {
  height: 90px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  vertical-align: middle; }

#match .resume .cell.time {
  width: 100px;
  font-size: 20px;
  font-size: 2.0rem; }

#match .resume .cell.action {
  width: 100px; }

#match .resume .cell.description {
  width: 400px;
  text-align: left; }

#match .resume .cell.video {
  width: 120px;
  padding: 10px 0; }

#match .resume .header {
  height: 54px;
  line-height: 54px;
  padding: 0 0 0 20px;
  background: #00e6f5;
  border-bottom: 1px solid #5f7376;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff; }

#match .resume .row {
  border-bottom: 1px solid #e4e4e4; }

#match .resume .row:nth-child(2n+1) {
  background: #f8f8f8; }

#match_share {
  padding: 20px 0;
  font-size: 0;
  text-align: center; }

#match_share a {
  margin: 0 10px;
  font-size: 30px;
  color: #00E6F5; }

.share_titre {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  margin: 0 10px 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: text-bottom;
  text-transform: uppercase;
  font-weight: 700; }

/*.share_facebook {width: 36px; height: 36px; margin: 0 10px 0 0; background: url(../images/ico_facebook.png) no-repeat;}
#share_cll {width: 36px; height: 36px; background: url(../images/ico_cll.png) no-repeat;}*/
.widget_match {
  position: relative;
  width: 407px;
  height: 496px;
  margin: 0 auto;
  background: url(../images/bg-terrain.png) no-repeat;
  color: #fff;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .widget_match {
      width: 100%;
      background-size: 100% 100%; } }

.widget_match .equipe_nom {
  position: absolute;
  left: 0;
  right: 0;
  font-size: 24px;
  font-size: 2.4rem;
  text-transform: uppercase; }

.widget_match .equipe_nom.equipe_home {
  top: 21px;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700; }

.widget_match .equipe_nom.equipe_guest {
  bottom: 21px;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700; }

.widget_match .equipe_joueurs {
  position: absolute;
  left: 0;
  right: 0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 120%; }

.widget_match .equipe_joueurs.equipe_home {
  top: 87px; }

.widget_match .equipe_joueurs.equipe_guest {
  bottom: 105px; }

.widget_match .equipe_joueurs .joueur_nom {
  display: inline-block;
  width: 37%;
  padding-left: 46px;
  font-size: 16px;
  font-weight: 300;
  text-align: left;
  text-transform: uppercase; }
  @media only screen and (max-width: 767px) {
    .widget_match .equipe_joueurs .joueur_nom {
      float: left;
      width: 50%;
      padding: 0 10px 0 40px; }
      .widget_match .equipe_joueurs .joueur_nom:nth-child(2n) {
        padding: 0 40px 0 10px; } }

/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage */
/* Tablette portrait */
/* Mobile HD */
@media screen and (max-width: 767px) {
  #resultat .equipe {
    top: 150px;
    width: 205px; }

  #resultat #score {
    top: 65px; }

  #full_match .video_illustration a {
    display: block; }

  #full_match .video_illustration img {
    width: 100%; } }
/* Mobile SD */
@media screen and (max-width: 499px) {
  #resultat {
    padding: 100px 0 0 0; }

  #resultat .equipe {
    position: static;
    width: auto;
    margin: 0 0 20px 0;
    padding: 0 20px; }

  #resultat #score {
    top: 25px; }

  .resume .cell.time {
    font-size: 15px;
    font-size: 1.5rem; }

  .resume .cell.description {
    padding: 0 5px; }

  .resume .cell.video img {
    width: 100px; } }
/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage */
/*@media screen and (min-width: 980px) {

}*/
/* Tablette portrait */
/*@media screen and (min-width: 764px) and (max-width: 979px) {
	.widget_match {float: left;}
	.widget_reservations {float: right;}

	#match {clear: both; padding: 20px 0 0 0;}
	.resultat {width: 740px;}
}*/
/* Mobile HD */
/*@media screen and (min-width: 500px) and (max-width: 763px) {
	.resultat {width: auto;}
	.resultat .equipe {top: 150px; width: 205px;}
	.resultat #score {top: 65px;}
}*/
/* Mobile SD */
/*@media screen and (max-width: 499px) {
	.resultat {width: auto; padding: 100px 0 0 0;}
	.resultat .equipe {position: static; width: auto; margin: 0 0 20px 0; padding: 0 20px;}
	.resultat #score {top: 25px;}
}*/
.newsletter_group {
  display: block;
  margin: 0 0 5px 210px; }

.newsletters_index .bg-corner {
  position: relative;
  top: 0;
  background-image: url("../images/bg-corner-white.png"); }

#partenaires .conteneur {
  overflow: hidden; }

.partenaire {
  margin: 0 0 20px 0; }

.partenaire .partenaire_illustration {
  float: left;
  width: 230px; }

.partenaire .partenaire_contenu {
  padding: 0 0 0 230px;
  text-align: justify;
  font-family: 'MarianinaFYRegular';
  font-size: 14px;
  font-size: 1.4rem; }

.partenaire .partenaire_contenu .partenaire_titre {
  margin: 0;
  font-family: 'MarianinaFYMediumItalic';
  font-size: 22px;
  font-size: 2.2rem; }

.partenaire_2 {
  float: left;
  margin: 0 0 10px 10px; }

.partenaire_2 .partenaire_illustration {
  float: none; }

.partenaire_2 .partenaire_illustration img {
  float: none;
  width: 100px;
  height: auto; }

/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage */
@media screen and (min-width: 980px) {
  .partenaire_2:nth-child(5n+1) {
    margin-left: 0; } }
/* Tablette portrait */
/* Mobile HD */
@media screen and (min-width: 500px) and (max-width: 763px) {
  .partenaire .partenaire_illustration {
    float: none;
    width: auto;
    margin: 0 0 20px 0;
    text-align: center; }

  .partenaire .partenaire_contenu {
    padding: 0; } }
/* Mobile SD */
@media screen and (max-width: 499px) {
  .partenaire .partenaire_illustration {
    float: none;
    width: auto;
    margin: 0 0 20px 0;
    text-align: center; }

  .partenaire .partenaire_contenu {
    padding: 0; } }
#bloc_public, #optcomplete {
  display: none; }

#dialog1, #dialog2 {
  display: none; }

.reservations_add.kfc #reservation {
  margin: 0 auto;
  padding: 50px;
  background: #f1f2f2; }
  @media only screen and (min-width: 1024px) {
    .reservations_add.kfc #reservation {
      width: 800px; } }
  .reservations_add.kfc #reservation .form_common {
    color: #000; }

/**
 * Ecran classique / Tablette paysage
 */
@media screen and (min-width: 980px) {
  .contenu {
    float: left;
    width: 640px;
    padding-right: 0; } }
/**
 * Tablette portrait
 */
@media screen and (min-width: 764px) and (max-width: 979px) {
  #col_right {
    display: flex;
    flex-flow: column wrap;
    height: 215px;
    margin: 20px 0 0 0; }

  #col_right .widget:nth-child(-n+2) {
    align-self: flex-start; }

  #col_right .widget:nth-child(3) {
    align-self: flex-end; } }
/* Mobile HD */
/**
 * Mobile SD
 */
.formulaire_reservation {
  margin: 60px auto 190px auto;
  width: 640px; }
  @media only screen and (max-width: 767px) {
    .formulaire_reservation {
      width: 100%; } }

.tableau_titre {
  margin: 0 0 10px 0;
  padding: 0 70px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  text-transform: uppercase; }

.tableau {
  display: table;
  width: 100%;
  margin: 0 0 20px 0;
  padding: 0 70px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #000;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .tableau {
      padding: 0; } }

.tableau .tableau-ligne {
  overflow: auto;
  border-bottom: 1px solid #e6e6e6; }

.tableau .tableau-ligne:hover {
  background: #eee; }

.tableau .tableau-entete {
  background: #e6e6e6;
  font-weight: bold;
  text-transform: uppercase; }
  @media only screen and (max-width: 767px) {
    .tableau .tableau-entete .reserve {
      display: none; } }

.tableau .tableau-entete:hover {
  background: #e6e6e6; }

.tableau .tableau-cellule {
  float: left;
  width: calc(100%/7);
  padding: 10px; }
  @media only screen and (max-width: 767px) {
    .tableau .tableau-cellule {
      width: 25%; } }

@media only screen and (max-width: 767px) {
  .tableau .tableau-cellule.terrain_type {
    display: none; } }

@media only screen and (max-width: 767px) {
  .tableau .tableau-cellule.reserve {
    width: 100%; } }

.tableau .tableau-cellule form input[type="button"] {
  height: 38px;
  line-height: 38px;
  padding: 0 15px;
  background: none;
  border: 2px solid #00e6f5;
  border-radius: 3px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #00e6f5;
  text-transform: uppercase; }

.tableau .tableau-ligne-exact .tableau-cellule {
  font-weight: bold; }

.tableau .tableau-ligne-exact form input[type="button"] {
  background: #00e6f5;
  color: #fff; }

.dialog-confirm {
  display: none; }

.planning {
  position: relative;
  width: 100%;
  margin: 25px 0 0 0;
  border-collapse: collapse; }

.planning_col {
  position: relative; }

.planning_col.horaires {
  float: left;
  width: 20%;
  color: #7a7a7a; }

.planning_content {
  float: left;
  width: 80%;
  color: #7a7a7a; }

.planning_cell {
  height: 30px;
  line-height: 30px;
  border-top: 1px solid #e7e7e7;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
  vertical-align: middle; }

.planning_cell:first-child {
  border: none; }

.planning_cell:nth-child(2n) {
  background: #f8f8f8; }

.planning_cell.entete {
  height: 40px;
  line-height: 40px;
  background: #00e6f5;
  border-bottom: 1px solid #06505b;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  vertical-align: middle; }

.planning_reservation {
  position: absolute;
  left: 0;
  right: 0;
  background: #ff0028;
  border: 1px solid #fff;
  color: #fff;
  text-align: center; }

.planning .owl-prev {
  position: absolute;
  top: 15px;
  left: -75px;
  width: 6px;
  height: 11px;
  background: url(../images/controls_caroussel.png) no-repeat left center;
  text-indent: -9999px; }

.planning .owl-next {
  position: absolute;
  top: 15px;
  left: -55px;
  width: 6px;
  height: 11px;
  background: url(../images/controls_caroussel.png) no-repeat right center;
  text-indent: -9999px; }

.reservation_bottom {
  margin: 50px 0 0 0;
  font-size: 16px;
  font-size: 1.6rem;
  color: #000;
  text-align: center; }

.reservation_bottom a {
  font-style: italic; }

/**
 * Responsive design
 */
/* Ecran classique / Tablette paysage */
/* Tablette portrait */
/* Mobile */
.bloc-signup {
  min-height: 1100px; }

.etape {
  position: relative;
  padding-bottom: 15px;
  border-bottom: 7px solid #FFF;
  text-align: center;
  transition: all 0.2s linear; }
  @media only screen and (max-width: 1023px) {
    .etape {
      width: 100% !important;
      margin-left: 0 !important;
      margin-bottom: 20px; } }
  .etape a {
    display: block;
    text-decoration: none; }
  .etape.active, .etape:hover {
    border-bottom: 7px solid #00e6f5;
    cursor: pointer;
    color: #00e6f5; }
    @media only screen and (max-width: 1023px) {
      .etape.active, .etape:hover {
        margin-bottom: 30px; } }
    .etape.active:after, .etape:hover:after {
      content: "";
      position: absolute;
      bottom: -28px;
      left: 50%;
      margin-left: -27px;
      right: 0;
      width: 55px;
      height: 28px;
      background-image: url(../images/chevron-big.png); }

.titre_etape {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center; }
  @media only screen and (max-width: 480px) {
    .titre_etape {
      font-size: 17px; } }

.renseignements {
  position: relative; }
  .renseignements .bloc_info {
    position: relative;
    margin-top: 44px;
    display: none;
    width: 600px;
    max-width: 100%;
    padding: 60px;
    background-color: #FFF;
    color: #000; }
    @media only screen and (max-width: 767px) {
      .renseignements .bloc_info {
        padding: 10%; } }
    .renseignements .bloc_info.active {
      display: inherit; }
  .renseignements .adressetel {
    margin-left: auto;
    margin-right: auto; }
  .renseignements .complementaire {
    float: right; }

form.form_common .titre_rubrique {
  margin: 20px 0 10px 0; }

form.form_common p input.inputradio {
  margin: 0 0 0 10px; }

/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage */
/*
@media screen and (min-width: 980px) {
	#signup .form_left {float: left; width: 50%;}
	#signup .form_right {float: right; width: 50%;}
}


@media screen and (min-width: 764px) and (max-width: 979px) {
	form.form_common p label {width: 150px;}
	#signup .form_left {float: left; width: 60%;}
	#signup .form_right {float: right; width: 40%;}
	#signup .form_right p label {display: block; width: auto; margin: 0 0 5px 0;}
}


@media screen and (min-width: 500px) and (max-width: 763px) {

}


@media screen and (max-width: 499px) {
	form.form_common p label {display: block; width: auto; margin: 0 0 5px 0;}
}
*/
.soccerparktv .bloc-buts {
  background: none;
  padding-bottom: 150px; }

.soccerparktv .bloc-buts .polygon {
  top: 0%; }

.soccerparktv .bloc-buts .main-title {
  padding-top: 100px; }

.soccerparktv .bgfive {
  padding-bottom: 150px; }

/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage */
/* Tablette portrait */
/* Mobile */
.contenu {
  float: none;
  width: auto; }

#recap_commande {
  margin: 0 0 20px 0;
  border: 1px solid #d2d2d2;
  text-transform: uppercase; }

#recap_commande .row {
  height: 35px; }

#recap_commande .cell {
  width: 50%;
  padding: 0 20px;
  vertical-align: middle; }

#recap_commande .right {
  font-size: 18px;
  font-size: 1.8rem; }

#paiements {
  margin: 0 0 20px 0;
  border: 1px solid #d2d2d2; }

#paiements #paiement_liste {
  padding: 20px;
  text-align: center; }

#paiements #paiement_liste .paiement_titre {
  padding: 10px 0;
  font-size: 16px;
  text-transform: uppercase; }

#paiements #paiement_liste .paiement_module {
  font-size: 16px;
  text-transform: uppercase; }

.paiement_module input[type="image"], .paiement_module input[type="submit"] {
  cursor: pointer; }

/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage */
/* Tablette portrait */
/* Mobile */
@media screen and (max-width: 763px) {
  #basket_ariane {
    height: auto; }

  #basket_ariane, #basket_ariane .row, #basket_ariane .cell {
    display: block;
    width: 100%; }

  #basket_ariane .cell {
    padding: 10px 0; } }
.contenu {
  float: none;
  width: auto; }

/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage */
/* Tablette portrait */
/* Mobile */
@media screen and (max-width: 763px) {
  #basket_ariane {
    height: auto; }

  #basket_ariane, #basket_ariane .row, #basket_ariane .cell {
    display: block;
    width: 100%; }

  #basket_ariane .cell {
    padding: 10px 0; } }
.contenu {
  float: none;
  width: auto; }

.top_videos {
  margin: 0 auto 20px auto;
  padding: 45px 0 0 0; }

.bloc_videos {
  width: 48%;
  margin: 0 0 0 4%; }

.video_illustration img {
  width: 100%; }

.top_videos_titre {
  color: #00e6f5; }

/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage */
/* Tablette portrait */
/* Mobile */
@media screen and (max-width: 767px) {
  .bloc_videos {
    float: none;
    width: auto;
    margin: 0 0 20px 0; }

  .videos_listing {
    padding-top: 50px; } }
.main-content .header {
  position: static;
  height: auto; }

#tournois .onglets {
  display: table;
  width: 100%; }

#tournois .content_onglet {
  margin-top: 50px; }

#tournois .cell {
  min-width: 50px;
  height: 43px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  vertical-align: middle;
  color: #000; }

#tournois .cell.left {
  text-align: left; }

#tournois .cell.right {
  text-align: right; }

#tournois .cell.score > span {
  color: #00e6f5; }

#tournois .row {
  border-bottom: 1px solid #FFF;
  background: #e6e6e6;
  transition: all 0.3s linear; }
  #tournois .row:hover {
    background: #7ff2fa;
    color: #000; }

#tournois .header {
  height: 58px;
  background: #cdcdcd !important;
  border-bottom: 1px solid #5f7376;
  color: #000;
  text-transform: uppercase; }

#tournois .header.poule {
  padding: 0 0 0 20px; }

#tournois .header .cell {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000; }

#matchs .cell.score {
  font-weight: bold;
  font-style: italic; }

#matchs .cell.score > span {
  color: #00e6f5; }

#matchs .cell.resume {
  font-weight: bold;
  color: #00e6f5; }

#matchs .row {
  border-bottom: 1px solid #e4e4e4; }

#matchs .row:nth-child(2n+1) {
  background: #f8f8f8; }

#classement .cell.rang {
  width: 94px; }

#classement .cell.equipe {
  width: 173px;
  padding: 0 0 0 10px;
  text-align: left; }

#classement .cell.pts {
  width: 94px; }

#classement .cell.joue {
  width: 64px; }

#classement .cell.gagne {
  width: 64px; }

#classement .cell.nul {
  width: 64px; }

#classement .cell.perdu {
  width: 64px; }

#classement .cell img {
  margin: 0 10px 0 0; }

#classement .row {
  border-bottom: 1px solid #e4e4e4; }

#classement .equipes .row:nth-child(2n+1) {
  background: #f8f8f8; }

#phasefinale {
  padding: 40px 0;
  border-bottom: 1px solid #e4e4e4; }

#tournament {
  margin: 0 auto;
  border-collapse: collapse;
  background: url(../images/bg_tournament.png) no-repeat center center;
  font-size: 12px;
  font-size: 1.2rem; }

#tournament td {
  padding: 25px 10px;
  text-align: center;
  vertical-align: middle; }

#tournament .voir_poules {
  width: 92px;
  height: 66px;
  padding: 18px 0;
  background: #f4f4f4;
  border: 1px solid #e8e8e8;
  color: #797979;
  text-transform: uppercase; }

#tournament .match {
  display: inline-block;
  width: 141px;
  height: 89px;
  background: #000;
  border: 1px solid #e8e8e8;
  color: #fff;
  text-transform: uppercase; }

#tournament .match.finale {
  background: #00e6f5;
  color: #000; }

#tournament .match a:hover {
  text-decoration: none; }

#tournament .match span {
  color: #00e6f5; }

#tournament .match.finale span {
  color: #fff; }

#videos h2 {
  margin: 0;
  padding: 15px 30px;
  font-size: 30px;
  font-size: 3.0rem; }

#videos .header {
  height: 54px;
  line-height: 54px;
  padding: 0 0 0 20px;
  background: #00e6f5;
  border-bottom: 1px solid #5f7376;
  font-size: 18px;
  font-size: 1.8rem;
  color: #000; }

#videos .cell {
  height: 90px;
  text-align: center;
  vertical-align: middle;
  color: #000; }

#videos .cell.time {
  width: 100px;
  font-size: 20px;
  font-size: 2.0rem; }

#videos .cell.description {
  width: 400px;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left; }

#videos .cell.video {
  width: 120px;
  padding: 10px 0; }

#videos .row {
  border-bottom: 1px solid #e4e4e4; }

#videos .row:nth-child(2n+1) {
  background: #f8f8f8; }

/**
 * Responsive Design
 */
/* Ecran classique / Tablette paysage */
/* Tablette portrait */
/* Mobile */
@media screen and (max-width: 767px) {
  .contenu {
    padding: 0 10px; }

  #tournois .tournoi_onglet {
    height: auto;
    line-height: 25px;
    padding: 10px 0; }

  #tournois .cell {
    min-width: 20px;
    padding: 0 3px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center !important; }

  #tournois .header .cell {
    font-size: 16px;
    font-size: 1.6rem; }

  #tournois .cell.resume a {
    display: block;
    height: 20px;
    background: url(../images/puce1.png) no-repeat center center; }

  #phasefinale {
    padding: 0; } }

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