/*!
Copyright (c) 2011, Gesine Todt (hallo@gesine-todt.de),
with Reserved Font Name Amaranth.

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL


-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------

PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.

The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.

DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.

"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).

"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).

"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.

"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.

PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:

1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.

2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.

3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.

4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.

5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.

TERMINATION
This license becomes null and void if any of the above conditions are
not met.

DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

*/
@font-face {
  font-family: 'Amaranth';
  src: url("/fileadmin/belote/fonts/amaranth.eot");
  src: local("Amaranth Regular"), local("Amaranth-Regular"), url("/fileadmin/belote/fonts/amaranth.eot?#iefix") format("embedded-opentype"), url("/fileadmin/belote/fonts/amaranth-regular.woff2") format("woff2"), url("/fileadmin/belote/fonts/amaranth-regular.woff") format("woff"), url("/fileadmin/belote/fonts/amaranth-regular.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-style: normal;
  font-weight: 400
}

@font-face {
  font-family: 'Amaranth';
  src: url("/fileadmin/belote/fonts/amaranth.eot");
  src: local("Amaranth-Bold"), local("Amaranth-Bold"), url("/fileadmin/belote/fonts/amaranth.eot?#iefix") format("embedded-opentype"), url("/fileadmin/belote/fonts/amaranth-bold.woff2") format("woff2"), url("/fileadmin/belote/fonts/amaranth-bold.woff") format("woff"), url("/fileadmin/belote/fonts/amaranth-bold.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-style: normal;
  font-weight: 700
}

/*!
*
* Droid Sans font
* This Font Software is licensed under the Apache License, Version 2.00.
* This license can be found at this permalink: https://www.fontsquirrel.com/license/droid-sans
*
*
*/
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: url("/fileadmin/belote/fonts/droidsans.eot");
  src: local("Droid Sans Regular"), local("DroidSans-Regular"), url("/fileadmin/belote/fonts/droidsans.eot?#iefix") format("embedded-opentype"), url("/fileadmin/belote/fonts/droidsans-regular.woff2") format("woff2"), url("/fileadmin/belote/fonts/droidsans-regular.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: 'Droid Sans';
  src: url("/fileadmin/belote/fonts/droidsans.eot");
  src: local("Droid Sans Bold"), local("DroidSans-Bold"), url("/fileadmin/belote/fonts/droidsans.eot?#iefix") format("embedded-opentype"), url("/fileadmin/belote/fonts/droidsans-bold.woff2") format("woff2"), url("/fileadmin/belote/fonts/droidsans-bold.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-style: normal;
  font-weight: 700
}

@font-face {
  font-family: 'icomoon';
  src: url("/fileadmin/belote/fonts/icomoon.eot?d537gd");
  src: url("/fileadmin/belote/fonts/icomoon.eot?d537gd#iefix") format("embedded-opentype"), url("/fileadmin/belote/fonts/icomoon.ttf?d537gd") format("truetype"), url("/fileadmin/belote/fonts/icomoon.woff?d537gd") format("woff"), url("/fileadmin/belote/fonts/icomoon.svg?d537gd#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-play:before {
  content: "\e900"
}

.icon-ic_arrow:before {
  content: "\e901"
}

.icon-print:before {
  content: "\e902"
}

.icon-pinterest-p:before {
  content: "\e903"
}

.icon-th-menu:before {
  content: "\e904"
}

.icon-keyboard_arrow_left:before {
  content: "\e905"
}

.icon-keyboard_arrow_right:before {
  content: "\e907"
}

.icon-keyboard_arrow_down:before {
  content: "\e906"
}

.icon-search:before {
  content: "\e986"
}

.icon-facebook:before {
  content: "\ea90"
}

.icon-facebook2:before {
  content: "\ea91"
}

.icon-twitter:before {
  content: "\ea96"
}

.icon-youtube:before {
  content: "\ea9d"
}

.icon-pinterest:before {
  content: "\ead1"
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  font-family: Arial, Helvetica, sans-serif
}

p, h1, h2, h3, h4, h5, h6, ul, ol, li, a {
  margin: 0;
  padding: 0
}

form input:focus, form button:focus, form .btn:focus {
  outline: none
}

div {
  box-sizing: border-box
}

.tc {
  font: normal 16px/20px Arial, Helvetica, sans-serif
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  box-sizing: border-box;
  display: block
}

html {
  font-size: 100%
}

body {
  background-repeat: repeat;
  background-size: 4px 3.5px;
  min-height: 100%;
  line-height: 1;
  font: normal 16px/20px Arial, Helvetica, sans-serif
}

body.facebook-news {
  background: none;
  background-color: white
}

blockquote, q {
  quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

* {
  -webkit-tap-highlight-color: transparent
}

@-webkit-keyframes idle {
  0% {
    background-position-y: -242px;
    background-position-x: -1750px
  }
  100% {
    background-position-y: -242px;
    background-position-x: -1750px
  }
}

@-moz-keyframes idle {
  0% {
    background-position: auto -242px;
    background-position: -1750px auto
  }
  100% {
    background-position-y: auto -242px;
    background-position-x: -1750px auto
  }
}

@-o-keyframes idle {
  0% {
    background-position-y: -242px;
    background-position-x: -1750px
  }
  100% {
    background-position-y: -242px;
    background-position-x: -1750px
  }
}

@keyframes idle {
  0% {
    background-position-y: -242px;
    background-position-x: -1750px
  }
  100% {
    background-position-y: -242px;
    background-position-x: -1750px
  }
}

@-webkit-keyframes introv {
  0% {
    background-position-y: 0px
  }
  100% {
    background-position-y: -484px
  }
}

@-moz-keyframes introv {
  0% {
    background-position: auto 0px
  }
  100% {
    background-position: auto -484px
  }
}

@-o-keyframes introv {
  0% {
    background-position-y: 0px
  }
  100% {
    background-position-y: -484px
  }
}

@keyframes introv {
  0% {
    background-position-y: 0px
  }
  100% {
    background-position-y: -484px
  }
}

@-webkit-keyframes introh {
  0% {
    background-position-x: 0px
  }
  100% {
    background-position-x: -1750px
  }
}

@-moz-keyframes introh {
  0% {
    background-position: 0px auto
  }
  100% {
    background-position: -1750px auto
  }
}

@-o-keyframes introh {
  0% {
    background-position-x: 0px
  }
  100% {
    background-position-x: -1750px
  }
}

@keyframes introh {
  0% {
    background-position-x: 0px
  }
  100% {
    background-position-x: -1750px
  }
}

@-webkit-keyframes playv {
  0% {
    background-position-y: -484px
  }
  100% {
    background-position-y: -1694px
  }
}

@-moz-keyframes playv {
  0% {
    background-position: auto -484px
  }
  100% {
    background-position: auto -1694px
  }
}

@-o-keyframes playv {
  0% {
    background-position-y: -484px
  }
  100% {
    background-position-y: -1694px
  }
}

@keyframes playv {
  0% {
    background-position-y: -484px
  }
  100% {
    background-position-y: -1694px
  }
}

@-webkit-keyframes playh {
  0% {
    background-position-x: 0px
  }
  100% {
    background-position-x: -1750px
  }
}

@-moz-keyframes playh {
  0% {
    background-position: 0px auto
  }
  100% {
    background-position: -1750px auto
  }
}

@-o-keyframes playh {
  0% {
    background-position-x: 0px
  }
  100% {
    background-position-x: -1750px
  }
}

@keyframes playh {
  0% {
    background-position-x: 0px
  }
  100% {
    background-position-x: -1750px
  }
}

@keyframes error {
  5% {
    -moz-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    -webkit-transform: translate(-50px, 0);
    transform: translate(-50px, 0)
  }
  20% {
    -moz-transform: translate(40px, 0);
    -ms-transform: translate(40px, 0);
    -webkit-transform: translate(40px, 0);
    transform: translate(40px, 0)
  }
  30% {
    -moz-transform: translate(-30px, 0);
    -ms-transform: translate(-30px, 0);
    -webkit-transform: translate(-30px, 0);
    transform: translate(-30px, 0)
  }
  60% {
    -moz-transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0)
  }
  80% {
    -moz-transform: translate(-10px, 0);
    -ms-transform: translate(-10px, 0);
    -webkit-transform: translate(-10px, 0);
    transform: translate(-10px, 0)
  }
  100% {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

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

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

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

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

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

@-moz-keyframes reverseRotate {
  0% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg)
  }
  100% {
    -moz-transform: rotate(0);
    transform: rotate(0)
  }
}

@-o-keyframes reverseRotate {
  0% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }
  100% {
    -o-transform: rotate(0);
    transform: rotate(0)
  }
}

@keyframes reverseRotate {
  0% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }
  100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }
}

@keyframes blink {
  50% {
    opacity: 0
  }
}

@-webkit-keyframes blink {
  50% {
    opacity: 0
  }
}

@-moz-keyframes blink {
  50% {
    opacity: 0
  }
}

@-o-keyframes blink {
  50% {
    opacity: 0
  }
}

@keyframes lds-spinner {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

::-moz-selection {
  background-color: rgba(2, 180, 180, 0.1)
}

::selection {
  background-color: rgba(2, 180, 180, 0.1)
}

::-webkit-scrollbar {
  width: 12px;
  background-color: #444444
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  /*background: rgba(6, 125, 116, 0.5)*/
}

html {
  background: #333333;
}

body {

  background-repeat: repeat;
  background-size: 4px 3px;
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
  position: relative;
  display: block;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  overflow-x: hidden;
  font: normal 12px/18px Arial, Helvetica, sans-serif
}

aside {
  margin-top: 18px;
  margin-right: 30px;
  flex-basis: 240px
}

aside > * {
  max-width: 240px
}

aside header span {
  -moz-box-shadow: inset 0px -2px 0px 0px #53eee9;
  -webkit-box-shadow: inset 0px -2px 0px 0px #53eee9;
  box-shadow: inset 0px -2px 0px 0px #53eee9;
  background-color: #02b4b4;
  border-bottom: 1px white solid;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  height: 40px;
  width: 100%;
  font: normal 16px/20px Arial, Helvetica, sans-serif;
  font-family: 'Amaranth';
  font-weight: bold;
  line-height: 37px;
  text-indent: 10px;
  color: white
}

aside section {
  background-color: white;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  height: 290px;
  width: 100%;
  float: left
}

aside section.smart-banner-content {
  position: relative;
  width: 100%
}

aside section.smart-banner-content .badge-banner {
  padding: 2px
}

aside section.smart-banner-content .content {
  border: 2px #61cfce solid;
  padding-top: 24px;
  width: 100%;
  height: 100%
}

aside section.smart-banner-content .content.v2 {
  height: 246px
}

aside section.smart-banner-content .content p {
  text-shadow: 0px 1px 0px #fff;
  font-family: 'Droid sans';
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  line-height: 25px;
  font-size: 25px;
  color: #767676;
  position: relative;
  height: 25px;
  margin: 0
}

aside section.smart-banner-content .content p.text2 {
  display: inline-block;
  position: relative;
  font-size: 13px;
  line-height: 12px;
  display: block;
  margin: 0 auto;
  max-width: 152px;
  height: 8px
}

aside section.smart-banner-content .content p.text2:before, aside section.smart-banner-content .content p.text2:after {
  border-bottom: 1px rgba(255, 255, 255, 0.4) solid;
  background-color: #adadad;
  display: inline-block;
  margin-top: 5px;
  float: left;
  height: 1px;
  width: 60px;
  content: ' '
}

aside section.smart-banner-content .content p.text2:after {
  float: right
}

aside section.smart-banner-content .content p.text3 {
  color: #02b4b4;
  line-height: 35px;
  font-size: 17px;
  height: 30px
}

aside section.smart-banner-content .content p.text4 {
  letter-spacing: 0.7px
}

aside section.smart-banner-content .content a {
  -moz-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  position: absolute;
  bottom: 20px;
  top: auto;
  left: 0;
  -moz-transform: scale(0.86);
  -ms-transform: scale(0.86);
  -webkit-transform: scale(0.86);
  transform: scale(0.86)
}

aside section.smart-banner-content .content a.desktop {
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  bottom: 12px;
  left: 20px
}

aside section.smart-banner-content .content a.ios, aside section.smart-banner-content .content a.safari {
  bottom: 30px;
  left: 26px
}

aside section.smart-banner-content .content a.android, aside section.smart-banner-content .content a.chrome {
  bottom: 24px;
  left: 16px
}

aside .content {
  background-size: 100% 40px;
  position: relative;
  height: 218px;
  width: 100%;
  float: left
}

aside .content.hidden {
  display: none
}

.breadcrumbs {
  top: -10px
}

.menu-download-link {
  display: none
}

#slider {
  background-image: url(/fileadmin/belote/images/bel_mainbanner_02.jpg);
  box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.5);
  margin-right: 30px;
  -moz-transition: max-height .3s, padding .3s;
  -o-transition: max-height .3s, padding .3s;
  -webkit-transition: max-height .3s, padding .3s;
  transition: max-height .3s, padding .3s;
  flex-basis: 100%;
  height: 275px;
  position: relative;
  margin-bottom: 0;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  font-family: 'Droid Sans', sans-serif;
  padding: 0
}

#slider p, #slider header {
  position: absolute;
  font-family: 'Amaranth';
  color: white;
  margin: 0;
  left: 30px
}

