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

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

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

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

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

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

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

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

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

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

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

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

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

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

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

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

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

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

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

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

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce
 *    specificity and defer to the .w-button selector
 */
button,
html input[type=button],
input[type=reset] {
  -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;
}

@font-face {
  font-family: "webflow-icons";
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
[class^=w-icon-],
[class*=" w-icon-"] {
  font-family: "webflow-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.w-icon-nav-menu:before {
  content: "\e602";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  margin: 0;
  min-height: 100%;
  background-color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}

img {
  max-width: 90%;
  vertical-align: middle;
  display: inline-block;
}

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.w-clearfix:before,
.w-clearfix:after {
  content: " ";
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-button {
  display: inline-block;
  padding: 9px 15px;
  background-color: #3898EC;
  color: white;
  border: 0;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0;
}

input.w-button {
  -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: transparent !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  margin-bottom: 10px;
}

h1 {
  font-size: 38px;
  line-height: 44px;
  margin-top: 20px;
}

h2 {
  font-size: 32px;
  line-height: 36px;
  margin-top: 20px;
}

h3 {
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px;
}

h4 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 10px;
}

h5 {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
}

h6 {
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

a:focus {
  outline: 0;
}

ul,
ol {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
}

button,
html input[type=button],
input[type=reset] {
  border: 0;
  cursor: pointer;
  -webkit-appearance: button;
}

label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

.w-input,
.w-select {
  display: block;
  /*width: 100%;*/
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

.w-input:-moz-placeholder,
.w-select:-moz-placeholder {
  color: #999;
}

.w-input::-moz-placeholder,
.w-select::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.w-input:-ms-input-placeholder,
.w-select:-ms-input-placeholder {
  color: #999;
}

.w-input::-webkit-input-placeholder,
.w-select::-webkit-input-placeholder {
  color: #999;
}

.w-input:focus,
.w-select:focus {
  border-color: #3898EC;
  outline: 0;
}

.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
  cursor: not-allowed;
  background-color: #eeeeee;
}

textarea.w-input,
textarea.w-select {
  height: auto;
}

.w-checkbox,
.w-radio {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
}

.w-checkbox:before,
.w-radio:before,
.w-checkbox:after,
.w-radio:after {
  content: " ";
  display: table;
}

.w-checkbox:after,
.w-radio:after {
  clear: both;
}

.w-checkbox-input,
.w-radio-input {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
  float: left;
  margin-left: -20px;
}

.w-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
  padding-left: 5px;
  padding-right: 5px;
}

.w-container:before,
.w-container:after {
  content: " ";
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before,
.w-row:after {
  content: " ";
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333333%;
}

.w-col-2 {
  width: 16.66666667%;
}

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

.w-col-4 {
  width: 33.33333333%;
}

.w-col-5 {
  width: 41.66666667%;
}

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

.w-col-7 {
  width: 58.33333333%;
}

.w-col-8 {
  width: 66.66666667%;
}

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

.w-col-10 {
  width: 83.33333333%;
}

.w-col-11 {
  width: 91.66666667%;
}

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

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }
}
@media screen and (max-width: 767px) {
  .w-row,
.w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }
}
@media screen and (max-width: 479px) {
  .brand img {
    width: 75%;
    height: 75%;
    display: inline;
    padding: 0 !important;
  }

  .brand {
    padding: 0 !important;
  }

  .w-container {
    max-width: none;
  }

  .w-col {
    width: 100%;
  }
}
.w-nav[data-collapse=all] .w-dropdown,
.w-nav[data-collapse=all] .w-dropdown-toggle {
  display: block;
}

.w-nav[data-collapse=all] .w-dropdown-list {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse=medium] .w-dropdown,
.w-nav[data-collapse=medium] .w-dropdown-toggle {
    display: block;
  }

  .w-nav[data-collapse=medium] .w-dropdown-list {
    position: static;
  }
}
@media screen and (max-width: 767px) {
  .w-nav[data-collapse=small] .w-dropdown,
.w-nav[data-collapse=small] .w-dropdown-toggle {
    display: block;
  }

  .w-nav[data-collapse=small] .w-dropdown-list {
    position: static;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}
@media screen and (max-width: 479px) {
  .w-nav[data-collapse=tiny] .w-dropdown,
.w-nav[data-collapse=tiny] .w-dropdown-toggle {
    display: block;
  }

  .w-nav[data-collapse=tiny] .w-dropdown-list {
    position: static;
  }
}
/**
 * ## Note
 * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well.
 * For example percentage units do not work on descendants of elements that
 * have any dimensions expressed in viewport units. It also doesn’t handle them at
 * all in `calc()`.
 */
/**
 * Wrapper around all lightbox elements
 *
 * 1. Since the lightbox can receive focus, IE also gives it an outline.
 * 2. Fixes flickering on Chrome when a transition is in progress
 *    underneath the lightbox.
 */
.w-nav {
  position: relative;
  background: #ffffff;
  z-index: 1000;
}

.w-nav:before,
.w-nav:after {
  content: " ";
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  position: relative;
  float: left;
  text-decoration: none;
  color: #333333;
}

.w-nav-link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  color: #222222;
  padding: 20px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  position: relative;
  float: right;
}

.w--nav-menu-open {
  display: block !important;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  text-align: center;
  overflow: visible;
  min-width: 200px;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  position: absolute;
  overflow: hidden;
  display: none;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
}

.w-nav-overlay .w--nav-menu-open {
  top: 0;
}

.w-nav[data-animation=over-left] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation=over-left] .w-nav-overlay,
.w-nav[data-animation=over-left] .w--nav-menu-open {
  right: auto;
  z-index: 1;
  top: 0;
}

.w-nav[data-animation=over-right] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation=over-right] .w-nav-overlay,
.w-nav[data-animation=over-right] .w--nav-menu-open {
  left: auto;
  z-index: 1;
  top: 0;
}

.w-nav-button {
  position: relative;
  float: right;
  padding: 18px;
  font-size: 24px;
  display: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.w-nav-button.w--open {
  background-color: #C8C8C8;
  color: white;
}

.w-nav[data-collapse=all] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse=all] .w-nav-button {
  display: block;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse=medium] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse=medium] .w-nav-button {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .w-nav[data-collapse=small] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse=small] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}
@media screen and (max-width: 479px) {
  .w-nav[data-collapse=tiny] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse=tiny] .w-nav-button {
    display: block;
  }
}
.w-tabs {
  position: relative;
}

.w-tabs:before,
.w-tabs:after {
  content: " ";
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  padding: 9px 30px;
  text-align: left;
  /*cursor: pointer;*/
  color: #222222;
  background-color: #dddddd;
}

.w-tab-link.w--current {
  background-color: #C8C8C8;
}

.w-tab-content {
  position: relative;
  display: block;
  overflow: hidden;
}

.w-tab-pane {
  position: relative;
  display: none;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body {
  height: auto;
  background-color: transparent;
}

h1 {
  display: block;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 70px;
  line-height: 44px;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
}

h2 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-family: Roboto, sans-serif;
  color: #000;
  font-size: 22px;
  line-height: 36px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 1px;
  text-transform: none;
}

h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Roboto, sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 30px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
  text-transform: none;
}

h4 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-family: Roboto, sans-serif;
  line-height: 20px;
  font-weight: 500;
}

h5 {
  margin-top: 4px;
  margin-bottom: 7px;
  float: none;
  font-family: Roboto, sans-serif;
  color: #4a4a4a;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0px;
  text-transform: none;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  text-transform: uppercase;
}

p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Roboto, sans-serif;
  color: #000;
  font-size: 13px;
  line-height: 21px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0px;
  text-indent: 0px;
  text-transform: none;
}

.button {
  display: inline-block;
  margin-top: 0px;
  padding: 15px 20px;
  float: none;
  border-radius: 4px;
  background-color: #db4b4b;
  box-shadow: none;
  transition: all 500ms ease;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: none;
}

.button:hover {
  background-color: #4a4a4a;
  box-shadow: none;
  transition: none 0ms ease;
  color: #fff;
}

.button.next {
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  float: right;
  border: 1px solid #969799;
  border-radius: 0px;
  background-color: transparent;
  box-shadow: none;
  color: #969799;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 1px;
  text-transform: none;
}

.button.next:hover {
  border-color: #db4b4b;
  background-color: #db4b4b;
  box-shadow: none;
  transition: none 0ms ease;
  color: #fff;
}

