/**
 * @license
 * MyFonts Webfont Build ID 3415080, 2017-06-30T09:23:00-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: VAGRoundedStd-Bold by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/vag-rounded/bold/
 * 
 * Webfont: VAGRoundedStd-Thin by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/vag-rounded/thin/
 * 
 * Webfont: VAGRoundedStd-Light by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/vag-rounded/light/
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3415080
 * Licensed pageviews: 250,000
 * Webfonts copyright: Copyright &#x00A9; 1989, 1995, 2001 Adobe Systems Incorporated.  All Rights Reserved.
 * 
 * © 2017 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/341c28");

  
@font-face {font-family: 'VAGRoundedStd-Bold';src: url('/a/webfonts/341C28_0_0.eot');src: url('/a/webfonts/341C28_0_0.eot?#iefix') format('embedded-opentype'),url('/a/webfonts/341C28_0_0.woff2') format('woff2'),url('/a/webfonts/341C28_0_0.woff') format('woff'),url('/a/webfonts/341C28_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'VAGRoundedStd-Thin';src: url('/a/webfonts/341C28_1_0.eot');src: url('/a/webfonts/341C28_1_0.eot?#iefix') format('embedded-opentype'),url('/a/webfonts/341C28_1_0.woff2') format('woff2'),url('/a/webfonts/341C28_1_0.woff') format('woff'),url('/a/webfonts/341C28_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'VAGRoundedStd-Light';src: url('/a/webfonts/341C28_2_0.eot');src: url('/a/webfonts/341C28_2_0.eot?#iefix') format('embedded-opentype'),url('/a/webfonts/341C28_2_0.woff2') format('woff2'),url('/a/webfonts/341C28_2_0.woff') format('woff'),url('/a/webfonts/341C28_2_0.ttf') format('truetype');}
 
@font-face {
  font-family: 'icomoon';
  src:  url('/a/picto/icomoon.eot?768bmc');
  src:  url('/a/picto/icomoon.eot?768bmc#iefix') format('embedded-opentype'),
    url('/a/picto/icomoon.ttf?768bmc') format('truetype'),
    url('/a/picto/icomoon.woff?768bmc') format('woff'),
    url('/a/picto/icomoon.svg?768bmc#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-printer:before {
  content: "\e91e";
}
.icon-biker:before {
  content: "\e91d";
}
.icon-upload:before {
  content: "\e91b";
}
.icon-log_out:before {
  content: "\e91c";
}
.icon-arrow-left-bold:before {
  content: "\e919";
}
.icon-arrow-right-bold:before {
  content: "\e91a";
}
.icon-home:before {
  content: "\e905";
}
.icon-bike:before {
  content: "\e900";
}
.icon-twitter:before {
  content: "\e901";
}
.icon-facebook:before {
  content: "\e902";
}
.icon-share:before {
  content: "\e903";
}
.icon-youtube:before {
  content: "\e904";
}
.icon-arrow-left-alt:before {
  content: "\e906";
}
.icon-arrow-left:before {
  content: "\e907";
}
.icon-arrow-right-alt:before {
  content: "\e908";
}
.icon-arrow-right:before {
  content: "\e909";
}
.icon-calendar:before {
  content: "\e90a";
}
.icon-close:before {
  content: "\e90b";
}
.icon-distance:before {
  content: "\e90c";
}
.icon-download:before {
  content: "\e90d";
}
.icon-file:before {
  content: "\e90e";
}
.icon-instagram:before {
  content: "\e90f";
}
.icon-link:before {
  content: "\e910";
}
.icon-mail:before {
  content: "\e911";
}
.icon-phone:before {
  content: "\e912";
}
.icon-pin:before {
  content: "\e913";
}
.icon-route:before {
  content: "\e914";
}
.icon-search:before {
  content: "\e915";
}
.icon-speak:before {
  content: "\e916";
}
.icon-time:before {
  content: "\e917";
}
.icon-warning:before {
  content: "\e918";
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}
/*

Basscss
http://basscss.com

2.86 kB
326 Rules
357 Selectors
446 Declarations
Generated with http://basscss.com/customize

*/

body { margin: 0 }
img { max-width: 100%; height: auto }
svg { max-height: 100% }

input,
select,
textarea,
fieldset {
  font-family: inherit;
  font-size: 1rem;
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0;
  -moz-appearance: none;
  -webkit-appearance; none;
  appearance: none;
}

label {
  vertical-align: middle;
}

input[type=text],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=week] {
  height: 2.25rem;
  padding: .5rem .5rem;
  vertical-align: middle;
  -webkit-appearance: none;
}

.field {
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0,0,0,.125);
  border-radius: 3px;
}

.field:focus,
.field.is-focused {
  outline: none;
  border-color: #0074d9;
  box-shadow: 0 0 0 2px rgba(0, 116, 217, 0.5);
}

.field:disabled,
.field.is-disabled {
  background-color: rgba(0,0,0,.125);
  opacity: .5;
}

.field:read-only:not(select),
.field.is-read-only {
  background-color: rgba(0,0,0,.125);
}


.field.is-success {
  border-color: #2ecc40;
}

.field.is-success:focus,
.field.is-success.is-focused {
  box-shadow: 0 0 0 2px rgba(46, 204, 64, 0.5);
}

.field.is-warning {
  border-color: #ffdc00;
}

.field.is-warning:focus,
.field.is-warning.is-focused {
  box-shadow: 0 0 0 2px rgba(255, 220, 0, 0.5);
}

.field:invalid,
.field.is-error {
  border-color: #ff4136;
}

.field:invalid:focus,
.field:invalid.is-focused,
.field.is-error:focus,
.field.is-error.is-focused {
  box-shadow: 0 0 0 2px rgba(255, 65, 54, 0.5);
}

select {
  line-height: 1.75;
  padding: .5rem .5rem;
}

select:not([multiple]) {
  height: 2.25rem;
  vertical-align: middle;
}

textarea {
  line-height: 1.75;
  padding: .5rem .5rem;
}

table {
  border-collapse: separate;
  border-spacing: 0;
  max-width: 100%;
  width: 100%;
}

th {
  text-align: left;
  font-weight: bold;
}

th,
td {
  padding: .25rem 1rem;
  line-height: inherit;
}

th { vertical-align: bottom }
td { vertical-align: top }

body {
  font-family: 'Roboto', 'Lucida Grande', Helvetica, sans-serif;
  line-height: 1.5;
  font-size: 100%;
  letter-spacing: 0.02em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  color: #111;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'VAGRoundedStd-Bold', 'Lucida Grande', Helvetica, sans-serif;
  font-weight: normal;
  line-height: 1.25;
  margin-top: 1em;
  margin-bottom: 1em;
}

@media (max-width: 767px) {
  h1, h2, h3, h4, h5, h6 {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
  }
}
h4, h5, h6 {
  font-family: 'Roboto', 'Lucida Grande', Helvetica, sans-serif;
  font-weight: 700;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}

dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem;
}

pre, code, samp {
  font-family: 'Source Code Pro', Consolas, monospace;
  font-size: inherit;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow-x: scroll;
}

h1 { font-size: 2rem }
h2 { font-size: 1.5rem }
h3 { font-size: 1.25rem }
h4 { font-size: 1rem }
h5 { font-size: .875rem }
h6 { font-size: .75rem }



.h1 { font-size: 2rem }
.h2 { font-size: 1.5rem }
.h3 { font-size: 1.25rem }
.h4 { font-size: 1rem }
.h5 { font-size: .875rem }
.h6 { font-size: .75rem }

.bold    { font-weight: bold }
.regular { font-weight: normal }
.italic  { font-style: italic }
.caps    { text-transform: uppercase; letter-spacing: .05em; }

.left-align   { text-align: left }
.center       { text-align: center }
.right-align  { text-align: right }
.justify      { text-align: justify }

@media (min-width:40em) {

  .sm-left-align  { text-align: left; }
  .sm-center      { text-align: center }
  .sm-right-align { text-align: right }
  .sm-justify     { text-align: justify }

}

.nowrap { white-space: nowrap }
.break-word { word-wrap: break-word }

.truncate {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list-reset {
  list-style: none;
  padding-left: 0;
}

.inline       { display: inline }
.block        { display: block }
.inline-block { display: inline-block }
.table        { display: table }
.table-cell   { display: table-cell }

.overflow-hidden { overflow: hidden }
.overflow-scroll { overflow: scroll }
.overflow-auto   { overflow: auto }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table
}
.clearfix:after { clear: both }

.left  { float: left }
.right { float: right }

.fit { max-width: 100% }

.border-box { box-sizing: border-box }

.m0  { margin:        0 }
.mt0 { margin-top:    0 }
.mr0 { margin-right:  0 }
.mb0 { margin-bottom: 0 }
.ml0 { margin-left:   0 }

.m1  { margin: .5rem }
.mt1 { margin-top: .5rem }
.mr1 { margin-right: .5rem }
.mb1 { margin-bottom: .5rem }
.ml1 { margin-left: .5rem }

.m2  { margin: 1rem }
.mt2 { margin-top: 1rem }
.mr2 { margin-right: 1rem }
.mb2 { margin-bottom: 1rem }
.ml2 { margin-left: 1rem }

.m3  { margin: 2rem }
.mt3 { margin-top: 2rem }
.mr3 { margin-right: 2rem }
.mb3 { margin-bottom: 2rem }
.ml3 { margin-left: 2rem }

.m4  { margin: 4rem }
.mt4 { margin-top: 4rem }
.mr4 { margin-right: 4rem }
.mb4 { margin-bottom: 4rem }
.ml4 { margin-left: 4rem }

.mxn1 { margin-left: -.5rem; margin-right: -.5rem; }
.mxn2 { margin-left: -1rem; margin-right: -1rem; }
.mxn3 { margin-left: -2rem; margin-right: -2rem; }
.mxn4 { margin-left: -4rem; margin-right: -4rem; }

.mx-auto { margin-left: auto; margin-right: auto; }
.p0 { padding: 0 }

.p1  { padding: .5rem }
.py1 { padding-top: .5rem; padding-bottom: .5rem }
.px1 { padding-left: .5rem; padding-right: .5rem }

.p2  { padding: 1rem }
.py2 { padding-top: 1rem; padding-bottom: 1rem }
.px2 { padding-left: 1rem; padding-right: 1rem }

.p3  { padding: 2rem }
.py3 { padding-top: 2rem; padding-bottom: 2rem }
.px3 { padding-left: 2rem; padding-right: 2rem }

.p4  { padding: 4rem }
.py4 { padding-top: 4rem; padding-bottom: 4rem }
.px4 { padding-left: 4rem; padding-right: 4rem }

.pt1 { padding-top: .5rem; }
.pb1 { padding-bottom: .5rem; }
.pl1 { padding-left: .5rem; }
.pr1 { padding-right: .5rem; }

.pt2 { padding-top: 1rem; }
.pb2 { padding-bottom: 1rem; }
.pl2 { padding-left: 1rem; }
.pr2 { padding-right: 1rem; }

.pt3 { padding-top: 2rem; }
.pb3 { padding-bottom: 2rem; }
.pl3 { padding-left: 2rem; }
.pr3 { padding-right: 2rem; }

.pt4 { padding-top: 4rem; }
.pb4 { padding-bottom: 4rem; }
.pl4 { padding-left: 4rem; }
.pr4 { padding-right: 4rem; }


.sm-show, .md-show, .lg-show {
  display: none !important
}

@media (min-width: 40em) {
  .sm-show { display: block !important }
}

@media (min-width: 52em) {
  .md-show { display: block !important }
}

@media (min-width: 64em) {
  .lg-show { display: block !important }
}


@media (min-width: 40em) {
  .sm-hide { display: none !important }
}

@media (min-width: 52em) {
  .md-hide { display: none !important }
}

@media (min-width: 64em) {
  .lg-hide { display: none !important }
}

.display-none { display: none !important }