#slider p {
  font-size: 16px;
  line-height: 22px;
  display: block;
  top: 66px
}

#slider header {
  font-size: 30px;
  line-height: 29px;
  top: 32px;
  height: 31px;
  left: 30px
}

#slider a {
  position: absolute;
  left: 30px;
  top: 110px
}

#slider .animation {
  background-image: url(/fileadmin/belote/images/animation.png);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  font-size: 30px;
  color: red;
  font-weight: bold;
  position: absolute;
  height: 242px;
  width: 175px;
  left: 539px;
  top: -27px
}

#menu-screen {
  display: none
}

#support-wrapper {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  margin: 20px 0;
  width: 100%
}

#mailform-ifrm {
  box-sizing: border-box;
  width: 100%;
  height: 335px;
  margin-bottom: 20px
}

#holzbox {
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  overflow-y: scroll;
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 9000;
  display: none;
  opacity: 0
}

#holzbox img {
  max-width: 100%;
  height: auto
}

#holzbox .caption {
  align-self: flex-start;
  max-width: 80%;
  flex-basis: 100%;
  display: block;
  flex: 0 0 auto;
  padding: 5px 10px;
  color: white
}

#content {
  color: #414141
}

#content > header h1 {
  font: normal 24.3px/30px Arial, Helvetica, sans-serif;
  margin-bottom: 20px;
  font-weight: bold
}

#content > ul, #content > ol {
  margin: 20px 0 0 0;
  padding-left: 20px
}

#content > ul li, #content > ol li {
  margin-bottom: 10px
}

.header-background {
  -moz-transition: opacity .1s;
  -o-transition: opacity .1s;
  -webkit-transition: opacity .1s;
  transition: opacity .1s;
  background-image: url(/fileadmin/belote/images/bel_sprite_header_1200x215.png);
  background-size: cover;
  position: absolute;
  height: 215px;
  width: 100%
}

.smart-banner-content {
  display: none
}

.link-list li {
  box-shadow: inset 0px -1px 0px 0px #acacac;
  border-top: 1px white solid;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 50px
}

.link-list li:first-child {
  border-top: 0
}

.link-list li:last-child {
  height: 51px
}

.link-list li:last-child a {
  box-shadow: none;
  height: 51px
}

.link-list li a {
  transition: background-color .3s;
  box-sizing: border-box;
  padding: 0 10px 0 10%;
  overflow: hidden;
  display: block;
  width: 100%;
  text-transform: capitalize;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  line-height: 48px;
  color: #747474
}

.link-list li a:hover {
  background-color: white
}

.error_code_404 {
  position: relative;
  top: 0;
  font-size: 254px;
  line-height: 200px;
  margin: 30px;
  color: rgba(0, 0, 0, 0.1);
  text-align: center;
  letter-spacing: 20px
}

.preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999999;
  width: 100%;
  height: 100%;
  overflow: visible
}

.preloader .fonts {
  opacity: 0
}

.preloader .status {
  font: normal 12px/20px Arial, Helvetica, sans-serif;
  color: #e4d2a4;
  margin-top: 60px;
  top: 50%;
  position: absolute;
  width: 100%;
  text-align: center
}

.preloader .wrapper {
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  position: absolute;
  display: block;
  position: absolute;
  margin-left: -90px;
  margin-top: -120px;
  height: 180px;
  width: 180px;
  left: 50%;
  top: 50%
}

.preloader .background, .preloader .chunk {
  background-image: url("data:image/gif;base64,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")
}

.preloader .background, .preloader .bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 180px;
  width: 180px
}

.preloader .bar {
  -moz-transition: all .1s;
  -o-transition: all .1s;
  -webkit-transition: all .1s;
  transition: all .1s;
  width: 0
}

.preloader .background {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%)
}

.preloader .chunk {
  width: 18px;
  height: 18px;
  opacity: 0;
  position: absolute;
  top: 0;
  margin-top: -2px;
  border-bottom: 1px black solid;
  border-left: 1px black solid;
  transition: all .5s
}

.preloader .chunk.active {
  opacity: 1;
  margin-top: 0;
  border-bottom: 0 black solid;
  border-left: 0 black solid
}

html.youtube-consented .youtube-embed .policy-video {
  left: -100%
}

.youtube-embed {
  padding-bottom: 56.25%;
  background-position: center;
  background-size: 100% auto;
  display: inline-block;
  position: relative;
  height: auto;
  width: 100%;
  overflow: hidden
}

.youtube-embed iframe {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%
}

.youtube-embed .policy-video {
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  background-color: rgba(0, 0, 0, 0.8);
  box-sizing: border-box;
  position: absolute;
  padding: 0 10%;
  z-index: 100;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  display: flex
}

.youtube-embed .policy-video .text {
  margin-bottom: 15px;
  padding-bottom: 0;
  text-align: left;
  color: white;
  flex-basis: 100%;
  width: 100%
}

.youtube-embed .policy-video .button {
  transition: all .1s;
  cursor: pointer;
  margin-top: 20px;
  float: left
}

@media (max-width: 567px) {
  .youtube-embed .policy-video {
    padding: 5px
  }

  .youtube-embed .policy-video .button.privacy-video-ok {
    margin-top: 10px
  }

  .youtube-embed .policy-video p {
    font-size: 13px
  }

  .youtube-embed .policy-video p.text {
    margin: 0
  }
}

body.accueil aside section.ca-teaser {
  display: block
}

body.news-list #content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  position: relative
}

body > header, body > nav, body > main, body > footer {
  position: relative;
  max-width: 990px;
  margin: 0 auto;
  width: 100%
}

body main {
  left: 0
}

body > header {
  max-width: 100%;
  height: 158px;
  z-index: 999;
  left: 0
}

body > footer {
  -moz-transition: opacity .1s;
  -o-transition: opacity .1s;
  -webkit-transition: opacity .1s;
  transition: opacity .1s;
  background-color: #232323;
  color: #88b1b5;
  box-sizing: border-box;
  position: relative;
  margin: 0 auto;
  width: 990px;
  font: normal 12px/18px Arial, Helvetica, sans-serif;
  left: 0;
  padding: 30px 0 33px 0
}

body > footer .social-circle {
  position: relative;
  display: block;
  margin-left: -124px;
  margin-top: 22px;
  left: 50%;
  top: 5px;
  height: 88px
}

body > footer .footer-navigation {
  box-sizing: border-box;
  border-top: 1px #89b0b5 solid;
  border-bottom: 1px #89b0b5 solid;
  height: auto;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 34px
}

body > footer .footer-navigation ul {
  height: inherit;
  display: block;
  width: 100%;
  text-align: center
}

body > footer .footer-navigation ul li {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  color: white;
  margin-left: 2%;
  margin-right: 2%;
  width: auto;
  height: 20px;
  margin-top: 5px;
  text-align: center
}

body > footer .footer-navigation ul li.mobile-download {
  display: none
}

body > footer .footer-navigation ul li a {
  line-height: inherit;
  text-transform: uppercase;
  text-decoration: none;
  font: normal 13px/21px Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: white;
  position: relative;
  display: block;
  padding: 0 2px;
  width: auto;
  float: left;
  transition: background-color .3s
}

body > footer .footer-navigation ul li a:hover {
  background-color: #00a2a2
}

body > footer .copyright {
  line-height: 18px;
  text-align: center;
  font-weight: bold;
  font: normal 13px/21px Arial, Helvetica, sans-serif;
  font-weight: bold;
  display: block;
  width: 80%;
  psdding-bottom: 0;
  margin: 0 auto 10px
}

aside section.ca-teaser {
  background-image: url(/fileadmin/belote/images/master_sprite.png);
  background-position: 0 -261px;
  display: none;
  position: relative;
  overflow: hidden
}

aside section.ca-teaser::after {
  content: " ";
  background-image: url(/fileadmin/belote/images/master_sprite.png);
  background-position: -246px -300px;
  position: absolute;
  width: 328px;
  height: 290px;
  right: 56px;
  top: 0;
  -moz-transition: all .66s;
  -o-transition: all .66s;
  -webkit-transition: all .66s;
  transition: all .66s;
  display: none
}

aside section.ca-teaser .content {
  padding-top: 28px;
  height: 249px;
  border: 0;
  position: relative;
  z-index: 1
}

aside section.ca-teaser .content p {
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  text-align: center;
  font-family: 'Amaranth';
  font-weight: bold;
  color: white;
  line-height: 25px;
  position: relative;
  height: 25px;
  margin: 0
}

aside section.ca-teaser .content p.text1 {
  font-size: 19px
}

aside section.ca-teaser .content p.text2 {
  display: flex;
  justify-content: center;
  line-height: 12px;
  font-size: 20px;
  max-width: 100%;
  color: #01b5b4;
  font-size: 24px;
  top: 16px
}

aside section.ca-teaser .content p.text2:before, aside section.ca-teaser .content p.text2:after {
  margin-top: 5px;
  content: ' ';
  height: 1px;
  float: left;
  background-color: #01b5b4;
  width: 63px
}

aside section.ca-teaser .content p.text2:before {
  margin-right: 10px
}

aside section.ca-teaser .content p.text2:after {
  margin-left: 8px;
  float: right
}

aside section.ca-teaser .content p.text4 {
  line-height: 25px;
  font-size: 44px;
  top: 22px;
  letter-spacing: -0.8px
}

aside section.ca-teaser .content a {
  box-sizing: border-box;
  height: 60px;
  width: 80%;
  line-height: 60px;
  padding: 0;
  max-width: 189px;
  left: 11%;
  transform-origin: 0 50%;
  position: absolute;
  bottom: 21px;
  top: auto
}

aside section.ca-teaser .content a:hover, aside section.ca-teaser .content a:active {
  text-decoration: none
}

aside section.smart-banner-content {
  display: none
}

main {
  -moz-transition: opacity .1s;
  -o-transition: opacity .1s;
  -webkit-transition: opacity .1s;
  transition: opacity .1s;
  background-color: white;
  font: normal 16px/20px Arial, Helvetica, sans-serif;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 30px
}

main article {
  margin-left: 30px;
  flex-basis: 670px
}

.news-navilinks, #content > ul.tx-indexedsearch-browsebox {
  padding: 4px 1px 0 4px;
  background-repeat: no-repeat;
  background-color: #f8f8f8;
  border-top: 1px #dadada solid;
  border-radius: 7px;
  display: inline-block;
  margin-right: 5px;
  margin-top: 20px;
  width: auto
}

.news-navilinks a, .news-navilinks > li, #content > ul.tx-indexedsearch-browsebox a, #content > ul.tx-indexedsearch-browsebox > li {
  transition: filter .3s;
  filter: none;
  text-decoration: none;
  text-align: center;
  line-height: 32px;
  outline: none;
  color: #777d83;
  background-image: url(/fileadmin/belote/images/master_sprite.png);
  background-repeat: no-repeat;
  background-position: -190px -836px;
  display: inline-block;
  margin: 0 2px 0 1px;
  width: 34px;
  height: 38px
}

.news-navilinks a a, .news-navilinks > li a, #content > ul.tx-indexedsearch-browsebox a a, #content > ul.tx-indexedsearch-browsebox > li a {
  text-decoration: none;
  text-align: center;
  line-height: 32px;
  outline: none;
  color: #777d83
}

.news-navilinks a.icon-keyboard_arrow_right, .news-navilinks a.icon-keyboard_arrow_left, .news-navilinks > li.icon-keyboard_arrow_right, .news-navilinks > li.icon-keyboard_arrow_left, #content > ul.tx-indexedsearch-browsebox a.icon-keyboard_arrow_right, #content > ul.tx-indexedsearch-browsebox a.icon-keyboard_arrow_left, #content > ul.tx-indexedsearch-browsebox > li.icon-keyboard_arrow_right, #content > ul.tx-indexedsearch-browsebox > li.icon-keyboard_arrow_left {
  font-size: 20px;
  line-height: 27px
}

.news-navilinks a.icon-keyboard_arrow_right:before, .news-navilinks a.icon-keyboard_arrow_left:before, .news-navilinks > li.icon-keyboard_arrow_right:before, .news-navilinks > li.icon-keyboard_arrow_left:before, #content > ul.tx-indexedsearch-browsebox a.icon-keyboard_arrow_right:before, #content > ul.tx-indexedsearch-browsebox a.icon-keyboard_arrow_left:before, #content > ul.tx-indexedsearch-browsebox > li.icon-keyboard_arrow_right:before, #content > ul.tx-indexedsearch-browsebox > li.icon-keyboard_arrow_left:before {
  position: relative;
  top: 2px
}

.news-navilinks a.text, .news-navilinks > li.text, #content > ul.tx-indexedsearch-browsebox a.text, #content > ul.tx-indexedsearch-browsebox > li.text {
  background-position: 0 -834px;
  width: 90px
}

.news-navilinks a.text:active, .news-navilinks > li.text:active, #content > ul.tx-indexedsearch-browsebox a.text:active, #content > ul.tx-indexedsearch-browsebox > li.text:active {
  background-position: -98px -834px
}

.news-navilinks a:active, .news-navilinks > li:active, #content > ul.tx-indexedsearch-browsebox a:active, #content > ul.tx-indexedsearch-browsebox > li:active {
  background-position: -226px -836px
}