.hero-section.subpage.contact {
  background-image: url("../images/44444.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat;
  background-attachment: fixed;
  box-shadow: none;
}

.navbar {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 999;
  display: block;
  width: 100%;
  padding: 0;
  background-color: #fff;
  box-shadow: 0 0 6px -2px #828282;
  font-family: "Changa One", Impact, sans-serif;
  color: #000;
  text-align: center;
}

.section {
  padding-top: 110px;
  padding-bottom: 110px;
}

.section {
  padding-top: 80px;
  padding-bottom: 0px;
  box-shadow: none;
  opacity: 1;
  transition: background-color 500ms ease;
}

.circle-icon-block.social.contact {
  width: 35px;
  height: 35px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50px;
  background-color: #4d4d4d;
  transition-property: all;
}

.circle-icon-block.social.contact:hover {
  border-top-color: #2897bd;
  border-bottom-color: #2897bd;
  border-radius: 50px;
  background-color: #db4b4b;
  box-shadow: none;
  transition: none 0ms ease;
}

.copyright {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  float: none;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  text-transform: none;
}

.nav-link {
  padding: 13px 13px;
  opacity: 1;
  transition: color 500ms ease;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: none;
  margin-top: 5px;
  margin-bottom: 5px;
}

.nav-button span.registration:hover {
  background-color: #0087C9;
  background-color: var(--color-secondary-hover, #0087C9);
}

.nav-link.w--current {
  /*
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 0px;
    opacity: 1;
    font-family: Roboto, sans-serif;
    color: #db4b4b;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    text-transform: none;
    */
}

.nav-link.w--current:hover {
  border-radius: 0px;
  opacity: 1;
  transition-duration: 500ms;
  color: #db4b4b;
}

.nav-link span.registration, div.herotext-div a {
  background-color: #00aeef;
  background-color: var(--color-secondary, #00aeef);
  color: #fff;
  font-style: normal;
  border-radius: 33px;
  padding: 11px 20px;
}

.hero-headline._2.subpage.small.left {
  float: right;
  color: #828282;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 1px;
}

.social-dic-2.contact {
  display: inline-block;
  float: left;
}

.submit-button {
  padding-top: 7px;
  padding-bottom: 7px;
  float: left;
  border-radius: 4px;
  background-color: #00aeef;
  background-color: var(--color-secondary, #00aeef);
  opacity: 1;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: none;
}

.submit-button:hover {
  background-color: #4a4a4a;
  opacity: 1;
}

.text-field {
  margin-bottom: 10px;
  /*padding-top: 12px;
  padding-bottom: 12px;*/
  border: 1px solid #d8d8d8;
  border-radius: 0px;
  /*background-color: hsla(0, 0%, 96%, .49);*/
  background-color: #fff;
  opacity: 1;
  transition: all 500ms ease;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  text-transform: none;
}

.text-field:hover {
  background-color: #fafafa;
  color: #4a4a4a;
}

.slider {
  width: 20%;
  opacity: 1;
  text-align: center;
}

.image {
  padding-top: 20px;
  /*opacity: 0.39;*/
}

.category {
  margin-top: 10px;
  font-family: Roboto, sans-serif;
  color: #c4c4c4;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
}

.text {
  margin-bottom: 0px;
  padding-top: 5px;
  font-family: Roboto, sans-serif;
  color: #4a4a4a;
  font-size: 19px;
  font-weight: 400;
  text-align: left;
}

.footer-small {
  margin-top: 45px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #212121;
}

.white-text-footer.contact {
  margin-bottom: 20px;
  color: #4a4a4a;
}

.text-fotter.contact {
  margin-bottom: 20px;
  color: #fff;
}

.error {
  background-color: #dedede;
  font-family: Roboto, sans-serif;
}

.logo {
  display: inline-block;
  width: 270px;
}

.brand {
  display: block;
}

.service-icon.new {
  width: 40px;
  height: 40px;
  margin-bottom: 60px;
  padding: 0px;
  background-color: transparent;
}

.skills.div {
  margin-top: 85px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: transparent;
}

.skills.div.first {
  margin-top: 30px;
}

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

.over-filter-button {
  margin-right: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #00aeef;
  border-color: var(--color-secondary, #00aeef);
  border-radius: 1px;
  background-color: transparent;
  transition: all 500ms ease;
}

a.over-filter-button:hover {
  background-color: #dedede;
}

.over-filter-button.w--current {
  border-width: 1px;
  border-style: solid;
  border-color: #00aeef;
  border-color: var(--color-secondary, #00aeef);
  background-color: #dedede;
}

.over-filter-button.w--current:hover {
  background-color: #dedede;
  color: #fff;
}

.over-filter-button.last {
  border-right-style: solid;
}

.over-filter-button.firts.w--current {
  border-right-style: solid;
  border-left-style: none;
}

.button-text {
  font-family: Roboto, sans-serif;
  color: #828282;
  font-size: 13px;
  font-weight: 400;
  text-transform: none;
  color: #000;
}

.tags-div.contact {
  margin-bottom: 45px;
}

.white.new {
  color: #fff;
}

.nav-menu {
  padding-top: 15px;
}

.navivation {
  margin-top: 5px;
  margin-bottom: 5px;
}

.divider {
  display: inline-block;
  width: 60px;
  height: 2px;
  margin-top: 10px;
  margin-bottom: 20px;
  background-color: #e0e0e0;
}

.success-text {
  color: #fff;
}

.marine {
  color: #0f154b;
  color: var(--color-primary, #0f154b);
}

.bleu_pale {
  color: #00aeef;
  color: var(--color-secondary, #00aeef);
}

html.w-mod-js *[data-ix=button] {
  opacity: 0;
  transform: translate(0px, -20px);
}

html.w-mod-js *[data-ix=media-show] {
  display: block;
  opacity: 0;
  transform: translate(-100px, 0px);
}

html.w-mod-js *[data-ix=fact-show] {
  display: block;
  opacity: 0;
  transform: translate(0px, 100px);
}

html.w-mod-js *[data-ix=fact-show-2] {
  display: block;
  opacity: 0;
  transform: translate(0px, 100px);
}

html.w-mod-js *[data-ix=fact-show-3] {
  display: block;
  opacity: 0;
  transform: translate(0px, 100px);
}

html.w-mod-js *[data-ix=fact-show-4] {
  display: block;
  opacity: 0;
  transform: translate(0px, 100px);
}

html.w-mod-js *[data-ix=hero-slider] {
  opacity: 0;
}

html.w-mod-js *[data-ix=hero-slider-2] {
  opacity: 0;
}

html.w-mod-js *[data-ix=show-icon] {
  opacity: 0;
}

html.w-mod-js *[data-ix=move-flypaper] {
  opacity: 0;
}

html.w-mod-js *[data-ix=know-us] {
  opacity: 0;
}

html.w-mod-js *[data-ix=singel-post-2] {
  opacity: 0;
  transform: translate(0px, 45px);
}

html.w-mod-js *[data-ix=singel-post-3] {
  opacity: 0;
  transform: translate(0px, 45px);
}

html.w-mod-js *[data-ix=show-hover-post-2] {
  opacity: 0;
}

html.w-mod-js *[data-ix=load-skils] {
  width: 0%;
}

html.w-mod-js *[data-ix=load-skils-2] {
  width: 0%;
}

html.w-mod-js *[data-ix=load-skils-3] {
  width: 0%;
}

html.w-mod-js *[data-ix=load-skils-4] {
  width: 0%;
}

html.w-mod-js *[data-ix=media-show-2] {
  display: block;
  opacity: 0;
  transform: translate(0px, 100px);
}

html.w-mod-js *[data-ix=service-icon] {
  display: block;
  opacity: 0;
  transform: translate(0px, -47px);
}

html.w-mod-js *[data-ix=service-icon-2] {
  display: block;
  opacity: 0;
  transform: translate(0px, -47px);
}

html.w-mod-js *[data-ix=service-icon-3] {
  display: block;
  opacity: 0;
  transform: translate(0px, -47px);
}

html.w-mod-js *[data-ix=features] {
  display: block;
  opacity: 0;
  transform: scale(0.01, 0.01);
}

html.w-mod-js *[data-ix=features-2] {
  display: block;
  opacity: 0;
  transform: scale(0.01, 0.01);
}

html.w-mod-js *[data-ix=features-3] {
  display: block;
  opacity: 0;
  transform: scale(0.01, 0.01);
}

html.w-mod-js *[data-ix=features-4] {
  display: block;
  opacity: 0;
  transform: scale(0.01, 0.01);
}

html.w-mod-js *[data-ix=features-5] {
  display: block;
  opacity: 0;
  transform: scale(0.01, 0.01);
}

html.w-mod-js *[data-ix=features-6] {
  display: block;
  opacity: 0;
  transform: scale(0.01, 0.01);
}

html.w-mod-js *[data-ix=mapp-none] {
  height: 0px;
}

html.w-mod-js *[data-ix=toggle-none] {
  height: 0px;
}

html.w-mod-js *[data-ix=ipad-move] {
  display: block;
  opacity: 0;
  transform: translate(50px, 0px);
}

html.w-mod-js *[data-ix=imac-move] {
  display: block;
  opacity: 0;
  transform: translate(-50px, 0px);
}

html.w-mod-js *[data-ix=hero-headline] {
  display: block;
  opacity: 0;
  transform: scale(0.01, 0.01);
}

html.w-mod-js *[data-ix=button-line] {
  display: block;
  opacity: 0;
  transform: scale(0.01, 0.01);
}

@media (max-width: 991px) {
  body {
    height: auto;
  }

  h1 {
    font-size: 60px;
    /*line-height: 74px;*/
    letter-spacing: 0px;
  }

  h3 {
    text-align: center;
  }

  p {
    margin-bottom: 0px;
    font-size: 13px;
  }

  .button {
    margin-bottom: 20px;
    box-shadow: none;
  }

  .button.next {
    box-shadow: none;
  }

  .button.next.w--current {
    box-shadow: none;
  }

  .hero-section.subpage.contact {
    background-position: 95% 13%;
    background-size: auto;
    box-shadow: none;
  }

  .navbar {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .section {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .section {
    padding-top: 80px;
    padding-bottom: 0px;
    box-shadow: none;
  }

  .menu-button {
    display: inline-block;
    /*margin-top: 7px;*/
    /*padding: 10px;*/
    border-radius: 0px;
    /*background-color: #d8d8d8;*/
    transition: all 500ms ease;
  }

  .menu-button:hover {
    transition: none 0ms ease;
  }

  .menu-button.w--open {
    left: 0px;
    top: 0px;
    height: auto;
    float: right;
    background-color: #d8d8d8;
    color: #000;
    text-align: left;
  }

  .circle-icon-block.social.contact {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .footer-big {
    padding-top: 20px;
  }

  .copyright {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 6px;
    padding-bottom: 0px;
    float: none;
    text-align: center;
  }

  .nav-link {
    margin-top: 6px;
    margin-bottom: 6px;
    border-bottom: 1px none #dedede;
    border-radius: 0px;
    background-color: transparent;
    transition-property: all;
    color: #fff;
    font-size: 20px;
    text-align: center;
    letter-spacing: 1px;
  }

  .nav-link.w--current {
    display: block;
    border-radius: 5px;
    background-color: transparent;
    color: #969799;
    font-size: 15px;
    text-align: center;
  }

  .nav-link.w--current:hover {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    text-align: center;
  }

  .hero-headline._2.subpage.small.left {
    text-shadow: none;
  }

  .social-dic-2.contact {
    margin-top: 20px;
  }

  .column.ipad {
    margin-bottom: 0px;
    text-align: center;
  }

  .slider {
    width: 25%;
  }

  .text {
    margin-bottom: 25px;
    text-align: center;
  }

  .footer-small {
    margin-top: 45px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .logo {
    display: inline-block;
  }

  .brand {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .headerline-section.small.media.first {
    margin-top: 0px;
  }

  .service-icon.new {
    margin-bottom: 70px;
  }

  .skills.div {
    margin-top: 50px;
  }

  .skills.div.first {
    margin-bottom: 50px;
  }

  .nav-menu {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: rgba(0, 0, 0, 0.85);
    min-height: 100%;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 60px;
  }

  h2 {
    font-size: 24px;
  }

  p {
    margin-bottom: auto;
  }

  .button {
    box-shadow: none;
  }

  .button.next {
    display: block;
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    float: right;
    box-shadow: none;
    text-align: center;
  }

  .navbar {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .section {
    padding-top: 80px;
    padding-bottom: 0px;
    box-shadow: none;
  }

  .menu-button {
    /*margin-top: 10px;*/
    margin-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .circle-icon-block.social.contact {
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 30px;
    padding: 10px 12px;
    float: none;
  }

  .copyright {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 25px;
    padding-bottom: 15px;
    float: none;
    text-align: center;
  }

  .nav-link {
    transition-property: all;
    color: #ffffff;
    font-size: 15px;
  }

  .nav-link.w--current {
    color: #828282;
    font-size: 15px;
  }

  .nav-link.w--current:hover {
    background-color: rgba(130, 130, 130, 0.2);
    transition: none 0ms ease;
    color: #fff;
  }

  .hero-headline._2.subpage.small.left {
    text-shadow: none;
  }

  .social-dic-2.contact {
    display: inline-block;
    overflow: visible;
    width: 100%;
  }

  .submit-button {
    display: inline-block;
    margin-bottom: 30px;
    float: none;
    text-align: center;
  }

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

  .slider {
    width: 33.3%;
  }

  .white-text-footer.contact {
    margin-bottom: 0px;
    text-align: center;
  }

  .header-tittle.details {
    margin-top: 30px;
  }

  .previouz.w--current {
    box-shadow: none;
  }

  .headerline-section.small.media.first {
    margin-top: 0px;
  }
}
@media (max-width: 479px) {
  table.tableau-panier td, table.tableau-panier th {
    font-size: 13px;
    line-height: 14px;
  }

  h1 {
    font-size: 35px;
    line-height: 48px;
  }

  h2 {
    margin-bottom: 10px;
    font-size: 24px;
  }

  .button {
    margin-right: 0px;
    box-shadow: none;
  }

  .button.next {
    box-shadow: none;
  }

  .button.next.w--current {
    box-shadow: none;
  }

  .section {
    padding-top: 50px;
    padding-bottom: 0px;
    box-shadow: none;
  }

  .menu-button {
    margin-top: 6px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .circle-icon-block.social.contact {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-right: 12px;
    padding-left: 12px;
    float: none;
    text-align: center;
  }

  .nav-link {
    font-size: 15px;
    letter-spacing: 1px;
  }

  .hero-headline._2.subpage.small.left {
    display: block;
    margin-top: 0px;
    float: none;
    font-size: 12px;
    line-height: 20px;
    text-shadow: none;
  }

  .social-dic-2.contact {
    display: inline-block;
    width: 100%;
    text-align: center;
  }

  .submit-button {
    width: 100%;
  }

  .slider {
    width: 50%;
  }

  .white-text-footer.contact {
    text-align: center;
  }

  .previouz.w--current {
    box-shadow: none;
  }

  .brand.w--current {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .service-icon.new {
    margin-bottom: 100px;
  }

  .over-filter-button {
    margin-right: 0px;
    margin-bottom: 5px;
  }

  .navbar {
    text-align: left !important;
  }

  .brand {
    width: 200px;
    margin-left: 10px;
  }
}
/* Custom */
h2.title {
  font-family: Roboto, sans-serif;
  font-size: 22px;
  text-align: left;
  text-transform: none;
  letter-spacing: 0px;
}

h3.subtitle {
  text-align: left;
  font-family: Roboto, sans-serif;
  letter-spacing: 0;
  color: #777;
}

#features-submenu {
  display: none;
}
@media screen and (min-width: 992px) {
  #features-submenu {
    display: block;
  }
}
#features-submenu a {
  margin-right: 32px;
  text-decoration: none;
  font-size: 18px;
  color: #0f154b;
  color: var(--color-primary, #0f154b);
  padding-bottom: 10px;
  font-family: Roboto, sans-serif;
}
#features-submenu a:hover {
  border-bottom: 2px solid var(--color-primary, #0f154b);
}
#features-submenu a.submenu-active {
  font-weight: bold;
}
#features-submenu .w-container {
  text-align: left;
  padding-bottom: 15px;
  padding-top: 10px;
  border-bottom: 2px solid #efefef;
}

div.section-principale {
  margin-top: 40px;
  margin-bottom: 40px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

div.section-principale h1, h2, h3, h4 {
  color: #0f154b;
  color: var(--color-primary, #0f154b);
}

div.section-principale h1 {
  text-transform: none;
  text-align: left;
  font-size: 40px;
  font-weight: bold;
}

div.section-principale h2 {
  text-align: left;
  margin-top: 30px;
  letter-spacing: 0;
  font-size: 30px;
}

div.section-principale h3 {
  text-align: left;
  margin-top: 10px;
  letter-spacing: 0;
  font-size: 20px;
  font-weight: 500;
}

small.faites-vite {
  color: #888;
  padding-left: 5px;
  font-weight: normal;
  font-style: italic;
}

div.section-principale a {
  color: #00aeef;
  color: var(--color-secondary, #00aeef);
  text-decoration: none;
  /*font-size: 14px;*/
}

div.section-principale a:hover {
  color: #0087C9;
  color: var(--color-secondary-hover, #0087C9);
}

div.section-principale p {
  text-align: left;
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 10px;
  line-height: 20px;
}

input.delete-button, a.delete-button {
  color: #fff !important;
  margin-top: 0px;
  background-color: #db4b4b;
  padding: 7px 12px;
  border: 0;
  font-family: Roboto, sans-serif;
  font-size: 13px !important;
  letter-spacing: 1px;
  border-radius: 15px;
  font-weight: 500;
}

input.delete-button:hover, a.delete-button:hover {
  background-color: #B52525;
}

a.inscription-bouton, input.inscription-bouton, button.inscription-bouton, a.inscription-complet, span.inscription-complet, button.panier-bouton {
  margin-top: 10px;
  padding: 8px 15px;
  font-family: Roboto, sans-serif;
  letter-spacing: 1px;
  border-radius: 20px;
  font-weight: 500;
  border: 0;
  text-decoration: none;
}

a.inscription-bouton, input.inscription-bouton, button.inscription-bouton, a.inscription-complet, span.inscription-complet, button.panier-bouton {
  color: #fff !important;
  background-color: #00aeef;
  background-color: var(--color-secondary, #00aeef);
}

a.inscription-bouton, a.inscription-complet, span.inscription-complet {
  font-size: 13px;
  display: inline-block;
}

a.inscription-complet, span.inscription-complet {
  background-color: #fff;
  color: #0f154b !important;
  color: var(--color-primary, #0f154b) !important;
  border-width: 1px;
  border-style: solid;
  border-color: #0f154b;
  border-color: var(--color-primary, #0f154b);
}

input.inscription-bouton, button.inscription-bouton {
  font-size: 15px !important;
}

input.panier-bouton, button.panier-bouton {
  font-size: 13px !important;
}

a.inscription-bouton:hover, input.inscription-bouton:hover, button.inscription-bouton:hover {
  background-color: #0087C9;
  background-color: var(--color-secondary-hover, #0087C9);
}

div.form-group {
  padding-left: 0px;
  padding-top: 10px;
  margin-bottom: 10px;
}

div.form-group label {
  font-weight: normal;
  display: inline;
  padding-left: 5px;
  font-family: Roboto, sans-serif;
}

div.form-inline input {
  width: 60px;
  display: inline;
}

div.form-inline select {
  width: 200px;
  display: inline;
}

div.errors {
  text-align: left;
  font-family: Roboto, sans-serif;
  letter-spacing: 0;
  font-size: 16px;
  /*color: #ee0000;
  border: 1px solid #ff4d4d;*/
  background: #ea6153;
  border-radius: 4px;
  color: #fff;
  padding: 10px;
  margin: 15px 20px 15px 20px;
}

div.errors p {
  color: #fff;
}

div.errors strong {
  font-size: 20px;
  display: block;
}

div.errors ul {
  margin: 10px 10px 5px 10px;
}

table.tableau-panier {
  margin-top: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #d8d8d8;
  /*border-left: 1px solid #d8d8d8;*/
  min-width: 90%;
}

table.tableau-panier tr.rabais, table.tableau-panier tr.rangee-coupon {
  /*font-weight: bold;*/
  /*font-style: italic;*/
}
table.tableau-panier tr.rabais td:first-of-type, table.tableau-panier tr.rangee-coupon td:first-of-type {
  padding-left: 5px;
}
table.tableau-panier tr.rabais td, table.tableau-panier tr.rangee-coupon td {
  padding-top: 10px;
  padding-bottom: 10px;
}
table.tableau-panier tr.rabais td i, table.tableau-panier tr.rangee-coupon td i {
  text-align: center;
  width: 25px;
}

table.tableau-panier tr.total {
  font-weight: bold;
  /*background-color: #fcfcfc;*/
}
table.tableau-panier tr.total td {
  padding-top: 15px;
  padding-bottom: 15px;
}

table.tableau-panier tr.rabais td:first {
  text-align: right;
}

table.tableau-panier td, table.tableau-panier th {
  padding: 7px;
  border-bottom: 1px solid #d8d8d8;
}

table.tableau-panier th {
  font-weight: bold;
  text-align: left;
  padding-top: 25px;
  font-size: 20px;
}

.inline-input {
  display: inline;
  margin-right: 10px;
}

.large-input {
  width: 300px;
}

div.activite-dates, .aqua {
  color: #00aeef;
  color: var(--color-secondary, #00aeef);
}

div.activite-dates {
  padding-top: 5px;
}

div.activite-places-disponibles {
  margin-top: 5px;
  opacity: 0.9;
  font-size: 14px;
}

div.activite-info {
  margin-left: 10px;
  line-height: 25px;
  margin-top: -10px;
}

form.global-form label {
  padding-top: 10px;
}

form.global-form span.readonly-contact-field {
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-block;
}

label small {
  font-weight: normal;
}

i.tooltip-wrapper {
  cursor: help;
}

.tooltip-wrapper .tooltip {
  background-color: #00aeef;
  background-color: var(--color-secondary, #00aeef);
  font-size: 14px;
  line-height: 17px;
  font-family: Roboto, sans-serif;
  bottom: 100%;
  color: #fff;
  display: block;
  left: -25px;
  margin-bottom: 15px;
  opacity: 0;
  padding: 20px;
  pointer-events: none;
  position: absolute;
  width: 100%;
  transform: translateY(10px);
  transition: all 0.25s ease-out;
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

.tooltip-wrapper .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}

.tooltip-wrapper .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: 10px solid #00aeef;
  border-top: 10px solid var(--color-secondary, #00aeef);
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}

.tooltip-wrapper:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0px);
}

.lte8 .tooltip-wrapper .tooltip {
  display: none;
}

.lte8 .tooltip-wrapper:hover .tooltip {
  display: block;
}

.charcoal {
  color: #292828;
}

table.prix {
  min-width: 85%;
  margin: 10px auto;
}

div.politiques h2 {
  /*  margin-top: 30px;*/
}

#menu-list {
  list-style-type: none;
}

#menu-list > div > li, #menu-list > li {
  float: left;
}

#menu-list div {
  display: inline-block;
  float: left;
}

.lavalamp-object {
  border-bottom: 4px solid #0f154b;
  border-bottom: 4px solid var(--color-primary, #0f154b);
}

/* Règles pour le menu non-mobile */
@media (min-width: 991px) {
  .mobile-submenu {
    display: none;
  }

  .nav-link {
    font-size: 15px;
  }
}
/* Règles spéciales le site quand le menu mobile est actif */
@media (max-width: 991px) {
  .lavalamp-object {
    border: 0;
  }

  #menu-list {
    padding-left: 0;
  }

  #menu-list > div > li, #menu-list > li {
    float: none;
  }

  #menu-list div {
    display: inline-block;
    float: none;
  }

  #hidden-menu-element {
    display: none;
  }
}
/* Règles spéciales pour les tabs de la section services */
@media (max-width: 575px) {
  #services_tabs > li.active a {
    border: 0;
    background-color: #fafafa;
  }
}
.stripe-button-el {
  display: none !important;
}

div.policies_contents p {
  text-align: justify;
}

input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.footer-small h5 {
  font-weight: normal;
}

.footer-small a {
  color: #fff;
}

#Footer {
  /*background: #212121 url('https://s3.ca-central-1.amazonaws.com/proinscription-assets/common_assets/footer_logo.png') no-repeat center;*/
  background: #212121;
}

#info-box {
  background-color: #f9f9f9;
  padding: 25px;
  margin: 20px 0 20px 0;
}

/*
.error-box {
  border: 2px solid #ff4c44;
  padding: 25px;
  color: #fff;
  margin: 20px 0 20px 0;

  .error-title {
    font-size: 140%;
    font-weight: 500;
    padding-bottom: 10px;
    color: #ff4c44;
  }

  p {
    margin-left: 20px;
  }

  p, a {
    color: #fff;
  }

  a {
    text-decoration: underline;
  }
}
*/
#activity_unavailable_box {
  background-color: #f9f9f9;
  padding: 25px;
  margin: 30px 0 20px 0;
  text-align: center;
  border: 1px solid #aaaaaa;
}

div.new-subscriber-title {
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 10px;
}

a.remove-subscriber {
  position: relative;
  top: -2px;
  margin-left: 10px;
}

a.new-subscriber {
  padding: 7px 12px;
  font-size: 13px !important;
  letter-spacing: 1px;
  border-radius: 15px;
}

a.activity-new-participant {
  text-decoration: underline !important;
}

/* Nouveaux styles pour les activités en lot (ex: activités annuelles) */
.activity_bundle_title, .activity_subgroup_title {
  padding-top: 0px !important;
}

.activity_bundle_dates {
  margin-bottom: 8px;
}

.activity_bundle_radio, .activity_subgroup_radio {
  position: relative;
  float: left;
  width: 30px;
}

.activity_bundle_info, .activity_subgroup_info {
  width: auto;
}

.activity_bundle_regular_price {
  text-decoration: line-through;
  opacity: 0.6;
  font-weight: normal;
}

.activity_subgroup_name {
  font-weight: normal !important;
}

.activity_subgroup_full {
  opacity: 0.7;
}

.activity_bundle_row, .activity_subgroup_row {
  margin-bottom: 10px;
}

.cart_disabled_item {
  text-decoration: line-through;
  color: #aaaaaa;
}

.cart_activity_title {
  padding-bottom: 5px;
}

.cart_item_title {
  font-weight: 500;
}

.cart_subtotal td {
  padding-top: 35px !important;
}

ul.cart_item_detail_list {
  padding-left: 5px;
}

.cart_activity_details, .cart_item_details {
  font-size: 14px;
  margin-left: 5px;
  margin-top: 4px;
  list-style-type: none;
}

.cart_activity_details i {
  text-align: center;
  width: 25px;
}

.cart_activity_with_rebates td {
  border-bottom: 0px !important;
}

.cart_item_rebate td {
  border-top: 0px !important;
  padding-top: 15px !important;
}

.cart_item_rebate td:first-of-type {
  padding-left: 12px;
}

.cart_item_rebate td i {
  text-align: center;
  width: 25px;
}

.show-cart-empty {
  display: none;
}

#coupon-code {
  width: 200px;
}

#coupon-button {
  margin-top: 0px;
  padding: 7px 12px;
  font-family: Roboto, sans-serif;
  letter-spacing: 1px;
  border-radius: 15px;
  font-weight: 500;
  border: 0;
  text-decoration: none;
  background-color: #00aeef;
  color: #fff !important;
  font-size: 13px !important;
}

#cart-confirmation, #cart-error {
  display: none;
  border: 2px solid #ececec;
  border-radius: 5px;
  padding: 10px 10px 10px 20px;
  margin-top: 15px;
  font-weight: 450;
}

#cart-error {
  color: #f00;
}

#cart-error:before, #cart-confirmation:before {
  position: relative;
  font-family: "FontAwesome";
  top: 0;
  left: -5px;
  font-size: 20px;
}

#cart-error:before {
  content: "\f071";
}

#cart-confirmation:before {
  content: "\f058";
  color: #32CD32;
}

.add-on-item-box {
  border: 1px solid #f0eded;
  margin: 10px auto 10px auto;
  padding: 10px;
  width: 95%;
}

.add-on-item-box ul.add-on-item-choices {
  list-style-type: none;
}

.add-on-item-box ul li {
  margin-bottom: 5px;
  padding-top: 2px;
}

.add-on-item-box ul li label {
  margin-left: 10px;
  display: inline;
  font-weight: normal;
}

/* Styles pour le tableau des versements */
table.tableau-versements {
  margin-top: 25px;
  margin-left: 20px;
  border-top: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  min-width: 400px;
}

table.tableau-versements td, table.tableau-versements th {
  border-bottom: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  padding: 7px;
}

table.tableau-versements th {
  font-weight: bold;
  text-align: left;
}

/* Spécifique à la boutique */
input.update-item-quantity {
  width: 50px;
}

div.store-list-product-grid {
  text-align: center;
  border: 1px solid #d8d8d8;
  padding: 15px;
  margin-bottom: 15px;
  min-height: 300px;
}

h2.store-category {
  margin-bottom: 14px;
}

img.store-list-thumbnail {
  background-repeat: no-repeat;
  width: auto;
  height: 150px;
}

img.store-product-thumbnail {
  cursor: zoom-in;
}

span.store-product-name {
  display: block;
  padding-top: 5px;
}

span.store-product-price-range {
  display: block;
  font-weight: bold;
}

table.store-variant-list {
  margin: 15px auto 15px auto;
  border-top: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  min-width: 90%;
}

table.store-variant-list thead th {
  font-weight: bold;
}

table.store-variant-list td, table.store-variant-list th {
  border-bottom: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  padding: 7px;
}

@media (min-width: 768px) {
  table.store-list-product-grid {
    min-height: 600px;
  }
}
@media (max-width: 1000px) {
  table.store-variant-list {
    min-width: 100%;
  }
}
select.store-units-input {
  width: 50px;
}

tr.store-product-no-units-available {
  color: #cccccc;
}

h3.location_name {
  margin-top: 20px;
}

.locations-list-chevron {
  color: #bbb;
  font-size: 10px !important;
  position: relative;
  top: -1px;
  padding-right: 4px;
}

ul.locations-list {
  padding-left: 10px;
}

ul.locations-list li {
  list-style-type: none;
  padding-left: 3px;
  margin-top: 6px;
  margin-bottom: 6px;
}

span.nb-activities-in-location, span.misc-tag {
  background-color: #f7f7f7;
  color: #616161;
  padding: 4px;
  margin-left: 7px;
  border-radius: 8px;
  font-size: 13px;
  /*border: 1px solid #ddd;*/
}

.registration-step {
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (min-width: 992px) {
  #my-account {
    max-width: 115px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .nav-link:hover {
    color: #202da0;
    color: var(--color-primary-hover, #202da0);
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #202da0;
    border-bottom-color: var(--color-primary-hover, #202da0);
  }
}
/* Formulaire de login et de récupération de mot de passe */
#account-form, .shadowy-box {
  width: 90%;
  border: 1px solid #eee;
  margin: 0 auto;
  padding: 30px;
  border-radius: 5px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

#account-form span.label {
  display: block;
  width: 100%;
}

#account-form .large-input {
  display: block;
  width: 100%;
}

#account-form a.forgot-password {
  font-size: 13px;
}

@media (min-width: 600px) {
  #account-form {
    width: 570px;
  }

  #account-form span.reset-password-email-label {
    margin-right: 10px;
  }

  #account-form span.label {
    display: inline-block;
    width: 170px;
  }

  #account-form .large-input {
    display: inline-block;
    width: 300px;
  }
}
/* Messages affichés dans le portail client */
.client-portal-confirmation {
  text-align: left;
  font-family: Roboto, sans-serif;
  letter-spacing: 0;
  font-size: 16px;
  background-color: #ddffdd;
  padding: 15px;
  margin: 15px auto;
  border-radius: 4px;
}