.hide {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.container {
  max-width: 64em;
  margin-left: auto;
  margin-right: auto;
}
.col {
  float: left;
  box-sizing: border-box;
}

.col-right {
  float: right;
  box-sizing: border-box;
}

.col-1 {
  width: 8.33333%;
}

.col-2 {
  width: 16.66667%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.33333%;
}

.col-5 {
  width: 41.66667%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.33333%;
}

.col-8 {
  width: 66.66667%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.33333%;
}

.col-11 {
  width: 91.66667%;
}

.col-12 {
  width: 100%;
}

@media (min-width: 40em) {

  .sm-col {
    float: left;
    box-sizing: border-box;
  }

  .sm-col-right {
    float: right;
    box-sizing: border-box;
  }

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

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

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

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

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

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

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

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

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

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

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

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

}
@media (min-width: 52em) {

  .md-col {
    float: left;
    box-sizing: border-box;
  }

  .md-col-right {
    float: right;
    box-sizing: border-box;
  }

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

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

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

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

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

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

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

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

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

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

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

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

}
@media (min-width: 64em) {

  .lg-col {
    float: left;
    box-sizing: border-box;
  }

  .lg-col-right {
    float: right;
    box-sizing: border-box;
  }

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

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

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

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

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

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

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

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

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

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

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

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

}

.flex { display: flex }

.flex-column  { flex-direction: column }
.flex-wrap    { flex-wrap: wrap }

.flex-center   { align-items: center }
.flex-baseline { align-items: baseline }
.flex-stretch  { align-items: stretch }
.flex-start    { align-items: flex-start }
.flex-end      { align-items: flex-end }

.flex-justify  { justify-content: space-between }

.flex-auto {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}
.flex-grow { flex: 1 0 auto }
.flex-none { flex: none }

.flex-first { order: -1 }
.flex-last  { order: 99999 }
@media (min-width: 40em) {
  .sm-flex { display: flex }
}
@media (min-width: 52em) {
  .md-flex { display: flex }
}
@media (min-width: 64em) {
  .lg-flex { display: flex }
}

.btn-small {
  padding: .25rem .5rem;
}

.btn-big {
  padding: 1.2rem 2rem;
}

.btn-narrow {
  padding-left: .5rem;
  padding-right: .5rem;
}

@media (min-width: 40em) {

  .sm-m0  { margin:        0 }
  .sm-mt0 { margin-top:    0 }
  .sm-mr0 { margin-right:  0 }
  .sm-mb0 { margin-bottom: 0 }
  .sm-ml0 { margin-left:   0 }
  .sm-mx0 { margin-left:   0; margin-right: 0 }

  .sm-m1  { margin: .5rem }
  .sm-mt1 { margin-top: .5rem }
  .sm-mr1 { margin-right: .5rem }
  .sm-mb1 { margin-bottom: .5rem }
  .sm-ml1 { margin-left: .5rem }

  .sm-m2  { margin: 1rem }
  .sm-mt2 { margin-top: 1rem }
  .sm-mr2 { margin-right: 1rem }
  .sm-mb2 { margin-bottom: 1rem }
  .sm-ml2 { margin-left: 1rem }

  .sm-m3  { margin: 2rem }
  .sm-mt3 { margin-top: 2rem }
  .sm-mr3 { margin-right: 2rem }
  .sm-mb3 { margin-bottom: 2rem }
  .sm-ml3 { margin-left: 2rem }

  .sm-m4  { margin: 4rem }
  .sm-mt4 { margin-top: 4rem }
  .sm-mr4 { margin-right: 4rem }
  .sm-mb4 { margin-bottom: 4rem }
  .sm-ml4 { margin-left: 4rem }

  .sm-mxn1 { margin-left: -.5rem; margin-right: -.5rem; }
  .sm-mxn2 { margin-left: -1rem; margin-right: -1rem; }
  .sm-mxn3 { margin-left: -2rem; margin-right: -2rem; }
  .sm-mxn4 { margin-left: -4rem; margin-right: -4rem; }

  .sm-myn1 { margin-top: -.5rem; margin-bottom: -.5rem; }
  .sm-myn2 { margin-top: -1rem; margin-bottom: -1rem; }
  .sm-myn3 { margin-top: -2rem; margin-bottom: -2rem; }
  .sm-myn4 { margin-top: -4rem; margin-bottom: -4rem; }

  .sm-mtn1 { margin-top: -.5rem; }
  .sm-mtn2 { margin-top: -1rem; }
  .sm-mtn3 { margin-top: -2rem; }
  .sm-mtn4 { margin-top: -4rem; }

  .sm-mx-auto { margin-left: auto; margin-right: auto; }

}
@media (min-width: 52em) {

  .md-m0  { margin:        0 }
  .md-mt0 { margin-top:    0 }
  .md-mr0 { margin-right:  0 }
  .md-mb0 { margin-bottom: 0 }
  .md-ml0 { margin-left:   0 }

  .md-m1  { margin: .5rem }
  .md-mt1 { margin-top: .5rem }
  .md-mr1 { margin-right: .5rem }
  .md-mb1 { margin-bottom: .5rem }
  .md-ml1 { margin-left: .5rem }

  .md-m2  { margin: 1rem }
  .md-mt2 { margin-top: 1rem }
  .md-mr2 { margin-right: 1rem }
  .md-mb2 { margin-bottom: 1rem }
  .md-ml2 { margin-left: 1rem }

  .md-m3  { margin: 2rem }
  .md-mt3 { margin-top: 2rem }
  .md-mr3 { margin-right: 2rem }
  .md-mb3 { margin-bottom: 2rem }
  .md-ml3 { margin-left: 2rem }

  .md-m4  { margin: 4rem }
  .md-mt4 { margin-top: 4rem }
  .md-mr4 { margin-right: 4rem }
  .md-mb4 { margin-bottom: 4rem }
  .md-ml4 { margin-left: 4rem }

  .md-mxn1 { margin-left: -.5rem; margin-right: -.5rem; }
  .md-mxn2 { margin-left: -1rem; margin-right: -1rem; }
  .md-mxn3 { margin-left: -2rem; margin-right: -2rem; }
  .md-mxn4 { margin-left: -4rem; margin-right: -4rem; }

  .md-mx-auto { margin-left: auto; margin-right: auto; }

}
@media (min-width: 64em) {

  .lg-m0  { margin:        0 }
  .lg-mt0 { margin-top:    0 }
  .lg-mr0 { margin-right:  0 }
  .lg-mb0 { margin-bottom: 0 }
  .lg-ml0 { margin-left:   0 }

  .lg-m1  { margin: .5rem }
  .lg-mt1 { margin-top: .5rem }
  .lg-mr1 { margin-right: .5rem }
  .lg-mb1 { margin-bottom: .5rem }
  .lg-ml1 { margin-left: .5rem }

  .lg-m2  { margin: 1rem }
  .lg-mt2 { margin-top: 1rem }
  .lg-mr2 { margin-right: 1rem }
  .lg-mb2 { margin-bottom: 1rem }
  .lg-ml2 { margin-left: 1rem }

  .lg-m3  { margin: 2rem }
  .lg-mt3 { margin-top: 2rem }
  .lg-mr3 { margin-right: 2rem }
  .lg-mb3 { margin-bottom: 2rem }
  .lg-ml3 { margin-left: 2rem }

  .lg-m4  { margin: 4rem }
  .lg-mt4 { margin-top: 4rem }
  .lg-mr4 { margin-right: 4rem }
  .lg-mb4 { margin-bottom: 4rem }
  .lg-ml4 { margin-left: 4rem }

  .lg-mxn1 { margin-left: -.5rem; margin-right: -.5rem; }
  .lg-mxn2 { margin-left: -1rem; margin-right: -1rem; }
  .lg-mxn3 { margin-left: -2rem; margin-right: -2rem; }
  .lg-mxn4 { margin-left: -4rem; margin-right: -4rem; }

  .lg-mx-auto { margin-left: auto; margin-right: auto; }

}

@media (min-width: 40em) {

  .sm-px0 { padding-left: 0; padding-right: 0; }

  .sm-p0  { padding: 0rem }
  .sm-py0 { padding-top: 0rem; padding-bottom: 0rem }
  .sm-px0 { padding-left: 0rem; padding-right: 0rem }
  .sm-pt0 { padding-top: 0rem }
  .sm-pb0 { padding-bottom: 0rem }
  .sm-pl0 { padding-left: 0rem }
  .sm-pr0 { padding-right: 0rem }

  .sm-p1  { padding: .5rem }
  .sm-py1 { padding-top: .5rem; padding-bottom: .5rem }
  .sm-px1 { padding-left: .5rem; padding-right: .5rem }
  .sm-pt1 { padding-top: .5rem }
  .sm-pb1 { padding-bottom: .5rem }
  .sm-pl1 { padding-left: .5rem }
  .sm-pr1 { padding-right: .5rem }

  .sm-p2  { padding: 1rem }
  .sm-py2 { padding-top: 1rem; padding-bottom: 1rem }
  .sm-px2 { padding-left: 1rem; padding-right: 1rem }
  .sm-pt2 { padding-top: 1rem }
  .sm-pb2 { padding-bottom: 1rem }
  .sm-pl2 { padding-left: 1rem }
  .sm-pr2 { padding-right: 1rem }


  .sm-p3  { padding: 2rem }
  .sm-py3 { padding-top: 2rem; padding-bottom: 2rem }
  .sm-px3 { padding-left: 2rem; padding-right: 2rem }
  .sm-pt3 { padding-top: 2rem }
  .sm-pb3 { padding-bottom: 2rem }
  .sm-pl3 { padding-left: 2rem }
  .sm-pr3 { padding-right: 2rem }


  .sm-p4  { padding: 4rem }
  .sm-py4 { padding-top: 4rem; padding-bottom: 4rem }
  .sm-px4 { padding-left: 4rem; padding-right: 4rem }
  .sm-pt4 { padding-top: 4rem }
  .sm-pb4 { padding-bottom: 4rem }
  .sm-pl4 { padding-left: 4rem }
  .sm-pr4 { padding-right: 4rem }


}
@media (min-width: 52em) {

  .md-p0  { padding: 0rem }
  .md-py0 { padding-top: 0rem; padding-bottom: 0rem }
  .md-px0 { padding-left: 0rem; padding-right: 0rem }
  .md-pt0 { padding-top: 0rem }
  .md-pb0 { padding-bottom: 0rem }
  .md-pl0 { padding-left: 0rem }
  .md-pr0 { padding-right: 0rem }

  .md-p1  { padding: .5rem }
  .md-py1 { padding-top: .5rem; padding-bottom: .5rem }
  .md-px1 { padding-left: .5rem; padding-right: .5rem }
  .md-pt1 { padding-top: .5rem }
  .md-pb1 { padding-bottom: .5rem }
  .md-pl1 { padding-left: .5rem }
  .md-pr1 { padding-right: .5rem }

  .md-p2  { padding: 1rem }
  .md-py2 { padding-top: 1rem; padding-bottom: 1rem }
  .md-px2 { padding-left: 1rem; padding-right: 1rem }
  .md-pt2 { padding-top: 1rem }
  .md-pb2 { padding-bottom: 1rem }
  .md-pl2 { padding-left: 1rem }
  .md-pr2 { padding-right: 1rem }

  .md-p3  { padding: 2rem }
  .md-py3 { padding-top: 2rem; padding-bottom: 2rem }
  .md-px3 { padding-left: 2rem; padding-right: 2rem }
  .md-pt3 { padding-top: 2rem }
  .md-pb3 { padding-bottom: 2rem }
  .md-pl3 { padding-left: 2rem }
  .md-pr3 { padding-right: 2rem }

  .md-p4  { padding: 4rem }
  .md-py4 { padding-top: 4rem; padding-bottom: 4rem }
  .md-px4 { padding-left: 4rem; padding-right: 4rem }
  .md-pt4 { padding-top: 4rem }
  .md-pb4 { padding-bottom: 4rem }
  .md-pl4 { padding-left: 4rem }
  .md-pr4 { padding-right: 4rem }

}
@media (min-width: 64em) {

  .lg-p1  { padding: .5rem }
  .lg-py1 { padding-top: .5rem; padding-bottom: .5rem }
  .lg-px1 { padding-left: .5rem; padding-right: .5rem }
  .lg-pt1 { padding-top: .5rem }
  .lg-pb1 { padding-bottom: .5rem }
  .lg-pl1 { padding-left: .5rem }
  .lg-pr1 { padding-right: .5rem }

  .lg-p2  { padding: 1rem }
  .lg-py2 { padding-top: 1rem; padding-bottom: 1rem }
  .lg-px2 { padding-left: 1rem; padding-right: 1rem }
  .lg-pt2 { padding-top: 1rem }
  .lg-pb2 { padding-bottom: 1rem }
  .lg-pl2 { padding-left: 1rem }
  .lg-pr2 { padding-right: 1rem }

  .lg-p3  { padding: 2rem }
  .lg-py3 { padding-top: 2rem; padding-bottom: 2rem }
  .lg-px3 { padding-left: 2rem; padding-right: 2rem }
  .lg-pt3 { padding-top: 2rem }
  .lg-pb3 { padding-bottom: 2rem }
  .lg-pl3 { padding-left: 2rem }
  .lg-pr3 { padding-right: 2rem }

  .lg-p4  { padding: 4rem }
  .lg-py4 { padding-top: 4rem; padding-bottom: 4rem }
  .lg-px4 { padding-left: 4rem; padding-right: 4rem }
  .lg-pt4 { padding-top: 4rem }
  .lg-pb4 { padding-bottom: 4rem }
  .lg-pl4 { padding-left: 4rem }
  .lg-pr4 { padding-right: 4rem }

}

.relative { position: relative }
.absolute { position: absolute }
.fixed    { position: fixed }

.top-0    { top: 0 }
.right-0  { right: 0 }
.bottom-0 { bottom: 0 }
.left-0   { left: 0 }

.z1 { z-index: 1 }
.z2 { z-index: 2 }
.z3 { z-index: 3 }
.z4 { z-index: 4 }
button {
  border-radius: 0;
}

.btn {
  font-family: 'VAGRoundedStd-Bold';
  font-size: 1.125rem;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  line-height: 1.125rem;
  padding: .75rem 1.5rem;
  margin: 0;
  margin-bottom: -4px;
  height: auto;
  border: 4px solid transparent;
  vertical-align: middle;
  -webkit-appearance: none;
  color: inherit;
  background-color: transparent;
  transition: background-color 0.3s;
}

.btn:hover {
  text-decoration: none;
}

.btn:focus {
  outline: none;
  border-color: rgba(0,0,0,.25);
  color: rgba(0,0,0,.25);
}

::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.btn-primary-blue {
  background-color: rgb(217,243,252);
  border: 4px solid rgb(0,176,230);
  color: rgb(0,176,230);
}

.btn-primary:hover {
  box-shadow: inset 0 0 0 20rem rgba(0,0,0,.0625);
}

.btn-primary:active {
  box-shadow: inset 0 0 0 20rem rgba(0,0,0,.125),
    inset 0 3px 4px 0 rgba(0,0,0,.25),
    0 0 1px rgba(0,0,0,.125);
}

.btn-primary:disabled,
.btn-primary.is-disabled {
  opacity: .5;
}

.btn-outline,
.btn-outline:hover {
  border-color: currentcolor;
}

.btn-outline {
}

.btn-outline:hover {
  box-shadow: inset 0 0 0 20rem rgba(0,0,0,.0625);
}

.btn-outline:active {
  box-shadow: inset 0 0 0 20rem rgba(0,0,0,.125),
    inset 0 3px 4px 0 rgba(0,0,0,.25),
    0 0 1px rgba(0,0,0,.125);
}

.btn-outline:disabled,
.btn-outline.is-disabled {
  opacity: .5;
}

.btn-blue {
  border-color: rgb(0,176,230);
  color: rgb(0,176,230);
  background-color: white;
}
.btn-blue:hover {
  color: rgb(255,255,255);
  background-color: rgb(0,176,230);
}
.btn-white {
  border-color: rgb(255,255,255);
  color: #111;
}
.btn-white:hover {
  color: rgb(255,255,255);
  background-color: rgb(0,176,230);
}
.btn-dark {
  border-color: rgb(57,59,69);
  background-color: rgba(57,59,69,0.2);
  color: rgb(57,59,69);
}
.btn-dark:hover {
  color: rgb(255,255,255);
  background-color: rgb(57,59,69);
}

.btn-yellow {
  border-color: rgb(250,187,0);
  /*color: rgb(250,187,0);*/
  color: #111;
}
.btn-yellow:hover {
  color: rgb(255,255,255);
  background-color: rgb(250,187,0);
}
.ais-infinite-hits--showmore button,
.js-is-load-more {
  font-family: 'VAGRoundedStd-Bold';
  font-size: 1.125rem;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  line-height: 1.125rem;
  padding: .75rem 1.5rem;
  margin: 0;
  margin-top: 1.15rem;
  margin-bottom: -4px;
  height: auto;
  border: 4px solid transparent;
  vertical-align: middle;
  -webkit-appearance: none;
  color: inherit;
  background-color: rgba(57,59,69,0.2);
  border: 4px solid rgb(57,59,69);
  color: rgb(57,59,69);
  border-radius: 0;
}
.ais-infinite-hits--showmore button:hover,
.js-is-load-more:hover {
  background: rgb(57,59,69);
  color: white;
}

.is-section--green .ais-infinite-hits--showmore { /* Parce qu'on affiche un bouton de redirection vers la liste de toutes les balades en dessous du widget qui se trouve sur la page de section Tourisme et loisirs */
  display: none !important;
  visibility: hidden !important;
}

.ais-clear-all--link {
  background: rgba(0, 176, 230, 0.1);
  display: inline-block;
  border: 0;
  padding: .3rem .55rem;
}
button:disabled,
button[disabled],
.btn[disabled],
a[disabled],
a:disabled {
  display: none;
}
/* COLORS */

/*

THE CHARTE

blue     = rgb(0,176,230);
green    = rgb(151,191,13);
magenta  = rgb(226,0,122);
orange   = rgb(235,106,49);
red      = rgb(226,0,26);
violet   = rgb(95,64,119);
yellow   = rgb(250,187,0);

*/

/* Backgrounds */

.bg-yellow {
	background-color: rgb(250,187,0);
}
.bg-green {
	background-color: rgb(151,191,13);
}
.bg-teal {
	background-color: rgba(57,59,69,1);
}
.bg-blue {
	background-color: rgb(0,176,230);
}
.bg-blue-light {
	background-color: rgba(0, 176, 230, 0.1);
}
.bg-orange {
	background-color: rgb(235, 106, 49);
}
.bg-magenta {
	background-color: rgb(226, 0, 122);
}
.bg-violet {
	background-color: rgb(95, 64, 119);
}
.bg-red {
	background-color: rgb(226, 0, 26);
}
.bg-lightred {
	background-color: #fbddd4;
}
.bg-lightgreen {
	background-color: rgb(234,242,207);
}

.bg-shadow--blue {
	box-shadow: 12px 12px 0px rgb(0,176,230);
}
.bg-shadow--lightblue {
	box-shadow: 12px 12px 0px #bcefff;
}
.bg-shadow--red {
	box-shadow: 12px 12px 0px rgb(226,0,26);
}
.bg-shadow--lightred {
	box-shadow: 12px 12px 0px #fbddd4;
}

/*links*/

.bg-blue a,
.article__body .bg-yellow a,
.article__body .bg-green a,
.article__body .bg-teal a,
.article__body .bg-blue a,
.article__body .bg-magenta a,
.article__body .bg-violet a,
.article__body .bg-red a {
  color: white;
}
/* background big promo */

.bigpromo .bg-orange,
.bg-orange-dotted {
  background-image: radial-gradient(circle, rgba(235, 106, 49, 0.3) 1px, rgb(235, 106, 49) 1px);
  background-size: 26px 26px;
}

.bigpromo .bg-orange,
.bg-orange-gradient {
  background-image: linear-gradient(-60deg, #ffa51e 0%, rgb(255, 109, 45) 100%);
}

.bigpromo .bg-yellow,
.bg-yellow-gradient {
  background-image: linear-gradient(-60deg, rgb(250, 196, 0) 0%, #ffe422 100%);
}

.bigpromo .bg-blue,
.bg-blue-gradient {
  background-image: linear-gradient(-60deg, #63d3ff 0%, rgb(0,176,230) 100%);
}

.bigpromo .bg-red,
.bg-red-gradient {
  background-image: linear-gradient(-60deg, #FDA67B 0%, #EB4547 100%); 
}

.bigpromo .bg-yellow,
.bg-yellow-dotted {
  background-image: radial-gradient(circle, rgba(250, 187, 0, 0.3) 1px, rgb(250,187,0) 1px);
  background-size: 26px 26px;
}
.bigpromo .bg-green,
.bg-green-dotted {
  background-image: radial-gradient(circle, rgba(151,191,13, 0.3) 1px, rgb(151,191,13) 1px);
  background-size: 26px 26px;
}
.bigpromo .bg-blue,
.bg-blue-dotted {
  background-image: radial-gradient(circle, rgba(0,176,230, 0.3) 1px, rgb(0,176,230) 1px);
  background-size: 26px 26px;
}

/* text color */

.txt-white {
	color: #fff;
}
.txt-teal {
	color: rgb(57,59,69);
}
.section--blue .breadcrumb a,
.section--blue .breadcrumbmobile__segment a,
.txt-blue {
	color: rgb(0,176,230);
}
.section--green .breadcrumb a,
.section--green .breadcrumbmobile__segment a,
.txt-green {
	color: rgb(151,191,13);
}
.section--magenta .breadcrumb a,
.section--magenta .breadcrumbmobile__segment a,
.txt-magenta {
	color: rgb(226, 0, 122);
}
.section--orange .breadcrumb a,
.section--orange .breadcrumbmobile__segment a,
.txt-orange {
	color: rgb(235, 106, 49);
}
.section--red .breadcrumb a,
.section--red .breadcrumbmobile__segment a,
.txt-red {
	color: rgb(226, 0, 26);
}
.section--violet .breadcrumb a,
.section--violet .breadcrumbmobile__segment a,
.txt-violet {
	color: rgb(95, 64, 119);
}
.section--yellow .breadcrumb a,
.section--yellow .breadcrumbmobile__segment a,
.txt-yellow {
	color: rgb(250,187,0);
}
.section--grey .breadcrumb a,
.section--grey .breadcrumbmobile__segment a,
.txt-grey {
	color: rgb(155,155,155);
}

.section--blue.is-section .leafletDwnld__number,
.section--blue.is-section .info__item__number {
	border-image: -webkit-linear-gradient(135deg, #4facfe 10%,#ABDCFF 100%);
  border-image: -o-linear-gradient(135deg, #4facfe 10%,#ABDCFF 100%);
  border-image: -moz-linear-gradient(135deg, #4facfe 10%,#ABDCFF 100%);
	border-image: linear-gradient(135deg, #4facfe 10%,#ABDCFF 100%); 
	border-style: solid;  border-width: 4px;  border-bottom: 0px;  border-right: 0px;  border-left: 0px;	border-image-slice: 1;
}
.section--blue.is-section .info__item--gradient > *{
  background: -webkit-linear-gradient(135deg, #4facfe 10%,#ABDCFF 100%);
  background: -o-linear-gradient(135deg, #4facfe 10%,#ABDCFF 100%);
  background: -moz-linear-gradient(135deg, #4facfe 10%,#ABDCFF 100%);
	background: linear-gradient(135deg, #4facfe 10%,#ABDCFF 100%); 
	-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
}
.section--green.is-section .leafletDwnld__number,
.section--green.is-section .info__item__number {
	border-image: -webkit-linear-gradient(135deg, #9be15d 10%,#B1EF9E 100%);
  border-image: -o-linear-gradient(135deg, #9be15d 10%,#B1EF9E 100%%);
  border-image: -moz-linear-gradient(135deg, #9be15d 10%,#B1EF9E 100%);
	border-image: linear-gradient(135deg, #9be15d 10%,#B1EF9E 100%); 
	border-style: solid;  border-width: 4px;  border-bottom: 0px;  border-right: 0px;  border-left: 0px;	border-image-slice: 1;
}
.section--green.is-section .info__item--gradient > * {
  background: -webkit-linear-gradient(135deg, #9be15d 10%,#B1EF9E 100%);
  background: -o-linear-gradient(135deg, #9be15d 10%,#B1EF9E 100%);
  background: -moz-linear-gradient(135deg, #9be15d 10%,#B1EF9E 100%);
	background: linear-gradient(135deg, #9be15d 10%,#B1EF9E 100%); 
	-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
}
.section--magenta.is-section .leafletDwnld__number,
.section--magenta.is-section .info__item__number {
	border-image: -webkit-linear-gradient(135deg, #F761A1 10%,#F89FD1 100%);
  border-image: -o-linear-gradient(135deg, #F761A1 10%,#F89FD1 100%);
  border-image: -moz-linear-gradient(135deg, #F761A1 10%,#F89FD1 100%);
	border-image: linear-gradient(135deg, #F761A1 10%,#F89FD1 100%); 
	border-style: solid;  border-width: 4px;  border-bottom: 0px;  border-right: 0px;  border-left: 0px;	border-image-slice: 1;
}
.section--magenta.is-section .info__item--gradient > *{
  background: -webkit-linear-gradient(135deg, #F761A1 10%,#F89FD1 100%);
  background: -o-linear-gradient(135deg, #F761A1 10%,#F89FD1 100%);
  background: -moz-linear-gradient(135deg, #F761A1 10%,#F89FD1 100%);
	background: linear-gradient(135deg, #F761A1 10%,#F89FD1 100%); 
	-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
}
.section--orange.is-section .leafletDwnld__number,
.section--orange.is-section .info__item__number {
	border-image: -webkit-linear-gradient(135deg, #f07919 10%,#FEC163 100%);
  border-image: -o-linear-gradient(135deg, #f07919 10%,#FEC163 100%);
  border-image: -moz-linear-gradient(135deg, #f07919 10%,#FEC163 100%);
	border-image: linear-gradient(135deg, #f07919 10%,#FEC163 100%); 
	border-style: solid;  border-width: 4px;  border-bottom: 0px;  border-right: 0px;  border-left: 0px;	border-image-slice: 1;
}
.section--orange.is-section .info__item--gradient > * {
  background: -webkit-linear-gradient(135deg, #f07919 10%,#FEC163 100%);
  background: -o-linear-gradient(135deg, #f07919 10%,#FEC163 100%);
  background: -moz-linear-gradient(135deg, #f07919 10%,#FEC163 100%);
	background: linear-gradient(135deg, #f07919 10%,#FEC163 100%); 
	-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
}
.section--red.is-section .leafletDwnld__number,
.section--red.is-section .info__item__number {
	border-image: -webkit-linear-gradient(135deg, #EB4547 10%,#FDA67B 100%);
  border-image: -o-linear-gradient(135deg, #EB4547 10%,#FDA67B 100%);
  border-image: -moz-linear-gradient(135deg, #EB4547 10%,#FDA67B 100%);
	border-image: linear-gradient(135deg, #EB4547 10%,#FDA67B 100%); 
	border-style: solid;  border-width: 4px;  border-bottom: 0px;  border-right: 0px;  border-left: 0px;	border-image-slice: 1;
}
.section--red.is-section .info__item--gradient > *{
  background: -webkit-linear-gradient(135deg, #EB4547 10%,#FDA67B 100%);
  background: -o-linear-gradient(135deg, #EB4547 10%,#FDA67B 100%);
  background: -moz-linear-gradient(135deg, #EB4547 10%,#FDA67B 100%);
	background: linear-gradient(135deg, #EB4547 10%,#FDA67B 100%); 
	-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
}
.section--violet.is-section .leafletDwnld__number,
.section--violet.is-section .info__item__number {
	border-image: -webkit-linear-gradient(135deg, #6C4198 10%,#926EEB 100%);
  border-image: -o-linear-gradient(135deg, #6C4198 10%,#926EEB 100%);
  border-image: -moz-linear-gradient(135deg, #6C4198 10%,#926EEB 100%);
	border-image: linear-gradient(135deg, #6C4198 10%,#926EEB 100%); 
	border-style: solid;  border-width: 4px;  border-bottom: 0px;  border-right: 0px;  border-left: 0px;	border-image-slice: 1;
}
.section--violet.is-section .info__item--gradient > *{
  background: -webkit-linear-gradient(135deg, #6C4198 10%,#926EEB 100%);
  background: -o-linear-gradient(135deg, #6C4198 10%,#926EEB 100%);
  background: -moz-linear-gradient(135deg, #6C4198 10%,#926EEB 100%);
	background: linear-gradient(135deg, #6C4198 10%,#926EEB 100%); 
	-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
}
.section--yellow.is-section .leafletDwnld__number,
.section--yellow.is-section .info__item__number {
	border-image: -webkit-linear-gradient(135deg, #FCCF31 10%,#F8E97F 100%);
  border-image: -o-linear-gradient(135deg, #FCCF31 10%,#F8E97F 100%);
  border-image: -moz-linear-gradient(135deg, #FCCF31 10%,#F8E97F 100%);
	border-image: linear-gradient(135deg, #FCCF31 10%,#F8E97F 100%); 
	border-style: solid;  border-width: 4px;  border-bottom: 0px;  border-right: 0px;  border-left: 0px;	border-image-slice: 1;
}
.section--yellow.is-section .info__item--gradient > *{
  background: -webkit-linear-gradient(135deg, #FCCF31 10%,#F8E97F 100%);
  background: -o-linear-gradient(135deg, #FCCF31 10%,#F8E97F 100%);
  background: -moz-linear-gradient(135deg, #FCCF31 10%,#F8E97F 100%);
	background: linear-gradient(135deg, #FCCF31 10%,#F8E97F 100%); 
	-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
}
.section--grey.is-section .leafletDwnld__number,
.section--grey.is-section .info__item__number {
	border-image: -webkit-linear-gradient(135deg, #9D9EA3 10%,#BDBBBE 100%);
  border-image: -o-linear-gradient(135deg, #9D9EA3 10%,#BDBBBE 100%);
  border-image: -moz-linear-gradient(135deg, #9D9EA3 10%,#BDBBBE 100%);
	border-image: linear-gradient(135deg, #9D9EA3 10%,#BDBBBE 100%); 
	border-style: solid;  border-width: 4px;  border-bottom: 0px;  border-right: 0px;  border-left: 0px;	border-image-slice: 1;
}
.section--grey.is-section .info__item--gradient > *{
  background: -webkit-linear-gradient(135deg, #9D9EA3 10%,#BDBBBE 100%);
  background: -o-linear-gradient(135deg, #9D9EA3 10%,#BDBBBE 100%);
  background: -moz-linear-gradient(135deg, #9D9EA3 10%,#BDBBBE 100%);
	background: linear-gradient(135deg, #9D9EA3 10%,#BDBBBE 100%); 
	-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
}}
/*  CUSTOM TYPOGRAPHY */

p strong {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

h1, 
  .h1, 
  .article__h1,
  .article h1 {
    font-size: 2.92em;
    font-size: 2.92rem;
    letter-spacing: 0.2em;
    letter-spacing: 0.2rem;
  }

@media screen and (max-width: 480px) {
  .article__h1 {
    font-size: 2.6rem;
  }
}
  
h2, 
.h2, 
.article__h2, 
.article h2,
.promo__title,
.leafletDwnld__number {
  font-size: 2.68em;
  font-size: 2.68rem;
  letter-spacing: 0.2em;
  letter-spacing: 0.2rem;
}

@media screen and (min-width: 40em) {
  h1, 
  .h1, 
  .article__h1,
  .article h1 {
    font-size: 3.5em;
    font-size: 3.5rem;
    letter-spacing: 0.3em;
    letter-spacing: 0.3rem;
    line-height: 1.1;
  }
  
  h2, 
  .h2, 
  .article__h2, 
  .article h2,
  .promo__title {
    font-size: 3.1em;
    font-size: 3.1rem;
    letter-spacing: 0.25em;
    letter-spacing: 0.25rem;
    line-height: 1.1;
    margin-top: 0;
  }
}

.tourheader h1,
.article__header h1 {
  margin-top: 0;
  margin-bottom: 0.25em;
}

.sectiontitle {
  margin: 0.2em 0 0.5em;
}

.sectiontitle i {
  font-size: 125%;
}

.article h2,
.article__h2 {
  margin-bottom: 0.75em;
}

.h3,
.article__body h3 {
  font-size: 2.15em;
  font-size: 2.15rem;
  letter-spacing: 0.1em;
  letter-spacing: 0.1rem;
  line-height: 1.1;
  margin-top: 0;
}

[data-oembed] h1,
[data-oembed] h2,
[data-oembed] h3 {
  font-size: 1.2em;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  letter-spacing: 0.1rem;
  line-height: 1.1;
  margin-top: 0;
}

h4 {font-weight: normal}

.sectionintro__body,
.article__excerpt,
.article__abstract, 
.promo__body {
  font-family: 'Roboto', sans-serif;
  font-size: 1.375em;
  font-size: 1.375rem;
  font-weight: 500;
}

.sectionintro__body,
.article__excerpt,
.promo__body {
  margin-bottom: 1.5em;
}

.promo__body {font-weight: 400;}
[data-oembed] h1:before,
[data-oembed] h2:before,
[data-oembed] h3:before,
.article__body h3:before {
  content: '';
  display: block;
  width: 135px;
  height: 8px;
  margin-bottom: 1.15em;
  background-color: #111;
  margin-top: 1.55em;
}

.article__body--beware h2:before,
.article__body--beware h3:before,
.article__body--beware h4:before {
  display: none;
}

.article__body > h4,
.article__body > h5 {
  font-family: 'VAGRoundedStd-Bold', 'Lucida Grande', Helvetica, Arial, sans-serif;
  font-size: 1.35em;
  font-size: 1.35rem;
  font-weight: normal;
}
/* .article__body > h4:before{
  content: '';
  display: block;
  width: 135px;
  height: 8px;
  margin-bottom: 1.30em;
  background-color: #111;
} */

.article__body p {
  font-size: 1.125em;
  font-size: 1.125rem;
  margin-bottom: 1em;
}

.article__body li, dt, dd {
  font-size: 1.125em;
  font-size: 1.125rem;
}

.footnotes {
  padding-left: 0;
  list-style-type: none;
}
.footnotes li {
  padding-bottom: 1em;
  font-size: 1em;
  font-size: 1rem;
}
.footnotes__l {
  color: #111;
  border-bottom: none;
}
.footnotes__l span {
  color: rgb(0,176,230);
  border-bottom: 2px solid rgb(0,176,230);
}
.footnotes__l:hover span {
  color: #fff;
}

@media (min-width: 80em) {
  .article__body li,
  .article__body dl,
  .article__body p {
    font-size: 1.25em;
    font-size: 1.25rem;
  }
  .article__body h3 {
    font-size: 1.75em;
    font-size: 1.75rem;
  }
  
  [data-oembed] h1,
  [data-oembed] h2,
  [data-oembed] h3 {
    font-size: 1.25em;
    font-size: 1.25rem;
  }

  .sectionintro__body,
  .article__excerpt,
  .article__abstract {
    font-size: 1.5em;
    font-size: 1.5rem;
  }
  .footnotes li {
    font-size: 1em;
    font-size: 1rem;
  }
}

.overline:before {
  content: '';
  display: block;
  width: 135px;
  height: 8px;
  margin-bottom: 1em;
  background-color: #111;
}

h2.overline {
  margin-bottom: 0.75em;
}

h2.overline:before,
.h2.overline:before {
  margin-bottom: 0.75em;
}


.overline--blue:before {
  background-color: rgb(0,176,230);
}
.overline--green:before {
  background-color: rgb(151,191,13);
}
.overline--magenta:before {
  background-color: rgb(226,0,122);
}
.overline--orange:before {
  background-color: rgb(235,106,49);
}
.overline--red:before {
  background-color: rgb(226,0,26);
}
.overline--violet:before {
  background-color: rgb(95,64,119);
}
.overline--yellow:before {
  background-color: rgb(250,187,0);
}
.overline--grey:before {
  background-color: rgb(155,155,155);
}
.overline--white:before {
  background-color: white;
}

/* DECIDEURS POLITIQUES */

.sectionintro__title {
  margin-bottom: 0.75em;
}

/* QUOTE */

blockquote, .quote {
  font-family: 'VAGRoundedStd-Bold', 'Lucida Grande', Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  letter-spacing: 0.1rem;
  line-height: 1.35;
  position: relative;
  clear: both;
}

blockquote:before, 
.quote:before {
  content: '«';
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  top: -0.2em;
  left: -0.75em;
  font-size: 1.5em;
}

blockquote:after, 
.quote:after {
  content: '»';
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  bottom: -0.1em;;
  right: -0.75em;
  font-size: 1.5em;
}

blockquote span,
.quote__signature {
  font-family: 'Roboto', sans-serif;
  font-weight:400;
  text-align: right;
  font-size: 1em;
  font-size: 1rem;
  display: block;
  margin-top: 0.5em;
  padding-right: 1.125rem;
  line-height: 1.2
}
blockquote span:before,
.quote__signature:before {
  content: '—';
  display: inline-block;
  padding-right: 0.5em;
}

@media (min-width: 40em) {
  blockquote p, .quote {
    font-size: 2.15em;
    font-size: 2.15rem;
  }
  blockquote span,
  .quote__signature {
    font-size: 1.1em;
    font-size: 1.1rem;
    line-height: 1.35;
  }
}

.metatitle {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1em;
}

.listFormat__title,
.listArticle__title,
.listEvent__title,
.listAside__title,
.listTours__date,
.listTours__title {
  font-family: 'VAGRoundedStd-Bold', 'Lucida Grande', Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  font-size: 1.5rem;
}

.listTours__title a,
.listArticle__title a {
  color: #111;
  border-bottom: none;
}

.smallpromo__title {
  font-family: 'VAGRoundedStd-Bold', 'Lucida Grande', Helvetica, Arial, sans-serif;
  font-size: 2em;
  font-size: 2rem;
  margin: 1rem 0;
  line-height: 1.1;
}

.facets__h {
  font-family: 'VAGRoundedStd-Bold', 'Lucida Grande', Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  font-size: 1.5rem;
  font-weight: normal;
}

/*TABLE*/

dl {
  grid-template-columns: auto auto;
  width: 100%;
}
@media (min-width: 40em) {
  dl {
    display: grid;
  }
  dd {
    padding-left: 3.55rem !important;
    text-align: right;
  }
  dt {
    padding-right: 3.55rem !important;
  }
  dt, dd {
    padding-top:0.5rem;
    padding-bottom:0.5rem;
  }
}
dt {
  grid-column-start: 1;
  padding-left: 1rem;
  font-family: 'VAGRoundedStd-Bold', 'Lucida Grande', Helvetica, Arial, sans-serif;
  padding-top: 0.5rem
}
dd {
  grid-column-start: 2;
  margin: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem
}
dt:nth-of-type(even), dd:nth-of-type(even) {
  background: #e8e9e8;
}
/*

Additional offset utilities for grid layout

*/

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

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

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

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

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

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

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

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

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

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

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


@media (min-width: 40em) {

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

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

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

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

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

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

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

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

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

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

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

  .sm-offset-0 {
    margin-left: 0;
  }

}
@media (min-width: 52em) {

  .md-col {
    float: left;
    box-sizing: border-box;
  }

  .md-offset-right {
    float: right;
    box-sizing: border-box;
  }

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

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

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

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

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

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

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

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

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

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

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

  .md-offset-0 {
    margin-left: 0;
  }

}
@media (min-width: 64em) {

  .lg-col {
    float: left;
    box-sizing: border-box;
  }

  .lg-offset-right {
    float: right;
    box-sizing: border-box;
  }

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

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

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

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

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

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

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

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

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

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

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

  .lg-offset-0 {
    margin-left: 0;
  }

}
/* MAIN CSS */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  [src=""] {
    display: none !important
  }
}

#counter {
  height: 100vh;
  width: 100vw;
  position: absolute;
  z-index: 9999999999;
  top:0;
  opacity: .95;
}
.footnotes__l:after {
  font-family: 'icomoon';
  content: "\e910";
}
.about__links .about__li a:before {
  font-family: 'icomoon';
  content: "\e907";
  font-size: 75%;
  padding-right: .4rem
}
@media (min-width: 768px) {
  .ais-hits,
  .ais-infinite-hits {
    display: flex;
    flex-flow: row wrap;
    flex-wrap: wrap;
  }
  .ais-hits--item,
  .ais-infinite-hits--item {
    flex-direction: row
  }
}
@media (min-width: 768px) and (max-width: 52em) {
  .ais-search-box input{width: 100%}
}
body.preview {
  margin-top: 75px;
  opacity: 1;
  background-position-y: 65px;
}
#preview {
  position: fixed; 
  width: 100%; 
  height: 50px; 
  top: 0; 
  background: #4776E6;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #8E54E9, #4776E6);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #8E54E9, #4776E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  font-family: 'VAGRoundedStd-Light', 'Lucida Grande', Helvetica, sans-serif;
  color: white; 
  font-size: 1.45em;
  text-transform: capitalize;
  z-index: 9999;
} 
#preview a {
  border: none; 
  color: inherit; 
  float: right;
  opacity: .75
}
#preview a:hover {
  background: none; 
  opacity: 1
}
.ais-infinite-hits--showmore {
  padding: 0 1rem
}

/* 

All custom styles following BEM methodology

*/

/* some custom styling for html elements */

a {  
  text-decoration: none;
  padding-bottom: 1px; 
  border-bottom: 2px solid currentColor;
  color: rgb(0,176,230);
  cursor: pointer !important;
}
a:hover {
  background-color: rgb(0,176,230);
  color: #fff;
}
.no-link-color,
.no-link-color:hover {
  color: inherit
}
.max-width-6 {
  max-width: 1280px;
}
ul {
  padding-left: 1.1em
}

ul.reset {
  padding: 0;
  list-style-type: none;
}

/* BROL */

figure {
  margin-right: 0;
  margin-left: 0;
}

.metainfo--blue {
  background-color: rgb(0,176,230);
  color: #fff;
  font-size: 1.125em;
  font-size: 1.125rem;
  line-height: 2.5em;
}

.min-height-1px {
  min-height: 1px;
}

/* LOGO */

.logo {
  background-image: url(/a/img/logo_blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  background-attachment: scroll;
  text-indent: -2000em;
  overflow: hidden;
  width: 100%;
  height: 2.25rem;
  color: transparent;
}

.ir-link:hover {
  background-color: transparent;
}

/* TOUR DETAIL */

.tourresume {
  font-size: 1.125rem;
}
.tourresume__h3 {
  font-family: 'VAGRoundedStd-Bold', 'Lucida Grande', Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  font-size: 1.5rem;
}
.tourdetail__abstract {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 1.75em;
}
.minifaq__h4 {
  font-family: 'VAGRoundedStd-Bold', 'Lucida Grande', Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  font-size: 1.5rem;
  margin-top: 1rem;
}
.minifaq__list {
  padding-left: 1.2em;
}
.minifaq__list,
.minifaq__list li {
  font-size: 1.125em;
  font-size: 1.125rem;
}
.logopartners {
  box-sizing: border-box;/*
  min-height: 70px;
  max-height: 70px;*/

}
.logopartners img {
  min-width: 30px;
  display: block;
  margin: 0 auto;
}
@media (min-width: 40em) {
  .logopartners img {
    min-width: 100px;
    height: auto;
    /*max-height: 100px;*/
    /*max-width: 100px;*/
    margin: 0 0
  }
}
.tourLang {padding: 0}
.tourLang li {
  list-style: none;
  display: inline-block
}
.tourLang li:after {
  content: "/";
  padding-left: .25em
}
.tourLang li:last-child:after {
  content: "";
}

/* --------------- */


/* ADDRESSCARD WIDGET */

#addresscard a {border: none}
#addresscard h2 {
  
}
.addresscard__p {
  font-family: 'VAGRoundedStd-Bold', 'Lucida Grande', Helvetica, Arial, sans-serif;
  font-size: 1.85em;
  font-size: 1.85rem;
}
.addresscard__t,
.addresscard__e,
.addresscard__f {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 1.125em;
  font-size: 1.125rem;
  margin-bottom: 0;
}
a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}

#addresscard .gmnoprint a, .gmnoprint span, .gm-style-cc {
  display:none;
}
#addresscard .gmnoprint div {
  background:none !important;
}

/* SECTION */

@media (min-width: 40em) and (max-width: 52em) {
  .megaLink article:first-child {margin-left: 7.33333%;}
}
@media screen and (min-width: 52em) {
  .megaLink article:first-child {margin-left:15.66667%;}
}
.introtours .megaLink__body {
  background-color: rgb(234,242,207);
}
.megaLink__body .btn{
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: table;
}

.sectionLogoPartners__intro {
    font-family: 'VAGRoundedStd-Bold', 'Lucida Grande', Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    padding-left: 1rem;
}

@media (min-width: 40em) {
    .sectionLogoPartners__intro {
      text-align: center;
    }
}

.sectionLogoPartners .logopartners {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row wrap;
  flex-wrap: wrap;
  width: 100%;
}
.sectionLogoPartners .logopartners > * {
  margin: 1rem;
  max-width: 8rem;
  flex-direction: row;
}

.logopartners a img {
  max-width: 100%;
}

.logopartners a:hover,
.logopartners a {
  border-bottom: 2px solid transparent;
  transform: scale(1);
  background-color: transparent;
  -webkit-transition: 0.5s;
  transition: transform 0.5s;
}

.logopartners a:hover {
    transform: scale(1.05);
}

/* LIST OF ARTICLES INSIDE A SUB-SECTION */

.listArticle {
  display: block;
  box-sizing: border-box;
  color: #111;
  text-decoration: none;
  border-bottom: none;
  margin-right: -1px; /* Safari bug */
}

.listArticle__img {
  margin-bottom: 1rem;
  position: relative;
}

.listMain__img {
  position: relative;
  z-index: -1;
}

.is-sub-section .listMain__img {
    margin-bottom: -3em;
}

.is-sub-section .listArticle__body {
  background-color: #fff;
  padding-top: 1em; 
  padding-right: 1em;
  z-index: 1;
}

@media (min-width: 40em) {
  .is-sub-section .listArticle__body {
    width: 80%;
  }
}

.listArticle__img img {
  max-width: 100%;
  display: block;
}

/* LIST OF EVENTS INSIDE A SUB-SECTION OR LIST OF TOURS ON HOME/LANDING PAGE*/

.listEvents a.listEvents__item {
  color: #111;
  border-bottom: none;
}
.listEvents a.listEvents__item:hover {
  background: transparent;
}
.listEvents__item:hover .listEvent__title {
  color: rgb(0,176,230);
}
.listEvents .ais-hits--item {width: 100%}
.listEvent__d {
  width: 78px;	
  text-align: center;
}
.listEvent__dn,
.listEvent__dm {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  display: block;
  line-height: 1;
}
.listEvent__df {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 2.25rem;
  display: block;
  line-height: 1.7;
}

/*  */

/* LIST OF SIDE ITEMs INSIDE A SUB-SECTION */

.listAside__title {
  color: #111;
  border-bottom: none;
  line-height: 1.25em;
}
.listAside__title:hover {
  background: none;
  color: rgb(0,176,230);
  border-bottom: 4px solid rgb(0,176,230);
  cursor: pointer;
}

/* LIST OF LOCATION SOLUTIONS */
.location {
  display: flex;
  flex-flow: row wrap;
  flex-wrap: wrap;
  position: relative;
}
.location__item {
  flex-direction: row
}
.location__item h3 {
  border-width: 4px;
  border-style: dotted;
  border-color: rgb(0,176,230);
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  padding-top: .75rem
}
.location__content {
  display: block;
  color: #111;
  border-bottom: none;
  cursor: pointer;
  text-align: center;
}
.location__content__img {
  height: 93px;
}
.location__content:hover {
  color: rgb(0,176,230);
  background-color: transparent;
}
.location__content:hover .location__content__img {
  opacity: .75;
}
.location__img {
  max-width: 100%;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.location__title:before {
  content: '';
  display: block;
  width: 100%;
  height: 8px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 1.25em;
  background-color: #111;
}
.location__content:hover .location__title:before {
  background-color: rgb(0,176,230);
}

@media screen and (min-width: 40em) {
  .location__location-anchor {
    position: absolute;
    top: -4rem;
    left: 0;
  }
}

/* LIST OF TOURS */

.listTours__item h1 {
  font-family: 'VAGRoundedStd-Bold', 'Lucida Grande', Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  font-size: 1.5rem;
  background-color: #fff;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 1em 1em 1rem 0;
  width: 80%;
  letter-spacing: 0.02em;
}
.listTours__img {
  margin-bottom: -3em;
  min-height: 1em;
}
.listTours__img img{ 
  width: 100%;
  max-width: 100%;
  display: block;
}
.listTours__img img:hover {
  opacity: .75;
}
.listTours__title {
  background-color: #fff;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 1em 1em 1rem 0;
  width: 80%;
}
.listTours__info {
  font-size: 0.8rem;
  line-height: 1.45;
  margin:  0 0 1em;
  text-transform: uppercase;
}
.listTours__info ul {padding: 0;}
.listTours__info ul li {display: initial;}
.listTours__info ul li:after {
  content: "᛫";
  padding:0px .1rem 0 .25rem;
}
.listTours__info ul li:last-child:after {
  content: none;
}
.listTours__desc {
  max-height: 5.75em;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  margin-bottom: 1.35rem;
  text-overflow: -o-ellipsis-lastline;
}
.listTours__item:hover .listTours__cta .btn-blue {
  background-color: rgb(0,176,230);
  color: #fff;
}
.listTours__date {  
  margin-top: 0;
  color: rgb(151,191,13);
  font-size: 1.75rem;
}
.listTours__date--capitalize {
  text-transform: capitalize;
}
.listTours__date::first-child {text-transform: capitalize}
.listTours__item {
  position: relative;
}
.listTours__macaron {
  width: 88px;
  height: 88px;
  padding: 35px 0;
  line-height: 1;
  box-sizing: border-box; 
  text-align: center;
  border-radius: 50%;
  background-color: rgb(151,191,13);
  color: rgba(255,255,255,0.8);
  font-size: 0.85rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  position: absolute;
  top: 5rem;
  right: 1.5rem;
  border: 4px solid #fff;
  text-transform: uppercase;
}
.introtours p {
  font-size: 1.185rem;
}

/* LIST FORMATIONS */

.listFormat {
  display: flex;
  flex-flow: row wrap;
  flex-wrap: wrap;
}
.listFormat__img {
  margin-bottom: -3em;
}
.listFormat__img img{ 
  width: 100%;
  max-width: 100%;
  display: block;
}
.listFormat__title {
  background-color: #fff;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 1em 1em 1rem 0;
  width: 80%;
}

@media (min-width: 40em) {
  .listFormat__item {
    flex-direction: row;
  }
}

/* LIST DOWNLOADS */

.listDownlds {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.listDownlds__dld {
  overflow: hidden;  
}
.listDownlds__img {
  width: 62px;
  height: 88px;
  border: 1px solid #9B9B9B;
  float: left;
}
.listDownlds__item {
  border-bottom: 0;
  color: #111;
}
.listDownlds__item:hover {
  background-color: #fff;
  color: rgb(0,176,230);
}
.listDownlds__item:hover .listDownlds__img {
  border-color: rgb(0,176,230);
}
.listDownlds__dld h3 {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}


/* DETAIL BALADE */

.tourdetail__mainimg {
  margin-top: -4rem;
}
.tourdetail__dates {
  list-style-type: none;
  padding-left: 0;
}

/* IN-LIST SMALL PROMOS */

.smallpromo__content.bg-yellow {
  background-color: rgb(250,187,0);
  background-image: -webkit-linear-gradient(-186deg, rgb(250,187,0) 0%,rgb(250,187,0) 86%,rgb(255,255,255) 85%,rgb(255,255,255) 100%); /* Chrome10-25,Safari5.1-6 */
  background-image: -moz-linear-gradient(-186deg, rgb(250,187,0) 0%,rgb(250,187,0) 86%,rgb(255,255,255) 85%,rgb(255,255,255) 100%); /* Chrome10-25,Safari5.1-6 */
  background-image: linear-gradient(-186deg, rgb(250,187,0) 0%,rgb(250,187,0) 86%,rgb(255,255,255) 85%,rgb(255,255,255) 100%); /* Chrome10-25,Safari5.1-6 */
}

.smallpromo__content.bg-green {
  background-color: rgb(151,191,13);
  background-image: -webkit-linear-gradient(-186deg, rgb(151,191,13) 0%,rgb(151,191,13) 86%,rgb(255,255,255) 85%,rgb(255,255,255) 100%); /* Chrome10-25,Safari5.1-6 */
  background-image: -moz-linear-gradient(-186deg, rgb(151,191,13) 0%,rgb(151,191,13) 86%,rgb(255,255,255) 85%,rgb(255,255,255) 100%); /* Chrome10-25,Safari5.1-6 */
  background-image: linear-gradient(-186deg, rgb(151,191,13) 0%,rgb(151,191,13) 86%,rgb(255,255,255) 85%,rgb(255,255,255) 100%); /* Chrome10-25,Safari5.1-6 */
}
.smallpromo__content.bg-green .btn,
.smallpromo__content.bg-yellow .btn, .smallbtn-white {
  border-color: #fff;
  color: #111;
}
.smallpromo__content.bg-green .btn:hover,
.smallpromo__content.bg-yellow .btn:hover, .smallbtn-white:hover {
  background-color: #fff;
  color: inherit;
}

.smallbtn-white-white {
  border-color: #fff;
  color: #fff;
}

.smallbtn-white-white:hover {
  background-color: #fff;
  color: #111;
}

/* ABOUT */

.about--logo {
  background-image: url(/a/img/logo_white.svg);
}
.about__body {
  font-family: "VAGRoundedStd-Light", "Helvetica", "Arial", sans-serif;
  font-size: 1.5rem;
}
.about__links {
  list-style-type: none;
  padding-left: 0;
  color: #fff;
  margin-top: 1.5rem;
}
.about__li {
  font-family: "VAGRoundedStd-Light", "Helvetica", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 2;
}
.about__li a {
  font-size: inherit;
  color: #fff;
  border-bottom: none;
  padding: 0.2rem;
}

/* FOOTER */

.footer__links {
  list-style-type: none;
  padding-left: 0;
}
.footer__links li {
  display: inline-block;
  font-family: "VAGRoundedStd-Bold", "Helvetica", "Arial", sans-serif;
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
  line-height: 1.5;
  text-transform: uppercase;
}
.footer__links a {
  color: #111;
  border-bottom: none;
  padding: 0.2em 0.2em 0.05em 0.2em;
  margin-left: -0.2em;
}
.footer__links--blue a {
  color: rgb(0,176,230);
}
.footer__links a:hover {
  color: #fff;
}
.footer__partners {
  list-style-type: none;
  width: 100%;
  padding-left: 0;
}
.footer__partners li {
  border-bottom: none;
  display: inline-block;
  box-sizing: border-box;
  margin-right: 1rem;
}
.footer__p  {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: contain;
  display: block;
  height: 4em; 
  text-indent: -2000em;
  overflow: hidden;
  border-bottom: none;
}
.footer--fwb {
  background-image: url(/a/img/logo_fwb_black.svg);
}
.footer--rb {
  background-image: url(/a/img/logo_rb_black.svg);
}
.footer--rw {
  background-image: url(/a/img/logo_rw_black.svg);
}
@media (max-width: 767px) {
  .footer__links li {
    display: block;
  }
}
@media (min-width: 768px) {
  .footer__links li:after {
    content: "";
    border-right: 1px solid rgb(0,176,230);
    padding-top: .15rem;
    margin: 0 .5rem;
  }
  .footer__links li:last-child::after {
    border-right: none;
  }
}

/* BIGPROMO */

.bigpromo__content__left__text {order: 1}
.bigpromo__img.left {order: 2}
.bigpromo__content__right__text {order: 2}
.bigpromo__img.right{order: 1}

.bigpromo__title {
  font-size: 2.25em;
  font-size: 2.25rem;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 1rem;
  letter-spacing: .12em;
  letter-spacing: .12rem;
}


@media (max-width: 40em) {
  .bigpromo .flex {flex-wrap: wrap}
  .bigpromo__img {padding: 0}
  .bigpromo__content__left__text {order: 2}
  .bigpromo__img.left {order: 1}
}

@media (min-width: 40em) {
  .bigpromo__content__left__text,
  .bigpromo__content__right__text {
    min-height: 23em;
  }
  .bigpromo__img.left img {left: 4.42rem;border-right: none;}
  .bigpromo__img.right img {right: 4.42rem;border-left: none;}
  .bigpromo__img img {
    border: 15px solid white;
    position: absolute; 
    max-height:370px;
    bottom: 4em;
  }
  .bigpromo {margin-bottom: 7rem; margin-top: 3rem;}
  .bigpromo__img {position:relative}
  .bigpromo__title {
  font-size: 3.25em;
  font-size: 3.25rem;
  }
}
@media (min-width: 52em) {
  .bigpromo__img img {
    bottom: 2em;
    top: 3.55rem;
  }
}
@media (min-width: 65em) {
  .bigpromo__img img {
    bottom: -3em;
  }
}
@media (min-width: 80em) {
  .bigpromo__img.left img {left: 6.25rem;border-right: none;}
  .bigpromo__img.right img {right: 6.25rem;border-left: none;}
}
@media only screen and (orientation: portrait) {
  .bigpromo__img.left img {left: 2rem;border-right: none;}
  .bigpromo__img.right img {right: 2rem;border-left: none;}
  .bigpromo__img img {bottom: 6em;}
}

/* BIGMESSAGE */

@media (min-width: 40em) {
  .bigmessage__content--blueshadow {
    box-shadow:15px 15px 0px #bcefff;
  }
}

/* BANNER TRIP ADVISOR */

.ta_banner {
  position: relative;
}
.ta_banner__logo {
  background-image: url(/a/img/tripadvisor_black.svg);
  background-size: 20%;
  background-repeat: no-repeat;
  background-position: left center;
  width: 100%;
  height: 15vw;
  opacity: 0.3;
}

.ta_banner--quote {
  margin-top: 0;
}

@media (min-width: 40em) {
  .ta_banner__logo {
    background-size: 90%;
    background-position: center top;
    max-height: 8vw;
  }
}

/* CITY CHOICE */

.citychoose a {
  border-bottom: none;
  font-size: 1.5rem;
  line-height: 1.8;
  text-transform: uppercase;
  font-family: 'VAGRoundedStd-Bold', 'Lucida Grande', Helvetica, Arial, sans-serif;
}
.citychoose a:hover {
  background: none;
  color: white;
  border-bottom: 4px solid white;
  cursor: pointer;
}
.belgiumMap {
  background-image: url(/a/img/belgium_map.svg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  max-width: 450px;
  height: 320px;
  position: relative;
  display: inline-block;
  position: relative;
  margin: 0 auto;
}
.belgiumMap span {
  width: 10px;
  height: 10px;
  border: 3px solid rgb(0,176,230);
  border-radius: 50%;
  position: absolute;
}
/*
.belgiumMap span:nth-child(1) {
top: 100px;	left: 210px;
}
*/
.belgiumMap span:nth-child(1) {
  top: 33%;	left: 46%;
}
.belgiumMap span:nth-child(2) {
  top: 41%;	left: 77%;
}
.belgiumMap span:nth-child(3) {
  top: 49%;	left: 59%;
}
.belgiumMap span:nth-child(4) {
  top: 40%;	left: 51%;
}
.belgiumMap span:nth-child(5) {
  top: 50%;	left: 34%;
}
.belgiumMap span:nth-child(6) {
  top: 46%;	left: 55%;
}
.belgiumMap span a {
  width: 100%;
  height: 100%;
  display: block;
}
.belgiumMap span a {border: none;}
.belgiumMap span a:hover {position: relative;}
.belgiumMap span a[title]:hover:after {
  content: attr(title);
  padding: 6px 4px 4px 4px;
  position: absolute;
  left: 0;
  top: -32px;
  z-index: 9;
  border-radius: 5px;
  background: rgb(0,176,230);
  color: white;
  font-size: 1.1rem;
  line-height: 1;
  text-transform: uppercase;
  font-family: 'VAGRoundedStd-Bold', 'Lucida Grande', Helvetica, Arial, sans-serif;
}

/*Navigation*/

.nav__title {
  border-bottom: 8px solid black;
  color: inherit;
}
.nav__title:after {
  font-family: 'icomoon' !important;
  content: "\e919";
  font-weight: 700;
  padding-left: .5rem;
  font-size: .75em;
}
.nav__label {
  display: inline-block;
  padding: 0.15rem 0.5rem;
  color: inherit;
  margin-bottom: 0.28rem;
  cursor: pointer;
  border-bottom: none;
}

/* INFO SQUARE & FLEX */

.info__container, 
.flex__container {
  display: flex;
  flex-flow: row wrap;
  flex-wrap: wrap;
}
.info__item, 
.flex__item {
  flex-direction: row;
}
.info__item {margin-right: -1px} /* Safari bug */
.info__item__number {
  font-family: "VAGRoundedStd-Bold", "Helvetica", "Arial", sans-serif;
  font-size: calc(1px + 2vw);
  line-height: calc(5px + 2vw);
}
.info__item .credits {
  width: 52px;
  height: 52px;
  display: table-cell;
  vertical-align: middle;
}
.info__item .credits img {
  max-width: 100%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.leafletDwnld__number {
  font-family: "VAGRoundedStd-Bold", "Helvetica", "Arial", sans-serif;
  padding: 1.6rem 0 .5rem 0;
}
.subSection__more {
  border:none;
  display: block;
  font-family: "VAGRoundedStd-Bold", "Helvetica", "Arial", sans-serif;
  border-top: #bcefff 4px dotted;
  text-align: center;
  position: relative;
}
.subSection__more span {
  font-weight: bold;
  background: #bcefff;
  padding: .7rem;
  border-radius: 50%;
  position: absolute;
  top: -22px;
  left: calc(50% - 20px);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.back-to-top {
  position: fixed;
  bottom: 0;
  right: 0;
  display: none;
  color: white;
  margin: 1.5rem;
  z-index: 99999;
  border-radius: 50%;
  padding: 1rem;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.back-to-top:hover {
  cursor: pointer;
  opacity: .85;
}

/* Fancybox */
.fancybox-slide--iframe .fancybox-content {
  width  : 767px;
  height : 80%;
  max-width  : 80%;
  max-height : 80%;
  margin: 0;
}  


/* ARTICLE */

/* main image */

.article__mainimg img {
  display: block;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  position: relative;
}
.article__mainimg {
  margin-bottom: 1.65em; 
  position: relative;
}
.article__mainimg figcaption {
  background-color: white;
  font-size: 1rem;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  max-width: 80%;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.article__mainimg figcaption::first-letter {
  text-transform: capitalize;
}
@media (min-width: 40em) {
  .article__mainimg {
    margin-bottom: 3rem;
  }
  .article__mainimg img {
    width: 100%;
    height: auto;
    /*    border: 4px solid #111;*/
  }
}

/* image in flux */


/* Ce qui sort vraiment dans Prismic au 1/09/2017 */
.article__body .block-img {
  max-width: 100%;
  border: 4px solid rgb(0,176,230);
}


/*------*/
.article__body figure img {
  display: block;
  box-sizing: border-box;
  width: 100%;
}
.article__body figure {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 2em 0;
  background-color: white; 
}
.article__body figcaption {
  position: absolute;
  bottom: 0;
  padding: 0.55em 1em ;
  background-color: white;
  font-size: 1rem;
  box-sizing: border-box;
  max-width: 80%;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.article__body h2 {
  margin-top: 2rem;
  margin-bottom: 0.55em;
  font-size: 2.6rem
}

@media (min-width: 40em) {
  .article__body figure {
    display: block;
    float: left;
    margin-right: 2rem;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 2rem;
  }
}
@media (min-width: 52em) {
  .article__body figure {
    margin-left: -6em;
    width: auto;
  }
}

/* video slice */

.video {
  position: relative;
  padding-bottom: 54.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  box-sizing: border-box;
  width: 100%;
  margin: 2em 0;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.is-section .video {
  border: 4px solid #111;
}

/* special remark box */

.article__body--beware, .minifaq {
  color: #fff;
  box-shadow: 12px 12px 0px #bcefff;
}

/* Rich Link */

a.richlink {
  display: block;
  overflow: hidden;
  color: #111;
  border-bottom: none;
}
a.richlink:hover {
  background-color: transparent;
  color: rgb(0,176,230);
  cursor: pointer;
}
.richlink__body h4 {
  font-family: 'VAGRoundedStd-Bold', 'Lucida Grande', Helvetica, Arial, sans-serif;
  font-size: 1.25em;
  font-size: 1.25rem;
  margin-top: 0;
}
.richlink__body p {
  font-size: 1rem;
}
.richlink__vignet img {
  display: block;
  opacity: 0.8;
  width: 100%;
}
.richlink__vignet {
  border: 4px solid #111;
}
.richlink:hover .richlink__vignet {
  border-color: rgb(0,176,230);
}
.richlink:hover .richlink__vignet img {
  opacity: 1;
}

/*FAQS*/

.faq--container {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
.faq--topic {
  padding: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: 4px solid lightgray;
  margin-top: -4px;
  position: relative;
}
.faq--open {
  cursor: pointer;
  display: block;
  padding: 0px;
}
.faq--open:hover {
  opacity: 0.7;
}
.faq--expanded {
  transition: all .3s ease-in-out;
}
.faq--question {
  padding-top: 20px;
  padding-right: 40px;
  padding-bottom: 20px;
  font-size: 1.5rem;
  font-family: 'VAGRoundedStd-Bold', 'Lucida Grande', Helvetica, Arial, sans-serif;
}
.faq--answer {
  font-size: 1rem;
  display: none;
  margin-bottom: 30px;
}
.faq--faq-t {
  display: inline-block;
  float: right;
  position: absolute;
  top: 20px;
  right: 15px;
  width: 40px;
  height: 40px;
  transition: all .3s ease-in-out;
  background-image: url(/a/img/select.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.faq--faq-o {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
@media only screen and (max-width: 480px) {
  .faq--faq-t {
    right: 0px;
  }
  .faq--question {
    padding-right: 0px;
  }
  .faq--answer {
    margin-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

/*GALLERY*/

.gallery--container {
  width: 465px;
  position: relative;
  height: 280px;
  overflow: hidden;
  padding: 4px;
  margin-bottom: 3.5rem;
  transition: height 500ms ease;
}
@media (max-width: 767px) {
  .gallery--container {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 52em) {
  .gallery--container {
    width: 90%;
  }
}
.gallery--container-o {
  height: auto;
  overflow: visible;
}
.gallery--container-o .gallery--toggle{
  bottom: -65px;
}
.gallery--item--container {
  width: 110px;
  height: 110px;
  background-size: cover;
  background-position: center center;
  border: 4px solid lightgray;
  float: left;
  margin-top: -4px;
  margin-left: -4px;
  position: relative
}
.gallery--item--container:hover::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 176, 230, 0.4);
}
.gallery--toggle {
  width: 100%;
  background: red;
  position: absolute;
  bottom: 0;
  z-index: 9;
  margin-left: -7px;
  font-family: 'VAGRoundedStd-Light', 'Lucida Grande', Helvetica, Arial, sans-serif;
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 85%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 85%); 
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 85%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); 
  cursor: pointer;
}
.gallery--toggle span {
  color: black;
  font-size: 2rem;
  display: grid;
}
.gallery--container .gallery--toggle span:nth-child(2){display: none}
.gallery--container.gallery--container-o .gallery--toggle span:nth-child(1){display: none}
.gallery--container.gallery--container-o .gallery--toggle span:nth-child(2){display: inline-block}

/*embed*/

[data-oembed] {
  overflow: hidden;
}

[data-oembed] a {
  color: inherit; 
  text-decoration: none; 
  border: none
}
[data-oembed] a:hover {
  color: rgb(0,176,230);
  background: none
}
[data-oembed] p {
  font-size: 1rem;
}
[data-oembed] img {
  margin-bottom: 1em;
  max-height: 320px; 
  max-width: 238px;
  float: left;
  margin-right: 1rem;
}

@media (min-width: 40em) {
}

[data-oembed] p:after {
  font-family: 'simple-line-icons';
  content: "\e051";
  padding-left: .4em
}

/*share*/

.article__share {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
}
.article__share ul {padding-left: 0}
.article__share ul li {
  display: inline-block; 
  padding-bottom: .5rem;
  text-align: center;
}
.article__share ul li a {
  display: inline-block; 
  padding: 0; 
  border: none; 
  color: inherit; 
  font-size: .7rem; 
  text-transform: uppercase;
}
.article__share ul li a i {    
  font-size: 2rem; 
  padding: .33rem;
}
.article__share ul li a:hover i{
  color: rgb(0,176,230)
}
.article__share ul li a:hover {
  background: none;
}
@media (min-width: 52em) {
  .sticky {
    position: relative;
  }
  .article__share ul li {
    display: block; 
  } 
}
@media (min-width: 40em){
}

/* list */

.article__body ul {
  display: block;
}
.article__body ul li {
  display: content;
}

/* Newsletter widget */

.newsletterTitle{margin-top: .55rem;}
.newsletterTitle:before {display: none !important}
/* 
Breadcrumb is a delicate thing here 
The breadcrumb of the mobile version is a completely different snippet 
*/

/* breadcrumb mobile styles start here */

.breadcrumbmobile__content {
  list-style-type: none;
  padding-left: 0;
  font-family: "VAGRoundedStd-Bold", "Helvetica", "Arial", sans-serif;
  font-size: 1em;
  margin-bottom: 0;
}
.breadcrumbmobile__segment {
  display: inline;
  margin: 0 0;
  padding-top: 4px;
}
.breadcrumbmobile__separ:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: rgb(0,176,230);
  margin-left: 0.75em;
}
.breadcrumbmobile__segment:last-of-type .breadcrumbmobile__separ:after {
  display: none;
}
.breadcrumb__container {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
}
.breadcrumbmobile .breadcrumbmobile__segment:after {
  content: "‣";
  padding: 0 .1rem 0 .25rem;
}
.breadcrumbmobile .breadcrumbmobile__segment a:hover {background: none; padding: }
.breadcrumbmobile .breadcrumbmobile__segment:last-child::after {
  content: none;
}
.breadcrumbmobile__current,
.breadcrumbmobile__link {
  display: inline;
  line-height: 1;
  padding-top: 4px;
  border: none;
}
.breadcrumbmobile__link:hover {
  line-height: 1;
  padding-top: 4px;
  padding-left: 0.25em;
  padding-right: 0.25em;
  margin-right: -0.25em;
  margin-left: -0.25em;
}
.breadcrumbmobile__link--home {
  text-indent: -2000em;
  background-image: url(/a/img/home_icon_blue.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% 100%;
  background-attachment: scroll;
  width: 2em;
  height: 1.5em;
  border-bottom: none;
  margin-right: 1em;
}
.breadcrumb__link._home i, .breadcrumbmobile__link i {font-weight: 700 !important}

/* breadcrumb color variations */

.section--green .breadcrumbmobile__separ:after {
  border-left-color: rgb(0,176,230);
}
.section--magenta .breadcrumbmobile__separ:after {
  border-left-color: rgb(226,0,122);
}
.section--orange .breadcrumbmobile__separ:after {
  border-left-color: rgb(235,106,49);
}
.section--red .breadcrumbmobile__separ:after {
  border-left-color: rgb(226,0,26);
}
.section--violet .breadcrumbmobile__separ:after {
  border-left-color: rgb(95,64,119);
}
.section--yellow .breadcrumbmobile__separ:after {
  border-left-color: rgb(250,187,0);
}

/* breadcrumb ipad to desktop styles start here */
.breadcrumb__link._home {
  padding-top: 0;
  padding-bottom: 0;
  
}
.breadcrumb__link._home i {
  display: inline-block;
}
@media (min-width: 40em) {
  .breadcrumb__link._home {
    font-size: 20px;
    line-height: 52px;
  }
  .breadcrumb__content {
    list-style-type: none;
    font-family: "VAGRoundedStd-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 1em;
    overflow: hidden;
    clear: both;
    padding-left: 0;
  }
  .breadcrumb {
    position: relative;
  }
  .breadcrumb:before {
    content: '';
    display: block;
    box-sizing: border-box;
    border-width: 8px;
    border-style: solid;
    border-color: rgb(0,176,230); 
    border-left: none;
    border-right: none;
    height: 84px; /* 5.22rem */
    width: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: -1;
    background-color: #fff;
  }
  .breadcrumb__segment {
    display: block;
    float: left;
    border-width: 8px;
    border-style: solid;
    border-color: rgb(0,176,230); 
    border-left: none;
    border-right: none;
    position: relative;
    background-color: #fff;
  }
  .breadcrumb__separ {
    display: block;
    position: absolute;
    height: 6.5rem;
    width: 8px;
    background-color: rgb(0,176,230);
    top: -8px;
    left: 8px;
    transform: rotate(15deg);
  }
  .breadcrumb__segment:last-of-type {
    border-right: 8px solid rgb(0,176,230);
    overflow: hidden;
  }
  .breadcrumb__segment:first-of-type .breadcrumb__separ {
    visibility: hidden;
  }
  .breadcrumb__current,
  .breadcrumb__link {
    padding: 0.75em 1em 0.75em 2.5em; 
    border-bottom: none;
    display: inline-block;
    text-align: center;
    line-height: 28px; /* 1.2 */
  }
  .breadcrumb__link,
  .breadcrumb__current {
    max-width: 8.25em;
    white-space: nowrap;
    line-height: 28px; /* 1.2 */
    word-wrap: break-word;
  }
  .breadcrumb__link:hover,
  .breadcrumb__link:hover span {
    background-color: #fff;
    color: black !important;
  }
  .breadcrumb__link--home {
    text-indent: -2000em;
    background-image: url(/a/img/home_icon_blue.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% 70%;
    background-attachment: scroll;
  }

  /* breadcrumb color variations GREEN */

  .section--green .breadcrumb:before,
  .section--green .breadcrumb__segment {
    border-color: rgb(151,191,13); 
  }
  .section--green .breadcrumb__separ {		
    background-color: rgb(151,191,13);
  }
  .section--green .breadcrumb__segment:last-of-type {
    border-right-color: rgb(151,191,13);
  }

  /* breadcrumb color variations MAGENTA */

  .section--magenta .breadcrumb:before,
  .section--magenta .breadcrumb__segment {
    border-color: rgb(226,0,122); 
  }
  .section--magenta .breadcrumb__separ {		
    background-color: rgb(226,0,122);
  }
  .section--magenta .breadcrumb__segment:last-of-type {
    border-right-color: rgb(226,0,122);
  }

  /* breadcrumb color variations ORANGE */

  .section--orange .breadcrumb:before,
  .section--orange .breadcrumb__segment {
    border-color: rgb(235,106,49); 
  }
  .section--orange .breadcrumb__separ {		
    background-color: rgb(235,106,49);
  }
  .section--orange .breadcrumb__segment:last-of-type {
    border-right-color: rgb(235,106,49);
  }

  /* breadcrumb color variations RED */

  .section--red .breadcrumb:before,
  .section--red .breadcrumb__segment {
    border-color: rgb(226,0,26); 
  }
  .section--red .breadcrumb__separ {		
    background-color: rgb(226,0,26);
  }
  .section--red .breadcrumb__segment:last-of-type {
    border-right-color: rgb(226,0,26);
  }

  /* breadcrumb color variations VIOLET */

  .section--violet .breadcrumb:before,
  .section--violet .breadcrumb__segment {
    border-color: rgb(95,64,119); 
  }
  .section--violet .breadcrumb__separ {		
    background-color: rgb(95,64,119);
  }
  .section--violet .breadcrumb__segment:last-of-type {
    border-right-color: rgb(95,64,119);
  }

  /* breadcrumb color variations YELLOW */

  .section--yellow .breadcrumb:before,
  .section--yellow .breadcrumb__segment {
    border-color: rgb(250,187,0); 
  }
  .section--yellow .breadcrumb__separ {		
    background-color: rgb(250,187,0);
  }
  .section--yellow .breadcrumb__segment:last-of-type {
    border-right-color: rgb(250,187,0);
  }

}

@media (min-width: 52em) {
  .breadcrumb__link._home {
    font-size: 32px;
    line-height: 62px;
    padding-top: 6px
  }
  .breadcrumb__content {
    font-size: 1.5em;
    overflow: hidden;
  }
  .breadcrumb__current,
  .breadcrumb__link {
    padding: 1.25rem 1.6rem 1.25rem 3rem; 
  }
  .breadcrumb__link--home {
    text-indent: -2000em;
    background-image: url(/a/img/home_icon_blue.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    background-attachment: scroll;
  }
}
@media (min-width: 60em) {
  .breadcrumb__link,
  .breadcrumb__current {
    max-width: 9.55em;
  }
}
.breadcrumb__link .bc__brol,
.breadcrumb__current .bc__brol {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .breadcrumb__link .bc__brol, .breadcrumb__current .bc__brol {display: inline !important}
}

@supports (-ms-ime-align:auto) {
  .breadcrumb__link .bc__brol, .breadcrumb__current .bc__brol {display: flex !important}
}
@media (min-width: 40em){
  body,
  .section--blue,
  .section-- {
    background-image: url(/a/img/deco_blue.jpg);
    background-repeat: no-repeat;
    background-position: -417px 0;
  }
  .section--yellow {
    background-image: url(/a/img/deco_yellow.jpg);
    background-repeat: no-repeat;
    background-position: -1120px 0;
  }
  .section--orange {
    background-image: url(/a/img/deco_orange.jpg);
    background-repeat: no-repeat;
    background-position: -1080px 0;
  }
  .section--green {
    background-image: url(/a/img/deco_green.jpg);
    background-repeat: no-repeat;
    background-position: -699px 0;
  }
  .section--red {
    background-image: url(/a/img/deco_red.jpg);
    background-repeat: no-repeat;
    background-position: -417px 0;
  }
  .section--magenta {
    background-image: url(/a/img/deco_magenta.jpg);
    background-repeat: no-repeat;
    background-position: -452px 0;
  }
  .section--violet {
    background-image: url(/a/img/deco_violet.jpg);
    background-repeat: no-repeat;
    background-position: -602px 0;
  }
}
@media (min-width: 80em){
  body,
  .section--blue,
  .section-- {
    background-position: center top;
  }
  .section--yellow {
    background-position: center top;
  }
  .section--orange {
    background-position: center top;
  }
  .section--green {
    background-position: center top;
  }
  .section--red{
    background-position: center top;
  }
  .section--magenta {
    background-position: center top;
  }
  .section--violet {
    background-position: center top;
  }
}
.topheader {
  list-style-type: none;
}
.topheader a {
  border-bottom: none; 
}
.topheader .globalsearch__input[type="text"] {
  margin-top: -0.2em;
  font-size: 1em;
  font-size: 1rem;
  border: none;
  background: transparent;
  color: rgb(0,176,230);
  position: relative;
  width: calc(100% - 35px);
}
.topheader .globalsearch__input[type="text"]::placeholder {
  color: rgba(57,59,69,1)
}
.topheader .globalsearch__input[type="text"]:focus::placeholder {
  opacity: 0
}
.topheader .globalsearch__input[type="text"]:focus {
  background-color: rgba(0, 176, 230, 0.1);
}
.globalsearch__submit {
  background-image: url(/a/img/loupe_blue.svg);
  background-size: 80% contain;
  background-position: top center;
  background-repeat: no-repeat;
  border: none;
  overflow: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 24px;
  height: 24px;
  text-indent: -2000em;
  background-color: transparent;
  cursor: pointer; 
}
.global__submit--white {
  background-image: url(/a/img/go_white.svg);
  background-position: center center;
  background-repeat: no-repeat;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 28px;
  height: 28px;
  text-indent: -2000em;
  background-color: transparent;
  cursor: pointer;
  opacity: .85;
  top: 0;
  right: 0;
}
.globalsearch {
  position: relative;
  font-family: 'VAGRoundedStd-Bold', 'Lucida Grande', Helvetica, sans-serif;
  font-size: 1rem;
}
.is-search .globalsearch__submit {
  position: absolute;
  top: 0;
  right: 0;
}
.is-search .globalsearch__submit {
  top: 0.85rem;
  right: 2rem;
}
#blinking-cursor {
  position: absolute;
  left: 35px;
  font-size: .9rem;
  line-height: 2;
  font-family: "VAGRoundedStd-Light", "Helvetica", "Arial", sans-serif;
  color: rgb(0,176,230);
  -webkit-animation: 1s blink step-end infinite;
  -moz-animation: 1s blink step-end infinite;
  -ms-animation: 1s blink step-end infinite;
  -o-animation: 1s blink step-end infinite;
  animation: 1s blink step-end infinite;
}
input:focus + #blinking-cursor {
  display: none !important;
}
@keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: rgb(0,176,230);
  }
}
@-moz-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: rgb(0,176,230);
  }
}
@-webkit-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: rgb(0,176,230);
  }
}
@-ms-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: rgb(0,176,230);
  }
}
@-o-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: rgb(0,176,230);
  }
}
.is-search .globalsearch__input[type="text"] {
  background: white
}
.midheader {
  margin-top: 1em;
  margin-bottom: 1em; 
}
.midheader__logo .logo {
  height: 2.5rem;
  width: 10rem;
  display: inline-block;
}
.midheader__logo .logo:hover {
  background-color: transparent;
  border-color: transparent;
}
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
  .topheader .globalsearch {margin-top: -2px}
}
.topheader li {
  display: inline;
  font-family: "VAGRoundedStd-Light", "Helvetica", "Arial", sans-serif;
}
.topheader li a, .topheader li span {
  padding: 0.2em 0.2em 0.05em 0.2em;
}
.is-section .topheader li a {
  text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.7);
} 
.topheader li:after {
  content: "";
  border-right: 1px solid black;
  padding-top: .15rem;
  margin: 0 .3rem;
}
.topheader .topheader__secondarnav li:after {
  border-color: rgba(255, 255, 255, 0.4);
}
.is-homepage .topheader .topheader__secondarnav li a {
  color: white
}
.topheader li:last-child::after {
  content: none;
}

@media (min-width: 40em) {
  .topheader__globalsearch form {
    float: right;
  }
  .topheader__switchlang {
    text-align: right;
    padding-left: 0;
  }
  .midheader {
    margin-bottom: 1em;
  }
  .is-page .midheader,
  .is-tour .midheader,
  .is-implantation .midheader {
    margin-bottom: 3em;
  }
  .is-homepage .midheader {
    margin-bottom: 8em;
  }
  .midheader__logo .logo,
  .is-homepage .midheader__logo .logo {
    background-image: url(/a/img/logo_white.svg);
  }
  .topheader__secondarnav a,
  .is-homepage .topheader__secondarnav a {
    color: #fff;
  }
  /*
  .is-homepage:before {
    content:'';
    display: block;
    width: 100%;
    height: 370px;
    position: absolute;
    top: -13rem;
    right: 51%;
    background-image: linear-gradient(-60deg, rgb(0,176,230) 0%, rgb(0, 162, 212) 60%);
    z-index: -1;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  */
}
@media (min-width: 52em) {
  .topheader li:after {
    margin: 0 .5rem
  }
}
@media (min-width: 93.4444em) {
  /*
  .is-homepage:before {
    top: -15rem;
  }
  */
}

/* HAMBURGER MENU */

.hamburgermenu {
  z-index: 31;
  position: relative;
  width: 40px;
  height: 40px;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
}
.hamburgermenu span {
  position: absolute;
  left: -50px;
  top: 17px;
  letter-spacing: .12rem;
  font-family: "VAGRoundedStd-Bold", "Helvetica", "Arial", sans-serif;
}
.hamburgermenu__icon {
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  position: absolute;
  height: 4px;
  width: 30px;
  top: 25px;
  background-color: rgb(0,176,230);
  border-radius: 4px;
}
.hamburgermenu__icon:before {
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  position: absolute;
  width: 30px;
  height: 4px;
  background-color: rgb(0,176,230);
  content: "";
  top: -10px;
  border-radius: 4px;
}
.hamburgermenu__icon:after {
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  position: absolute;
  width: 30px;
  height: 4px;
  background-color: rgb(0,176,230);
  content: "";
  top: 10px;
  border-radius: 4px;
}
.hamburgermenu.open span {display: none}
.hamburgermenu.open .hamburgermenu__icon {
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  background: transparent;
}
.hamburgermenu.open .hamburgermenu__icon:before {
  -webkit-transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
  transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
  background-color: black;
}
.hamburgermenu.open .hamburgermenu__icon:after {
  -webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
  transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
  background-color: black;
}
.hamburgermenu:hover {
  cursor: pointer;
}

/* OVERLAY */

.overlay, 
.intranetOverlay {
  position: fixed;
  background: rgba(255, 255, 255, 0.96);
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: scroll;
}
.overlay.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
  z-index: 30;
}
.intranetOverlay.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
  z-index: 32;
}
.overlay.open .hello {
  animation: fadeInBottom .25s ease forwards;
  animation-delay: .35s;
}
.overlay nav,
.intranetOverlay nav {
  position: relative;
  height: 70%;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 400;
}
@media (max-width: 767px) {
  .overlay nav {
    padding-right: 2.25em;
    top: 40%;
  }
  .overlay div span:after {
    content: ",";
  }
  .overlay div span:last-child::after {
    content: none;
  }   
}
.overlay .hello  {
  display: inline-block;
  position: relative;
  opacity: 0;
}
@keyframes fadeInBottom {
  0% {
    opacity: 0;
    bottom: 20%;
  }
  100% {
    opacity: 1;
    bottom: 0;
  }
}

/* MENU INTRANET */

.topheader__menuintranet {
  position: relative;
  z-index: 33;
}


	/* NEWSLETTER WIDGET */

.newsletterwdgt--huge {
	position: relative;
	z-index: 3;
}

.newsletterwdgt--huge:before {
	content: '';
	display: block;
	background-image: linear-gradient(-60deg, rgb(0,176,230)0%, #63d3ff 100%);
	position: absolute;
	width: 770px;
	height:380px;
	top: 5px;
	right: 0;
	z-index: -2;
  	transform: skewY(174deg);
}
.newsletterwdgt__t--huge {
	font-family: "VAGRoundedStd-Bold", "Helvetica", "Arial", sans-serif;
	font-size: 2em;
	font-size: 2rem;
	line-height: 1em;
	letter-spacing: 0.2rem;
}


input.newsletterwdgt__i {
	border: none;
	border-bottom: 2px solid rgba(255,255,255,0.4);
	width: 100%;
	padding: 0.5em 2.1em 0.5em 0; 
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	line-height: 1.125rem;
	margin: 0;
	margin-bottom:1rem;
	height: auto;
	vertical-align: middle;
	-webkit-appearance: none;
	color: inherit;
	background-color: transparent;
}
.newsletterwdgt__i::placeholder {
	font-size: 1.5em;
	font-size: 1.5rem;
	color: rgba(255,255,255,0.5);
}
.newsletterwdgt__fb {
  z-index: 10;
	position: relative;  
	padding-top: 3rem;
	text-align: center;
}
.newsletterwdgt__fblink {
	font-size: 4.4rem;

	border: none;
	text-align: center;
}
.newsletterwdgt__fblink:hover {
	background: none;
	opacity: .8;
}
.newsletterwdgt--huge:after {
  content: '';
  display: block;
	background-image: linear-gradient(-60deg, rgb(0, 166, 230) 0%, rgb(33,145,206) 100%);
  position: absolute;
  width: 770px;
  height: 150px;
  top: 68%;
  right: 0;
  z-index: -1;
  transform: skewY(4deg);
}

@media (min-width: 40em) {
	.newsletterwdgt--huge:before {
		height: 303px;
		top: 0;
		right: 38%;
	}
	.newsletterwdgt__fb {
		padding-top: 0;
	}
	.newsletterwdgt--huge:after {
		width: 348px;
    height: 303px;
    top: 0;
    right:0;
    z-index: -3;
    transform: skewY(174deg);
	}
}
@media (min-width: 52em) {
	.newsletterwdgt__t--huge {
		font-size: 2.5em;
		font-size: 2.5rem;
		box-sizing: border-box;
	}
	.newsletterwdgt--huge:before {
		right: 30%;
	}
	.newsletterwdgt__fb {
		padding-top: 0;
	}
	.newsletterwdgt--huge:after {
    right: 4%;
	}
	.newsletterwidget__slide,
	.newsletterwidget__slide .slide {
		min-height: 250px;
		width: 100%;
	}
}
@media (min-width: 64em) {

	.newsletterwdgt--huge {
		margin: 10rem 0 2rem 0;
	}
	.newsletterwdgt__t--huge {
		font-size: 3.25em;
		font-size: 3.25rem;
		box-sizing: border-box;
	}
	.newsletterwdgt__fb,
	.newsletterwdgt__b p {
		font-size: 1.2em;
		font-size: 1.2rem;
	}
	.newsletterwdgt--huge:before {
		width: 2000px;
		top: 20px;
    	height: 390px;
	}
	.newsletterwdgt--huge:after {
    right: 4%;
    height: 373px;
    top: -40px;
	}
	.newsletterwdgt__fb {
		padding-top: 0;
	}
}
@media (min-width: 80em){
	.newsletterwdgt--huge:before {
		width: 2000px;
		top: 0;
	}
	.newsletterwdgt--huge:after {
		right: 10%;
		top: -65px;
	}
}
@media (min-width: 83em){
	.newsletterwdgt--huge:before {
		right: 32%;
	}

}
@media (min-width: 90em){
	.newsletterwdgt--huge:before {
		right: 32%;
	}
	.newsletterwdgt--huge:after {
		width: 397px; 
		text-align: center;
	}
	.newsletterwdgt__fb {
		padding-left: 6rem;
	}
}
@media (min-width: 98em){
	.newsletterwdgt--huge:before {
		right: 33%;
	}
	.newsletterwdgt--huge:after {
		right: 13%
	}
}
@media (min-width: 110em){
	.newsletterwdgt--huge:before {
		right: 37%;
	}
	.newsletterwdgt--huge:after {
		right: 20%
	}
}
.newsletterwidget__slide,
.newsletterwidget__slide .slide {
	min-height: 300px;
	width: 100%;
}
@media (min-width: 40em) {
  .newsletterwidget__slide,
  .newsletterwidget__slide .slide {
    min-height: 360px;
  }
}
.newsletterwidget__slide {
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	border-radius: 5px;
}
.newsletterwidget__slide .slide {
	position: absolute;
	transform: translateX(0);
	transition: transform 900ms;
	display: block;
	opacity: 0;
	transition: opacity 1200ms;
	justify-content: top;
	align-items: right;
}    
.newsletterwidget__slide .slide i {
	font-size: 14px;
}
.newsletterwidget__slide .slide-01 {
	z-index: 3;
}
.newsletterwidget__slide label {
	color: white;
	width: 50%;
	float: left;
	box-sizing: border-box;
}
.newsletterwidget__slide .slide-02 {
	z-index: 2;
}
.newsletterwidget__slide .slide-03 {
	z-index: 1;
}
.newsletterwidget__slide .slide.is-active {
	display: block;
	z-index: 9;
	opacity: 1;
	transition: opacity 0ms;
	animation: slide 600ms forwards;
	transform: translateX(0);
}
@keyframes slide {
	0% {
	  transform: translateX(600px);
	}
	
	100% {
	  transform: translateX(0);
	}
}

/* Tooltip */

.tooltip__wrapper{
	position: relative;
	text-align: center;
	padding: 0 5px;
	margin: 0 auto;
	cursor: pointer;
	-webkit-transform: translateZ(0);
	-webkit-font-smoothing: antialiased;
}

.tooltip__wrapper:hover .tooltip {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(15px);
	-moz-transform: translateY(15px);
	-ms-transform: translateY(15px);
	-o-transform: translateY(15px);
	transform: translateY(15px);
}
.tooltip__wrapper .tooltip {
	background: white;
	position: absolute;
	display: block;
	bottom: 100%;
	left: -3%;
	opacity: 0;
	border-radius: 5px;
	margin-bottom: 15px;
  	padding: 1rem .55rem 1.25rem .55rem;
	width: 100%;
	min-width: 50px;
	max-width: auto;
	pointer-events: none;
	-webkit-transform: translateY(25px);
	-moz-transform: translateY(25px);
	-ms-transform: translateY(25px);
	-o-transform: translateY(25px);
	transform: translateY(25px);
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
	-ms-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
	-o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
}

.tooltip__wrapper__implant .tooltip { 
	width: 80%;
}

@media (min-width: 40em) {
	.tooltip__wrapper__implant:hover .tooltip {
		width: 50%;
		transform: translateX(-30%);
	}
}



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



.tooltip__wrapper .tooltip:after {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid white;
	bottom: -8px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -13px;
	position: absolute;
	width: 0;
}
.tooltip__wrapper .tooltip a {
  font-family: "VAGRoundedStd-Bold", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
	border:none;
	padding: 2px 10px;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	display: block;
}
.tooltip__wrapper .tooltip-small {
	width: auto;
	left: 5%;
}
.tooltip__wrapper .tooltip-med {
	width: 100%;
	left: 0;
}
.tooltip__wrapper .tooltip-lg {
	width: 360%;
	left: -115%;
}

/* IE can just show/hide with no transition */
.lte8 .tooltip__wrapper .tooltip {
	display: none;
}
.lte8 .tooltip__wrapper:hover .tooltip {
	display: block;
}

@media (min-width: 40em) {
	.newsletterwidget__page {
    padding-right: 38%
  }
}

.newsletterwidget__implant input.newsletterwdgt__i::placeholder, 
.newsletterwidget__page input.newsletterwdgt__i::placeholder {
  color:rgba(0, 176, 230, 0.4) ;
}
.newsletterwidget__implant input.newsletterwdgt__i,
.newsletterwidget__page input.newsletterwdgt__i {
  border-bottom: 2px solid rgba(0, 176, 230, 0.2);
}
.newsletterwidget__implant .newsletterwidget__slide label,
.newsletterwidget__page .newsletterwidget__slide label {
  color: inherit
}
.newsletterwidget__implant .txt-white,
.newsletterwidget__page .txt-white {color: black !important}
.newsletterwidget__implant .nwlt_hide,
.newsletterwidget__page .nwlt_hide {display: none}
.newsletterwidget__implant .slide h3::before {display: none}
.newsletterwidget__page .slide h3::before {display: none}
.newsletterwidget__implant .smallbtn-white,
.newsletterwidget__page .smallbtn-white{
	border-color: rgb(0,176,230);
	color: rgb(0,176,230);
	background-color: white;
}

.newsletterwidget__implant .newsletterwidget__slide, 
.newsletterwidget__page .newsletterwidget__slide .slide,
.newsletterwidget__implant .newsletterwidget__slide, 
.newsletterwidget__page .newsletterwidget__slide .slide {
  min-height: 250px;
}
/* FACETS */

.ais-refinement-list--item {
	display: inline-block;
	margin-right: 0.5em;
}
.ais-refinement-list--label { 
	display: inline-block;
	background-color: rgba(0, 176, 230,0.2); 
	padding: 0.15rem 0.5rem;
	margin-bottom: 0.25rem;
	cursor: pointer;
}
.ais-refinement-list--label::first-letter {text-transform: capitalize}
.ais-refinement-list--item__active .ais-refinement-list--label {
	background-color: rgb(0,176,230);
	color:  #fff;
}
.ais-refinement-list--checkbox {
	display: none;
}
.ais-refinement-list--label {
	cursor: pointer;
}
.ais-refinement-list--count {
	color: rgb(0,176,230);
}
.ais-refinement-list--item__active .ais-refinement-list--count {
	color: rgba(255, 255, 255, 0.8) !important; 
}
.ais-refinement-list--count:before {
	content:'(';
}
.ais-refinement-list--count:after {
	content:')';
}
.facet__title {
	font-family: 'Roboto', sans-serif;
  font-weight: 400;
	font-weight: normal;
	font-size: 0.85rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 0.5em;
	margin-top: 0.25em;
}
.ais-hits__empty {
	display: block;
	float: left;
	width: 100%;
	color: rgb(0, 176, 230);
	font-size: 1.25em;
	text-align: center;
  font-family: 'VAGRoundedStd-Bold';
	background-image: radial-gradient(circle, rgba(0, 176, 230, 0.3) 1px, rgb(255, 255, 255) 1px);
  background-size: 26px 26px;
	padding: 1em;
	margin-bottom: 1rem;
	box-sizing: border-box;
}
.is-implantation .ais-hits__empty {display: none}

.ais-search-box button[type="reset"] { display: none !important; }

/* FACET COLOR VARIATIONS */

.section--green .ais-hits__empty,
.section--green .ais-refinement-list--label {
	background-color: rgb(234,242,207);
}
.section--green .ais-refinement-list--item__active .ais-refinement-list--label {
	background-color: rgb(151,191,13);
	color:  #fff;
}
.section--green .ais-refinement-list--count {
	color: rgb(151,191,13);
}
/*---*/
.section--magenta .ais-hits__empty,
.section--magenta .ais-refinement-list--label {
	background-color: rgba(226, 0, 122,0.2);
}
.section--magenta .ais-refinement-list--item__active .ais-refinement-list--label {
	background-color: rgb(226, 0, 122);
	color:  #fff;
}
.section--magenta .ais-refinement-list--count {
	color: rgb(226, 0, 122);
}
/*---*/
.section--orange .ais-hits__empty,
.section--orange .ais-refinement-list--label {
	background-color: rgba(235,106,49,0.2);
}
.section--orange .ais-refinement-list--item__active .ais-refinement-list--label {
	background-color: rgb(235,106,49);
	color:  #fff;
}
.section--orange .ais-refinement-list--count {
	color: rgb(235,106,49);
}
/*---*/
.section--red .ais-hits__empty,
.section--red .ais-refinement-list--label {
	background-color: rgba(226,0,26, 0.2);
}
.section--red .ais-refinement-list--item__active .ais-refinement-list--label {
	background-color: rgb(226,0,26);
	color:  #fff;
}
.section--red .ais-refinement-list--count {
	color: rgb(226,0,26);
}
/*---*/
.section--violet .ais-hits__empty,
.section--violet .ais-refinement-list--label {
	background-color: rgba(95,64,119, 0.2);
}
.section--violet .ais-refinement-list--item__active .ais-refinement-list--label {
	background-color: rgb(95,64,119);
	color:  #fff;
}
.section--violet .ais-refinement-list--count {
	color: rgb(95,64,119);
}
/*---*/
.section--yellow .ais-hits__empty,
.section--yellow .ais-refinement-list--label {
	background-color: rgba(95,64,119, 0.2);
}
.section--yellow .ais-refinement-list--item__active .ais-refinement-list--label {
	background-color: rgb(250,187,0);
	color:  #fff;
}
.section--yellow .ais-refinement-list--count {
	color: rgb(250,187,0);
}

@media (min-width: 40em){
	.ais-refinement-list--item {
		display: block;
		margin-right: 0;
	}
	.facet__title {
 		font-size: 1rem;
		text-indent: 0.5rem;
		margin-top: inherit;
 	}
 	.ais-refinement-list--list  {
		padding: 0 0 1rem ;
	}
}

/* TOUR LATERAL SEARCH BOX IN RESULT LIST PAGE */

.facet__searchbox input[type="text"] {
	padding: .5rem .5rem .5rem 0rem;
	font-size: 1.125em;
	font-size: 1.125rem;
	border: none;
	border-bottom: 4px solid rgb(151,191,13); 
	background-image: url(/a/img/loupe_black.svg);
	background-size: 24px;
	background-position: right center;
	background-repeat: no-repeat;
}

:focus {
  outline: none;
}

/*LIST*/

.searchResult .list__img {
  background-size: cover;
  background-position: center center;
  width:139px; 
  height:139px;
}
.searchResult .list__img.empty--blue {
  background-image: radial-gradient(circle, rgba(0, 176, 230, 0.4) 1px, rgb(255, 255, 255) 1px);
  background-size: 12px 12px;
}
.searchResult .list__img.empty--green {
  background-image: radial-gradient(circle, rgba(151,191,13, 0.4) 1px, rgb(255, 255, 255) 1px);
  background-size: 12px 12px;
}
.searchResult .metatitle span:after {
  content: ">";
  padding: 0 .4rem;
}
.searchResult .metatitle span:last-child::after {
  content: none;
}
.searchResult a:hover h3 {
  color:  rgb(0,176,230)
}
.searchResult p a,
.searchResult p a:hover{
  text-decoration: none;
  color: inherit;
  background-color: transparent !important;
  border-bottom: none;
}
.searchResult .listEvent__desc {
  height: 48px;
  display: -webkit-box;
  overflow : hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; 
}
.is-search form input.field{
  font-family: 'VAGRoundedStd-Light';
}
@media (max-width: 40em){
	.searchResult .list__img {
  	width:30px; 
  	height:30px;
	}
	.searchResult .listFormat__title, 
	.searchResult .listArticle__title, 
	.searchResult .listEvent__title,
	.searchResult .listTours__title {
		font-size: 1.125rem;
	}
}

select::-ms-expand {
  display: none;
}
form input.field, form select.field, form textarea.field {
  font-family: 'VAGRoundedStd-Bold';
  font-size: 1.125rem;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  line-height: 1.125rem;
  padding: .75rem .85rem;
  margin: 0;
  margin-bottom: .75rem;
  height: auto;
  border: 4px solid lightgray;
  border-radius: 0px;
  vertical-align: middle;
  -webkit-appearance: none;
  color: inherit;
  background-color: transparent;
}
form select.field {
  background-image: url(/a/img/select.svg);
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 2.5rem;
}
form select.field.local {
  background-image: url(/a/img/select-blue.svg);
  background-color: rgb(217,243,252);
  border: none;
  color: rgb(0,176,230);
  text-transform: uppercase;
  margin-top: -1.15rem;
}
form select.field.lang, form select.field.lang:focus {
border: none;
}

form select.field.local:focus {border:none;}
form label {font-size: 1.125rem;font-family: 'VAGRoundedStd-Bold'; color: grey}
input.field:focus, form select.field:focus, form textarea.field:focus {border: 4px solid rgb(0,176,230); box-shadow: none;}
textarea {resize: vertical;}
input[type="checkbox"] {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  box-sizing: border-box;
  position: relative;
  box-sizing: content-box;
  width: 20px;
  height: 20px;
  border-width: 0;
  transition: all .2s linear;
  margin-bottom: 0;
  margin-right: .35rem;
  border: 4px solid lightgray;
  top: 5px;
}
input[type="checkbox"]:checked {
  background: rgb(0,176,230) url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjUgMTkuNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjUgMTkuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05LjUsMTguOGMtMC40LDAtMC44LTAuMi0xLTAuNEwxLDEwLjljLTAuNi0wLjYtMC42LTEuNSwwLTIuMXMxLjUtMC42LDIuMSwwbDYuNSw2LjVMMjIsMi43CgkJYzAuNi0wLjYsMS41LTAuNiwyLjEsMHMwLjYsMS41LDAsMi4xTDEwLjUsMTguM0MxMC4zLDE4LjYsMTAsMTguOCw5LjUsMTguOHoiLz4KPC9nPgo8L3N2Zz4K') no-repeat;
  background-size: 80%;
  background-position: center center
}
input[type="checkbox"]:focus {
  outline: 0 none;
  box-shadow: none
}
input.field.error,
.newsletterwidget input.error {
  border-color: #EB4544;
}
label span.error, span.error  {color: #EB4544; display: block; font-family: 'VAGRoundedStd-Bold'; font-size: .85rem}
input[type="file"]::-webkit-file-upload-button {
  border: none;
  background: rgb(0,176,230);
  color: white;
  padding-top: .25rem;
  border-radius: 4px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  input[type="file"]::-ms-browse {
    border: none;
    background: rgb(0,176,230);
    color: white;
    padding-top: .25rem;
    border-radius: 4px;
  }
}
input::-webkit-input-placeholder { 
  font-size: inherit;
  letter-spacing: 1px;
  padding-top: 2px;
  color: lightgray;
}

/* Radio Toggle */

.radioToggleBtn {
  border: 4px solid rgb(0,176,230);
  display: inline-block;
  padding: 6px;
  position: relative;
  text-align: center;
  -webkit-transition: background 600ms ease, color 600ms ease;
  transition: background 600ms ease, color 600ms ease;
  font-weight: bold;
}
.radioToggleBtn.radioToggleBtnWhite {
  background: white;
}
input[type="radio"].radioToggle {
  display: none;
}
input[type="radio"].radioToggle + label {
  cursor: pointer;
  min-width: 60px;
}
input[type="radio"].radioToggle + label:hover {
  /* background: none; */
  color: #1a1a1a;
}
input[type="radio"].radioToggle + label:after {
  background: rgb(0,176,230);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  -webkit-transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
  width: 100%;
  z-index: -1;
}
input[type="radio"].radioToggle.radioToggleLeft + label {
  border-right: 0;
}
input[type="radio"].radioToggle.radioToggleLeft + label:after {
  left: 100%;
}
input[type="radio"].radioToggle.radioToggleRight + label {
  margin-left: -5px;
}
input[type="radio"].radioToggle.radioToggleRight + label:after {
  left: -100%;
}
input[type="radio"].radioToggle:checked + label {
  cursor: default;
  color: #fff;
  -webkit-transition: color 200ms;
  transition: color 200ms;
}
input[type="radio"].radioToggle:checked + label.radioToggleBtnWhite {
  background: rgb(0,176,230);
}
input[type="radio"].radioToggle:checked + label:after {
  left: 0;
}
/* NAVIGATION HOME */
.main-nav h3 {
  line-height: 1.45; 
  margin-bottom: 1.4rem;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
}
.nav__title:hover {background-color: transparent;}

@media (min-width: 40em) {
  .main-nav>div>div {min-height: 210px;}
}

/*BLUE & MAIN COLOR*/
.nav--blue .nav__title, .nav__title {border-color: rgb(0,176,230)}
.nav--blue .nav__label, .nav__label {background-color: rgba(0, 176, 230,0.2)}
.nav--blue .nav__label:hover, .nav__label:hover {
  background-color: rgb(0, 176, 230); 
  color: white;
}
.nav__title:after, 
.nav__title:hover,
.nav--blue .nav__title:after, 
.nav--blue .nav__title:hover {color: rgb(0, 176, 230)}

/*GREEN*/
.nav--green .nav__title {border-color: rgb(151,191,13)}
.nav--green .nav__label {background-color: rgba(151,191,13,0.2)}
.nav--green .nav__label:hover {
  background-color: rgb(151,191,13); 
  color: white;
}
.nav--green .nav__title:after, 
.nav--green .nav__title:hover {color: rgb(151,191,13)}

/*GREY*/
.nav--grey .nav__title {border-color: rgb(155, 155, 155)}
.nav--grey .nav__label {background-color: rgba(155, 155, 155,0.2)}
.nav--grey .nav__label:hover {
  background-color: rgb(155, 155, 155); 
  color: white;
}
.nav--grey .nav__title:after, 
.nav--grey .nav__title:hover {color: rgb(155, 155, 155)}

/*MAGENTA*/
.nav--magenta .nav__title {border-color: rgb(226, 0, 122)}
.nav--magenta .nav__label {background-color: rgba(226, 0, 122,0.2)}
.nav--magenta .nav__label:hover {
  background-color: rgb(226, 0, 122); 
  color: white;
}
.nav--magenta .nav__title:after, 
.nav--magenta .nav__title:hover {color: rgb(226, 0, 122)}

/*ORANGE*/
.nav--orange .nav__title {border-color: rgb(235, 106, 49)}
.nav--orange .nav__label {background-color: rgba(235, 106, 49,0.2)}
.nav--orange .nav__label:hover {
  background-color: rgb(235, 106, 49); 
  color: white;
}
.nav--orange .nav__title:after, 
.nav--orange .nav__title:hover {color: rgb(235, 106, 49)}

/*RED*/
.nav--red .nav__title {border-color: rgb(226, 0, 26)}
.nav--red .nav__label {background-color: rgba(226, 0, 26,0.2)}
.nav--red .nav__label:hover {
  background-color: rgb(226, 0, 26); 
  color: white;
}
.nav--red .nav__title:after, 
.nav--red .nav__title:hover {color: rgb(226, 0, 26)}

/*VIOLET*/
.nav--violet .nav__title {border-color: rgb(95, 64, 119)}
.nav--violet .nav__label {background-color: rgba(95, 64, 119,0.2)}
.nav--violet .nav__label:hover {
  background-color: rgb(95, 64, 119); 
  color: white;
}
.nav--violet .nav__title:after, 
.nav--violet .nav__title:hover {color: rgb(95, 64, 119)}

/*YELLOW*/
.nav--yellow .nav__title {border-color: rgb(250,187,0)}
.nav--yellow .nav__label {background-color: rgba(250,187,0,0.2)}
.nav--yellow .nav__label:hover {
  background-color: rgb(250,187,0); 
  color: white;
}
.nav--yellow .nav__title:after, 
.nav--yellow .nav__title:hover {color: rgb(250,187,0)}

/* NAVIGATION SECTION */

.navsection {
  list-style-type: none;
}

.navsection__item {
  margin: -4px;
}

.navsection__link {
  border-style: solid;
  border-width: 8px;
  border-color: rgb(0,176,230);
  text-align: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: block;
  box-sizing: border-box;
  font-size: 1.5rem;
  font-family: 'VAGRoundedStd-Bold', 'Lucida Grande', Helvetica, Arial, sans-serif;
  color: #111;
  background-color: #fff;
  transition: background-color 0.3s;
}
.navsection__link:hover {
  background-color: rgb(0,176,230);
}

@media (min-width: 40em) {
  .navsection__item {
    margin: 0;
  }
}
@media (max-width: 40em) {
  .navsection__link {
    padding: 1rem;
  }
}

/* Navigation Section color variations */

/* GREEN */
.section--green .navsection__link { 
  border-color: rgb(151,191,13);
}
.section--green .navsection__link:hover {
  background-color: rgb(151,191,13);
}
/* MAGENTA */
.section--magenta .navsection__link { 
  border-color: rgb(226,0,122);
}
.section--magenta .navsection__link:hover {
  background-color: rgb(226,0,122);
}
/* ORANGE */
.section--orange .navsection__link { 
  border-color: rgb(235,106,49);
}
.section--orange .navsection__link:hover {
  background-color: rgb(235,106,49);
}
/* RED */
.section--red .navsection__link { 
  border-color: rgb(226,0,26);
}
.section--red .navsection__link:hover {
  background-color: rgb(226,0,26);
}
/* VIOLET */
.section--violet .navsection__link { 
  border-color: rgb(95,64,119);
}
.section--violet .navsection__link:hover {
  background-color: rgb(95,64,119);
}
/* YELLOW */
.section--yellow .navsection__link { 
  border-color: rgb(250,187,0);
}
.section--yellow .navsection__link:hover {
  background-color: rgb(250,187,0);
}

/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.8.2
 * @url https://github.com/feimosi/baguetteBox.js
 */
#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background-color: #222;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease; }
  #baguetteBox-overlay.visible {
    opacity: 1; }
  #baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center; }
    #baguetteBox-overlay .full-image figure {
      display: inline;
      margin: 0;
      height: 100%; }
    #baguetteBox-overlay .full-image img {
      display: inline-block;
      width: auto;
      height: auto;
      max-height: 100%;
      max-width: 100%;
      vertical-align: middle;
    }
    #baguetteBox-overlay .full-image figcaption {
      display: block;
      position: absolute;
      bottom: 0;
      width: 100%;
      text-align: center;
      line-height: 1.4;
      white-space: normal;
      padding: 1.35rem 0;
      font-size: 1.55rem;
      color: rgb(0,176,230);
      font-family: 'VAGRoundedStd-Bold', 'Lucida Grande', Helvetica, Arial, sans-serif; }
    #baguetteBox-overlay .full-image:before {
      content: "";
      display: inline-block;
      height: 50%;
      width: 1px;
      margin-right: -1px; }

#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  -webkit-transition: left .4s ease, -webkit-transform .4s ease;
  transition: left .4s ease, -webkit-transform .4s ease;
  transition: left .4s ease, transform .4s ease;
  transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease; }
  #baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight .4s ease-out;
            animation: bounceFromRight .4s ease-out; }
  #baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft .4s ease-out;
            animation: bounceFromLeft .4s ease-out; }

@-webkit-keyframes bounceFromRight {
  0% {
    margin-left: 0; }
  50% {
    margin-left: -30px; }
  100% {
    margin-left: 0; } }

@keyframes bounceFromRight {
  0% {
    margin-left: 0; }
  50% {
    margin-left: -30px; }
  100% {
    margin-left: 0; } }

@-webkit-keyframes bounceFromLeft {
  0% {
    margin-left: 0; }
  50% {
    margin-left: 30px; }
  100% {
    margin-left: 0; } }

@keyframes bounceFromLeft {
  0% {
    margin-left: 0; }
  50% {
    margin-left: 30px; }
  100% {
    margin-left: 0; } }

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
  top: 50%;
  top: calc(50% - 30px);
  width: 44px;
  height: 60px; }

.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  color: #ddd;
  font: 1.6em sans-serif;
  opacity: 1;
  background: transparent;
  -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease; }
  .baguetteBox-button:focus, .baguetteBox-button:hover {
    opacity: .8; }
  .baguetteBox-button#next-button {
    right: 2%; }
  .baguetteBox-button#previous-button {
    left: 2%; }
  .baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px; }
  .baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0; }

/*
    Preloader
    Borrowed from http://tobiasahlin.com/spinkit/
*/
.baguetteBox-spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px; }

.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
  width: 100%;
  height: 100%;
  -moz-border-radius: 50%;
       border-radius: 50%;
  background-color: #fff;
  opacity: .6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
          animation: bounce 2s infinite ease-in-out; }

.baguetteBox-double-bounce2 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }

@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1); } }