.news-navilinks a.active, .news-navilinks a.tx-indexedsearch-browselist-currentPage, .news-navilinks > li.active, .news-navilinks > li.tx-indexedsearch-browselist-currentPage, #content > ul.tx-indexedsearch-browsebox a.active, #content > ul.tx-indexedsearch-browsebox a.tx-indexedsearch-browselist-currentPage, #content > ul.tx-indexedsearch-browsebox > li.active, #content > ul.tx-indexedsearch-browsebox > li.tx-indexedsearch-browselist-currentPage {
  background-position: -226px -836px;
  pointer-events: none;
  color: #00a2a2
}

.news-navilinks a.active a, .news-navilinks a.tx-indexedsearch-browselist-currentPage a, .news-navilinks > li.active a, .news-navilinks > li.tx-indexedsearch-browselist-currentPage a, #content > ul.tx-indexedsearch-browsebox a.active a, #content > ul.tx-indexedsearch-browsebox a.tx-indexedsearch-browselist-currentPage a, #content > ul.tx-indexedsearch-browsebox > li.active a, #content > ul.tx-indexedsearch-browsebox > li.tx-indexedsearch-browselist-currentPage a {
  color: #00a2a2
}

.news-navilinks a:hover, .news-navilinks > li:hover, #content > ul.tx-indexedsearch-browsebox a:hover, #content > ul.tx-indexedsearch-browsebox > li:hover {
  filter: brightness(110%);
  text-decoration: none
}

#logo {
  background-image: url(/fileadmin/belote/images/master_sprite.png);
  background-position: -127px -813px;
  background-size: 335px 442px;
  color: rgba(0, 0, 0, 0.3);
  text-decoration: none;
  text-indent: -999px;
  display: block;
  position: relative;
  width: 131px;
  height: 33px;
  left: 88px;
  top: 10px
}

#menu-btn {
  -moz-box-shadow: 3px 4px 0px -2px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 3px 4px 0px -2px rgba(0, 0, 0, 0.35);
  box-shadow: 3px 4px 0px -2px rgba(0, 0, 0, 0.35);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1YTZhMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA4Y2JjMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #05a6a1), color-stop(100%, #08cbc3));
  background: -moz-linear-gradient(left, #05a6a1 0%, #08cbc3 100%);
  background: -webkit-linear-gradient(left, #05a6a1 0%, #08cbc3 100%);
  background: linear-gradient(to right, #05a6a1 0%, #08cbc3 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#05a6a1, endColorstr=#08cbc3)";
  position: absolute;
  border-radius: 0 35px 35px 0;
  line-height: 50px;
  font-size: 32px;
  display: none;
  text-indent: 11px;
  width: 55px;
  height: 48px;
  left: -5px;
  top: 0;
  color: white
}

.social-circle {
  z-index: 1;
  width: 260px;
  text-align: center;
  position: absolute;
  right: -12px;
  top: 83px
}

.social-circle div {
  background-image: url(/fileadmin/belote/images/master_sprite.png);
  background-position: -274px -822px;
  position: relative;
  display: inline-block;
  margin-right: 6px;
  text-indent: -2px;
  color: white;
  font-size: 25px;
  text-align: center;
  text-indent: 1px;
  line-height: 48px;
  width: 45px;
  height: 45px
}

.social-circle div:before {
  transition: color .3s
}

.social-circle div:hover:before {
  color: #027a78
}

.social-circle div a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 45px;
  height: 45px
}

.to-top-wrapper {
  position: relative;
  width: 120px;
  height: 84px;
  bottom: -30px;
  left: 50%;
  margin-left: -60px;
  overflow: hidden;
  z-index: 1
}

.to-top-wrapper:before {
  position: absolute;
  display: block;
  content: ' ';
  background-color: white;
  border-radius: 50%;
  height: 120px;
  width: 120px;
  margin: 0 auto;
  margin-left: -60px;
  top: -44px;
  left: 50%
}

.to-top-wrapper .to-top, .to-top-wrapper .to-top:after, .to-top-wrapper .to-top-padding {
  background-image: url(/fileadmin/belote/images/master_sprite.png);
  background-repeat: no-repeat
}

.to-top-wrapper .to-top-padding {
  background-position: -604px -310px;
  width: 66px;
  height: 65px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -33px
}

.to-top-wrapper .to-top {
  background-position: -604px -376px;
  width: 50px;
  height: 53px;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 9px;
  left: 9px
}

.to-top-wrapper .to-top:after {
  background-position: -604px -477px;
  content: ' ';
  display: block;
  position: absolute;
  width: 20px;
  height: 12px;
  top: 15px;
  left: 14px
}

.to-top-wrapper .to-top:hover:after {
  background-position: -604px -489px
}

.to-top-wrapper .to-top:active {
  background-position: -603px -431px;
  height: 45px
}

.to-top-wrapper .to-top:active:after {
  background-position: -604px -489px
}

.tiny {
  font-size: 10px;
  opacity: 0.8
}

.tiny.news-info {
  opacity: 0.6;
  font-size: 86%
}

.outline, .search-result img {
  outline: 2px rgba(255, 255, 255, 0.5) solid;
  outline-offset: -2px
}

.badge {
  background-image: url(/fileadmin/belote/images/master_sprite.png);
  background-repeat: no-repeat;
  text-decoration: none;
  width: 230px;
  height: 68px;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px
}

.badge.android, .badge.chrome {
  background-position: 0 -673px;
  height: 69px
}

.badge.ios, .badge.safari {
  background-position: 0 -590px;
  width: 216px
}

.badge.desktop {
  background-position: 0px -755px;
  width: 242px;
  font-weight: bold;
  line-height: 22px;
  padding-left: 65px;
  padding-top: 11px;
  color: #274b8a
}

.badge.desktop i {
  box-sizing: border-box;
  display: block;
  font-size: 24px;
  font-style: normal;
  width: 100%
}

.badge:before {
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  transform: rotate(35deg);
  border-radius: 8px;
  background: #fff;
  content: "";
  height: 155px;
  left: -75px;
  opacity: .2;
  position: absolute;
  top: -50px;
  width: 50px
}

.badge:hover {
  text-decoration: none;
  filter: brightness(115%)
}

.badge:hover:before {
  left: 100%;
  margin-left: 130px;
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1)
}

.pat-panel {
  background-color: #ebebeb;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuZGV2L3N2Z2pzIiB2aWV3Qm94PSIwIDAgNzAwIDcwMCIgd2lkdGg9IjcwMCIgaGVpZ2h0PSI3MDAiIG9wYWNpdHk9IjEiPjxkZWZzPjxmaWx0ZXIgaWQ9Im5ubm9pc2UtZmlsdGVyIiB4PSItMjAlIiB5PSItMjAlIiB3aWR0aD0iMTQwJSIgaGVpZ2h0PSIxNDAlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHByaW1pdGl2ZVVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJsaW5lYXJSR0IiPgoJPGZlVHVyYnVsZW5jZSB0eXBlPSJ0dXJidWxlbmNlIiBiYXNlRnJlcXVlbmN5PSIwLjA3MiIgbnVtT2N0YXZlcz0iNCIgc2VlZD0iMTUiIHN0aXRjaFRpbGVzPSJzdGl0Y2giIHg9IjAlIiB5PSIwJSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgcmVzdWx0PSJ0dXJidWxlbmNlIj48L2ZlVHVyYnVsZW5jZT4KCTxmZVNwZWN1bGFyTGlnaHRpbmcgc3VyZmFjZVNjYWxlPSI3IiBzcGVjdWxhckNvbnN0YW50PSIzIiBzcGVjdWxhckV4cG9uZW50PSIyMCIgbGlnaHRpbmctY29sb3I9IiMyYzJjMmMiIHg9IjAlIiB5PSIwJSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgaW49InR1cmJ1bGVuY2UiIHJlc3VsdD0ic3BlY3VsYXJMaWdodGluZyI+CiAgICAJCTxmZURpc3RhbnRMaWdodCBhemltdXRoPSIzIiBlbGV2YXRpb249IjU0Ij48L2ZlRGlzdGFudExpZ2h0PgogIAk8L2ZlU3BlY3VsYXJMaWdodGluZz4KICAKPC9maWx0ZXI+PC9kZWZzPjxyZWN0IHdpZHRoPSI3MDAiIGhlaWdodD0iNzAwIiBmaWxsPSIjZWJlYmViIj48L3JlY3Q+PHJlY3Qgd2lkdGg9IjcwMCIgaGVpZ2h0PSI3MDAiIGZpbGw9IiMyYzJjMmMiIGZpbHRlcj0idXJsKCNubm5vaXNlLWZpbHRlcikiPjwvcmVjdD48L3N2Zz4=")
}

.breadcrumbs {
  flex-basis: 100%;
  font: normal 12px/18px Arial, Helvetica, sans-serif;
  position: relative
}

.breadcrumbs a {
  text-decoration: none;
  color: #00a2a2
}

.breadcrumbs a:hover, .breadcrumbs a:active {
  color: #53eee9
}

.teaser {
  background-color: #026562;
  position: relative;
  height: 290px;
  margin-bottom: 20px
}

.teaser .feature-item {
  position: relative;
  width: 100%;
  height: 186px
}

.teaser .feature-item .news-image, .teaser .feature-item amp-img {
  width: 100%;
  height: 186px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

.teaser .feature-item .news-image img, .teaser .feature-item amp-img img {
  object-position: center;
  object-fit: cover;
  display: block;
  height: 100%;
  width: 100%
}

.teaser .feature-item amp-img {
  height: 154px
}

.teaser .feature-item .news-image a, .teaser .feature-item > a {
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -webkit-transition: all .3s;
  transition: all .3s;
  position: absolute;
  top: 0;
  color: transparent;
  overflow: hidden;
  display: block;
  height: 100%;
  width: 100%
}

.teaser .feature-item .news-image a:hover, .teaser .feature-item > a:hover {
  background-color: rgba(83, 238, 233, 0.15)
}

.teaser .feature-item .news-image a:hover:before, .teaser .feature-item > a:hover:before {
  opacity: 1
}

.teaser header {
  -moz-box-shadow: inset 0px -2px 0px 0px #53eee9;
  -webkit-box-shadow: inset 0px -2px 0px 0px #53eee9;
  box-shadow: inset 0px -2px 0px 0px #53eee9;
  background-color: #02b4b4;
  border-bottom: 1px white solid;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  height: 40px;
  color: white;
  text-indent: 10px;
  font: bold 22px/37px "Amaranth", Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 37px;
  font-family: 'Amaranth'
}

.teaser.wide {
  -moz-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.5);
  height: 290px;
  flex-basis: 100%;
  width: 100%;
  background-image: none
}

.teaser.wide video, .teaser.wide amp-video {
  width: 100%;
  height: auto
}

.teaser div.content {
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  height: 62px;
  font-family: "Amaranth", Arial, Helvetica, sans-serif;
  font: normal 12px/18px Arial, Helvetica, sans-serif;
  overflow: hidden
}

.teaser .list-item {
  background-color: #02b4b4;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -webkit-transition: all .3s;
  transition: all .3s;
  -moz-transform-origin: 50% 50% 50%;
  -ms-transform-origin: 50% 50% 50%;
  -webkit-transform-origin: 50% 50% 50%;
  transform-origin: 50% 50% 50%;
  width: 100%;
  height: 32px;
  display: inline-block;
  float: left;
  position: relative;
  z-index: 10
}

.teaser .list-item:hover, .teaser .list-item:active, .teaser .list-item:focus {
  background-color: #53eee9
}

.teaser .list-item h2 {
  width: 100%;
  box-sizing: border-box;
  font: bold 14px/18px Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px
}

.teaser .list-item h2 a {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  padding-left: 10px;
  height: 32px;
  width: 100%;
  text-overflow: ellipsis;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden
}

.teaser .list-item h2 a:before {
  display: inline-block;
  padding-right: 20px;
  height: 28px;
  width: 20px;
  line-height: 31px;
  font-size: 20px;
  color: white;
  float: left
}

.teaser .list-item h2 a:first-child {
  border-bottom: 1px white solid
}

.teaser .list-item h2 a:last-child {
  border-top: 1px #05b4af solid
}

.teaser .list-item h2 a:last-child:hover {
  border-top: 1px #53eee9 solid
}

.teaser .list-item h2 a span {
  font-weight: bold;
  line-height: 30px;
  color: white;
  display: inline-block;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 265px;
  width: 100%
}

.block-hover, .news-list-item .outline::before {
  background-color: rgba(83, 238, 233, 0.15);
  position: absolute;
  height: 100%;
  -moz-transition: opacity .3s;
  -o-transition: opacity .3s;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  content: ' ';
  display: block;
  opacity: 0;
  width: 0;
  top: 0;
  z-index: 9
}

.news-list-item {
  margin-bottom: 20px;
  position: relative;
  height: 290px;
  width: 325px
}

.news-list-item .outline {
  position: relative;
  overflow: hidden
}

.news-list-item .outline > img, .news-list-item .outline amp-img img {
  object-position: center;
  object-fit: cover;
  display: block;
  height: 100%;
  width: 100%
}

.news-list-item:hover .outline::before {
  width: 100%;
  opacity: 1
}