a.participants-login-message {
  text-align: left;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  background-color: #00aeef;
  background-color: var(--color-secondary, #00aeef);
  padding: 15px;
  margin: 20px auto;
  border-radius: 4px;
  color: #fff !important;
  width: 85%;
  display: block;
}

a.client-portal-register-cta {
  text-align: left;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  background-color: #00aeef;
  background-color: var(--color-secondary, #00aeef);
  padding: 15px;
  margin: 10px 0 10px 0;
  border-radius: 4px;
  color: #fff !important;
  display: inline-block;
}

a.participants-login-message:hover, a.client-portal-register-cta:hover {
  color: #fff !important;
  background-color: #0087C9;
  background-color: var(--color-secondary-hover, #0087C9);
}

div.participant_choice {
  padding: 3px 0;
}

/* Réutilisation des coordonnées à la fin */
div.account-coordinates {
  border-bottom: 1px solid #f2f2f2;
  max-width: 400px;
  padding: 10px 0 15px 0;
  display: block;
  margin-bottom: 5px;
}

div.new-coordinates {
  border: 0;
}

div.account-coordinates label {
  font-weight: bold;
  display: inline;
}

div.account-coordinates input[type=radio] {
  margin-right: 10px;
}

div.account-coordinates-info {
  display: block;
}

div.account-coordinates-details {
  font-size: 14px;
  margin-left: 25px;
  margin-top: 5px;
}

div.account-coordinates-details i {
  min-width: 20px;
  text-align: center;
}

a.client-portal-icon {
  padding-left: 5px;
}

ul.client-portal-account-links {
  list-style-type: none;
  padding: 0 0 0 10px;
}

ul.client-portal-account-links li {
  padding-top: 8px;
}

ul.client-portal-account-links li i {
  padding-right: 5px;
}

div#close-account-box {
  margin-top: 20px;
  padding: 10px;
}

div#close-account-box label {
  font-weight: normal;
  display: inline;
  padding-left: 5px;
}

div.back-to-portal-home {
  font-size: 14px;
  margin-bottom: 15px;
}

div.back-to-portal-home span {
  padding-left: 5px;
}

.portal-product-info {
  border-bottom: 2px solid #f2f2f2;
  padding: 20px;
}

.portal-product-info-title {
  font-weight: bold;
  padding-bottom: 10px;
  font-size: 17px;
}

.portal-product-date {
  font-size: 15px;
  float: right;
  display: inline-block;
}

.portal-product-details {
  font-size: 15px;
  margin-left: 5px;
  line-height: 24px;
}

.portal-product-details i {
  width: 24px;
  text-align: center;
}

.portal-product-order-date {
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .portal-product-order-date {
    text-align: right;
    padding-bottom: 0;
  }
}

.registration-activity-archived {
  opacity: 85%;
  background-color: #f8f8f8;
}

table.portal-list {
  margin: 25px auto 0 auto;
  border-top: 2px solid #f2f2f2;
  min-width: 95%;
  text-align: left;
  overflow: scroll;
}

table.portal-list td, table.portal-list th {
  border-bottom: 2px solid #f2f2f2;
  padding: 10px;
}

table.portal-list th {
  font-weight: bold;
  font-size: 17px;
}

table.portal-list td {
  font-size: 15px;
}

table.portal-list tr.activity-archived {
  opacity: 60%;
  background-color: #f2f2f2;
}

/* Bugfix pour les allergies & cie. */
div.form-group label {
  padding-top: 0px !important;
}

/* Nouveaux styles pour le formulaire d'inscription */
div.add-on-item-row {
  margin-top: 20px;
  padding-top: 10px;
  margin-bottom: 10px;
}

div.add-on-item-rows div.add-on-item-row:not(:first-child) {
  border-top: 1px solid #eaeaea;
}

div.add-on-item-row ul {
  padding-left: 10px !important;
  padding-top: 10px;
}

div.add-on-item-row ul li {
  list-style-type: none;
}

a.action-remove-participant {
  position: relative;
  top: -3px;
  margin-left: 10px;
}

div.participant-row {
  border: 1px solid #eaeaea;
  border-radius: 7px;
  padding: 16px;
  margin-top: 20px;
}

div.participant-row .w-col {
  padding-left: 0;
}

div#participant-row-template {
  display: none;
}

div.participant_choice {
  margin-left: 20px;
  margin-top: 5px;
}

div.participant_choice input {
  margin-right: 10px;
}

div.participant_choice label {
  display: inline;
  font-weight: normal;
}

div#select-existing-participants {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 20px;
}

div#select-existing-participants a.action-new-participant {
  margin-left: 5px;
  margin-top: 0;
}

a.action-new-participant {
  padding: 6px 12px;
}

a.action-new-participant:focus, a.inscription-bouton:focus, input[type=submit]:focus, button:focus {
  outline: 2px solid #0087C9;
  outline: 2px solid var(--color-secondary-hover, #0087C9);
}

a.delete-button:focus {
  outline: 2px solid #0087C9;
  outline: 2px solid var(--color-secondary-hover, #0087C9);
}

div#select-existing-participants div.w-col {
  padding-bottom: 20px;
  padding-top: 10px;
}

span.already-registered {
  opacity: 0.8;
}

#warning-box {
  /*border: 1px solid #e0e0e0;*/
  background-color: #fafafa;
  padding: 15px;
  margin: 20px 0 20px 0;
  border-radius: 4px;
}

#warning-box p.warning-box-title {
  font-weight: bold;
  font-size: 110%;
  color: var(--color-primary, #0f154b);
  margin-bottom: 10px;
}