.news-list-item header {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  box-sizing: border-box;
  bottom: 2px;
  left: 2px;
  display: block;
  text-align: left;
  padding: 10px;
  z-index: 9;
  color: white;
  width: calc(100% - 4px);
  font: bold 14px/18px Arial, Helvetica, sans-serif
}

.news-list-item a {
  box-sizing: border-box;
  border-bottom: 2px #00a2a2 solid;
  padding-bottom: 2px;
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200
}

.news-list-item a:hover {
  transition: border-bottom .3s;
  border-bottom: 2px #53eee9 solid
}

.news-list-item a:hover span {
  transition: color .3s;
  color: #53eee9
}

.news-list-item a span {
  color: #00a2a2;
  position: absolute;
  bottom: 0;
  right: 0
}

#legales {
  display: block;
  width: 100%;
  margin: 0 auto 20px auto;
  text-align: center;
  position: relative
}

#legales ul {
  display: block;
  width: 100%;
  box-sizing: border-box
}

#legales ul li {
  display: inline-block
}

#legales ul li:last-child {
  border-right: 0
}

#legales ul li:last-child a:after {
  display: none
}

#legales ul li a {
  text-decoration: none;
  position: relative;
  padding: 5px 10px;
  display: block;
  color: white;
  font: normal 13px/21px Arial, Helvetica, sans-serif;
  line-height: 14px;
  transition: background-color .3s
}

#legales ul li a:after {
  content: ' ';
  display: block;
  position: absolute;
  border-right: 2px white solid;
  height: 14px;
  right: 0;
  top: 4px;
  border-right: 1px silver solid
}

#legales ul li a:hover {
  background-color: #00a2a2
}

#page-seo {
  padding: 70px 30px 0 30px;
  margin-left: 0;
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #232323;
  color: #88b1b5
}

#page-seo header {
  box-sizing: border-box;
  display: inline-block;
  margin-top: 20px;
  width: 100%;
  height: auto
}

#page-seo header h4, #page-seo header h3, #page-seo header h2 {
  font: bold 14px/18px Arial, Helvetica, sans-serif;
  line-height: 15px
}

#page-seo header h1 {
  font: normal 16px/20px Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center
}

#page-seo > header {
  border-bottom: 1px #89b0b5 solid;
  width: 80%;
  margin: 0 auto 20px auto
}

#page-seo section {
  width: 100%;
  flex-basis: 276px
}

#page-seo section p {
  font: normal 13px/19px Arial, Helvetica, sans-serif;
  margin-top: 0
}

#page-seo .glossary_link {
  color: #88b1b5;
  opacity: 0.7
}

#page-seo .glossary_link:active, #page-seo .glossary_link:hover {
  color: #88b1b5;
  opacity: 1
}

.social-share {
  width: 100%;
  height: auto;
  display: inline-block;
  margin: 40px 0 30px 0
}

.social-share ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none
}

.social-share ul li {
  flex-basis: 23.5%;
  height: 30px;
  margin-bottom: 10px
}

.social-share ul li a {
  transition: all .3s;
  position: relative;
  display: block;
  height: 30px;
  box-sizing: border-box;
  color: white;
  text-decoration: none
}

.social-share ul li a span {
  line-height: 30px
}

.social-share ul li a span[class^="icon-"] {
  font-size: 19px;
  text-align: center;
  display: block;
  width: 30px;
  float: left
}

.social-share ul li a span.text {
  font: normal 12px/18px Arial, Helvetica, sans-serif;
  line-height: 30px;
  margin-left: 3px
}

.social-share ul li.facebook a {
  background-color: #3b5998
}

.social-share ul li.facebook a:hover {
  background-color: #4273c8
}

.social-share ul li.twitter a {
  background-color: #55acee
}

.social-share ul li.twitter a span[class^="icon-"] {
  font-size: 21px
}

.social-share ul li.twitter a:hover {
  background-color: #32bbf5
}

.social-share ul li.print a {
  background-color: #007c78
}

.social-share ul li.print a span[class^="icon-"] {
  font-size: 20px
}

.social-share ul li.print a:hover {
  background-color: #04b4b4
}

.social-share ul li.pinterest a {
  background-color: #bd081c
}

.social-share ul li.pinterest a span[class^="icon-"] {
  font-size: 23px
}

.social-share ul li.pinterest a:hover {
  background-color: #d50920
}

.ajax-loader {
  -moz-transform: scale(0.51);
  -ms-transform: scale(0.51);
  -webkit-transform: scale(0.51);
  transform: scale(0.51);
  -moz-transition: opacity, .5s;
  -o-transition: opacity, .5s;
  -webkit-transition: opacity, .5s;
  transition: opacity, .5s;
  -webkit-filter: brightness(98%);
  filter: brightness(98%);
  font-weight: bold;
  font-family: Arial;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 2px #5F868A;
  position: fixed;
  margin: -65px 0 0 -81px;
  height: 130px;
  width: 162px;
  left: 50%;
  top: 50%;
  z-index: 999;
  display: none
}

.ajax-loader .status {
  width: 300px;
  margin-left: -65px;
  margin-top: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 23px;
  text-shadow: 2px 2px 0px #000
}

.ajax-loader .status span {
  -webkit-animation: 1s blink infinite;
  -moz-animation: 1s blink infinite;
  -o-animation: 1s blink infinite;
  animation: 1s blink infinite
}

.ajax-loader .status span:nth-child(2) {
  animation-delay: 250ms
}

.ajax-loader .status span:nth-child(3) {
  animation-delay: 500ms
}

.ajax-loader > div {
  width: 100%;
  height: 100%
}

.ajax-loader .gears {
  width: 100%;
  height: 100%
}

.ajax-loader .gears.bar {
  overflow: hidden
}

.ajax-loader .gears.background {
  position: absolute;
  opacity: 0.3;
  top: 0;
  left: 0
}

.ajax-loader .gears:before, .ajax-loader .gears span.big {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAACGCAMAAAAvpwKjAAAAt1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8QiqlJAAAAPHRSTlMA+wgMBfgC6fUQ7i7y4xQgG+Xabd68PMylkHdlQtWDUEd+wLKUJLdyNhiYWEsy0KigKZtcaMjEiFSsYI2C1v71AAAIFUlEQVR42u1c6ZKiMBCWcMktIAgiIKjgfd/y/s+1x+zseCRCSLa2tmr71/zopD66O32PjX+XhMZfJ0Hp9foK+46FY4GktBp/kIz5zZHN0Ml1NA/bizpHx9tvGn+IlP0lLH6SnCDlAa7t7wwMLx5tRaKNQOC43jQ1i09i+igDOWufPGIWnUeAJghJ2a3aPFN8USYhVJLeManhZdcCtCxa6kcdhikeyOwjhNF85NO8wJXooMjD4oX4IVwYgxfO5rLLUkDB2mIBIWsMYx43YbwOBRyuVsBItmEuw4by8lNiFKBbwCmDPILWCs4bKqQw9CEChhi/CmOmIXgDYhhTBAxmyr042RWCV+4SKyXiEXeHi2feeRvBqibEzqNnocSRC4CVDMMYSRODBd9lkzAI1nZM/mA91OWdbnc6HWRZJ/Oyi5/k+2OBII9CwJ1pKHHI8u8/maYsyyi8zT0Fh64fC0LqjBsU6MQTwvB1KnlGmwyFOOdowOCGRCj4qU4n3egzJDDCuUAp+1sSoGC8UYMOgYTEMmyWFoyZWF8YB4USCj04EEhDtjk6xclNLUionbM0UEwLQpKn5CFl7PEFKTW3pI/FHRQUiL/glJKSMt5Ijx4DFwU5DiFfpekl6RvsF4oVU1DCsZo8Js+9+UKCgWAdmfmRQyzXe/cXEGPNF7SI9+5wjLvZMnT8Hvv6IL5MUezkI+6HjiKxoEhD9ufnCnqw6si/MmXppTYz71PYNOq3gK0VNInZgwZnjO1U/P3B5nPUU5zn4tCL2gVdasfGbN1+KMrX+lPUMF/ANwvadMye71RdAVab4ZPabPJF/ffkgweddGpBMA+OfztFq60/sES5Dhixda8Tm6+Rb/t2rOg6C76fl4zetet1RGwk/PUOxuKIHSYyW9G5xz6kMU8GJu7zSe+usBm8s/LgCm2usZv9UcW7S5t9fYiHJ8j02kJ2+EbdDhYO/vb76AbLQOW18jY0jddYT/13ksjlOE7bTMo6ey1fxfmq/FMYDoYYrQCU11dnnO/KjI9TexPjle64KnXezsIw0vPHoai6DNv9iiXFrro8GPvjzA5iUqStNIDhA/wPY1P4qrh9UL3E2laGsdU/LLtqwukscAqLTtWPi9gPgxqH1Qxjx2E1q+RqMJa9z2v7HbVCGPEnmL27ah9ns3cWdSg1EG2B28rUyhWimjPpwfXF/uGtFPktbkkMTmXyFdMu+2T1nD7upm+AhDF+Z/etqvmlHxjQWZabexaPEN96gl+FX964oPS0YJFmZew6iGM7Ab89kzOIb7KmV+V9OECNRNwGPsWIaJWey0TLOvCTgzq9AQWRXF5KFTy2EKVfnVYJt0a4403duUVUq8d6gxvHoVTDLkKdQa358h4e7+V52cEzD7ftekOAuQZ3Gb2yg4EK9/z1upt9eDmuxkJZ+gYXo9WrJw0LDmPHlcFQacI4w5UizkpgCOcmHMadbZMHWTko1SbcRLV5rRGIC7+Nn5X6X7g0zF2tnv8VEaAWpWIM4Q92WKvpf0NOkktISeEna8EYIZz5sgQGOk1P62wuLRzEZXoZftTsROvX8V4hojJ5H+Q39sBEZSo1VmPYREVk4/uNhN4kGh7flJED/Ei/QdZh5iXpt7jXBw7c7qr9tkaQ8bUye1PXq9Zq9ryMxfaHS5Up73njEbd9X/uY2+sC3L+O3KxQTZsublwr7XbLx9vmSxanak2ANZ44WoMK16qdzygnuFbFLtUOSyV7sVI9r/1qm7NR1f7GEseFuVVbvr/mPa1LUZXWenWVrJmqnffxT3Ho1fsyfGUfBny58qW/ko8uRlM04KqhgKW0JUthOIsA7VkVeQiBhtGQ/DVEmFxwZigV9MLaFsYcIPs0fFvGwTFUSrJ7wzdxmtXdTz2P8bZVBrH0zl/0BogAWZYCcT7ecMlCK4ZVThqDN237Mvq+hTma0k4LAJtsK0mIOeey7ntZB+whV3qKR9KDkYDROcqwh22X+75JwhfYQNrZdu8qhsTp+mTSOs+irMb8mM/vpWpo9eb/oeM40+l6e+xoGk++LsidSIbvtQbYsGUBwX1W6tLLCtokvsA9jgX0TjTTXCbjiStSRtEO/Gfd+60np/PVl1HD9XkEhIYQ0F0WsIKGNPeXzYchLHiJiR9qMZ1TDwiQbWZS0vbgp3+LPfX3Y+tOXmPzODouUy8Y3e8x0JOHeGI/e/Px9PBjmM+LQwCtl8Y95WkRaEtLHs3blxUIEzdfO9nUrl6Se006KLzRU29eweo6G2saOPjphnglUCaXxZB8c1VKTFIU0YTG0qptkb3UXG9QoTPJ6pUT01riVQ5MfX+xA5RQ6AlJdElowXAPDIlSDDoouJzoyTJnjo5OCFdXVyyd1X9Cv2EuaMCYDEm9V0IDRp80CWPSCQUDjdDtIktsNnnmYz+SN01UEBSv5DCMAXrpKQ5uw9Pa8Varmx8FtoPCS8FIYwt1efJDVhJoSLrU0iVJ4JDtmtAl14laFBWnb66GNFJACuOEgMFMXwwPTBm8BjP5XLkwIcPDGMHLRBIpjEWI6LUYEH+bIiBfycMbokjYw27uqqgFBWIStjAcSwWamEBFJ8Y0glsrh+zZ3Fi46HiIE73SSb/YRT7Qqm0+zMXnnkNmK6BBiYCuJPfy5j0JwejcY1Ctbd8ADZrEuklmqb/3f5FZgfwbRHt1WnAN6gRGsb+UmR8oYgHJlLeZj38u8edS4w+RHkde5xIo3Buw823IaFu7BwFB9ZdIJFZ4y8G2Fr0WaPyn2vQNViXFtdz8Ae0AAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100px;
  height: 100px;
  transform-origin: center;
  z-index: 2;
  left: 56px;
  -webkit-animation: rotate 1.5s linear infinite;
  -moz-animation: rotate 1.5s linear infinite;
  -o-animation: rotate 1.5s linear infinite;
  animation: rotate 1.5s linear infinite;
  position: absolute
}

.ajax-loader .gears:after, .ajax-loader .gears span.small {
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-size: cover;
  width: 70px;
  height: 70px;
  transform-origin: center;
  z-index: 2;
  top: 62px;
  -webkit-animation: reverseRotate 1.5s linear infinite;
  -moz-animation: reverseRotate 1.5s linear infinite;
  -o-animation: reverseRotate 1.5s linear infinite;
  animation: reverseRotate 1.5s linear infinite;
  position: absolute
}