.attention-needed-box {
  background-color: #fefce8;
  padding: 25px;
  margin: 20px 0 20px 0;
  border-radius: 4px;
}
.attention-needed-box .title {
  color: #854d0e;
  font-weight: 500;
  font-size: 140%;
  padding-bottom: 12px;
}
.attention-needed-box i.fa-exclamation-triangle {
  color: #facc15;
  padding-right: 10px;
}
.attention-needed-box .attention-needed-contents {
  padding-left: 34px;
}
.attention-needed-box .attention-needed-contents p {
  color: #a16207;
}
.attention-needed-box .attention-needed-contents a {
  color: #854d0e !important;
  /*text-decoration: underline !important;*/
  font-weight: bold;
}

.credits-available-box {
  padding: 15px;
  margin: 20px 0 20px 0;
  border-radius: 4px;
  border: 1px solid #f2f2f2;
  color: var(--color-primary, #0f154b);
}
.credits-available-box .title {
  font-weight: 500;
  font-size: 120%;
  padding-bottom: 6px;
}
/* Styles propres aux réservations */
#reservations-search-box {
  margin: 30px auto 30px auto;
  padding-top: 2px;
  /*position: -webkit-sticky;
  position: sticky;
  top: 60px;
  background-color: #ffffff;*/
}

#reservations-search-box, #reservations-search-box h2 {
  text-align: center;
}

#reservations-search-box h2 {
  font-size: 24px;
}

#reservations-search-box a#reservation-day-before {
  padding-right: 10px;
}

#reservations-search-box a#reservation-day-after {
  padding-left: 10px;
}

#reservations-search-box a.disabled-date-arrow {
  opacity: 0.4;
}

#reservations-search-filter {
  padding-top: 16px;
  font-size: 18px;
  margin-bottom: 30px;
}

#reservations-categories {
  border: 1px solid #333;
  padding: 8px;
  margin-left: 6px;
  border-radius: 6px;
  color: #333;
}

#reservations-categories i {
  margin-left: 8px;
}

.reservations-blocks-list {
  margin: 20px 10px 20px 10px;
}

.reservation-block {
  border: 1px solid #aaa;
  padding: 6px;
  border-radius: 5px;
  display: inline-block;
  margin: 5px;
  font-size: 15px;
}