.ajax-loader .gears:before, .ajax-loader .gears:after {
  content: " ";
  display: block;
  -webkit-filter: invert(100%);
  filter: invert(100%);
  margin-left: 1px;
  margin-top: 4px;
  z-index: -1;
  opacity: 0.75
}

.ajax-loader .gears span {
  display: block
}

.hidden {
  display: none
}

iframe#print {
  display: none
}

#mobile-search-expander-button {
  position: absolute;
  height: 100%;
  width: 50px;
  z-index: 10;
  right: 0;
  top: 0
}

#search {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…dpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #53eee9), color-stop(100%, #00a2a2));
  background: -moz-linear-gradient(top, #53eee9 0%, #00a2a2 100%);
  background: -webkit-linear-gradient(top, #53eee9 0%, #00a2a2 100%);
  background: linear-gradient(to bottom, #53eee9 0%, #00a2a2 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#3fe8e3, endColorstr=#02b4b4)";
  box-shadow: 0px 2px 0px 0px #005454, 0 2px 5px rgba(0, 0, 0, 0.6);
  border-radius: 0 0 10px 10px;
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  width: 233px;
  height: 56px;
  right: 0;
  top: 0
}

#search fieldset {
  max-width: 220px;
  position: relative;
  top: 10px;
  left: 12px
}

.tx-indexedsearch-searchbox-button {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUzZWVlOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAyYjRiNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #53eee9), color-stop(100%, #02b4b4));
  background: -moz-linear-gradient(top, #53eee9 0%, #02b4b4 100%);
  background: -webkit-linear-gradient(top, #53eee9 0%, #02b4b4 100%);
  background: linear-gradient(to bottom, #53eee9 0%, #02b4b4 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#3fe8e3, endColorstr=#02b4b4)";
  box-shadow: 0px 2px 0px 0px #007b78;
  box-sizing: border-box;
  border-radius: 5px;
  display: block;
  padding: 0;
  -webkit-backface-visibility: hidden;
  background-repeat: no-repeat;
  position: absolute;
  width: 36px;
  height: 30px;
  right: 7px;
  top: 2px;
  cursor: pointer;
  line-height: 30px;
  text-align: center;
  border: none;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased
}

.tx-indexedsearch-searchbox-button:hover {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyYjRiNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUzZWVlOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #02b4b4), color-stop(100%, #53eee9));
  background: -moz-linear-gradient(top, #02b4b4 0%, #53eee9 100%);
  background: -webkit-linear-gradient(top, #02b4b4 0%, #53eee9 100%);
  background: linear-gradient(to bottom, #02b4b4 0%, #53eee9 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#02b4b4, endColorstr=#3fe8e3)";
  color: #005454
}

.tx-indexedsearch-searchbox-button:hover:before {
  color: #007b78
}

.tx-indexedsearch-searchbox-button:before {
  content: "\e986";
  width: 40px;
  width: 37px;
  line-height: 30px;
  color: white;
  font-size: 20px
}

.tx-indexedsearch-searchbox-sword {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#015253, endColorstr=#196865)";
  border-radius: 5px;
  width: 170px;
  height: 30px;
  line-height: 29px;
  box-shadow: 0px 1px 0px 0px #005454;
  margin: 0;
  text-indent: 10px;
  margin-top: 2px;
  box-sizing: border-box;
  left: 12px;
  font: normal 13px/21px Arial, Helvetica, sans-serif;
  font-weight: bold;
  border: none;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield
}

.tx-indexedsearch-searchbox-sword::placeholder {
  line-height: 30px;
  font-size: 10px;
  font-weight: normal;
  text-indent: 10px;
  color: rgba(0, 0, 0, 0.25)
}

.search-result {
  border: 1px #acacac solid;
  justify-content: space-between;
  flex-wrap: wrap;
  display: flex;
  margin-bottom: 20px;
  padding: 15px
}

.search-result:first-of-type {
  margin-top: 20px
}

.search-result img {
  flex-basis: 180px;
  width: 180px;
  height: 130px
}

.search-result .content {
  position: relative;
  flex-basis: 440px
}

.search-result .content h2, .search-result .content h3 {
  font-weight: bold
}

.search-result .read-more {
  display: block;
  width: 100%;
  text-align: right;
  position: absolute;
  bottom: 0
}

.search-result .read-more:before {
  content: "voir page"
}

.tx-indexedsearch-browselist-currentPage a {
  pointer-events: none;
  text-decoration: none
}

.desc_preview {
  padding: 15px 15px 20px 15px;
  max-height: 999999px;
  box-sizing: border-box;
  position: relative;
  text-decoration: none;
  cursor: auto;
  left: 0;
  border: 1px white solid;
  box-shadow: 0 0 0 1px #bcbcbc;
  background-color: #efefef;
  margin: 30px 0 0;
  -moz-transition: opacity .5s;
  -o-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  opacity: 1
}

.desc_preview h3, .desc_preview h4 {
  font: normal 16px/20px Arial, Helvetica, sans-serif;
  color: #02b4b4
}

.desc_preview p {
  margin-bottom: 0
}

.desc_preview:before {
  content: ' ';
  display: block;
  position: absolute;
  top: -15px;
  width: 17px;
  height: 15px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAMAAAA1b9QjAAAAh1BMVEUAAAC+vr6+vr6+vr7AwMC/v7+/v7++vr6+vr6+vr6+vr7CwsLLy8vFxcW+vr6+vr6+vr6+vr7v7+/T09O+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr7v7+/////19fX7+/v39/f9/f3y8vLs7Ozl5eXb29v5+fno6Ojf39/h4eHS0tLPz88WIJskAAAAHXRSTlMACPvx6LRwQjAiEP764d7Xx763rqCWjIJ4W1FLGOe1uAoAAACCSURBVBjTXc3XEoIwEIVhQsfe++6mA+r7P58xEjH+l9+cmZOEriyJm+SnPznY7BZBk6puF0nRC5zWP1A9SXBajcCWBgna+/krpSUBoGTOwnOmEVwCjoPsbSveonHWeKhTQPARL7yseyT4JE3l4PIgDkMK5+55YVBDiHelG204jMntCyltDokupRZuAAAAAElFTkSuQmCC")
}

.glossary_divider {
  display: none
}

.glossary_entry, .faq_entry {
  border-top: 1px #b8b7b6 solid;
  padding: 20px 0
}

.glossary_entry > header h2, .faq_entry > header h2 {
  font: bold 16px/20px Arial, Helvetica, sans-serif;
  color: #02b4b4
}

.glossary_entry .description, .faq_entry .description {
  display: none;
  overflow: hidden;
  max-height: 0px
}

.glossary_entry .description.expanded, .faq_entry .description.expanded {
  max-height: 99999px
}

.glossary_entry .items, .faq_entry .items {
  box-sizing: border-box;
  list-style-type: none;
  position: relative;
  width: 100%;
  top: 0
}

.glossary_entry .items li, .faq_entry .items li {
  list-style-type: disc;
  margin-bottom: 10px;
  position: relative
}

.glossary_entry .items li:hover > header, .glossary_entry .items li.selected > header, .faq_entry .items li:hover > header, .faq_entry .items li.selected > header {
  text-decoration: underline
}

.glossary_entry .items li.selected > header, .glossary_entry .items li.selected > header h3, .glossary_entry .items li.selected h3, .faq_entry .items li.selected > header, .faq_entry .items li.selected > header h3, .faq_entry .items li.selected h3 {
  font-weight: bold
}

.glossary_entry .items li h3, .faq_entry .items li h3 {
  cursor: pointer;
  display: block;
  position: relative;
  padding-right: 9px;
  text-transform: initial;
  font: normal 16px/20px Arial, Helvetica, sans-serif;
  color: #39434e
}

.glossary_entry > header h2 {
  display: inline-block;
  float: left;
  position: absolute;
  margin: 0;
  width: 28px
}

.glossary_entry .items {
  padding: 0 0 0 83px;
  display: inline-flex;
  flex-flow: wrap
}

.glossary_entry .items li {
  min-height: 32px;
  flex-basis: 23%;
  width: 138px;
  margin-right: 11px;
  float: left
}

.glossary_entry .acc {
  width: 655px;
  left: 0;
  position: relative
}

.faq_entry > header {
  margin-bottom: 20px
}

.faq_entry > header h2 {
  position: relative;
  width: 100%
}

.faq_entry ul {
  margin-left: 15px
}

.faq_entry li {
  cursor: pointer;
  margin-bottom: 10px;
  position: relative
}

.faq_entry li:hover header {
  text-decoration: underline
}

div[role=log] {
  display: none
}

@media (max-width: 767px) {
  .glossary_entry .items li {
    flex-basis: 100%
  }
}

.answericon {
  background-color: #02b4b4;
  box-sizing: border-box;
  width: 50px;
  height: 100%;
  line-height: 50px;
  font-size: 35px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0
}

.answericon .letter {
  box-sizing: border-box;
  width: 50px;
  line-height: 50px;
  text-align: center;
  display: block;
  font-size: 30px;
  color: white
}

.quizquestion {
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 20px
}

.answertext {
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  padding: 5px 10px;
  width: 326px;
  height: 50px;
  color: #39434e
}

.newsquiz {
  width: 100%;
  height: auto;
  position: relative
}

.newsquiz .answerresponse {
  padding-top: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 1px #bcbcbc dashed;
  display: inline-block;
  float: left
}

.newsquiz form {
  width: 100%;
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  float: left
}

.newsquiz form input {
  display: none
}

.newsquiz form .quizanswers {
  margin: 0 12px 15px 0;
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.newsquiz form .quizanswers .answertext {
  border-left: 48px white solid;
  text-align: center;
  padding-right: 10px
}

.newsquiz form .quizanswers > div.clearfix {
  display: none
}

.newsquiz form .quizanswers > .answeroption {
  flex-basis: 50%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  margin-top: 10px;
  border: 2px #02b4b4 solid;
  display: inline-block;
  max-width: 330px;
  cursor: pointer;
  width: 50%;
  position: relative;
  float: left
}

.newsquiz form .quizanswers > .answeroption .letter {
  width: 100%;
  height: 100%;
  position: relative
}

.newsquiz form .quizanswers > .answeroption:first-child .letter:before {
  content: "A"
}

.newsquiz form .quizanswers > .answeroption:nth-child(2) .letter:before {
  content: "B"
}

.newsquiz form .quizanswers > .answeroption:nth-child(3) .letter:before {
  content: "C"
}

.newsquiz form .quizanswers > .answeroption:nth-child(4) .letter:before {
  content: "D"
}

.newsquiz form .quizanswers > .answeroption:nth-child(5) .letter:before {
  content: "E"
}

.newsquiz form .quizanswers > .answeroption:nth-child(6) .letter:before {
  content: "F"
}

.newsquiz form .quizanswers > .answeroption:nth-child(7) .letter:before {
  content: "G"
}

.newsquiz form .quizanswers > .answeroption:nth-child(8) .letter:before {
  content: "H"
}

.newsquiz form .quizanswers > .answeroption.right .answericon:after, .newsquiz form .quizanswers > .answeroption.wrong .answericon:after {
  width: 25px;
  height: 25px;
  content: ' ';
  display: block;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAxCAMAAAAYyPIKAAAAk1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ROyVeAAAAMHRSTlMA+gMOOvmDHfDg1iEF9dHHpFgJ7N3Zvqehdl7jrpl8TEM1My4YFem2lHFnU0gobClxcWzvAAABWElEQVQ4y42T6W6DMBCEDSRAuAkk5L7vNO2+/9O19qyxQFjq/GHWX9iMxkLY9LKB0dgCghsNg2lOFrIgC3mShRwcC4krGibTjCxkQxayY7Dk2dVgj/NxyfNXFMB8QgXSA8ZLQ/RQzpspUB2x6BXK1wNp7wqsfxQ459i8/fO+cnpzGfF/xuINcBGsZOngpXMqH9lVGJ1qeeRMugCR5sSaYZVRwpWsA9GXu5AgPGPqooLI2YshJXPaiWF5jSv+qT1BD107z6UQWzgH/U5rjIX0M/gskcTHUHuqnLG53w+8M8LqJUgaC4Ga2vwuz3exgsnb/EGFk++beoSxiV6CmMBGCzIqutXULZh4va8PV47A3aojJlHSIz5p+ZZl/XXehGg4QsP94NEYwKWsj9ztSoM4xMEbOUw9bo55g7vSlZrAaSA/eBPdBH6iQB3dBM6w4Fq10Qv+0ambk4pfEjlVktGgtgEAAAAASUVORK5CYII=");
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px -14px
}

.newsquiz form .quizanswers > .answeroption.right {
  animation: .2s blink 1;
  border: 2px #50d284 solid
}

.newsquiz form .quizanswers > .answeroption.right .answericon {
  background-color: #50d284
}

.newsquiz form .quizanswers > .answeroption.right .answericon .letter {
  display: none
}

.newsquiz form .quizanswers > .answeroption.wrong {
  animation: .2s blink 4;
  border: 2px #d25050 solid
}

.newsquiz form .quizanswers > .answeroption.wrong .answericon {
  background-color: #d25050
}

.newsquiz form .quizanswers > .answeroption.wrong .answericon .letter {
  display: none
}

.newsquiz form .quizanswers > .answeroption.wrong .answericon:after {
  background-position: 0 -25px
}

.newsquiz form .quizanswers > .answeroption.disabled {
  pointer-events: none
}

.newsquiz form .quizanswers > .answeroption.checked .answertext {
  background-color: white
}

form.quiz-mode .quizquestion {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 10px;
  display: inline-block
}

form.quiz-mode .quizanswers {
  height: auto;
  float: left
}

form.quiz-mode .quizanswers .answeroption {
  margin: 10px 0 0 0;
  flex-basis: 100%;
  max-width: 100%;
  width: 100%
}

form.quiz-mode .quizanswers .answeroption.checked {
  background-color: rgba(2, 180, 180, 0.1)
}

form.quiz-mode .quizanswers .answeroption.checked .answertext {
  background-color: transparent
}

form.quiz-mode .quizanswers .answeroption .answertext {
  width: 100%;
  max-width: 670px
}

#cookieBanner .bannerBtnSet {
  flex-wrap: wrap
}

#cookieBanner .bannerBtnSet .button {
  width: 100%
}

#cookieBanner .bannerBtnSet .button.bannerCloseBtn {
  margin-right: 0;
  margin-bottom: 10px
}

#cookieConsent {
  opacity: 0;
  justify-content: center;
  align-items: center;
  z-index: 100000;
  position: fixed;
  display: flex;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5)
}

#cookieConsent.hidden {
  display: none
}

.banner {
  position: fixed;
  border: 1px #00a2a2 solid;
  padding: 20px 0 20px 0;
  background-color: white;
  margin: 10px 0 0 0;
  min-height: 44px;
  z-index: 13909;
  bottom: 10px;
  left: -100%;
  width: 100%;
  opacity: 0;
  box-sizing: border-box
}

.banner .wrapper {
  justify-content: space-between;
  flex-basis: 100%;
  display: flex;
  max-width: 1200px;
  margin: 0 auto
}

.banner p {
  display: table-cell;
  vertical-align: middle
}

.banner .bannerMessage {
  margin: 0
}

.banner.closed {
  margin-top: -32px
}

.bannerBtnSet {
  justify-content: flex-end;
  align-items: center;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  margin: 0 0 0 30px
}

.bannerBtnSet .button, .bannerBtnSet .content a.button, .content .bannerBtnSet a.button {
  position: relative;
  display: block
}

.bannerBtnSet .button:first-child {
  margin-right: 10px
}

.bannerBtnSet .button a {
  color: white;
  line-height: 23px;
  position: relative;
  z-index: 1;
  outline: none
}

.bannerBtnSet .button a:hover {
  text-decoration: none
}

.bannerBtnSet .link-wrap {
  text-align: center;
  flex-basis: 100%;
  width: 100%;
  margin-top: 10px
}

.bannerBtnSet .link-wrap a {
  text-decoration: none;
  color: #00a2a2
}

.bannerBtnSet .link-wrap a:hover, .bannerBtnSet .link-wrap a:active {
  color: #53eee9
}

.bannerBtnSet .bannerReadMoreBtn {
  width: auto
}

.iOS_hs_tap {
  display: inline-block;
  height: 20px;
  width: 28px
}

.iOS_hs_tap:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAA2CAMAAACcNRsHAAAAM1BMVEUAAAAAev5npOZnpeZioucDe/4pivV4q+K9yNG7x9JnpeZvp+SFsd91quN/ruAri/R6rOLUDyBZAAAACnRSTlMA/p2dgffJg1UUDdaEtQAAAG9JREFUSMftzUkKgDAQRNEqZ82g9z+tHSSCRJPeBSGfXjUPCmlbD0Ub2auUOI2SuqIKV3ADaUDCiMsqh8DgxGWUx8VwfDrD0SIy+JHzK1snUTeD3Rdkikz6CeOjyJK/mpVHG2usOgMaa6w6K6dnuk55CAKOwfvHdwAAAABJRU5ErkJggg==");
  background-size: cover;
  position: relative;
  display: block;
  content: ' ';
  height: 27px;
  width: 19px;
  left: 5px;
  top: -2px
}

.consent-modal {
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  max-width: 800px;
  max-height: 80%;
  height: auto;
  max-height: 1100px;
  min-height: 300px;
  width: 100%;
  position: relative;
  margin: 0 auto;
  box-shadow: 0 0.125em 0.5em rgba(0, 0, 0, 0.33);
  transition: all .3s ease;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
  background-color: white
}

.consent-modal > * {
  flex-basis: 100%
}

.consent-modal h2 {
  font-family: Helvetica, Arial, sans-serif;
  background-color: #02b4b4;
  margin-bottom: 30px;
  text-align: center;
  position: relative;
  line-height: 90px;
  font-weight: bold;
  font-size: 25px;
  display: block;
  color: white;
  width: 100%;
  top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  white-space: nowrap;
  padding: 0 20px
}

.consent-modal .consent-inner {
  padding: 0 30px 100px 30px
}

.consent-modal .consent-inner strong {
  font-weight: bold;
  margin-top: 15px
}

.consent-modal strong {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 15px
}

.consent-modal .buttons {
  box-sizing: border-box;
  padding: 20px;
  box-shadow: 0 -0.15em 0.2em rgba(0, 0, 0, 0.2);
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 10
}

.consent-modal .buttons .button {
  display: inline-block;
  width: auto;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  top: 0
}

.consent-modal .buttons .button:before {
  z-index: -1
}

.consent-modal .buttons .button a, .consent-modal .buttons .button button {
  border: 0;
  background-color: transparent;
  padding: 0 15px;
  color: white;
  font: bold 20px/36px Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 36px
}

.consent-modal .buttons .button a:hover, .consent-modal .buttons .button a:active, .consent-modal .buttons .button a:link, .consent-modal .buttons .button button:hover, .consent-modal .buttons .button button:active, .consent-modal .buttons .button button:link {
  text-decoration: none;
  color: white
}

.consent-modal .buttons .button:first-child {
  margin-right: 20px
}

.consent-wrapper {
  overflow: scroll;
  max-height: inherit;
  min-height: inherit;
  height: 100%;
  width: 100%
}

.consent-inner {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 20px
}

.expandable, .t-toggle-box {
  margin: 15px 0 30px 0
}

.expandable header, .t-toggle-box header {
  cursor: pointer;
  color: #00a2a2;
  position: relative;
  display: flex;
  height: 0
}

.expandable header .headline, .t-toggle-box header .headline {
  padding: 0 20px;
  font-size: 16px;
  font-weight: normal
}

.expandable header span, .t-toggle-box header span {
  white-space: nowrap;
  margin-top: -9px
}

.expandable ul, .t-toggle-box ul {
  margin-left: 15px
}

.expandable > div, .t-toggle-box > div {
  overflow: hidden;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  max-height: 0;
  height: auto
}

.expandable.expanded > div, .t-toggle-box.expanded > div {
  max-height: 9999px
}

.expandable .body-in-border, .t-toggle-box .body-in-border {
  border-left: 1px solid #00a2a2;
  border-right: 1px solid #00a2a2;
  border-bottom: 1px solid #00a2a2;
  padding: 30px
}

.expandable header::after, .expandable header::before, .t-toggle-box header::after, .t-toggle-box header::before {
  position: relative;
  content: " ";
  width: 100%;
  top: 0;
  border-top: 1px solid #00a2a2;
  height: 1px
}

.expandable header::before, .t-toggle-box header::before {
  left: 0
}

.expandable header::after, .t-toggle-box header::after {
  right: 0
}

.expandable .arrow, .t-toggle-box .arrow {
  border: solid #00a2a2;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  margin-left: 5px;
  position: relative;
  top: -3px
}

.expandable .arrow.bottom, .t-toggle-box .arrow.bottom {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg)
}

.checkbox-group {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.checkbox-group input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

.checkbox-group .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: white;
  border-radius: 2px;
  border: 1px #00a2a2 solid;
  z-index: 1
}

.checkbox-group .checkmark.disabled {
  opacity: 0.5;
  border: 1px #444444 solid
}

.checkbox-group .checkmark.disabled:after {
  left: 7px;
  top: 3px;
  width: 3px;
  height: 10px;
  border: 1px #444444 solid;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.checkbox-group input:checked ~ .checkmark {
  background-color: #00a2a2
}

.checkbox-group input:checked ~ .checkmark.disabled {
  background-color: white
}

.checkbox-group .checkmark:after {
  left: 7px;
  top: 3px;
  width: 3px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.checkbox-group .checkmark:after {
  content: "";
  position: absolute;
  display: none
}

.checkbox-group input:checked ~ .checkmark:after {
  display: block
}

.button, .content a.button {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5ZTJkZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA0YjRiNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #39e2df), color-stop(100%, #04b4b4));
  background: -moz-linear-gradient(top, #39e2df 0%, #04b4b4 100%);
  background: -webkit-linear-gradient(top, #39e2df 0%, #04b4b4 100%);
  background: linear-gradient(to bottom, #39e2df 0%, #04b4b4 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#39e2df, endColorstr=#04b4b4)";
  -moz-box-shadow: inset 0px -2px 0px 0px #007c78;
  -webkit-box-shadow: inset 0px -2px 0px 0px #007c78;
  box-shadow: inset 0px -2px 0px 0px #007c78;
  -moz-transition: all, .3s;
  -o-transition: all, .3s;
  -webkit-transition: all, .3s;
  transition: all, .3s;
  border-radius: 6px;
  position: relative;
  display: block;
  border: 0;
  color: white;
  text-decoration: none;
  text-align: center;
  font: normal 16px/20px Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 5px 10px;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.button.big, .content a.big.button {
  font: bold 20px/36px Arial, Helvetica, sans-serif;
  line-height: 60px
}

.button:hover, .content a.button:hover, .button:active, .content a.button:active, .button.visible, .content a.visible.button {
  filter: brightness(120%);
  color: white
}

.button:active, .content a.button:active {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA0YjRiNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM5ZTJkZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #04b4b4), color-stop(100%, #39e2df));
  background: -moz-linear-gradient(top, #04b4b4 0%, #39e2df 100%);
  background: -webkit-linear-gradient(top, #04b4b4 0%, #39e2df 100%);
  background: linear-gradient(to bottom, #04b4b4 0%, #39e2df 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#04b4b4, endColorstr=#39e2df)";
  color: white
}

.button:active:before {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.button:before, .content a.button:before {
  -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.2);
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  content: ' '
}

.button a, .content a.button a {
  text-decoration: none
}

.button a:hover, .button a:link, .button a:active {
  text-decoration: none
}

html.holzbox body {
  overflow: hidden
}

html.holzbox #holzbox {
  display: flex
}

html.preload body > * {
  display: none
}

html.preload body .preloader {
  display: block
}

html.ajax-loading .ajax-loader {
  display: block
}

html.ajax-loading main > * {
  -webkit-filter: blur(5px);
  opacity: .3
}

html.ajax-loading body > nav {
  pointer-events: none
}

html.nocookie #cookieBanner {
  display: flex
}

html.nocookie footer {
  padding-bottom: 33px
}

html.ca-desktop .smart-banner-content.desktop {
  display: block
}

html.ca-desktop body.accueil aside section.smart-banner-content.desktop {
  display: none
}

html.ca-ios .smart-banner-content.ios {
  display: block
}

html.ca-android .smart-banner-content.android {
  display: block
}

html.agent-chrome .smart-banner-content.chrome {
  display: block
}

html.ca-android .smart-banner-content.safari {
  display: block
}

body.pdffriendly {
  background: white
}

body.accueil #slider {
  padding: 12px 24px 12px 30px;
  margin-bottom: 18px;
  max-height: 290px;
  opacity: 1
}

body.accueil #slider .animation {
  opacity: 1
}

body.accueil aside {
  margin-top: 0
}

body.accueil #content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

body.accueil #content .teaser {
  flex-basis: 50%;
  max-width: 325px;
  width: 100%
}

body.accueil #content .teaser.wide {
  flex-basis: 100%;
  max-width: 100%
}

body.static aside {
  display: none
}

body.static #content {
  flex-basis: 100%;
  margin-right: 30px
}

@media (min-width: 768px) {
  #logo {
    background-position: -250px -608px;
    background-size: 670px 884px;
    width: 358px;
    height: 119px;
    top: 30px;
    left: 0
  }

  body > nav {
    box-sizing: border-box;
    background-color: black;
    border-radius: 6px 6px 0 0;
    display: block;
    width: 100%;
    height: 57px;
    z-index: 999
  }

  body > nav > ul {
    width: 100%;
    height: 57px;
    border-spacing: 1px;
    padding: 0;
    margin: 0;
    display: table-row
  }

  body > nav > ul:before {
    display: none
  }

  body > nav > ul > li {
    background-image: url(/fileadmin/belote/images/bel_sprite_navi_SD.png);
    -moz-transition: all 0s;
    -o-transition: all 0s;
    -webkit-transition: all 0s;
    transition: all 0s;
    width: 142px;
    display: table-cell;
    vertical-align: middle;
    height: 56px;
    text-align: center;
    background-size: 100% 483px;
    background-repeat: no-repeat;
    background-position: 0 -76px;
    border-bottom: 1px black solid;
    position: relative
  }

  body > nav > ul > li:hover, body > nav > ul > li.expanded {
    background-position: 0 -274px
  }

  body > nav > ul > li:hover ul.submenu li, body > nav > ul > li.expanded ul.submenu li {
    max-height: 43px;
    opacity: 1
  }

  body > nav > ul > li:hover ul.submenu:after, body > nav > ul > li.expanded ul.submenu:after {
    max-height: 20px;
    opacity: 1
  }

  body > nav > ul > li.active {
    background-position: 0 -274px
  }

  body > nav > ul > li.active:first-child {
    background-position: 0 -208px
  }

  body > nav > ul > li > a {
    text-decoration: none;
    text-overflow: ellipsis;
    font-size: 20px;
    font-weight: bold;
    font-family: "Amaranth", Arial, Helvetica, sans-serif;
    font-weight: 600;
    display: block;
    line-height: 54px;
    height: 54px;
    width: 100%;
    overflow: hidden;
    color: black;
    text-shadow: none;
    letter-spacing: 0.5px
  }

  body > nav > ul > li > a:after {
    color: #ffffeb;
    position: absolute;
    background: none;
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(transparent, transparent), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAA2BAMAAAASbSXrAAAAJFBMVEXazKL9+drbzKL59M/s47vv57/g1Kf799X48czq4Lbo3bHl2a0BCEE4AAAAAXRSTlPuB1QXGQAAADBJREFUCNdjEBQkB5WXMxgbQ1FHB0NoKAi5uEDRzJkMq1Yx7N7NkJYGQkpKCEQ6AABIBw8lQwzRnQAAAABJRU5ErkJggg==");
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    background-clip: text;
    content: attr(data-text);
    height: 54px;
    width: 100%;
    display: block;
    overflow: hidden;
    line-height: 54px;
    text-align: center;
    position: absolute;
    top: 0
  }

  body > nav > ul > li > a:hover, body > nav > ul > li > a:active {
    text-decoration: none;
    color: black
  }

  body > nav > ul > li:first-child {
    background-position: 0 -10px;
    background-color: transparent
  }

  body > nav > ul > li:first-child:hover {
    background-position: 0 -208px
  }

  body > nav > ul > li:last-child, body > nav > ul > li.last {
    background-position: 0 -142px;
    background-color: transparent
  }

  body > nav > ul > li:last-child:hover, body > nav > ul > li:last-child.active, body > nav > ul > li.last:hover, body > nav > ul > li.last.active {
    background-position: 0 -340px
  }

  body > nav > ul > li.submenu:after {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAGCAMAAAASYIXrAAAAVFBMVEUAAACAMiCAMiCAMiCAMiCAMiCAMiCAMiCAMiCAMiCAMiCAMiCAMiCAMiD68tDo0ofdx33awnnIr2qob0ecXzyIQym7j3W5jHLNuHCjgkmSUjORUDJtxaWSAAAADnRSTlMA/vHZl3pdTDQhCtLEwrLenxMAAABESURBVAjXTcZXDoAgEAXAt3SwLc16/3saIxrma2AErfNnI2EAP1JeXpkmj4emEpk5FtJonDzTni7p8AuqHlUF9Oxg227IjQL/+kQHqAAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    display: block;
    content: ' ';
    width: 17px;
    height: 6px;
    position: absolute;
    margin-left: -7px;
    bottom: -1px;
    left: 50%
  }

  body > nav > ul ul.submenu {
    position: absolute;
    width: 100%
  }

  body > nav > ul ul.submenu li {
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    background-image: url(/fileadmin/belote/images/bel_sprite_navi_SD.png);
    background-position: 0 -406px;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    float: left;
    width: 142px;
    height: 43px;
    width: 100%;
    max-height: 0;
    opacity: 0
  }

  body > nav > ul ul.submenu li:hover {
    background-position: 0 -406px
  }

  body > nav > ul ul.submenu li a {
    -moz-transition: all .1s;
    -o-transition: all .1s;
    -webkit-transition: all .1s;
    transition: all .1s;
    box-sizing: border-box;
    letter-spacing: -0.5px;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    font: normal 16px/20px "Amaranth", Arial, Helvetica, sans-serif;
    color: #424242;
    line-height: 45px;
    padding: 0 10px;
    display: block;
    height: 43px;
    width: 100%
  }

  body > nav > ul ul.submenu li a:hover {
    color: #00a2a2
  }

  body > nav > ul ul.submenu:after {
    content: ' ';
    display: block;
    height: 20px;
    width: 100%;
    background-image: url(/fileadmin/belote/images/bel_sprite_navi_SD.png);
    background-position: 0 -459px;
    position: absolute;
    bottom: -20px;
    opacity: 0;
    max-height: 0
  }
}