a.disabled-block {
  opacity: 0.3;
  color: var(--color-secondary, #00aeef);
  pointer-events: none;
  background-image: linear-gradient(145deg, #ffffff 37.5%, #eaeaea 37.5%, #eaeaea 50%, #ffffff 50%, #ffffff 87.5%, #eaeaea 87.5%, #eaeaea 100%);
  background-size: 13.95px 9.77px;
}

.reservations-blocks-list p {
  margin-left: 5px;
}

#reservation-date-display {
  color: var(--color-primary, #0f154b);
}

#reservation-calendar {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  font-size: 85%;
  top: -2px;
  color: var(--color-primary, #0f154b) !important;
}

#reservation-day-of-week {
  text-transform: capitalize;
}

#reservation-date {
  display: inline-block;
  width: 100%;
}

.selected-block {
  background-color: var(--color-secondary, #00aeef);
  color: #fff !important;
  font-weight: bold;
}

div.reservation-next-step {
  margin-bottom: 40px;
  text-align: center;
}

span.locked-block {
  /*opacity: 0.8;*/
  position: relative;
  padding-right: 12px;
  border: 1px solid #aaa;
  color: #9d9d9d;
}

.locked-block i {
  padding-left: 5px;
  padding-right: 5px;
}

.reservations-info {
  margin-top: 10px;
  margin-bottom: 15px;
}

.reservations-info div {
  margin-left: 5px;
  margin-bottom: 5px;
  font-size: 15px;
}

.reservations-info i {
  width: 25px;
  text-align: center;
}

.locked-block .tooltip {
  width: 200px;
  left: -55px;
}

.result-message {
  text-align: center;
  font-size: 22px;
  margin-top: 70px;
  min-height: 300px;
}

.result-message i {
  padding-right: 5px;
}

a.full-width-calendar-navigation {
  display: none;
}

.mobile-calendar-navigation {
  margin-top: 5px;
}

.mobile-calendar-navigation a {
  font-size: 30px;
  padding: 5px;
}

@media (min-width: 650px) {
  .mobile-calendar-navigation {
    display: none;
  }

  a.full-width-calendar-navigation {
    display: inline;
  }

  #reservation-date {
    width: 520px;
  }

  #reservations-search-box h2 {
    font-size: 30px;
  }
}
/* Ajout des styles pour l'inscription instantanée */
a.action-add-instant-registration {
  font-size: 14px;
  margin-top: 5px !important;
}

a.action-add-instant-registration.status-wait {
  opacity: 0.8;
  pointer-events: none;
  cursor: default;
}

a.action-add-instant-registration.status-success, a.action-add-instant-registration.status-error, a.action-add-instant-registration[disabled=disabled] {
  letter-spacing: 0;
  pointer-events: none;
  cursor: default;
}

.added-to-cart-next-actions {
  margin: 40px auto 0 auto;
  width: 90%;
  border-top: 1px solid #e0e0e0;
  padding-top: 20px;
  text-align: center;
}

h3.activity-series-instant-registration-title {
  margin-top: 40px !important;
  font-size: 18px !important;
}

.small-divider {
  display: block;
  width: 300px;
  height: 1px;
  margin: 25px auto;
  background-color: #e0e0e0;
}

.menu-button {
  font-size: 40px;
}

/* Nouvelle pagination */
.paginator {
  text-align: center;
  margin-top: 20px;
}

.paginator-page {
  padding: 5px 10px 5px 10px;
  display: inline-block;
}

.paginator-current-page {
  border: 2px solid #f2f2f2;
}

.paginator-page-dots {
  color: #aaa !important;
}

/* Spinners de chargement */
.spinner-box {
  width: 100%;
  text-align: center;
  display: inline-block;
}

.spinner {
  width: 48px;
  height: 48px;
  border: 5px solid #e0e0e0;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  -webkit-animation: spinner-rotation 1s linear infinite;
          animation: spinner-rotation 1s linear infinite;
}

@-webkit-keyframes spinner-rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spinner-rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.payment-actions div.payment-action {
  margin-left: 20px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.payment-actions select {
  padding: 3px;
  font-size: 90%;
}
.payment-actions label {
  font-weight: normal !important;
  display: inline;
  padding-left: 5px;
}

input[type=submit]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.upcoming-payments-list td {
  vertical-align: top;
}

.upcoming-payments-list a.sublink {
  font-size: 90%;
  white-space: nowrap;
  display: block;
  padding-top: 3px;
}

.upcoming-payments-list a.sublink i {
  padding-left: 3px;
}

.connected_as {
  background-color: #fbfbfb;
  padding: 10px;
  margin: 10px auto 20px auto;
  font-size: 14px;
  color: #1d1d1d;
}
.connected_as i {
  padding-right: 3px;
}

/*
.select-credit-card {
  margin-left: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
}
*/
.grouped-payment-type-selection {
  display: block;
  padding-bottom: 10px;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  font-size: 90%;
}

.payment-type-selection {
  display: block;
  margin-bottom: 7px;
  font-size: 90%;
}

div.grouped-payment-type-selection:has(input[name=payment_type]:checked) {
  background-color: #f4f4f4;
}

.payment_group_choice {
  font-weight: bold;
  margin-bottom: 15px;
}

#visa-mc {
  background-image: url("/images/visa_mc.png");
  background-size: cover;
  width: 78px;
  height: 27px;
  display: inline-block;
  margin-left: 5px;
  position: relative;
  top: 7px;
}

.payment-expires, .payment-additional-info {
  margin-left: 23px;
  display: block;
  color: #7d7d7d;
  font-size: 13px;
}

.message-box {
  border: 2px solid #ececec;
  padding: 10px;
  border-radius: 5px;
  font-weight: 450;
}

/* ------ venobox.css --------*/
.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after {
  -webkit-backface-visibility: hidden;
  box-sizing: border-box;
}

.vbox-overlay * {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.vbox-overlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1040;
  transform: translateZ(1000px);
  transform-style: preserve-3d;
}

/* ----- navigation ----- */
.vbox-title {
  width: 100%;
  height: 40px;
  float: left;
  text-align: center;
  line-height: 28px;
  font-size: 12px;
  padding: 6px 40px;
  overflow: hidden;
  position: fixed;
  display: none;
  left: 0;
  z-index: 1050;
}

.vbox-close {
  cursor: pointer;
  position: fixed;
  top: -1px;
  right: 0;
  width: 50px;
  height: 40px;
  padding: 6px;
  display: block;
  background-position: 10px center;
  overflow: hidden;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  z-index: 1050;
}

.vbox-num {
  cursor: pointer;
  position: fixed;
  left: 0;
  height: 40px;
  display: block;
  overflow: hidden;
  line-height: 28px;
  font-size: 12px;
  padding: 6px 10px;
  display: none;
  z-index: 1050;
}

/* ----- navigation ARROWS ----- */
.vbox-next, .vbox-prev {
  position: fixed;
  top: 50%;
  margin-top: -15px;
  overflow: hidden;
  cursor: pointer;
  display: block;
  width: 45px;
  height: 45px;
  z-index: 1050;
}

.vbox-next span, .vbox-prev span {
  position: relative;
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  border-top-color: #B6B6B6;
  border-right-color: #B6B6B6;
  text-indent: -100px;
  position: absolute;
  top: 8px;
  display: block;
}

.vbox-prev {
  left: 15px;
}

.vbox-next {
  right: 15px;
}

.vbox-prev span {
  left: 10px;
  transform: rotate(-135deg);
}

.vbox-next span {
  transform: rotate(45deg);
  right: 10px;
}

/* ------- inline window ------ */
.vbox-inline {
  width: 420px;
  height: 315px;
  height: 70vh;
  padding: 10px;
  background: #fff;
  margin: 0 auto;
  overflow: auto;
  text-align: left;
}

/* ------- Video & iFrames window ------ */
.venoframe {
  max-width: 100%;
  width: 100%;
  border: none;
  width: 100%;
  height: 260px;
  height: 70vh;
}

.venoframe.vbvid {
  height: 260px;
}

@media (min-width: 768px) {
  .venoframe, .vbox-inline {
    width: 90%;
    height: 360px;
    height: 70vh;
  }

  .venoframe.vbvid {
    width: 640px;
    height: 360px;
  }
}
@media (min-width: 992px) {
  .venoframe, .vbox-inline {
    max-width: 1200px;
    width: 80%;
    height: 540px;
    height: 70vh;
  }

  .venoframe.vbvid {
    width: 960px;
    height: 540px;
  }
}
/* 
Please do NOT edit this part! 
or at least read this note: http://i.imgur.com/7C0ws9e.gif
*/
.vbox-open {
  overflow: hidden;
}

.vbox-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  z-index: 20;
  max-height: 100%;
}

.vbox-content {
  text-align: center;
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 20px 10px;
}

.vbox-container img {
  max-width: 100%;
  height: auto;
}

.figlio {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  max-width: 100%;
  text-align: initial;
}