@media (max-width: 1045px) {
  #cookieBanner.banner .wrapper, #notificationsBanner.banner .wrapper, #promptBanner.banner .wrapper, #promptBanner_iOS.banner .wrapper {
    padding: 0 20px;
    flex-direction: column
  }

  #cookieBanner.banner .bannerBtnSet, #notificationsBanner.banner .bannerBtnSet, #promptBanner.banner .bannerBtnSet, #promptBanner_iOS.banner .bannerBtnSet {
    justify-content: center;
    margin: 20px 0 0 0;
    flex-wrap: wrap;
    display: flex
  }

  #cookieBanner.banner .bannerBtnSet .button, #notificationsBanner.banner .bannerBtnSet .button, #promptBanner.banner .bannerBtnSet .button, #promptBanner_iOS.banner .bannerBtnSet .button {
    width: auto
  }

  #cookieBanner.banner .bannerBtnSet .button:first-child, #notificationsBanner.banner .bannerBtnSet .button:first-child, #promptBanner.banner .bannerBtnSet .button:first-child, #promptBanner_iOS.banner .bannerBtnSet .button:first-child {
    margin-right: 10px
  }

  #cookieBanner.banner .bannerBtnSet .button:last-child, #notificationsBanner.banner .bannerBtnSet .button:last-child, #promptBanner.banner .bannerBtnSet .button:last-child, #promptBanner_iOS.banner .bannerBtnSet .button:last-child {
    margin-left: 10px
  }

  #cookieBanner.banner .bannerBtnSet .bannerRejectBtn, #notificationsBanner.banner .bannerBtnSet .bannerRejectBtn, #promptBanner.banner .bannerBtnSet .bannerRejectBtn, #promptBanner_iOS.banner .bannerBtnSet .bannerRejectBtn {
    flex-basis: 100%
  }

  #cookieBanner.banner .bannerBtnSet .bannerCloseBtn, #notificationsBanner.banner .bannerBtnSet .bannerCloseBtn, #promptBanner.banner .bannerBtnSet .bannerCloseBtn, #promptBanner_iOS.banner .bannerBtnSet .bannerCloseBtn {
    margin-bottom: 0
  }
}

@media (max-width: 1023px) {
  body > header, body > main, body > footer {
    max-width: 768px;
    min-width: 768px
  }

  body > nav {
    max-width: 768px
  }

  body > main {
    padding-top: 20px
  }

  body > main article {
    margin-left: 50px
  }

  body aside {
    display: none
  }

  body.accueil aside {
    display: block
  }

  body.accueil aside section.ca-teaser {
    display: block
  }

  body.accueil aside section.ca-teaser::after {
    display: block
  }

  aside {
    margin-left: 50px;
    flex-basis: 100%;
    max-width: 670px
  }

  aside section {
    display: none
  }

  aside section.ca-teaser {
    background-position: 0 0;
    flex-basis: 100%;
    max-width: 100%;
    display: block;
    margin-bottom: 0
  }

  aside section.ca-teaser .content {
    height: 249px;
    padding-top: 34px;
    margin-left: 20px;
    width: 250px
  }

  aside section.ca-teaser .content .button {
    left: 30px
  }

  aside section.ca-teaser header {
    display: none
  }

  #slider {
    background-position: -60px 0;
    max-width: 670px;
    height: 290px
  }

  #slider .animation {
    left: 479px
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  body > nav {
    height: 44px
  }

  body > nav ul li {
    background-position: 0 -59px;
    background-size: 100% 377px;
    height: 44px
  }

  body > nav > ul {
    height: 44px
  }

  body > nav > ul li:hover, body > nav > ul li.active, body > nav > ul li.expanded {
    background-position: 0 -213px
  }

  body > nav > ul li:first-child {
    background-position: 0 -7px
  }

  body > nav > ul li:first-child:hover {
    background-position: 0 -162px
  }

  body > nav > ul li.last {
    background-position: 0 -111px
  }

  body > nav > ul li.last:hover, body > nav > ul li.last.active {
    background-position: 0 -265px
  }

  body > nav > ul li.active:first-child {
    background-position: 0 -162px
  }

  body > nav > ul li.active.last {
    background-position: 0 -265px
  }

  body > nav > ul li ul.submenu li {
    background-position: 0 -317px;
    line-height: 33px;
    height: 33px;
    transition: all .3s
  }

  body > nav > ul li ul.submenu li:hover {
    background-position: 0 -317px
  }

  body > nav > ul li ul.submenu li:last-child, body > nav > ul li ul.submenu li.last {
    background-position: 0 -317px
  }

  body > nav > ul li ul.submenu li:last-child:hover, body > nav > ul li ul.submenu li:last-child.active, body > nav > ul li ul.submenu li.last:hover, body > nav > ul li ul.submenu li.last.active {
    background-position: 0 -317px
  }

  body > nav > ul li ul.submenu li a {
    height: 33px;
    font: normal 16px/20px "Amaranth", Arial, Helvetica, sans-serif;
    letter-spacing: -0.5px;
    line-height: 37px
  }

  body > nav > ul li ul.submenu:after {
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0;
    border-radius: 0 0 10px 10px
  }

  body > nav > ul li a {
    height: 44px;
    font: normal 16px/20px "Amaranth", Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 44px;
    letter-spacing: 1px
  }

  body > nav > ul li a::after {
    height: 44px;
    line-height: 44px
  }

  #page-seo section {
    flex-basis: 48%
  }
}