img.figlio {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.vbox-content.swipe-left {
  margin-left: -200px !important;
}

.vbox-content.swipe-right {
  margin-left: 200px !important;
}

.animated {
  webkit-transition: margin 300ms ease-out;
  transition: margin 300ms ease-out;
}

.animate-in {
  opacity: 1;
}

.animate-out {
  opacity: 0;
}

/* ---------- preloader ----------
 * SPINKIT 
 * http://tobiasahlin.com/spinkit/
-------------------------------- */
.sk-double-bounce, .sk-rotating-plane {
  width: 40px;
  height: 40px;
  margin: 40px auto;
}

.sk-rotating-plane {
  background-color: #333;
  -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
  animation: sk-rotatePlane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotatePlane {
  0% {
    transform: perspective(120px) rotateX(0) rotateY(0);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes sk-rotatePlane {
  0% {
    transform: perspective(120px) rotateX(0) rotateY(0);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.sk-double-bounce {
  position: relative;
}

.sk-double-bounce .sk-child {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
  animation: sk-doubleBounce 2s infinite ease-in-out;
}

.sk-chasing-dots .sk-child, .sk-spinner-pulse, .sk-three-bounce .sk-child {
  background-color: #333;
  border-radius: 100%;
}

.sk-double-bounce .sk-double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes sk-doubleBounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
@keyframes sk-doubleBounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
.sk-wave {
  margin: 40px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.sk-wave .sk-rect {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
  animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}

.sk-wave .sk-rect1 {
  -webkit-animation-delay: -1.2s;
  animation-delay: -1.2s;
}

.sk-wave .sk-rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.sk-wave .sk-rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.sk-wave .sk-rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.sk-wave .sk-rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-waveStretchDelay {
  0%, 100%, 40% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}
@keyframes sk-waveStretchDelay {
  0%, 100%, 40% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}
.sk-wandering-cubes {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.sk-wandering-cubes .sk-cube {
  background-color: #333;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;
  animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;
}

.sk-chasing-dots, .sk-spinner-pulse {
  width: 40px;
  height: 40px;
  margin: 40px auto;
}

.sk-wandering-cubes .sk-cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-wanderingCube {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: translateX(30px) rotate(-90deg) scale(0.5);
  }
  50% {
    transform: translateX(30px) translateY(30px) rotate(-179deg);
  }
  50.1% {
    transform: translateX(30px) translateY(30px) rotate(-180deg);
  }
  75% {
    transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes sk-wanderingCube {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: translateX(30px) rotate(-90deg) scale(0.5);
  }
  50% {
    transform: translateX(30px) translateY(30px) rotate(-179deg);
  }
  50.1% {
    transform: translateX(30px) translateY(30px) rotate(-180deg);
  }
  75% {
    transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.sk-spinner-pulse {
  -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
  animation: sk-pulseScaleOut 1s infinite ease-in-out;
}

@-webkit-keyframes sk-pulseScaleOut {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-pulseScaleOut {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.sk-chasing-dots {
  position: relative;
  text-align: center;
  -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
  animation: sk-chasingDotsRotate 2s infinite linear;
}

.sk-chasing-dots .sk-child {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
  animation: sk-chasingDotsBounce 2s infinite ease-in-out;
}

.sk-chasing-dots .sk-dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes sk-chasingDotsRotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chasingDotsRotate {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes sk-chasingDotsBounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
@keyframes sk-chasingDotsBounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
.sk-three-bounce {
  margin: 40px auto;
  width: 80px;
  text-align: center;
}

.sk-three-bounce .sk-child {
  width: 20px;
  height: 20px;
  display: inline-block;
  -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
  animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}

.sk-circle .sk-child:before, .sk-fading-circle .sk-circle:before {
  display: block;
  border-radius: 100%;
  content: "";
  background-color: #333;
}

.sk-three-bounce .sk-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.sk-three-bounce .sk-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-three-bounce {
  0%, 100%, 80% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
@keyframes sk-three-bounce {
  0%, 100%, 80% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.sk-circle {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-circle .sk-child:before {
  margin: 0 auto;
  width: 15%;
  height: 15%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.sk-circle .sk-circle2 {
  transform: rotate(30deg);
}

.sk-circle .sk-circle3 {
  transform: rotate(60deg);
}

.sk-circle .sk-circle4 {
  transform: rotate(90deg);
}

.sk-circle .sk-circle5 {
  transform: rotate(120deg);
}

.sk-circle .sk-circle6 {
  transform: rotate(150deg);
}

.sk-circle .sk-circle7 {
  transform: rotate(180deg);
}

.sk-circle .sk-circle8 {
  transform: rotate(210deg);
}

.sk-circle .sk-circle9 {
  transform: rotate(240deg);
}

.sk-circle .sk-circle10 {
  transform: rotate(270deg);
}

.sk-circle .sk-circle11 {
  transform: rotate(300deg);
}

.sk-circle .sk-circle12 {
  transform: rotate(330deg);
}

.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {
  0%, 100%, 80% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
@keyframes sk-circleBounceDelay {
  0%, 100%, 80% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 40px auto;
}

.sk-cube-grid .sk-cube {
  width: 33.33%;
  height: 33.33%;
  background-color: #333;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0ms;
  animation-delay: 0ms;
}

.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 100%, 70% {
    transform: scale3D(1, 1, 1);
  }
  35% {
    transform: scale3D(0, 0, 1);
  }
}
@keyframes sk-cubeGridScaleDelay {
  0%, 100%, 70% {
    transform: scale3D(1, 1, 1);
  }
  35% {
    transform: scale3D(0, 0, 1);
  }
}
.sk-fading-circle {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  margin: 0 auto;
  width: 15%;
  height: 15%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle2 {
  transform: rotate(30deg);
}

.sk-fading-circle .sk-circle3 {
  transform: rotate(60deg);
}

.sk-fading-circle .sk-circle4 {
  transform: rotate(90deg);
}

.sk-fading-circle .sk-circle5 {
  transform: rotate(120deg);
}

.sk-fading-circle .sk-circle6 {
  transform: rotate(150deg);
}

.sk-fading-circle .sk-circle7 {
  transform: rotate(180deg);
}

.sk-fading-circle .sk-circle8 {
  transform: rotate(210deg);
}

.sk-fading-circle .sk-circle9 {
  transform: rotate(240deg);
}

.sk-fading-circle .sk-circle10 {
  transform: rotate(270deg);
}

.sk-fading-circle .sk-circle11 {
  transform: rotate(300deg);
}

.sk-fading-circle .sk-circle12 {
  transform: rotate(330deg);
}

.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 100%, 39% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes sk-circleFadeDelay {
  0%, 100%, 39% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
.sk-folding-cube {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative;
  transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1);
}

.sk-folding-cube .sk-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  transform-origin: 100% 100%;
}

.sk-folding-cube .sk-cube2 {
  transform: scale(1.1) rotateZ(90deg);
}

.sk-folding-cube .sk-cube3 {
  transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube4 {
  transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    transform: perspective(140px) rotateX(0);
    opacity: 1;
  }
  100%, 90% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@keyframes sk-foldCubeAngle {
  0%, 10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    transform: perspective(140px) rotateX(0);
    opacity: 1;
  }
  100%, 90% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

/*
waitMe - 1.19 [31.10.17]
Author: vadimsva
Github: https://github.com/vadimsva/waitMe
*/
.waitMe_container:not(body),body.waitMe_container .waitMe{transform:translateZ(0);backface-visibility:hidden}body.waitMe_container .waitMe{position:fixed;height:100vh}body.waitMe_container .waitMe .waitMe_content{top:50%!important;transform:none!important}.waitMe_container .waitMe{position:absolute;top:0;left:0;right:0;bottom:0;z-index:9989;text-align:center;overflow:hidden;cursor:wait}.waitMe_container .waitMe *{font-family:inherit;font-size:inherit;font-weight:initial;font-style:initial;line-height:initial;color:initial;text-decoration:initial;text-transform:initial;padding:initial;margin:initial}.waitMe_container .waitMe .waitMe_content{position:absolute;left:0;right:0;top:50%;backface-visibility:hidden}.waitMe_container .waitMe .waitMe_content.horizontal>.waitMe_progress{display:inline-block;vertical-align:middle}.waitMe_container .waitMe .waitMe_content.horizontal>.waitMe_text{display:inline-block;margin:0 0 0 20px;vertical-align:middle}.waitMe_container .waitMe .waitMe_progress{position:relative;font-size:0;line-height:0}.waitMe_container .waitMe .waitMe_progress>div{animation-fill-mode:both;display:inline-block;transform:translateZ(0);backface-visibility:hidden}.waitMe_container .waitMe .waitMe_text{position:relative;margin:20px 0 0}body.waitMe_body{overflow:hidden;height:100%}body.waitMe_body.hideMe{transition:opacity .2s ease-in-out;opacity:0}body.waitMe_body .waitMe_container:not([data-waitme_id]){position:fixed;z-index:9989;top:0;bottom:0;left:0;right:0;background:#fff}body.waitMe_body .waitMe_container:not([data-waitme_id])>div{animation-fill-mode:both;position:absolute}body.waitMe_body .waitMe_container.progress>div{width:0;height:3px;top:0;left:0;background:#000;box-shadow:-5px 0 5px 2px rgba(0,0,0,.2);animation:progress_body 7s infinite ease-out}body.waitMe_body .waitMe_container.working>div{width:10%;height:3px;top:0;left:-10%;background:#000;box-shadow:-5px 0 5px 2px rgba(0,0,0,.2);animation:working_body 2s infinite linear}body.waitMe_body .waitMe_container.progress>div:after{content:'';position:absolute;top:0;bottom:60%;right:0;width:60px;border-radius:50%;opacity:.5;transform:rotate(3deg);box-shadow:#000 1px 0 6px 1px}body.waitMe_body .waitMe_container.img>div{width:100%;height:100%;text-align:center;background-position:center!important;background-repeat:no-repeat!important}body.waitMe_body .waitMe_container.text>div{width:100%;top:45%;text-align:center}@keyframes progress_body{0%{width:0}100%{width:100%}}@keyframes working_body{0%{left:-10%}100%{left:100%}}.waitMe_container .waitMe_progress.bounce>div{width:20px;height:20px;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem1{animation-delay:-.32s}.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem2{animation-delay:-.16s}@keyframes bounce{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.waitMe_container .waitMe_progress.rotateplane>div{width:30px;height:30px;animation:rotateplane 1.2s infinite ease-in-out;backface-visibility:visible}@keyframes rotateplane{0%{transform:perspective(120px)}50%{transform:perspective(120px) rotateY(180deg)}100%{transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}.waitMe_container .waitMe_progress.stretch{height:60px}.waitMe_container .waitMe_progress.stretch>div{width:1px;height:100%;margin:0 4px;animation:stretch 1.2s infinite ease-in-out}.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem2{animation-delay:-1.1s}.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem3{animation-delay:-1s}.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem4{animation-delay:-.9s}.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem5{animation-delay:-.8s}@keyframes stretch{0%,100%,40%{transform:scaleY(.4)}20%{transform:scaleY(1)}}.waitMe_container .waitMe_progress.orbit{width:40px;height:40px;margin:auto;position:relative}.waitMe_container .waitMe_progress.orbit>div{width:100%;height:100%;margin:auto;top:0;left:0;position:absolute;animation:orbit_rotate 2s infinite linear}.waitMe_container .waitMe_progress.orbit>div>div{width:50%;height:50%;border-radius:50%;top:10%;left:10%;position:absolute;animation:orbit 2s infinite ease-in-out}.waitMe_container .waitMe_progress.orbit .waitMe_progress_elem2>div{top:auto;bottom:10%;left:auto;right:10%;animation-delay:-1s}@keyframes orbit_rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes orbit{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.waitMe_container .waitMe_progress.roundBounce{width:60px;height:60px;margin:auto}.waitMe_container .waitMe_progress.roundBounce>div{width:24%;height:24%;border-radius:50%;position:absolute;animation:roundBounce 1.2s infinite ease-in-out}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem1{top:0;left:0}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2{top:0;right:0}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3{bottom:0;right:0}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4{bottom:0;left:0}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem5{top:-3%;left:50%;margin-top:-12%;margin-left:-12%;animation-delay:-1.1s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6{top:50%;right:-3%;margin-top:-12%;margin-right:-12%}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7{bottom:-3%;left:50%;margin-bottom:-12%;margin-left:-12%}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8{top:50%;left:-3%;margin-top:-12%;margin-left:-12%}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem9{top:0;right:0;animation-delay:-1s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2{animation-delay:-.9s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6{animation-delay:-.8s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem10{bottom:0;right:0;animation-delay:-.7s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3{animation-delay:-.6s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7{animation-delay:-.5s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem11{bottom:0;left:0;animation-delay:-.4s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4{animation-delay:-.3s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8{animation-delay:-.2s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem12{top:0;left:0;animation-delay:-.1s}@keyframes roundBounce{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.waitMe_container .waitMe_progress.win8{width:40px;height:40px;margin:auto}.waitMe_container .waitMe_progress.win8>div{width:100%;height:100%;opacity:0;position:absolute;margin:auto;left:0;right:0;transform:rotate(225deg);animation:win8 5.5s infinite}.waitMe_container .waitMe_progress.win8>div>div{width:15%;height:15%;border-radius:50%;position:absolute}.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem2{animation-delay:.24s}.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem3{animation-delay:.48s}.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem4{animation-delay:.72s}.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem5{animation-delay:.96s}@keyframes win8{0%{transform:rotate(225deg);animation-timing-function:ease-out}7%{opacity:1;transform:rotate(345deg);animation-timing-function:linear}30%{transform:rotate(455deg);animation-timing-function:ease-in-out}39%{transform:rotate(690deg);animation-timing-function:linear}70%{opacity:1;transform:rotate(815deg);animation-timing-function:ease-out}75%{transform:rotate(945deg);animation-timing-function:ease-out}100%,76%{opacity:0;transform:rotate(945deg)}}.waitMe_container .waitMe_progress.win8_linear{margin:auto;width:150px;height:6px}.waitMe_container .waitMe_progress.win8_linear>div{width:100%;height:100%;left:0;opacity:0;position:absolute;animation:win8_linear 3s infinite}.waitMe_container .waitMe_progress.win8_linear>div>div{width:4%;height:100%;border-radius:50%}.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem2{animation-delay:.3s}.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem3{animation-delay:.6s}.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem4{animation-delay:.9s}.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem5{animation-delay:1.2s}@keyframes win8_linear{0%,100%{transform:translateX(0);animation-timing-function:ease-out}10%{opacity:1;transform:translateX(33.333%);animation-timing-function:linear}50%{opacity:1;transform:translateX(53.333%);animation-timing-function:ease-in-out}60%{opacity:0;transform:translateX(86.666%)}}.waitMe_container .waitMe_progress.ios{margin:auto;width:40px;height:40px}.waitMe_container .waitMe_progress.ios>div{width:10%;height:26%;position:absolute;left:44.5%;top:37%;opacity:0;border-radius:50px;box-shadow:0 0 3px rgba(0,0,0,.2);animation:ios 1s infinite linear}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem1{transform:rotate(0) translate(0,-142%);animation-delay:0s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem2{transform:rotate(30deg) translate(0,-142%);animation-delay:-.9167s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem3{transform:rotate(60deg) translate(0,-142%);animation-delay:-.833s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem4{transform:rotate(90deg) translate(0,-142%);animation-delay:-.75s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem5{transform:rotate(120deg) translate(0,-142%);animation-delay:-.667s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem6{transform:rotate(150deg) translate(0,-142%);animation-delay:-.5833s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem7{transform:rotate(180deg) translate(0,-142%);animation-delay:-.5s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem8{transform:rotate(210deg) translate(0,-142%);animation-delay:-.41667s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem9{transform:rotate(240deg) translate(0,-142%);animation-delay:-.333s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem10{transform:rotate(270deg) translate(0,-142%);animation-delay:-.25s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem11{transform:rotate(300deg) translate(0,-142%);animation-delay:-.1667s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem12{transform:rotate(330deg) translate(0,-142%);animation-delay:-.0833s}@keyframes ios{0%{opacity:1}100%{opacity:.25}}.waitMe_container .waitMe_progress.facebook{margin:auto}.waitMe_container .waitMe_progress.facebook>div{width:6px;height:25px;margin-left:3px;border-radius:20px;transform:scaleY(.7);opacity:.1;animation:facebook 1.3s infinite ease-in-out}.waitMe_container .waitMe_progress.facebook>.waitMe_progress_elem1{animation-delay:.2s;transform:scaleY(.7)}.waitMe_container .waitMe_progress.facebook>.waitMe_progress_elem2{animation-delay:.4s;transform:scaleY(.85)}.waitMe_container .waitMe_progress.facebook>.waitMe_progress_elem3{animation-delay:.6s;transform:scaleY(1)}@keyframes facebook{0%,100%{transform:scaleY(.7);opacity:.1}50%{transform:scaleY(1);opacity:1}}.waitMe_container .waitMe_progress.rotation>div{width:60px;height:60px;margin:auto;border-radius:100%;border-width:6px;border-style:solid;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;animation:rotation 1s infinite linear}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.waitMe_container .waitMe_progress.timer{width:40px;height:40px;margin:auto;border-width:2px;border-style:solid;border-radius:50%;box-sizing:border-box;position:relative;text-indent:-9999px}.waitMe_container .waitMe_progress.timer>.waitMe_progress_elem1,.waitMe_container .waitMe_progress.timer>.waitMe_progress_elem2{border-radius:3px;position:absolute;width:2px;height:48%;left:50%;top:50%;margin-left:-1px;margin-top:-1px;animation:timer 1.25s infinite linear;transform-origin:1px 1px}.waitMe_container .waitMe_progress.timer>.waitMe_progress_elem2{height:40%;animation:timer 15s infinite linear}@keyframes timer{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.waitMe_container .waitMe_progress.pulse{width:30px;height:30px;margin:auto;position:relative}.waitMe_container .waitMe_progress.pulse>div{margin:auto;top:0;left:0;right:0;bottom:0;border-width:3px;border-style:solid;border-radius:50%;position:absolute;opacity:0;animation:pulsate 1s infinite ease-out}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}.waitMe_container .waitMe_progress.progressBar{width:200px;height:20px;margin:auto;background:rgba(0,0,0,.1);padding:5px;border-radius:20px;line-height:0;max-width:100%}.waitMe_container .waitMe_progress.progressBar>div{width:100%;height:100%;overflow:hidden;border-radius:20px;background-size:50px 50px;box-shadow:inset 0 2px 9px rgba(255,255,255,.3),inset 0 -2px 6px rgba(0,0,0,.4);background-image:linear-gradient(-45deg,rgba(240,240,240,.4) 26%,transparent 25%,transparent 51%,rgba(240,240,240,.4) 50%,rgba(240,240,240,.4) 76%,transparent 75%,transparent);animation:progressBar 2s linear infinite}@keyframes progressBar{0%{background-position:0 0}100%{background-position:50px 50px}}.waitMe_container .waitMe_progress.bouncePulse>div{width:20px;height:20px;margin-right:1px;display:inline-block;border-radius:50%;transform:scale(.5);animation:bouncePulse 1.4s infinite ease-in-out}.waitMe_container .waitMe_progress.bouncePulse>.waitMe_progress_elem1,.waitMe_container .waitMe_progress.bouncePulse>.waitMe_progress_elem3{animation-delay:.1s}.waitMe_container .waitMe_progress.bouncePulse>.waitMe_progress_elem2{animation-delay:.4s}@keyframes bouncePulse{0%,100%,80%{transform:scale(.5)}40%{transform:scale(1)}}
@charset "UTF-8";

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
    height: initial;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button,
.has-event .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.has-event .pika-button {
    background: #005da9;
    box-shadow: inset 0 1px 3px #0076c9;
}

.is-disabled .pika-button,
.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.is-outside-current-month .pika-button {
    color: #999;
    opacity: .3;
}

.is-selection-disabled {
    pointer-events: none;
    cursor: default;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}