@media (max-width: 767px) {
  html.fixed body > header {
    position: fixed;
    max-width: 100%;
    width: 100%;
    left: 0;
    top: 0
  }

  html.fixed body main {
    margin-top: 51px
  }

  html.fixed.menu-expanded body > header {
    left: 270px
  }

  html.menu-expanded #menu-screen {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    display: block;
    height: 100vh;
    width: 100vw;
    left: 0;
    top: 0;
    z-index: 1000
  }

  html.menu-expanded body > nav {
    left: 0
  }

  html.menu-expanded body main, html.menu-expanded body > footer, html.menu-expanded body > header {
    left: calc(270px - ((100vw - 569px) / 2))
  }

  html body main, html body > footer, html body > header {
    -moz-transition: left .3s;
    -o-transition: left .3s;
    -webkit-transition: left .3s;
    transition: left .3s
  }

  body > nav {
    background: linear-gradient(90deg, #38393d 0%, #47494e 100%);
    background-color: #38393d;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#38393d, endColorstr=#47494e)";
    border-left: 4px #008888 solid;
    position: fixed;
    left: -270px;
    bottom: 0;
    top: 0;
    -moz-transition: left .3s;
    -o-transition: left .3s;
    -webkit-transition: left .3s;
    transition: left .3s;
    -webkit-backface-visibility: hidden;
    width: 270px;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 2000
  }

  body > nav > ul {
    border-spacing: 1px;
    width: 90%;
    overflow: hidden;
    margin-left: 5%;
    margin-top: 20px;
    display: block;
    border: 1px rgba(0, 0, 0, 0.5) solid;
    border-radius: 10px 10px 0 0
  }

  body > nav > ul ul.submenu li {
    background: linear-gradient(to bottom, #e2e2e2 0%, #ffffff 30%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0)";
    display: block;
    text-align: center;
    overflow: hidden;
    float: left;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 100%;
    height: 0
  }

  body > nav > ul ul.submenu li a {
    font: bold 14px/18px Arial, Helvetica, sans-serif;
    letter-spacing: -0.5px;
    line-height: 50px;
    text-overflow: ellipsis;
    text-decoration: none;
    text-shadow: none;
    color: #3e3f44;
    box-sizing: border-box;
    height: 50px;
    width: 100%;
    transition: all .1s;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 10px;
    display: block
  }

  body > nav > ul > li {
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: center;
    background: linear-gradient(to bottom, #46494e 0%, #38393d 100%);
    background-color: #222;
    background-position-x: 0%;
    background-position-y: 0%;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#46494e, endColorstr=#38393d)";
    background-position: 0 0;
    border-top: 1px #656565 solid;
    border-left: none;
    border-bottom: 1px #242529 solid
  }

  body > nav > ul > li:first-child {
    border-top: 0
  }

  body > nav > ul > li a {
    text-shadow: 0px 2px 0 rgba(49, 49, 49, 0.5);
    text-decoration: none;
    text-align: left;
    text-indent: 25px;
    font: bold 16px/20px Arial, Helvetica, sans-serif;
    line-height: 56px;
    color: white
  }

  body > nav > ul > li a:hover, body > nav > ul > li a:active {
    text-decoration: none;
    color: white
  }

  body > nav > ul > li > a {
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-overflow: ellipsis;
    letter-spacing: 0.5px;
    text-decoration: none;
    display: block;
    height: 54px;
    width: 100%;
    overflow: hidden
  }

  body > nav > ul > li.submenu > a::after {
    text-shadow: 0px 2px 0 rgba(49, 49, 49, 0.5);
    transform-origin: 50% 50%;
    content: "\e907";
    font-family: "icomoon";
    display: block;
    width: 21px;
    height: 16px;
    position: absolute;
    margin-left: -7px;
    top: 20px;
    right: 16px;
    left: auto;
    color: white;
    font-size: 18px;
    text-align: center;
    text-indent: 0;
    line-height: 16px
  }

  body > nav > ul > li.submenu.expanded > a {
    background: linear-gradient(to bottom, #00a2a1 0%, #007e7d 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#00a2a1, endColorstr=#007e7d)";
    border-top: 2px #36dede solid;
    border-bottom: 1px #242529 solid
  }

  body > nav > ul > li.submenu.expanded > a::after {
    transform: rotate(90deg)
  }

  body > nav > ul > li.submenu.expanded ul.submenu {
    border-spacing: 0;
    display: block;
    position: relative
  }

  body > nav > ul > li.submenu.expanded ul.submenu li {
    border-bottom: 1px #8f8f8f solid;
    height: 50px;
    width: 100%
  }

  body > nav > ul > li.submenu.expanded ul.submenu li:first-child {
    border-radius: 0
  }

  body > header {
    background-color: #06ada6;
    overflow: hidden;
    margin: 0 auto;
    height: 51px;
    width: 569px
  }

  body > header .social-circle {
    display: none
  }

  body > main {
    padding-top: 10px
  }

  body > main article {
    margin-left: 10px
  }

  body > main article#content, body > main article#slider {
    margin-right: 10px
  }

  body aside {
    margin-left: 10px;
    margin-right: 10px
  }

  body aside section.ca-teaser {
    height: 200px
  }

  body aside section.ca-teaser::after {
    top: -72px;
    right: -10px
  }

  body aside section.ca-teaser .badge-banner div.content {
    transform: scale(0.85);
    height: 200px;
    padding-top: 0;
    margin-top: 6px;
    margin-left: 0
  }

  body aside section.ca-teaser .badge-banner div.content .button {
    bottom: 20px
  }

  body.accueil #content .teaser {
    margin-bottom: 10px;
    max-width: 269px;
    height: 248px
  }

  body.accueil #content .teaser.wide {
    height: 238px
  }

  body.accueil #content .teaser .list-item h2 {
    height: 30px;
    font-size: 14px
  }

  body.accueil #content .teaser .list-item h2 a span {
    max-width: 210px
  }

  body.accueil #content .teaser .list-item h2 a::before {
    padding-right: 10px
  }

  body.accueil #content .teaser .feature-item {
    height: 144px
  }

  body.accueil #content .teaser .feature-item .news-image {
    height: inherit
  }

  body.accueil #slider {
    margin-bottom: 10px
  }

  body.static #content {
    width: 300px;
    margin-right: 10px
  }

  .breadcrumbs {
    top: 0;
    margin-bottom: 10px
  }

  .menu-download-link {
    display: block
  }

  #menu-btn {
    display: block
  }

  #slider {
    background-position: 0 0;
    background-size: cover;
    display: block;
    width: auto;
    height: 200px;
    box-shadow: none;
    margin: 0 10px 0 10px
  }

  #slider header {
    font-size: 20px;
    line-height: 20px;
    height: 22px;
    top: 22px;
    left: 20px
  }

  #slider p {
    top: 45px;
    left: 20px
  }

  #slider .animation {
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    left: 384px;
    top: -2px
  }

  #slider .badge {
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    transform-origin: 0 0;
    top: 84px;
    left: 20px
  }

  #search {
    margin-top: -2px;
    border-radius: 0
  }

  #page-seo {
    padding: 50px 20px 0 20px
  }

  #page-seo section {
    flex-basis: 100%
  }

  #legales {
    width: 80%
  }

  #mailform-ifrm {
    height: 360px
  }

  .newsquiz form .quizanswers .answeroption {
    max-width: 100%;
    width: 100%;
    flex-basis: 100%
  }

  .newsquiz form .quizanswers .answeroption .answertext {
    width: 545px
  }

  .header-background {
    display: none
  }

  .social-share ul li {
    flex-basis: 32%;
    height: 40px
  }

  .social-share ul li a {
    height: inherit
  }

  .social-share ul li a span {
    height: 40px;
    line-height: 40px;
    padding-left: 5px
  }

  .social-share ul li a span.text {
    line-height: 40px;
    font-size: 13px;
    padding-left: 0
  }

  .news-list-item {
    height: 272px;
    width: 267px
  }

  .news-list-item .outline {
    height: 156px
  }
}

@media (min-width: 568px) and (max-width: 767px) {
  body > header, body > main, body > footer {
    max-width: 569px;
    min-width: 569px
  }

  .content img.half {
    width: 335px
  }
}

@media (max-width: 567px) {
  html.fixed.menu-expanded body > header {
    left: 270px
  }

  html.menu-expanded body main, html.menu-expanded body > footer, html.menu-expanded body > header {
    left: calc(270px - ((100vw - 320px) / 2))
  }

  body > header, body > main, body > footer {
    max-width: 320px;
    min-width: 320px
  }

  body > nav {
    max-width: 569px
  }

  body.accueil #content .teaser {
    flex-basis: 100%;
    max-width: 100%
  }

  body.accueil #content .teaser .list-item h2 a span {
    max-width: 250px
  }

  body.accueil #content .teaser.wide {
    height: 130px
  }

  body aside > section.ca-teaser {
    height: 200px
  }

  body aside > section.ca-teaser::after {
    right: auto;
    left: 126px;
    top: -20px
  }

  body aside > section.ca-teaser .badge-banner {
    z-index: 11;
    position: relative
  }

  body aside > section.ca-teaser .badge-banner div.content {
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    transform-origin: 0;
    padding-top: 0;
    margin-left: 0
  }

  body aside > section.ca-teaser .badge-banner div.content a {
    bottom: 60px
  }

  .content img.half {
    width: 100%
  }

  #search {
    width: 55px
  }

  #search #mobile-search-expander-button {
    width: 50px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
  }

  #search input {
    max-width: 0;
    opacity: 0
  }

  #search button {
    right: auto;
    left: -1px
  }

  #search.expanded {
    width: 233px
  }

  #search.expanded #mobile-search-expander-button {
    z-index: -1
  }

  #search.expanded input {
    max-width: none;
    opacity: 1
  }

  #search.expanded button {
    right: 7px;
    left: auto
  }

  #slider .badge {
    top: 110px
  }

  #slider .animation {
    display: none
  }

  #cookieBanner.banner .wrapper {
    max-width: 100%
  }

  #cookieBanner.banner .bannerBtnSet {
    flex-wrap: wrap
  }

  #cookieBanner.banner .bannerBtnSet .button {
    font: bold 20px/36px Arial, Helvetica, sans-serif;
    padding: 5px 10px;
    width: 100%
  }

  #cookieBanner.banner .bannerBtnSet .button:first-child {
    margin-right: 0;
    margin-bottom: 10px
  }

  #cookieBanner.banner .bannerBtnSet .button:last-child {
    margin-left: 0
  }

  .consent-modal .buttons .button:first-child {
    margin-right: 0;
    margin-bottom: 20px
  }

  .consent-modal .buttons .button:last-child {
    margin-left: 0
  }

  .social-share ul li {
    flex-basis: 48%
  }

  .newsquiz form .quizanswers .answeroption .answertext {
    width: 326px
  }

  .news-list-item {
    height: 300px;
    width: 300px
  }

  .news-list-item .outline {
    height: 186px
  }
}

@media only screen and (min-width: 1046px) and (max-width: 1220px) {
  .banner .wrapper {
    padding: 0 20px
  }
}

@media only screen and (max-width: 666px) {
  .consent-modal .consent-inner {
    padding: 0 30px 150px 30px
  }

  #cookieConsent .buttons .btn:first-child {
    margin-right: 0;
    margin-bottom: 20px
  }

  #cookieConsent .buttons .btn:last-child {
    margin-left: 0
  }
}

.content .youtube-embed {
  margin-bottom: 20px
}

.content .glossary-entry > ul {
  paddin-left: 83px
}

.content .news-image {
  position: relative;
  height: auto;
  width: 100%;
  margin: 0 0 20px 0
}

.content .news-single-subheader {
  font-weight: bold
}

.content img {
  outline: 2px rgba(255, 255, 255, 0.5) solid;
  outline-offset: -2px;
  display: block;
  max-width: 100%;
  height: auto;
  width: 670px
}

.content img.noscale {
  width: auto;
  height: auto
}

.content img.wide {
  width: 100%;
  height: auto
}

.content img.half {
  width: 50%
}

.content img.full {
  width: 100%
}

.content img.float_left {
  float: left;
  display: inline;
  margin-right: 20px;
  margin-bottom: 20px
}

.content img.float_right {
  float: right;
  display: inline;
  margin-left: 20px;
  margin-bottom: 20px
}

.content a {
  text-decoration: none;
  color: #00a2a2;
  -moz-transition: color .3s;
  -o-transition: color .3s;
  -webkit-transition: color .3s;
  transition: color .3s
}

.content a:hover {
  text-decoration: underline
}

.content a:active {
  text-decoration: none
}

.content a:hover, .content a:active {
  color: #53eee9
}

.content a.inline {
  display: inline-flex
}

.content .inline {
  display: inline-flex
}

.content .indent {
  text-indent: 25px
}

.content p {
  margin-bottom: 20px
}

.content header:not(.news-header), .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
  position: relative;
  height: auto;
  width: auto;
  margin-bottom: 20px
}

.content ul, .content ol {
  margin: 0;
  padding-left: 20px;
  margin-bottom: 20px
}

.content ul li, .content ol li {
  margin-bottom: 10px
}

.content .quick-quiz {
  color: #444444;
  margin-bottom: 20px;
  flex-wrap: wrap;
  display: flex;
  width: 100%
}

.content .quick-quiz > h1, .content .quick-quiz > h2, .content .quick-quiz > h3, .content .quick-quiz > h4, .content .quick-quiz > h5, .content .quick-quiz > h6 {
  transition: all .3s;
  background-color: white;
  font-weight: normal;
  text-align: left;
  border: 1px #acacac solid;
  padding: 5px 0 5px 30px;
  margin-bottom: 0;
  flex-basis: 100%;
  position: relative;
  cursor: pointer;
  float: left
}

.content .quick-quiz > h1:hover, .content .quick-quiz > h2:hover, .content .quick-quiz > h3:hover, .content .quick-quiz > h4:hover, .content .quick-quiz > h5:hover, .content .quick-quiz > h6:hover {
  background-color: #00a2a2;
  color: white
}

.content .quick-quiz > h1:hover:before, .content .quick-quiz > h2:hover:before, .content .quick-quiz > h3:hover:before, .content .quick-quiz > h4:hover:before, .content .quick-quiz > h5:hover:before, .content .quick-quiz > h6:hover:before {
  color: white
}

.content .quick-quiz > h1::before, .content .quick-quiz > h2::before, .content .quick-quiz > h3::before, .content .quick-quiz > h4::before, .content .quick-quiz > h5::before, .content .quick-quiz > h6::before {
  transform-origin: center;
  font-family: "icomoon";
  content: "\e906";
  pointer-events: none;
  position: absolute;
  font-size: 22px;
  text-indent: 4px;
  left: 0;
  top: 5px
}

.content .quick-quiz .content {
  -moz-transition: height, opacity, .3s;
  -o-transition: height, opacity, .3s;
  -webkit-transition: height, opacity, .3s;
  transition: height, opacity, .3s;
  border: 1px #b7b7b7 solid;
  border-bottom: 0;
  border-top: 0;
  background-color: white;
  flex-basis: 100%;
  height: 0;
  padding: 0 20px;
  overflow: hidden;
  display: block;
  opacity: 0
}

.content .quick-quiz .content *:last-child {
  margin-bottom: 0
}

.content .quick-quiz.expanded > h1, .content .quick-quiz.expanded > h2, .content .quick-quiz.expanded > h3, .content .quick-quiz.expanded > h4, .content .quick-quiz.expanded > h5, .content .quick-quiz.expanded > h6 {
  background-color: #00a2a2;
  color: white
}

.content .quick-quiz.expanded > h1:before, .content .quick-quiz.expanded > h2:before, .content .quick-quiz.expanded > h3:before, .content .quick-quiz.expanded > h4:before, .content .quick-quiz.expanded > h5:before, .content .quick-quiz.expanded > h6:before {
  transform: rotate(180deg);
  color: white;
  left: 3px;
  top: 6px
}

.content .quick-quiz.expanded .content {
  border-bottom: 1px #acacac solid;
  padding: 20px;
  height: auto;
  opacity: 1
}

.content .ts0 {
  font: normal 12px/18px Arial, Helvetica, sans-serif
}

.content .ts1 {
  font: bold 14px/18px Arial, Helvetica, sans-serif
}

.content .ts2 {
  font: normal 16px/20px Arial, Helvetica, sans-serif
}

.content .ts3 {
  font: bold 16px/20px Arial, Helvetica, sans-serif
}

.content h1, .content .ts4 {
  font: normal 24.3px/30px Arial, Helvetica, sans-serif
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
  font: bold 16px/20px Arial, Helvetica, sans-serif;
  font-weight: bold
}