@charset "UTF-8";

/*------------------------------------*    STYLE.SCSS
\*------------------------------------*/

/**
 * Here we start to pull everything together into one big stylesheet.
 *
 * SETUP............Settings, tools, mixins, etc.
 * GENERIC..........normalize.css, reset, shared styles, etc.
 * BASE.............Basic HTML elements.
 * OBJECTS..........Objects, abstractions, design patterns.
 * GUI..............Components and modules.
 * TRUMPS...........Helpers, overrides, 'trump-cards'.
 */

/*------------------------------------*    #SETUP
\*------------------------------------*/

/**
 * Settings, variables and tools.
 */

/*------------------------------------*    #SETTINGS
\*------------------------------------*/

/**
 * Pull in all the settings we require for this project.
 */

/*------------------------------------*    #VARS
\*------------------------------------*/

/**
 * Generic, non-specific variables.
 */

/**
 * Framework variables. We don't need to edit these, they're just handy
 * variables sourced from other settings.
 */

/**
 * Grid sizes
 */

/*------------------------------------*    #BRAND
\*------------------------------------*/

/*------------------------------------*  #COLOR
\*------------------------------------*/

/**
* Swisslos
*/

/**
 * Euro Millions
 */

/**
 * Swiss lotto!
 */

/**
 * Clix!
 */

/**
 * Bingo
 */

/**
 * Sporttip
 */

/**
 * Totogoal
 */

/**
 * Jass
 */

/**
 * Subito
 */

/**
 * PMU
 */

/**
 * Lose Offline
 */

/**
 * Millionen Los etc.
 */

/*
 * Layout
 */

/**
 * Footer flyout
 */

/**
 * Winningnumbers
 */

/**
 * Buttons colors
 * @type {button}
 */

/**
 * Ticket colors
 */

/**
 * Enumerator Gauge
 */

/**
 * Number Counter
 */

/**
 * TEASER
 */

/**
* Tabs
*/

/**
 * Form Message
 */

/**
 * Matrix Tables colors
 */

/**
 * Header
 */

/**
 * Popover
 */

/**
 * Sidebar
 */

/**
* Datepicker
*/

/**
* Datepicker
*/

/**
* FORM
*/

/**
* Clix!
*/

/**
* Jass
*/

/*
 * My Account
 */

/**
    Message
      */

/**
 iCheck
   **/

/**
Selectric
**/

/**
Box
**/

/**
Lists
**/

/**
Credit Note Message Box
**/

/*------------------------------------*    #FONTS
\*------------------------------------*/

@font-face {
  font-family: "tarzana";
  font-style: normal;
  font-weight: normal;
  font-weight: 600;
  src: url("../fonts/tarzana/tarzanarbol-120814005emigrewebonly.eot");
  src: url("../fonts/tarzana/tarzanarbol-120814005emigrewebonly.eot?#iefix") format("embedded-opentype"), url("../fonts/tarzana/tarzanarbol-120814005emigrewebonly_woff.woff") format("woff");
}

@font-face {
  font-family: "tarzana-bold";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/tarzana/tarzanarbol-120814005emigrewebonly.eot");
  src: url("../fonts/tarzana/tarzanarbol-120814005emigrewebonly.eot?#iefix") format("embedded-opentype"), url("../fonts/tarzana/tarzanarbol-120814005emigrewebonly_woff.woff") format("woff");
}

@font-face {
  font-family: "helvetica-light";
  src: url("../fonts/helvetica_neue/helveticaneuew01-45light.eot?#iefix");
  src: url("../fonts/helvetica_neue/helveticaneuew01-45light.eot?#iefix") format("eot"), url("../fonts/helvetica_neue/helveticaneuew01-45light_woff.woff") format("woff"), url("../fonts/helvetica_neue/helveticaneuew01-45light_ttf.ttf") format("truetype"), url("../fonts/helvetica_neue/helveticaneuew01-45light_svg.svg") format("svg");
}

@font-face {
  font-family: "helvetica-roman";
  src: url("../fonts/helvetica_neue/helveticaneuew02_55roma.eot");
  src: url("../fonts/helvetica_neue/helveticaneuew02_55roma.eot") format("eot"), url("../fonts/helvetica_neue/helveticaneuew02_55roma_woff.woff") format("woff"), url("../fonts/helvetica_neue/helveticaneuew02_55roma_ttf.ttf") format("truetype"), url("../fonts/helvetica_neue/helveticaneuew02_55roma_svg.svg") format("svg");
}

@font-face {
  font-family: "helvetica-medium";
  src: url("../fonts/helvetica_neue/helveticaneuew02_65medi.eot");
  src: url("../fonts/helvetica_neue/helveticaneuew02_65medi.eot") format("eot"), url("../fonts/helvetica_neue/helveticaneuew02_65medi_woff.woff") format("woff"), url("../fonts/helvetica_neue/helveticaneuew02_65medi_ttf.ttf") format("truetype"), url("../fonts/helvetica_neue/helveticaneuew02_65medi_svg.svg") format("svg");
}

@font-face {
  font-family: "helvetica-bold";
  src: url("../fonts/helvetica_neue/helveticaneuew02_75bold.eot");
  src: url("../fonts/helvetica_neue/helveticaneuew02_75bold.eot") format("eot"), url("../fonts/helvetica_neue/helveticaneuew02_75bold_woff.woff") format("woff"), url("../fonts/helvetica_neue/helveticaneuew02_75bold_ttf.ttf") format("truetype"), url("../fonts/helvetica_neue/helveticaneuew02_75bold_svg.svg") format("svg");
}

@font-face {
  font-family: "helvetica-black";
  src: url("../fonts/helvetica_neue/helveticaneuew01-95black.eot");
  src: url("../fonts/helvetica_neue/helveticaneuew01-95black.eot") format("eot"), url("../fonts/helvetica_neue/helveticaneuew01-95black_woff.woff") format("woff"), url("../fonts/helvetica_neue/helveticaneuew01-95black_ttf.ttf") format("truetype"), url("../fonts/helvetica_neue/helveticaneuew01-95black_svg.svg") format("svg");
}

/*------------------------------------*    #COMMON ICONS
\*------------------------------------*/

/**
svg which are not icons
**/

/*------------------------------------*    #TYPE
\*------------------------------------*/

/*------------------------------------*    #FUNCTIONS
\*------------------------------------*/

/**
 * Some nice functions we can use to make our lives easier. Feel free to add as
 * many as you like!
 */

/**
 * Strip the unit from a number (e.g. 18px --> 18).
 */

/**
 * Basic maths on numbers.
 */

/*------------------------------------*    #MIXINS
\*------------------------------------*/

/**
 * Some nice mixins we can use to make our lives easier. Feel free to add as
 * many as you like!
 */

.modal__close,
.tablesorter-headerDesc > div > span:after,
.tablesorter-headerAsc > div > span:after,
.tablesorter-headerUnSorted > div > span:after,
th[data-sort-direction="descending"] a:after,
th[data-sort-direction="ascending"] a:after,
th[data-sort-direction="unsorted"] a:after,
.ui-datepicker-prev:before,
.ui-datepicker-next:before,
.nb-close,
.list__pdf___element a:before,
.button__primary___next:after,
.button__secondary___prev:before,
a.phone__button:before,
.game-instructions a.phone__button:before,
a.phone__button.phone__button___big:before,
.game-instructions a.phone__button.phone__button___big:before,
.hint__close,
.hint__icon,
.message.message__error:before,
.message.message__ok:before,
.refinements .pill-refresh .pill-icon a,
.tooltip__help,
.tooltip__help__bubble .tooltip__close,
.mlt .pill-refresh .pill-icon a,
.teaser__swisslos .teaser__article .teaser__link:before,
html .main .teaser__swisslos .teaser__article .teaser__link:before,
.teaser__news .teaser__article .teaser__link:before,
html .main .teaser__news .teaser__article .teaser__link:before,
.teaser__swisslotto .teaser__article .teaser__link:before,
html .main .teaser__swisslotto .teaser__article .teaser__link:before,
.teaser__euromillions .teaser__article .teaser__link:before,
html .main .teaser__euromillions .teaser__article .teaser__link:before,
.teaser__millionenlos .teaser__article .teaser__link:before,
html .main .teaser__millionenlos .teaser__article .teaser__link:before,
.teaser__lose .teaser__article .teaser__link:before,
html .main .teaser__lose .teaser__article .teaser__link:before,
.teaser__totogoal .teaser__article .teaser__link:before,
html .main .teaser__totogoal .teaser__article .teaser__link:before,
.teaser__sporttip .teaser__article .teaser__link:before,
html .main .teaser__sporttip .teaser__article .teaser__link:before,
.teaser__clix .teaser__article .teaser__link:before,
html .main .teaser__clix .teaser__article .teaser__link:before,
.teaser__bingo .teaser__article .teaser__link:before,
html .main .teaser__bingo .teaser__article .teaser__link:before,
.teaser__default .teaser__article .teaser__link:before,
html .main .teaser__default .teaser__article .teaser__link:before,
.teaser__pmu .teaser__article .teaser__link:before,
html .main .teaser__pmu .teaser__article .teaser__link:before,
.teaser__subito .teaser__article .teaser__link:before,
html .main .teaser__subito .teaser__article .teaser__link:before,
.teaser__jass .teaser__article .teaser__link:before,
html .main .teaser__jass .teaser__article .teaser__link:before,
.accordeon__tab:before,
.link__go-top___content:before,
.link__print:before,
.link__download-pdf:before,
.link__go-to:before,
.link__go-to:hover:before,
.link__read-more:before,
.link__arrow:before,
.list__link___arrow > li > a:before,
.header__login .register___link:before,
.header__forgot-pwd:before,
.header__login___full a.header__register:before,
.link__anchor:before,
.link-list__arrow > li > a:before,
.header__login .age-info,
.header__login___full .age-info,
.header__account___icon:before,
.header__account___icon.open__dropdown:before,
.header__account___icon.account__wins:before,
.header__account___icon.account__mail:before,
.header__account___icon.logout:before,
.header__account___icon.account__user:before,
.account__dropdown-menu___list-item.active a.wins:before,
.account__dropdown-menu___list-item.active a.acc:before,
.account__dropdown-menu___list-item.active a.transfer:before,
.account__dropdown-menu___list-item.active a.coupons:before,
.account__dropdown-menu___list-item.active a.mailbox:before,
.account__dropdown-menu___list-item.active a.jackpot-abos:before,
.account__dropdown-menu___list-item.active a.favorites:before,
.account__dropdown-menu___list-item.active a.newsletter:before,
.account__dropdown-menu___list-item.active a.profile:before,
.account__dropdown-menu___list-item.active a.limit:before,
.account__dropdown-menu___link.wins:before,
.account__dropdown-menu___link.acc:before,
.account__dropdown-menu___link.transfer:before,
.account__dropdown-menu___link.coupons:before,
.account__dropdown-menu___link.mailbox:before,
.account__dropdown-menu___link.jackpot-abos:before,
.account__dropdown-menu___link.favorites:before,
.account__dropdown-menu___link.newsletter:before,
.account__dropdown-menu___link.profile:before,
.account__dropdown-menu___link.limit:before,
.account__dropdown-menu___link.logout_button:before,
.header__warning___close,
.header__warning___inner:before,
.loss__tooltip,
.sidebar__navigation-element:hover a[data-icon="favorite"]:before,
.sidebar__navigation-element:hover a[data-icon="played-tips"]:before,
.sidebar__navigation-element:hover a[data-icon="jackpot-abos"]:before,
.cockpit__navigation-item:not(.cockpit__navigation-item___selected):not(.cockpit__navigation-item-collapsible):after,
.cockpit__information-item a[data-icon="drawing-video"]:before,
.cockpit__my-account___link a[data-icon="favorite"]:before,
.cockpit__my-account___link a[data-icon="played-tips"]:before,
.cockpit__my-account___link a[data-icon="jackpot-abos"]:before,
.cockpit__my-account___selected-link a[data-icon="favorite"]:before,
.cockpit__my-account___selected-link a[data-icon="played-tips"]:before,
.cockpit__my-account___selected-link a[data-icon="jackpot-abos"]:before,
.cockpit__navigation-item-collapsible a:after,
.clix .cockpit__navigation-item-collapsible a:after,
.cockpit__navigation-item-collapsible___link:after,
.cockpit__navigation-item-collapsible___link.cockpit__navigation-item-collapsible___active:after,
.main__sidebar___navigation-menu:before,
.footer__facebook,
.footer__twitter,
.footer__youtube,
.footer__googleplus,
.extramillions__combination___correct:after,
.extramillions__reset-button:before,
.link_notifications:before,
.link_more-games:before,
.link_save-favorite:before,
.link_print-receipt:before,
.link_pdf:before,
.link_gift:before,
.link_abo-receipts:before,
.link_back:before,
.login___info:after,
.save-favourite__icon:after,
.replay__partial .pill-refresh .pill-icon a,
.coupons-percentage .pill-refresh .pill-icon a,
.send-gift__partial .pill-refresh .pill-icon a,
.setup-personal-block__partial .pill-refresh .pill-icon a,
.age-proof__icon-before:before,
.form__errors-with-icon .form__error___message:before,
.form__fixed___input.form__fixed___input-ok:after,
.form__input___age:after,
.form__field___validation:before,
.form__field___validation.form__field___false:before,
.form__field___validation.form__field___warn:before,
.favourite-tipps__view-pills .pill-refresh .pill-icon a,
.favourite-tipps__tipp___delete:before,
.preferences__pills .pill-refresh .pill-icon a,
.jackpotabo__pills .pill-refresh .pill-icon a,
.pagination__item-prev > a:before,
.pagination__item-next > a:after,
.content-page__subpage-teaser:before,
.content-page__breadcrumb___back:before,
.content-page__infobox__link:before,
.content-page__infobox__link:hover:before,
.table__account-prizes .account-prizes__win:before,
.table__personal-block .account-prizes__win:before,
.table__jackpot-subscription .account-prizes__win:before,
.table__account-coupon .account-prizes__win:before,
.receipt__promotion-close,
.receipt__promotion-icon,
.receipt__replay-help,
.receipt-extramillions__win:after,
.quicktip__title___help,
.swiss_lotto .ticket__add-row___link:before,
.swiss_lotto .ticket-row__remove-link,
.swiss_lotto .ticket__remove-link,
.swiss_lotto .ticket-system__content .ticket__random-numbers-button:before,
.swiss_lotto .ticket__jackpot-abo-edit[data-json-id="euromillions"] .button__primary.button__primary___next:after,
.swiss_lotto .pill-refresh .pill-icon a,
.euromillions .ticket__add-row___link:before,
.euromillions .ticket-row__remove-link,
.euromillions .ticket__remove-link,
.euromillions .ticket-system__content .ticket__random-numbers-button:before,
.euromillions .ticket__jackpot-abo-edit[data-json-id="euromillions"] .button__primary.button__primary___next:after,
.euromillions .pill-refresh .pill-icon a,
.euromillions .cockpit__my-account___selected-link a[data-icon="favorite"]:before,
.euromillions .cockpit__my-account___selected-link:hover a[data-icon="favorite"]:before,
.euromillions .cockpit__my-account___selected-link a[data-icon="played-tips"]:before,
.euromillions .cockpit__my-account___selected-link:hover a[data-icon="played-tips"]:before,
.euromillions .cockpit__my-account___selected-link a[data-icon="jackpot-abos"]:before,
.euromillions .cockpit__my-account___selected-link:hover a[data-icon="jackpot-abos"]:before,
.euromillions .main .button__primary___next:after,
.euromillions .main .button__primary___next.button___disabled:after,
.euromillions.touch .main .button__primary___next:after,
.euromillions.touch .main .button__primary___next:hover:after,
.euromillions.touch .main .button__primary___next:active:after,
.bingo .ticket__add-row___link:before,
.bingo .ticket-row__remove-link,
.bingo .ticket__remove-link,
.bingo .ticket-system__content .ticket__random-numbers-button:before,
.sporttip .ticket__add-row___link:before,
.sporttip .ticket-row__remove-link,
.sporttip .ticket__remove-link,
.sporttip .ticket-system__content .ticket__random-numbers-button:before,
.totogoal .pill-refresh .pill-icon a,
.totogoal .ticket__add-row___link:before,
.totogoal .ticket-row__remove-link,
.totogoal .ticket__remove-link,
.totogoal .ticket-system__content .ticket__random-numbers-button:before,
.jass .ticket__add-row___link:before,
.jass .ticket-row__remove-link,
.jass .ticket__remove-link,
.jass .ticket-system__content .ticket__random-numbers-button:before,
.icon__first-player___de,
.icon__first-player___fr,
.drawing-video__link:before,
.voting-teaser__button-text:after,
.voting-teaser__button-text:hover:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  content: " ";
  display: inline-block;
}

/**
 * A Size mixin
 */

/**
 * A complete icon mixing
 */

/**
 * Create a fully formed type style (sizing and vertical rhythm) by passing in a
 * single value, e.g.:
 *
   `@include font-size(10px);`
 *
 */

/**
 * Create vendor-prefixed CSS in one go, e.g.
 *
   `@include vendor(border-radius, 4px);`
 *
 */

/**
 * A simple top-to-bottom linear gradient with fallback color of our choice.
 */

/**
  * Box-Shadow mixing
  */

/**
  * Link mixin
  */

/**
 * Border-Right Radius Mixin
 */

/*------------------------------------*    #GENERIC
\*------------------------------------*/

/**
 * These are far reaching styles that affect and underpin every element on the
 * page, e.g. `* {}`.
 */

/*------------------------------------*    #GENERIC
\*------------------------------------*/

/**
 * Pull in all our generic styles, e.g. resets.
 */

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

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

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

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

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

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

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-family: "helvetica-bold";
  font-weight: normal;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

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

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ffff00;
  color: #000000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

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

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

/*csslint compatible-vendor-prefixes: false*/

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

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

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

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

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

/*csslint compatible-vendor-prefixes: false*/

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

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled],
input[disabled="disabled"] {
  cursor: default;
  opacity: 1.0;
  -webkit-text-fill-color: inherit;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

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

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

/*csslint compatible-vendor-prefixes: false*/

input[type="search"] {
  -webkit-box-sizing: content-box;
  /* 2 */
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
  /* 1 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

/*csslint compatible-vendor-prefixes: false*/

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

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-family: "helvetica-bold";
}

.clear {
  clear: both;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}

/*------------------------------------*    $RESET
\*------------------------------------*/

/**
 * A more considered reset; more of a restart... 
 * As per: csswizardry.com/2011/10/reset-restarted
 */

/**
 * Let's make the box model all nice, shall we...?
 */

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

/**
 * The usual...
 */

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
table,
th,
td,
caption,
hr {
  margin: 0;
  padding: 0;
}

/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */

abbr[title],
dfn[title] {
  cursor: help;
}

/**
 * Remove underlines from potentially troublesome elements.
 */

a,
u,
ins {
  text-decoration: none;
}

/**
 * Apply faux underline via `border-bottom`.
 */

ins {
  border-bottom: 1px solid;
}

/**
 * So that `alt` text is visually offset if images don't load.
 */

img {
  font-style: italic;
}

/*------------------------------------*    #SHARED
\*------------------------------------*/

/**
 * Where `margin-bottom` is concerned, this value will be the same as the
 * base line-height. This allows us to keep a consistent vertical rhythm.
 * As per: csswizardry.com/2012/06/single-direction-margin-declarations
 */

h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
ul,
ol,
dl,
blockquote,
p,
address,
table,
fieldset,
figure,
pre {
  margin-bottom: 19px;
  margin-bottom: 1.2666666667rem;
}

/**
 * Where `margin-left` is concerned we want to try and indent certain elements
 * by a consistent amount. Define that amount once, here.
 */

ul,
ol,
dd {
  margin-left: 38px;
  margin-left: 2.5333333333rem;
}

/**
 * Reset of 3d-transform
 *
 * Possible ios fix, has to reviewed
 */

/*------------------------------------*    #CLEARFIX
\*------------------------------------*/

/**
 * Micro clearfix, as per: nicolasgallagher.com/micro-clearfix-hack
 * Extend the clearfix class with Sass to avoid the `.cf` class appearing over
 * and over in your markup.
 */

.cf {
  zoom: 1;
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

/*------------------------------------*    #BASE
\*------------------------------------*/

/**
 * These are base HTML elements, things with no classes on them, e.g. `h1 {}`,
 * `blockquote {}`.
 */

/*------------------------------------*    #BASE
\*------------------------------------*/

/**
 * Pull in all the base files we want.
 */

/*------------------------------------*    #PAGE
\*------------------------------------*/

/**
 * Page-level styling, e.g. `html` and `body` elements, etc.
 */

/**
 * 1. One off bits of maths to get our base font size in ems and our base line
 *    height in a unitless value.
 */

html {
  background-color: #91141d;
  color: #525252;
  font-family: "helvetica-roman", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 0.9375em;
  /* [1] */
  line-height: 1.2666666667;
  /* [1] */
  -webkit-font-smoothing: antialiased;
}

html.wf-loading {
  opacity: 0;
}

html.wf-active {
  opacity: 1;
}

.lock-position {
  position: fixed;
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.lock-position .main {
  z-index: 75;
}

.open-selectric .main {
  z-index: 100;
}

@-ms-viewport {
  width: device-width;
}

/**
 * SMARTPHONE UP TO SMALL-DESKTOP
 */

@media screen and (max-width: 1200px) {
  html.swiss_lotto,
  html.euromillions,
  html.totogoal,
  html.sporttip {
    background-image: none !important;
  }
}

/**
 * TABLET VIEW
 */

/**
 * ALL PHONE VIEW
 */

/**
 * PHONE LANDSCAPE VIEW
 */

/**
 * PHONE PORTRAIT VIEW
 */

/*------------------------------------*    #LINKS
\*------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #404040;
  font-family: tarzana-bold, Helvetica, sans-serif;
  font-weight: normal;
}

h1 {
  font-size: 36px;
  font-size: 2.4rem;
  line-height: 1.0555555556;
  margin-bottom: 1.1rem;
}

h2 {
  font-size: 30px;
  font-size: 2rem;
  line-height: 1.2666666667;
}

h2.h2-minified {
  font-size: 15px;
  font-size: 1rem;
  line-height: 1.2666666667;
  border-bottom: none;
  font-family: helvetica-bold;
  line-height: 1.5em;
  margin-bottom: 0;
}

h3 {
  font-size: 21px;
  font-size: 1.4rem;
  line-height: 1.8095238095;
}

h4 {
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1.0555555556;
}

.hinfo {
  font-size: 0.667em;
  letter-spacing: -0.020em;
  margin-left: 12px;
  white-space: nowrap;
}

/**
 * ALL PHONE VIEW
 */

@media screen and (max-width: 767.9px) {
  h1 {
    font-size: 30px;
    font-size: 2rem;
    line-height: 1;
  }

  h2 {
    font-size: 24px;
    font-size: 1.6rem;
    line-height: 1;
  }
}

/*------------------------------------*    #LINKS
\*------------------------------------*/

a {
  color: #df051a;
}

a.small {
  font-size: 0.75rem;
}

a:hover {
  color: #404040;
}

.skinLinkGrayLight,
.footer__sticky___links a {
  color: #d3d5d7;
}

.skinLinkGrayLight:hover,
.footer__sticky___links a:hover {
  color: #ffffff;
}

.skinLinkGray,
.sidebar a,
.main__sidebar___navigation-item a {
  color: #525252;
}

.skinLinkGray:hover,
.sidebar a:hover,
.main__sidebar___navigation-item a:hover {
  color: #404040;
}

.skinLinkGrayDark,
.footer__expanded a {
  color: #707070;
}

.skinLinkGrayDark:hover,
.footer__expanded a:hover {
  color: #404040;
}

.skinLinkBlue {
  color: #5179ac;
}

.skinLinkBlue:hover {
  color: #404040;
}

.skinLinkWhite {
  color: #ffffff;
}

.skinLinkWhite:hover {
  color: #404040;
}

/*------------------------------------*    #IMAGE
\*------------------------------------*/

img {
  width: 100%;
}

.visible__no-flash img {
  margin-bottom: 0.9em;
  max-width: 100%;
  width: auto;
}

/*------------------------------------*    #PAGE CONTENT IMAGES
\*------------------------------------*/

/*------------------------------------*    #BUTTON
\*------------------------------------*/

button {
  font-size: 1rem;
}

/**
 * TABLET VIEW
 */

/**
 * ALL PHONE VIEW
 */

/**
 * PHONE LANDSCAPE VIEW
 */

/**
 * PHONE PORTRAIT VIEW
 */

/*------------------------------------*    #INPUT
\*------------------------------------*/

/**
 * Styles of all inputs
 */

/**
 * Remove Spinner
 */

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

select {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #e3e3e3;
  border: 1px solid #d6d6d6;
  height: 37px;
  padding-left: 5px;
  padding-right: 0;
  width: 150px;
}

select:focus,
select:hover {
  outline: none;
}

@media screen\0 {
  select {
    background-image: none;
    padding: 0 0 0 5px;
  }

  select:hover {
    background-image: none;
    cursor: pointer;
  }
}

/*------------------------------------*    #TEXT
\*------------------------------------*/

/**
 * Text styling, very important for page-content
 */

p {
  line-height: 1.5em;
  margin-bottom: 0.9em;
}

p.bold {
  font-family: helvetica-bold;
}

p a {
  color: #df051a;
  text-decoration: underline;
}

span.bold {
  font-family: "helvetica-bold";
}

th {
  font-family: helvetica-roman, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

th {
  text-align: left;
}

/*------------------------------------*    #OBJECTS
\*------------------------------------*/

/**
 * These are design-free objects, abstractions and design patterns. These create
 * constructs that you lay your designs over.
 */

/*------------------------------------*    #OBJECTS
\*------------------------------------*/

/**
 * Pull in all our objects and abstractions.
 */

/*------------------------------------*    #GRID
\*------------------------------------*/

/**
 * Configure Susy grid system here
 * http://susydocs.oddbird.net/en/latest/settings/
 */

/*------------------------------------*    #LAYOUT
\*------------------------------------*/

/**
 * Our layout system (note, not grid system) can be used to lay out all manner
 * of things, from full page layouts to individual components.
 */

/**
 * 1. Allow the layout system to be used on lists.
 * 2. Remove any margins and paddings that might affect the layout system.
 * 3. Apply a negative `margin-left` to negate the columns' gutters.
 */

.layout {
  list-style: none;
  /* [1] */
  margin: 0 0 -19px;
  /* [2] */
  padding: 0;
  /* [2] */
}

/**
     * 1. Cause columns to stack side-by-side.
     * 2. Space columns apart.
     * 3. Align columns to the tops of each other.
     * 4. Full-width unless told to behave otherwise.
     */

.layout__item {
  display: inline-block;
  /* [1] */
  padding-left: 19px;
  /* [2] */
  vertical-align: top;
  /* [3] */
  width: 100%;
  /* [4] */
}

/**
 * Reversed layouts allow you to structure your source in the opposite order to
 * how your rendered layout will appear. Extends `.layout`.
 */

.layout___rev {
  direction: rtl;
  text-align: left;
}

.layout___rev > .layout__item {
  direction: ltr;
  text-align: left;
}

/**
 * Gutterless layouts have all the properties of regular layouts, minus any
 * spacing. Extends `.layout`.
 */

.layout___gutterless {
  margin-left: 0;
}

.layout___gutterless > .layout__item {
  padding-left: 0;
}

/**
 * Align the entire layout to the right. Extends `.layout`.
 */

.layout___right {
  text-align: right;
}

.layout___right > .layout__item {
  text-align: left;
}

/**
 * Centered layouts align layout items centrally without needing to use push or pull
 * classes. Extends `.layout`.
 */

.layout___center {
  text-align: center;
}

.layout___center > .layout__item {
  text-align: left;
}

/**
 * Align layout cells vertically (`.layout___middle` or `.layout___bottom`). Extends
 * `.layout`.
 */

.layout___middle > .layout__item {
  vertical-align: middle;
}

.layout___bottom > .layout__item {
  vertical-align: bottom;
}

/**
 * Create layouts with narrower gutters. Extends `.layout`.
 */

.layout___small {
  margin-left: -10px;
}

.layout___small > .layout__item {
  padding-left: 10px;
}

/**
 * Create layouts with wider gutters. Extends `.layout`.
 */

.layout___large {
  margin-left: -38px;
}

.layout___large > .layout__item {
  padding-left: 38px;
}

.layout_grid .main {
  padding: 0;
}

/*------------------------------------*    #FLAG
\*------------------------------------*/

/**
 * The flag object is a variation of Nicole Sullivan's media object. It is used
 * to lay out image-like and text-like content side-by-side.
 */

.flag {
  display: table;
  width: 100%;
}

.flag__image,
.flag__body {
  display: table-cell;
  vertical-align: top;
}

.flag___middle .flag__image,
.flag___middle
  .flag__body {
  vertical-align: middle;
}

.flag___bottom .flag__image,
.flag___bottom
  .flag__body {
  vertical-align: bottom;
}

.flag__image {
  padding-right: 19px;
}

.flag__image > img {
  display: block;
  max-width: none;
}

.flag___rev .flag__image {
  padding-left: 19px;
  padding-right: 0;
}

.flag__body {
  width: 100%;
}

/**
 * Size variations.
 */

.flag___small > .flag__image {
  padding-right: 10px;
}

.flag___small.flag___rev > .flag__image {
  padding-left: 10px;
  padding-right: 0;
}

.flag___large > .flag__image {
  padding-right: 38px;
}

.flag___large.flag___rev > .flag__image {
  padding-left: 38px;
  padding-right: 0;
}

/**
 * Gutterless flags. Extends `.flag`.
 */

.flag___gutterless > .flag__image {
  padding-left: 0;
  padding-right: 0;
}

/*------------------------------------*    #BOX
\*------------------------------------*/

.box {
  width: 73.6842105263%;
  float: left;
  margin-right: 5.2631578947%;
}

.box:last-of-type {
  width: 73.6842105263%;
  float: right;
  margin-right: 0;
}

.box-footer {
  width: 22.0002800205%;
  float: left;
  margin-right: 3.9996266393%;
}

.box-footer:last-of-type {
  width: 22.0002800205%;
  float: right;
  margin-right: 0;
}

.box-footer .box__title {
  border-bottom: 1px solid #d4d4d4 !important;
}

/**
 * TABLET VIEW
 */

@media screen and (min-width: 768px) and (max-width: 1020.9px) {
  .box-footer {
    width: 48.0001866804%;
    float: left;
    margin-right: 3.9996266393%;
  }

  .box-footer:nth-child(2n) {
    width: 48.0001866804%;
    float: right;
    margin-right: 0;
  }

  .box-footer:nth-child(2n+1),
  .box-footer:nth-child(2n+2) {
    margin-bottom: 10.5263157895%;
  }

  .box-footer:nth-child(3n) {
    clear: both;
  }
}

/**
 * ALL PHONE VIEW
 */

@media screen and (max-width: 767.9px) {
  .box-footer {
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }

  .box-footer:last-of-type {
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

/**
 * PHONE LANDSCAPE VIEW
 */

/**
 * PHONE PORTRAIT VIEW
 */

/*------------------------------------*    #ENUMERATOR
\*------------------------------------*/

.enumerator {
  position: relative;
  /**
 * All Phone View
 */
}

.enumerator .enumerator__counter {
  position: relative;
  z-index: 10;
  margin: 20px auto 0 auto;
  max-width: 100%;
  width: 318px;
}

.enumerator .enumerator__counter input {
  font-size: 61.5px;
  font-size: 4.1rem;
  line-height: 1.2357723577;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.14);
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.14);
  background-color: #f0f0f0;
  border: none;
  color: #707070;
  font-family: "tarzana";
  height: 86px;
  line-height: 86px;
  text-align: center;
  width: 161px;
}

.enumerator .enumerator__add,
.enumerator .enumerator__remove {
  height: 67px;
  width: 67px;
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 55%;
}

.enumerator .enumerator__remove {
  left: 0;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB3aWR0aD0iMjVweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9Ii0zNTIgMjU1LjkxIDI1IDUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTM1MiAyNTUuOTEgMjUgNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJNaW51cyI+CiAgPGc+CiAgICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNLTM1MiwyNTUuOTFoMjV2NWgtMjVWMjU1LjkxeiIvPgogIDwvZz4KPC9nPgo8L3N2Zz4K");
}

.enumerator .enumerator__remove:hover,
.enumerator .enumerator__remove.hover,
.enumerator .enumerator__remove.button__primary___active {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB3aWR0aD0iMjVweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9Ii0zNTIgMjU1LjkxIDI1IDUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTM1MiAyNTUuOTEgMjUgNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJNaW51cyI+CiAgPGc+CiAgICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNLTM1MiwyNTUuOTFoMjV2NWgtMjVWMjU1LjkxeiIvPgogIDwvZz4KPC9nPgo8L3N2Zz4K");
}

.enumerator .enumerator__remove[disabled="disabled"],
.enumerator .enumerator__remove[disabled=""],
.enumerator .enumerator__remove.button__primary___disabled {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB3aWR0aD0iMjVweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9Ii0zNTIgMjU1LjkxIDI1IDUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTM1MiAyNTUuOTEgMjUgNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJNaW51cyI+CiAgPGc+CiAgICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNLTM1MiwyNTUuOTFoMjV2NWgtMjVWMjU1LjkxeiIvPgogIDwvZz4KPC9nPgo8L3N2Zz4K");
}

.enumerator .enumerator__add {
  right: 0;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB3aWR0aD0iMjVweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSItMzUyIDI0NS45MSAyNSAyNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMzUyIDI0NS45MSAyNSAyNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJQbHVzIj4KICA8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9Ii0zMjcsMjU1LjkxIC0zMzcsMjU1LjkxIC0zMzcsMjQ1LjkxIC0zNDIsMjQ1LjkxIC0zNDIsMjU1LjkxIC0zNTIsMjU1LjkxIC0zNTIsMjYwLjkxIAogICAgLTM0MiwyNjAuOTEgLTM0MiwyNzAuOTEgLTMzNywyNzAuOTEgLTMzNywyNjAuOTEgLTMyNywyNjAuOTEgICAiLz4KPC9nPgo8L3N2Zz4K");
}

.enumerator .enumerator__add:hover,
.enumerator .enumerator__add.hover,
.enumerator .enumerator__add.button__primary___active {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB3aWR0aD0iMjVweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSItMzUyIDI0NS45MSAyNSAyNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMzUyIDI0NS45MSAyNSAyNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJQbHVzIj4KICA8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9Ii0zMjcsMjU1LjkxIC0zMzcsMjU1LjkxIC0zMzcsMjQ1LjkxIC0zNDIsMjQ1LjkxIC0zNDIsMjU1LjkxIC0zNTIsMjU1LjkxIC0zNTIsMjYwLjkxIAogICAgLTM0MiwyNjAuOTEgLTM0MiwyNzAuOTEgLTMzNywyNzAuOTEgLTMzNywyNjAuOTEgLTMyNywyNjAuOTEgICAiLz4KPC9nPgo8L3N2Zz4K");
}

.enumerator .enumerator__add[disabled="disabled"],
.enumerator .enumerator__add[disabled=""],
.enumerator .enumerator__add.button__primary___disabled {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB3aWR0aD0iMjVweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSItMzUyIDI0NS45MSAyNSAyNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMzUyIDI0NS45MSAyNSAyNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJQbHVzIj4KICA8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9Ii0zMjcsMjU1LjkxIC0zMzcsMjU1LjkxIC0zMzcsMjQ1LjkxIC0zNDIsMjQ1LjkxIC0zNDIsMjU1LjkxIC0zNTIsMjU1LjkxIC0zNTIsMjYwLjkxIAogICAgLTM0MiwyNjAuOTEgLTM0MiwyNzAuOTEgLTMzNywyNzAuOTEgLTMzNywyNjAuOTEgLTMyNywyNjAuOTEgICAiLz4KPC9nPgo8L3N2Zz4K");
}

.enumerator .enumerator__gauge {
  position: relative;
  z-index: 5;
  height: 107px;
  margin: 0 auto;
  width: 280px;
}

.enumerator .enumerator__boxes {
  position: relative;
  height: 91px;
  width: 100%;
}

.enumerator .gauge__box {
  height: 24px;
  width: 24px;
  position: absolute;
}

.enumerator .gauge__box .outer-circle {
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  background-color: #f7f7f7;
  cursor: pointer;
  padding: 3px;
}

.enumerator .gauge__box .outer-circle .inner-circle {
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}

.enumerator .gauge__box.gauge__box___active .outer-circle .inner-circle {
  background-color: #df051a;
}

.enumerator .enumerator__pointer {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: absolute;
  bottom: -15px;
  left: 50%;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB2aWV3Qm94PSItMzcwIDQyNSA4NyAxNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMzcwIDQyNSA4NyAxNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9Ijg3cHgiIGhlaWdodD0iMTVweCI+CjxnIGlkPSJaZWlnZXIiPgogIDxwYXRoIGZpbGw9IiM0MDQwNDAiIGQ9Ik0tMjk3LjYsNDMwbC03Mi40LDJsMCwxbDcyLjQsMmMxLDIuOSwzLjgsNSw3LjEsNWM0LjEsMCw3LjUtMy40LDcuNS03LjVzLTMuNC03LjUtNy41LTcuNQogICAgQy0yOTMuOCw0MjUtMjk2LjYsNDI3LjEtMjk3LjYsNDMweiIvPgo8L2c+Cjwvc3ZnPgo=");
  background-position: 7px center;
  background-repeat: no-repeat;
  background-size: 87px 15px;
  height: 15px;
  margin: 0 0 0 -87px;
  width: 174px;
}

.enumerator .enumerator__label {
  color: #404040;
  font-family: "tarzana";
  font-size: 1rem;
  margin-top: -45px;
}

.enumerator.teaser__quicktip .enumerator__counter {
  max-width: 95px;
  width: 33.33%;
}

.enumerator.teaser__quicktip .enumerator__counter input {
  width: 100%;
}

.enumerator.teaser__quicktip .enumerator__counter button.enumerator__remove {
  -webkit-transform: translate(-45px, -50%);
  -moz-transform: translate(-45px, -50%);
  -ms-transform: translate(-45px, -50%);
  -o-transform: translate(-45px, -50%);
  transform: translate(-45px, -50%);
  left: auto;
}

.enumerator.teaser__quicktip .enumerator__counter button.enumerator__add {
  -webkit-transform: translate(7px, -50%);
  -moz-transform: translate(7px, -50%);
  -ms-transform: translate(7px, -50%);
  -o-transform: translate(7px, -50%);
  transform: translate(7px, -50%);
  right: auto;
  left: 100%;
}

@media screen and (max-width: 767.9px) {
  .enumerator .enumerator .enumerator__counter button {
    height: 56px;
    width: 56px;
  }
}

@media screen and (max-width: 479.9px) {
  .enumerator.teaser__quicktip input[type="number"] {
    font-size: 30px;
    font-size: 2rem;
    line-height: 1.2666666667;
    height: 40px;
    line-height: 40px;
  }

  .enumerator.teaser__quicktip .enumerator__counter button {
    height: 28px;
    width: 28px;
  }

  .enumerator.teaser__quicktip .enumerator__counter button.enumerator__remove {
    -webkit-transform: translate(-35px, -50%);
    -moz-transform: translate(-35px, -50%);
    -ms-transform: translate(-35px, -50%);
    -o-transform: translate(-35px, -50%);
    transform: translate(-35px, -50%);
  }
}

/*------------------------------------*    #LAYOUT
// \*------------------------------------**/

.modal {
  display: none;
}

.modal__close {
  height: 45px;
  width: 45px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlNjaGxpZXNzZW5fSWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTggMTgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMy4yNDMsNi4xNzIgMTEuODMzLDQuNzc2IDkuMDA0LDcuNTkgNi4xNzIsNC43NTcgNC43NTcsNi4xNzIgNy41ODYsOSA0Ljc1NywxMS44MjkgNi4xNjcsMTMuMjI1IA0KCTguOTk2LDEwLjQxMSAxMS44MjgsMTMuMjQzIDEzLjI0MywxMS44MjkgMTAuNDE0LDkgIi8+DQo8L3N2Zz4NCg==");
  background-position: center center;
  margin: 0;
  position: absolute;
  z-index: 50;
  top: 40px;
  right: 10px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 45px 45px;
  border: 0;
}

.modal__close:hover {
  cursor: pointer;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlNjaGxpZXNzZW5fSWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTggMTgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMy4yNDMsNi4xNzIgMTEuODMzLDQuNzc2IDkuMDA0LDcuNTkgNi4xNzIsNC43NTcgNC43NTcsNi4xNzIgNy41ODYsOSA0Ljc1NywxMS44MjkgNi4xNjcsMTMuMjI1IA0KCTguOTk2LDEwLjQxMSAxMS44MjgsMTMuMjQzIDEzLjI0MywxMS44MjkgMTAuNDE0LDkgIi8+DQo8L3N2Zz4NCg==");
}

/**
 * TOUCH DEVICE VIEW
 */

@media screen and (max-width: 1020.9px) {
  .modal {
    position: absolute;
    z-index: 15;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    display: block;
  }

  .open__sidebar .modal__sidebar {
    display: none;
  }

  .open__sidebar .modal__content {
    display: block;
  }

  .modal__content {
    display: none;
  }
}

/**
 * ALL PHONE VIEW
 */

@media screen and (max-width: 767.9px) {
  .modal__content {
    background-color: rgba(0, 0, 0, 0.7);
  }

  .open__sidebar .page-content {
    margin-bottom: 0;
  }

  .open__sidebar .modal__content {
    margin-top: -30px;
  }
}

table {
  width: 100%;
}

table th a {
  display: inline-block;
}

table td {
  line-height: 1.5;
}

table.minimal {
  max-width: 100%;
}

.scrolltable {
  clear: both;
  display: block;
  float: none;
  margin-bottom: 20px;
  overflow-x: auto;
  width: 100%;
  -ms-touch-action: auto;
  touch-action: auto;
}

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

.scrolltable table {
  display: table;
  width: 100%;
}

.scroll-shadow {
  position: absolute;
  z-index: 1;
  width: 2%;
}

.scrolltable.scrollbar {
  margin-bottom: 20px;
  margin-top: 0;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-top: 10px;
}

.scrolltable.scrollbar .scroll-shadow-left {
  left: 2.8571428571%;
  background: transparent;
  background: -webkit-linear-gradient(left, #666666, transparent);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #666666, transparent);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #666666, transparent);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #666666, transparent);
  /* Standard syntax */
  display: block;
  opacity: 0.3;
  transition: opacity 0.5s;
  width: 14px;
}

.scrolltable.scrollbar .scroll-shadow-right {
  right: 2.8571428571%;
  background: transparent;
  background: -webkit-linear-gradient(left, transparent, #666666);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, transparent, #666666);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, transparent, #666666);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, transparent, #666666);
  /* Standard syntax */
  display: block;
  opacity: 0.3;
  transition: opacity 0.5s;
  width: 14px;
}

.scrolltable.scrollbar.scroll-min .scroll-shadow-left {
  opacity: 0;
}

.scrolltable.scrollbar.scroll-min .scroll-shadow-right {
  opacity: 0.3;
}

.scrolltable.scrollbar.scroll-max .scroll-shadow-left {
  opacity: 0.3;
}

.scrolltable.scrollbar.scroll-max .scroll-shadow-right {
  opacity: 0;
}

.scrolltable table th,
.scrolltable table td {
  width: auto;
  word-wrap: break-word;
}

.swipe-hand {
  background: url("../images/hand_swipe.png") no-repeat 50% 50%;
  float: left;
  height: 40px;
  width: 100%;
}

.receipt__content .scrolltable.scrollbar .scroll-shadow-left {
  left: 24px;
}

.receipt__content .scrolltable.scrollbar .scroll-shadow-right {
  right: 24px;
}

.tab-panel .scrolltable.scrollbar .scroll-shadow-left {
  left: 0;
}

.tab-panel .scrolltable.scrollbar .scroll-shadow-right {
  right: 0;
}

.ios .lightbox__main .scrolltable .scroll-shadow.scroll-shadow-left,
.ios .lightbox__main .scrolltable .scroll-shadow.scroll-shadow-right {
  display: none;
}

@media screen and (max-width: 767.9px) {
  .scrolltable.scrollbar .scroll-shadow-left {
    left: 6px;
  }

  .scrolltable.scrollbar .scroll-shadow-right {
    right: 6px;
  }

  .lightbox__main .scrolltable.scrollbar .scroll-shadow-left {
    left: 0;
  }
}

@media screen and (min-width: 768px) {
  .scrolltable .scroll-shadow.scroll-shadow-left,
  .scrolltable .scroll-shadow.scroll-shadow-right {
    display: none;
  }

  .swipe-hand {
    display: none;
  }
}

.accordion__content___indent .scrolltable .scroll-shadow-left {
  left: 24px;
}

.content-table,
.highcharts-data-table table,
#match,
.eventTable,
.resultTable {
  font-family: helvetica-roman, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.867rem;
  margin-bottom: 20px;
  width: 100%;
}

.content-table .tooltip__help--content-table,
.highcharts-data-table table .tooltip__help--content-table,
#match .tooltip__help--content-table,
.eventTable .tooltip__help--content-table,
.resultTable .tooltip__help--content-table {
  position: relative;
  top: 2px;
  background-size: 15px 15px;
  display: inline-block;
  float: none;
  height: 15px;
  margin-left: 10px;
  width: 15px;
  width: 15px;
}

.content-table thead th,
.highcharts-data-table table thead th,
#match thead th,
.eventTable thead th,
.resultTable thead th {
  border-bottom: 1px solid #d4d4d4;
}

.content-table tr,
.highcharts-data-table table tr,
#match tr,
.eventTable tr,
.resultTable tr {
  height: 35px;
}

.content-table td,
.highcharts-data-table table td,
#match td,
.eventTable td,
.resultTable td,
.content-table th,
.highcharts-data-table table th,
#match th,
.eventTable th,
.resultTable th {
  padding: 5px 10px;
}

.content-table td.font-size-small,
.highcharts-data-table table td.font-size-small,
#match td.font-size-small,
.eventTable td.font-size-small,
.resultTable td.font-size-small,
.content-table td .font-size-small,
.highcharts-data-table table td .font-size-small,
#match td .font-size-small,
.eventTable td .font-size-small,
.resultTable td .font-size-small,
.content-table td .highcharts-data-table table th,
.highcharts-data-table table
    .content-table td th,
.highcharts-data-table table td th,
#match td .highcharts-data-table table th,
.highcharts-data-table table #match td th,
.eventTable td .highcharts-data-table table th,
.highcharts-data-table table .eventTable td th,
.resultTable td .highcharts-data-table table th,
.highcharts-data-table table
    .resultTable td th,
.content-table th.font-size-small,
.highcharts-data-table table th.font-size-small,
#match th.font-size-small,
.eventTable th.font-size-small,
.resultTable th.font-size-small,
.content-table .highcharts-data-table table th,
.highcharts-data-table table
    .content-table th,
.highcharts-data-table table th,
#match .highcharts-data-table table th,
.highcharts-data-table table #match th,
.content-table th .font-size-small,
.highcharts-data-table table th .font-size-small,
#match th .font-size-small,
.eventTable th .font-size-small,
.resultTable th .font-size-small,
.content-table th .highcharts-data-table table th,
.highcharts-data-table table
    .content-table th th,
.highcharts-data-table table th th,
#match th .highcharts-data-table table th,
.highcharts-data-table table #match th th,
.eventTable th .highcharts-data-table table th,
.highcharts-data-table table .eventTable th th,
.resultTable th .highcharts-data-table table th,
.highcharts-data-table table
    .resultTable th th {
  font-size: 0.867rem;
}

.content-table td.font-size-regular,
.highcharts-data-table table td.font-size-regular,
#match td.font-size-regular,
.eventTable td.font-size-regular,
.resultTable td.font-size-regular,
.content-table td .font-size-regular,
.highcharts-data-table table td .font-size-regular,
#match td .font-size-regular,
.eventTable td .font-size-regular,
.resultTable td .font-size-regular,
.content-table th.font-size-regular,
.highcharts-data-table table th.font-size-regular,
#match th.font-size-regular,
.eventTable th.font-size-regular,
.resultTable th.font-size-regular,
.content-table th .font-size-regular,
.highcharts-data-table table th .font-size-regular,
#match th .font-size-regular,
.eventTable th .font-size-regular,
.resultTable th .font-size-regular {
  font-size: 1rem;
}

.content-table td.font-weight-normal,
.highcharts-data-table table td.font-weight-normal,
#match td.font-weight-normal,
.eventTable td.font-weight-normal,
.resultTable td.font-weight-normal,
.content-table td .font-weight-normal,
.highcharts-data-table table td .font-weight-normal,
#match td .font-weight-normal,
.eventTable td .font-weight-normal,
.resultTable td .font-weight-normal,
.content-table th.font-weight-normal,
.highcharts-data-table table th.font-weight-normal,
#match th.font-weight-normal,
.eventTable th.font-weight-normal,
.resultTable th.font-weight-normal,
.content-table th .font-weight-normal,
.highcharts-data-table table th .font-weight-normal,
#match th .font-weight-normal,
.eventTable th .font-weight-normal,
.resultTable th .font-weight-normal {
  font-family: helvetica-roman, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

.content-table td.font-weight-bold,
.highcharts-data-table table td.font-weight-bold,
#match td.font-weight-bold,
.eventTable td.font-weight-bold,
.resultTable td.font-weight-bold,
.content-table td .font-weight-bold,
.highcharts-data-table table td .font-weight-bold,
#match td .font-weight-bold,
.eventTable td .font-weight-bold,
.resultTable td .font-weight-bold,
.content-table td .highcharts-data-table table th,
.highcharts-data-table table
    .content-table td th,
.highcharts-data-table table td th,
#match td .highcharts-data-table table th,
.highcharts-data-table table #match td th,
.eventTable td .highcharts-data-table table th,
.highcharts-data-table table .eventTable td th,
.resultTable td .highcharts-data-table table th,
.highcharts-data-table table
    .resultTable td th,
.content-table td strong,
.highcharts-data-table table td strong,
#match td strong,
.eventTable td strong,
.resultTable td strong,
.content-table td b,
.highcharts-data-table table td b,
#match td b,
.eventTable td b,
.resultTable td b,
.content-table th.font-weight-bold,
.highcharts-data-table table th.font-weight-bold,
#match th.font-weight-bold,
.eventTable th.font-weight-bold,
.resultTable th.font-weight-bold,
.content-table .highcharts-data-table table th,
.highcharts-data-table table
    .content-table th,
.highcharts-data-table table th,
#match .highcharts-data-table table th,
.highcharts-data-table table #match th,
.content-table th .font-weight-bold,
.highcharts-data-table table th .font-weight-bold,
#match th .font-weight-bold,
.eventTable th .font-weight-bold,
.resultTable th .font-weight-bold,
.content-table th .highcharts-data-table table th,
.highcharts-data-table table
    .content-table th th,
.highcharts-data-table table th th,
#match th .highcharts-data-table table th,
.highcharts-data-table table #match th th,
.eventTable th .highcharts-data-table table th,
.highcharts-data-table table .eventTable th th,
.resultTable th .highcharts-data-table table th,
.highcharts-data-table table
    .resultTable th th,
.content-table th strong,
.highcharts-data-table table th strong,
#match th strong,
.eventTable th strong,
.resultTable th strong,
.content-table th b,
.highcharts-data-table table th b,
#match th b,
.eventTable th b,
.resultTable th b {
  font-family: helvetica-bold, Arial-Black, sans-serif;
  font-weight: normal;
}

.content-table td.align-left,
.highcharts-data-table table td.align-left,
#match td.align-left,
.eventTable td.align-left,
.resultTable td.align-left,
.content-table td .align-left,
.highcharts-data-table table td .align-left,
#match td .align-left,
.eventTable td .align-left,
.resultTable td .align-left,
.content-table th.align-left,
.highcharts-data-table table th.align-left,
#match th.align-left,
.eventTable th.align-left,
.resultTable th.align-left,
.content-table th .align-left,
.highcharts-data-table table th .align-left,
#match th .align-left,
.eventTable th .align-left,
.resultTable th .align-left {
  text-align: left;
}

.content-table td.align-center,
.highcharts-data-table table td.align-center,
#match td.align-center,
.eventTable td.align-center,
.resultTable td.align-center,
.content-table td .align-center,
.highcharts-data-table table td .align-center,
#match td .align-center,
.eventTable td .align-center,
.resultTable td .align-center,
.content-table th.align-center,
.highcharts-data-table table th.align-center,
#match th.align-center,
.eventTable th.align-center,
.resultTable th.align-center,
.content-table th .align-center,
.highcharts-data-table table th .align-center,
#match th .align-center,
.eventTable th .align-center,
.resultTable th .align-center {
  text-align: center;
}

.content-table td.align-right,
.highcharts-data-table table td.align-right,
#match td.align-right,
.eventTable td.align-right,
.resultTable td.align-right,
.content-table td .align-right,
.highcharts-data-table table td .align-right,
#match td .align-right,
.eventTable td .align-right,
.resultTable td .align-right,
.content-table th.align-right,
.highcharts-data-table table th.align-right,
#match th.align-right,
.eventTable th.align-right,
.resultTable th.align-right,
.content-table th .align-right,
.highcharts-data-table table th .align-right,
#match th .align-right,
.eventTable th .align-right,
.resultTable th .align-right {
  text-align: right;
}

.content-table td.vertical-align-top,
.highcharts-data-table table td.vertical-align-top,
#match td.vertical-align-top,
.eventTable td.vertical-align-top,
.resultTable td.vertical-align-top,
.content-table td .vertical-align-top,
.highcharts-data-table table td .vertical-align-top,
#match td .vertical-align-top,
.eventTable td .vertical-align-top,
.resultTable td .vertical-align-top,
.content-table th.vertical-align-top,
.highcharts-data-table table th.vertical-align-top,
#match th.vertical-align-top,
.eventTable th.vertical-align-top,
.resultTable th.vertical-align-top,
.content-table th .vertical-align-top,
.highcharts-data-table table th .vertical-align-top,
#match th .vertical-align-top,
.eventTable th .vertical-align-top,
.resultTable th .vertical-align-top {
  vertical-align: top;
}

.content-table td.vertical-align-middle,
.highcharts-data-table table td.vertical-align-middle,
#match td.vertical-align-middle,
.eventTable td.vertical-align-middle,
.resultTable td.vertical-align-middle,
.content-table td .vertical-align-middle,
.highcharts-data-table table td .vertical-align-middle,
#match td .vertical-align-middle,
.eventTable td .vertical-align-middle,
.resultTable td .vertical-align-middle,
.content-table th.vertical-align-middle,
.highcharts-data-table table th.vertical-align-middle,
#match th.vertical-align-middle,
.eventTable th.vertical-align-middle,
.resultTable th.vertical-align-middle,
.content-table th .vertical-align-middle,
.highcharts-data-table table th .vertical-align-middle,
#match th .vertical-align-middle,
.eventTable th .vertical-align-middle,
.resultTable th .vertical-align-middle {
  vertical-align: middle;
}

.content-table td.vertical-align-bottom,
.highcharts-data-table table td.vertical-align-bottom,
#match td.vertical-align-bottom,
.eventTable td.vertical-align-bottom,
.resultTable td.vertical-align-bottom,
.content-table td .vertical-align-bottom,
.highcharts-data-table table td .vertical-align-bottom,
#match td .vertical-align-bottom,
.eventTable td .vertical-align-bottom,
.resultTable td .vertical-align-bottom,
.content-table th.vertical-align-bottom,
.highcharts-data-table table th.vertical-align-bottom,
#match th.vertical-align-bottom,
.eventTable th.vertical-align-bottom,
.resultTable th.vertical-align-bottom,
.content-table th .vertical-align-bottom,
.highcharts-data-table table th .vertical-align-bottom,
#match th .vertical-align-bottom,
.eventTable th .vertical-align-bottom,
.resultTable th .vertical-align-bottom {
  vertical-align: bottom;
}

.content-table td.no-padding-left,
.highcharts-data-table table td.no-padding-left,
#match td.no-padding-left,
.eventTable td.no-padding-left,
.resultTable td.no-padding-left,
.content-table td .no-padding-left,
.highcharts-data-table table td .no-padding-left,
#match td .no-padding-left,
.eventTable td .no-padding-left,
.resultTable td .no-padding-left,
.content-table th.no-padding-left,
.highcharts-data-table table th.no-padding-left,
#match th.no-padding-left,
.eventTable th.no-padding-left,
.resultTable th.no-padding-left,
.content-table th .no-padding-left,
.highcharts-data-table table th .no-padding-left,
#match th .no-padding-left,
.eventTable th .no-padding-left,
.resultTable th .no-padding-left {
  padding-left: 0;
}

.content-table td.no-padding-right,
.highcharts-data-table table td.no-padding-right,
#match td.no-padding-right,
.eventTable td.no-padding-right,
.resultTable td.no-padding-right,
.content-table td .no-padding-right,
.highcharts-data-table table td .no-padding-right,
#match td .no-padding-right,
.eventTable td .no-padding-right,
.resultTable td .no-padding-right,
.content-table th.no-padding-right,
.highcharts-data-table table th.no-padding-right,
#match th.no-padding-right,
.eventTable th.no-padding-right,
.resultTable th.no-padding-right,
.content-table th .no-padding-right,
.highcharts-data-table table th .no-padding-right,
#match th .no-padding-right,
.eventTable th .no-padding-right,
.resultTable th .no-padding-right {
  padding-right: 0;
}

.content-table td.indent-left,
.highcharts-data-table table td.indent-left,
#match td.indent-left,
.eventTable td.indent-left,
.resultTable td.indent-left,
.content-table td .indent-left,
.highcharts-data-table table td .indent-left,
#match td .indent-left,
.eventTable td .indent-left,
.resultTable td .indent-left,
.content-table th.indent-left,
.highcharts-data-table table th.indent-left,
#match th.indent-left,
.eventTable th.indent-left,
.resultTable th.indent-left,
.content-table th .indent-left,
.highcharts-data-table table th .indent-left,
#match th .indent-left,
.eventTable th .indent-left,
.resultTable th .indent-left {
  padding-left: 30px;
}

.content-table td.indent-right,
.highcharts-data-table table td.indent-right,
#match td.indent-right,
.eventTable td.indent-right,
.resultTable td.indent-right,
.content-table td .indent-right,
.highcharts-data-table table td .indent-right,
#match td .indent-right,
.eventTable td .indent-right,
.resultTable td .indent-right,
.content-table th.indent-right,
.highcharts-data-table table th.indent-right,
#match th.indent-right,
.eventTable th.indent-right,
.resultTable th.indent-right,
.content-table th .indent-right,
.highcharts-data-table table th .indent-right,
#match th .indent-right,
.eventTable th .indent-right,
.resultTable th .indent-right {
  padding-right: 30px;
}

.content-table td.image-only,
.highcharts-data-table table td.image-only,
#match td.image-only,
.eventTable td.image-only,
.resultTable td.image-only,
.content-table td .image-only,
.highcharts-data-table table td .image-only,
#match td .image-only,
.eventTable td .image-only,
.resultTable td .image-only,
.content-table th.image-only,
.highcharts-data-table table th.image-only,
#match th.image-only,
.eventTable th.image-only,
.resultTable th.image-only,
.content-table th .image-only,
.highcharts-data-table table th .image-only,
#match th .image-only,
.eventTable th .image-only,
.resultTable th .image-only {
  line-height: 1;
}

.content-table td.no-break,
.highcharts-data-table table td.no-break,
#match td.no-break,
.eventTable td.no-break,
.resultTable td.no-break,
.content-table td .no-break,
.highcharts-data-table table td .no-break,
#match td .no-break,
.eventTable td .no-break,
.resultTable td .no-break,
.content-table th.no-break,
.highcharts-data-table table th.no-break,
#match th.no-break,
.eventTable th.no-break,
.resultTable th.no-break,
.content-table th .no-break,
.highcharts-data-table table th .no-break,
#match th .no-break,
.eventTable th .no-break,
.resultTable th .no-break {
  white-space: nowrap;
}

.content-table td img,
.highcharts-data-table table td img,
#match td img,
.eventTable td img,
.resultTable td img,
.content-table th img,
.highcharts-data-table table th img,
#match th img,
.eventTable th img,
.resultTable th img {
  height: auto;
  width: auto;
}

.content-table td.width-percentage-10,
.highcharts-data-table table td.width-percentage-10,
#match td.width-percentage-10,
.eventTable td.width-percentage-10,
.resultTable td.width-percentage-10,
.content-table th.width-percentage-10,
.highcharts-data-table table th.width-percentage-10,
#match th.width-percentage-10,
.eventTable th.width-percentage-10,
.resultTable th.width-percentage-10 {
  width: 10%;
}

.content-table td.width-percentage-15,
.highcharts-data-table table td.width-percentage-15,
#match td.width-percentage-15,
.eventTable td.width-percentage-15,
.resultTable td.width-percentage-15,
.content-table th.width-percentage-15,
.highcharts-data-table table th.width-percentage-15,
#match th.width-percentage-15,
.eventTable th.width-percentage-15,
.resultTable th.width-percentage-15 {
  width: 15%;
}

.content-table td.width-percentage-20,
.highcharts-data-table table td.width-percentage-20,
#match td.width-percentage-20,
.eventTable td.width-percentage-20,
.resultTable td.width-percentage-20,
.content-table th.width-percentage-20,
.highcharts-data-table table th.width-percentage-20,
#match th.width-percentage-20,
.eventTable th.width-percentage-20,
.resultTable th.width-percentage-20 {
  width: 20%;
}

.content-table td.width-percentage-25,
.highcharts-data-table table td.width-percentage-25,
#match td.width-percentage-25,
.eventTable td.width-percentage-25,
.resultTable td.width-percentage-25,
.content-table th.width-percentage-25,
.highcharts-data-table table th.width-percentage-25,
#match th.width-percentage-25,
.eventTable th.width-percentage-25,
.resultTable th.width-percentage-25 {
  width: 25%;
}

.content-table td.width-percentage-30,
.highcharts-data-table table td.width-percentage-30,
#match td.width-percentage-30,
.eventTable td.width-percentage-30,
.resultTable td.width-percentage-30,
.content-table th.width-percentage-30,
.highcharts-data-table table th.width-percentage-30,
#match th.width-percentage-30,
.eventTable th.width-percentage-30,
.resultTable th.width-percentage-30 {
  width: 30%;
}

.content-table td.width-percentage-35,
.highcharts-data-table table td.width-percentage-35,
#match td.width-percentage-35,
.eventTable td.width-percentage-35,
.resultTable td.width-percentage-35,
.content-table th.width-percentage-35,
.highcharts-data-table table th.width-percentage-35,
#match th.width-percentage-35,
.eventTable th.width-percentage-35,
.resultTable th.width-percentage-35 {
  width: 35%;
}

.content-table td.width-percentage-40,
.highcharts-data-table table td.width-percentage-40,
#match td.width-percentage-40,
.eventTable td.width-percentage-40,
.resultTable td.width-percentage-40,
.content-table th.width-percentage-40,
.highcharts-data-table table th.width-percentage-40,
#match th.width-percentage-40,
.eventTable th.width-percentage-40,
.resultTable th.width-percentage-40 {
  width: 40%;
}

.content-table td.width-percentage-45,
.highcharts-data-table table td.width-percentage-45,
#match td.width-percentage-45,
.eventTable td.width-percentage-45,
.resultTable td.width-percentage-45,
.content-table th.width-percentage-45,
.highcharts-data-table table th.width-percentage-45,
#match th.width-percentage-45,
.eventTable th.width-percentage-45,
.resultTable th.width-percentage-45 {
  width: 45%;
}

.content-table td.width-percentage-50,
.highcharts-data-table table td.width-percentage-50,
#match td.width-percentage-50,
.eventTable td.width-percentage-50,
.resultTable td.width-percentage-50,
.content-table th.width-percentage-50,
.highcharts-data-table table th.width-percentage-50,
#match th.width-percentage-50,
.eventTable th.width-percentage-50,
.resultTable th.width-percentage-50 {
  width: 50%;
}

.content-table td.width-percentage-55,
.highcharts-data-table table td.width-percentage-55,
#match td.width-percentage-55,
.eventTable td.width-percentage-55,
.resultTable td.width-percentage-55,
.content-table th.width-percentage-55,
.highcharts-data-table table th.width-percentage-55,
#match th.width-percentage-55,
.eventTable th.width-percentage-55,
.resultTable th.width-percentage-55 {
  width: 55%;
}

.content-table td.width-percentage-60,
.highcharts-data-table table td.width-percentage-60,
#match td.width-percentage-60,
.eventTable td.width-percentage-60,
.resultTable td.width-percentage-60,
.content-table th.width-percentage-60,
.highcharts-data-table table th.width-percentage-60,
#match th.width-percentage-60,
.eventTable th.width-percentage-60,
.resultTable th.width-percentage-60 {
  width: 60%;
}

.content-table td.width-percentage-65,
.highcharts-data-table table td.width-percentage-65,
#match td.width-percentage-65,
.eventTable td.width-percentage-65,
.resultTable td.width-percentage-65,
.content-table th.width-percentage-65,
.highcharts-data-table table th.width-percentage-65,
#match th.width-percentage-65,
.eventTable th.width-percentage-65,
.resultTable th.width-percentage-65 {
  width: 65%;
}

.content-table td.width-percentage-70,
.highcharts-data-table table td.width-percentage-70,
#match td.width-percentage-70,
.eventTable td.width-percentage-70,
.resultTable td.width-percentage-70,
.content-table th.width-percentage-70,
.highcharts-data-table table th.width-percentage-70,
#match th.width-percentage-70,
.eventTable th.width-percentage-70,
.resultTable th.width-percentage-70 {
  width: 70%;
}

.content-table td.width-percentage-75,
.highcharts-data-table table td.width-percentage-75,
#match td.width-percentage-75,
.eventTable td.width-percentage-75,
.resultTable td.width-percentage-75,
.content-table th.width-percentage-75,
.highcharts-data-table table th.width-percentage-75,
#match th.width-percentage-75,
.eventTable th.width-percentage-75,
.resultTable th.width-percentage-75 {
  width: 75%;
}

.content-table td.width-percentage-80,
.highcharts-data-table table td.width-percentage-80,
#match td.width-percentage-80,
.eventTable td.width-percentage-80,
.resultTable td.width-percentage-80,
.content-table th.width-percentage-80,
.highcharts-data-table table th.width-percentage-80,
#match th.width-percentage-80,
.eventTable th.width-percentage-80,
.resultTable th.width-percentage-80 {
  width: 80%;
}

.content-table td.width-percentage-85,
.highcharts-data-table table td.width-percentage-85,
#match td.width-percentage-85,
.eventTable td.width-percentage-85,
.resultTable td.width-percentage-85,
.content-table th.width-percentage-85,
.highcharts-data-table table th.width-percentage-85,
#match th.width-percentage-85,
.eventTable th.width-percentage-85,
.resultTable th.width-percentage-85 {
  width: 85%;
}

.content-table td.width-percentage-90,
.highcharts-data-table table td.width-percentage-90,
#match td.width-percentage-90,
.eventTable td.width-percentage-90,
.resultTable td.width-percentage-90,
.content-table th.width-percentage-90,
.highcharts-data-table table th.width-percentage-90,
#match th.width-percentage-90,
.eventTable th.width-percentage-90,
.resultTable th.width-percentage-90 {
  width: 90%;
}

.content-table td.width-percentage-95,
.highcharts-data-table table td.width-percentage-95,
#match td.width-percentage-95,
.eventTable td.width-percentage-95,
.resultTable td.width-percentage-95,
.content-table th.width-percentage-95,
.highcharts-data-table table th.width-percentage-95,
#match th.width-percentage-95,
.eventTable th.width-percentage-95,
.resultTable th.width-percentage-95 {
  width: 95%;
}

.content-table td.width-percentage-100,
.highcharts-data-table table td.width-percentage-100,
#match td.width-percentage-100,
.eventTable td.width-percentage-100,
.resultTable td.width-percentage-100,
.content-table th.width-percentage-100,
.highcharts-data-table table th.width-percentage-100,
#match th.width-percentage-100,
.eventTable th.width-percentage-100,
.resultTable th.width-percentage-100 {
  width: 100%;
}

.content-table--zebra tr:nth-child(even),
.highcharts-data-table table tr:nth-child(even) {
  background-color: #f2f2f2;
}

.content-table--textwidth {
  width: 82.0512820513%;
  float: left;
  margin-right: 2.5641025641%;
}

/* sorting client side */

.tablesorter-header {
  color: #525252;
}

.tablesorter-header:hover {
  color: #404040;
  cursor: pointer;
}

.tablesorter-header > div > span {
  position: relative;
}

.tablesorter-headerDesc > div > span:after {
  height: 16px;
  width: 16px;
  float: none;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9Ii0xNCAxOCAxMCA1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0xNCAxOCAxMCA1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyBpZD0iU29ydF9EZXNjZW5kIj48Zz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzUyNTE1MSIgZD0iTS0xNCwxOGgxMGwtNSw1TC0xNCwxOHoiLz48L2c+PC9nPjwvc3ZnPg==");
  background-position: center center;
  margin: 0;
}

.tablesorter-headerDesc > div > span:hover:after {
  cursor: pointer;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9Ii0xNCAxOCAxMCA1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0xNCAxOCAxMCA1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyBpZD0iU29ydF9EZXNjZW5kIj48Zz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzQwNDA0MCIgZD0iTS0xNCwxOGgxMGwtNSw1TC0xNCwxOHoiLz48L2c+PC9nPjwvc3ZnPg==");
}

.tablesorter-headerAsc > div > span:after {
  height: 16px;
  width: 16px;
  float: none;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9Ii0xNCAxOCAxMCA1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0xNCAxOCAxMCA1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyBpZD0iU29ydF9Bc2NlbmQiPjxnPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjNTI1MTUxIiBkPSJNLTksMThsNSw1aC0xMEwtOSwxOHoiLz48L2c+PC9nPjwvc3ZnPg==");
  background-position: center center;
  margin: 0;
}

.tablesorter-headerAsc > div > span:hover:after {
  cursor: pointer;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9Ii0xNCAxOCAxMCA1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0xNCAxOCAxMCA1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyBpZD0iU29ydF9Bc2NlbmQiPjxnPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjNDA0MDQwIiBkPSJNLTksMThsNSw1aC0xMEwtOSwxOHoiLz48L2c+PC9nPjwvc3ZnPg==");
}

.tablesorter-headerUnSorted > div > span:after {
  height: 13px;
  width: 13px;
  float: none;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9Ii0yNCAyOCAxMCAxMC44IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0yNCAyOCAxMCAxMC44IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+CjxnIGlkPSJTb3J0X0FzY2VuZCI+CjxnPgo8cGF0aCBmaWxsPSIjNTI1MTUxIiBkPSJNLTE5LDI5LjRsMi42LDIuNmgtNS4yTC0xOSwyOS40IE0tMTksMjhsLTUsNWgxMEwtMTksMjhMLTE5LDI4eiIvPgo8L2c+CjwvZz4KPGcgaWQ9IlNvcnRfQXNjZW5kXzFfIj4KPGc+CjxwYXRoIGZpbGw9IiM1MjUxNTEiIGQ9Ik0tMTksMzcuM2wtMi42LTIuNmg1LjJMLTE5LDM3LjMgTS0xOSwzOC44bDUtNWgtMTBMLTE5LDM4LjhMLTE5LDM4Ljh6Ii8+CjwvZz4KPC9nPgo8L2c+Cjwvc3ZnPgo=");
  background-position: center center;
  margin: 0;
}

.tablesorter-headerUnSorted > div > span:hover:after {
  cursor: pointer;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9Ii0yNCAyOCAxMCAxMC44IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0yNCAyOCAxMCAxMC44IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+CjxnIGlkPSJTb3J0X0FzY2VuZCI+CjxnPgo8cGF0aCBmaWxsPSIjNTI1MTUxIiBkPSJNLTE5LDI5LjRsMi42LDIuNmgtNS4yTC0xOSwyOS40IE0tMTksMjhsLTUsNWgxMEwtMTksMjhMLTE5LDI4eiIvPgo8L2c+CjwvZz4KPGcgaWQ9IlNvcnRfQXNjZW5kXzFfIj4KPGc+CjxwYXRoIGZpbGw9IiM1MjUxNTEiIGQ9Ik0tMTksMzcuM2wtMi42LTIuNmg1LjJMLTE5LDM3LjMgTS0xOSwzOC44bDUtNWgtMTBMLTE5LDM4LjhMLTE5LDM4Ljh6Ii8+CjwvZz4KPC9nPgo8L2c+Cjwvc3ZnPgo=");
}

.tablesorter-headerUnSorted.sorter-false > div > span:after {
  display: none;
}

.tablesorter-headerDesc > div > span:after,
.tablesorter-headerAsc > div > span:after,
.tablesorter-headerUnSorted > div > span:after {
  position: relative;
  top: 3px;
  content: "";
  margin-left: 4px;
  margin-top: 2px;
}

/* sorting server side */

th[data-sort-direction="descending"] a:after {
  height: 16px;
  width: 16px;
  float: none;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9Ii0xNCAxOCAxMCA1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0xNCAxOCAxMCA1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyBpZD0iU29ydF9EZXNjZW5kIj48Zz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzUyNTE1MSIgZD0iTS0xNCwxOGgxMGwtNSw1TC0xNCwxOHoiLz48L2c+PC9nPjwvc3ZnPg==");
  background-position: center center;
  margin: 0;
}

th[data-sort-direction="descending"] a:hover:after {
  cursor: pointer;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9Ii0xNCAxOCAxMCA1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0xNCAxOCAxMCA1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyBpZD0iU29ydF9EZXNjZW5kIj48Zz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzQwNDA0MCIgZD0iTS0xNCwxOGgxMGwtNSw1TC0xNCwxOHoiLz48L2c+PC9nPjwvc3ZnPg==");
}

th[data-sort-direction="ascending"] a:after {
  height: 16px;
  width: 16px;
  float: none;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9Ii0xNCAxOCAxMCA1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0xNCAxOCAxMCA1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyBpZD0iU29ydF9Bc2NlbmQiPjxnPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjNTI1MTUxIiBkPSJNLTksMThsNSw1aC0xMEwtOSwxOHoiLz48L2c+PC9nPjwvc3ZnPg==");
  background-position: center center;
  margin: 0;
}

th[data-sort-direction="ascending"] a:hover:after {
  cursor: pointer;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9Ii0xNCAxOCAxMCA1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0xNCAxOCAxMCA1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyBpZD0iU29ydF9Bc2NlbmQiPjxnPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjNDA0MDQwIiBkPSJNLTksMThsNSw1aC0xMEwtOSwxOHoiLz48L2c+PC9nPjwvc3ZnPg==");
}

th[data-sort-direction="unsorted"] a:after {
  height: 13px;
  width: 13px;
  float: none;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9Ii0yNCAyOCAxMCAxMC44IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0yNCAyOCAxMCAxMC44IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+CjxnIGlkPSJTb3J0X0FzY2VuZCI+CjxnPgo8cGF0aCBmaWxsPSIjNTI1MTUxIiBkPSJNLTE5LDI5LjRsMi42LDIuNmgtNS4yTC0xOSwyOS40IE0tMTksMjhsLTUsNWgxMEwtMTksMjhMLTE5LDI4eiIvPgo8L2c+CjwvZz4KPGcgaWQ9IlNvcnRfQXNjZW5kXzFfIj4KPGc+CjxwYXRoIGZpbGw9IiM1MjUxNTEiIGQ9Ik0tMTksMzcuM2wtMi42LTIuNmg1LjJMLTE5LDM3LjMgTS0xOSwzOC44bDUtNWgtMTBMLTE5LDM4LjhMLTE5LDM4Ljh6Ii8+CjwvZz4KPC9nPgo8L2c+Cjwvc3ZnPgo=");
  background-position: center center;
  margin: 0;
}

th[data-sort-direction="unsorted"] a:hover:after {
  cursor: pointer;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9Ii0yNCAyOCAxMCAxMC44IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0yNCAyOCAxMCAxMC44IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+CjxnIGlkPSJTb3J0X0FzY2VuZCI+CjxnPgo8cGF0aCBmaWxsPSIjNTI1MTUxIiBkPSJNLTE5LDI5LjRsMi42LDIuNmgtNS4yTC0xOSwyOS40IE0tMTksMjhsLTUsNWgxMEwtMTksMjhMLTE5LDI4eiIvPgo8L2c+CjwvZz4KPGcgaWQ9IlNvcnRfQXNjZW5kXzFfIj4KPGc+CjxwYXRoIGZpbGw9IiM1MjUxNTEiIGQ9Ik0tMTksMzcuM2wtMi42LTIuNmg1LjJMLTE5LDM3LjMgTS0xOSwzOC44bDUtNWgtMTBMLTE5LDM4LjhMLTE5LDM4Ljh6Ii8+CjwvZz4KPC9nPgo8L2c+Cjwvc3ZnPgo=");
}

th[data-sort-direction] a {
  color: #525252;
}

th[data-sort-direction] a:hover {
  color: #404040;
}

th[data-sort-direction] a:after {
  position: relative;
  top: 3px;
  content: "";
  margin-left: 4px;
  margin-top: 2px;
}

.table-filter__wrapper {
  margin-bottom: 10px;
}

/**
 * Default Slick CSS INCLUDE
 */

/* Slider */

.slick-slider {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin-bottom: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: auto;
  touch-action: auto;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.slick-list:focus {
  outline: none;
}

.slick-loading .slick-list {
  background: #ffffff url("../images/ajax_loader.gif") center center no-repeat;
}

.slick-list.dragging {
  cursor: pointer;
}

.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto;
}

/* Arrows */

.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  background: transparent;
  border: none;
  color: transparent;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  margin-top: -10px;
  outline: none;
  padding: 0;
  width: 20px;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  background: transparent;
  color: transparent;
  outline: none;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  color: white;
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 0;
}

[dir="rtl"] .slick-prev {
  right: 0;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: 0;
}

[dir="rtl"] .slick-next {
  right: auto;
  left: 0;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */

.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: 20px;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

.slick-dots li {
  position: relative;
  cursor: pointer;
  display: inline-block;
  height: 9px;
  margin: 0 0 0 12px;
  padding: 0;
  width: 9px;
}

.slick-dots li:first-child {
  margin-left: 0;
}

.slick-dots li button {
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  background: #ffffff;
  border: 0;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 9px;
  line-height: 0;
  opacity: 0.35;
  outline: none;
  padding: 0;
  width: 9px;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  opacity: 0.75;
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li.slick-active button {
  opacity: 1;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */

/*
  Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/

/* pswp = photoswipe */

.pswp {
  position: absolute;
  z-index: 225000;
  top: 0;
  left: 0;
  display: none;
  height: 100%;
  outline: none;
  overflow: hidden;
  width: 100%;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
}

.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */

.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  will-change: opacity;
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
  Background is added as a separate element.
  As animating opacity is much faster than animating rgba() background-color.
*/

.pswp__bg {
  position: absolute;
  top: 0;
  left: 0;
  background: #000000;
  height: 100%;
  opacity: 0;
  width: 100%;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

.pswp__container,
.pswp__zoom-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -ms-touch-action: none;
  touch-action: none;
}

/* Prevent selection and tap highlights */

.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  width: 100%;
}

.pswp__bg {
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  will-change: opacity;
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

.pswp__item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  width: auto;
}

/*
  stretched thumbnail or div placeholder element (see below)
  style is added to avoid flickering in webkit/blink when layers overlap
*/

.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/*
  div element that matches size of large image
  large image loads on top of it
*/

.pswp__img--placeholder--blank {
  background: #222222;
}

.pswp--ie .pswp__img {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/*
  Error message appears when image is not loaded
  (JS option errorMsg controls markup)
*/

.pswp__error-msg {
  position: absolute;
  top: 50%;
  left: 0;
  color: #cccccc;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  text-align: center;
  width: 100%;
}

.pswp__error-msg a {
  color: #cccccc;
  text-decoration: underline;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */

/*

  Contents:

  1. Buttons
  2. Share modal and links
  3. Index indicator ("1 of X" counter)
  4. Caption
  5. Loading indicator
  6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/

/*

  1. Buttons

 */

/* <button> css reset */

.pswp__button {
  position: relative;
  background: none;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  display: block;
  float: right;
  height: 44px;
  margin: 0;
  opacity: 0.75;
  overflow: visible;
  padding: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  width: 44px;
  -webkit-appearance: none;
}

.pswp__button:focus,
.pswp__button:hover {
  opacity: 1;
}

.pswp__button:active {
  opacity: 0.9;
  outline: none;
}

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

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */

.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url("../images/default-skin.png") 0 0 no-repeat;
  background-size: 264px 88px;
  height: 44px;
  width: 44px;
}

@media screen and (max-width: 767.9px) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */

  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url("../images/default-skin.png");
  }

  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}

.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  background-position: -88px 0;
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

/* no arrows on touch screens */

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/*
  Arrow buttons hit area
  (icon is added to :before pseudo-element)
*/

.pswp__button--arrow--left,
.pswp__button--arrow--right {
  position: absolute;
  top: 50%;
  background: none;
  height: 100px;
  margin-top: -50px;
  width: 70px;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  position: absolute;
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  content: "";
  height: 30px;
  width: 32px;
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

/*

  2. Share modal/popup and links

 */

.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pswp__share-modal {
  position: absolute;
  z-index: 1600;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  display: block;
  height: 100%;
  opacity: 0;
  padding: 10px;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  width: 100%;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  position: absolute;
  z-index: 1620;
  top: 56px;
  right: 44px;
  background: #ffffff;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  display: block;
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  width: auto;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

.pswp__share-tooltip a {
  color: #000000;
  display: block;
  font-size: 14px;
  line-height: 18px;
  padding: 8px 12px;
  text-decoration: none;
}

.pswp__share-tooltip a:hover {
  color: #000000;
  text-decoration: none;
}

.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* increase size of share links on touch devices */

.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #ffffff;
  content: "";
  display: block;
  height: 0;
  width: 0;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}

a.pswp__share--facebook:hover {
  background: #3e5c9a;
  color: #ffffff;
}

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3e5c9a;
}

a.pswp__share--twitter:hover {
  background: #55acee;
  color: #ffffff;
}

a.pswp__share--pinterest:hover {
  background: #cccccc;
  color: #ce272d;
}

a.pswp__share--download:hover {
  background: #dddddd;
}

/*

  3. Index indicator ("1 of X" counter)

 */

.pswp__counter {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff;
  font-size: 13px;
  height: 44px;
  line-height: 44px;
  opacity: 0.75;
  padding: 0 10px;
}

/*

  4. Caption

 */

.pswp__caption {
  position: absolute;
  bottom: 0;
  left: 0;
  min-height: 44px;
  width: 100%;
}

.pswp__caption small {
  color: #bbbbbb;
  font-size: 11px;
}

.pswp__caption__center {
  color: #cccccc;
  font-size: 13px;
  line-height: 20px;
  margin: 0 auto;
  max-width: 420px;
  padding: 10px;
  text-align: left;
}

.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */

.pswp__caption--fake {
  visibility: hidden;
}

/*

  5. Loading indicator (preloader)

  You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */

.pswp__preloader {
  position: absolute;
  top: 0;
  left: 50%;
  height: 44px;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  width: 44px;
  will-change: opacity;
}

.pswp__preloader__icn {
  height: 20px;
  margin: 12px;
  width: 20px;
}

.pswp__preloader--active {
  opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url("../images/preloader.gif") 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
  position: absolute;
  top: 15px;
  left: 15px;
  background: none;
  height: 14px;
  margin: 0;
  opacity: 0.75;
  width: 14px;
}

.pswp--css_animation .pswp__preloader__cut {
  /*
        The idea of animating inner circle is based on Polymer ("material") loading indicator
         by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
      */
  position: relative;
  height: 14px;
  overflow: hidden;
  width: 7px;
}

.pswp--css_animation .pswp__preloader__donut {
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  border: 2px solid #ffffff;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 14px;
  margin: 0;
  width: 14px;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    top: auto;
    left: auto;
    float: right;
    margin: 0;
  }
}

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

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

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

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

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

/*

  6. Additional styles

 */

/* root element of UI */

.pswp__ui {
  z-index: 1550;
  opacity: 1;
  visibility: visible;
  -webkit-font-smoothing: antialiased;
}

/* top black bar with buttons and "1 of X" indicator */

.pswp__top-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 44px;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */

.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
  pswp__ui--hidden class is added when controls are hidden
  e.g. when user taps to toggle visibility of controls
*/

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

.gallery {
  float: left;
  width: 100%;
}

.gallery img {
  width: auto;
}

.gallery .tall-img {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  width: 100%;
}

.gallery .wide-img {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: relative;
  left: 50%;
  height: 100%;
}

.gallery .grid__item___content {
  overflow: hidden;
}

.gallery.v2,
.gallery.v3 {
  float: left;
  width: 100%;
}

.gallery.v2 img,
.gallery.v3 img {
  width: auto;
}

.gallery.v2 .wide-img,
.gallery.v3 .wide-img {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  height: auto;
  width: 100%;
}

.gallery.v2 .tall-img,
.gallery.v3 .tall-img {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  left: 50%;
  height: 100%;
  width: auto;
}

.gallery.v2 .grid__item___content,
.gallery.v3 .grid__item___content {
  background-color: #ececec;
}

.gallery.v3 .grid__item___content {
  background-color: transparent;
}

.gallery__figure {
  height: 100%;
  margin: 0;
  width: 100%;
}

.gallery figcaption {
  display: none;
}

.carousel {
  height: 100%;
  margin-bottom: 30px;
  max-height: 700px;
  overflow: hidden;
  width: 100%;
}

.carousel__item {
  height: 700px;
  min-height: 670px;
  padding-top: 170px;
  width: 100%;
}

.carousel__item___content {
  position: relative;
  z-index: 1;
  height: 100%;
  margin: 0 auto;
  max-width: 98%;
  width: 1200px;
}

.slick-list {
  width: 100%;
}

.slick-slider:not(.carousel) {
  margin-bottom: 0;
}

.slick-dots li {
  height: 18px;
  width: 18px;
}

.slick-dots li button {
  height: 18px;
  width: 18px;
}

.slick-prev,
.slick-next {
  height: 84px;
  width: 84px;
}

.slick-prev:before,
.slick-next:before {
  display: none;
}

.slick-prev {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB3aWR0aD0iODRweCIgaGVpZ2h0PSI4NHB4IiB2aWV3Qm94PSItMzIyIDIxNS45MSA4NCA4NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMzIyIDIxNS45MSA4NCA4NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJTbGlkZXJfUGZlaWxfbGlua3MiPgogIDxwYXRoIG9wYWNpdHk9IjAuMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAgICAiIGQ9Ik0tMjQ0LDIxNS45MWgtNzh2ODRoNzhjMy4zMTQsMCw2LTIuNjg3LDYtNnYtNzIKICAgIEMtMjM4LDIxOC41OTctMjQwLjY4NiwyMTUuOTEtMjQ0LDIxNS45MXogTS0yNzYuNzQsMjcxLjkxN2wtMTMuMjY1LTEzLjUwN2wxMy4yNjUtMTMuNTA3bDIuNzQxLDIuODFsLTEwLjg2MywxMC43bDEwLjg2NywxMC42NjYKICAgIEwtMjc2Ljc0LDI3MS45MTd6Ii8+CjwvZz4KPC9zdmc+");
}

.slick-prev:hover,
.slick-prev:focus {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB3aWR0aD0iODRweCIgaGVpZ2h0PSI4NHB4IiB2aWV3Qm94PSItMzIyIDIxNS45MSA4NCA4NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMzIyIDIxNS45MSA4NCA4NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJTbGlkZXJfUGZlaWxfbGlua3MiPgogIDxwYXRoIG9wYWNpdHk9IjAuNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAgICAiIGQ9Ik0tMjQ0LDIxNS45MWgtNzh2ODRoNzhjMy4zMTQsMCw2LTIuNjg3LDYtNnYtNzIKICAgIEMtMjM4LDIxOC41OTctMjQwLjY4NiwyMTUuOTEtMjQ0LDIxNS45MXogTS0yNzYuNzQsMjcxLjkxN2wtMTMuMjY1LTEzLjUwN2wxMy4yNjUtMTMuNTA3bDIuNzQxLDIuODFsLTEwLjg2MywxMC43bDEwLjg2NywxMC42NjYKICAgIEwtMjc2Ljc0LDI3MS45MTd6Ii8+CjwvZz4KPC9zdmc+Cg==");
}

.slick-next {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB3aWR0aD0iODRweCIgaGVpZ2h0PSI4NHB4IiB2aWV3Qm94PSItMzIyIDIxNS45MSA4NCA4NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMzIyIDIxNS45MSA4NCA4NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJTbGlkZXJfUGZlaWxfbGlua3MiPgogIDxwYXRoIG9wYWNpdHk9IjAuMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAgICAiIGQ9Ik0tMzIyLDIyMS45MXY3MmMwLDMuMzE0LDIuNjg2LDYsNiw2aDc4di04NGgtNzgKICAgIEMtMzE5LjMxNCwyMTUuOTEtMzIyLDIxOC41OTctMzIyLDIyMS45MXogTS0yODYuMDA1LDI2OS4wNzlsMTAuODY3LTEwLjY2NmwtMTAuODYzLTEwLjdsMi43NDEtMi44MWwxMy4yNjQsMTMuNTA3bC0xMy4yNjQsMTMuNTA3CiAgICBMLTI4Ni4wMDUsMjY5LjA3OXoiLz4KPC9nPgo8L3N2Zz4K");
}

.slick-next:hover,
.slick-next:focus {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB3aWR0aD0iODRweCIgaGVpZ2h0PSI4NHB4IiB2aWV3Qm94PSItMzIyIDIxNS45MSA4NCA4NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMzIyIDIxNS45MSA4NCA4NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJTbGlkZXJfUGZlaWxfbGlua3MiPgogIDxwYXRoIG9wYWNpdHk9IjAuNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAgICAiIGQ9Ik0tMzIyLDIyMS45MXY3MmMwLDMuMzE0LDIuNjg2LDYsNiw2aDc4di04NGgtNzgKICAgIEMtMzE5LjMxNCwyMTUuOTEtMzIyLDIxOC41OTctMzIyLDIyMS45MXogTS0yODYuMDA1LDI2OS4wNzlsMTAuODY3LTEwLjY2NmwtMTAuODYzLTEwLjdsMi43NDEtMi44MWwxMy4yNjQsMTMuNTA3bC0xMy4yNjQsMTMuNTA3CiAgICBMLTI4Ni4wMDUsMjY5LjA3OXoiLz4KPC9nPgo8L3N2Zz4K");
}

/**
 * Normal Touch Device View
 */

@media screen and (max-width: 1020.9px) {
  .show__warning .carousel {
    margin-top: 0;
  }

  .carousel .slick-prev,
  .carousel .slick-next {
    display: none !important;
  }
}

/**
 * Tablet View
 */

@media screen and (min-width: 768px) and (max-width: 1020.9px) {
  .carousel {
    margin-top: -120px;
  }

  .carousel__item {
    padding-top: 130px;
  }
}

/**
 * All Phone View
 */

@media screen and (min-width: 0) and (max-width: 767.9px) {
  .carousel {
    margin-top: -60px;
  }

  .carousel__item {
    height: 80vh;
    max-height: 525px;
    min-height: 450px;
    padding-top: 70px;
  }
}

.carousel__euromillions {
  background-color: #188cd9;
  /**
   * Phone View for Sliders
   */
}

.carousel__euromillions.carousel__bg-image {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.carousel__euromillions .carousel__big-title {
  position: absolute;
  z-index: 1;
  color: #ffed00;
  font-family: "helvetica-black";
  font-style: italic;
  letter-spacing: 4px;
  text-align: center;
  text-shadow: 3px 5px 6px #005286;
  width: 100%;
}

.carousel__euromillions .carousel__big-title .normal {
  font-size: 4.8125rem;
}

.carousel__euromillions .carousel__big-title .normal:empty {
  line-height: 0;
}

.carousel__euromillions .carousel__big-title .grand {
  font-size: 9rem;
  line-height: 6rem;
}

.carousel__euromillions .carousel__big-title .grand:empty {
  line-height: 0;
}

.carousel__euromillions .carousel__cta-button {
  background-color: #ecd400;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #ffed00 0%, #ecd400 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffed00), color-stop(100%, #ecd400));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #ffed00 0%, #ecd400 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #ffed00 0%, #ecd400 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #ffed00 0%, #ecd400 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #ffed00 0%, #ecd400 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #005286;
  -moz-box-shadow: 0 2px 0 0 #005286;
  box-shadow: 0 2px 0 0 #005286;
  position: absolute;
  z-index: 10;
  top: 220px;
  color: #294d65;
  font-size: 1.5rem;
  height: 77px;
  line-height: 77px;
  padding: 0;
  text-align: center;
  width: 295px;
}

.carousel__euromillions .carousel__cta-button:hover,
.carousel__euromillions .carousel__cta-button.hover,
.carousel__euromillions .carousel__cta-button.button__primary___active {
  background-color: #3b3a38;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #3b3a38));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #404040 0%, #3b3a38 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #3b3a38;
  -moz-box-shadow: 0 2px 0 0 #3b3a38;
  box-shadow: 0 2px 0 0 #3b3a38;
  color: #ffffff;
}

.carousel__euromillions .carousel__cta-button:hover {
  cursor: pointer;
}

.carousel__euromillions .carousel__teaser-text {
  position: absolute;
  bottom: 40px;
  left: 0;
  color: #ffed00;
  font-family: "helvetica-black";
  font-size: 1.5rem;
  font-style: italic;
  margin-right: 276px;
}

.carousel__euromillions .carousel__big-logo {
  position: absolute;
  right: 0;
  bottom: 40px;
  background-position: center, center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 160px;
  width: 276px;
}

@media screen and (min-width: 768px) and (max-width: 1020.9px) {
  .carousel__euromillions {
    padding-top: 170px;
  }

  .carousel__euromillions .carousel__big-title .normal {
    font-size: 4.25rem;
  }
}

@media screen and (min-width: 0) and (max-width: 767.9px) {
  .carousel__euromillions {
    text-align: center;
  }

  .carousel__euromillions .carousel__big-title {
    position: static;
    left: 0;
    -webkit-transform: none !important;
    transform: none !important;
  }

  .carousel__euromillions .carousel__big-title .normal {
    font-size: 2.0rem;
  }

  .carousel__euromillions .carousel__big-title .grand {
    font-size: 4.0rem;
    line-height: 2.9rem;
  }

  .carousel__euromillions .carousel__cta-button {
    position: static;
    right: 0;
    left: 0;
    clear: both;
    display: inline-block;
    margin-top: 10px;
    -webkit-transform: none !important;
    transform: none !important;
  }

  .carousel__euromillions .carousel__teaser-text {
    position: static;
    font-size: 1.15rem;
    margin-left: 1.2%;
    margin-right: 0;
    margin-top: 20px;
    text-align: left;
  }

  .carousel__euromillions .carousel__big-logo {
    position: static;
    float: right;
    height: 80px;
    width: 138px;
  }
}

.carousel__euromillions .carousel__big-logo {
  background-image: url("../images/logo/euro_millions_logo_big_transparent.png");
}

.carousel__swisslotto {
  background-color: #bd0013;
  /**
   * Phone View for Sliders
   */
}

.carousel__swisslotto.carousel__bg-image {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.carousel__swisslotto .carousel__big-title {
  position: absolute;
  z-index: 1;
  color: #ffffff;
  font-family: "helvetica-black";
  font-style: italic;
  letter-spacing: 4px;
  text-align: center;
  text-shadow: 3px 5px 6px #800313;
  width: 100%;
}

.carousel__swisslotto .carousel__big-title .normal {
  font-size: 4.8125rem;
}

.carousel__swisslotto .carousel__big-title .normal:empty {
  line-height: 0;
}

.carousel__swisslotto .carousel__big-title .grand {
  font-size: 9rem;
  line-height: 6rem;
}

.carousel__swisslotto .carousel__big-title .grand:empty {
  line-height: 0;
}

.carousel__swisslotto .carousel__cta-button {
  background-color: #ce0517;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #df051a 0%, #ce0517 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #df051a), color-stop(100%, #ce0517));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #df051a 0%, #ce0517 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #df051a 0%, #ce0517 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #df051a 0%, #ce0517 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #df051a 0%, #ce0517 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #a10310;
  -moz-box-shadow: 0 2px 0 0 #a10310;
  box-shadow: 0 2px 0 0 #a10310;
  position: absolute;
  z-index: 10;
  top: 220px;
  color: #ffffff;
  font-size: 1.5rem;
  height: 77px;
  line-height: 77px;
  padding: 0;
  text-align: center;
  width: 295px;
}

.carousel__swisslotto .carousel__cta-button:hover,
.carousel__swisslotto .carousel__cta-button.hover,
.carousel__swisslotto .carousel__cta-button.button__primary___active {
  background-color: #3b3a38;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #3b3a38));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #404040 0%, #3b3a38 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #3b3a38;
  -moz-box-shadow: 0 2px 0 0 #3b3a38;
  box-shadow: 0 2px 0 0 #3b3a38;
  color: #ffffff;
}

.carousel__swisslotto .carousel__cta-button:hover {
  cursor: pointer;
}

.carousel__swisslotto .carousel__teaser-text {
  position: absolute;
  bottom: 40px;
  left: 0;
  color: #ffffff;
  font-family: "helvetica-black";
  font-size: 1.5rem;
  font-style: italic;
  margin-right: 276px;
}

.carousel__swisslotto .carousel__big-logo {
  position: absolute;
  right: 0;
  bottom: 40px;
  background-position: center, center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 160px;
  width: 276px;
}

@media screen and (min-width: 768px) and (max-width: 1020.9px) {
  .carousel__swisslotto {
    padding-top: 170px;
  }

  .carousel__swisslotto .carousel__big-title .normal {
    font-size: 4.25rem;
  }
}

@media screen and (min-width: 0) and (max-width: 767.9px) {
  .carousel__swisslotto {
    text-align: center;
  }

  .carousel__swisslotto .carousel__big-title {
    position: static;
    left: 0;
    -webkit-transform: none !important;
    transform: none !important;
  }

  .carousel__swisslotto .carousel__big-title .normal {
    font-size: 2.0rem;
  }

  .carousel__swisslotto .carousel__big-title .grand {
    font-size: 4.0rem;
    line-height: 2.9rem;
  }

  .carousel__swisslotto .carousel__cta-button {
    position: static;
    right: 0;
    left: 0;
    clear: both;
    display: inline-block;
    margin-top: 10px;
    -webkit-transform: none !important;
    transform: none !important;
  }

  .carousel__swisslotto .carousel__teaser-text {
    position: static;
    font-size: 1.15rem;
    margin-left: 1.2%;
    margin-right: 0;
    margin-top: 20px;
    text-align: left;
  }

  .carousel__swisslotto .carousel__big-logo {
    position: static;
    float: right;
    height: 80px;
    width: 138px;
  }
}

.carousel__swisslotto.carousel__bg-image {
  background-image: url("../images/carousel-swiss-lotto-money-rain.png");
}

.carousel__swisslotto .carousel__big-logo {
  background-image: url("../images/grid_items/swiss_lotto_ball_big.png");
}

.carousel__swisslotto .carousel__big-title {
  letter-spacing: -0.06em;
  line-height: 1;
  text-transform: uppercase;
}

.carousel__clix {
  background-color: #c400c7;
  /**
   * Phone View for Sliders
   */
}

.carousel__clix.carousel__bg-image {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.carousel__clix .carousel__big-title {
  position: absolute;
  z-index: 1;
  color: #ffffff;
  font-family: "helvetica-black";
  font-style: italic;
  letter-spacing: 4px;
  text-align: center;
  text-shadow: 3px 5px 6px #750079;
  width: 100%;
}

.carousel__clix .carousel__big-title .normal {
  font-size: 4.8125rem;
}

.carousel__clix .carousel__big-title .normal:empty {
  line-height: 0;
}

.carousel__clix .carousel__big-title .grand {
  font-size: 9rem;
  line-height: 6rem;
}

.carousel__clix .carousel__big-title .grand:empty {
  line-height: 0;
}

.carousel__clix .carousel__cta-button {
  background-color: #ecd400;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #ffed00 0%, #ecd400 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffed00), color-stop(100%, #ecd400));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #ffed00 0%, #ecd400 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #ffed00 0%, #ecd400 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #ffed00 0%, #ecd400 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #ffed00 0%, #ecd400 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #750079;
  -moz-box-shadow: 0 2px 0 0 #750079;
  box-shadow: 0 2px 0 0 #750079;
  position: absolute;
  z-index: 10;
  top: 220px;
  color: #404040;
  font-size: 1.5rem;
  height: 77px;
  line-height: 77px;
  padding: 0;
  text-align: center;
  width: 295px;
}

.carousel__clix .carousel__cta-button:hover,
.carousel__clix .carousel__cta-button.hover,
.carousel__clix .carousel__cta-button.button__primary___active {
  background-color: #3b3a38;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #3b3a38));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #404040 0%, #3b3a38 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #3b3a38;
  -moz-box-shadow: 0 2px 0 0 #3b3a38;
  box-shadow: 0 2px 0 0 #3b3a38;
  color: #ffffff;
}

.carousel__clix .carousel__cta-button:hover {
  cursor: pointer;
}

.carousel__clix .carousel__teaser-text {
  position: absolute;
  bottom: 40px;
  left: 0;
  color: #ffffff;
  font-family: "helvetica-black";
  font-size: 1.5rem;
  font-style: italic;
  margin-right: 276px;
}

.carousel__clix .carousel__big-logo {
  position: absolute;
  right: 0;
  bottom: 40px;
  background-position: center, center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 160px;
  width: 276px;
}

@media screen and (min-width: 768px) and (max-width: 1020.9px) {
  .carousel__clix {
    padding-top: 170px;
  }

  .carousel__clix .carousel__big-title .normal {
    font-size: 4.25rem;
  }
}

@media screen and (min-width: 0) and (max-width: 767.9px) {
  .carousel__clix {
    text-align: center;
  }

  .carousel__clix .carousel__big-title {
    position: static;
    left: 0;
    -webkit-transform: none !important;
    transform: none !important;
  }

  .carousel__clix .carousel__big-title .normal {
    font-size: 2.0rem;
  }

  .carousel__clix .carousel__big-title .grand {
    font-size: 4.0rem;
    line-height: 2.9rem;
  }

  .carousel__clix .carousel__cta-button {
    position: static;
    right: 0;
    left: 0;
    clear: both;
    display: inline-block;
    margin-top: 10px;
    -webkit-transform: none !important;
    transform: none !important;
  }

  .carousel__clix .carousel__teaser-text {
    position: static;
    font-size: 1.15rem;
    margin-left: 1.2%;
    margin-right: 0;
    margin-top: 20px;
    text-align: left;
  }

  .carousel__clix .carousel__big-logo {
    position: static;
    float: right;
    height: 80px;
    width: 138px;
  }
}

.carousel__clix .carousel__big-logo {
  background-image: url("../images/logo/clix_logo.png");
}

.carousel__sporttip {
  background-color: #1562cf;
  /**
   * Phone View for Sliders
   */
}

.carousel__sporttip.carousel__bg-image {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.carousel__sporttip .carousel__big-title {
  position: absolute;
  z-index: 1;
  color: #ffffff;
  font-family: "helvetica-black";
  font-style: italic;
  letter-spacing: 4px;
  text-align: center;
  text-shadow: 3px 5px 6px #183b8d;
  width: 100%;
}

.carousel__sporttip .carousel__big-title .normal {
  font-size: 4.8125rem;
}

.carousel__sporttip .carousel__big-title .normal:empty {
  line-height: 0;
}

.carousel__sporttip .carousel__big-title .grand {
  font-size: 9rem;
  line-height: 6rem;
}

.carousel__sporttip .carousel__big-title .grand:empty {
  line-height: 0;
}

.carousel__sporttip .carousel__cta-button {
  background-color: #003072;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #003683 0%, #003072 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003683), color-stop(100%, #003072));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #003683 0%, #003072 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #003683 0%, #003072 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #003683 0%, #003072 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #003683 0%, #003072 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #183b8d;
  -moz-box-shadow: 0 2px 0 0 #183b8d;
  box-shadow: 0 2px 0 0 #183b8d;
  position: absolute;
  z-index: 10;
  top: 220px;
  color: #ffffff;
  font-size: 1.5rem;
  height: 77px;
  line-height: 77px;
  padding: 0;
  text-align: center;
  width: 295px;
}

.carousel__sporttip .carousel__cta-button:hover,
.carousel__sporttip .carousel__cta-button.hover,
.carousel__sporttip .carousel__cta-button.button__primary___active {
  background-color: #3b3a38;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #3b3a38));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #404040 0%, #3b3a38 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #3b3a38;
  -moz-box-shadow: 0 2px 0 0 #3b3a38;
  box-shadow: 0 2px 0 0 #3b3a38;
  color: #ffffff;
}

.carousel__sporttip .carousel__cta-button:hover {
  cursor: pointer;
}

.carousel__sporttip .carousel__teaser-text {
  position: absolute;
  bottom: 40px;
  left: 0;
  color: #ffffff;
  font-family: "helvetica-black";
  font-size: 1.5rem;
  font-style: italic;
  margin-right: 276px;
}

.carousel__sporttip .carousel__big-logo {
  position: absolute;
  right: 0;
  bottom: 40px;
  background-position: center, center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 160px;
  width: 276px;
}

@media screen and (min-width: 768px) and (max-width: 1020.9px) {
  .carousel__sporttip {
    padding-top: 170px;
  }

  .carousel__sporttip .carousel__big-title .normal {
    font-size: 4.25rem;
  }
}

@media screen and (min-width: 0) and (max-width: 767.9px) {
  .carousel__sporttip {
    text-align: center;
  }

  .carousel__sporttip .carousel__big-title {
    position: static;
    left: 0;
    -webkit-transform: none !important;
    transform: none !important;
  }

  .carousel__sporttip .carousel__big-title .normal {
    font-size: 2.0rem;
  }

  .carousel__sporttip .carousel__big-title .grand {
    font-size: 4.0rem;
    line-height: 2.9rem;
  }

  .carousel__sporttip .carousel__cta-button {
    position: static;
    right: 0;
    left: 0;
    clear: both;
    display: inline-block;
    margin-top: 10px;
    -webkit-transform: none !important;
    transform: none !important;
  }

  .carousel__sporttip .carousel__teaser-text {
    position: static;
    font-size: 1.15rem;
    margin-left: 1.2%;
    margin-right: 0;
    margin-top: 20px;
    text-align: left;
  }

  .carousel__sporttip .carousel__big-logo {
    position: static;
    float: right;
    height: 80px;
    width: 138px;
  }
}

.carousel__sporttip .carousel__big-logo {
  background-image: url("../images/logo/sporttip_logo_dotted.png");
}

.carousel__totogoal {
  background-color: #c3e83f;
  /**
   * Phone View for Sliders
   */
}

.carousel__totogoal.carousel__bg-image {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.carousel__totogoal .carousel__big-title {
  position: absolute;
  z-index: 1;
  color: #ffffff;
  font-family: "helvetica-black";
  font-style: italic;
  letter-spacing: 4px;
  text-align: center;
  text-shadow: 3px 5px 6px #8bb81b;
  width: 100%;
}

.carousel__totogoal .carousel__big-title .normal {
  font-size: 4.8125rem;
}

.carousel__totogoal .carousel__big-title .normal:empty {
  line-height: 0;
}

.carousel__totogoal .carousel__big-title .grand {
  font-size: 9rem;
  line-height: 6rem;
}

.carousel__totogoal .carousel__big-title .grand:empty {
  line-height: 0;
}

.carousel__totogoal .carousel__cta-button {
  background-color: #8bb30b;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #97bf0d 0%, #8bb30b 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97bf0d), color-stop(100%, #8bb30b));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #97bf0d 0%, #8bb30b 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #97bf0d 0%, #8bb30b 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #97bf0d 0%, #8bb30b 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #97bf0d 0%, #8bb30b 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #8bb81b;
  -moz-box-shadow: 0 2px 0 0 #8bb81b;
  box-shadow: 0 2px 0 0 #8bb81b;
  position: absolute;
  z-index: 10;
  top: 220px;
  color: #ffffff;
  font-size: 1.5rem;
  height: 77px;
  line-height: 77px;
  padding: 0;
  text-align: center;
  width: 295px;
}

.carousel__totogoal .carousel__cta-button:hover,
.carousel__totogoal .carousel__cta-button.hover,
.carousel__totogoal .carousel__cta-button.button__primary___active {
  background-color: #3b3a38;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #3b3a38));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #404040 0%, #3b3a38 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #3b3a38;
  -moz-box-shadow: 0 2px 0 0 #3b3a38;
  box-shadow: 0 2px 0 0 #3b3a38;
  color: #ffffff;
}

.carousel__totogoal .carousel__cta-button:hover {
  cursor: pointer;
}

.carousel__totogoal .carousel__teaser-text {
  position: absolute;
  bottom: 40px;
  left: 0;
  color: #ffffff;
  font-family: "helvetica-black";
  font-size: 1.5rem;
  font-style: italic;
  margin-right: 276px;
}

.carousel__totogoal .carousel__big-logo {
  position: absolute;
  right: 0;
  bottom: 40px;
  background-position: center, center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 160px;
  width: 276px;
}

@media screen and (min-width: 768px) and (max-width: 1020.9px) {
  .carousel__totogoal {
    padding-top: 170px;
  }

  .carousel__totogoal .carousel__big-title .normal {
    font-size: 4.25rem;
  }
}

@media screen and (min-width: 0) and (max-width: 767.9px) {
  .carousel__totogoal {
    text-align: center;
  }

  .carousel__totogoal .carousel__big-title {
    position: static;
    left: 0;
    -webkit-transform: none !important;
    transform: none !important;
  }

  .carousel__totogoal .carousel__big-title .normal {
    font-size: 2.0rem;
  }

  .carousel__totogoal .carousel__big-title .grand {
    font-size: 4.0rem;
    line-height: 2.9rem;
  }

  .carousel__totogoal .carousel__cta-button {
    position: static;
    right: 0;
    left: 0;
    clear: both;
    display: inline-block;
    margin-top: 10px;
    -webkit-transform: none !important;
    transform: none !important;
  }

  .carousel__totogoal .carousel__teaser-text {
    position: static;
    font-size: 1.15rem;
    margin-left: 1.2%;
    margin-right: 0;
    margin-top: 20px;
    text-align: left;
  }

  .carousel__totogoal .carousel__big-logo {
    position: static;
    float: right;
    height: 80px;
    width: 138px;
  }
}

.carousel__totogoal .carousel__big-logo {
  background-image: url("../images/logo/toto_goal_logo.png");
}

.carousel__jass {
  background-color: #009135;
  /**
   * Phone View for Sliders
   */
}

.carousel__jass.carousel__bg-image {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.carousel__jass .carousel__big-title {
  position: absolute;
  z-index: 1;
  color: #ffffff;
  font-family: "helvetica-black";
  font-style: italic;
  letter-spacing: 4px;
  text-align: center;
  text-shadow: 3px 5px 6px #00792c;
  width: 100%;
}

.carousel__jass .carousel__big-title .normal {
  font-size: 4.8125rem;
}

.carousel__jass .carousel__big-title .normal:empty {
  line-height: 0;
}

.carousel__jass .carousel__big-title .grand {
  font-size: 9rem;
  line-height: 6rem;
}

.carousel__jass .carousel__big-title .grand:empty {
  line-height: 0;
}

.carousel__jass .carousel__cta-button {
  background-color: #00792c;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #00792c 0%, #00792c 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00792c), color-stop(100%, #00792c));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #00792c 0%, #00792c 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #00792c 0%, #00792c 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #00792c 0%, #00792c 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #00792c 0%, #00792c 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #00792c;
  -moz-box-shadow: 0 2px 0 0 #00792c;
  box-shadow: 0 2px 0 0 #00792c;
  position: absolute;
  z-index: 10;
  top: 220px;
  color: #ffffff;
  font-size: 1.5rem;
  height: 77px;
  line-height: 77px;
  padding: 0;
  text-align: center;
  width: 295px;
}

.carousel__jass .carousel__cta-button:hover,
.carousel__jass .carousel__cta-button.hover,
.carousel__jass .carousel__cta-button.button__primary___active {
  background-color: #3b3a38;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #3b3a38));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #404040 0%, #3b3a38 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #3b3a38;
  -moz-box-shadow: 0 2px 0 0 #3b3a38;
  box-shadow: 0 2px 0 0 #3b3a38;
  color: #ffffff;
}

.carousel__jass .carousel__cta-button:hover {
  cursor: pointer;
}

.carousel__jass .carousel__teaser-text {
  position: absolute;
  bottom: 40px;
  left: 0;
  color: #ffffff;
  font-family: "helvetica-black";
  font-size: 1.5rem;
  font-style: italic;
  margin-right: 276px;
}

.carousel__jass .carousel__big-logo {
  position: absolute;
  right: 0;
  bottom: 40px;
  background-position: center, center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 160px;
  width: 276px;
}

@media screen and (min-width: 768px) and (max-width: 1020.9px) {
  .carousel__jass {
    padding-top: 170px;
  }

  .carousel__jass .carousel__big-title .normal {
    font-size: 4.25rem;
  }
}

@media screen and (min-width: 0) and (max-width: 767.9px) {
  .carousel__jass {
    text-align: center;
  }

  .carousel__jass .carousel__big-title {
    position: static;
    left: 0;
    -webkit-transform: none !important;
    transform: none !important;
  }

  .carousel__jass .carousel__big-title .normal {
    font-size: 2.0rem;
  }

  .carousel__jass .carousel__big-title .grand {
    font-size: 4.0rem;
    line-height: 2.9rem;
  }

  .carousel__jass .carousel__cta-button {
    position: static;
    right: 0;
    left: 0;
    clear: both;
    display: inline-block;
    margin-top: 10px;
    -webkit-transform: none !important;
    transform: none !important;
  }

  .carousel__jass .carousel__teaser-text {
    position: static;
    font-size: 1.15rem;
    margin-left: 1.2%;
    margin-right: 0;
    margin-top: 20px;
    text-align: left;
  }

  .carousel__jass .carousel__big-logo {
    position: static;
    float: right;
    height: 80px;
    width: 138px;
  }
}

.carousel__jass .carousel__big-logo {
  background-image: url("../images/logo/jass_logo.png");
}

.carousel__bingo {
  background-color: #fc329e;
  /**
   * Phone View for Sliders
   */
}

.carousel__bingo.carousel__bg-image {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.carousel__bingo .carousel__big-title {
  position: absolute;
  z-index: 1;
  color: #ffffff;
  font-family: "helvetica-black";
  font-style: italic;
  letter-spacing: 4px;
  text-align: center;
  text-shadow: 3px 5px 6px #f11d85;
  width: 100%;
}

.carousel__bingo .carousel__big-title .normal {
  font-size: 4.8125rem;
}

.carousel__bingo .carousel__big-title .normal:empty {
  line-height: 0;
}

.carousel__bingo .carousel__big-title .grand {
  font-size: 9rem;
  line-height: 6rem;
}

.carousel__bingo .carousel__big-title .grand:empty {
  line-height: 0;
}

.carousel__bingo .carousel__cta-button {
  background-color: #f11d85;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #e2007a 0%, #f11d85 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2007a), color-stop(100%, #f11d85));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #e2007a 0%, #f11d85 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #e2007a 0%, #f11d85 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #e2007a 0%, #f11d85 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #e2007a 0%, #f11d85 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #f11d85;
  -moz-box-shadow: 0 2px 0 0 #f11d85;
  box-shadow: 0 2px 0 0 #f11d85;
  position: absolute;
  z-index: 10;
  top: 220px;
  color: #ffffff;
  font-size: 1.5rem;
  height: 77px;
  line-height: 77px;
  padding: 0;
  text-align: center;
  width: 295px;
}

.carousel__bingo .carousel__cta-button:hover,
.carousel__bingo .carousel__cta-button.hover,
.carousel__bingo .carousel__cta-button.button__primary___active {
  background-color: #3b3a38;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #3b3a38));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #404040 0%, #3b3a38 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #3b3a38;
  -moz-box-shadow: 0 2px 0 0 #3b3a38;
  box-shadow: 0 2px 0 0 #3b3a38;
  color: #ffffff;
}

.carousel__bingo .carousel__cta-button:hover {
  cursor: pointer;
}

.carousel__bingo .carousel__teaser-text {
  position: absolute;
  bottom: 40px;
  left: 0;
  color: #ffffff;
  font-family: "helvetica-black";
  font-size: 1.5rem;
  font-style: italic;
  margin-right: 276px;
}

.carousel__bingo .carousel__big-logo {
  position: absolute;
  right: 0;
  bottom: 40px;
  background-position: center, center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 160px;
  width: 276px;
}

@media screen and (min-width: 768px) and (max-width: 1020.9px) {
  .carousel__bingo {
    padding-top: 170px;
  }

  .carousel__bingo .carousel__big-title .normal {
    font-size: 4.25rem;
  }
}

@media screen and (min-width: 0) and (max-width: 767.9px) {
  .carousel__bingo {
    text-align: center;
  }

  .carousel__bingo .carousel__big-title {
    position: static;
    left: 0;
    -webkit-transform: none !important;
    transform: none !important;
  }

  .carousel__bingo .carousel__big-title .normal {
    font-size: 2.0rem;
  }

  .carousel__bingo .carousel__big-title .grand {
    font-size: 4.0rem;
    line-height: 2.9rem;
  }

  .carousel__bingo .carousel__cta-button {
    position: static;
    right: 0;
    left: 0;
    clear: both;
    display: inline-block;
    margin-top: 10px;
    -webkit-transform: none !important;
    transform: none !important;
  }

  .carousel__bingo .carousel__teaser-text {
    position: static;
    font-size: 1.15rem;
    margin-left: 1.2%;
    margin-right: 0;
    margin-top: 20px;
    text-align: left;
  }

  .carousel__bingo .carousel__big-logo {
    position: static;
    float: right;
    height: 80px;
    width: 138px;
  }
}

.carousel__bingo .carousel__big-logo {
  background-image: url("../images/logo/bingo_logo.png");
}

.carousel__millionenlos {
  background-color: #6c9dd9;
  /**
   * Phone View for Sliders
   */
}

.carousel__millionenlos.carousel__bg-image {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.carousel__millionenlos .carousel__big-title {
  position: absolute;
  z-index: 1;
  color: #ffffff;
  font-family: "helvetica-black";
  font-style: italic;
  letter-spacing: 4px;
  text-align: center;
  text-shadow: 3px 5px 6px #6a90c0;
  width: 100%;
}

.carousel__millionenlos .carousel__big-title .normal {
  font-size: 4.8125rem;
}

.carousel__millionenlos .carousel__big-title .normal:empty {
  line-height: 0;
}

.carousel__millionenlos .carousel__big-title .grand {
  font-size: 9rem;
  line-height: 6rem;
}

.carousel__millionenlos .carousel__big-title .grand:empty {
  line-height: 0;
}

.carousel__millionenlos .carousel__cta-button {
  background-color: #5e84b3;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #5277a5 0%, #5e84b3 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5277a5), color-stop(100%, #5e84b3));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #5277a5 0%, #5e84b3 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #5277a5 0%, #5e84b3 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #5277a5 0%, #5e84b3 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #5277a5 0%, #5e84b3 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #6a90c0;
  -moz-box-shadow: 0 2px 0 0 #6a90c0;
  box-shadow: 0 2px 0 0 #6a90c0;
  position: absolute;
  z-index: 10;
  top: 220px;
  color: #ffffff;
  font-size: 1.5rem;
  height: 77px;
  line-height: 77px;
  padding: 0;
  text-align: center;
  width: 295px;
}

.carousel__millionenlos .carousel__cta-button:hover,
.carousel__millionenlos .carousel__cta-button.hover,
.carousel__millionenlos .carousel__cta-button.button__primary___active {
  background-color: #3b3a38;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #3b3a38));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #404040 0%, #3b3a38 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #3b3a38;
  -moz-box-shadow: 0 2px 0 0 #3b3a38;
  box-shadow: 0 2px 0 0 #3b3a38;
  color: #ffffff;
}

.carousel__millionenlos .carousel__cta-button:hover {
  cursor: pointer;
}

.carousel__millionenlos .carousel__teaser-text {
  position: absolute;
  bottom: 40px;
  left: 0;
  color: #ffffff;
  font-family: "helvetica-black";
  font-size: 1.5rem;
  font-style: italic;
  margin-right: 276px;
}

.carousel__millionenlos .carousel__big-logo {
  position: absolute;
  right: 0;
  bottom: 40px;
  background-position: center, center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 160px;
  width: 276px;
}

@media screen and (min-width: 768px) and (max-width: 1020.9px) {
  .carousel__millionenlos {
    padding-top: 170px;
  }

  .carousel__millionenlos .carousel__big-title .normal {
    font-size: 4.25rem;
  }
}

@media screen and (min-width: 0) and (max-width: 767.9px) {
  .carousel__millionenlos {
    text-align: center;
  }

  .carousel__millionenlos .carousel__big-title {
    position: static;
    left: 0;
    -webkit-transform: none !important;
    transform: none !important;
  }

  .carousel__millionenlos .carousel__big-title .normal {
    font-size: 2.0rem;
  }

  .carousel__millionenlos .carousel__big-title .grand {
    font-size: 4.0rem;
    line-height: 2.9rem;
  }

  .carousel__millionenlos .carousel__cta-button {
    position: static;
    right: 0;
    left: 0;
    clear: both;
    display: inline-block;
    margin-top: 10px;
    -webkit-transform: none !important;
    transform: none !important;
  }

  .carousel__millionenlos .carousel__teaser-text {
    position: static;
    font-size: 1.15rem;
    margin-left: 1.2%;
    margin-right: 0;
    margin-top: 20px;
    text-align: left;
  }

  .carousel__millionenlos .carousel__big-logo {
    position: static;
    float: right;
    height: 80px;
    width: 138px;
  }
}

.carousel__millionenlos .carousel__big-logo {
  background-image: url("../../../swisslos/millionenlos/millionen_los_logo.png");
}

/**
 * Carousel Euro Millions ONE
 */

/**
* Caousel Content
*/

.content-carousel {
  background-color: #ffffff;
  margin-bottom: 15px;
  max-height: 380px;
}

.content-carousel .carousel__item {
  height: auto;
  padding-top: 0;
}

.content-carousel .carousel__item___content {
  max-width: 100%;
}

.content-carousel .slick-next {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
  background-size: 62px 62px;
  height: 62px;
  opacity: 0;
  width: 62px;
}

.content-carousel .slick-prev {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
  background-size: 62px 62px;
  height: 62px;
  opacity: 0;
  width: 62px;
}

.content-carousel:hover .slick-next {
  opacity: 1;
}

.content-carousel:hover .slick-prev {
  opacity: 1;
}

.content-carousel .slick-dots {
  bottom: 10px;
  margin-top: 36.16704px;
}

.content-carousel .slick-dots li {
  margin-left: 2px;
}

.content-carousel .slick-dots li button {
  border: 1px solid #313131;
  height: 14px;
  width: 14px;
}

.content-carousel .slick-dots .slick-active button {
  background-color: #313131;
}

.content-carousel .carousel__image {
  width: 57.1428571429%;
  float: left;
}

.content-carousel .carousel__text {
  width: 40%;
  float: left;
  padding: 19px;
}

.content-carousel .carousel__image-left .carousel__image {
  float: left;
}

.content-carousel .carousel__image-left .carousel__text {
  float: right;
}

.content-carousel .carousel__image-right .carousel__image {
  float: right;
}

.content-carousel .carousel__image-right .carousel__text {
  float: left;
  text-align: right;
}

.content-carousel .content-carousel__number {
  font-size: 136px;
  font-size: 9.0666666667rem;
  line-height: 1.1176470588;
  color: #404040;
  display: block;
  font-family: tarzana-bold, Helvetica, sans-serif;
  line-height: 1;
}

.content-carousel .content-carousel__number-description {
  font-size: 68px;
  font-size: 4.5333333333rem;
  line-height: 1.1176470588;
  color: #404040;
  display: block;
  font-family: tarzana-bold, Helvetica, sans-serif;
  line-height: 1;
  margin-top: -17px;
}

.content-carousel .content-carousel__number-information {
  color: #404040;
  display: block;
}

/**
* MINI DESKTOP VIEW
*/

@media screen and (min-width: 1021px) and (max-width: 1248px) {
  .content-carousel .slick-dots {
    bottom: 0;
  }
}

/**
 * Phone View for Sliders
 */

@media screen and (min-width: 0) and (max-width: 767.9px) {
  .carousel {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.5s linear;
  }

  .carousel__item {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    min-height: inherit;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
  }

  .content-carousel {
    max-height: none;
  }

  .content-carousel .carousel__text {
    padding: 6px;
  }

  .content-carousel .content-carousel__number {
    font-size: 96px;
    font-size: 6.4rem;
    line-height: 1.1875;
    line-height: 1;
  }

  .content-carousel .content-carousel__number-description {
    font-size: 48px;
    font-size: 3.2rem;
    line-height: 1.1875;
  }

  .content-carousel .slick-dots {
    position: relative;
    bottom: auto;
  }

  .open__mobile-nav .carousel,
  .open__mobile-login .carousel {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.5s linear;
    margin-top: -240px;
  }

  .open__mobile-nav .carousel__item,
  .open__mobile-login .carousel__item {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.5s linear;
    padding-top: 250px;
  }

  .open__mobile-login .carousel {
    margin-top: -300px;
  }

  .open__mobile-login .carousel__item {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.5s linear;
    padding-top: 310px;
  }
}

/**
 * Phone Portrait View for sliders
 */

@media screen and (min-width: 0) and (max-width: 479.9px) {
  .content-carousel .carousel__image-right .carousel__image {
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }

  .content-carousel .carousel__image-right .carousel__text {
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }

  .content-carousel .carousel__image-left .carousel__image {
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }

  .content-carousel .carousel__image-left .carousel__text {
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
}

/*------------------------------------*    #TEASERS
\*------------------------------------*/

/**
 * All styles for the teasers
 */

.teaser__label {
  border-top-right-radius: 6px;
  -moz-border-top-right-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-bottom-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  position: absolute;
  top: 12px;
  background: #767676;
  color: #ffffff;
  display: inline-block;
  font-family: "tarzana";
  font-size: 1.2rem;
  padding: 6px 19px;
}

.teaser__title-container {
  position: absolute;
  bottom: 0;
  background-color: #f7f7f7;
  margin-bottom: 0;
  min-height: 72px;
  padding: 13px 6px 6px 19px;
  width: 100%;
}

.teaser__title {
  font-size: 24px;
  font-size: 1.6rem;
  line-height: 1.5833333333;
  letter-spacing: -0.015;
  line-height: 1.0834;
  margin-bottom: 0;
}

/**
 * Teaser Styles for Swiss Lotto
 */

.teaser__swiss-lotto .teaser__label {
  background-color: #e10017;
}

/**
 * Teaser Styles for Euro Millions
 */

.teaser__euro .teaser__label {
  background-color: #f1cc46;
  color: #404040;
}

/**
 * Teaser Styles for Clix!
 */

.teaser__clix .teaser__label {
  background-color: #750079;
}

/**
 * Teaser Styles for Bingo
 */

.teaser__bingo .teaser__label {
  background-color: #e10073;
}

/**
 * Teaser Styles sporttip
 */

.teaser__sporttip .teaser__label {
  background-color: #183b8d;
}

/**
 * Teaser Styles for totogoal
 */

.teaser__toto .teaser__label {
  background-color: #8bb81b;
}

/**
 * Teaser Styles for Jass
 */

.teaser__jass .teaser__label {
  background-color: #00792c;
}

/**
 * Teaser Styles for Lose Offline
 */

.teaser__jass .teaser__label {
  background-color: #5277a5;
}

/**
 * Teaser Styles for pmu
 */

/**
 * Teaser Styles for Millionen Los
 */

.teaser__million .teaser__label {
  background-color: #ff7200;
}

/**
 * Teaser Styles for Millionen Los
 */

.teaser__millionenlos .teaser__label {
  background-color: #5484bf;
}

@media screen and (max-width: 767.9px) {
  .project-examples__grid .teaser__title-container {
    min-height: 90px;
  }
}

@media screen and (max-width: 479.9px) {
  .project-examples__grid .teaser__label {
    font-size: 1rem;
    padding: 3px 9px;
  }

  .project-examples__grid .teaser__title-container {
    min-height: 56px;
    padding: 6px 6px 6px 9px;
  }

  .project-examples__grid .teaser__title {
    font-size: 18px;
    font-size: 1.2rem;
    line-height: 1.0555555556;
  }
}

/*------------------------------------*    #FORM
\*------------------------------------*/

/**
 * All styles for common form elements, additional to default html element
 */

input {
  border: none;
  outline: none;
}

.form__message {
  -webkit-transition: max-height 0.3s;
  -moz-transition: max-height 0.3s;
  transition: max-height 0.3s;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB3aWR0aD0iNjBweCIgaGVpZ2h0PSI1MnB4IiB2aWV3Qm94PSItMzM0IDIzMS45MSA2MCA1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMzM0IDIzMS45MSA2MCA1MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJBY2h0dW5nIj4KICA8cGF0aCBmaWxsPSIjRTA3QTI2IiBkPSJNLTMzMy44MzIsMjgyLjA2M2wyOC43Ni00OS41MzdjMC40NzctMC44MjEsMS42NjgtMC44MjEsMi4xNDUsMGwyOC43Niw0OS41MzcKICAgIGMwLjQ3NiwwLjgyMS0wLjEyLDEuODQ3LTEuMDczLDEuODQ3aC01Ny41MkMtMzMzLjcxMywyODMuOTEtMzM0LjMwOSwyODIuODg0LTMzMy44MzIsMjgyLjA2M3oiLz4KICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNLTMwOSwyNTAuOTFsMiwxN2g2bDItMTdILTMwOXogTS0zMDcsMjcxLjc0M3Y2LjM0Nmg2di02LjM0NkgtMzA3eiIvPgo8L2c+Cjwvc3ZnPgo=");
  background-position: 12.05568px 15.05568px;
  background-repeat: no-repeat;
  background-size: 19px 19px;
  border-radius: 3px;
  margin-bottom: 10px;
  max-height: 0;
  overflow: hidden;
}

.form__message.form__message___visible {
  -webkit-transition: max-height 0.3s;
  -moz-transition: max-height 0.3s;
  transition: max-height 0.3s;
  border: 2px solid;
  max-height: 1000px;
  padding: 12.05568px;
  padding-left: 36.11136px;
}

.form__message___confirmation {
  background-color: #f2faf4;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCiAgIHZpZXdCb3g9IjAgMCAxOSAxOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTkgMTkiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iTGF5ZXJfMiI+CiAgPHJlY3QgZmlsbD0iIzA2OTU0NyIgd2lkdGg9IjE5IiBoZWlnaHQ9IjE5Ii8+CjwvZz4KPGcgaWQ9IkxheWVyXzEiPgogIDxnIGlkPSJIYWVja2NoZW4iPgogICAgPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTMuOCwxMWwxLjEtMS45TDguMSwxMWw0LjgtOC4xTDE0LjgsNGwtNS45LDkuOUwzLjgsMTF6Ii8+CiAgPC9nPgo8L2c+Cjwvc3ZnPgo=");
  border-color: #009521;
  color: #009521;
}

.form__message___error {
  background-color: #fef2f3;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB3aWR0aD0iNjBweCIgaGVpZ2h0PSI1MnB4IiB2aWV3Qm94PSItMzM0IDIzMS45MSA2MCA1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMzM0IDIzMS45MSA2MCA1MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJBY2h0dW5nIj4KICA8cGF0aCBmaWxsPSIjZTMwMDFhIiBkPSJNLTMzMy44MzIsMjgyLjA2M2wyOC43Ni00OS41MzdjMC40NzctMC44MjEsMS42NjgtMC44MjEsMi4xNDUsMGwyOC43Niw0OS41MzcKICAgIGMwLjQ3NiwwLjgyMS0wLjEyLDEuODQ3LTEuMDczLDEuODQ3aC01Ny41MkMtMzMzLjcxMywyODMuOTEtMzM0LjMwOSwyODIuODg0LTMzMy44MzIsMjgyLjA2M3oiLz4KICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNLTMwOSwyNTAuOTFsMiwxN2g2bDItMTdILTMwOXogTS0zMDcsMjcxLjc0M3Y2LjM0Nmg2di02LjM0NkgtMzA3eiIvPgo8L2c+Cjwvc3ZnPgo=");
  border-color: #e3001a;
  color: #e3001a;
}

.login__standalone.content-page__wrapper___max-centered {
  padding-bottom: 48.22272px;
}

.login__standalone.content-page__wrapper___max-centered .button__primary___submit {
  float: right;
}

/*------------------------------------*    #DATEPICKER
\*------------------------------------*/

/**
 * All styles for datepicker calender view. Used for filtering statistics.
 */

.ui-datepicker {
  -webkit-box-shadow: 0 2px 10px 2px #e5e5e5;
  -moz-box-shadow: 0 2px 10px 2px #e5e5e5;
  box-shadow: 0 2px 10px 2px #e5e5e5;
  z-index: 1000000 !important;
  background-color: #fafafa;
  display: none;
  padding: 12px;
}

.ui-datepicker-trigger {
  background-color: #ebecec;
  border: 0 !important;
  padding-bottom: 0;
}

.ui-datepicker-trigger img {
  max-width: 22px;
  vertical-align: middle;
}

/*------------------------------------*    #HEADER
\*------------------------------------*/

.ui-datepicker-header {
  margin-bottom: 12px;
}

.ui-datepicker-prev,
.ui-datepicker-next {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #525252;
  display: inline-block;
  height: 37px;
  width: 37px;
}

.ui-datepicker-prev:before,
.ui-datepicker-next:before {
  position: relative;
  top: 9px;
  left: 9px;
}

.ui-datepicker-prev {
  float: left;
}

.ui-datepicker-prev:before {
  height: 18px;
  width: 18px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjE1cHgiIHZpZXdCb3g9Ii03MSA2OSA4IDE1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC03MSA2OSA4IDE1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJwYXRoLTEiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0tNjMsODEuOGwtNS4xLTUuM2w1LjEtNS4zbC0xLjYtMS43bC02LjQsN2w2LjQsN0wtNjMsODEuOHoiLz4NCjwvc3ZnPg0K");
  background-position: center center;
  margin: 0;
}

.ui-datepicker-next {
  float: right;
}

.ui-datepicker-next:before {
  height: 18px;
  width: 18px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlBmZWlsX1ByaW1hcnlfQnV0dG9uX3JlY2h0cyINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxN3B4IiBoZWlnaHQ9IjE2cHgiDQoJIHZpZXdCb3g9IjAgMCAxNyAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTcgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGQ9Ik00Ljk5NSwxMy4yNzZsNS4wNjctNS4yNzVMNC45OTcsMi43MDZsMS41NjYtMS43MTFMMTMsOA0KCWwtNi40MzcsNy4wMDVMNC45OTUsMTMuMjc2eiIvPg0KPC9zdmc+DQo=");
  background-position: center center;
  margin: 0;
}

.ui-datepicker-prev.ui-state-disabled,
.ui-datepicker-next.ui-state-disabled {
  opacity: 0.75;
}

.ui-datepicker-title {
  float: left;
  margin: 0 6px;
}

/*------------------------------------*    #CALENDAR DAY TABLE
\*------------------------------------*/

.ui-datepicker-month,
.ui-datepicker-year {
  background-color: #e3e3e3;
  border: 1px solid #d3d3d3;
  margin: 0;
}

.ui-datepicker-month {
  margin-right: 6px;
}

.ui-datepicker-calendar {
  margin-bottom: 0;
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
  text-align: center;
}

.ui-datepicker-calendar th span {
  font-family: helvetica-roman;
  font-weight: normal;
}

.ui-datepicker-calendar td {
  background-color: #ffffff;
  border: 4px solid #fafafa;
  height: 35px;
  width: auto;
}

.ui-datepicker-calendar td a {
  color: #404040;
}

.ui-datepicker-calendar td.ui-datepicker-today {
  background-color: #e1e9f1;
}

.ui-datepicker-calendar td.ui-datepicker-today a {
  font-family: helvetica-bold;
}

.ui-datepicker-calendar td.is-draw-day a {
  color: #df051a;
  font-family: helvetica-bold;
}

.ui-datepicker-calendar td.ui-datepicker-current-day {
  background-color: #00509d;
}

.ui-datepicker-calendar td.ui-datepicker-current-day a {
  color: #ffffff;
  font-family: helvetica-bold;
}

.ui-datepicker-calendar td.ui-datepicker-other-month {
  background-color: #fafafa;
}

.ui-datepicker-calendar td.ui-datepicker-other-month span {
  visibility: hidden;
}

@media screen and (max-width: 1020.9px) {
  .ui-datepicker-calendar th,
  .ui-datepicker-calendar td {
    height: 42px;
  }
}

@media screen and (max-width: 767.9px) {
  .ui-datepicker {
    max-width: 320px;
    width: 100%;
  }

  .ui-datepicker-title {
    width: 70%;
    width: calc(100% - 86px);
  }

  .ui-datepicker-month,
  .ui-datepicker-year {
    width: 48%;
    width: calc(50% - 3px);
  }
}

@media screen and (max-width: 356px) {
  .ui-datepicker {
    left: 0 !important;
  }
}

.chart-container {
  margin-top: 24px;
}

.chart-container__outer-legend {
  display: block;
  font-family: "helvetica-regular", Arial, sans-serif;
  font-size: 0.866rem;
  margin-bottom: 24.11136px;
  margin-top: 3px;
  text-align: left;
}

.chart-text {
  fill: #ffffff;
}

.chart-tooltip__text___big {
  font-size: 13px;
  font-size: 0.8666666667rem;
  line-height: 1.4615384615;
}

.chart-tooltip__list {
  margin: 0;
  padding: 0 0 0 15px;
}

/* Swiss Loto Statistiken: Ziehungshäufigkeiten - Markieren der Joker-Zahlen via CSS da nicht durch JS möglich */

.swiss_lotto .statistics-numbersdrawn .highcharts-series rect:nth-last-of-type(-n+6),
.swiss_lotto .statistics-outstandingnumbers .highcharts-series rect:nth-last-of-type(-n+6) {
  fill: #0c539c;
}

.swiss_lotto .statistics-numbersdrawn .chart-label-replacement,
.swiss_lotto .statistics-outstandingnumbers .chart-label-replacement {
  display: none;
}

.swiss_lotto .statistics-millionaires .highcharts-legend-item text {
  color: #333333 !important;
  cursor: default !important;
  fill: #333333 !important;
}

.euromillions .statistics-numbersdrawn text[style="color:#606060;cursor:default;font-size:11.1px;fill:#606060;"],
.euromillions .statistics-outstandingnumbers text[style="color:#606060;cursor:default;font-size:11.1px;fill:#606060;"] {
  display: none;
}

.euromillions .statistics-numbersdrawn .highcharts-series rect:nth-last-of-type(-n+12),
.euromillions .statistics-outstandingnumbers .highcharts-series rect:nth-last-of-type(-n+12) {
  fill: #0c539c;
}

.euromillions .statistics-numbersdrawn .chart-label-replacement,
.euromillions .statistics-outstandingnumbers .chart-label-replacement {
  position: absolute;
  z-index: 1;
  display: block;
}

.euromillions .statistics-numbersdrawn .chart-label-replacement__label,
.euromillions .statistics-outstandingnumbers .chart-label-replacement__label {
  position: absolute;
  left: 2px;
  background-color: #ffffff;
  display: block;
  height: 20px;
  -webkit-transform: rotate(270deg);
  /* Safari */
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.euromillions .statistics-numbersdrawn .chart-label-replacement__label span,
.euromillions .statistics-outstandingnumbers .chart-label-replacement__label span {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #707070;
  display: inline-block;
  font-size: 11px;
  line-height: 1.2;
  padding-bottom: 4px;
  text-align: center;
  width: 100%;
}

.euromillions .statistics-numbersdrawn .chart-label-replacement__label___numbers,
.euromillions .statistics-outstandingnumbers .chart-label-replacement__label___numbers {
  top: 485px;
  margin-left: -359px;
  width: 753px;
}

.euromillions .statistics-numbersdrawn .chart-label-replacement__label___lucky-numbers,
.euromillions .statistics-outstandingnumbers .chart-label-replacement__label___lucky-numbers {
  top: 1077px;
  margin-left: -40px;
  width: 116px;
}

.euromillions .statistics-numbersdrawn .chart-label-replacement__label___numbers {
  top: 501px;
}

.euromillions .statistics-numbersdrawn .chart-label-replacement__label___lucky-numbers {
  top: 1108px;
}

.euromillions .statistics-outstandingnumbers .chart-label-replacement__label___numbers {
  top: 485px;
}

.euromillions .statistics-outstandingnumbers .chart-label-replacement__label___lucky-numbers {
  top: 1077px;
}

.euromillions.second-chance .statistics-numbersdrawn .highcharts-series rect:nth-last-of-type(-n+12),
.euromillions.second-chance .statistics-outstandingnumbers .highcharts-series rect:nth-last-of-type(-n+12) {
  fill: #ffd907;
}

.euromillions.second-chance .statistics-numbersdrawn .chart-label-replacement__label___numbers,
.euromillions.second-chance .statistics-outstandingnumbers .chart-label-replacement__label___numbers {
  top: 578px;
}

/* exporting button */

.highcharts-button rect {
  stroke: none;
}

/* Millionaires statistics */

.statistics-millionaires__summary {
  background-color: #f7f7f7;
  border: 1px solid #f2f2f2;
  font-family: helvetica-roman;
  padding: 10px 15px 0;
}

.statistics-millionaires__summary .number-box {
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1.0555555556;
  color: #ffffff;
  display: inline-block;
  font-family: helvetica-bold;
  margin-right: 6px;
  padding: 8px;
}

.statistics-millionaires__summary.statistics-millionaires__summary-total___only-total .statistics-millionaires__summary-total .label-total {
  display: inline-block;
}

.statistics-millionaires__summary.statistics-millionaires__summary-total___only-total .statistics-millionaires__summary-total .number-box {
  margin-left: 6px;
}

.statistics-millionaires__summary .statistics-millionaires__summary-total,
.statistics-millionaires__summary .statistics-millionaires__summary-millionaires,
.statistics-millionaires__summary .statistics-millionaires__summary-joker {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 24px;
}

.statistics-millionaires__summary .statistics-millionaires__summary-total {
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1.0555555556;
  font-family: helvetica-bold;
}

.statistics-millionaires__summary .statistics-millionaires__summary-total .number-box {
  background-color: #404040;
  margin-left: 6px;
}

.statistics-millionaires__summary .statistics-millionaires__summary-millionaires {
  font-size: 15px;
  font-size: 1rem;
  line-height: 1.2666666667;
}

.statistics-millionaires__summary .statistics-millionaires__summary-millionaires .number-box {
  background-color: #df051a;
}

.statistics-millionaires__summary .statistics-millionaires__summary-joker {
  font-size: 15px;
  font-size: 1rem;
  line-height: 1.2666666667;
}

.statistics-millionaires__summary .statistics-millionaires__summary-joker .number-box {
  background-color: #00509d;
}

.highcharts-tooltip {
  z-index: 1;
}

.highcharts-tooltip span {
  background-color: #525252;
}

.chart-table-container {
  margin-bottom: 19px;
}

#cash-flow-chart table {
  border-collapse: inherit;
}

.cash-flow-chart {
  margin-bottom: 24.11136px;
  margin-top: 24.11136px;
}

.cash-flow-chart .cash-flow-chart__column {
  float: left;
}

.cash-flow-chart .cash-flow-chart__full-width {
  width: 100%;
}

.cash-flow-chart .cash-flow-chart__half-width {
  width: 50%;
}

.cash-flow-chart .cash-flow-chart__one-third {
  width: 33.3333%;
}

.cash-flow-chart .cash-flow-chart__two-third {
  width: 66.6666%;
}

.cash-flow-chart .cash-flow-chart__two-third .cash-flow-chart__money-flow {
  background-color: #edbcc0;
}

.cash-flow-chart .cash-flow-chart__two-third .cash-flow-chart__section .cash-flow-chart__title,
.cash-flow-chart .cash-flow-chart__two-third .cash-flow-chart__section .cash-flow-chart__content {
  background-color: #e1e1e1;
}

.cash-flow-chart .cash-flow-chart__two-third .cash-flow-chart__sub-section .cash-flow-chart__title,
.cash-flow-chart .cash-flow-chart__two-third .cash-flow-chart__sub-section .cash-flow-chart__content {
  background-color: #edbcc0;
}

.cash-flow-chart .cash-flow-chart__margin-right {
  margin-right: 6px;
}

.cash-flow-chart .cash-flow-chart__margin-left {
  margin-left: 6px;
}

.cash-flow-chart .cash-flow-chart__main-title {
  background-color: #df051a;
  color: #ffffff;
  font-family: "tarzana-bold", Arial-Black, sans-serif;
  font-size: 3rem;
  margin-bottom: 0;
  padding: 12.05568px;
  text-align: center;
}

.cash-flow-chart .cash-flow-chart__money-flow {
  background-color: #fee8ea;
  color: #404040;
  font-family: "tarzana-bold", Arial-Black, sans-serif;
  font-size: 1.3rem;
  margin-left: auto;
  margin-right: auto;
  padding: 12.05568px;
  text-align: center;
  width: 120px;
}

.cash-flow-chart .cash-flow-chart__section .cash-flow-chart__title,
.cash-flow-chart .cash-flow-chart__section .cash-flow-chart__content {
  background-color: #efefef;
  color: #404040;
  line-height: 1.4;
  text-align: center;
  word-wrap: break-word;
}

.cash-flow-chart .cash-flow-chart__section .cash-flow-chart__title {
  font-family: "tarzana-bold", Arial-Black, sans-serif;
  font-size: 1.3rem;
  margin-bottom: 0;
}

.cash-flow-chart .cash-flow-chart__section .cash-flow-chart__content {
  font-family: "tarzana", Arial, sans-serif;
  font-size: 1rem;
  padding: 12.05568px 6.02784px;
}

.cash-flow-chart .cash-flow-chart__section .cash-flow-chart__content span {
  display: inline-block;
  margin-top: 6px;
  width: 100%;
  word-wrap: break-word;
}

.cash-flow-chart .cash-flow-chart__sub-section {
  padding-bottom: 0;
  padding-left: 24px;
}

.cash-flow-chart .cash-flow-chart__sub-section .cash-flow-chart__title,
.cash-flow-chart .cash-flow-chart__sub-section .cash-flow-chart__content {
  background-color: #fee8ea;
  color: #404040;
  line-height: 1.3;
  text-align: center;
  word-wrap: break-word;
}

.cash-flow-chart .cash-flow-chart__sub-section .cash-flow-chart__title {
  font-family: "tarzana-bold", Arial-Black, sans-serif;
  font-size: 1.3rem;
  margin-bottom: 0;
}

.cash-flow-chart .cash-flow-chart__sub-section .cash-flow-chart__content {
  font-family: "helvetica-regular", Arial, sans-serif;
  font-size: 0.9rem;
  padding: 12.05568px 6.02784px;
}

.cash-flow-chart .cash-flow-chart__sub-section .cash-flow-chart__content span {
  display: inline-block;
  margin-top: 6px;
  width: 100%;
  word-wrap: break-word;
}

.cash-flow-chart .cash-flow-chart__padding-top {
  padding-top: 24.11136px;
}

.cash-flow-chart .cash-flow-chart__padding-bottom {
  padding-bottom: 24.11136px;
}

.cash-flow-chart .cash-flow-chart__inter-section {
  height: 24.11136px;
}

.cash-flow-chart .cash-flow-chart__line-vertical {
  background-image: url("../images/svg/arrow-left-and-down-inter.svg");
  background-position: 50% 0;
  background-repeat: repeat-y;
}

.cash-flow-chart .cash-flow-chart__arrow-down {
  background-image: url("../images/svg/arrow_down.svg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
}

.cash-flow-chart .cash-flow-chart__arrow-left-and-down {
  background-image: url("../images/svg/arrow-left-and-down.svg");
  background-position: 0 50%;
  background-repeat: no-repeat;
}

.cash-flow-chart .cash-flow-chart__arrow-left-and-down-end {
  background-image: url("../images/svg/arrow-left-and-down-end.svg");
  background-position: 0 50%;
  background-repeat: no-repeat;
}

.cash-flow-chart .cash-flow-chart__arrow-left-and-down-inter {
  background-image: url("../images/svg/arrow-left-and-down-inter.svg");
  background-position: 0 0;
  background-repeat: repeat-y;
}

/**
 * ALL VIEWS EXCEPT DESKTOP LARGE
 */

@media screen and (max-width: 1248px) {
  .statistics-numbersdrawn text[style="color:#606060;cursor:default;font-size:11.1px;fill:#606060;"],
  .statistics-outstandingnumbers text[style="color:#606060;cursor:default;font-size:11.1px;fill:#606060;"] {
    display: none;
  }

  .swiss_lotto .statistics-numbersdrawn .chart-label-replacement,
  .euromillions .statistics-numbersdrawn .chart-label-replacement,
  .swiss_lotto
  .statistics-outstandingnumbers .chart-label-replacement,
  .euromillions
  .statistics-outstandingnumbers .chart-label-replacement {
    position: absolute;
    z-index: 1;
    display: block;
  }

  .statistics-numbersdrawn .chart-label-replacement__label,
  .statistics-outstandingnumbers .chart-label-replacement__label {
    position: absolute;
    left: 2px;
    background-color: #ffffff;
    display: block;
    height: 20px;
    -webkit-transform: rotate(270deg);
    /* Safari */
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
  }

  .statistics-numbersdrawn .chart-label-replacement__label span,
  .statistics-outstandingnumbers .chart-label-replacement__label span {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #707070;
    display: inline-block;
    font-size: 11px;
    line-height: 1.2;
    padding-bottom: 4px;
    text-align: center;
    width: 100%;
  }

  .swiss_lotto .statistics-numbersdrawn .chart-label-replacement__label___numbers,
  .swiss_lotto
  .statistics-outstandingnumbers .chart-label-replacement__label___numbers {
    top: 423px;
    margin-left: -359px;
    width: 753px;
  }

  .swiss_lotto .statistics-numbersdrawn .chart-label-replacement__label___lucky-numbers,
  .swiss_lotto
  .statistics-outstandingnumbers .chart-label-replacement__label___lucky-numbers {
    top: 896px;
    margin-left: -40px;
    width: 116px;
  }

  .euromillions .statistics-numbersdrawn .chart-label-replacement__label___numbers,
  .euromillions
  .statistics-outstandingnumbers .chart-label-replacement__label___numbers {
    top: 486px;
    margin-left: -359px;
    width: 753px;
  }

  .euromillions .statistics-numbersdrawn .chart-label-replacement__label___lucky-numbers,
  .euromillions
  .statistics-outstandingnumbers .chart-label-replacement__label___lucky-numbers {
    top: 1075px;
    margin-left: -40px;
    width: 116px;
  }

  .swiss_lotto .statistics-outstandingnumbers .chart-label-replacement__label___numbers {
    top: 409px;
  }

  .swiss_lotto .statistics-outstandingnumbers .chart-label-replacement__label___lucky-numbers {
    top: 864px;
  }

  .euromillions .statistics-numbersdrawn .chart-label-replacement__label___numbers {
    top: 500px;
  }

  .euromillions .statistics-numbersdrawn .chart-label-replacement__label___lucky-numbers {
    top: 1107px;
  }

  /* Millionaires statistics */

  .statistics-millionaires__summary .label-total {
    display: none;
  }

  .statistics-millionaires__summary.statistics-millionaires__summary-total___only-total .label-total {
    display: inline-block;
  }

  .statistics-millionaires__summary .statistics-millionaires__summary-total,
  .statistics-millionaires__summary .statistics-millionaires__summary-millionaires,
  .statistics-millionaires__summary .statistics-millionaires__summary-joker {
    margin-right: 0;
    width: 100%;
  }

  .statistics-millionaires__summary .statistics-millionaires__summary-total .number-box {
    margin-left: 0;
  }
}

/**
 * TABLET VIEW
 */

/**
 * ALL PHONE VIEW
 */

@media screen and (max-width: 767.9px) {
  .highcharts-tooltip {
    max-width: 70px !important;
  }

  .highcharts-tooltip li {
    line-height: 1.4;
  }

  .cash-flow-chart .cash-flow-chart__two-third,
  .cash-flow-chart .cash-flow-chart__one-third {
    width: 50%;
  }

  .cash-flow-chart .cash-flow-chart__main-title {
    font-size: 2rem;
  }

  .cash-flow-chart .cash-flow-chart__money-flow {
    font-size: 1rem;
  }

  .cash-flow-chart .cash-flow-chart__section .cash-flow-chart__title {
    font-size: 1rem;
  }

  .cash-flow-chart .cash-flow-chart__sub-section .cash-flow-chart__title {
    font-size: 1rem;
  }

  .cash-flow-chart .cash-flow-chart__sub-section .cash-flow-chart__content {
    font-size: 0.7rem;
  }
}

.graph-sp-container {
  zoom: 1;
  background-color: #ffffff;
  clear: both;
  margin-bottom: 20px;
  visibility: hidden;
}

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

.graph-sp-container:after {
  clear: both;
}

.graph-sp-container.graph-sp-container___ready {
  visibility: visible;
}

.graph-sp__title,
.content_page .graph-sp__title {
  background-color: #e10017;
  color: #ffffff;
  font-family: "tarzana-bold", Arial-Black, sans-serif;
  font-size: 30px;
  line-height: 1.1;
  margin-bottom: 0;
  padding: 24px 32px;
  text-align: left;
}

.graph-sp {
  position: relative;
  margin-bottom: 12px;
}

.graph-sp__column-wrapper {
  zoom: 1;
  position: relative;
}

.graph-sp__column-wrapper:before,
.graph-sp__column-wrapper:after {
  content: " ";
  display: table;
}

.graph-sp__column-wrapper:after {
  clear: both;
}

.graph-sp__column {
  float: left;
  width: 16.66%;
}

[data-num-columns="1"] .graph-sp__column {
  width: 100%;
}

[data-num-columns="2"] .graph-sp__column {
  width: 50%;
}

[data-num-columns="3"] .graph-sp__column {
  width: 33.33%;
}

[data-num-columns="4"] .graph-sp__column {
  width: 25%;
}

[data-num-columns="5"] .graph-sp__column {
  width: 20%;
}

[data-num-columns="6"] .graph-sp__column {
  width: 16.66%;
}

[data-num-columns="7"] .graph-sp__column {
  width: 14.28%;
}

[data-num-columns="8"] .graph-sp__column {
  width: 12.5%;
}

[data-num-columns="9"] .graph-sp__column {
  width: 11.11%;
}

[data-num-columns="10"] .graph-sp__column {
  width: 10%;
}

.graph-sp__column-inner-wrapper {
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 328px;
  padding-top: 72px;
}

.graph-sp__bar {
  position: relative;
  bottom: 0;
  height: 0;
  max-height: 100%;
  text-align: center;
  -webkit-transition: height 1.0s;
  -moz-transition: height 1.0s;
  -o-transition: height 1.0s;
  transition: height 1.0s;
}

.graph-sp__bar-label {
  position: relative;
  top: -32px;
  background-color: #333333;
  color: #ffffff;
  display: inline-block;
  font-family: helvetica-bold;
  font-size: 15px;
  letter-spacing: 0.3px;
  line-height: 1;
  opacity: 0;
  padding: 5px 6px;
  text-align: center;
  -webkit-transition: visibility 1.0s, opacity 1.0s linear;
  -moz-transition: visibility 1.0s, opacity 1.0s linear;
  -o-transition: visibility 1.0s, opacity 1.0s linear;
  transition: visibility 1.0s, opacity 1.0s linear;
  visibility: hidden;
}

.graph-sp__bar-label:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  border-color: #333333 transparent transparent transparent;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  content: "";
  height: 0;
  margin-bottom: -6px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
}

.graph-sp__column___visible .graph-sp__bar-label {
  opacity: 0.9;
  visibility: visible;
}

.graph-sp__column-overlay {
  background: rgba(255, 255, 255, 0.6);
  box-sizing: content-box;
  height: 100%;
  margin-top: -72px;
  max-height: 100%;
  padding-top: 72px;
  -webkit-transition: height 1.0s;
  -moz-transition: height 1.0s;
  -o-transition: height 1.0s;
  transition: height 1.0s;
}

.graph-sp__column-label-wrapper {
  padding: 9px 3px 12px;
}

.graph-sp__column-label {
  color: #333333;
  font-family: helvetica;
  font-size: 15px;
  line-height: 1.33;
  text-align: center;
}

/**
 * ALL PHONE VIEW
 */

@media screen and (max-width: 767.9px) {
  .graph-sp__title,
  .content_page .graph-sp__title {
    font-size: 24px;
    padding: 18px 18px;
  }

  .graph-sp__column-inner-wrapper {
    background-image: none !important;
  }

  .graph-sp__bar {
    background-color: #df051a;
    margin-left: 5px;
    margin-right: 5px;
  }

  .graph-sp__bar-label {
    display: block;
    font-size: 13px;
    padding-left: 0;
    padding-right: 0;
  }

  .graph-sp__column-overlay {
    background: transparent;
  }

  .graph-sp__column-label {
    position: relative;
    left: 50%;
    font-size: 13px;
    line-height: 1.25;
    margin-top: 150px;
    text-align: right;
    transform: rotate(270deg) translateY(-50%);
    transform-origin: left top 0;
    width: 150px;
  }
}

/*------------------------------------*    #STYLES FOR THE LIGHTBOX (A.K.A. NERDBOX)
\*------------------------------------*/

/**
 * LIghtbox
 */

#nerdbox {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  height: 100%;
  text-align: center;
  width: 100%;
}

#nerdbox.loading .nb-wrapper .nb-content {
  background: transparent;
}

#nerdbox.loading .nb-wrapper .nb-close {
  display: none;
}

/* This is to force inline vertical alignment of .wrapper */

#nerdbox:before {
  position: relative;
  content: " ";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 1px;
}

.nb-overlay {
  position: absolute;
  z-index: 999998;
  top: 0;
  left: 0;
  background-color: #000000;
  filter: alpha(opacity=67);
  height: 100%;
  opacity: 0.67;
  width: 100%;
}

/* This element is positioned inline.
   inline-block can be treated as an inline element, so we can use text-align on the
   parent and vertical-align on itself ( with #nerdbox:before as a 'sibling' )
*/

.nb-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: relative;
  z-index: 999999;
  display: inline-block;
  max-height: 98%;
  max-width: 660px;
  overflow: hidden;
  overflow-y: visible;
  text-align: left;
  vertical-align: middle;
  width: 98%;
  -o-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
}

.nb-wrapper > .nb-close {
  display: none;
}

.nerdbox__big .nb-wrapper {
  max-width: 897px;
}

.nb-close {
  height: 22px;
  width: 22px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iU2NobGllc3Nlbl9JY29uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCnk9IjBweCIgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE4IDE4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOCAxOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIGZpbGw9IiM1MDUwNTAiIHBvaW50cz0iMTMuMjQzLDYuMTcyIDExLjgzMyw0Ljc3NiA5LjAwNCw3LjU5IDYuMTcyLDQuNzU3IDQuNzU3LDYuMTcyIDcuNTg2LDkgNC43NTcsMTEuODI5IDYuMTY3LDEzLjIyNSAKCTguOTk2LDEwLjQxMSAxMS44MjgsMTMuMjQzIDEzLjI0MywxMS44MjkgMTAuNDE0LDkgIi8+Cjwvc3ZnPg==");
  background-position: center center;
  margin: 0;
  position: absolute;
  z-index: 120000;
  top: 0;
  right: 0;
  background-size: 100%;
  display: block;
  height: 48px;
  margin-right: -13px;
  margin-top: 7px;
  padding: 13px;
  width: 48px;
}

.nb-close:hover {
  cursor: pointer;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iU2NobGllc3Nlbl9JY29uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCnk9IjBweCIgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE4IDE4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOCAxOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIGZpbGw9IiNlMjAwMWEiIHBvaW50cz0iMTMuMjQzLDYuMTcyIDExLjgzMyw0Ljc3NiA5LjAwNCw3LjU5IDYuMTcyLDQuNzU3IDQuNzU3LDYuMTcyIDcuNTg2LDkgNC43NTcsMTEuODI5IDYuMTY3LDEzLjIyNQoJOC45OTYsMTAuNDExIDExLjgyOCwxMy4yNDMgMTMuMjQzLDExLjgyOSAxMC40MTQsOSAiLz4KPC9zdmc+Cg==");
}

.nb-content {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
  top: 0;
  left: 0;
  background: #ffffff;
  /*If the content doesn't need more, we use the size that the content will need.*/
  height: 100%;
  max-height: 90vh;
  overflow: hidden;
  width: 100%;
}

.nb-content .content-wrapper {
  padding: 0 24px;
}

.nb-content .content-wrapper .container {
  margin-left: 0;
  padding: 0;
}

/* this helps with position and spacing when loading a single image into content */

.nb-content > img {
  display: block;
}

.content-wrapper {
  width: 99.99%;
}

@media screen and (max-width: 1020.9px) and (min-width: 767.9px) {
  body {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
}

@media screen and (max-width: 767.9px) {
  .nb-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
  }

  .nb-content {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    overflow-y: visible;
    padding: 0 12.05568px;
  }

  .nb-content .page {
    height: auto;
  }

  .nb-content .content-wrapper {
    height: auto;
    padding: 0;
    width: 100%;
  }

  .nb-close {
    right: 0;
    margin-top: 0;
  }

  .nb-content {
    -webkit-overflow-scrolling: touch;
  }

  .nb-content .container {
    margin: 0;
  }

  #nerdbox.loading .nb-wrapper {
    top: 50%;
    margin-top: -62.5px;
  }
}

/*
---------------------
    Loader Styles
---------------------
*/

#loader {
  -webkit-animation-duration: 4000ms;
  -moz-animation-duration: 4000ms;
  -ms-animation-duration: 4000ms;
  animation-duration: 4000ms;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: spin;
  -moz-animation-name: spin;
  -ms-animation-name: spin;
  animation-name: spin;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
  background-image: url("../images/shamrocks_loading.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 95%;
  height: 125px;
  margin: auto;
  width: 125px;
}

#loader .circle {
  display: none;
}

@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
  }

  to {
    -ms-transform: rotate(360deg);
  }
}

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }

  to {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/*------------------------------------*    #STYLES FOR LOADING SCREEN
\*------------------------------------*/

.loader__overlay {
  -webkit-transition: opacity, 0.5s;
  -moz-transition: opacity, 0.5s;
  transition: opacity, 0.5s;
  position: absolute;
  z-index: 21;
  top: 0;
  left: 0;
  background-color: #ffffff;
  height: 100%;
  opacity: 0;
  width: 100%;
}

.loader-screen {
  -webkit-transition: opacity, 0.5s;
  -moz-transition: opacity, 0.5s;
  transition: opacity, 0.5s;
  position: absolute;
  z-index: 22;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0;
  width: 100%;
}

.loader-screen #loader {
  -webkit-animation: spin 4000ms linear infinite;
  -moz-animation: spin 4000ms linear infinite;
  animation: spin 4000ms linear infinite;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("../images/shamrocks_loading.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 95%;
  height: 0;
  max-width: 70px;
  padding-top: 20%;
  width: 20%;
}

.loader___visible {
  opacity: 1;
}

.loader__timeout {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  text-align: center;
  width: 100%;
}

.loader__timeout___close:hover {
  cursor: pointer;
}

/*------------------------------------*    #LISTS
\*------------------------------------*/

/**
 * Styles for special lists
 */

.list__pdf {
  list-style-type: none;
  margin: 12.05568px;
}

.list__pdf___element a {
  position: relative;
  display: inline-block;
  height: 34px;
  padding-left: 20px;
  padding-top: 8px;
}

.list__pdf___element a:before {
  height: 18px;
  width: 18px;
  float: none;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjE1cHgiIHZpZXdCb3g9Ii00MTQgMjkwLjI4IDEzIDE1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC00MTQgMjkwLjI4IDEzIDE1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGcgaWQ9Ikljb25fUERGIj4KCTxwYXRoIGZpbGw9IiNFMjAwMUEiIGQ9Ik0tNDAxLDMwNS4yOGgtMTF2LTNoLTJ2LTZoMnYtNmw4Ljc0MiwwLjAwNGwyLjI1LDIuMjY1TC00MDEsMzA1LjI4eiBNLTQwMy44NiwyOTEuNzE1djEuNDM5aDEuNDU2CgkJTC00MDMuODYsMjkxLjcxNXogTS00MDIuNDA0LDI5NC41OTNoLTIuOTAxdi0yLjg3NGgtNS4yOXY0LjUzNmg4LjE5MkwtNDAyLjQwNCwyOTQuNTkzTC00MDIuNDA0LDI5NC41OTN6IE0tNDAyLjQwNCwzMDIuMjM4CgkJaC04LjE5MnYxLjYwMmg4LjE5MkMtNDAyLjQwNCwzMDMuODQtNDAyLjQwNCwzMDIuMjM4LTQwMi40MDQsMzAyLjIzOHoiLz4KPC9nPgo8L3N2Zz4K");
  background-position: center center;
  margin: 0;
}

.list__pdf___element a:hover:before {
  cursor: pointer;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjE1cHgiIHZpZXdCb3g9Ii00MTQgMjkwLjI4IDEzIDE1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC00MTQgMjkwLjI4IDEzIDE1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGcgaWQ9Ikljb25fUERGX0hvdmVyIj4KCTxwYXRoIGZpbGw9IiM0MDQwNDAiIGQ9Ik0tNDAxLDMwNS4yOGgtMTF2LTNoLTJ2LTZoMnYtNmw4Ljc0MiwwLjAwNGwyLjI1LDIuMjY1TC00MDEsMzA1LjI4eiBNLTQwMy44NiwyOTEuNzE1djEuNDM5aDEuNDU2CgkJTC00MDMuODYsMjkxLjcxNXogTS00MDIuNDA0LDI5NC41OTNoLTIuOTAxdi0yLjg3NGgtNS4yOXY0LjUzNmg4LjE5MkwtNDAyLjQwNCwyOTQuNTkzTC00MDIuNDA0LDI5NC41OTN6IE0tNDAyLjQwNCwzMDIuMjM4CgkJaC04LjE5MnYxLjYwMmg4LjE5MkMtNDAyLjQwNCwzMDMuODQtNDAyLjQwNCwzMDIuMjM4LTQwMi40MDQsMzAyLjIzOHoiLz4KPC9nPgo8L3N2Zz4K");
}

.list__pdf___element a:before {
  -webkit-transform: translateY(-9px);
  -moz-transform: translateY(-9px);
  -ms-transform: translateY(-9px);
  -o-transform: translateY(-9px);
  transform: translateY(-9px);
  position: absolute;
  top: 50%;
  left: 0;
}

.list__link {
  list-style-type: none;
  margin: 0;
}

.list__link___item {
  margin-bottom: 6px;
}

.list__link___borderless .list__link___item {
  border: 0;
}

.list__link___borderless .list__link___item > a {
  border: 0;
}

.list__link___arrow > li {
  padding: 0;
}

.list__link___arrow > li:before {
  display: none;
}

.list__link___arrow > li > a {
  border-top: 1px solid #d4d4d4;
  margin: 0;
  padding: 12.05568px 0 12.05568px 17px;
}

.preferences__list___item {
  zoom: 1;
  list-style-type: none;
}

.preferences__list___item:before,
.preferences__list___item:after {
  content: " ";
  display: table;
}

.preferences__list___item:after {
  clear: both;
}

/*------------------------------------*    #LABELS
\*------------------------------------*/

/**
 * Styles for special labels
 */

.label___required:after {
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1;
  content: "*";
  display: inline-block;
  font-family: "helvetica-bold";
  margin-left: 3px;
}

.label___required___before {
  font-size: 0.8rem;
}

.label___required___before:before {
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1;
  content: "*";
  display: inline-block;
  font-family: "helvetica-bold";
  margin-right: 3px;
}

/*------------------------------------*    #BOXES
\*------------------------------------*/

/**
 * Styles of box. These extend the `.box` object.
 */

.box___promo {
  background-color: #f43059;
  color: #ffffff;
}

.box__title {
  margin: 0;
  padding-bottom: 1.33333rem;
}

.box__title.box__title___borderless {
  border-bottom: none;
}

.box___link-list .box__list,
.box___link-list .box__icons-list {
  list-style: none;
  margin: 0;
}

.box___link-list .box__list___item {
  border-bottom: 1px solid #d4d4d4;
  list-style-type: none;
  padding: 5.2631578947% 0;
}

.box___link-list .box__icons-list {
  display: table;
  min-height: 60px;
  width: 100%;
}

.box___link-list .box__icons-list___item {
  display: table-cell;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  /* one item */
  /* two items */
  /* three items */
  /* four items */
}

.box___link-list .box__icons-list___item:first-child:nth-last-child(1) {
  width: 100%;
}

.box___link-list .box__icons-list___item:first-child:nth-last-child(2),
.box___link-list .box__icons-list___item:first-child:nth-last-child(2) ~ .box__icons-list___item {
  width: 50%;
}

.box___link-list .box__icons-list___item:first-child:nth-last-child(3),
.box___link-list .box__icons-list___item:first-child:nth-last-child(3) ~ .box__icons-list___item {
  width: 33.3333%;
}

.box___link-list .box__icons-list___item:first-child:nth-last-child(4),
.box___link-list .box__icons-list___item:first-child:nth-last-child(4) ~ .box__icons-list___item {
  width: 25%;
}

.box__skin___info,
.cockpit__jackpot___jackpot,
.lightbox__partial .ticket__info-box,
.account-money,
.swiss_lotto .ticket__info-box,
.euromillions .ticket__info-box,
.bingo .ticket__info-box,
.sporttip .ticket__info-box,
.totogoal .ticket__info-box,
.jass .ticket__info-box {
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(50, 50, 50, 0.3);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(50, 50, 50, 0.3);
  box-shadow: inset 0 1px 1px rgba(50, 50, 50, 0.3);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #f0f0f0;
}

/**
 * TABLET VIEW
 */

@media screen and (min-width: 768px) and (max-width: 1020.9px) {
  .box-footer {
    min-height: 250px;
  }
}

/**
 * ALL PHONE VIEW
 */

@media screen and (max-width: 767.9px) {
  .box__title {
    cursor: pointer;
    padding: 0.8rem 0;
  }

  .box__content {
    display: none;
  }

  .box-footer {
    padding: 0 5.2631578947%;
  }

  .box___link-list .box__list___item {
    padding: 5.2631578947% 0;
  }
}

/**
 * PHONE LANDSCAPE VIEW
 */

/**
 * PHONE PORTRAIT VIEW
 */

/*------------------------------------*    #BUTTON
\*------------------------------------*/

.button,
.button__primary,
.teaser__swisslotto .button__primary,
html .main .teaser__swisslotto .button__primary,
.button__secondary {
  border: 0;
  color: #ffffff;
  font-family: "helvetica-bold";
  letter-spacing: 0.025rem;
  line-height: 1;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.button__primary,
.teaser__swisslotto .button__primary,
html .main .teaser__swisslotto .button__primary {
  background-color: #ce0517;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #df051a 0%, #ce0517 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #df051a), color-stop(100%, #ce0517));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #df051a 0%, #ce0517 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #df051a 0%, #ce0517 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #df051a 0%, #ce0517 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #df051a 0%, #ce0517 100%);
  /* W3C */
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -webkit-box-shadow: 0 2px 0 0 #a10310;
  -moz-box-shadow: 0 2px 0 0 #a10310;
  box-shadow: 0 2px 0 0 #a10310;
  position: relative;
  margin-bottom: 2px;
  padding: 11px 3.2%;
  display: inline-block;
}

.button__primary:hover,
html .main .teaser__swisslotto .button__primary:hover,
.button__primary.button__primary___active,
html .main .teaser__swisslotto .button__primary___active.button__primary {
  background-color: #3b3a38;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #3b3a38));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #404040 0%, #3b3a38 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #343434;
  -moz-box-shadow: 0 2px 0 0 #343434;
  box-shadow: 0 2px 0 0 #343434;
  color: #ffffff;
}

.button__primary[disabled=""],
html .main .teaser__swisslotto [disabled=""].button__primary,
.button__primary[disabled="disabled"],
html .main .teaser__swisslotto [disabled="disabled"].button__primary,
.button__primary.button___disabled,
html .main .teaser__swisslotto .button___disabled.button__primary,
.button__primary.button___disabled:hover,
html .main .teaser__swisslotto .button___disabled.button__primary:hover {
  background-color: #a7a6a5;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaaaaa), color-stop(100%, #a7a6a5));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #aaaaaa 0%, #a7a6a5 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #555555;
  -moz-box-shadow: 0 2px 0 0 #555555;
  box-shadow: 0 2px 0 0 #555555;
  -webkit-text-fill-color: initial;
}

.button__primary.button___inactive,
html .main .teaser__swisslotto .button___inactive.button__primary,
.button__primary.button___inactive:hover,
html .main .teaser__swisslotto .button___inactive.button__primary:hover {
  background: none;
  background-color: #727272;
  box-shadow: none;
}

.button__primary.button__primary___small,
html .main .teaser__swisslotto .button__primary___small.button__primary {
  float: right;
  height: 32px;
  line-height: 32px;
  width: 95px;
}

.button__primary.button__primary___input,
html .main .teaser__swisslotto .button__primary___input.button__primary,
.button__primary.button__primary___input:hover,
html .main .teaser__swisslotto .button__primary___input.button__primary:hover {
  box-shadow: none;
  padding: 0;
}

.button__primary.button__primary___slim,
html .main .teaser__swisslotto .button__primary___slim.button__primary {
  font-size: 13px;
  font-size: 0.8666666667rem;
  border-radius: 3px;
  min-height: 32px;
  padding: 6px;
}

.button__primary.button__primary___slim.nerdbox,
html .main .teaser__swisslotto .button__primary___slim.nerdbox.button__primary {
  display: inline;
}

.button__primary.button__primary___full,
html .main .teaser__swisslotto .button__primary___full.button__primary {
  margin-bottom: 12.05568px;
  width: 100%;
}

.button__primary___next {
  height: 56px;
  line-height: 56px;
  padding: 0 5% 0 3.23%;
}

.button__primary___next:after {
  height: 18px;
  width: 18px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlBmZWlsX1ByaW1hcnlfQnV0dG9uX3JlY2h0cyINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxN3B4IiBoZWlnaHQ9IjE2cHgiDQoJIHZpZXdCb3g9IjAgMCAxNyAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTcgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGQ9Ik00Ljk5NSwxMy4yNzZsNS4wNjctNS4yNzVMNC45OTcsMi43MDZsMS41NjYtMS43MTFMMTMsOA0KCWwtNi40MzcsNy4wMDVMNC45OTUsMTMuMjc2eiIvPg0KPC9zdmc+DQo=");
  background-position: center center;
  margin: 0;
}

.button__primary___next:after {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 52%;
  right: 10%;
}

.button__primary___close,
.button__primary___submit,
.button__primary___goto {
  height: 56px;
  line-height: 56px;
  padding: 0 5%;
}

.button__primary___login {
  font-size: 0.8rem;
  font-weight: normal;
  line-height: 1.25;
  padding: 2.2% 15%;
}

.button__secondary {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  position: relative;
  background-color: #525252;
  border-color: #323232;
  box-shadow: 0 1px 0 0 #424141;
  padding: 11.5px 2.6315789474%;
}

.button__secondary:hover,
.button__secondary.button__secondary___active {
  background-color: #3e3e3e;
  border-color: #3b3a38;
  box-shadow: 0 1px 0 0 #343434;
}

.button__secondary.button__secondary___slim {
  font-size: 13px;
  font-size: 0.8666666667rem;
  border-radius: 3px;
  min-height: 32px;
  padding: 6px;
}

.button__secondary[disabled=""],
.button__secondary[disabled="disabled"] {
  opacity: 0.5;
}

.button__inverted {
  background-color: #ffffff;
  background-image: none;
  color: #404040;
  text-shadow: none;
}

.button__inverted:hover {
  background-color: #e8e8e8;
  background-image: none;
}

.button__secondary___prev {
  height: 34px;
  line-height: 34px;
  padding: 0 16px 0 32px;
}

.button__secondary___prev:before {
  height: 18px;
  width: 13px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlBmZWlsX1NlY29uZGFyeV9CdXR0b25fbGlua3MiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTggMTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE4IDE4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMS42LDE0LjhMNi40LDlsNS4yLTUuOEwxMyw0LjdMOSw5bDQsNC4zTDExLjYsMTQuOHoiLz4NCjwvc3ZnPg0K");
  background-position: center center;
  margin: 0;
}

.button__secondary___prev:before {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 52%;
  left: 10%;
}

.button__secondary___close {
  height: 34px;
  line-height: 34px;
  padding: 0 3.8%;
}

.button__secondary___right {
  float: right;
  margin-right: 19px;
  min-width: 100px;
  padding: 0 3.8%;
}

a.phone__button {
  color: #404040;
  text-decoration: none;
}

a.phone__button___big {
  font-size: 36px;
  font-size: 2.4rem;
  line-height: 1.0555555556;
  color: #404040;
  display: inline-block;
  font-family: tarzana-bold, Helvetica, sans-serif;
  font-weight: normal;
  margin-bottom: 1.1rem;
}

a.button__secondary {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding-bottom: 0;
  padding-top: 0;
}

a.button__secondary:focus,
a.button__secondary:active,
a.button__secondary:hover {
  color: #ffffff;
}

.button__swisslos,
.teaser__swisslos .button__primary,
.teaser__swisslos
html .main .teaser__swisslotto .button__primary,
html .main .teaser__swisslos .button__primary,
.teaser__default .button__primary,
.teaser__default
html .main .teaser__swisslotto .button__primary,
html .main .teaser__default .button__primary {
  background-color: #4c4a47;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #525252 0%, #4c4a47 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #525252), color-stop(100%, #4c4a47));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #525252 0%, #4c4a47 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #525252 0%, #4c4a47 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #525252 0%, #4c4a47 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #525252 0%, #4c4a47 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #3f3f3f;
  -moz-box-shadow: 0 2px 0 0 #3f3f3f;
  box-shadow: 0 2px 0 0 #3f3f3f;
  color: #ffffff;
  text-shadow: 0 1px #403f3e;
}

.button__swisslos:hover,
.teaser__swisslos .button__primary:hover,
.teaser__swisslos
  html .main .teaser__swisslotto .button__primary:hover,
html .main .teaser__swisslos .button__primary:hover,
.teaser__default .button__primary:hover,
.teaser__default
  html .main .teaser__swisslotto .button__primary:hover,
html .main .teaser__default .button__primary:hover,
.button__swisslos.hover,
.teaser__swisslos .hover.button__primary,
.teaser__swisslos
  html .main .teaser__swisslotto .hover.button__primary,
html .main .teaser__swisslos .hover.button__primary,
.teaser__default .hover.button__primary,
.teaser__default
  html .main .teaser__swisslotto .hover.button__primary,
html .main .teaser__default .hover.button__primary,
.button__swisslos.button__primary___active,
.teaser__swisslos .button__primary___active.button__primary,
.teaser__swisslos
  html .main .teaser__swisslotto .button__primary___active.button__primary,
html .main .teaser__swisslos .button__primary___active.button__primary,
.teaser__default .button__primary___active.button__primary,
.teaser__default
  html .main .teaser__swisslotto .button__primary___active.button__primary,
html .main .teaser__default .button__primary___active.button__primary {
  background-color: #3b3a38;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #3b3a38));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #404040 0%, #3b3a38 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #3b3a38;
  -moz-box-shadow: 0 2px 0 0 #3b3a38;
  box-shadow: 0 2px 0 0 #3b3a38;
  color: #ffffff;
  text-shadow: 0 -1px #1e1e1e;
}

.button__swisslos[disabled=""],
.teaser__swisslos [disabled=""].button__primary,
.teaser__swisslos
  html .main .teaser__swisslotto [disabled=""].button__primary,
html .main .teaser__swisslos [disabled=""].button__primary,
.teaser__default [disabled=""].button__primary,
.teaser__default
  html .main .teaser__swisslotto [disabled=""].button__primary,
html .main .teaser__default [disabled=""].button__primary,
.button__swisslos[disabled="disabled"],
.teaser__swisslos [disabled="disabled"].button__primary,
.teaser__swisslos
  html .main .teaser__swisslotto [disabled="disabled"].button__primary,
html .main .teaser__swisslos [disabled="disabled"].button__primary,
.teaser__default [disabled="disabled"].button__primary,
.teaser__default
  html .main .teaser__swisslotto [disabled="disabled"].button__primary,
html .main .teaser__default [disabled="disabled"].button__primary,
.button__swisslos.button___disabled,
.teaser__swisslos .button___disabled.button__primary,
.teaser__swisslos
  html .main .teaser__swisslotto .button___disabled.button__primary,
html .main .teaser__swisslos .button___disabled.button__primary,
.teaser__default .button___disabled.button__primary,
.teaser__default
  html .main .teaser__swisslotto .button___disabled.button__primary,
html .main .teaser__default .button___disabled.button__primary,
.button__swisslos.button___disabled:hover,
.teaser__swisslos .button___disabled.button__primary:hover,
.teaser__default .button___disabled.button__primary:hover {
  background-color: #a7a6a5;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaaaaa), color-stop(100%, #a7a6a5));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #aaaaaa 0%, #a7a6a5 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #555555;
  -moz-box-shadow: 0 2px 0 0 #555555;
  box-shadow: 0 2px 0 0 #555555;
  color: #ffffff;
  text-shadow: none;
  -webkit-text-fill-color: initial;
}

.button__euromillions,
.teaser__euromillions .button__primary,
.teaser__euromillions
html .main .teaser__swisslotto .button__primary,
html .main .teaser__euromillions .button__primary,
.swiss_lotto .ticket__jackpot-abo-edit[data-json-id="euromillions"] .button__primary,
.euromillions .ticket__jackpot-abo-edit[data-json-id="euromillions"] .button__primary,
.euromillions .main .button__primary,
.euromillions
html .main .teaser__swisslotto .button__primary,
html .euromillions .main .teaser__swisslotto .button__primary,
.euromillions .enumerator .button__primary,
html .main .teaser__swisslotto .euromillions .enumerator .button__primary {
  background-color: #e2bc3d;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #f4cf47 0%, #e2bc3d 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4cf47), color-stop(100%, #e2bc3d));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f4cf47 0%, #e2bc3d 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f4cf47 0%, #e2bc3d 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f4cf47 0%, #e2bc3d 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f4cf47 0%, #e2bc3d 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #bb9d33;
  -moz-box-shadow: 0 2px 0 0 #bb9d33;
  box-shadow: 0 2px 0 0 #bb9d33;
  color: #404040;
  text-shadow: 0 1px #ead899;
}

.button__euromillions:hover,
.teaser__euromillions .button__primary:hover,
.teaser__euromillions
  html .main .teaser__swisslotto .button__primary:hover,
html .main .teaser__euromillions .button__primary:hover,
.swiss_lotto .ticket__jackpot-abo-edit[data-json-id="euromillions"] .button__primary:hover,
.euromillions .ticket__jackpot-abo-edit[data-json-id="euromillions"] .button__primary:hover,
.euromillions .main .button__primary:hover,
.euromillions .enumerator .button__primary:hover,
.button__euromillions.hover,
.teaser__euromillions .hover.button__primary,
.teaser__euromillions
  html .main .teaser__swisslotto .hover.button__primary,
html .main .teaser__euromillions .hover.button__primary,
.swiss_lotto .ticket__jackpot-abo-edit[data-json-id="euromillions"] .hover.button__primary,
.euromillions .ticket__jackpot-abo-edit[data-json-id="euromillions"] .hover.button__primary,
.euromillions .main .hover.button__primary,
.euromillions .enumerator .hover.button__primary,
.button__euromillions.button__primary___active,
.teaser__euromillions .button__primary___active.button__primary,
.teaser__euromillions
  html .main .teaser__swisslotto .button__primary___active.button__primary,
html .main .teaser__euromillions .button__primary___active.button__primary,
.swiss_lotto .ticket__jackpot-abo-edit[data-json-id="euromillions"] .button__primary___active.button__primary,
.euromillions .ticket__jackpot-abo-edit[data-json-id="euromillions"] .button__primary___active.button__primary,
.euromillions .main .button__primary___active.button__primary,
.euromillions .enumerator .button__primary___active.button__primary {
  background-color: #3b3a38;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #3b3a38));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #404040 0%, #3b3a38 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #3b3a38;
  -moz-box-shadow: 0 2px 0 0 #3b3a38;
  box-shadow: 0 2px 0 0 #3b3a38;
  color: #ffffff;
  text-shadow: 0 -1px #1e1e1e;
}

.button__euromillions[disabled=""],
.teaser__euromillions [disabled=""].button__primary,
.teaser__euromillions
  html .main .teaser__swisslotto [disabled=""].button__primary,
html .main .teaser__euromillions [disabled=""].button__primary,
.swiss_lotto .ticket__jackpot-abo-edit[data-json-id="euromillions"] [disabled=""].button__primary,
.euromillions .ticket__jackpot-abo-edit[data-json-id="euromillions"] [disabled=""].button__primary,
.euromillions .main [disabled=""].button__primary,
.euromillions .enumerator [disabled=""].button__primary,
.button__euromillions[disabled="disabled"],
.teaser__euromillions [disabled="disabled"].button__primary,
.teaser__euromillions
  html .main .teaser__swisslotto [disabled="disabled"].button__primary,
html .main .teaser__euromillions [disabled="disabled"].button__primary,
.swiss_lotto .ticket__jackpot-abo-edit[data-json-id="euromillions"] [disabled="disabled"].button__primary,
.euromillions .ticket__jackpot-abo-edit[data-json-id="euromillions"] [disabled="disabled"].button__primary,
.euromillions .main [disabled="disabled"].button__primary,
.euromillions .enumerator [disabled="disabled"].button__primary,
.button__euromillions.button___disabled,
.teaser__euromillions .button___disabled.button__primary,
.teaser__euromillions
  html .main .teaser__swisslotto .button___disabled.button__primary,
html .main .teaser__euromillions .button___disabled.button__primary,
.swiss_lotto .ticket__jackpot-abo-edit[data-json-id="euromillions"] .button___disabled.button__primary,
.euromillions .ticket__jackpot-abo-edit[data-json-id="euromillions"] .button___disabled.button__primary,
.euromillions .main .button___disabled.button__primary,
.euromillions .enumerator .button___disabled.button__primary,
.button__euromillions.button___disabled:hover,
.teaser__euromillions .button___disabled.button__primary:hover,
.swiss_lotto .ticket__jackpot-abo-edit[data-json-id="euromillions"] .button___disabled.button__primary:hover,
.euromillions .ticket__jackpot-abo-edit[data-json-id="euromillions"] .button___disabled.button__primary:hover,
.euromillions .main .button___disabled.button__primary:hover,
.euromillions .enumerator .button___disabled.button__primary:hover {
  background-color: #a7a6a5;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaaaaa), color-stop(100%, #a7a6a5));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #aaaaaa 0%, #a7a6a5 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #555555;
  -moz-box-shadow: 0 2px 0 0 #555555;
  box-shadow: 0 2px 0 0 #555555;
  color: #ffffff;
  text-shadow: none;
  -webkit-text-fill-color: initial;
}

.button__totogoal,
.teaser__totogoal .button__primary,
.teaser__totogoal
html .main .teaser__swisslotto .button__primary,
html .main .teaser__totogoal .button__primary,
.totogoal .enumerator .button__primary,
.totogoal .enumerator
html .main .teaser__swisslotto .button__primary,
html .main .teaser__swisslotto .totogoal .enumerator .button__primary {
  background-color: #8bb30b;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #97bf0d 0%, #8bb30b 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97bf0d), color-stop(100%, #8bb30b));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #97bf0d 0%, #8bb30b 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #97bf0d 0%, #8bb30b 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #97bf0d 0%, #8bb30b 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #97bf0d 0%, #8bb30b 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #78960b;
  -moz-box-shadow: 0 2px 0 0 #78960b;
  box-shadow: 0 2px 0 0 #78960b;
}

.button__totogoal:hover,
.teaser__totogoal .button__primary:hover,
.teaser__totogoal
  html .main .teaser__swisslotto .button__primary:hover,
html .main .teaser__totogoal .button__primary:hover,
.totogoal .enumerator .button__primary:hover,
.button__totogoal.hover,
.teaser__totogoal .hover.button__primary,
.teaser__totogoal
  html .main .teaser__swisslotto .hover.button__primary,
html .main .teaser__totogoal .hover.button__primary,
.totogoal .enumerator .hover.button__primary,
.button__totogoal.button__primary___active,
.teaser__totogoal .button__primary___active.button__primary,
.teaser__totogoal
  html .main .teaser__swisslotto .button__primary___active.button__primary,
html .main .teaser__totogoal .button__primary___active.button__primary,
.totogoal .enumerator .button__primary___active.button__primary {
  background-color: #3b3a38;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #3b3a38));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #404040 0%, #3b3a38 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #3b3a38;
  -moz-box-shadow: 0 2px 0 0 #3b3a38;
  box-shadow: 0 2px 0 0 #3b3a38;
  color: #ffffff;
}

.button__totogoal[disabled=""],
.teaser__totogoal [disabled=""].button__primary,
.teaser__totogoal
  html .main .teaser__swisslotto [disabled=""].button__primary,
html .main .teaser__totogoal [disabled=""].button__primary,
.totogoal .enumerator [disabled=""].button__primary,
.button__totogoal[disabled="disabled"],
.teaser__totogoal [disabled="disabled"].button__primary,
.teaser__totogoal
  html .main .teaser__swisslotto [disabled="disabled"].button__primary,
html .main .teaser__totogoal [disabled="disabled"].button__primary,
.totogoal .enumerator [disabled="disabled"].button__primary,
.button__totogoal.button___disabled,
.teaser__totogoal .button___disabled.button__primary,
.teaser__totogoal
  html .main .teaser__swisslotto .button___disabled.button__primary,
html .main .teaser__totogoal .button___disabled.button__primary,
.totogoal .enumerator .button___disabled.button__primary,
.button__totogoal.button___disabled:hover,
.teaser__totogoal .button___disabled.button__primary:hover,
.totogoal .enumerator .button___disabled.button__primary:hover {
  background-color: #a7a6a5;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaaaaa), color-stop(100%, #a7a6a5));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #aaaaaa 0%, #a7a6a5 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #555555;
  -moz-box-shadow: 0 2px 0 0 #555555;
  box-shadow: 0 2px 0 0 #555555;
  -webkit-text-fill-color: initial;
}

.button__clix,
.teaser__clix .button__primary,
.teaser__clix
html .main .teaser__swisslotto .button__primary,
html .main .teaser__clix .button__primary,
.gdl__content___clix .button__primary,
.gdl__content___clix
html .main .teaser__swisslotto .button__primary,
html .main .teaser__swisslotto .gdl__content___clix .button__primary {
  background-color: #530e52;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #5a0f5f 0%, #530e52 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5a0f5f), color-stop(100%, #530e52));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #5a0f5f 0%, #530e52 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #5a0f5f 0%, #530e52 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #5a0f5f 0%, #530e52 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #5a0f5f 0%, #530e52 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #3c0a40;
  -moz-box-shadow: 0 2px 0 0 #3c0a40;
  box-shadow: 0 2px 0 0 #3c0a40;
  color: #ffffff;
}

.button__clix:hover,
.teaser__clix .button__primary:hover,
.teaser__clix
  html .main .teaser__swisslotto .button__primary:hover,
html .main .teaser__clix .button__primary:hover,
.gdl__content___clix .button__primary:hover,
.gdl__content___clix
  html .main .teaser__swisslotto .button__primary:hover,
html .main .teaser__swisslotto .gdl__content___clix .button__primary:hover,
.button__clix.hover,
.teaser__clix .hover.button__primary,
.teaser__clix
  html .main .teaser__swisslotto .hover.button__primary,
html .main .teaser__clix .hover.button__primary,
.gdl__content___clix .hover.button__primary,
.gdl__content___clix
  html .main .teaser__swisslotto .hover.button__primary,
html .main .teaser__swisslotto .gdl__content___clix .hover.button__primary,
.button__clix.button__primary___active,
.teaser__clix .button__primary___active.button__primary,
.teaser__clix
  html .main .teaser__swisslotto .button__primary___active.button__primary,
html .main .teaser__clix .button__primary___active.button__primary,
.gdl__content___clix .button__primary___active.button__primary,
.gdl__content___clix
  html .main .teaser__swisslotto .button__primary___active.button__primary,
html .main .teaser__swisslotto .gdl__content___clix .button__primary___active.button__primary {
  background-color: #3b3a38;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #3b3a38));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #404040 0%, #3b3a38 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #3b3a38;
  -moz-box-shadow: 0 2px 0 0 #3b3a38;
  box-shadow: 0 2px 0 0 #3b3a38;
  color: #ffffff;
}

.button__clix[disabled=""],
.teaser__clix [disabled=""].button__primary,
.teaser__clix
  html .main .teaser__swisslotto [disabled=""].button__primary,
html .main .teaser__clix [disabled=""].button__primary,
.gdl__content___clix [disabled=""].button__primary,
.gdl__content___clix
  html .main .teaser__swisslotto [disabled=""].button__primary,
html .main .teaser__swisslotto .gdl__content___clix [disabled=""].button__primary,
.button__clix[disabled="disabled"],
.teaser__clix [disabled="disabled"].button__primary,
.teaser__clix
  html .main .teaser__swisslotto [disabled="disabled"].button__primary,
html .main .teaser__clix [disabled="disabled"].button__primary,
.gdl__content___clix [disabled="disabled"].button__primary,
.gdl__content___clix
  html .main .teaser__swisslotto [disabled="disabled"].button__primary,
html .main .teaser__swisslotto .gdl__content___clix [disabled="disabled"].button__primary,
.button__clix.button___disabled,
.teaser__clix .button___disabled.button__primary,
.teaser__clix
  html .main .teaser__swisslotto .button___disabled.button__primary,
html .main .teaser__clix .button___disabled.button__primary,
.gdl__content___clix .button___disabled.button__primary,
.gdl__content___clix
  html .main .teaser__swisslotto .button___disabled.button__primary,
html .main .teaser__swisslotto .gdl__content___clix .button___disabled.button__primary,
.button__clix.button___disabled:hover,
.teaser__clix .button___disabled.button__primary:hover,
.gdl__content___clix .button___disabled.button__primary:hover {
  background-color: #a7a6a5;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaaaaa), color-stop(100%, #a7a6a5));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #aaaaaa 0%, #a7a6a5 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #555555;
  -moz-box-shadow: 0 2px 0 0 #555555;
  box-shadow: 0 2px 0 0 #555555;
  -webkit-text-fill-color: initial;
}

.button__sporttip,
.teaser__sporttip .button__primary,
.teaser__sporttip
html .main .teaser__swisslotto .button__primary,
html .main .teaser__sporttip .button__primary,
.quickbet__button-wrapper .button__primary,
.quickbet__button-wrapper
html .main .teaser__swisslotto .button__primary,
html .main .teaser__swisslotto .quickbet__button-wrapper .button__primary {
  background-color: #003072;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #003683 0%, #003072 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003683), color-stop(100%, #003072));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #003683 0%, #003072 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #003683 0%, #003072 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #003683 0%, #003072 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #003683 0%, #003072 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #002759;
  -moz-box-shadow: 0 2px 0 0 #002759;
  box-shadow: 0 2px 0 0 #002759;
  color: #ffffff;
}

.button__sporttip:hover,
.teaser__sporttip .button__primary:hover,
.teaser__sporttip
  html .main .teaser__swisslotto .button__primary:hover,
html .main .teaser__sporttip .button__primary:hover,
.quickbet__button-wrapper .button__primary:hover,
.quickbet__button-wrapper
  html .main .teaser__swisslotto .button__primary:hover,
html .main .teaser__swisslotto .quickbet__button-wrapper .button__primary:hover,
.button__sporttip.hover,
.teaser__sporttip .hover.button__primary,
.teaser__sporttip
  html .main .teaser__swisslotto .hover.button__primary,
html .main .teaser__sporttip .hover.button__primary,
.quickbet__button-wrapper .hover.button__primary,
.quickbet__button-wrapper
  html .main .teaser__swisslotto .hover.button__primary,
html .main .teaser__swisslotto .quickbet__button-wrapper .hover.button__primary,
.button__sporttip.button__primary___active,
.teaser__sporttip .button__primary___active.button__primary,
.teaser__sporttip
  html .main .teaser__swisslotto .button__primary___active.button__primary,
html .main .teaser__sporttip .button__primary___active.button__primary,
.quickbet__button-wrapper .button__primary___active.button__primary,
.quickbet__button-wrapper
  html .main .teaser__swisslotto .button__primary___active.button__primary,
html .main .teaser__swisslotto .quickbet__button-wrapper .button__primary___active.button__primary {
  background-color: #3b3a38;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #3b3a38));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #404040 0%, #3b3a38 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #3b3a38;
  -moz-box-shadow: 0 2px 0 0 #3b3a38;
  box-shadow: 0 2px 0 0 #3b3a38;
  color: #ffffff;
}

.button__sporttip[disabled=""],
.teaser__sporttip [disabled=""].button__primary,
.teaser__sporttip
  html .main .teaser__swisslotto [disabled=""].button__primary,
html .main .teaser__sporttip [disabled=""].button__primary,
.quickbet__button-wrapper [disabled=""].button__primary,
.quickbet__button-wrapper
  html .main .teaser__swisslotto [disabled=""].button__primary,
html .main .teaser__swisslotto .quickbet__button-wrapper [disabled=""].button__primary,
.button__sporttip[disabled="disabled"],
.teaser__sporttip [disabled="disabled"].button__primary,
.teaser__sporttip
  html .main .teaser__swisslotto [disabled="disabled"].button__primary,
html .main .teaser__sporttip [disabled="disabled"].button__primary,
.quickbet__button-wrapper [disabled="disabled"].button__primary,
.quickbet__button-wrapper
  html .main .teaser__swisslotto [disabled="disabled"].button__primary,
html .main .teaser__swisslotto .quickbet__button-wrapper [disabled="disabled"].button__primary,
.button__sporttip.button___disabled,
.teaser__sporttip .button___disabled.button__primary,
.teaser__sporttip
  html .main .teaser__swisslotto .button___disabled.button__primary,
html .main .teaser__sporttip .button___disabled.button__primary,
.quickbet__button-wrapper .button___disabled.button__primary,
.quickbet__button-wrapper
  html .main .teaser__swisslotto .button___disabled.button__primary,
html .main .teaser__swisslotto .quickbet__button-wrapper .button___disabled.button__primary,
.button__sporttip.button___disabled:hover,
.teaser__sporttip .button___disabled.button__primary:hover,
.quickbet__button-wrapper .button___disabled.button__primary:hover {
  background-color: #a7a6a5;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaaaaa), color-stop(100%, #a7a6a5));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #aaaaaa 0%, #a7a6a5 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #555555;
  -moz-box-shadow: 0 2px 0 0 #555555;
  box-shadow: 0 2px 0 0 #555555;
  -webkit-text-fill-color: initial;
}

.button__pmu,
.teaser__pmu .button__primary,
.teaser__pmu
html .main .teaser__swisslotto .button__primary,
html .main .teaser__pmu .button__primary {
  background-color: #009119;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #009f1d 0%, #009119 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009f1d), color-stop(100%, #009119));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #009f1d 0%, #009119 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #009f1d 0%, #009119 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #009f1d 0%, #009119 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #009f1d 0%, #009119 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #007516;
  -moz-box-shadow: 0 2px 0 0 #007516;
  box-shadow: 0 2px 0 0 #007516;
  color: #ffffff;
}

.button__pmu:hover,
.teaser__pmu .button__primary:hover,
.teaser__pmu
  html .main .teaser__swisslotto .button__primary:hover,
html .main .teaser__pmu .button__primary:hover,
.button__pmu.hover,
.teaser__pmu .hover.button__primary,
.teaser__pmu
  html .main .teaser__swisslotto .hover.button__primary,
html .main .teaser__pmu .hover.button__primary,
.button__pmu.button__primary___active,
.teaser__pmu .button__primary___active.button__primary,
.teaser__pmu
  html .main .teaser__swisslotto .button__primary___active.button__primary,
html .main .teaser__pmu .button__primary___active.button__primary {
  background-color: #3b3a38;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #3b3a38));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #404040 0%, #3b3a38 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #3b3a38;
  -moz-box-shadow: 0 2px 0 0 #3b3a38;
  box-shadow: 0 2px 0 0 #3b3a38;
  color: #ffffff;
}

.button__pmu[disabled=""],
.teaser__pmu [disabled=""].button__primary,
.teaser__pmu
  html .main .teaser__swisslotto [disabled=""].button__primary,
html .main .teaser__pmu [disabled=""].button__primary,
.button__pmu[disabled="disabled"],
.teaser__pmu [disabled="disabled"].button__primary,
.teaser__pmu
  html .main .teaser__swisslotto [disabled="disabled"].button__primary,
html .main .teaser__pmu [disabled="disabled"].button__primary,
.button__pmu.button___disabled,
.teaser__pmu .button___disabled.button__primary,
.teaser__pmu
  html .main .teaser__swisslotto .button___disabled.button__primary,
html .main .teaser__pmu .button___disabled.button__primary,
.button__pmu.button___disabled:hover,
.teaser__pmu .button___disabled.button__primary:hover {
  background-color: #a7a6a5;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaaaaa), color-stop(100%, #a7a6a5));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #aaaaaa 0%, #a7a6a5 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #555555;
  -moz-box-shadow: 0 2px 0 0 #555555;
  box-shadow: 0 2px 0 0 #555555;
  -webkit-text-fill-color: initial;
}

.button__subito,
.teaser__subito .button__primary,
.teaser__subito
html .main .teaser__swisslotto .button__primary,
html .main .teaser__subito .button__primary {
  background-color: #009ddf;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #009ddf 0%, #0090d3 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ddf), color-stop(100%, #0090d3));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #009ddf 0%, #0090d3 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #009ddf 0%, #0090d3 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #009ddf 0%, #0090d3 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #009ddf 0%, #0090d3 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #006d9c;
  -moz-box-shadow: 0 2px 0 0 #006d9c;
  box-shadow: 0 2px 0 0 #006d9c;
  color: #ffffff;
}

.button__subito:hover,
.teaser__subito .button__primary:hover,
.teaser__subito
  html .main .teaser__swisslotto .button__primary:hover,
html .main .teaser__subito .button__primary:hover,
.button__subito.hover,
.teaser__subito .hover.button__primary,
.teaser__subito
  html .main .teaser__swisslotto .hover.button__primary,
html .main .teaser__subito .hover.button__primary,
.button__subito.button__primary___active,
.teaser__subito .button__primary___active.button__primary,
.teaser__subito
  html .main .teaser__swisslotto .button__primary___active.button__primary,
html .main .teaser__subito .button__primary___active.button__primary {
  background-color: #3b3a38;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #3b3a38));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #404040 0%, #3b3a38 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #3b3a38;
  -moz-box-shadow: 0 2px 0 0 #3b3a38;
  box-shadow: 0 2px 0 0 #3b3a38;
  color: #ffffff;
}

.button__subito[disabled=""],
.teaser__subito [disabled=""].button__primary,
.teaser__subito
  html .main .teaser__swisslotto [disabled=""].button__primary,
html .main .teaser__subito [disabled=""].button__primary,
.button__subito[disabled="disabled"],
.teaser__subito [disabled="disabled"].button__primary,
.teaser__subito
  html .main .teaser__swisslotto [disabled="disabled"].button__primary,
html .main .teaser__subito [disabled="disabled"].button__primary,
.button__subito.button___disabled,
.teaser__subito .button___disabled.button__primary,
.teaser__subito
  html .main .teaser__swisslotto .button___disabled.button__primary,
html .main .teaser__subito .button___disabled.button__primary,
.button__subito.button___disabled:hover,
.teaser__subito .button___disabled.button__primary:hover {
  background-color: #a7a6a5;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaaaaa), color-stop(100%, #a7a6a5));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #aaaaaa 0%, #a7a6a5 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #555555;
  -moz-box-shadow: 0 2px 0 0 #555555;
  box-shadow: 0 2px 0 0 #555555;
  -webkit-text-fill-color: initial;
}

.button__jass,
.teaser__jass .button__primary,
.teaser__jass
html .main .teaser__swisslotto .button__primary,
html .main .teaser__jass .button__primary {
  background-color: #00792c;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #00792c 0%, #138133 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00792c), color-stop(100%, #138133));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #00792c 0%, #138133 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #00792c 0%, #138133 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #00792c 0%, #138133 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #00792c 0%, #138133 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #004a1b;
  -moz-box-shadow: 0 2px 0 0 #004a1b;
  box-shadow: 0 2px 0 0 #004a1b;
  color: #ffffff;
}

.button__jass:hover,
.teaser__jass .button__primary:hover,
.teaser__jass
  html .main .teaser__swisslotto .button__primary:hover,
html .main .teaser__jass .button__primary:hover,
.button__jass.hover,
.teaser__jass .hover.button__primary,
.teaser__jass
  html .main .teaser__swisslotto .hover.button__primary,
html .main .teaser__jass .hover.button__primary,
.button__jass.button__primary___active,
.teaser__jass .button__primary___active.button__primary,
.teaser__jass
  html .main .teaser__swisslotto .button__primary___active.button__primary,
html .main .teaser__jass .button__primary___active.button__primary {
  background-color: #3b3a38;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #3b3a38));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #404040 0%, #3b3a38 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #3b3a38;
  -moz-box-shadow: 0 2px 0 0 #3b3a38;
  box-shadow: 0 2px 0 0 #3b3a38;
  color: #ffffff;
}

.button__jass[disabled=""],
.teaser__jass [disabled=""].button__primary,
.teaser__jass
  html .main .teaser__swisslotto [disabled=""].button__primary,
html .main .teaser__jass [disabled=""].button__primary,
.button__jass[disabled="disabled"],
.teaser__jass [disabled="disabled"].button__primary,
.teaser__jass
  html .main .teaser__swisslotto [disabled="disabled"].button__primary,
html .main .teaser__jass [disabled="disabled"].button__primary,
.button__jass.button___disabled,
.teaser__jass .button___disabled.button__primary,
.teaser__jass
  html .main .teaser__swisslotto .button___disabled.button__primary,
html .main .teaser__jass .button___disabled.button__primary,
.button__jass.button___disabled:hover,
.teaser__jass .button___disabled.button__primary:hover {
  background-color: #a7a6a5;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaaaaa), color-stop(100%, #a7a6a5));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #aaaaaa 0%, #a7a6a5 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #555555;
  -moz-box-shadow: 0 2px 0 0 #555555;
  box-shadow: 0 2px 0 0 #555555;
  -webkit-text-fill-color: initial;
}

.button__bingo,
.teaser__bingo .button__primary,
.teaser__bingo
html .main .teaser__swisslotto .button__primary,
html .main .teaser__bingo .button__primary {
  background-color: #e2007a;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #e2007a 0%, #f11d85 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2007a), color-stop(100%, #f11d85));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #e2007a 0%, #f11d85 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #e2007a 0%, #f11d85 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #e2007a 0%, #f11d85 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #e2007a 0%, #f11d85 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #8c064a;
  -moz-box-shadow: 0 2px 0 0 #8c064a;
  box-shadow: 0 2px 0 0 #8c064a;
  color: #ffffff;
}

.button__bingo:hover,
.teaser__bingo .button__primary:hover,
.teaser__bingo
  html .main .teaser__swisslotto .button__primary:hover,
html .main .teaser__bingo .button__primary:hover,
.button__bingo.hover,
.teaser__bingo .hover.button__primary,
.teaser__bingo
  html .main .teaser__swisslotto .hover.button__primary,
html .main .teaser__bingo .hover.button__primary,
.button__bingo.button__primary___active,
.teaser__bingo .button__primary___active.button__primary,
.teaser__bingo
  html .main .teaser__swisslotto .button__primary___active.button__primary,
html .main .teaser__bingo .button__primary___active.button__primary {
  background-color: #3b3a38;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #3b3a38));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #404040 0%, #3b3a38 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #3b3a38;
  -moz-box-shadow: 0 2px 0 0 #3b3a38;
  box-shadow: 0 2px 0 0 #3b3a38;
  color: #ffffff;
}

.button__bingo[disabled=""],
.teaser__bingo [disabled=""].button__primary,
.teaser__bingo
  html .main .teaser__swisslotto [disabled=""].button__primary,
html .main .teaser__bingo [disabled=""].button__primary,
.button__bingo[disabled="disabled"],
.teaser__bingo [disabled="disabled"].button__primary,
.teaser__bingo
  html .main .teaser__swisslotto [disabled="disabled"].button__primary,
html .main .teaser__bingo [disabled="disabled"].button__primary,
.button__bingo.button___disabled,
.teaser__bingo .button___disabled.button__primary,
.teaser__bingo
  html .main .teaser__swisslotto .button___disabled.button__primary,
html .main .teaser__bingo .button___disabled.button__primary,
.button__bingo.button___disabled:hover,
.teaser__bingo .button___disabled.button__primary:hover {
  background-color: #a7a6a5;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaaaaa), color-stop(100%, #a7a6a5));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #aaaaaa 0%, #a7a6a5 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #555555;
  -moz-box-shadow: 0 2px 0 0 #555555;
  box-shadow: 0 2px 0 0 #555555;
  -webkit-text-fill-color: initial;
}

.button__lose,
.teaser__lose .button__primary,
.teaser__lose
html .main .teaser__swisslotto .button__primary,
html .main .teaser__lose .button__primary {
  background-color: #5e84b3;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #5277a5 0%, #5e84b3 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5277a5), color-stop(100%, #5e84b3));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #5277a5 0%, #5e84b3 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #5277a5 0%, #5e84b3 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #5277a5 0%, #5e84b3 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #5277a5 0%, #5e84b3 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #6a90c0;
  -moz-box-shadow: 0 2px 0 0 #6a90c0;
  box-shadow: 0 2px 0 0 #6a90c0;
  color: #ffffff;
}

.button__lose:hover,
.teaser__lose .button__primary:hover,
.teaser__lose
  html .main .teaser__swisslotto .button__primary:hover,
html .main .teaser__lose .button__primary:hover,
.button__lose.hover,
.teaser__lose .hover.button__primary,
.teaser__lose
  html .main .teaser__swisslotto .hover.button__primary,
html .main .teaser__lose .hover.button__primary,
.button__lose.button__primary___active,
.teaser__lose .button__primary___active.button__primary,
.teaser__lose
  html .main .teaser__swisslotto .button__primary___active.button__primary,
html .main .teaser__lose .button__primary___active.button__primary {
  background-color: #3b3a38;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #3b3a38));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #404040 0%, #3b3a38 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #404040 0%, #3b3a38 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #3b3a38;
  -moz-box-shadow: 0 2px 0 0 #3b3a38;
  box-shadow: 0 2px 0 0 #3b3a38;
  color: #ffffff;
}

.button__lose[disabled=""],
.teaser__lose [disabled=""].button__primary,
.teaser__lose
  html .main .teaser__swisslotto [disabled=""].button__primary,
html .main .teaser__lose [disabled=""].button__primary,
.button__lose[disabled="disabled"],
.teaser__lose [disabled="disabled"].button__primary,
.teaser__lose
  html .main .teaser__swisslotto [disabled="disabled"].button__primary,
html .main .teaser__lose [disabled="disabled"].button__primary,
.button__lose.button___disabled,
.teaser__lose .button___disabled.button__primary,
.teaser__lose
  html .main .teaser__swisslotto .button___disabled.button__primary,
html .main .teaser__lose .button___disabled.button__primary,
.button__lose.button___disabled:hover,
.teaser__lose .button___disabled.button__primary:hover {
  background-color: #a7a6a5;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaaaaa), color-stop(100%, #a7a6a5));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #aaaaaa 0%, #a7a6a5 100%);
  /* W3C */
  -webkit-box-shadow: 0 2px 0 0 #555555;
  -moz-box-shadow: 0 2px 0 0 #555555;
  box-shadow: 0 2px 0 0 #555555;
  -webkit-text-fill-color: initial;
}

.button-container {
  display: block;
  width: 100%;
}

.button-container.button-container___button-right {
  text-align: right;
}

a[disabled],
button[disabled] {
  pointer-events: none;
}

.button__change-profile {
  height: 37px;
  padding: 0 8px;
}

/**
 * TOUCH VIEWS
 */

@media screen and (max-width: 1020.9px) {
  .button__primary:hover,
  html .main .teaser__swisslotto .button__primary:hover {
    background-color: #ce0517;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #df051a 0%, #ce0517 100%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #df051a), color-stop(100%, #ce0517));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #df051a 0%, #ce0517 100%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #df051a 0%, #ce0517 100%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #df051a 0%, #ce0517 100%);
    /* IE10+ */
    background-image: linear-gradient(to bottom, #df051a 0%, #ce0517 100%);
    /* W3C */
    -webkit-box-shadow: 0 2px 0 0 #a10310;
    -moz-box-shadow: 0 2px 0 0 #a10310;
    box-shadow: 0 2px 0 0 #a10310;
  }

  .button__primary:active,
  html .main .teaser__swisslotto .button__primary:active {
    background-color: #3b3a38;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #404040 0%, #3b3a38 100%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #3b3a38));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #404040 0%, #3b3a38 100%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #404040 0%, #3b3a38 100%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #404040 0%, #3b3a38 100%);
    /* IE10+ */
    background-image: linear-gradient(to bottom, #404040 0%, #3b3a38 100%);
    /* W3C */
    -webkit-box-shadow: 0 2px 0 0 #343434;
    -moz-box-shadow: 0 2px 0 0 #343434;
    box-shadow: 0 2px 0 0 #343434;
  }

  .button__secondary:hover {
    background-color: #525252;
  }

  .button__secondary:active {
    background-color: #3e3e3e;
  }

  .button__inverted {
    background-color: #ffffff;
    background-image: none;
  }

  .button__inverted:hover,
  .button__inverted:active {
    background-color: #e8e8e8;
    background-image: none;
  }

  .button__primary[disabled=""],
  html .main .teaser__swisslotto [disabled=""].button__primary,
  .button__primary[disabled="disabled"],
  html .main .teaser__swisslotto [disabled="disabled"].button__primary,
  .button__primary[disabled=""]:hover,
  html .main .teaser__swisslotto [disabled=""].button__primary:hover,
  .button__primary[disabled="disabled"]:hover,
  html .main .teaser__swisslotto [disabled="disabled"].button__primary:hover,
  .button__primary.button___disabled,
  html .main .teaser__swisslotto .button___disabled.button__primary,
  .button__primary.button___disabled:hover,
  html .main .teaser__swisslotto .button___disabled.button__primary:hover {
    background-color: #a7a6a5;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaaaaa), color-stop(100%, #a7a6a5));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #aaaaaa 0%, #a7a6a5 100%);
    /* IE10+ */
    background-image: linear-gradient(to bottom, #aaaaaa 0%, #a7a6a5 100%);
    /* W3C */
    -webkit-box-shadow: 0 2px 0 0 #555555;
    -moz-box-shadow: 0 2px 0 0 #555555;
    box-shadow: 0 2px 0 0 #555555;
    -webkit-text-fill-color: initial;
  }
}

/**
 * TABLET VIEW
 */

/**
 * ALL PHONE VIEW
 */

@media screen and (max-width: 767.9px) {
  .button__primary,
  .teaser__swisslotto .button__primary,
  html .main .teaser__swisslotto .button__primary {
    width: auto;
  }

  .button__primary.button__primary___slim,
  html .main .teaser__swisslotto .button__primary___slim.button__primary {
    padding: 12.05568px;
  }

  .button__primary:after,
  .teaser__swisslotto .button__primary:after,
  html .main .teaser__swisslotto .button__primary:after {
    right: 5%;
  }

  .content_tabs .button__primary___goto {
    margin-top: 12.05568px;
  }

  .button__secondary___close {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlNjaGxpZXNzZW5fSWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTggMTgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMy4yNDMsNi4xNzIgMTEuODMzLDQuNzc2IDkuMDA0LDcuNTkgNi4xNzIsNC43NTcgNC43NTcsNi4xNzIgNy41ODYsOSA0Ljc1NywxMS44MjkgNi4xNjcsMTMuMjI1IA0KCTguOTk2LDEwLjQxMSAxMS44MjgsMTMuMjQzIDEzLjI0MywxMS44MjkgMTAuNDE0LDkgIi8+DQo8L3N2Zz4NCg==");
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }

  a.phone__button,
  .game-instructions a.phone__button {
    background-color: #ce0517;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #df051a 0%, #ce0517 100%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #df051a), color-stop(100%, #ce0517));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #df051a 0%, #ce0517 100%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #df051a 0%, #ce0517 100%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #df051a 0%, #ce0517 100%);
    /* IE10+ */
    background-image: linear-gradient(to bottom, #df051a 0%, #ce0517 100%);
    /* W3C */
    position: relative;
    border-radius: 3px;
    color: #ffffff;
    display: block;
    line-height: 32px;
    margin-top: 6px;
    max-width: 280px;
    text-align: center;
  }

  a.phone__button:before,
  .game-instructions a.phone__button:before {
    height: 16px;
    width: 11px;
    float: left;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDIyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMiI+CjxnIGlkPSJMYXllcl8xIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xOSwwSDNDMS4zLDAsMCwxLjMsMCwzdjI2YzAsMS43LDEuMywzLDMsM2gxNmMxLjcsMCwzLTEuMywzLTMKCQkJVjNDMjIsMS4zLDIwLjcsMCwxOSwweiBNMTEsMzBjLTEuMSwwLTItMC45LTItMmMwLTEuMSwwLjktMiwyLTJzMiwwLjksMiwyQzEzLDI5LjEsMTIuMSwzMCwxMSwzMHogTTE4LDIyYzAsMS4xLTAuOSwyLTIsMkg2CgkJCWMtMS4xLDAtMi0wLjktMi0yVjZjMC0xLjEsMC45LTIsMi0yaDEwYzEuMSwwLDIsMC45LDIsMlYyMnoiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=");
    background-position: center center;
    margin: 8px;
  }

  a.phone__button:hover:before,
  .game-instructions a.phone__button:hover:before {
    cursor: pointer;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDIyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMiI+CjxnIGlkPSJMYXllcl8xIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xOSwwSDNDMS4zLDAsMCwxLjMsMCwzdjI2YzAsMS43LDEuMywzLDMsM2gxNmMxLjcsMCwzLTEuMywzLTMKCQkJVjNDMjIsMS4zLDIwLjcsMCwxOSwweiBNMTEsMzBjLTEuMSwwLTItMC45LTItMmMwLTEuMSwwLjktMiwyLTJzMiwwLjksMiwyQzEzLDI5LjEsMTIuMSwzMCwxMSwzMHogTTE4LDIyYzAsMS4xLTAuOSwyLTIsMkg2CgkJCWMtMS4xLDAtMi0wLjktMi0yVjZjMC0xLjEsMC45LTIsMi0yaDEwYzEuMSwwLDIsMC45LDIsMlYyMnoiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=");
  }

  a.phone__button:hover,
  .game-instructions a.phone__button:hover {
    color: #ffffff;
  }

  a.phone__button.phone__button___big,
  .game-instructions a.phone__button.phone__button___big {
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    font-size: 30px;
    font-size: 2rem;
    line-height: 1.2666666667;
    display: inline-block;
    float: none;
    height: 36px;
    line-height: 36px;
    margin-bottom: 12.05568px;
    max-width: none;
    text-align: left;
  }

  a.phone__button.phone__button___big:before,
  .game-instructions a.phone__button.phone__button___big:before {
    height: 16px;
    width: 11px;
    float: left;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDIyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMiI+CjxnIGlkPSJMYXllcl8xIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xOSwwSDNDMS4zLDAsMCwxLjMsMCwzdjI2YzAsMS43LDEuMywzLDMsM2gxNmMxLjcsMCwzLTEuMywzLTMKCQkJVjNDMjIsMS4zLDIwLjcsMCwxOSwweiBNMTEsMzBjLTEuMSwwLTItMC45LTItMmMwLTEuMSwwLjktMiwyLTJzMiwwLjksMiwyQzEzLDI5LjEsMTIuMSwzMCwxMSwzMHogTTE4LDIyYzAsMS4xLTAuOSwyLTIsMkg2CgkJCWMtMS4xLDAtMi0wLjktMi0yVjZjMC0xLjEsMC45LTIsMi0yaDEwYzEuMSwwLDIsMC45LDIsMlYyMnoiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=");
    background-position: center center;
    margin: 10px;
  }

  a.phone__button.phone__button___big:hover:before,
  .game-instructions a.phone__button.phone__button___big:hover:before {
    cursor: pointer;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDIyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJMYXllcl8zIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMiI+CjxnIGlkPSJMYXllcl8xIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xOSwwSDNDMS4zLDAsMCwxLjMsMCwzdjI2YzAsMS43LDEuMywzLDMsM2gxNmMxLjcsMCwzLTEuMywzLTMKCQkJVjNDMjIsMS4zLDIwLjcsMCwxOSwweiBNMTEsMzBjLTEuMSwwLTItMC45LTItMmMwLTEuMSwwLjktMiwyLTJzMiwwLjksMiwyQzEzLDI5LjEsMTIuMSwzMCwxMSwzMHogTTE4LDIyYzAsMS4xLTAuOSwyLTIsMkg2CgkJCWMtMS4xLDAtMi0wLjktMi0yVjZjMC0xLjEsMC45LTIsMi0yaDEwYzEuMSwwLDIsMC45LDIsMlYyMnoiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=");
  }

  a.phone__button:not(.phone__button___big):before {
    position: absolute;
    left: 0;
  }
}

/**
 * PHONE LANDSCAPE VIEW
 */

/**
 * PHONE PORTRAIT VIEW
 */

/*------------------------------------*    #HINT
\*------------------------------------*/

/**
 * Styles for a hint content
 */

.hint__wrapper {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
  max-height: 0;
  overflow-y: hidden;
}

.hint__wrapper.hint__wrapper___visible {
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  transition: all 2s;
  height: auto;
  max-height: 1000px;
}

.hint__tip {
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  position: relative;
  background-color: #f9fbf8;
  border: 2px solid #accca3;
  margin: 0 0 24px 0;
  overflow-y: hidden;
  padding: 19.11136px;
}

.hint__tip.hint__neutral {
  background-color: #ffffff;
  border: 2px solid #56afd2;
  color: #56afd2;
}

.hint__tip .teaser___img-wrapper {
  margin-top: 46px;
}

.hint__small-padding .hint__tip {
  padding: 12.05568px;
}

.hint__close {
  height: 18px;
  width: 18px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iU2NobGllc3Nlbl9JY29uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCnk9IjBweCIgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE4IDE4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOCAxOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIGZpbGw9IiM1MDUwNTAiIHBvaW50cz0iMTMuMjQzLDYuMTcyIDExLjgzMyw0Ljc3NiA5LjAwNCw3LjU5IDYuMTcyLDQuNzU3IDQuNzU3LDYuMTcyIDcuNTg2LDkgNC43NTcsMTEuODI5IDYuMTY3LDEzLjIyNSAKCTguOTk2LDEwLjQxMSAxMS44MjgsMTMuMjQzIDEzLjI0MywxMS44MjkgMTAuNDE0LDkgIi8+Cjwvc3ZnPg==");
  background-position: center center;
  margin: 0;
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}

.hint__close:hover {
  cursor: pointer;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iU2NobGllc3Nlbl9JY29uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCnk9IjBweCIgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE4IDE4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOCAxOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIGZpbGw9IiNlMjAwMWEiIHBvaW50cz0iMTMuMjQzLDYuMTcyIDExLjgzMyw0Ljc3NiA5LjAwNCw3LjU5IDYuMTcyLDQuNzU3IDQuNzU3LDYuMTcyIDcuNTg2LDkgNC43NTcsMTEuODI5IDYuMTY3LDEzLjIyNQoJOC45OTYsMTAuNDExIDExLjgyOCwxMy4yNDMgMTMuMjQzLDExLjgyOSAxMC40MTQsOSAiLz4KPC9zdmc+Cg==");
}

.hint__icon {
  height: 43px;
  width: 43px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB3aWR0aD0iNDNweCIgaGVpZ2h0PSI0M3B4IiB2aWV3Qm94PSItMjc2IDM5OS44OSA0MyA0MyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMjc2IDM5OS44OSA0MyA0MyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJUaXBwIj4KICA8cGF0aCBmaWxsPSIjODlCNjdDIiBkPSJNLTI2MC4wNTksNDAwLjYxN2MxMS40NjktMy4wNzMsMjMuMjU4LDMuNzM0LDI2LjMzMiwxNS4yMDNjMy4wNzMsMTEuNDctMy43MzQsMjMuMjU5LTE1LjIwMywyNi4zMzIKICAgIGMtMTEuNDcsMy4wNzMtMjMuMjU5LTMuNzMzLTI2LjMzMi0xNS4yMDNDLTI3OC4zMzUsNDE1LjQ4LTI3MS41MjksNDAzLjY5MS0yNjAuMDU5LDQwMC42MTd6Ii8+CiAgPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTS0yNjYuNTM5LDQyMC45OTRsMi4wNjktMC41NTRsLTAuNDQxLTEuNjQ4bC01Ljg4OSwxLjU3OGwwLjQ0MSwxLjY0OGwyLjA2OS0wLjU1NGwxLjkwMyw3LjEwMWwxLjc1LTAuNDY5CiAgICBMLTI2Ni41MzksNDIwLjk5NHoiLz4KICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNLTI2Mi45MzEsNDE4LjE4MWwyLjM0NCw4Ljc0OGwxLjc1LTAuNDY5bC0yLjM0NC04Ljc0OEwtMjYyLjkzMSw0MTguMTgxeiIvPgogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0tMjU2LjIzMSw0MTYuMzg2bC0yLjYyNiwwLjcwNGwyLjM0NCw4Ljc0OGwxLjc1LTAuNDY5bC0wLjc2Ni0yLjg1OGwwLjg3NS0wLjIzNQogICAgYzEuOTY5LTAuNTI4LDIuNDM0LTIuMDU5LDEuOTk3LTMuNjkyQy0yNTMuMDg2LDQxNi45ODEtMjU0LjI2Miw0MTUuODU5LTI1Ni4yMzEsNDE2LjM4NnogTS0yNTUuMTk2LDQyMC45NThsLTAuOTA1LDAuMjQzCiAgICBsLTAuODQ2LTMuMTU5bDAuOTA1LTAuMjQzYzEuMDgzLTAuMjksMS42MiwwLjM2NSwxLjg0MywxLjE5OUMtMjUzLjk3Niw0MTkuODMyLTI1NC4xMTMsNDIwLjY2OC0yNTUuMTk2LDQyMC45NTh6Ii8+CiAgPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTS0yNDMuNzkyLDQxMy4wNTNsMS45MjIsNS40MjNsMS40MjktMC4zODNsLTEuMDQ3LTUuNjU4TC0yNDMuNzkyLDQxMy4wNTN6IE0tMjQxLjc1Miw0MTkuODUxbDAuNTA4LDEuODk1CiAgICBsMS44OTYtMC41MDhsLTAuNTA4LTEuODk1TC0yNDEuNzUyLDQxOS44NTF6Ii8+CiAgPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTS0yNjYuNTM5LDQyMC45OTRsMi4wNjktMC41NTRsLTAuNDQxLTEuNjQ4bC01Ljg4OSwxLjU3OGwwLjQ0MSwxLjY0OGwyLjA2OS0wLjU1NGwxLjkwMyw3LjEwMWwxLjc1LTAuNDY5CiAgICBMLTI2Ni41MzksNDIwLjk5NHoiLz4KICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNLTI2Mi45MzEsNDE4LjE4MWwyLjM0NCw4Ljc0OGwxLjc1LTAuNDY5bC0yLjM0NC04Ljc0OEwtMjYyLjkzMSw0MTguMTgxeiIvPgogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0tMjU2LjIzMSw0MTYuMzg2bC0yLjYyNiwwLjcwNGwyLjM0NCw4Ljc0OGwxLjc1LTAuNDY5bC0wLjc2Ni0yLjg1OGwwLjg3NS0wLjIzNQogICAgYzEuOTY5LTAuNTI4LDIuNDM0LTIuMDU5LDEuOTk3LTMuNjkyQy0yNTMuMDg2LDQxNi45ODEtMjU0LjI2Miw0MTUuODU5LTI1Ni4yMzEsNDE2LjM4NnogTS0yNTUuMTk2LDQyMC45NThsLTAuOTA1LDAuMjQzCiAgICBsLTAuODQ2LTMuMTU5bDAuOTA1LTAuMjQzYzEuMDgzLTAuMjksMS42MiwwLjM2NSwxLjg0MywxLjE5OUMtMjUzLjk3Niw0MTkuODMyLTI1NC4xMTMsNDIwLjY2OC0yNTUuMTk2LDQyMC45NTh6Ii8+CiAgPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTS0yNDguNTA0LDQxNC4zMTZsLTIuNjI2LDAuNzA0bDIuMzQ0LDguNzQ4bDEuNzUtMC40NjlsLTAuNzY2LTIuODU4bDAuODc1LTAuMjM1CiAgICBjMS45NjktMC41MjgsMi40MzQtMi4wNTksMS45OTctMy42OTJDLTI0NS4zNTgsNDE0LjkxMS0yNDYuNTM1LDQxMy43ODgtMjQ4LjUwNCw0MTQuMzE2eiBNLTI0Ny40NjksNDE4Ljg4OGwtMC45MDUsMC4yNDMKICAgIGwtMC44NDYtMy4xNTlsMC45MDUtMC4yNDNjMS4wODMtMC4yOSwxLjYyLDAuMzY1LDEuODQzLDEuMTk5Qy0yNDYuMjQ4LDQxNy43NjItMjQ2LjM4Niw0MTguNTk4LTI0Ny40NjksNDE4Ljg4OHoiLz4KICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNLTI0OC41MDQsNDE0LjMxNmwtMi42MjYsMC43MDRsMi4zNDQsOC43NDhsMS43NS0wLjQ2OWwtMC43NjYtMi44NThsMC44NzUtMC4yMzUKICAgIGMxLjk2OS0wLjUyOCwyLjQzNC0yLjA1OSwxLjk5Ny0zLjY5MkMtMjQ1LjM1OCw0MTQuOTExLTI0Ni41MzUsNDEzLjc4OC0yNDguNTA0LDQxNC4zMTZ6IE0tMjQ3LjQ2OSw0MTguODg4bC0wLjkwNSwwLjI0MwogICAgbC0wLjg0Ni0zLjE1OWwwLjkwNS0wLjI0M2MxLjA4My0wLjI5LDEuNjIsMC4zNjUsMS44NDMsMS4xOTlDLTI0Ni4yNDgsNDE3Ljc2Mi0yNDYuMzg2LDQxOC41OTgtMjQ3LjQ2OSw0MTguODg4eiIvPgogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0tMjQzLjc5Miw0MTMuMDUzbDEuOTIyLDUuNDIzbDEuNDI5LTAuMzgzbC0xLjA0Ny01LjY1OEwtMjQzLjc5Miw0MTMuMDUzeiBNLTI0MS43NTIsNDE5Ljg1MWwwLjUwOCwxLjg5NQogICAgbDEuODk2LTAuNTA4bC0wLjUwOC0xLjg5NUwtMjQxLjc1Miw0MTkuODUxeiIvPgo8L2c+Cjwvc3ZnPgo=");
  background-position: center center;
  margin: 0;
  position: absolute;
}

[lang="fr"] .hint__icon {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI0M3B4IiBoZWlnaHQ9IjQzcHgiIHZpZXdCb3g9IjAgMCA0MyA0MyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDMgNDM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojODlCNjdDO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE1LjksMC43YzExLjUtMy4xLDIzLjMsMy43LDI2LjMsMTUuMmMzLjEsMTEuNS0zLjcsMjMuMy0xNS4yLDI2LjNDMTUuNiw0NS4zLDMuOCwzOC41LDAuNywyNy4xYzAsMCwwLDAsMCwwCglDLTIuMywxNS42LDQuNSwzLjgsMTUuOSwwLjd6Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik01LjksMjNsLTEuNiwwLjRMMy45LDIybDUtMS4ybDAuNCwxLjVsLTEuNiwwLjRsMS41LDYuMmwtMS44LDAuNEw1LjksMjN6Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNi4zLDI0LjNjMC40LDEuNSwwLjIsMi44LTEuOCwzLjNzLTIuOC0wLjUtMy4yLTJMMTAsMjAuNWwxLjgtMC41bDEuNCw1LjZjMC4xLDAuNCwwLjMsMC44LDAuNywwLjgKCWMwLjQsMCwwLjctMC4zLDAuOC0wLjdjMC0wLjIsMC0wLjMtMC4xLTAuNWwtMS40LTUuNmwxLjgtMC40TDE2LjMsMjQuM3oiLz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTTE4LjgsMjMuMkwxNS43LDE5bDItMC41bDEuNiwyLjZsMCwwbDAuMi0zbDEuOS0wLjVsLTAuOCw1LjFsMC44LDNsLTEuOCwwLjVMMTguOCwyMy4yeiIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjIuOCwxNy4ybDIuMi0wLjZsMy44LDcuMUwyNywyNC4zbC0wLjYtMS40bC0xLjgsMC41bDAuMSwxLjVsLTEuOSwwLjVMMjIuOCwxNy4yeiBNMjQuMywxOC40TDI0LjMsMTguNAoJbDAuMiwzLjVsMS4zLTAuM0wyNC4zLDE4LjR6Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zNC4yLDE5LjljMC40LDEuNSwwLjIsMi44LTEuOCwzLjNzLTIuOC0wLjUtMy4yLTJMMjcuOSwxNmwxLjgtMC40bDEuNCw1LjZjMC4xLDAuNCwwLjMsMC44LDAuNywwLjgKCXMwLjgtMC4zLDAuOC0wLjdjMC0wLjItMC4xLTAuMy0wLjEtMC41bC0xLjQtNS42bDEuOC0wLjRMMzQuMiwxOS45eiIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzQuOCwxNGwxLjctMC40bDAuNiwyLjVsMC41LDNsLTEuMywwLjNsLTEtMi45TDM0LjgsMTR6IE0zNi41LDIwLjVsMS43LTAuNGwwLjQsMS42bC0xLjcsMC40TDM2LjUsMjAuNXoiLz4KPC9zdmc+Cg==");
}

[lang="it"] .hint__icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MyIgaGVpZ2h0PSI0MyIgdmlld0JveD0iMCAwIDQzIDQzIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojODlCNjdDO30gLnN0MXtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE1LjkuN2MxMS41LTMuMSAyMy4zIDMuNyAyNi4zIDE1LjIgMy4xIDExLjUtMy43IDIzLjMtMTUuMiAyNi4zLTExLjQgMy4xLTIzLjItMy43LTI2LjMtMTUuMS0zLTExLjUgMy44LTIzLjMgMTUuMi0yNi40eiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMS43IDE2Yy0uMy0xLjEtLjUtMS42LTEuMS0xLjRzLS42LjktLjEgMi45Yy42IDIuMy44IDIuOCAxLjUgMi42cy42LS45LjMtMi4xbDEuOC0uNXYuM2MuNCAxLjYuMyAzLTIgMy41cy0yLjktMS4xLTMuNS0zLjRjLS41LTItLjktMy45IDEuNy00LjYgMS42LS40IDIuNi4xIDMuMSAxLjlsLjEuMy0xLjguNXpNMTguNiAxOS43Yy0yLjQuNi0zLjEtLjktMy43LTMuM3MtLjctNCAxLjctNC42YzIuNS0uNiAzLjEgMS4yIDMuNyAzLjNzLjggMy45LTEuNyA0LjZ6bS0uMy0xLjJjLjctLjIuNy0uOS4xLTNzLS44LTIuNy0xLjUtMi42LS42LjktLjEgMyAuOCAyLjggMS41IDIuNnpNMjAuOCAxMC45bDIuMS0uNSAyLjcgNC42LTEuMi01IDEuNi0uNCAxLjkgNy42LTIgLjUtMi45LTQuOCAxLjMgNS4yLTEuNi40LTEuOS03LjZ6TTI4LjYgMTIuMmwzLjItLjguNCAxLjQtMy4yLjgtLjQtMS40ek03LjggMzEuMWwuMS4zYy4xLjYuNCAxIDEgLjguNC0uMS43LS41LjYtMXYtLjJjLS40LTEuNi0zLjQuMS00LjEtMi44LS4zLTEuMi4xLTIuNCAxLjktMi45czIuNy4zIDMgMS41di4ybC0xLjcuNGMwLS4zLS4yLS41LS40LS44LS4yLS4yLS40LS4yLS42LS4xLS40LjEtLjYuNC0uNi44IDAgLjEgMCAuMS4xLjIuNCAxLjYgMy41IDAgNC4yIDIuNy40IDEuNy0uNCAyLjctMiAzLjEtMS4zLjMtMi42LjItMy0xLjRsLS4xLS41IDEuNi0uM3pNMTEgMjQuN2wxLjgtLjUgMS45IDcuNi0xLjguNS0xLjktNy42ek0xOCAyNS40Yy0uMS0uNS0uNC0xLjMtMS0xLjFzLS42IDEtLjEgMyAuOCAyLjcgMS41IDIuNS43LS44LjQtMS44bC0uMS0uMi0uOC4yLS4zLTEuMiAyLjUtLjYgMSA0LjEtMS4yLjMtLjItLjdjLS4xLjctLjcgMS4yLTEuNCAxLjMtMS45LjUtMi42LS45LTMuMi0zLjJzLS45LTQuMiAxLjctNC44YzEuMS0uNSAyLjQuMSAyLjggMS4ybC4yLjYtMS44LjR6TTIwLjUgMjIuM2wxLjgtLjUgMS41IDYuMiAyLjYtLjYuNCAxLjUtNC40IDEuMS0xLjktNy43ek0yNS45IDIxbDEuOC0uNSAxLjkgNy42LTEuOC41LTEuOS03LjZ6TTMzLjYgMjcuM2MtMi40LjYtMy4xLS45LTMuNy0zLjNzLS43LTQgMS43LTQuNmMyLjUtLjYgMy4xIDEuMiAzLjcgMy4zcy44IDQtMS43IDQuNnptLS4zLTEuMmMuNy0uMi43LS45LjEtM3MtLjgtMi43LTEuNS0yLjYtLjYuOS0uMSAzIC44IDIuOCAxLjUgMi42ek0zNS44IDE4LjJsMS43LS40LjYgMi41LjUgMy0xLjMuMy0xLTIuOS0uNS0yLjV6bTEuOCA2LjNsMS43LS40LjQgMS42LTEuNy41LS40LTEuN3oiLz48L3N2Zz4=");
}

.hint__text {
  padding-left: 55px;
}

.message {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  position: relative;
  background-color: #f5f5f5;
  border: 2px solid #797979;
  clear: both;
  color: #797979;
  margin-bottom: 24.11136px;
  padding: 12.05568px 12.05568px 12.05568px 12.05568px;
  width: 99.9%;
}

.message ul {
  margin-bottom: 0;
  margin-left: 22px;
}

.message.message__error {
  background-color: #fef2f3;
  border-color: #e3001a;
  color: #e3001a;
  padding-left: 49px;
}

.message.message__error:before {
  height: 21px;
  width: 24px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB3aWR0aD0iNjBweCIgaGVpZ2h0PSI1MnB4IiB2aWV3Qm94PSItMzM0IDIzMS45MSA2MCA1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMzM0IDIzMS45MSA2MCA1MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJBY2h0dW5nIj4KICA8cGF0aCBmaWxsPSIjZTMwMDFhIiBkPSJNLTMzMy44MzIsMjgyLjA2M2wyOC43Ni00OS41MzdjMC40NzctMC44MjEsMS42NjgtMC44MjEsMi4xNDUsMGwyOC43Niw0OS41MzcKICAgIGMwLjQ3NiwwLjgyMS0wLjEyLDEuODQ3LTEuMDczLDEuODQ3aC01Ny41MkMtMzMzLjcxMywyODMuOTEtMzM0LjMwOSwyODIuODg0LTMzMy44MzIsMjgyLjA2M3oiLz4KICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNLTMwOSwyNTAuOTFsMiwxN2g2bDItMTdILTMwOXogTS0zMDcsMjcxLjc0M3Y2LjM0Nmg2di02LjM0NkgtMzA3eiIvPgo8L2c+Cjwvc3ZnPgo=");
  background-position: center center;
  margin: 0;
}

.message.message__error.message__error___period-of-validity {
  clear: both;
  float: left;
  margin-top: 12.05568px;
  width: 100%;
}

.message.message__hint {
  background-color: #f2fafd;
  border-color: #51aed4;
  color: #51aed4;
}

.message.message__warning {
  background-color: #fdf8f4;
  border-color: #e9a267;
  color: #e9a267;
}

.message.message__warning.message__warning___period-of-validity {
  clear: both;
  float: left;
  margin-top: 12.05568px;
  width: 100%;
}

.message.message__ok {
  background-color: #f2faf4;
  border-color: #009521;
  color: #009521;
  padding-left: 49px;
}

.message.message__ok:before {
  height: 21px;
  width: 21px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCiAgIHZpZXdCb3g9IjAgMCAxOSAxOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTkgMTkiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iTGF5ZXJfMiI+CiAgPHJlY3QgZmlsbD0iIzA2OTU0NyIgd2lkdGg9IjE5IiBoZWlnaHQ9IjE5Ii8+CjwvZz4KPGcgaWQ9IkxheWVyXzEiPgogIDxnIGlkPSJIYWVja2NoZW4iPgogICAgPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTMuOCwxMWwxLjEtMS45TDguMSwxMWw0LjgtOC4xTDE0LjgsNGwtNS45LDkuOUwzLjgsMTF6Ii8+CiAgPC9nPgo8L2c+Cjwvc3ZnPgo=");
  background-position: center center;
  margin: 0;
}

.message.message__neutral {
  background-color: #f5f5f5;
  border-color: #797979;
  color: #3b3b3b;
}

.message.message___lightbox {
  margin-bottom: 24.11136px;
}

.message:before {
  position: absolute;
  top: 17px;
  left: 12px;
  background-size: 100% 100%;
}

.message .button__primary,
.message
  html .main .teaser__swisslotto .button__primary,
html .main .teaser__swisslotto .message .button__primary,
.message .button__secondary {
  height: auto;
  margin-top: 12.05568px;
  min-height: 35px;
}

.message__line {
  display: inline-block;
  padding: 6px 0;
}

.content_page:not(.lightbox___open) .message-container {
  margin: 24.11136px 0 0 0;
}

.content_page .content-page__wrapper___max-centered .message-container {
  margin-left: 0;
  margin-right: 0;
}

.lightbox___open .message-container {
  margin: 24.11136px 0 0;
}

.message-container:empty {
  display: none;
}

.message__list {
  margin-left: 18px;
  margin-top: 12.05568px;
}

.message__list.message__list___styled {
  list-style-type: disc;
}

.message__game {
  float: left;
  height: 40px;
  margin-bottom: 12px;
  margin-right: 19px;
  width: 70px;
}

/*------------------------------------*    #PILLS
\*------------------------------------*/

/**
 * Styles of a Pills
 */

.pill__logo___swiss-lotto:before {
  background-image: url("../images/logo/swiss_lotto_logo_bw.png");
}

.pill__logo___swiss-lotto:hover:before,
.pill__logo___swiss-lotto.pill___active:before {
  background-image: url("../images/logo/swiss_lotto_logo.png");
}

.msie .pill__logo___swiss-lotto:before {
  background-image: url("../images/logo/logo_small/msie_swiss_lotto_logo_bw.png");
}

.msie .pill__logo___swiss-lotto:hover:before,
.msie .pill__logo___swiss-lotto.pill___active:before {
  background-image: url("../images/logo/logo_small/msie_swiss_lotto_logo.png");
}

.pill__logo___swiss-lotto-joker:before {
  background-image: url("../images/grid_items/joker_logo_bw.png");
  background-size: 60%;
}

.pill__logo___swiss-lotto-joker:hover:before,
.pill__logo___swiss-lotto-joker.pill___active:before {
  background-image: url("../images/logo/joker_logo.png");
  background-size: 60%;
}

.msie .pill__logo___swiss-lotto-joker:before {
  background-image: url("../images/logo/logo_small/msie_joker_logo_bw.png");
  background-size: 60%;
}

.msie .pill__logo___swiss-lotto-joker:hover:before,
.msie .pill__logo___swiss-lotto-joker.pill___active:before {
  background-image: url("../images/logo/logo_small/msie_joker_logo.png");
  background-size: 60%;
}

.pill__logo___euro-millions:before {
  background-image: url("../images/logo/euro_millions_logo_bw.png");
}

.pill__logo___euro-millions:hover:before,
.pill__logo___euro-millions.pill___active:before {
  background-image: url("../images/logo/euro_millions_logo.png");
}

.msie .pill__logo___euro-millions:before {
  background-image: url("../images/logo/logo_small/msie_euro_millions_logo_bw.png");
}

.msie .pill__logo___euro-millions:hover:before,
.msie .pill__logo___euro-millions.pill___active:before {
  background-image: url("../images/logo/logo_small/msie_euro_millions_logo.png");
}

.pill__logo___jass:before {
  background-image: url("../images/logo/jass_logo_bw.png");
}

.pill__logo___jass:hover:before,
.pill__logo___jass.pill___active:before {
  background-image: url("../images/logo/jass_logo.png");
}

.msie .pill__logo___jass:before {
  background-image: url("../images/logo/logo_small/msie_jass_logo_bw.png");
}

.msie .pill__logo___jass:hover:before,
.msie .pill__logo___jass.pill___active:before {
  background-image: url("../images/logo/logo_small/msie_jass_logo.png");
}

.pill__logo___bingo:before {
  background-image: url("../images/logo/bingo_logo_bw.png");
}

.pill__logo___bingo:hover:before,
.pill__logo___bingo.pill___active:before {
  background-image: url("../images/logo/bingo_logo.png");
}

.msie .pill__logo___bingo:before {
  background-image: url("../images/logo/logo_small/msie_bingo_logo_bw.png");
}

.msie .pill__logo___bingo:hover:before,
.msie .pill__logo___bingo.pill___active:before {
  background-image: url("../images/logo/logo_small/msie_bingo_logo.png");
}

.pill__logo___clix:before {
  background-image: url("../images/logo/clix_logo_bw.png");
}

.pill__logo___clix:hover:before,
.pill__logo___clix.pill___active:before {
  background-image: url("../images/logo/clix_logo.png");
}

.msie .pill__logo___clix:before {
  background-image: url("../images/logo/logo_small/msie_clix_logo_bw.png");
}

.msie .pill__logo___clix:hover:before,
.msie .pill__logo___clix.pill___active:before {
  background-image: url("../images/logo/logo_small/msie_clix_logo.png");
}

.pill__logo___sport-tip:before {
  background-image: url("../images/logo/sporttip_logo_bw.png");
}

.pill__logo___sport-tip:hover:before,
.pill__logo___sport-tip.pill___active:before {
  background-image: url("../images/logo/sporttip_logo.png");
}

.msie .pill__logo___sport-tip:before {
  background-image: url("../images/logo/logo_small/msie_sporttip_logo_bw.png");
}

.msie .pill__logo___sport-tip:hover:before,
.msie .pill__logo___sport-tip.pill___active:before {
  background-image: url("../images/logo/logo_small/msie_sporttip_logo.png");
}

.pill__logo___toto-goal:before {
  background-image: url("../images/logo/toto_goal_logo_bw.png");
}

.pill__logo___toto-goal:hover:before,
.pill__logo___toto-goal.pill___active:before {
  background-image: url("../images/logo/toto_goal_logo.png");
}

.msie .pill__logo___toto-goal:before {
  background-image: url("../images/logo/logo_small/msie_toto_goal_logo_bw.png");
}

.msie .pill__logo___toto-goal:hover:before,
.msie .pill__logo___toto-goal.pill___active:before {
  background-image: url("../images/logo/logo_small/msie_toto_goal_logo.png");
}

.pill__logo___mini-games:before {
  background-image: url("../images/logo/mini_games_logo_bw.png");
}

.pill__logo___mini-games:hover:before,
.pill__logo___mini-games.pill___active:before {
  background-image: url("../images/logo/mini_games_logo.png");
}

.msie .pill__logo___mini-games:before {
  background-image: url("../images/logo/logo_small/msie_mini_games_logo_bw.png");
}

.msie .pill__logo___mini-games:hover:before,
.msie .pill__logo___mini-games.pill___active:before {
  background-image: url("../images/logo/logo_small/msie_mini_games_logo.png");
}

.pill__logo___second-chance:before {
  background-image: url("../images/logo/2nd-chance-logo_bw.png");
}

.pill__logo___second-chance:hover:before,
.pill__logo___second-chance.pill___active:before {
  background-image: url("../images/logo/2nd-chance-logo.png");
}

.all-games__active .pill__logo___swiss-lotto:before {
  background-image: url("../images/logo/swiss_lotto_logo.png");
}

.all-games__active .pill__logo___swiss-lotto-joker:before {
  background-image: url("../images/logo/joker_logo.png");
}

.all-games__active .pill__logo___euro-millions:before {
  background-image: url("../images/logo/euro_millions_logo.png");
}

.all-games__active .pill__logo___jass:before {
  background-image: url("../images/logo/jass_logo.png");
}

.all-games__active .pill__logo___bingo:before {
  background-image: url("../images/logo/bingo_logo.png");
}

.all-games__active .pill__logo___clix:before {
  background-image: url("../images/logo/clix_logo.png");
}

.all-games__active .pill__logo___sport-tip:before {
  background-image: url("../images/logo/sporttip_logo.png");
}

.all-games__active .pill__logo___second-chance:before {
  background-image: url("../images/logo/2nd-chance-logo_bw.png");
}

.all-games__active .pill__logo___second-chance:hover:before,
.all-games__active .pill__logo___second-chance.pill___active:before {
  background-image: url("../images/logo/2nd-chance-logo.png");
}

.all-games__active .pill__logo___toto-goal:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQcAAABfCAMAAADS3/K7AAAAwFBMVEUAAACWvQ2WvQ2WvQ2WvQ2WvQ2WvQ2WvQ2WvQ2WvQ2WvQ2WvQ2WvQ2WvQ2WvQ2WvQ1iYGL///8aFxvU1NTL3oY5QRh+fX9TUVR3lBH4+/Dx8fEoJimOsw6qyTo3NDiNi40iIRoxNhhYahSpqKpofxLi4uOwzkpwbnFFQ0bGxca91mh/nhC3t7ibmpvy9+HY5qSdwRxJVRajxSsqLBnl78NBSxfe6rPr89KHqA9gdBNQYBW30lnR4pXE2ndviRGWvQ3ZMeZMAAAAEHRSTlMAgL9AIO8QYN9wj89Qn68wwdHAxwAACR5JREFUeF7k1UEOhSAUQ1HaCv4Pokt6+9+ViQ4YMTHR6OMsoblJw+CkKQxpkwQgk4x2iFVhAEnSDIBksY7stHUtACpJ6/A5xCTpf7b+s2u+3fraad3vDltrPdoN3t46Oq073qG1Tnvcm668cb5Daq2Xnd1yx0EYBqIgBv8CwWnc0lLQQIFoEHr3vxVoGxrkjQhSyO5O7Wrk8TP+i9mmXLgH/77rGcsh//bbuli2U6dcCMM4ARO+rWKyiKlAOo634ALk4zkNXYACdlwSBSromGGgIVSfxRAAWBaRNFgWFIVl4aCF0tLgoYbU8rCHGiL7SFoWybIg1sqysFey2GgSfctDxjccTvX64lbvl1HHH3T8XI+Yj9DS0OMjT1attq1RHIru26yzszM7BLTY0II1ItCWttqxWu0M//9fbUkK54ZA1DyeT/ZyH/Dc3Ht6SHrPLDg/rBiwvq+qW1v6fD1GYFynfxgmFxTXR1iSvzmYh5/MjnSZ1FhyWZdq/Vq6kOmFrMS8+jDc+B3MHMfi76ofj4xHvgGPSXCRt6GM1y0xZoFvIjmlJ3ETiWTo4wox8zvYW8bCwTxMGRO+iaXktdQqlHMZHPkmUpme6Ol16KX6GDz5fty2nF9jYhkLhzfNA2OeySuSq5t1oplkGyOgUeZ5T5Osqo/BXt5OIfGPeLCNhYN5WKnymozBC5A94psoe9NzMhmTy6fhtb7sX9vFJQIz1XNYiBvH/fovVS9eGCt9EwHrbZNa/TLfBEcZumXbHWuwv1DK9nCh4eFI9Vld8q8e9qQYk5u72Sl+sa8LuJBVVQheG4svDuZhzVgPgZiR8uQY+4INiSpUI0y0Ooyr66sjiTA0xfjuZls/KwxDVcPrE7enO3mfNv48qZ5Vz0Gf7hyOsSzmYTMk/+AbcVQq7RdVwVhBSqjVgc/8WEiBFZEvCoVMrbUfZQVTWIZ1w9RLPzlyzsu0iXt1fLLtjsUvy1g4mIc5Y7w4ImlpFDU4YwlqktI2ScHjiFCm0yESEJBQqUbGmUIxYgpNYRPOACEJV4utnxesE9+qnmOtPl3ZTncdzMOOSYBG+69G6IES6nlCDNYKKfmiyah65iAABCo10KOJHJXGiwAhfZK8vftY/GP31LxjBEj7h0RAluChEGFmUSpUsOYWcQbQ7BgXUEsQBtQkcm2BFo5j8a/VU4N1jkU4QVhZG90TaPdKI9AiiNENnbDZDVJ6umOxdTzd/T7kqfV5hSjDU3Ab61bliIJ45F4ZTCDPQYU+iccerX3eprdLUjatiAl+dtivt5iHqcnaXHGIwdJk3ZWXRBsxTpY380s64XFPnFY28T2aHjFtgheOx1ifBuTh9ohzfDfg2eAO1hF4QFQNeSmJsJTQG44/pQMR+JCS1YgxIyUdl0wTi5njMdbXyoKdKf+Uu521AiwXGTGhfVmUkB5B+QrES5QnyNCaQdOK0K2941jYDvo3pvxr3DkkcFBUwZ2OWM1AIEXQISrxgaQo8sFI64CRb7xqPjmMBczDoJPKukJIuQtDDMK3iurIjzhSOM0eiHtsOYrV02AfqaspXcYC5sGCxx75F73y/7qoerqoxnRRPUoFH/R4fFqAUOieK9A678Y2Fo5n3PdW+S9ZaoiBVVQLMmLLYwApS0pFGHHcBS8XQ2Mxcduv/15ZcE5YJ3haj/wPeuqiV1RhHmRKRNcXH2hcIhqlprmir5r2HZgz18PdlUX+4anB2iaqmeYreYSxznTZwwc97seYB3gVYwfG8RjLdrg7tcs/Yc0N1jZPHcv7BkgJKJVCi+MuXvMQHqCC3R2YK9tYuB7urinrj/XUHnUMMV1ffOjEW8sQ657rzTswZ47moRq/yVODtV1U6YilmklI6PpiXGgczwgiVNB81fxlGwvHw90Xu/xbWNs9tdfx1BHH+vZ7be1dl1bwPTsw/7mahx1lbd9SMVmjQeCpca+cjrWg65vbPTUrqLcyd2Ac9+s/v9dTY/eJsOaDnjqjooru4ZAUCo/uMITUR4B8RrzVu3ZgPjmYh0FPzUIsaoKLQxsV6KeUloQV4EuQUqlJMS6Ctn+key5dK7aOp7vf3uapYV0R4UFzMUoHPTVDP2likigFAbC+4JWhmJjLAmIUwMBhB8ZtLD69y1OvQIxCMMNT29ILlYkNSN0HtbKXcdwW4SAMNG8VatL05DYWZ+/z1Du0PkHGBjz1obcOoqGWS0JpGadQQBAGCtDVEeMCdmCcxuKP93nqOeyDWQZDVMe3sA+AID4jDsOYTH6GkSJYRqALwKvwN+7AfHU0D6an3k2Z3GOmiJqhWBmierht1xjpJxXkV4h1vpFLQzP0OnCUDU4FOzAu+/W/v89Tzytl52gzND39aG5UTKeyX0l6lDQkdtf1R/LuhNaJlnTN865jLUV3N0i05bpwPMb6bPfULGnAZZ9v1PkWL0PFyivbtRm/MJa26apB6sk6Ih0pLrEn2vTVpprVKx8UKWlznBwXAWO8EKOYlrzgrChjP0sUcLCeYAfG6RjrT7un7mJdO4oGAdNwe26k/5RK25s+nlbVniqBajMHXF2pnhKv7cB8djUPO4PYi7QUFOiGamUE7+VxOaCXodrqhrKIwMvAduYP4PmGBB5sY+H4s/KNQWAlxbOP2WpaTY3gjzr9lgG4sjleuYQ+HsEb53ENXsDF5NIfwKLaI+A4Fmd2T93FoRooxGEjRbWDubqNkT4+lxfuYAtZmkT4sd9NtyO2NT2UR7+GS/ZXzc+u5sEcgOmpUUCZ/BrUrM5GpU9/dKqg4pP6yyMRRVEmWYxpX8ifu9BKzE6LvLhADNjjkv1V83dH81Cdd/ETfvu84bZazzenUBdz+JBDU9PH9Uvvzz5Rhv/buXseBkEgAMNUodrW2sSE5AZNWoYuTNawOHj//19VWDAxkQ5NbuCekTD6FeEFAwQz6pUzy+bJZ43zQ7DVYwCjfh7/gZF/b7Hi0ueAPxvW6Z+DbZ/BZEkixRrp2G7P9SSRYoOE5v07AYgixTsSAqOnLnrNlqrdPSM5AOMtQNnuVpgRyQGz13KTFlSpnWEcKdZ8W3gPzEiZaPMyUXCy6imZXN3lor3EgE9HUhldDdy0q0Z4uZ/10EoRZftFWZQi5QsZB6wmNAi9eAAAAABJRU5ErkJggg==");
}

.all-games__active .pill__logo___mini-games:before {
  background-image: url("../images/logo/mini_games_logo.png");
}

.msie .all-games__active .pill__logo___swiss-lotto:before {
  background-image: url("../images/logo/logo_small/msie_swiss_lotto_logo.png");
}

.msie .all-games__active .pill__logo___swiss-lotto-joker:before {
  background-image: url("../images/logo/logo_small/msie_joker_logo.png");
}

.msie .all-games__active .pill__logo___euro-millions:before {
  background-image: url("../images/logo/logo_small/msie_euro_millions_logo.png");
}

.msie .all-games__active .pill__logo___jass:before {
  background-image: url("../images/logo/logo_small/msie_jass_logo.png");
}

.msie .all-games__active .pill__logo___bingo:before {
  background-image: url("../images/logo/logo_small/msie_bingo_logo.png");
}

.msie .all-games__active .pill__logo___clix:before {
  background-image: url("../images/logo/logo_small/msie_clix_logo.png");
}

.msie .all-games__active .pill__logo___sport-tip:before {
  background-image: url("../images/logo/logo_small/msie_sporttip_logo.png");
}

.msie .all-games__active .pill__logo___toto-goal:before {
  background-image: url("../images/logo/logo_small/msie_toto_goal_logo.png");
}

.msie .all-games__active .pill__logo___mini-games:before {
  background-image: url("../images/logo/logo_small/msie_mini_games_logo.png");
}

@media screen and (max-width: 1248px) {
  /*
  * TOUCH DEVICES EXCLUDING TOUCH LAPTOPS OR DESKTOPS
  */

  .touch .pill__logo___swiss-lotto:hover:before {
    background-image: url("../images/logo/swiss_lotto_logo_bw.png");
  }

  .touch .pill__logo___swiss-lotto:hover.pill___active:before {
    background-image: url("../images/logo/swiss_lotto_logo.png");
  }

  .msie .touch .pill__logo___swiss-lotto:hover:before {
    background-image: url("../images/logo/logo_small/msie_swiss_lotto_logo_bw.png");
  }

  .msie .touch .pill__logo___swiss-lotto:hover.pill___active:before {
    background-image: url("../images/logo/logo_small/msie_swiss_lotto_logo.png");
  }

  .touch .pill__logo___swiss-lotto-joker:hover:before {
    background-image: url("../images/grid_items/joker_logo_bw.png");
    background-size: 60%;
  }

  .touch .pill__logo___swiss-lotto-joker:hover.pill___active.before {
    background-image: url("../images/logo/joker_logo.png");
  }

  .msie .touch .pill__logo___swiss-lotto-joker:hover:before {
    background-image: url("../images/logo/logo_small/msie_joker_logo_bw.png");
    background-size: 60%;
  }

  .msie .touch .pill__logo___swiss-lotto-joker:hover.pill___active:before {
    background-image: url("../images/logo/logo_small/msie_joker_logo.png");
  }

  .touch .pill__logo___euro-millions:hover:before {
    background-image: url("../images/logo/euro_millions_logo_bw.png");
  }

  .touch .pill__logo___euro-millions:hover.pill___active:before {
    background-image: url("../images/logo/euro_millions_logo.png");
  }

  .msie .touch .pill__logo___euro-millions:hover:before {
    background-image: url("../images/logo/logo_small/msie_euro_millions_logo_bw.png");
  }

  .msie .touch .pill__logo___euro-millions:hover.pill___active:before {
    background-image: url("../images/logo/logo_small/msie_euro_millions_logo.png");
  }

  .touch .pill__logo___jass:hover:before {
    background-image: url("../images/logo/jass_logo_bw.png");
  }

  .touch .pill__logo___jass:hover.pill___active:before {
    background-image: url("../images/logo/jass_logo.png");
  }

  .msie .touch .pill__logo___jass:hover:before {
    background-image: url("../images/logo/logo_small/msie_jass_logo_bw.png");
  }

  .msie .touch .pill__logo___jass:hover.pill___active:before {
    background-image: url("../images/logo/logo_small/msie_jass_logo.png");
  }

  .touch .pill__logo___bingo:hover:before {
    background-image: url("../images/logo/bingo_logo_bw.png");
  }

  .touch .pill__logo___bingo:hover.pill___active:before {
    background-image: url("../images/logo/bingo_logo.png");
  }

  .msie .touch .pill__logo___bingo:hover:before {
    background-image: url("../images/logo/logo_small/msie_bingo_logo_bw.png");
  }

  .msie .touch .pill__logo___bingo:hover.pill___active:before {
    background-image: url("../images/logo/logo_small/msie_bingo_logo.png");
  }

  .touch .pill__logo___clix:hover:before {
    background-image: url("../images/logo/clix_logo_bw.png");
  }

  .touch .pill__logo___clix:hover.pill___active:before {
    background-image: url("../images/logo/clix_logo.png");
  }

  .msie .touch .pill__logo___clix:hover:before {
    background-image: url("../images/logo/logo_small/msie_clix_logo_bw.png");
  }

  .msie .touch .pill__logo___clix:hover.pill___active:hover {
    background-image: url("../images/logo/logo_small/msie_clix_logo.png");
  }

  .touch .pill__logo___sport-tip:hover:before {
    background-image: url("../images/logo/sporttip_logo_bw.png");
  }

  .touch .pill__logo___sport-tip:hover.pill___active:before {
    background-image: url("../images/logo/sporttip_logo.png");
  }

  .msie .touch .pill__logo___sport-tip:hover:before {
    background-image: url("../images/logo/logo_small/msie_sporttip_logo_bw.png");
  }

  .msie .touch .pill__logo___sport-tip:hover.pill___active:before {
    background-image: url("../images/logo/logo_small/msie_sporttip_logo.png");
  }

  .touch .pill__logo___toto-goal:hover:before {
    background-image: url("../images/logo/toto_goal_logo_bw.png");
  }

  .touch .pill__logo___toto-goal:hover.pill___active:before {
    background-image: url("../images/logo/toto_goal_logo.png");
  }

  .msie .touch .pill__logo___toto-goal:hover:before {
    background-image: url("../images/logo/logo_small/msie_toto_goal_logo_bw.png");
  }

  .msie .touch .pill__logo___toto-goal:hover.pill___active:before {
    background-image: url("../images/logo/logo_small/msie_toto_goal_logo.png");
  }

  .touch .pill__logo___mini-games:hover:before {
    background-image: url("../images/logo/mini_games_logo_bw.png");
  }

  .touch .pill__logo___mini-games:hover.pill___active:before {
    background-image: url("../images/logo/mini_games_logo.png");
  }

  .msie .touch .pill__logo___mini-games:hover:before {
    background-image: url("../images/logo/logo_small/msie_mini_games_logo_bw.png");
  }

  .msie .touch .pill__logo___mini-games:hover.pill___active:before {
    background-image: url("../images/logo/logo_small/msie_mini_games_logo.png");
  }
}

/*------------------------------------*    #POPOVER
\*------------------------------------*/

/**
 * Styles of a Popover
 */

/**
 * TABLET VIEW
 */

/**
 * ALL PHONE VIEW
 */

/**
 * PHONE LANDSCAPE VIEW
 */

/**
 * PHONE PORTRAIT VIEW
 */

/*------------------------------------*    #REFINEMENTS
\*------------------------------------*/

/**
 * Styles of a Refinements
 */

.account_and_prizes {
  position: relative;
}

.refinements {
  zoom: 1;
  /**
   * PILL
   */
  /**
   * styling of pills with logo (and for pill with text with logo-pills beside)
   */
  /**
   * styling of different paragraphs
   */
  /**
   * TABLET VIEW
   */
  /**
   * ALL PHONE VIEW
   */
  /**
   * PHONE LANDSCAPE VIEW
   */
  /**
   * PHONE PORTRAIT VIEW
   */
  position: relative;
  margin-bottom: 2.6315789474%;
}

.refinements:before,
.refinements:after {
  content: " ";
  display: table;
}

.refinements:after {
  clear: both;
}

.refinements .pills {
  display: table;
  list-style: none;
  margin: 0;
  text-align: center;
  width: 100%;
}

.refinements .pills .pill:first-child {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.refinements .pills .pill:last-child {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.refinements .pills-refresh li:first-child:nth-last-child(1) {
  width: 100%;
}

.refinements .pills-refresh li:first-child:nth-last-child(1):last-child {
  margin-right: 0;
}

.refinements .pills-refresh li:first-child:nth-last-child(2),
.refinements .pills-refresh li:first-child:nth-last-child(2) ~ li {
  width: 50%;
}

.refinements .pills-refresh li:first-child:nth-last-child(2):last-child,
.refinements .pills-refresh li:first-child:nth-last-child(2) ~ li:last-child {
  margin-right: 0;
}

.refinements .pills-refresh li:first-child:nth-last-child(3),
.refinements .pills-refresh li:first-child:nth-last-child(3) ~ li {
  margin-right: 1%;
  width: 32.66666666%;
}

.refinements .pills-refresh li:first-child:nth-last-child(3):last-child,
.refinements .pills-refresh li:first-child:nth-last-child(3) ~ li:last-child {
  margin-right: 0;
}

.refinements .pills-refresh li:first-child:nth-last-child(4),
.refinements .pills-refresh li:first-child:nth-last-child(4) ~ li {
  width: 25%;
}

.refinements .pills-refresh li:first-child:nth-last-child(4):last-child,
.refinements .pills-refresh li:first-child:nth-last-child(4) ~ li:last-child {
  margin-right: 0;
}

.refinements .pills-container {
  clear: both;
  margin-bottom: 9.04176px;
}

.refinements .pills__detail {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  position: relative;
  background-color: #ebecec;
  height: auto;
  margin-top: 9.04176px;
  max-height: 0;
  overflow-y: hidden;
}

.refinements .pills__detail .pills__detail___animation {
  height: 100%;
  padding: 12.05568px;
  width: 100%;
}

.refinements .pills__detail .pill {
  background-color: #cacaca;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #cfcfcf 0%, #cacaca 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cfcfcf), color-stop(100%, #cacaca));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #cfcfcf 0%, #cacaca 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #cfcfcf 0%, #cacaca 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #cfcfcf 0%, #cacaca 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #cfcfcf 0%, #cacaca 100%);
  /* W3C */
  border: 1px solid #cacaca;
}

.refinements .pills__detail .pill___active {
  background: #00509d;
  border-color: #00509d;
}

.refinements .pills__detail.pills__detail___shown,
.refinements .pills__detail.pills__detail___shown-always {
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  transition: all 500ms;
  height: 100%;
  max-height: 500px;
}

.refinements .pill {
  background-color: #cbcbcb;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #cecece 0%, #cbcbcb 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cecece), color-stop(100%, #cbcbcb));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #cecece 0%, #cbcbcb 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #cecece 0%, #cbcbcb 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #cecece 0%, #cbcbcb 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #cecece 0%, #cbcbcb 100%);
  /* W3C */
  border: 1px solid #d1d1d1;
  color: #404040;
  cursor: pointer;
  display: table-cell;
  font-family: "helvetica-bold";
  height: 40px;
  letter-spacing: -0.015em;
  line-height: 1;
  min-width: 2em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  vertical-align: middle;
}

.refinements .pill.start {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.refinements .pill.end {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.refinements .pill:hover:not(.pill___active):not(.pill__logo) {
  background-color: #c4c4c4;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #c9c9c9 0%, #c4c4c4 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9c9c9), color-stop(100%, #c4c4c4));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #c9c9c9 0%, #c4c4c4 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #c9c9c9 0%, #c4c4c4 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #c9c9c9 0%, #c4c4c4 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #c9c9c9 0%, #c4c4c4 100%);
  /* W3C */
  border-color: #c4c4c4;
}

.refinements .pill .pill__regular {
  font-family: "helvetica-medium";
}

.refinements .pill a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
}

.refinements .pill__icon {
  position: relative;
  padding: 0 12.05568px 0 37.11136px;
}

.refinements .pill__icon:before {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 19px;
  left: 12.05568px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  height: 13px;
  width: 13px;
}

.refinements .pill__icon___tiles:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9Ii0yMyAyNCAxMyAxMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMjMgMjQgMTMgMTMiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iS2FjaGVsX2FuemVpZ2VuIj4KCTxwYXRoIGZpbGw9IiM1MjUyNTIiIGQ9Ik0tMjMsMjRoM3YzaC0zVjI0eiBNLTE4LDI0aDN2M2gtM1YyNHogTS0xMywyNGgzdjNoLTNWMjR6IE0tMjMsMjloM3YzaC0zVjI5eiBNLTE4LDI5aDN2M2gtM1YyOXogTS0xMywyOQoJCWgzdjNoLTNWMjl6IE0tMjMsMzRoM3YzaC0zVjM0eiBNLTE4LDM0aDN2M2gtM1YzNHogTS0xMywzNGgzdjNoLTNWMzR6Ii8+CjwvZz4KPC9zdmc+Cg==");
}

.refinements .pill__icon___tiles:hover:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9Ii0yMyAyNCAxMyAxMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMjMgMjQgMTMgMTMiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iS2FjaGVsX2FuemVpZ2VuIj4KCTxwYXRoIGZpbGw9IiM0MDQwNDAiIGQ9Ik0tMjMsMjRoM3YzaC0zVjI0eiBNLTE4LDI0aDN2M2gtM1YyNHogTS0xMywyNGgzdjNoLTNWMjR6IE0tMjMsMjloM3YzaC0zVjI5eiBNLTE4LDI5aDN2M2gtM1YyOXogTS0xMywyOQoJCWgzdjNoLTNWMjl6IE0tMjMsMzRoM3YzaC0zVjM0eiBNLTE4LDM0aDN2M2gtM1YzNHogTS0xMywzNGgzdjNoLTNWMzR6Ii8+CjwvZz4KPC9zdmc+Cg==");
}

.refinements .pill__icon___tiles.pill___active:before,
.refinements .pill__icon___tiles.pill___active:hover:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9Ii0yMyAyNCAxMyAxMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMjMgMjQgMTMgMTMiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iS2FjaGVsX2FuemVpZ2VuIj4KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0tMjMsMjRoM3YzaC0zVjI0eiBNLTE4LDI0aDN2M2gtM1YyNHogTS0xMywyNGgzdjNoLTNWMjR6IE0tMjMsMjloM3YzaC0zVjI5eiBNLTE4LDI5aDN2M2gtM1YyOXogTS0xMywyOQoJCWgzdjNoLTNWMjl6IE0tMjMsMzRoM3YzaC0zVjM0eiBNLTE4LDM0aDN2M2gtM1YzNHogTS0xMywzNGgzdjNoLTNWMzR6Ii8+CjwvZz4KPC9zdmc+Cg==");
}

.refinements .pill__icon___list:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9Ii0yMyAyNCAxMyAxMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMjMgMjQgMTMgMTMiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iTGlzdGVfYW56ZWlnZW4iPgoJPHBhdGggZmlsbD0iIzUyNTI1MiIgZD0iTS0yMywyNGgzdjNoLTNWMjR6IE0tMTgsMjRoOHYzaC04VjI0eiBNLTIzLDI5aDN2M2gtM1YyOXogTS0xOCwyOWg4djNoLThWMjl6IE0tMjMsMzRoM3YzaC0zVjM0eiBNLTE4LDM0CgkJaDh2M2gtOFYzNHoiLz4KPC9nPgo8L3N2Zz4K");
}

.refinements .pill__icon___list:hover:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9Ii0yMyAyNCAxMyAxMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMjMgMjQgMTMgMTMiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iTGlzdGVfYW56ZWlnZW4iPgoJPHBhdGggZmlsbD0iIzQwNDA0MCIgZD0iTS0yMywyNGgzdjNoLTNWMjR6IE0tMTgsMjRoOHYzaC04VjI0eiBNLTIzLDI5aDN2M2gtM1YyOXogTS0xOCwyOWg4djNoLThWMjl6IE0tMjMsMzRoM3YzaC0zVjM0eiBNLTE4LDM0CgkJaDh2M2gtOFYzNHoiLz4KPC9nPgo8L3N2Zz4K");
}

.refinements .pill__icon___list.pill___active:before,
.refinements .pill__icon___list.pill___active:hover:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9Ii0yMyAyNCAxMyAxMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMjMgMjQgMTMgMTMiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iTGlzdGVfYW56ZWlnZW4iPgoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTS0yMywyNGgzdjNoLTNWMjR6IE0tMTgsMjRoOHYzaC04VjI0eiBNLTIzLDI5aDN2M2gtM1YyOXogTS0xOCwyOWg4djNoLThWMjl6IE0tMjMsMzRoM3YzaC0zVjM0eiBNLTE4LDM0CgkJaDh2M2gtOFYzNHoiLz4KPC9nPgo8L3N2Zz4K");
}

.refinements .pill-refresh {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #e2e2e2;
  float: left;
  padding: 6.02784px;
}

.refinements .pill-refresh .pill {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  float: left;
  line-height: 40px;
  padding: 0 1px;
  width: 70%;
}

.refinements .pill-refresh .pill___active:not(.pill__logo) {
  background: #00509d;
}

.refinements .pill-refresh .pill-icon {
  position: relative;
  float: left;
  height: 40px;
  width: 30%;
}

.refinements .pill-refresh .pill-icon a {
  height: 100%;
  width: 100%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMTQuOTk5cHgiIGhlaWdodD0iMTIuOTk5cHgiIHZpZXdCb3g9Ii0yOTAgNDE0Ljg5MSAxNC45OTkgMTIuOTk5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0yOTAgNDE0Ljg5MSAxNC45OTkgMTIuOTk5IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iSWNvbl9SZWxvYWQiPgoJPHBhdGggZmlsbD0iIzU0NTQ1NCIgZD0iTS0yODUuMTMxLDQxNS44NjhjLTEuOTIyLDEuMTY4LTMuMDIzLDMuMTM3LTMuMTMsNS4xOTRILTI5MGwyLjc4OSwyLjc0NmwyLjgwMy0yLjc0NmgtMS43MjMKCQljMC4xMDItMS4zNjIsMC44NDUtMi42NSwyLjEyMS0zLjQyNWMyLjExNi0xLjI4Niw0Ljg5NS0wLjY0Nyw2LjIwNywxLjQyNmMxLjMxMiwyLjA3MywwLjY2MSw0Ljc5NS0xLjQ1NSw2LjA4MQoJCWMtMS45MzYsMS4xNzYtNC40MjgsMC43NDEtNS44NDItMC45M2wtMS40OTQsMS40OTFjMi4xMDMsMi4zMjYsNS42NywyLjksOC40NTcsMS4yMDhjMy4xMTMtMS44OTEsNC4wNzItNS44OTgsMi4xNDItOC45NDgKCQlDLTI3Ny45MjgsNDE0LjkxNi0yODIuMDE3LDQxMy45NzYtMjg1LjEzMSw0MTUuODY4eiIvPgo8L2c+Cjwvc3ZnPgo=");
  background-position: center center;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-size: 14px 12px;
  display: inline-block;
  overflow: visible;
}

.refinements .pill-refresh .pill-icon a:hover {
  cursor: pointer;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMTQuOTk5cHgiIGhlaWdodD0iMTIuOTk5cHgiIHZpZXdCb3g9Ii0yOTAgNDE0Ljg5MSAxNC45OTkgMTIuOTk5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0yOTAgNDE0Ljg5MSAxNC45OTkgMTIuOTk5IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iSWNvbl9SZWFsb2FkX0hvdmVyIj4KCTxwYXRoIGZpbGw9IiM0MDQwNDAiIGQ9Ik0tMjg1LjEzMSw0MTUuODY4Yy0xLjkyMiwxLjE2OC0zLjAyMywzLjEzNy0zLjEzLDUuMTk0SC0yOTBsMi43ODksMi43NDZsMi44MDMtMi43NDZoLTEuNzIzCgkJYzAuMTAyLTEuMzYyLDAuODQ1LTIuNjUsMi4xMjEtMy40MjVjMi4xMTYtMS4yODYsNC44OTUtMC42NDcsNi4yMDcsMS40MjZjMS4zMTIsMi4wNzMsMC42NjEsNC43OTUtMS40NTUsNi4wODEKCQljLTEuOTM2LDEuMTc2LTQuNDI4LDAuNzQxLTUuODQyLTAuOTNsLTEuNDk0LDEuNDkxYzIuMTAzLDIuMzI2LDUuNjcsMi45LDguNDU3LDEuMjA4YzMuMTEzLTEuODkxLDQuMDcyLTUuODk4LDIuMTQyLTguOTQ4CgkJQy0yNzcuOTI4LDQxNC45MTYtMjgyLjAxNyw0MTMuOTc2LTI4NS4xMzEsNDE1Ljg2OHoiLz4KPC9nPgo8L3N2Zz4K");
}

.refinements .pill__preferences {
  color: #717171;
  max-width: 56px;
  min-width: 56px;
  width: 56px;
}

.refinements .pill__jackpot {
  min-width: 56px;
}

.refinements .pill__jackpot:first-child {
  max-width: 68px;
  min-width: 68px;
  width: 68px;
}

.refinements .pill___active:not(.pill__logo) {
  background: #00509d;
  border-color: #00509d;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.refinements .pill___active:not(.pill__logo).pill___detail {
  position: relative;
}

.refinements .pill___active:not(.pill__logo).pill___detail:after {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  bottom: -10.04176px;
  left: 50%;
  border-bottom: 7px solid #ebecec;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  height: 0;
  width: 0;
}

.refinements .pill___info {
  background: #ffffff;
  border: 0;
  border-radius: 0;
  cursor: default;
  display: table-cell;
  min-width: 40px;
  vertical-align: middle;
}

.refinements .pill___million {
  min-width: 2.2em;
}

.refinements .pill___million:after {
  font-size: 11px;
  font-size: 0.7333333333rem;
  line-height: 1.345;
  content: "Mio.";
  display: block;
  font-weight: normal;
  padding-left: 1px;
}

.refinements .pill__text {
  min-width: 70px;
  padding-left: 12px;
  padding-right: 12px;
}

.refinements .pill__logo {
  position: relative;
  min-width: 70px;
}

.refinements .pill__logo:before {
  position: absolute;
  top: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 85%;
  content: "";
  height: 100%;
  width: 100%;
}

.refinements .pill___disabled {
  opacity: 0.5;
}

.refinements .pill___disabled:hover:not(.pill___active):not(.pill__logo) {
  background-color: #cbcbcb;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #cecece 0%, #cbcbcb 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cecece), color-stop(100%, #cbcbcb));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #cecece 0%, #cbcbcb 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #cecece 0%, #cbcbcb 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #cecece 0%, #cbcbcb 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #cecece 0%, #cbcbcb 100%);
  /* W3C */
  border: 1px solid #d1d1d1;
}

.refinements .pills-container___statistics,
.refinements .pills-container___game-filter {
  clear: none;
  float: left;
  margin-bottom: 0;
}

.refinements .pills-container___statistics .pills,
.refinements .pills-container___game-filter .pills {
  width: auto;
}

.refinements .pills-container___statistics .pill,
.refinements .pills-container___game-filter .pill {
  float: left;
  padding: 12.05568px;
}

.refinements .pills-text__info-title {
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1.388;
  letter-spacing: -0.0015em;
  font-family: "tarzana-bold";
  margin-bottom: 12.05568px;
}

.refinements .pills-text__info {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.333;
  letter-spacing: 0;
  margin-bottom: 9.04176px;
}

.refinements .pills-text__info + .pills-text__info-title {
  font-size: 15px;
  font-size: 1rem;
  line-height: 1.067;
  margin-bottom: 15.0696px;
}

@media screen and (max-width: 1200px) and (min-width: 1021px) {
  .refinements .pill-refresh .pill {
    font-size: 13px;
    font-size: 0.8666666667rem;
    line-height: 3.0769230769;
  }
}

@media screen and (min-width: 768px) and (max-width: 1020.9px) {
  .refinements .pill-refresh .pill {
    font-size: 13px;
    font-size: 0.8666666667rem;
    line-height: 3.0769230769;
  }
}

@media screen and (max-width: 767.9px) {
  .refinements .pill-refresh {
    padding-right: 0;
  }
}

@media screen and (min-width: 0) and (max-width: 479.9px) {
  .refinements .pills__detail .pills__detail___animation {
    padding: 6.02784px;
  }

  .refinements .pill-refresh .pill {
    font-size: 13px;
    font-size: 0.8666666667rem;
    line-height: 3.0769230769;
  }
}

.refinements .refinements__detail___filter .pills-container {
  overflow-y: hidden;
}

.refinements .pills {
  background-color: #cecece;
  border-radius: 3px;
}

.refinements .pill {
  border: 1px solid #bdbdbd;
  border-left: none;
  float: left;
}

.refinements .pill___active:not(.pill__logo) {
  background-color: #089cd8;
  border-color: #089cd8;
}

.refinements__detail___shown .refinements__detail___active {
  max-height: 800px;
}

.swiss_lotto .my-account__filter-form .pills-container,
.euromillions .my-account__filter-form .pills-container {
  clear: none;
}

.my-account__filter-form .pills-container {
  clear: none;
}

.refinements__links {
  zoom: 1;
  position: absolute;
  top: -76px;
  right: 0;
  float: right;
  list-style: none;
  margin: 0;
}

.refinements__links:before,
.refinements__links:after {
  content: " ";
  display: table;
}

.refinements__links:after {
  clear: both;
}

.refinements__links li:first-child.refinements__link-item___active + .refinements__link-item {
  border-left-color: #089cd8;
}

.refinements__links li:nth-child(n+2) {
  margin-left: -2px;
}

.refinements__link-item {
  border: 2px solid #dddddd;
  float: left;
}

.refinements__link-item:hover > a {
  color: #525252;
}

.refinements__link-item:hover > a.refinements__link___search:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCQk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzQwNDA0MCIgZD0iTTE2LDEzLjhsLTMuOS0zLjljMC42LTEsMC45LTIuMSwwLjktMy40QzEzLDIuOSwxMC4xLDAsNi41LDAKCQkJUzAsMi45LDAsNi41QzAsMTAuMSwyLjksMTMsNi41LDEzYzEuMiwwLDIuNC0wLjMsMy40LTAuOWwzLjksMy45TDE2LDEzLjh6IE0zLDYuNUMzLDQuNiw0LjYsMyw2LjUsM1MxMCw0LjYsMTAsNi41CgkJCUMxMCw4LjQsOC40LDEwLDYuNSwxMFMzLDguNCwzLDYuNXoiLz4KPC9nPgo8L3N2Zz4K");
}

.refinements__link-item:hover > a.refinements__link___filter:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzQwNDA0MCIgZD0iTTAsMGgxNmwtNiw3bC0xLDdsLTIsMkw2LDdMMCwweiIvPgo8L3N2Zz4K");
}

.refinements__link {
  position: relative;
  color: #525252;
  display: block;
  padding: 12.05568px 12.05568px 12.05568px 42.11136px;
}

.refinements__link:before {
  position: absolute;
  left: 12.05568px;
  background-repeat: no-repeat;
  content: "";
  height: 18px;
  width: 18px;
}

.refinements__isotope {
  zoom: 1;
}

.refinements__isotope:before,
.refinements__isotope:after {
  content: " ";
  display: table;
}

.refinements__isotope:after {
  clear: both;
}

.refinements__link___search:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCQk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzUyNTI1MiIgZD0iTTE2LDEzLjhsLTMuOS0zLjljMC42LTEsMC45LTIuMSwwLjktMy40QzEzLDIuOSwxMC4xLDAsNi41LDAKCQkJUzAsMi45LDAsNi41QzAsMTAuMSwyLjksMTMsNi41LDEzYzEuMiwwLDIuNC0wLjMsMy40LTAuOWwzLjksMy45TDE2LDEzLjh6IE0zLDYuNUMzLDQuNiw0LjYsMyw2LjUsM1MxMCw0LjYsMTAsNi41CgkJCUMxMCw4LjQsOC40LDEwLDYuNSwxMFMzLDguNCwzLDYuNXoiLz4KPC9nPgo8L3N2Zz4K");
}

.refinements__link___filter:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzUyNTI1MiIgZD0iTTAsMGgxNmwtNiw3bC0xLDdsLTIsMkw2LDdMMCwweiIvPgo8L3N2Zz4K");
}

.refinements__link-item___active,
.refinements__link-item___active:hover {
  border: 2px solid #089cd8;
}

.refinements__link-item___active .refinements__link,
.refinements__link-item___active:hover .refinements__link {
  color: #089cd8;
}

.refinements__link-item___active .refinements__link___search:hover:before,
.refinements__link-item___active .refinements__link___search:before,
.refinements__link-item___active:hover .refinements__link___search:hover:before,
.refinements__link-item___active:hover .refinements__link___search:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCQk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzA4OWNkOCIgZD0iTTE2LDEzLjhsLTMuOS0zLjljMC42LTEsMC45LTIuMSwwLjktMy40QzEzLDIuOSwxMC4xLDAsNi41LDAKCQkJUzAsMi45LDAsNi41QzAsMTAuMSwyLjksMTMsNi41LDEzYzEuMiwwLDIuNC0wLjMsMy40LTAuOWwzLjksMy45TDE2LDEzLjh6IE0zLDYuNUMzLDQuNiw0LjYsMyw2LjUsM1MxMCw0LjYsMTAsNi41CgkJCUMxMCw4LjQsOC40LDEwLDYuNSwxMFMzLDguNCwzLDYuNXoiLz4KPC9nPgo8L3N2Zz4K");
}

.refinements__link-item___active .refinements__link___filter:hover:before,
.refinements__link-item___active .refinements__link___filter:before,
.refinements__link-item___active:hover .refinements__link___filter:hover:before,
.refinements__link-item___active:hover .refinements__link___filter:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzA4OWNkOCIgZD0iTTAsMGgxNmwtNiw3bC0xLDdsLTIsMkw2LDdMMCwweiIvPgo8L3N2Zz4K");
}

.refinements__detail-container {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background-color: #ebecec;
  margin-top: -3px;
}

.favourite-tipps__refinements .refinements__detail-container {
  margin-top: 12.05568px;
}

.refinements__detail {
  -webkit-transition: max-height 0.5s;
  -moz-transition: max-height 0.5s;
  transition: max-height 0.5s;
  clear: both;
  float: left;
  height: 100%;
  max-height: 0;
  overflow: hidden;
}

.refinements__detail___wrapper {
  zoom: 1;
  padding: 12.05568px;
}

.refinements__detail___wrapper:before,
.refinements__detail___wrapper:after {
  content: " ";
  display: table;
}

.refinements__detail___wrapper:after {
  clear: both;
}

/**
 * Refinements pills style
 */

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

.refinements__detail___filter .pills-container {
  clear: none;
  margin: 0;
}

.refinements__detail___filter .pill {
  padding: 12.05568px;
}

.refinements__filter___description {
  font-size: 13px;
  font-size: 0.8666666667rem;
  float: left;
  line-height: 40px;
  margin-right: 24.11136px;
  min-width: 65px;
}

/**
 * Refinements Search style
 */

.refinements__detail___search {
  width: 100%;
}

.refinements__detail___search input {
  padding: 12.05568px;
  width: 60%;
}

.refinements__detail___search .button__primary,
.refinements__detail___search
  html .main .teaser__swisslotto .button__primary,
html .main .teaser__swisslotto .refinements__detail___search .button__primary {
  position: relative;
  top: -1px;
  margin-left: 12.05568px;
  padding: 12.05568px;
}

.refinements__date___search {
  width: 100%;
}

.refinements__date___search label {
  font-size: 13px;
  font-size: 0.8666666667rem;
}

.refinements__date___search input[type="text"],
.refinements__date___search input[type="date"] {
  border: 1px solid #c9c9c9;
  margin: 4px 0 0;
  max-width: 230px;
  padding: 12px 16px;
  width: 58%;
}

.refinements__date___search .button__primary,
.refinements__date___search
  html .main .teaser__swisslotto .button__primary,
html .main .teaser__swisslotto .refinements__date___search .button__primary {
  padding: 12.05568px;
}

.refinements__detail-container___isotope {
  -webkit-transition: max-height, 1s;
  -moz-transition: max-height, 1s;
  transition: max-height, 1s;
  position: absolute;
  top: initial;
  bottom: initial;
  background-color: transparent;
  clear: none;
  float: right;
  overflow: hidden;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .refinements__detail-container___isotope {
    width: 102.6%;
  }
}

@media screen and (max-width: 767.9px) {
  .refinements__detail-container {
    margin-top: 12.05568px;
  }

  .refinements__links {
    position: static;
  }

  .refinements__detail-container___isotope {
    position: relative;
    bottom: 20px;
    background-color: #ebecec;
    max-height: 0;
  }

  .refinements__detail-container___isotope-lose {
    bottom: 0;
    margin-bottom: 12.05568px;
  }

  .refinements__isotope {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 479.9px) {
  .refinements__detail___filter .pills-container {
    float: left;
  }
}

/*------------------------------------*    #tabs
\*------------------------------------*/

/**
 * Styles of tabs container
 */

.tabs {
  margin: 0;
  padding: 0;
}

.tabs__item {
  background-color: #e7e7e7;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #efefef 0%, #e7e7e7 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #e7e7e7));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #efefef 0%, #e7e7e7 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #efefef 0%, #e7e7e7 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #efefef 0%, #e7e7e7 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #efefef 0%, #e7e7e7 100%);
  /* W3C */
  position: relative;
  z-index: 2;
  border: 1px solid #e7e7e7;
  border-left: 0;
  border-right-color: #d1d1d1;
  display: block;
  float: left;
  list-style-type: none;
  margin: 0;
  min-height: 44px;
  min-width: 100px;
  padding: 0;
  width: auto;
}

.tabs__item:first-child {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.tabs__item:first-child:not(.tabs__item___active) {
  border-left: 1px solid #e7e7e7;
}

.tabs__item:last-child {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-right-color: #e7e7e7;
}

.tabs__item:hover {
  background-color: #dadada;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #e0e0e0 0%, #dadada 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0e0e0), color-stop(100%, #dadada));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #e0e0e0 0%, #dadada 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #e0e0e0 0%, #dadada 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #e0e0e0 0%, #dadada 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #e0e0e0 0%, #dadada 100%);
  /* W3C */
}

.tabs__item a {
  font-size: 15px;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: -0.0015em;
  color: #404040;
  display: block;
  font-family: "helvetica-bold";
  height: 100%;
  padding: 12.05568px;
  width: 100%;
}

.tabs__item a .tabs__item___regular {
  font-family: "helvetica-medium";
}

.tabs__item small {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1;
  display: block;
  font-family: "helvetica-roman";
  margin-top: 6.02784px;
}

.tabs__item___active {
  background-color: #00509d;
  background-image: none;
  border: 1px solid #00509d;
}

.tabs__item___active:last-child {
  border-right-color: #00509d;
}

.tabs__item___active:hover {
  background-color: #00509d;
  background-image: none;
}

.tabs__item___active a {
  color: #ffffff;
}

.tabs__item___swisslos.tabs__item___active {
  background-color: #089ad5;
  border: 1px solid transparent;
}

.tabs___no-description .tabs__item {
  width: auto;
}

/* exceptions with special tab width */

.tabs__item.tabs__item___upload,
.tabs__item.tabs__item___email,
.tabs__item.tabs__item___post,
.ticket-system__tabs .tabs__item,
.coupons-promotion__finish .tabs__item {
  width: 33.33%;
}

/**
* CONTENT TABS (tab content on same page)
*/

.tab-panel__content {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background: #f7f7f7;
  clear: both;
  display: block;
  float: left;
  margin: 0;
  padding: 12.05568px;
  width: 100%;
}

.tab-panel {
  display: none;
  margin: 24.11136px 0;
}

.tab-panel.tab-panel___active {
  display: block;
}

.content_tabs .tabs__item a {
  background-repeat: no-repeat;
}

.content_tabs .tabs__item___icon a {
  padding-left: 50px;
}

.content_tabs .tabs__item___upload a {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIGlkPSJFYmVuZV8xIiAgIHg9IjBweCIgICB5PSIwcHgiICAgd2lkdGg9IjI5IiAgIGhlaWdodD0iMTgiICAgdmlld0JveD0iLTggMTIgMjkgMTgiICAgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtOCAxMiAyMiAxOCIgICB4bWw6c3BhY2U9InByZXNlcnZlIiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTEgcjEzNzI1IiAgIHNvZGlwb2RpOmRvY25hbWU9InVwbG9hZC5zdmciPjxtZXRhZGF0YSAgIGlkPSJtZXRhZGF0YTQ3MTUiPjxyZGY6UkRGPjxjYzpXb3JrICAgICAgIHJkZjphYm91dD0iIj48ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD48ZGM6dHlwZSAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+PGRjOnRpdGxlPjwvZGM6dGl0bGU+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzICAgaWQ9ImRlZnM0NzEzIiAvPjxzb2RpcG9kaTpuYW1lZHZpZXcgICBwYWdlY29sb3I9IiNmZmZmZmYiICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgYm9yZGVyb3BhY2l0eT0iMSIgICBvYmplY3R0b2xlcmFuY2U9IjEwIiAgIGdyaWR0b2xlcmFuY2U9IjEwIiAgIGd1aWRldG9sZXJhbmNlPSIxMCIgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTU2MyIgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI5NjMiICAgaWQ9Im5hbWVkdmlldzQ3MTEiICAgc2hvd2dyaWQ9ImZhbHNlIiAgIGlua3NjYXBlOnpvb209IjEzLjExMTExMSIgICBpbmtzY2FwZTpjeD0iMTQuNSIgICBpbmtzY2FwZTpjeT0iOC45OTk5OTkiICAgaW5rc2NhcGU6d2luZG93LXg9IjAiICAgaW5rc2NhcGU6d2luZG93LXk9IjAiICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJFYmVuZV8xIiAgIGZpdC1tYXJnaW4tdG9wPSIwIiAgIGZpdC1tYXJnaW4tbGVmdD0iMy41IiAgIGZpdC1tYXJnaW4tcmlnaHQ9IjMuNSIgICBmaXQtbWFyZ2luLWJvdHRvbT0iMCIgLz48ZyAgIGlkPSJVcGxvYWQiICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy41LDApIj48cG9seWdvbiAgIHBvaW50cz0iNywxNiA1LDE2IDUsMjMgMSwyMyAxLDE2IC0xLDE2IDMsMTIgIiAgIGlkPSJwb2x5Z29uNDcwNyIgICBzdHlsZT0iZmlsbDojNTI1MTUxIiAvPjxwb2x5Z29uICAgcG9pbnRzPSItOCwzMCAtOCwyMyAtMiwyMyAtMiwyNCAwLDI2IDYsMjYgOCwyNCA4LDIzIDE0LDIzIDE0LDMwICIgICBpZD0icG9seWdvbjQ3MDkiICAgc3R5bGU9ImZpbGw6IzUyNTE1MSIgLz48L2c+PC9zdmc+");
  background-position: 12.05568px 12px;
  padding-left: 50px;
}

.content_tabs .tabs__item___upload a:hover {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIGlkPSJFYmVuZV8xIiAgIHg9IjBweCIgICB5PSIwcHgiICAgd2lkdGg9IjI5IiAgIGhlaWdodD0iMTgiICAgdmlld0JveD0iLTggMTIgMjkgMTgiICAgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtOCAxMiAyMiAxOCIgICB4bWw6c3BhY2U9InByZXNlcnZlIiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTEgcjEzNzI1IiAgIHNvZGlwb2RpOmRvY25hbWU9InVwbG9hZC1ob3Zlci5zdmciPjxtZXRhZGF0YSAgIGlkPSJtZXRhZGF0YTYzNzEiPjxyZGY6UkRGPjxjYzpXb3JrICAgICAgIHJkZjphYm91dD0iIj48ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD48ZGM6dHlwZSAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+PGRjOnRpdGxlPjwvZGM6dGl0bGU+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzICAgaWQ9ImRlZnM2MzY5IiAvPjxzb2RpcG9kaTpuYW1lZHZpZXcgICBwYWdlY29sb3I9IiNmZmZmZmYiICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgYm9yZGVyb3BhY2l0eT0iMSIgICBvYmplY3R0b2xlcmFuY2U9IjEwIiAgIGdyaWR0b2xlcmFuY2U9IjEwIiAgIGd1aWRldG9sZXJhbmNlPSIxMCIgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTM4NSIgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI3NTIiICAgaWQ9Im5hbWVkdmlldzYzNjciICAgc2hvd2dyaWQ9ImZhbHNlIiAgIGlua3NjYXBlOnpvb209IjEzLjExMTExMSIgICBpbmtzY2FwZTpjeD0iMTQuNSIgICBpbmtzY2FwZTpjeT0iOC45OTk5OTkiICAgaW5rc2NhcGU6d2luZG93LXg9IjAiICAgaW5rc2NhcGU6d2luZG93LXk9IjAiICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJFYmVuZV8xIiAgIGZpdC1tYXJnaW4tdG9wPSIwIiAgIGZpdC1tYXJnaW4tbGVmdD0iMy41IiAgIGZpdC1tYXJnaW4tcmlnaHQ9IjMuNSIgICBmaXQtbWFyZ2luLWJvdHRvbT0iMCIgLz48ZyAgIGlkPSJVcGxvYWQiICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy41LDApIj48cG9seWdvbiAgIHBvaW50cz0iNywxNiA1LDE2IDUsMjMgMSwyMyAxLDE2IC0xLDE2IDMsMTIgIiAgIGlkPSJwb2x5Z29uNjM2MyIgICBzdHlsZT0iZmlsbDojNDA0MDQwIiAvPjxwb2x5Z29uICAgcG9pbnRzPSItOCwzMCAtOCwyMyAtMiwyMyAtMiwyNCAwLDI2IDYsMjYgOCwyNCA4LDIzIDE0LDIzIDE0LDMwICIgICBpZD0icG9seWdvbjYzNjUiICAgc3R5bGU9ImZpbGw6IzQwNDA0MCIgLz48L2c+PC9zdmc+");
}

.content_tabs .tabs__item___upload.tabs__item___active a {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIGlkPSJFYmVuZV8xIiAgIHg9IjBweCIgICB5PSIwcHgiICAgd2lkdGg9IjI5IiAgIGhlaWdodD0iMTgiICAgdmlld0JveD0iLTggMTIgMjkgMTgiICAgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtOCAxMiAyMiAxOCIgICB4bWw6c3BhY2U9InByZXNlcnZlIiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTEgcjEzNzI1IiAgIHNvZGlwb2RpOmRvY25hbWU9InVwbG9hZC1hY3RpdmUtbmVnYXRpdmUuc3ZnIj48bWV0YWRhdGEgICBpZD0ibWV0YWRhdGE1ODE5Ij48cmRmOlJERj48Y2M6V29yayAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjxkYzp0aXRsZT48L2RjOnRpdGxlPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcyAgIGlkPSJkZWZzNTgxNyIgLz48c29kaXBvZGk6bmFtZWR2aWV3ICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgIGJvcmRlcm9wYWNpdHk9IjEiICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIgICBncmlkdG9sZXJhbmNlPSIxMCIgICBndWlkZXRvbGVyYW5jZT0iMTAiICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjEyMTUiICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iNzU1IiAgIGlkPSJuYW1lZHZpZXc1ODE1IiAgIHNob3dncmlkPSJmYWxzZSIgICBpbmtzY2FwZTp6b29tPSIxMy4xMTExMTEiICAgaW5rc2NhcGU6Y3g9IjE0LjUiICAgaW5rc2NhcGU6Y3k9IjguOTk5OTk5IiAgIGlua3NjYXBlOndpbmRvdy14PSIwIiAgIGlua3NjYXBlOndpbmRvdy15PSIwIiAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0iRWJlbmVfMSIgICBmaXQtbWFyZ2luLXRvcD0iMCIgICBmaXQtbWFyZ2luLWxlZnQ9IjMuNSIgICBmaXQtbWFyZ2luLXJpZ2h0PSIzLjUiICAgZml0LW1hcmdpbi1ib3R0b209IjAiIC8+PGcgICBpZD0iVXBsb2FkIiAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuNSwwKSI+PHBvbHlnb24gICBwb2ludHM9IjcsMTYgNSwxNiA1LDIzIDEsMjMgMSwxNiAtMSwxNiAzLDEyICIgICBpZD0icG9seWdvbjU4MTEiICAgc3R5bGU9ImZpbGw6I2ZmZmZmZiIgLz48cG9seWdvbiAgIHBvaW50cz0iLTgsMzAgLTgsMjMgLTIsMjMgLTIsMjQgMCwyNiA2LDI2IDgsMjQgOCwyMyAxNCwyMyAxNCwzMCAiICAgaWQ9InBvbHlnb241ODEzIiAgIHN0eWxlPSJmaWxsOiNmZmZmZmYiIC8+PC9nPjwvc3ZnPg==");
}

.content_tabs .tabs__item___email a {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjlweCIgaGVpZ2h0PSIyMXB4IiB2aWV3Qm94PSItODUgOTAgMjkgMjEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTg1IDkwIDI5IDIxIiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyBpZD0iUGVyX01haWwiPjxwYXRoIGZpbGw9IiM1MjUyNTIiIGQ9Ik0tNzQsOTguODIzbC0xMS03Ljk0VjkwaDIydjAuODgzTC03NCw5OC44MjN6IE0tNjkuNDE3LDk3LjA1OWwyLjc4NywyLjY4MmMwLjk5OS0wLjg4LDIuMjQ5LTEuNDc1LDMuNjMtMS42Njd2LTUuOTI2TC02OS40MTcsOTcuMDU5eiBNLTg1LDkyLjE0OHYxMS4yOThsNi40MTctNi4zODdMLTg1LDkyLjE0OHogTS02OSwxMDQuOTU5YzAtMS42MjEsMC41NjItMy4xMTEsMS40OTUtNC4yOTZsLTIuODI5LTIuNzIyTC03NCwxMDAuNTg4bC0zLjY2Ny0yLjY0N0wtODUsMTA1aDE2LjAwMkMtNjguOTk4LDEwNC45ODYtNjksMTA0Ljk3My02OSwxMDQuOTU5eiIvPjxwYXRoIGlkPSJhdCIgZmlsbD0iIzUyNTI1MiIgZD0iTS01Ny4yMzMsMTAzLjU1NWMwLTIuNzM3LTIuMDg4LTQuNTU1LTQuODA3LTQuNTU1Yy0zLjI1OSwwLTUuOTYsMi43MDEtNS45Niw1Ljk2YzAsMi45NzEsMi40MzEsNS4yMDQsNS40OTIsNS4yMDRjMS42MjEsMCwzLjAyNS0wLjY4NCwzLjYxOS0xLjAyNnYtMS4yNmMtMC44NjQsMC42MTItMi4xMDcsMS4xODgtMy40NzUsMS4xODhjLTIuNTc1LDAtNC4xMDUtMS42NzUtNC4xMDUtNC4xNTljMC0yLjQxMywxLjgxOC00LjcxNyw0LjUzNy00LjcxN2MxLjg3MiwwLDMuNDkzLDEuMjk2LDMuNDkzLDMuNDAzYzAsMS41NjYtMC44ODIsMi45ODktMS42MDIsMi45ODljLTAuMTYyLDAtMC41NTgtMC4xMDgtMC40ODYtMC41OTRsMC43NTYtNC42ODFsLTEuMjk2LDAuNTA0Yy0wLjMyNC0wLjM0Mi0wLjc3NC0wLjU3Ni0xLjI3OC0wLjU3NmMtMS41NDgsMC0yLjgwOSwxLjQ3Ni0zLjExNSwzLjI1OWMtMC4zMDYsMS44MzcsMC41NzYsMy4zMTMsMi4xNDMsMy4zMTNjMC40NjgsMCwxLjIwNi0wLjIzNCwxLjU2Ni0wLjU5NGMwLjI3LDAuMzA2LDAuNzc0LDAuNTk0LDEuMzUsMC41OTRDLTU4Ljk0MywxMDcuODA1LTU3LjIzMywxMDUuODQyLTU3LjIzMywxMDMuNTU1eiBNLTYzLjA2NiwxMDYuMTg0Yy0wLjQxNCwwLTAuNjY2LTAuNTIyLTAuNTIyLTEuNjAyYzAuMTI2LTAuOTcyLDAuNTA0LTEuNjkzLDEuMDk4LTEuNjkzYzAuMzA2LDAsMC41MDQsMC4zMDYsMC41NzYsMC41NzZsLTAuMTgsMS4xMzRDLTYyLjI3NCwxMDUuNzE2LTYyLjY4OCwxMDYuMTg0LTYzLjA2NiwxMDYuMTg0eiIvPjwvZz48L3N2Zz4=");
  background-position: 12.05568px 13px;
  padding-left: 50px;
}

.content_tabs .tabs__item___email a:hover {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjlweCIgaGVpZ2h0PSIyMXB4IiB2aWV3Qm94PSItODUgOTAgMjkgMjEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTg1IDkwIDI5IDIxIiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyBpZD0iUGVyX01haWwiPjxwYXRoIGZpbGw9IiM0MDQwNDAiIGQ9Ik0tNzQsOTguODIzbC0xMS03Ljk0VjkwaDIydjAuODgzTC03NCw5OC44MjN6IE0tNjkuNDE3LDk3LjA1OWwyLjc4NywyLjY4MmMwLjk5OS0wLjg4LDIuMjQ5LTEuNDc1LDMuNjMtMS42Njd2LTUuOTI2TC02OS40MTcsOTcuMDU5eiBNLTg1LDkyLjE0OHYxMS4yOThsNi40MTctNi4zODdMLTg1LDkyLjE0OHogTS02OSwxMDQuOTU5YzAtMS42MjEsMC41NjItMy4xMTEsMS40OTUtNC4yOTZsLTIuODI5LTIuNzIyTC03NCwxMDAuNTg4bC0zLjY2Ny0yLjY0N0wtODUsMTA1aDE2LjAwMkMtNjguOTk4LDEwNC45ODYtNjksMTA0Ljk3My02OSwxMDQuOTU5eiIvPjxwYXRoIGlkPSJhdF8xXyIgZmlsbD0iIzQwNDA0MCIgZD0iTS01Ny4yMzMsMTAzLjU1NWMwLTIuNzM3LTIuMDg4LTQuNTU1LTQuODA3LTQuNTU1Yy0zLjI1OSwwLTUuOTYsMi43MDEtNS45Niw1Ljk2YzAsMi45NzEsMi40MzEsNS4yMDQsNS40OTIsNS4yMDRjMS42MjEsMCwzLjAyNS0wLjY4NCwzLjYxOS0xLjAyNnYtMS4yNmMtMC44NjQsMC42MTItMi4xMDcsMS4xODgtMy40NzUsMS4xODhjLTIuNTc1LDAtNC4xMDUtMS42NzUtNC4xMDUtNC4xNTljMC0yLjQxMywxLjgxOC00LjcxNyw0LjUzNy00LjcxN2MxLjg3MiwwLDMuNDkzLDEuMjk2LDMuNDkzLDMuNDAzYzAsMS41NjYtMC44ODIsMi45ODktMS42MDIsMi45ODljLTAuMTYyLDAtMC41NTgtMC4xMDgtMC40ODYtMC41OTRsMC43NTYtNC42ODFsLTEuMjk2LDAuNTA0Yy0wLjMyNC0wLjM0Mi0wLjc3NC0wLjU3Ni0xLjI3OC0wLjU3NmMtMS41NDgsMC0yLjgwOSwxLjQ3Ni0zLjExNSwzLjI1OWMtMC4zMDYsMS44MzcsMC41NzYsMy4zMTMsMi4xNDMsMy4zMTNjMC40NjgsMCwxLjIwNi0wLjIzNCwxLjU2Ni0wLjU5NGMwLjI3LDAuMzA2LDAuNzc0LDAuNTk0LDEuMzUsMC41OTRDLTU4Ljk0MywxMDcuODA1LTU3LjIzMywxMDUuODQyLTU3LjIzMywxMDMuNTU1eiBNLTYzLjA2NiwxMDYuMTg0Yy0wLjQxNCwwLTAuNjY2LTAuNTIyLTAuNTIyLTEuNjAyYzAuMTI2LTAuOTcyLDAuNTA0LTEuNjkzLDEuMDk4LTEuNjkzYzAuMzA2LDAsMC41MDQsMC4zMDYsMC41NzYsMC41NzZsLTAuMTgsMS4xMzRDLTYyLjI3NCwxMDUuNzE2LTYyLjY4OCwxMDYuMTg0LTYzLjA2NiwxMDYuMTg0eiIvPjwvZz48L3N2Zz4=");
}

.content_tabs .tabs__item___email.tabs__item___active a {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjlweCIgaGVpZ2h0PSIyMXB4IiB2aWV3Qm94PSItODUgOTAgMjkgMjEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTg1IDkwIDI5IDIxIiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyBpZD0iUGVyX01haWwiPjxwYXRoIGZpbGw9IiNGMEY5RkQiIGQ9Ik0tNzQsOTguODIzbC0xMS03Ljk0VjkwaDIydjAuODgzTC03NCw5OC44MjN6IE0tNjkuNDE3LDk3LjA1OWwyLjc4NywyLjY4MmMwLjk5OS0wLjg4LDIuMjQ5LTEuNDc1LDMuNjMtMS42Njd2LTUuOTI2TC02OS40MTcsOTcuMDU5eiBNLTg1LDkyLjE0OHYxMS4yOThsNi40MTctNi4zODdMLTg1LDkyLjE0OHogTS02OSwxMDQuOTU5YzAtMS42MjEsMC41NjItMy4xMTEsMS40OTUtNC4yOTZsLTIuODI5LTIuNzIyTC03NCwxMDAuNTg4bC0zLjY2Ny0yLjY0N0wtODUsMTA1aDE2LjAwMkMtNjguOTk4LDEwNC45ODYtNjksMTA0Ljk3My02OSwxMDQuOTU5eiIvPjxwYXRoIGlkPSJhdF8zXyIgZmlsbD0iI0YwRjlGRCIgZD0iTS01Ny4yMzMsMTAzLjU1NWMwLTIuNzM3LTIuMDg4LTQuNTU1LTQuODA3LTQuNTU1Yy0zLjI1OSwwLTUuOTYsMi43MDEtNS45Niw1Ljk2YzAsMi45NzEsMi40MzEsNS4yMDQsNS40OTIsNS4yMDRjMS42MjEsMCwzLjAyNS0wLjY4NCwzLjYxOS0xLjAyNnYtMS4yNmMtMC44NjQsMC42MTItMi4xMDcsMS4xODgtMy40NzUsMS4xODhjLTIuNTc1LDAtNC4xMDUtMS42NzUtNC4xMDUtNC4xNTljMC0yLjQxMywxLjgxOC00LjcxNyw0LjUzNy00LjcxN2MxLjg3MiwwLDMuNDkzLDEuMjk2LDMuNDkzLDMuNDAzYzAsMS41NjYtMC44ODIsMi45ODktMS42MDIsMi45ODljLTAuMTYyLDAtMC41NTgtMC4xMDgtMC40ODYtMC41OTRsMC43NTYtNC42ODFsLTEuMjk2LDAuNTA0Yy0wLjMyNC0wLjM0Mi0wLjc3NC0wLjU3Ni0xLjI3OC0wLjU3NmMtMS41NDgsMC0yLjgwOSwxLjQ3Ni0zLjExNSwzLjI1OWMtMC4zMDYsMS44MzcsMC41NzYsMy4zMTMsMi4xNDMsMy4zMTNjMC40NjgsMCwxLjIwNi0wLjIzNCwxLjU2Ni0wLjU5NGMwLjI3LDAuMzA2LDAuNzc0LDAuNTk0LDEuMzUsMC41OTRDLTU4Ljk0MywxMDcuODA1LTU3LjIzMywxMDUuODQyLTU3LjIzMywxMDMuNTU1eiBNLTYzLjA2NiwxMDYuMTg0Yy0wLjQxNCwwLTAuNjY2LTAuNTIyLTAuNTIyLTEuNjAyYzAuMTI2LTAuOTcyLDAuNTA0LTEuNjkzLDEuMDk4LTEuNjkzYzAuMzA2LDAsMC41MDQsMC4zMDYsMC41NzYsMC41NzZsLTAuMTgsMS4xMzRDLTYyLjI3NCwxMDUuNzE2LTYyLjY4OCwxMDYuMTg0LTYzLjA2NiwxMDYuMTg0eiIvPjwvZz48L3N2Zz4=");
}

.content_tabs .tabs__item___post a {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjlweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSItODUgOTAgMjkgMjIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTg1IDkwIDI5IDIyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyBpZD0iUGVyX1Bvc3RfTmV1Ij48cG9seWdvbiBmaWxsPSIjNTI1MjUyIiBwb2ludHM9Ii01NywxMTIgLTg1LDExMiAtODUsMTA5IC02Ni4yMjYsMTA5IC02NS42ODMsMTExIC02NC4zNTksMTExIC02NC45MDUsMTA5IC01NywxMDkgIi8+PHBhdGggZmlsbD0iIzUyNTI1MiIgZD0iTS03MC45MzgsMTA0LjE0MWwtNS41NTYtMTIuMzc3TC03Ni4wNTMsOTFMLTU3LDEwMmwtMC40NDEsMC43NjRMLTcwLjkzOCwxMDQuMTQxeiBNLTY2LjA4NiwxMDQuOTA1bDEuMTgxLDQuMDk1aDMuODYzbDIuOTY3LTUuMTM5TC02Ni4wODYsMTA0LjkwNXogTS02Ni4yMjksMTA5bC0xLjA5My0zLjc4OWwtNC40OTgsMC40NTlsLTEuODUyLTQuMTI2bC05Ljg4LDIuNDQ3bDguNjc2LDUuMDA5SC02Ni4yMjl6IE0tNzcuMTI3LDkyLjg2MWwtNS42NDgsOS43ODRsOC43NS0yLjMyM0wtNzcuMTI3LDkyLjg2MXoiLz48L2c+PC9zdmc+");
  background-position: 12.05568px 10px;
  padding-left: 50px;
}

.content_tabs .tabs__item___post a:hover {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjlweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSItODUgOTAgMjkgMjIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTg1IDkwIDI5IDIyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyBpZD0iUGVyX1Bvc3RfTmV1Ij48cG9seWdvbiBmaWxsPSIjNDA0MDQwIiBwb2ludHM9Ii01NywxMTIgLTg1LDExMiAtODUsMTA5IC02Ni4yMjYsMTA5IC02NS42ODMsMTExIC02NC4zNTksMTExIC02NC45MDUsMTA5IC01NywxMDkgIi8+PHBhdGggZmlsbD0iIzQwNDA0MCIgZD0iTS03MC45MzgsMTA0LjE0MWwtNS41NTYtMTIuMzc3TC03Ni4wNTMsOTFMLTU3LDEwMmwtMC40NDEsMC43NjRMLTcwLjkzOCwxMDQuMTQxeiBNLTY2LjA4NiwxMDQuOTA1bDEuMTgxLDQuMDk1aDMuODYzbDIuOTY3LTUuMTM5TC02Ni4wODYsMTA0LjkwNXogTS02Ni4yMjksMTA5bC0xLjA5My0zLjc4OWwtNC40OTgsMC40NTlsLTEuODUyLTQuMTI2bC05Ljg4LDIuNDQ3bDguNjc2LDUuMDA5SC02Ni4yMjl6IE0tNzcuMTI3LDkyLjg2MWwtNS42NDgsOS43ODRsOC43NS0yLjMyM0wtNzcuMTI3LDkyLjg2MXoiLz48L2c+PC9zdmc+");
}

.content_tabs .tabs__item___post.tabs__item___active a {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjlweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSItODUgOTAgMjkgMjIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTg1IDkwIDI5IDIyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyBpZD0iUGVyX1Bvc3RfTmV1Ij48cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9Ii01NywxMTIgLTg1LDExMiAtODUsMTA5IC02Ni4yMjYsMTA5IC02NS42ODMsMTExIC02NC4zNTksMTExIC02NC45MDUsMTA5IC01NywxMDkgIi8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTS03MC45MzgsMTA0LjE0MWwtNS41NTYtMTIuMzc3TC03Ni4wNTMsOTFMLTU3LDEwMmwtMC40NDEsMC43NjRMLTcwLjkzOCwxMDQuMTQxeiBNLTY2LjA4NiwxMDQuOTA1bDEuMTgxLDQuMDk1aDMuODYzbDIuOTY3LTUuMTM5TC02Ni4wODYsMTA0LjkwNXogTS02Ni4yMjksMTA5bC0xLjA5My0zLjc4OWwtNC40OTgsMC40NTlsLTEuODUyLTQuMTI2bC05Ljg4LDIuNDQ3bDguNjc2LDUuMDA5SC02Ni4yMjl6IE0tNzcuMTI3LDkyLjg2MWwtNS42NDgsOS43ODRsOC43NS0yLjMyM0wtNzcuMTI3LDkyLjg2MXoiLz48L2c+PC9zdmc+");
}

.content_tabs .tabs___auto-height .tabs__item {
  height: auto !important;
}

.tabs___with-margin {
  margin-bottom: 24.11136px;
}

/**
* MINI DESKTOP VIEW
*/

/**
 * TABLET VIEW
 */

/**
 * ALL PHONE VIEW
 */

@media screen and (max-width: 767.9px) {
  .tabs__item {
    width: 100%;
  }

  .tabs___no-description .tabs__item {
    width: 100%;
  }

  .tabs___no-description .tabs__item br {
    display: none;
  }

  .tabs__item small {
    display: none;
  }

  .tabs__item {
    border: 1px solid #e7e7e7;
  }

  .tabs__item a {
    padding: 4px 16px 13px 40px;
  }

  .tabs__item a:before {
    position: relative;
    top: 14px;
    left: -25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjUiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEwIDE4Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogIzQwNDA0MDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggZD0iTTAuMDA4LC0wLjAwNiBDMC4wMDgsLTAuMDA2IDkuNzQ5LDkuMDAwIDkuNzQ5LDkuMDAwIEM5Ljc0OSw5LjAwMCAwLjAwOCwxOC4wMDcgMC4wMDgsMTguMDA3IEMwLjAwOCwxOC4wMDcgMC4wMDgsLTAuMDA2IDAuMDA4LC0wLjAwNiBaIiBpZD0icGF0aC0xIiBjbGFzcz0iY2xzLTIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4=");
    background-repeat: no-repeat;
    content: " ";
    display: block;
    height: 9px;
    width: 5px;
  }

  .tabs__item:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }

  .tabs__item:last-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }

  .tabs__item___active {
    border: 1px solid #00509d;
  }

  .tabs__item___active a {
    padding: 9px 16px 14px 40px;
  }

  .tabs__item___active a:before {
    top: 12px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjkiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDE4IDEwIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogI2ZmZmZmZjsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggZD0iTTE4LjAwNywwLjAwOCBDMTguMDA3LDAuMDA4IDkuMDAwLDkuOTk5IDkuMDAwLDkuOTk5IEM5LjAwMCw5Ljk5OSAtMC4wMDcsMC4wMDggLTAuMDA3LDAuMDA4IEMtMC4wMDcsMC4wMDggMTguMDA3LDAuMDA4IDE4LjAwNywwLjAwOCBaIiBpZD0icGF0aC0xIiBjbGFzcz0iY2xzLTIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K");
    height: 5px;
    width: 9px;
  }

  .game-instructions .game-instructions__tabs .tabs__item {
    width: 100%;
  }

  .game-instructions .tabs {
    margin: 0;
  }

  .game-instructions .tab-panel {
    padding-top: 24.11136px;
  }

  .content_tabs .tabs__item___upload a {
    background-position: 12.05568px 13px;
  }

  .content_tabs .tabs__item___email a {
    background-position: 12.05568px 15px;
  }

  .content_tabs .tabs__item___post a {
    background-position: 12.05568px 12px;
  }

  .tabs__item.tabs__item___upload,
  .tabs__item.tabs__item___email,
  .tabs__item.tabs__item___post,
  .ticket-system__tabs .tabs__item,
  .coupons-promotion__finish .tabs__item {
    width: 100%;
  }

  .mobile-ticket-navigation___hidden .tabs {
    display: none;
  }
}

/**
 * PHONE LANDSCAPE VIEW
 */

/**
 * PHONE PORTRAIT VIEW
 */

/*------------------------------------*    #TOOLTIPS
\*------------------------------------*/

/*! jQuery UI - v1.11.2 - 2015-01-08
* http://jqueryui.com
* Includes: core.css, tooltip.css
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

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

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

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

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

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

.ui-helper-clearfix {
  min-height: 0;
}

.ui-helper-zfix {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0;
  width: 100%;
}

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

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

.ui-icon {
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
  text-indent: -99999px;
}

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

.ui-tooltip {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  position: absolute;
  z-index: 999999;
  background-color: #404040;
  -webkit-box-shadow: 0 0 5px #aaaaaa;
  box-shadow: 0 0 5px #aaaaaa;
  color: #ffffff;
  font-family: "helvetica-bold";
  max-width: 280px;
  padding: 12.05568px;
  width: 280px;
}

.ui-tooltip p {
  font-family: "helvetica-roman";
  margin: 3px 0 0;
}

.ui-tooltip:after {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: 39px;
  left: 50%;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #404040;
  content: "";
  display: block;
  height: 0;
  width: 0;
}

.ticket__error-message.ui-tooltip:after {
  display: none;
}

.ui-tooltip-content {
  font-size: 13px;
  font-size: 0.8666666667rem;
  line-height: 1;
  position: relative;
  color: #ffffff;
}

.ui-tooltip-content.ui-tooltip-content___scroll {
  overflow-y: scroll;
}

.ui-tooltip-content strong {
  font-size: 24px;
  font-size: 1.6rem;
  display: block;
  font-family: "tarzana-bold", Arial, sans-serif;
  margin-bottom: 12px;
}

.ui-tooltip.ui-widget-content {
  color: #ffffff;
}

.tooltip {
  cursor: pointer;
}

.tooltip___table-cell span {
  white-space: nowrap;
}

.tooltip___table-cell .tooltip {
  float: none;
  margin-bottom: -5px;
  margin-left: 5px;
}

.tooltip__help {
  height: 20px;
  width: 20px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9Ii0yODcgNDEwLjg5IDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0yODcgNDEwLjg5IDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJJY29uX0hpbGZlIj4NCgk8cGF0aCBmaWxsPSIjQTZBNkE2IiBkPSJNLTI3Nyw0MTAuODljNS41MjMsMCwxMCw0LjQ3NywxMCwxMGMwLDUuNTIzLTQuNDc3LDEwLTEwLDEwcy0xMC00LjQ3Ny0xMC0xMA0KCQlDLTI4Nyw0MTUuMzY3LTI4Mi41MjMsNDEwLjg5LTI3Nyw0MTAuODl6Ii8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTS0yNzYuMDAxLDQyMy40NTdjMC0xLjc2NiwyLjk0Ni0xLjEyLDIuOTQ2LTQuNjU2YzAtMi40Ni0xLjQ3My0zLjkxLTMuODYxLTMuOTENCgkJYy0yLjIwOSwwLTQuMDYxLDEuNDcyLTMuNjU5LDQuNDE1aDIuMzg4Yy0wLjI0NS0xLjQwNiwwLjQ0Ni0xLjkzMywxLjI3MS0xLjkzM2MwLjk4MiwwLDEuMjcyLDAuNTI3LDEuMjcyLDEuNDI4DQoJCWMwLDEuODY3LTIuODU2LDEuMjMyLTIuODU2LDQuNjU2SC0yNzYuMDAxeiBNLTI3OC41Myw0MjQuOTMzdjIuOTU1aDIuNTg5di0yLjk1NUMtMjc1Ljk0MSw0MjQuOTMzLTI3OC41Myw0MjQuOTMzLTI3OC41Myw0MjQuOTMzeg0KCQkiLz4NCjwvZz4NCjwvc3ZnPg0K");
  background-position: center center;
  margin: 0;
  float: right;
}

.tooltip__help:hover {
  cursor: pointer;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9Ii0yODcgNDEwLjg5IDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0yODcgNDEwLjg5IDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJJY29uX0hpbGZlX0hvdmVyIj4NCgk8cGF0aCBmaWxsPSIjNEU0RTRFIiBkPSJNLTI3Nyw0MTAuODljNS41MjMsMCwxMCw0LjQ3NywxMCwxMGMwLDUuNTIzLTQuNDc3LDEwLTEwLDEwcy0xMC00LjQ3Ny0xMC0xMA0KCQlDLTI4Nyw0MTUuMzY3LTI4Mi41MjMsNDEwLjg5LTI3Nyw0MTAuODl6Ii8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTS0yNzYuMDAxLDQyMy40NTdjMC0xLjc2NiwyLjk0Ni0xLjEyLDIuOTQ2LTQuNjU2YzAtMi40Ni0xLjQ3My0zLjkxLTMuODYxLTMuOTENCgkJYy0yLjIwOSwwLTQuMDYxLDEuNDcyLTMuNjU5LDQuNDE1aDIuMzg4Yy0wLjI0NS0xLjQwNiwwLjQ0Ni0xLjkzMywxLjI3MS0xLjkzM2MwLjk4MiwwLDEuMjcyLDAuNTI3LDEuMjcyLDEuNDI4DQoJCWMwLDEuODY3LTIuODU2LDEuMjMyLTIuODU2LDQuNjU2SC0yNzYuMDAxeiBNLTI3OC41Myw0MjQuOTMzdjIuOTU1aDIuNTg5di0yLjk1NUMtMjc1Ljk0MSw0MjQuOTMzLTI3OC41Myw0MjQuOTMzLTI3OC41Myw0MjQuOTMzeg0KCQkiLz4NCjwvZz4NCjwvc3ZnPg0K");
}

.tooltip__help__bubble {
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: helvetica-roman;
  padding: 24px;
}

.tooltip__help__bubble .ui-tooltip-content {
  font-size: 15px;
  font-size: 1rem;
  line-height: 1.3;
}

.tooltip__help__bubble .ui-tooltip-content p {
  margin-top: 10px;
}

.tooltip__help__bubble .ui-tooltip-content p:first-child {
  margin-top: 0;
}

.tooltip__help__bubble .ui-tooltip-content a {
  color: #c9c9c9;
}

.tooltip__help__bubble .ui-tooltip-content a:hover {
  color: #ffffff;
}

.tooltip__help__bubble.triangle-position___top:after {
  top: -8px;
  right: 4px;
  left: auto;
  border-bottom: 8px solid #404040;
  border-top: 0;
}

.tooltip__help__bubble.triangle-position___top.triangle-position___left:after {
  right: auto;
  left: 20px;
}

.tooltip__help__bubble.triangle-position___bottom:after {
  top: auto;
  right: 4px;
  bottom: -8px;
  left: auto;
}

.tooltip__help__bubble.triangle-position___bottom.triangle-position___left:after {
  right: auto;
  left: 20px;
}

.tooltip__help__bubble.triangle-position___leftside:after {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  top: 24px;
  right: auto;
  bottom: auto;
  left: -8px;
  border-color: transparent #404040 transparent transparent;
  border-style: solid;
  border-width: 8px 8px 8px 0;
  content: " ";
}

.tooltip__menu {
  width: auto;
}

.tooltip__menu.triangle-position___top:after {
  top: -8px;
  left: 17px;
  border-bottom: 8px solid #404040;
  border-top: 0;
}

.tooltip___title {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  position: absolute;
  top: 50%;
  right: 0;
}

.tooltip___progressbar {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: -30px;
}

/**
 * ALL PHONE VIEW
 */

@media screen and (max-width: 767.9px) {
  .tooltip__help__bubble {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    height: 100%;
    max-width: none;
    width: 100%;
  }

  .tooltip__help__bubble .ui-tooltip-content {
    margin-top: 36px;
    overflow: visible;
  }

  .tooltip__help__bubble .ui-tooltip-content strong {
    font-size: 24px;
    font-size: 1.6rem;
    line-height: 1;
  }

  .tooltip__help__bubble:after {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
  }

  .tooltip__help__bubble .tooltip__close {
    height: 22px;
    width: 22px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlNjaGxpZXNzZW5fSWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTggMTgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMy4yNDMsNi4xNzIgMTEuODMzLDQuNzc2IDkuMDA0LDcuNTkgNi4xNzIsNC43NTcgNC43NTcsNi4xNzIgNy41ODYsOSA0Ljc1NywxMS44MjkgNi4xNjcsMTMuMjI1IA0KCTguOTk2LDEwLjQxMSAxMS44MjgsMTMuMjQzIDEzLjI0MywxMS44MjkgMTAuNDE0LDkgIi8+DQo8L3N2Zz4NCg==");
    background-position: center center;
    margin: 0;
    position: absolute;
    top: 12px;
    right: 12px;
    background-size: 185%;
  }

  .tooltip__help__bubble .tooltip__close:hover {
    cursor: pointer;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iU2NobGllc3Nlbl9JY29uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCnk9IjBweCIgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE4IDE4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOCAxOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIGZpbGw9IiNlMjAwMWEiIHBvaW50cz0iMTMuMjQzLDYuMTcyIDExLjgzMyw0Ljc3NiA5LjAwNCw3LjU5IDYuMTcyLDQuNzU3IDQuNzU3LDYuMTcyIDcuNTg2LDkgNC43NTcsMTEuODI5IDYuMTY3LDEzLjIyNQoJOC45OTYsMTAuNDExIDExLjgyOCwxMy4yNDMgMTMuMjQzLDExLjgyOSAxMC40MTQsOSAiLz4KPC9zdmc+Cg==");
  }
}

.millionenlos__extragame {
  border: 2px solid #fee004;
  -webkit-box-shadow: 1px 2px 2px 0 #ececec;
  -moz-box-shadow: 1px 2px 2px 0 #ececec;
  box-shadow: 1px 2px 2px 0 #ececec;
  display: block;
  margin: 0 auto;
  padding: 20px;
  width: 316px;
}

.millionenlos__extragame-number {
  border: 1px solid #404040;
  border-radius: 3px;
  font-family: "helvetica-bold";
  font-size: 36px;
  margin: 0 1px;
  padding: 1px 6px;
  width: 316px;
}

.millionenlos__extragame-spacer {
  display: inline-block;
  font-family: "helvetica-bold";
  font-size: 36px;
  text-align: center;
  width: 30px;
}

.millionenlos__extragame-number___inactive {
  opacity: 0.3;
}

/*------------------------------------*    #PAGE SLIDER
\*------------------------------------*/

/**
 * Styles for the page slider
 */

.page-slider {
  overflow: hidden;
}

.page-slider__page-wrapper {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  position: relative;
  left: 0;
}

.page-slider__page {
  position: relative;
  float: left;
  height: auto;
  max-height: 10px;
  min-height: 10px;
  opacity: 0;
}

.page-slider__buttons {
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 12.05568px;
  padding-top: 12.05568px;
}

.page-slider__buttons .button__primary,
.page-slider__buttons
  html .main .teaser__swisslotto .button__primary,
html .main .teaser__swisslotto .page-slider__buttons .button__primary {
  float: right;
  height: 56px;
  min-width: 100px;
}

.page-slider__buttons .button__secondary {
  -webkit-transform: translateY(23px);
  -moz-transform: translateY(23px);
  -ms-transform: translateY(23px);
  -o-transform: translateY(23px);
  transform: translateY(23px);
  float: left;
  height: 34px;
}

@media screen and (max-width: 767.9px) {
  .content_page__wrapper.page-slider {
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%;
  }

  .page-slider__page {
    padding: 0 6px;
  }
}

.flash-widget .sidebar,
.clix .sidebar,
.sporttip .sidebar,
.totogoal .sidebar,
.jass .sidebar,
.pmu .sidebar,
.subito .sidebar,
.lose .sidebar {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  float: left;
  margin-right: 0;
  width: 23.5026%;
}

.flash-widget .main,
.clix .main,
.sporttip .main,
.totogoal .main,
.jass .main,
.pmu .main,
.subito .main,
.lose .main {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  float: right;
  min-width: 74.5009%;
}

.flash-widget .cockpit__detail,
.clix .cockpit__detail,
.sporttip .cockpit__detail,
.totogoal .cockpit__detail,
.jass .cockpit__detail,
.pmu .cockpit__detail,
.subito .cockpit__detail,
.lose .cockpit__detail {
  padding-bottom: 0;
  text-align: center;
}

.flash-widget .cockpit__detail img,
.clix .cockpit__detail img,
.sporttip .cockpit__detail img,
.totogoal .cockpit__detail img,
.jass .cockpit__detail img,
.pmu .cockpit__detail img,
.subito .cockpit__detail img,
.lose .cockpit__detail img {
  float: none;
  height: auto;
  max-width: 232px;
  width: 100%;
}

.flash-widget .cockpit__detail___bingo,
.clix .cockpit__detail___bingo,
.sporttip .cockpit__detail___bingo,
.totogoal .cockpit__detail___bingo,
.jass .cockpit__detail___bingo,
.pmu .cockpit__detail___bingo,
.subito .cockpit__detail___bingo,
.lose .cockpit__detail___bingo {
  padding-bottom: 0;
}

.flash-widget-game-container {
  zoom: 1;
  position: relative;
  margin-bottom: 12.05568px;
}

.flash-widget-game-container:before,
.flash-widget-game-container:after {
  content: " ";
  display: table;
}

.flash-widget-game-container:after {
  clear: both;
}

.flyout__open .flash-widget-game-container {
  display: none;
}

.flash-widget__message {
  z-index: 110000;
  display: none;
  max-width: 400px;
}

.flash-widget__message:after {
  height: 0;
  width: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #404040;
  position: absolute;
  top: initial;
  bottom: -7px;
  left: 50%;
  content: " ";
}

.flash-widget__message p {
  margin: -23px 0 6px 76px;
}

.flash-widget__message .button__inverted {
  margin: 24px 0 0 76px;
  padding: 6px 10px;
}

.flash-widget-mobile-message {
  clear: both;
}

.flash-widget-mobile-message .button__primary,
.flash-widget-mobile-message
  html .main .teaser__swisslotto .button__primary,
html .main .teaser__swisslotto .flash-widget-mobile-message .button__primary,
.flash-widget-mobile-message .button__secondary {
  border-radius: 3px;
  float: left;
  height: auto;
  line-height: 1.3;
  margin-right: 12px;
  padding: 6px 10px;
}

.flash-widget-mobile-message .button__secondary {
  margin-bottom: 12px;
}

.flash-widget__tipp-icon {
  position: relative;
  top: 12px;
  left: 12px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI0M3B4IiBoZWlnaHQ9IjQzcHgiIHZpZXdCb3g9Ii0zNzggMzc5IDQzIDQzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0zNzggMzc5IDQzIDQzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0tMzUwLjMsMzk0LjhsLTAuOSwwLjJsMC44LDMuMmwwLjktMC4yYzEuMS0wLjMsMS4yLTEuMSwxLTJDLTM0OC43LDM5NS4yLTM0OS4yLDM5NC42LTM1MC4zLDM5NC44eiIvPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNLTM1OCwzOTYuOWwtMC45LDAuMmwwLjgsMy4ybDAuOS0wLjJjMS4xLTAuMywxLjItMS4xLDEtMkMtMzU2LjQsMzk3LjMtMzU3LDM5Ni42LTM1OCwzOTYuOXoiLz4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTS0zMzUuNywzOTQuOWMtMy4xLTExLjUtMTQuOS0xOC4zLTI2LjMtMTUuMmMtMTEuNSwzLjEtMTguMywxNC45LTE1LjIsMjYuM2MzLjEsMTEuNSwxNC45LDE4LjMsMjYuMywxNS4yCgkJQy0zMzkuNSw0MTguMi0zMzIuNyw0MDYuNC0zMzUuNywzOTQuOXogTS0zNjYuNiw0MDcuMmwtMS43LDAuNWwtMS45LTcuMWwtMi4xLDAuNmwtMC40LTEuNmw1LjktMS42bDAuNCwxLjZsLTIuMSwwLjZMLTM2Ni42LDQwNy4yCgkJeiBNLTM2Mi42LDQwNmwtMi4zLTguN2wxLjctMC41bDIuMyw4LjdMLTM2Mi42LDQwNnogTS0zNTYuNyw0MDEuNGwtMC45LDAuMmwwLjgsMi45bC0xLjcsMC41bC0yLjMtOC43bDIuNi0wLjcKCQljMi0wLjUsMy4xLDAuNiwzLjYsMi4yQy0zNTQuMiwzOTkuMy0zNTQuNyw0MDAuOS0zNTYuNyw0MDEuNHogTS0zNDguOSwzOTkuM2wtMC45LDAuMmwwLjgsMi45bC0xLjcsMC41bC0yLjMtOC43bDIuNi0wLjcKCQljMi0wLjUsMy4xLDAuNiwzLjYsMi4yQy0zNDYuNSwzOTcuMy0zNDcsMzk4LjgtMzQ4LjksMzk5LjN6IE0tMzQ1LjgsMzkyLjJsMi4zLTAuNmwxLDUuN2wtMS40LDAuNEwtMzQ1LjgsMzkyLjJ6IE0tMzQzLjMsNDAwLjkKCQlsLTAuNS0xLjlsMS45LTAuNWwwLjUsMS45TC0zNDMuMyw0MDAuOXoiLz4KPC9nPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  height: 43px;
  width: 44px;
}

.flash-widget__desktop-icon {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNzRweCINCgkgaGVpZ2h0PSI2MnB4IiB2aWV3Qm94PSIwIDAgMTc0IDYyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNzQgNjIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgaWQ9IkxheWVyXzEiIGRpc3BsYXk9Im5vbmUiPg0KCTxyZWN0IHg9Ii0xLjMiIHk9Ii0xLjIiIGRpc3BsYXk9ImlubGluZSIgZmlsbD0iIzQwNDA0MCIgd2lkdGg9IjE3OS4xIiBoZWlnaHQ9IjY2LjUiLz4NCjwvZz4NCjxnIGlkPSJMYXllcl8yIj4NCgk8cGF0aCBvcGFjaXR5PSIwLjgiIGZpbGw9IiNGRkZGRkYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgICAgIiBkPSJNMTcxLjYsN2MxLjMsMCwyLjQsMS4xLDIuNCwyLjR2NDMuMmMwLDEuMy0xLjEsMi40LTIuNCwyLjQNCgkJaC01Ny4zYy0xLjMsMC0yLjQtMS4xLTIuNC0yLjRWOS40YzAtMS4zLDEuMS0yLjQsMi40LTIuNEgxNzEuNnogTTExNC41LDMxYzAsMC4zLDAuMiwwLjUsMC41LDAuNWMwLjMsMCwwLjUtMC4yLDAuNS0wLjUNCgkJcy0wLjItMC41LTAuNS0wLjVDMTE0LjcsMzAuNSwxMTQuNSwzMC43LDExNC41LDMxeiBNMTcyLjEsMzAuM2MwLTAuNi0wLjUtMS4xLTEuMS0xLjFjLTAuNiwwLTEuMSwwLjUtMS4xLDEuMXYxLjUNCgkJYzAsMC42LDAuNSwxLjEsMS4xLDEuMWMwLjYsMCwxLjEtMC41LDEuMS0xLjFWMzAuM3ogTTExOCwxMnYzOGg1MFYxMkgxMTh6Ii8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTc2LjYsMjkuMWMtMC43LDEtMS4xLDIuMi0xLjEsMy40YzAsMy4zLDIuNyw2LDYsNmgwaDRjMy4zLDAsNi0yLjcsNi02cy0yLjctNi02LTZoLTRsMS41LTEuNGwtMS41LTEuNg0KCQlsLTQsNGw0LDRMODMsMzBsLTEuNS0xLjVoNGMyLjIsMCw0LDEuOCw0LDRjMCwyLjItMS44LDQtNCw0aC00Yy0yLjIsMC00LTEuOC00LTRjMC0wLjcsMC4yLTEuNCwwLjUtMkw3Ni42LDI5LjF6Ii8+DQoJPHBhdGggb3BhY2l0eT0iMC44IiBmaWxsPSIjRkZGRkZGIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3ICAgICIgZD0iTTQ4LDU5LjZjMCwxLjMtMS4xLDIuNC0yLjQsMi40SDIuNEMxLjEsNjIsMCw2MC45LDAsNTkuNlYyLjQNCgkJQzAsMS4xLDEuMSwwLDIuNCwwaDQzLjJDNDYuOSwwLDQ4LDEuMSw0OCwyLjRWNTkuNnogTTI0LDIuNWMtMC4zLDAtMC41LDAuMi0wLjUsMC41czAuMiwwLjUsMC41LDAuNWMwLjMsMCwwLjUtMC4yLDAuNS0wLjUNCgkJUzI0LjMsMi41LDI0LDIuNXogTTI0LjcsNjAuMWMwLjYsMCwxLjEtMC41LDEuMS0xLjFjMC0wLjYtMC41LTEuMS0xLjEtMS4xaC0xLjVjLTAuNiwwLTEuMSwwLjUtMS4xLDEuMWMwLDAuNiwwLjUsMS4xLDEuMSwxLjENCgkJSDI0Ljd6IE00Myw2SDV2NTBoMzhWNnoiLz4NCjwvZz4NCjwvc3ZnPg0K");
  height: 62px;
  margin-left: 76px;
  width: 174px;
}

@media screen and (min-width: 768px) and (max-width: 1234px) {
  .flash-widget .main,
  .clix .main,
  .sporttip .main,
  .totogoal .main,
  .jass .main,
  .pmu .main,
  .subito .main,
  .lose .main {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    min-width: 96%;
  }

  .flash-widget .sidebar,
  .clix .sidebar,
  .sporttip .sidebar,
  .totogoal .sidebar,
  .jass .sidebar,
  .pmu .sidebar,
  .subito .sidebar,
  .lose .sidebar {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin-left: calc(-281px + 2%);
    margin-right: 0;
    min-width: 281px;
  }

  .flash-widget.open__sidebar,
  .open__sidebar.clix,
  .open__sidebar.sporttip,
  .open__sidebar.totogoal,
  .open__sidebar.jass,
  .open__sidebar.pmu,
  .open__sidebar.subito,
  .open__sidebar.lose {
    overflow-x: hidden;
  }

  .flash-widget.open__sidebar .sidebar,
  .open__sidebar.clix .sidebar,
  .open__sidebar.sporttip .sidebar,
  .open__sidebar.totogoal .sidebar,
  .open__sidebar.jass .sidebar,
  .open__sidebar.pmu .sidebar,
  .open__sidebar.subito .sidebar,
  .open__sidebar.lose .sidebar {
    margin-left: 0;
  }

  .flash-widget.open__sidebar .modal__sidebar,
  .open__sidebar.clix .modal__sidebar,
  .open__sidebar.sporttip .modal__sidebar,
  .open__sidebar.totogoal .modal__sidebar,
  .open__sidebar.jass .modal__sidebar,
  .open__sidebar.pmu .modal__sidebar,
  .open__sidebar.subito .modal__sidebar,
  .open__sidebar.lose .modal__sidebar {
    display: none;
  }

  .flash-widget.open__sidebar .modal__content,
  .open__sidebar.clix .modal__content,
  .open__sidebar.sporttip .modal__content,
  .open__sidebar.totogoal .modal__content,
  .open__sidebar.jass .modal__content,
  .open__sidebar.pmu .modal__content,
  .open__sidebar.subito .modal__content,
  .open__sidebar.lose .modal__content {
    display: block;
  }

  .flash-widget.open__sidebar .main,
  .open__sidebar.clix .main,
  .open__sidebar.sporttip .main,
  .open__sidebar.totogoal .main,
  .open__sidebar.jass .main,
  .open__sidebar.pmu .main,
  .open__sidebar.subito .main,
  .open__sidebar.lose .main {
    margin-right: calc(-281px + 2%);
  }

  .flash-widget .modal,
  .clix .modal,
  .sporttip .modal,
  .totogoal .modal,
  .jass .modal,
  .pmu .modal,
  .subito .modal,
  .lose .modal {
    position: absolute;
    z-index: 15;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    display: block;
  }

  .flash-widget .modal__content,
  .clix .modal__content,
  .sporttip .modal__content,
  .totogoal .modal__content,
  .jass .modal__content,
  .pmu .modal__content,
  .subito .modal__content,
  .lose .modal__content {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 996px) {
  .flash-widget .flash-widget-game-container,
  .clix .flash-widget-game-container,
  .sporttip .flash-widget-game-container,
  .totogoal .flash-widget-game-container,
  .jass .flash-widget-game-container,
  .pmu .flash-widget-game-container,
  .subito .flash-widget-game-container,
  .lose .flash-widget-game-container {
    overflow-x: scroll;
  }

  .flash-widget .flash-widget-game-container,
  .clix .flash-widget-game-container,
  .sporttip .flash-widget-game-container,
  .totogoal .flash-widget-game-container,
  .jass .flash-widget-game-container,
  .pmu .flash-widget-game-container,
  .subito .flash-widget-game-container,
  .lose .flash-widget-game-container {
    position: relative;
    -webkit-overflow-scrolling: touch;
  }
}

@media screen and (min-width: 1030px) and (max-width: 1090px) {
  .flash-widget.open__sidebar .main,
  .open__sidebar.clix .main,
  .open__sidebar.sporttip .main,
  .open__sidebar.totogoal .main,
  .open__sidebar.jass .main,
  .open__sidebar.pmu .main,
  .open__sidebar.subito .main,
  .open__sidebar.lose .main {
    margin-right: -26.4%;
  }
}

/**
* Shows rotating message because game canvas too small
*/

@media screen and (min-width: 767.9px) and (max-width: 945px) {
  .flash-widget__message {
    bottom: 12px;
    left: 24px;
    display: block;
  }
}

/**
* MINI DESKTOP VIEW
*/

/**
 * TABLET VIEW
 */

@media screen and (min-width: 768px) and (max-width: 1020.9px) {
  .flash-widget .main,
  .clix .main,
  .sporttip .main,
  .totogoal .main,
  .jass .main,
  .pmu .main,
  .subito .main,
  .lose .main {
    width: 100%;
  }

  .flash-widget .sidebar,
  .clix .sidebar,
  .sporttip .sidebar,
  .totogoal .sidebar,
  .jass .sidebar,
  .pmu .sidebar,
  .subito .sidebar,
  .lose .sidebar {
    margin-left: -300px;
  }

  .flash-widget.open__sidebar .main,
  .open__sidebar.clix .main,
  .open__sidebar.sporttip .main,
  .open__sidebar.totogoal .main,
  .open__sidebar.jass .main,
  .open__sidebar.pmu .main,
  .open__sidebar.subito .main,
  .open__sidebar.lose .main {
    margin-right: -300px;
  }
}

/**
 * ALL PHONE VIEW
 */

@media screen and (max-width: 767.9px) {
  .flash-widget .flash-widget-game-container,
  .clix .flash-widget-game-container,
  .sporttip .flash-widget-game-container,
  .totogoal .flash-widget-game-container,
  .jass .flash-widget-game-container,
  .pmu .flash-widget-game-container,
  .subito .flash-widget-game-container,
  .lose .flash-widget-game-container {
    display: none;
  }

  .flash-widget .main,
  .clix .main,
  .sporttip .main,
  .totogoal .main,
  .jass .main,
  .pmu .main,
  .subito .main,
  .lose .main {
    width: 100%;
  }

  .flash-widget.open__sidebar .sidebar,
  .open__sidebar.clix .sidebar,
  .open__sidebar.sporttip .sidebar,
  .open__sidebar.totogoal .sidebar,
  .open__sidebar.jass .sidebar,
  .open__sidebar.pmu .sidebar,
  .open__sidebar.subito .sidebar,
  .open__sidebar.lose .sidebar {
    width: 83.0005852897%;
    float: left;
    margin-right: 1.9964882617%;
  }

  .flash-widget-mobile-message {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #ffdf45;
    margin: 24px;
    padding: 24px;
  }

  .flash-widget-mobile-message p {
    margin-bottom: 24px;
  }

  .flash-widget-mobile .flash-widget-game-container {
    display: block;
  }
}

/**
 * PHONE LANDSCAPE VIEW
 */

/**
 * PHONE PORTRAIT VIEW
 */

@media screen and (min-width: 0) and (max-width: 479.9px) {
  .flash-widget-mobile-message .button__primary,
  .flash-widget-mobile-message
  html .main .teaser__swisslotto .button__primary,
  html .main .teaser__swisslotto .flash-widget-mobile-message .button__primary,
  .flash-widget-mobile-message .button__secondary {
    clear: both;
    float: left;
    padding: 12px;
  }

  .flash-widget-mobile-message .button__secondary {
    margin-bottom: 12px;
  }
}

.flash-widget-mobile {
  /* general */
  /* header */
  /* content */
  /* footer */
}

.flash-widget-mobile body {
  width: 900px;
}

.flash-widget-mobile .page {
  min-width: 884px;
  overflow-x: auto;
  width: 100%;
}

.flash-widget-mobile header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  min-width: 884px;
  padding: 0 16px;
}

.flash-widget-mobile .header__logo {
  width: 15.2542372881%;
  float: left;
  border-right: 0;
  padding: 0 16px;
}

.flash-widget-mobile .header__logo img {
  max-height: initial;
}

.flash-widget-mobile .header__logo .flash-widget-logo {
  max-width: 77px;
}

.flash-widget-mobile .header__button {
  display: table;
  float: left;
  height: 100%;
  margin-right: 0;
  padding: 0 16px 0 29px;
}

.flash-widget-mobile .header__button-back {
  position: relative;
  background: #00509d;
  border: 0;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  color: #ffffff;
  display: table-cell;
  font-family: helvetica-bold;
  height: 49px;
  line-height: 49px;
  padding: 0 16px;
  vertical-align: middle;
  width: auto;
}

.flash-widget-mobile .header__button-back:before {
  position: absolute;
  z-index: 10;
  top: 0;
  left: -30px;
  border-bottom: 25.5px solid transparent;
  border-left: 15px solid transparent;
  border-right: 15px solid #00509d;
  border-top: 25.5px solid transparent;
  content: " ";
  height: 0;
  width: 0;
}

.flash-widget-mobile .flash-widget-logo-container {
  width: 15%;
}

.flash-widget-mobile .user-data {
  font-size: 18px;
  font-size: 1.2rem;
  float: right;
  font-family: tarzana-bold;
  margin: 6px 0 0 0;
  padding-right: 16px;
  text-align: right;
}

.flash-widget-mobile main {
  background-color: #ffffff;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  padding: 18px 24px;
}

.flash-widget-mobile .flash-widget-game-container {
  overflow-x: initial;
}

.flash-widget-mobile footer {
  zoom: 1;
  background-color: #404d59;
  color: #ffffff;
  height: 68px;
  padding: 0 32px;
}

.flash-widget-mobile footer:before,
.flash-widget-mobile footer:after {
  content: " ";
  display: table;
}

.flash-widget-mobile footer:after {
  clear: both;
}

.flash-widget-mobile footer a {
  color: #ffffff;
}

.flash-widget-mobile .footer-left,
.flash-widget-mobile .footer-right {
  display: table;
  float: left;
  height: 100%;
  width: 50%;
}

.flash-widget-mobile .footer-right .container__center___vertical {
  text-align: right;
}

.iframe-container {
  float: left;
  height: 1420px;
  margin-bottom: 19px;
  overflow-x: auto;
  overflow-y: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}

.iframe-container.iframe-container___margin {
  margin-top: 24.11136px;
}

.iframe {
  border: none;
  clear: both;
  float: left;
  height: 100%;
  overflow-x: hidden !important;
  overflow-y: auto;
  width: 1000px;
}

.msie .iframe-container {
  overflow-y: hidden !important;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .iframe {
    zoom: 1;
  }
}

/* styles for iframe mobile site */

.iframe-widget-mobile body {
  width: 1050px;
}

.iframe-widget-mobile .iframe-container {
  float: none;
}

/**
* MINI DESKTOP VIEW
*/

@media screen and (min-width: 1249px) {
  .sporttip:not(.iframe-widget-mobile) .iframe-container {
    overflow-x: hidden;
  }

  .sporttip:not(.iframe-widget-mobile) .iframe {
    -webkit-transform: scale(0.845);
    -moz-transform: scale(0.845);
    -o-transform: scale(0.845);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    zoom: 1;
  }

  .sporttip:not(.iframe-widget-mobile).msie .iframe {
    zoom: 0.845;
  }
}

/**
 * PHONE PORTRAIT VIEW
 */

@media screen and (max-width: 767.9px) {
  .iframe-container {
    display: none;
  }

  .iframe-widget-mobile .iframe-container {
    display: block;
  }
}

/*------------------------------------*    #LOT ITEMS
\*------------------------------------*/

/**
 * All styles for the grid items, replaces the old teasers
 */

.teaser__lot-wrapper {
  zoom: 1;
  padding: 62px 0 50px 24.11136px;
  width: 100%;
}

.teaser__lot-wrapper:before,
.teaser__lot-wrapper:after {
  content: " ";
  display: table;
}

.teaser__lot-wrapper:after {
  clear: both;
}

.teaser__lot-wrapper .teaser__lot-text-wrapper {
  top: -32px;
}

.teaser__lot {
  position: relative;
  float: left;
  margin-right: 10.33%;
  padding-top: 23%;
  width: 23%;
}

.teaser__lot-text-wrapper {
  -webkit-transform: translateX(57%);
  -moz-transform: translateX(57%);
  -ms-transform: translateX(57%);
  -o-transform: translateX(57%);
  transform: translateX(57%);
  position: absolute;
  top: 24.11136px;
  right: 0;
  background-color: #e32b00;
  border-radius: 50%;
  display: table;
  height: 85px;
  width: 85px;
}

.teaser__lot-text {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
  color: #ffffff;
  display: table-cell;
  font-family: "tarzana-bold", sans-serif;
  font-size: 18px;
  line-height: 0.9;
  text-align: center;
  vertical-align: middle;
}

.teaser__lot-symbol {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  box-shadow: 2px 3px 13px 0 #5e5e5e;
  padding-top: 100%;
  width: 100%;
}

.teaser__lot-symbol > img {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: 0;
  left: 0;
  left: 50%;
  margin-top: 20%;
  width: 80%;
}

.teaser__symbol-text {
  font-size: 19px;
  font-size: 1.2666666667rem;
  position: absolute;
  bottom: 8%;
  color: #404040;
  display: block;
  font-family: "tarzana";
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.lose .sidebar__navigation-element___selected,
.lose .sidebar__navigation-element___selected:hover {
  background-color: #df051a;
}

.lose .sidebar__navigation-element___selected a,
.lose .sidebar__navigation-element___selected:hover a {
  color: #ffffff;
}

.lose .sidebar__navigation-element___selected:after,
.lose .sidebar__navigation-element___selected:hover:after {
  border-left-color: #df051a;
}

.lose .tab-panel__content {
  background-color: transparent;
}

.lose .tabs__item___active {
  background-color: #df051a;
  border-color: #df051a;
}

.lose .content_tabs + div .section p {
  margin-top: 24.11136px;
}

/** MLT (MILLIONS LOTTERY TICKET) **/

.mlt {
  /**
   * PILL
   */
  /**
   * styling of pills with logo (and for pill with text with logo-pills beside)
   */
  /**
   * styling of different paragraphs
   */
  /**
   * TABLET VIEW
   */
  /**
   * ALL PHONE VIEW
   */
  /**
   * PHONE LANDSCAPE VIEW
   */
  /**
   * PHONE PORTRAIT VIEW
   */
  position: relative;
  margin-top: 24.11136px;
}

.mlt .pills {
  display: table;
  list-style: none;
  margin: 0;
  text-align: center;
  width: 100%;
}

.mlt .pills .pill:first-child {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.mlt .pills .pill:last-child {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.mlt .pills-refresh li:first-child:nth-last-child(1) {
  width: 100%;
}

.mlt .pills-refresh li:first-child:nth-last-child(1):last-child {
  margin-right: 0;
}

.mlt .pills-refresh li:first-child:nth-last-child(2),
.mlt .pills-refresh li:first-child:nth-last-child(2) ~ li {
  width: 50%;
}

.mlt .pills-refresh li:first-child:nth-last-child(2):last-child,
.mlt .pills-refresh li:first-child:nth-last-child(2) ~ li:last-child {
  margin-right: 0;
}

.mlt .pills-refresh li:first-child:nth-last-child(3),
.mlt .pills-refresh li:first-child:nth-last-child(3) ~ li {
  margin-right: 1%;
  width: 32.66666666%;
}

.mlt .pills-refresh li:first-child:nth-last-child(3):last-child,
.mlt .pills-refresh li:first-child:nth-last-child(3) ~ li:last-child {
  margin-right: 0;
}

.mlt .pills-refresh li:first-child:nth-last-child(4),
.mlt .pills-refresh li:first-child:nth-last-child(4) ~ li {
  width: 25%;
}

.mlt .pills-refresh li:first-child:nth-last-child(4):last-child,
.mlt .pills-refresh li:first-child:nth-last-child(4) ~ li:last-child {
  margin-right: 0;
}

.mlt .pills-container {
  clear: both;
  margin-bottom: 9.04176px;
}

.mlt .pills__detail {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  position: relative;
  background-color: #ebecec;
  height: auto;
  margin-top: 9.04176px;
  max-height: 0;
  overflow-y: hidden;
}

.mlt .pills__detail .pills__detail___animation {
  height: 100%;
  padding: 12.05568px;
  width: 100%;
}

.mlt .pills__detail .pill {
  background-color: #cacaca;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #cfcfcf 0%, #cacaca 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cfcfcf), color-stop(100%, #cacaca));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #cfcfcf 0%, #cacaca 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #cfcfcf 0%, #cacaca 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #cfcfcf 0%, #cacaca 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #cfcfcf 0%, #cacaca 100%);
  /* W3C */
  border: 1px solid #cacaca;
}

.mlt .pills__detail .pill___active {
  background: #00509d;
  border-color: #00509d;
}

.mlt .pills__detail.pills__detail___shown,
.mlt .pills__detail.pills__detail___shown-always {
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  transition: all 500ms;
  height: 100%;
  max-height: 500px;
}

.mlt .pill {
  background-color: #dddddd;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #e3e3e3 0%, #dddddd 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3e3e3), color-stop(100%, #dddddd));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #e3e3e3 0%, #dddddd 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #e3e3e3 0%, #dddddd 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #e3e3e3 0%, #dddddd 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #e3e3e3 0%, #dddddd 100%);
  /* W3C */
  border: 1px solid #d1d1d1;
  color: #404040;
  cursor: pointer;
  display: table-cell;
  font-family: "helvetica-bold";
  height: 40px;
  letter-spacing: -0.015em;
  line-height: 1;
  min-width: 2em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  vertical-align: middle;
}

.mlt .pill.start {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.mlt .pill.end {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.mlt .pill:hover:not(.pill___active):not(.pill__logo) {
  background-color: #c4c4c4;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #c9c9c9 0%, #c4c4c4 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9c9c9), color-stop(100%, #c4c4c4));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #c9c9c9 0%, #c4c4c4 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #c9c9c9 0%, #c4c4c4 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #c9c9c9 0%, #c4c4c4 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #c9c9c9 0%, #c4c4c4 100%);
  /* W3C */
  border-color: #c4c4c4;
}

.mlt .pill .pill__regular {
  font-family: "helvetica-medium";
}

.mlt .pill a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
}

.mlt .pill__icon {
  position: relative;
  padding: 0 12.05568px 0 37.11136px;
}

.mlt .pill__icon:before {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 19px;
  left: 12.05568px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  height: 13px;
  width: 13px;
}

.mlt .pill__icon___tiles:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9Ii0yMyAyNCAxMyAxMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMjMgMjQgMTMgMTMiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iS2FjaGVsX2FuemVpZ2VuIj4KCTxwYXRoIGZpbGw9IiM1MjUyNTIiIGQ9Ik0tMjMsMjRoM3YzaC0zVjI0eiBNLTE4LDI0aDN2M2gtM1YyNHogTS0xMywyNGgzdjNoLTNWMjR6IE0tMjMsMjloM3YzaC0zVjI5eiBNLTE4LDI5aDN2M2gtM1YyOXogTS0xMywyOQoJCWgzdjNoLTNWMjl6IE0tMjMsMzRoM3YzaC0zVjM0eiBNLTE4LDM0aDN2M2gtM1YzNHogTS0xMywzNGgzdjNoLTNWMzR6Ii8+CjwvZz4KPC9zdmc+Cg==");
}

.mlt .pill__icon___tiles:hover:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9Ii0yMyAyNCAxMyAxMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMjMgMjQgMTMgMTMiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iS2FjaGVsX2FuemVpZ2VuIj4KCTxwYXRoIGZpbGw9IiM0MDQwNDAiIGQ9Ik0tMjMsMjRoM3YzaC0zVjI0eiBNLTE4LDI0aDN2M2gtM1YyNHogTS0xMywyNGgzdjNoLTNWMjR6IE0tMjMsMjloM3YzaC0zVjI5eiBNLTE4LDI5aDN2M2gtM1YyOXogTS0xMywyOQoJCWgzdjNoLTNWMjl6IE0tMjMsMzRoM3YzaC0zVjM0eiBNLTE4LDM0aDN2M2gtM1YzNHogTS0xMywzNGgzdjNoLTNWMzR6Ii8+CjwvZz4KPC9zdmc+Cg==");
}

.mlt .pill__icon___tiles.pill___active:before,
.mlt .pill__icon___tiles.pill___active:hover:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9Ii0yMyAyNCAxMyAxMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMjMgMjQgMTMgMTMiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iS2FjaGVsX2FuemVpZ2VuIj4KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0tMjMsMjRoM3YzaC0zVjI0eiBNLTE4LDI0aDN2M2gtM1YyNHogTS0xMywyNGgzdjNoLTNWMjR6IE0tMjMsMjloM3YzaC0zVjI5eiBNLTE4LDI5aDN2M2gtM1YyOXogTS0xMywyOQoJCWgzdjNoLTNWMjl6IE0tMjMsMzRoM3YzaC0zVjM0eiBNLTE4LDM0aDN2M2gtM1YzNHogTS0xMywzNGgzdjNoLTNWMzR6Ii8+CjwvZz4KPC9zdmc+Cg==");
}

.mlt .pill__icon___list:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9Ii0yMyAyNCAxMyAxMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMjMgMjQgMTMgMTMiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iTGlzdGVfYW56ZWlnZW4iPgoJPHBhdGggZmlsbD0iIzUyNTI1MiIgZD0iTS0yMywyNGgzdjNoLTNWMjR6IE0tMTgsMjRoOHYzaC04VjI0eiBNLTIzLDI5aDN2M2gtM1YyOXogTS0xOCwyOWg4djNoLThWMjl6IE0tMjMsMzRoM3YzaC0zVjM0eiBNLTE4LDM0CgkJaDh2M2gtOFYzNHoiLz4KPC9nPgo8L3N2Zz4K");
}

.mlt .pill__icon___list:hover:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9Ii0yMyAyNCAxMyAxMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMjMgMjQgMTMgMTMiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iTGlzdGVfYW56ZWlnZW4iPgoJPHBhdGggZmlsbD0iIzQwNDA0MCIgZD0iTS0yMywyNGgzdjNoLTNWMjR6IE0tMTgsMjRoOHYzaC04VjI0eiBNLTIzLDI5aDN2M2gtM1YyOXogTS0xOCwyOWg4djNoLThWMjl6IE0tMjMsMzRoM3YzaC0zVjM0eiBNLTE4LDM0CgkJaDh2M2gtOFYzNHoiLz4KPC9nPgo8L3N2Zz4K");
}

.mlt .pill__icon___list.pill___active:before,
.mlt .pill__icon___list.pill___active:hover:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9Ii0yMyAyNCAxMyAxMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMjMgMjQgMTMgMTMiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iTGlzdGVfYW56ZWlnZW4iPgoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTS0yMywyNGgzdjNoLTNWMjR6IE0tMTgsMjRoOHYzaC04VjI0eiBNLTIzLDI5aDN2M2gtM1YyOXogTS0xOCwyOWg4djNoLThWMjl6IE0tMjMsMzRoM3YzaC0zVjM0eiBNLTE4LDM0CgkJaDh2M2gtOFYzNHoiLz4KPC9nPgo8L3N2Zz4K");
}

.mlt .pill-refresh {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #e2e2e2;
  float: left;
  padding: 6.02784px;
}

.mlt .pill-refresh .pill {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  float: left;
  line-height: 40px;
  padding: 0 1px;
  width: 70%;
}

.mlt .pill-refresh .pill___active:not(.pill__logo) {
  background: #00509d;
}

.mlt .pill-refresh .pill-icon {
  position: relative;
  float: left;
  height: 40px;
  width: 30%;
}

.mlt .pill-refresh .pill-icon a {
  height: 100%;
  width: 100%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMTQuOTk5cHgiIGhlaWdodD0iMTIuOTk5cHgiIHZpZXdCb3g9Ii0yOTAgNDE0Ljg5MSAxNC45OTkgMTIuOTk5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0yOTAgNDE0Ljg5MSAxNC45OTkgMTIuOTk5IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iSWNvbl9SZWxvYWQiPgoJPHBhdGggZmlsbD0iIzU0NTQ1NCIgZD0iTS0yODUuMTMxLDQxNS44NjhjLTEuOTIyLDEuMTY4LTMuMDIzLDMuMTM3LTMuMTMsNS4xOTRILTI5MGwyLjc4OSwyLjc0NmwyLjgwMy0yLjc0NmgtMS43MjMKCQljMC4xMDItMS4zNjIsMC44NDUtMi42NSwyLjEyMS0zLjQyNWMyLjExNi0xLjI4Niw0Ljg5NS0wLjY0Nyw2LjIwNywxLjQyNmMxLjMxMiwyLjA3MywwLjY2MSw0Ljc5NS0xLjQ1NSw2LjA4MQoJCWMtMS45MzYsMS4xNzYtNC40MjgsMC43NDEtNS44NDItMC45M2wtMS40OTQsMS40OTFjMi4xMDMsMi4zMjYsNS42NywyLjksOC40NTcsMS4yMDhjMy4xMTMtMS44OTEsNC4wNzItNS44OTgsMi4xNDItOC45NDgKCQlDLTI3Ny45MjgsNDE0LjkxNi0yODIuMDE3LDQxMy45NzYtMjg1LjEzMSw0MTUuODY4eiIvPgo8L2c+Cjwvc3ZnPgo=");
  background-position: center center;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-size: 14px 12px;
  display: inline-block;
  overflow: visible;
}

.mlt .pill-refresh .pill-icon a:hover {
  cursor: pointer;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMTQuOTk5cHgiIGhlaWdodD0iMTIuOTk5cHgiIHZpZXdCb3g9Ii0yOTAgNDE0Ljg5MSAxNC45OTkgMTIuOTk5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0yOTAgNDE0Ljg5MSAxNC45OTkgMTIuOTk5IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iSWNvbl9SZWFsb2FkX0hvdmVyIj4KCTxwYXRoIGZpbGw9IiM0MDQwNDAiIGQ9Ik0tMjg1LjEzMSw0MTUuODY4Yy0xLjkyMiwxLjE2OC0zLjAyMywzLjEzNy0zLjEzLDUuMTk0SC0yOTBsMi43ODksMi43NDZsMi44MDMtMi43NDZoLTEuNzIzCgkJYzAuMTAyLTEuMzYyLDAuODQ1LTIuNjUsMi4xMjEtMy40MjVjMi4xMTYtMS4yODYsNC44OTUtMC42NDcsNi4yMDcsMS40MjZjMS4zMTIsMi4wNzMsMC42NjEsNC43OTUtMS40NTUsNi4wODEKCQljLTEuOTM2LDEuMTc2LTQuNDI4LDAuNzQxLTUuODQyLTAuOTNsLTEuNDk0LDEuNDkxYzIuMTAzLDIuMzI2LDUuNjcsMi45LDguNDU3LDEuMjA4YzMuMTEzLTEuODkxLDQuMDcyLTUuODk4LDIuMTQyLTguOTQ4CgkJQy0yNzcuOTI4LDQxNC45MTYtMjgyLjAxNyw0MTMuOTc2LTI4NS4xMzEsNDE1Ljg2OHoiLz4KPC9nPgo8L3N2Zz4K");
}

.mlt .pill__preferences {
  color: #717171;
  max-width: 56px;
  min-width: 56px;
  width: 56px;
}

.mlt .pill__jackpot {
  min-width: 56px;
}

.mlt .pill__jackpot:first-child {
  max-width: 68px;
  min-width: 68px;
  width: 68px;
}

.mlt .pill___active:not(.pill__logo) {
  background: #00509d;
  border-color: #00509d;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mlt .pill___active:not(.pill__logo).pill___detail {
  position: relative;
}

.mlt .pill___active:not(.pill__logo).pill___detail:after {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  bottom: -10.04176px;
  left: 50%;
  border-bottom: 7px solid #ebecec;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  height: 0;
  width: 0;
}

.mlt .pill___info {
  background: #ffffff;
  border: 0;
  border-radius: 0;
  cursor: default;
  display: table-cell;
  min-width: 40px;
  vertical-align: middle;
}

.mlt .pill___million {
  min-width: 2.2em;
}

.mlt .pill___million:after {
  font-size: 11px;
  font-size: 0.7333333333rem;
  line-height: 1.345;
  content: "Mio.";
  display: block;
  font-weight: normal;
  padding-left: 1px;
}

.mlt .pill__text {
  min-width: 70px;
  padding-left: 12px;
  padding-right: 12px;
}

.mlt .pill__logo {
  position: relative;
  min-width: 70px;
}

.mlt .pill__logo:before {
  position: absolute;
  top: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 85%;
  content: "";
  height: 100%;
  width: 100%;
}

.mlt .pill___disabled {
  opacity: 0.5;
}

.mlt .pill___disabled:hover:not(.pill___active):not(.pill__logo) {
  background-color: #dddddd;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #e3e3e3 0%, #dddddd 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3e3e3), color-stop(100%, #dddddd));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #e3e3e3 0%, #dddddd 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #e3e3e3 0%, #dddddd 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #e3e3e3 0%, #dddddd 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #e3e3e3 0%, #dddddd 100%);
  /* W3C */
  border: 1px solid #d1d1d1;
}

.mlt .pills-container___statistics,
.mlt .pills-container___game-filter {
  clear: none;
  float: left;
  margin-bottom: 0;
}

.mlt .pills-container___statistics .pills,
.mlt .pills-container___game-filter .pills {
  width: auto;
}

.mlt .pills-container___statistics .pill,
.mlt .pills-container___game-filter .pill {
  float: left;
  padding: 12.05568px;
}

.mlt .pills-text__info-title {
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1.388;
  letter-spacing: -0.0015em;
  font-family: "tarzana-bold";
  margin-bottom: 12.05568px;
}

.mlt .pills-text__info {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.333;
  letter-spacing: 0;
  margin-bottom: 9.04176px;
}

.mlt .pills-text__info + .pills-text__info-title {
  font-size: 15px;
  font-size: 1rem;
  line-height: 1.067;
  margin-bottom: 15.0696px;
}

@media screen and (max-width: 1200px) and (min-width: 1021px) {
  .mlt .pill-refresh .pill {
    font-size: 13px;
    font-size: 0.8666666667rem;
    line-height: 3.0769230769;
  }
}

@media screen and (min-width: 768px) and (max-width: 1020.9px) {
  .mlt .pill-refresh .pill {
    font-size: 13px;
    font-size: 0.8666666667rem;
    line-height: 3.0769230769;
  }
}

@media screen and (max-width: 767.9px) {
  .mlt .pill-refresh {
    padding-right: 0;
  }
}

@media screen and (min-width: 0) and (max-width: 479.9px) {
  .mlt .pills__detail .pills__detail___animation {
    padding: 6.02784px;
  }

  .mlt .pill-refresh .pill {
    font-size: 13px;
    font-size: 0.8666666667rem;
    line-height: 3.0769230769;
  }
}

.mlt .pill {
  display: block;
  float: left;
  height: 57px;
  min-width: 0;
  padding: 12px 15px;
  text-align: left;
}

.mlt__interactive-map {
  position: relative;
  margin-top: 24.11136px;
  padding-top: 69.402%;
  width: 100%;
}

.mlt__interactive-map.mlt__interactive-map___greyout:before,
.mlt__interactive-map.mlt__interactive-map___inactive:before {
  z-index: 20;
  opacity: 0.8;
}

.mlt__interactive-map.mlt__interactive-map___inactive .mlt__game {
  z-index: 21;
}

.mlt__interactive-map.mlt__interactive-map___inactive .mlt__game.inactive {
  z-index: 5;
}

.mlt__interactive-map.mlt__interactive-map___inactive .mlt__game.simulate-hover {
  z-index: 50 !important;
}

.mlt__interactive-map.mlt__interactive-map___inactive.mlt__interactive-map___greyout .mlt__game {
  z-index: 10;
}

.mlt__interactive-map:before {
  position: absolute;
  z-index: -2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  content: " ";
  opacity: 0;
}

.mlt__game {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
}

.mlt__game.simulate-hover {
  z-index: 30;
}

.mlt__game1 {
  top: 0;
  right: 0;
  left: 0;
}

.mlt__game1.simulate-hover {
  top: -15px;
  left: -20px;
  width: calc(100% + 40px);
}

.mlt__game2 {
  right: 0;
  bottom: 0;
  max-width: 50%;
  width: 100%;
}

.mlt__game2.simulate-hover {
  max-width: 70%;
}

.mlt__game3 {
  top: 0;
  left: 0;
  max-width: 20.58823%;
  width: 100%;
}

.mlt__game3.simulate-hover {
  max-width: 33.333333%;
}

.mlt__game4 {
  bottom: 0;
  left: 0;
  max-width: 50%;
  width: 100%;
}

.mlt__game4.simulate-hover {
  max-width: 70%;
}

@media screen and (max-width: 767.9px) {
  .teaser__symbol-text {
    font-size: 14px;
    font-size: 0.9333333333rem;
  }
}

@media screen and (max-width: 479.9px) {
  .teaser__lot-wrapper {
    padding-top: 0;
  }

  .teaser__lot {
    margin-right: 8.33%;
    padding-top: 38px;
    width: 25%;
  }

  .teaser__lot-text-wrapper {
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
    height: 55px;
    width: 55px;
  }

  .teaser__lot-text {
    font-size: 12px;
    font-size: 0.8rem;
  }

  .teaser__symbol-text {
    font-size: 19px;
    font-size: 1.2666666667rem;
  }
}

/*------------------------------------*    #GRID ITEMS
\*------------------------------------*/

/**
 * All styles for the grid items, replaces the old teasers
 */

.teaser,
.teaser:hover {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.07);
}

/*------------------------------------*      #SWISSLOS ITEM (GENERAL ITEM)
\*------------------------------------*/

.teaser__swisslos,
html .main .teaser__swisslos {
  /*------------------------------------*    #DOUBLE WIDE GRID SETTING
  \*------------------------------------*/
  /*------------------------------------*    #SPECIAL SETTINGS FOR QUICKTIP GRID ITEM
  \*------------------------------------*/
  /*------------------------------------*    #SPECIAL SETTINGS FOR MINI DESKTOP
  \*------------------------------------*/
  /*------------------------------------*    #SPECIAL SETTINGS FOR TABLET
  \*------------------------------------*/
  /*------------------------------------*    #SPECIAL SETTINGS FOR MINI TABLET
  \*------------------------------------*/
  /*------------------------------------*    #SPECIAL SETTINGS FOR ALL PHONES
  \*------------------------------------*/
  /*------------------------------------*    #SPECIAL SETTINGS FOR ALL PHONES PORTRAIT
  \*------------------------------------*/
}

.teaser__swisslos.teaser__picture-slider .teaser__article:hover .teaser__image,
html .main .teaser__swisslos.teaser__picture-slider .teaser__article:hover .teaser__image {
  -webkit-transform: inherit;
  -moz-transform: inherit;
  -ms-transform: inherit;
  -o-transform: inherit;
  transform: inherit;
}

.teaser__swisslos.teaser__picture-slider .teaser__article:hover .slick-active .teaser__image,
html .main .teaser__swisslos.teaser__picture-slider .teaser__article:hover .slick-active .teaser__image {
  -webkit-transform: scale(1.17);
  -moz-transform: scale(1.17);
  -ms-transform: scale(1.17);
  -o-transform: scale(1.17);
  transform: scale(1.17);
}

.teaser__swisslos.teaser__picture-slider .slick-slider,
html .main .teaser__swisslos.teaser__picture-slider .slick-slider {
  margin: 0;
}

.teaser__swisslos .teaser__flag,
html .main .teaser__swisslos .teaser__flag {
  border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1.0555555556;
  position: absolute;
  z-index: 2;
  top: 11px;
  left: 0;
  background-color: #767676;
  color: #ffffff;
  font-family: "tarzana";
  line-height: 34px;
  padding: 0 20px;
}

.teaser__swisslos .teaser__article,
html .main .teaser__swisslos .teaser__article {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.teaser__swisslos .teaser__article:hover .teaser__image,
html .main .teaser__swisslos .teaser__article:hover .teaser__image {
  -webkit-transform: scale(1.17);
  -moz-transform: scale(1.17);
  -ms-transform: scale(1.17);
  -o-transform: scale(1.17);
  transform: scale(1.17);
}

.teaser__swisslos .teaser__article:hover .teaser__button,
html .main .teaser__swisslos .teaser__article:hover .teaser__button {
  margin-bottom: 0;
}

.teaser__swisslos .teaser__image-wrapper,
html .main .teaser__swisslos .teaser__image-wrapper {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.teaser__swisslos .teaser__image,
html .main .teaser__swisslos .teaser__image {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  min-height: 100%;
  min-width: 100%;
}

.teaser__swisslos .teaser__info,
html .main .teaser__swisslos .teaser__info {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(118, 118, 118, 0.6);
  max-height: 77%;
}

.teaser__swisslos .teaser__text + .teaser__button,
html .main .teaser__swisslos .teaser__text + .teaser__button {
  padding-top: 0;
}

.teaser__swisslos .teaser__button,
html .main .teaser__swisslos .teaser__button {
  -webkit-transition: margin-bottom, 0.3s;
  -moz-transition: margin-bottom, 0.3s;
  transition: margin-bottom, 0.3s;
  color: #ffffff;
  padding: 16px 19px;
}

.teaser__swisslos .teaser__button:hover,
html .main .teaser__swisslos .teaser__button:hover {
  color: #ffffff;
}

.teaser__swisslos .teaser__button .button__primary,
.teaser__swisslos .teaser__button
    html .main .teaser__swisslotto .button__primary,
html .main .teaser__swisslotto .teaser__swisslos .teaser__button .button__primary,
html .main .teaser__swisslos .teaser__button .button__primary {
  cursor: pointer;
  padding: 15px 5%;
}

.teaser__swisslos .teaser__info___has-button,
html .main .teaser__swisslos .teaser__info___has-button {
  bottom: 0;
}

.teaser__swisslos .teaser__info___has-button .teaser__button,
html .main .teaser__swisslos .teaser__info___has-button .teaser__button {
  margin-bottom: -79px;
  text-align: center;
}

.teaser__swisslos .teaser__info___has-link .teaser__button,
html .main .teaser__swisslos .teaser__info___has-link .teaser__button {
  margin-bottom: -51px;
  padding-left: 19px;
}

.teaser__swisslos .teaser__article .teaser__link,
html .main .teaser__swisslos .teaser__article .teaser__link {
  -webkit-transform-origin: left bottom;
  -moz-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  -o-transform-origin: left bottom;
  transform-origin: left bottom;
  color: #ffffff;
  font-family: "helvetica-bold", "Arial", sans-serif;
}

.teaser__swisslos .teaser__article .teaser__link:before,
html .main .teaser__swisslos .teaser__article .teaser__link:before {
  height: 9px;
  width: 6px;
  float: none;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iN3B4IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9Ii03MiA3MSA3IDEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC03MiA3MSA3IDEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJwYXRoLTEiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0tNzIsNzIuNWw0LjQsNC41bC00LjQsNC41bDEuNCwxLjVsNS42LTZsLTUuNi02TC03Miw3Mi41eiIvPg0KPC9zdmc+DQo=");
  background-position: center center;
  margin: 0;
}

.teaser__swisslos .teaser__article .teaser__link:hover,
html .main .teaser__swisslos .teaser__article .teaser__link:hover {
  text-decoration: underline;
}

.teaser__swisslos .teaser__article .teaser__link:before,
html .main .teaser__swisslos .teaser__article .teaser__link:before {
  top: 3px;
  height: 12px;
  width: 7px;
}

.teaser__swisslos .teaser__text___title,
html .main .teaser__swisslos .teaser__text___title {
  font-size: 18px;
  font-size: 1.2rem;
  clear: both;
  color: #767676;
  display: block;
  margin-bottom: 12px;
}

.teaser__swisslos .teaser__text,
html .main .teaser__swisslos .teaser__text {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 24px;
  font-size: 1.6rem;
  line-height: 1.5833333333;
  color: #ffffff;
  font-family: "tarzana";
  line-height: 1;
  margin: 12.05568px 8.05568px 12.05568px 19px;
}

.teaser__swisslos .teaser__big-text,
html .main .teaser__swisslos .teaser__big-text {
  font-size: 30px;
  font-size: 2rem;
  line-height: 1.2666666667;
  line-height: 0.8;
}

.teaser__swisslos .teaser__text___next-draws,
html .main .teaser__swisslos .teaser__text___next-draws {
  font-size: 24px;
  font-size: 1.6rem;
  display: block;
  margin-top: 6px;
}

.teaser__swisslos .countdown__next-draws,
html .main .teaser__swisslos .countdown__next-draws {
  clear: both;
  display: block;
}

.teaser__swisslos .teaser__quicktip,
html .main .teaser__swisslos .teaser__quicktip {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 153px;
  margin: auto;
  text-align: center;
}

.teaser__swisslos .teaser__quicktip .enumerator__boxes,
html .main .teaser__swisslos .teaser__quicktip .enumerator__boxes {
  margin-left: auto;
  margin-right: auto;
}

.teaser__swisslos.h2 .teaser__quicktip,
html .main .teaser__swisslos.h2 .teaser__quicktip {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
  height: 263px;
}

.teaser__swisslos .teaser__quicktip___price,
html .main .teaser__swisslos .teaser__quicktip___price {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.5833333333;
  color: #ffffff;
  padding: 9px 0;
}

.teaser__swisslos .teaser__quicktip___price-total,
html .main .teaser__swisslos .teaser__quicktip___price-total {
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1.0555555556;
  font-family: "tarzana";
}

.teaser__swisslos .teaser__interferer,
html .main .teaser__swisslos .teaser__interferer {
  background-color: #ffde00;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #ffde00 0%, #f8d800 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffde00), color-stop(100%, #f8d800));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #ffde00 0%, #f8d800 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #ffde00 0%, #f8d800 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #ffde00 0%, #f8d800 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #ffde00 0%, #f8d800 100%);
  /* W3C */
  -webkit-transform: translate(25%, -25%);
  -moz-transform: translate(25%, -25%);
  -ms-transform: translate(25%, -25%);
  -o-transform: translate(25%, -25%);
  transform: translate(25%, -25%);
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  box-shadow: 1.364px 1.463px 3px 0 rgba(0, 0, 0, 0.18);
  display: table;
  height: 65px;
  overflow: hidden;
  width: 65px;
}

.teaser__swisslos .teaser__interferer___text,
html .main .teaser__swisslos .teaser__interferer___text {
  font-size: 21px;
  font-size: 1.4rem;
  color: #5a0f5f;
  display: table-cell;
  font-family: "tarzana-bold", "Arial", sans-serif;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}

.teaser__swisslos.w2 .teaser__info___has-button .teaser__button,
html .main .teaser__swisslos.w2 .teaser__info___has-button .teaser__button {
  text-align: right;
}

.teaser__swisslos.teaser__quicktip .teaser__info,
html .main .teaser__swisslos.teaser__quicktip .teaser__info {
  bottom: 0;
  background-color: transparent;
}

.teaser__swisslos.teaser__quicktip .teaser__button,
html .main .teaser__swisslos.teaser__quicktip .teaser__button {
  padding-top: 0;
}

.teaser__swisslos.teaser__quicktip:hover .teaser__info,
html .main .teaser__swisslos.teaser__quicktip:hover .teaser__info {
  background-color: transparent;
}

@media screen and (min-width: 1020.9px) and (max-width: 1120px) {
  .teaser__swisslos.w2.h2.teaser__quicktip .teaser__button .button__primary,
  html .main .teaser__swisslos.w2.h2.teaser__quicktip .teaser__button .button__primary {
    padding: 15px 5%;
  }
}

@media screen and (min-width: 767.9px) and (max-width: 860px) {
  .teaser__swisslos.teaser__quicktip .teaser__quicktip,
  html .main .teaser__swisslos.teaser__quicktip .teaser__quicktip {
    padding-top: 8px;
  }

  .teaser__swisslos.w2.teaser__quicktip .teaser__quicktip,
  .teaser__swisslos.h2.teaser__quicktip .teaser__quicktip,
  html .main .teaser__swisslos.w2.teaser__quicktip .teaser__quicktip,
  html .main .teaser__swisslos.h2.teaser__quicktip .teaser__quicktip {
    -webkit-transform: translateY(-18px);
    -moz-transform: translateY(-18px);
    -ms-transform: translateY(-18px);
    -o-transform: translateY(-18px);
    transform: translateY(-18px);
    padding-top: 0;
  }

  .teaser__swisslos.w2.h2.teaser__quicktip .teaser__button .button__primary,
  html .main .teaser__swisslos.w2.h2.teaser__quicktip .teaser__button .button__primary {
    padding: 15px 5%;
  }
}

@media screen and (max-width: 767.9px) {
  .teaser__swisslos.w2 .teaser__quicktip,
  .teaser__swisslos.h2 .teaser__quicktip,
  html .main .teaser__swisslos.w2 .teaser__quicktip,
  html .main .teaser__swisslos.h2 .teaser__quicktip {
    height: 153px;
  }

  .teaser__swisslos .teaser__article .teaser__link,
  html .main .teaser__swisslos .teaser__article .teaser__link {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }

  .teaser__swisslos .teaser__interferer,
  html .main .teaser__swisslos .teaser__interferer {
    height: 40px;
    width: 40px;
  }

  .teaser__swisslos .teaser__interferer___text,
  html .main .teaser__swisslos .teaser__interferer___text {
    font-size: 13px;
    font-size: 0.8666666667rem;
    line-height: 1.4615384615;
  }
}

@media screen and (max-width: 479.9px) {
  .teaser__swisslos .teaser__flag,
  html .main .teaser__swisslos .teaser__flag {
    font-size: 13px;
    font-size: 0.8666666667rem;
    line-height: 1.4615384615;
    padding: 6px 10px 6px 9px;
  }

  .teaser__swisslos .teaser__text,
  html .main .teaser__swisslos .teaser__text {
    font-size: 21px;
    font-size: 1.4rem;
    line-height: 1.8095238095;
    line-height: 1;
    margin: 6.02784px 6.05568px 6.02784px 9px;
  }

  .teaser__swisslos .teaser__big-text,
  html .main .teaser__swisslos .teaser__big-text {
    font-size: 30px;
    font-size: 2rem;
    line-height: 1.2666666667;
    line-height: 0.8;
  }

  .teaser__swisslos .teaser__button .button__primary,
  .teaser__swisslos .teaser__button
    html .main .teaser__swisslotto .button__primary,
  html .main .teaser__swisslotto .teaser__swisslos .teaser__button .button__primary,
  html .main .teaser__swisslos .teaser__button .button__primary {
    font-size: 0.9rem;
    line-height: 0.9;
    padding: 8px 5%;
  }

  .teaser__swisslos .teaser__button,
  html .main .teaser__swisslos .teaser__button {
    margin-bottom: 0;
    padding: 7px 6px;
  }

  .teaser__swisslos .teaser__article .teaser__link,
  html .main .teaser__swisslos .teaser__article .teaser__link {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }

  .teaser__swisslos .teaser__article:hover .teaser__text,
  html .main .teaser__swisslos .teaser__article:hover .teaser__text {
    margin: 6.02784px 6.05568px 6.02784px 9px;
  }

  .teaser__swisslos .teaser__info___has-button .teaser__button,
  html .main .teaser__swisslos .teaser__info___has-button .teaser__button {
    margin-bottom: -44px;
  }

  .teaser__swisslos .teaser__info___has-link .teaser__button,
  html .main .teaser__swisslos .teaser__info___has-link .teaser__button {
    padding-left: 6px;
  }

  .teaser__swisslos .teaser__quicktip,
  .teaser__swisslos.w2 .teaser__quicktip,
  .teaser__swisslos.h2 .teaser__quicktip,
  html .main .teaser__swisslos .teaser__quicktip,
  html .main .teaser__swisslos.w2 .teaser__quicktip,
  html .main .teaser__swisslos.h2 .teaser__quicktip {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    height: 101px;
  }

  .teaser__swisslos.w2 .teaser__quicktip,
  html .main .teaser__swisslos.w2 .teaser__quicktip {
    height: 133px;
  }

  .teaser__swisslos .teaser__quicktip___price,
  html .main .teaser__swisslos .teaser__quicktip___price {
    padding: 5px 0;
  }

  .teaser__swisslos.teaser__quicktip:hover .teaser__info,
  .teaser__swisslos.teaser__quicktip .teaser__info,
  html .main .teaser__swisslos.teaser__quicktip:hover .teaser__info,
  html .main .teaser__swisslos.teaser__quicktip .teaser__info {
    bottom: -5px;
  }

  .teaser__swisslos .teaser__interferer,
  html .main .teaser__swisslos .teaser__interferer {
    -webkit-transform: translate(13%, -13%);
    -moz-transform: translate(13%, -13%);
    -ms-transform: translate(13%, -13%);
    -o-transform: translate(13%, -13%);
    transform: translate(13%, -13%);
  }
}

/*------------------------------------*      #NEWS ITEM
\*------------------------------------*/

.teaser__news,
html .main .teaser__news {
  /*------------------------------------*    #DOUBLE WIDE GRID SETTING
  \*------------------------------------*/
  /*------------------------------------*    #SPECIAL SETTINGS FOR QUICKTIP GRID ITEM
  \*------------------------------------*/
  /*------------------------------------*    #SPECIAL SETTINGS FOR MINI DESKTOP
  \*------------------------------------*/
  /*------------------------------------*    #SPECIAL SETTINGS FOR TABLET
  \*------------------------------------*/
  /*------------------------------------*    #SPECIAL SETTINGS FOR MINI TABLET
  \*------------------------------------*/
  /*------------------------------------*    #SPECIAL SETTINGS FOR ALL PHONES
  \*------------------------------------*/
  /*------------------------------------*    #SPECIAL SETTINGS FOR ALL PHONES PORTRAIT
  \*------------------------------------*/
}

.teaser__news.teaser__picture-slider .teaser__article:hover .teaser__image,
html .main .teaser__news.teaser__picture-slider .teaser__article:hover .teaser__image {
  -webkit-transform: inherit;
  -moz-transform: inherit;
  -ms-transform: inherit;
  -o-transform: inherit;
  transform: inherit;
}

.teaser__news.teaser__picture-slider .teaser__article:hover .slick-active .teaser__image,
html .main .teaser__news.teaser__picture-slider .teaser__article:hover .slick-active .teaser__image {
  -webkit-transform: scale(1.17);
  -moz-transform: scale(1.17);
  -ms-transform: scale(1.17);
  -o-transform: scale(1.17);
  transform: scale(1.17);
}

.teaser__news.teaser__picture-slider .slick-slider,
html .main .teaser__news.teaser__picture-slider .slick-slider {
  margin: 0;
}

.teaser__news .teaser__flag,
html .main .teaser__news .teaser__flag {
  border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1.0555555556;
  position: absolute;
  z-index: 2;
  top: 11px;
  left: 0;
  background-color: #767676;
  color: #ffffff;
  font-family: "tarzana";
  line-height: 34px;
  padding: 0 20px;
}

.teaser__news .teaser__article,
html .main .teaser__news .teaser__article {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.teaser__news .teaser__article:hover .teaser__image,
html .main .teaser__news .teaser__article:hover .teaser__image {
  -webkit-transform: scale(1.17);
  -moz-transform: scale(1.17);
  -ms-transform: scale(1.17);
  -o-transform: scale(1.17);
  transform: scale(1.17);
}

.teaser__news .teaser__article:hover .teaser__button,
html .main .teaser__news .teaser__article:hover .teaser__button {
  margin-bottom: 0;
}

.teaser__news .teaser__image-wrapper,
html .main .teaser__news .teaser__image-wrapper {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.teaser__news .teaser__image,
html .main .teaser__news .teaser__image {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  min-height: 100%;
  min-width: 100%;
}

.teaser__news .teaser__info,
html .main .teaser__news .teaser__info {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(118, 118, 118, 0.6);
  max-height: 77%;
}

.teaser__news .teaser__text + .teaser__button,
html .main .teaser__news .teaser__text + .teaser__button {
  padding-top: 0;
}

.teaser__news .teaser__button,
html .main .teaser__news .teaser__button {
  -webkit-transition: margin-bottom, 0.3s;
  -moz-transition: margin-bottom, 0.3s;
  transition: margin-bottom, 0.3s;
  color: #ffffff;
  padding: 16px 19px;
}

.teaser__news .teaser__button:hover,
html .main .teaser__news .teaser__button:hover {
  color: #ffffff;
}

.teaser__news .teaser__button .button__primary,
.teaser__news .teaser__button
    html .main .teaser__swisslotto .button__primary,
html .main .teaser__swisslotto .teaser__news .teaser__button .button__primary,
html .main .teaser__news .teaser__button .button__primary {
  cursor: pointer;
  padding: 15px 5%;
}

.teaser__news .teaser__info___has-button,
html .main .teaser__news .teaser__info___has-button {
  bottom: 0;
}

.teaser__news .teaser__info___has-button .teaser__button,
html .main .teaser__news .teaser__info___has-button .teaser__button {
  margin-bottom: -79px;
  text-align: center;
}

.teaser__news .teaser__info___has-link .teaser__button,
html .main .teaser__news .teaser__info___has-link .teaser__button {
  margin-bottom: -51px;
  padding-left: 19px;
}

.teaser__news .teaser__article .teaser__link,
html .main .teaser__news .teaser__article .teaser__link {
  -webkit-transform-origin: left bottom;
  -moz-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  -o-transform-origin: left bottom;
  transform-origin: left bottom;
  color: #ffffff;
  font-family: "helvetica-bold", "Arial", sans-serif;
}

.teaser__news .teaser__article .teaser__link:before,
html .main .teaser__news .teaser__article .teaser__link:before {
  height: 9px;
  width: 6px;
  float: none;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iN3B4IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9Ii03MiA3MSA3IDEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC03MiA3MSA3IDEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJwYXRoLTEiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0tNzIsNzIuNWw0LjQsNC41bC00LjQsNC41bDEuNCwxLjVsNS42LTZsLTUuNi02TC03Miw3Mi41eiIvPg0KPC9zdmc+DQo=");
  background-position: center center;
  margin: 0;
}

.teaser__news .teaser__article .teaser__link:hover,
html .main .teaser__news .teaser__article .teaser__link:hover {
  text-decoration: underline;
}

.teaser__news .teaser__article .teaser__link:before,
html .main .teaser__news .teaser__article .teaser__link:before {
  top: 3px;
  height: 12px;
  width: 7px;
}

.teaser__news .teaser__text___title,
html .main .teaser__news .teaser__text___title {
  font-size: 18px;
  font-size: 1.2rem;
  clear: both;
  color: #767676;
  display: block;
  margin-bottom: 12px;
}

.teaser__news .teaser__text,
html .main .teaser__news .teaser__text {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 24px;
  font-size: 1.6rem;
  line-height: 1.5833333333;
  color: #ffffff;
  font-family: "tarzana";
  line-height: 1;
  margin: 12.05568px 8.05568px 12.05568px 19px;
}

.teaser__news .teaser__big-text,
html .main .teaser__news .teaser__big-text {
  font-size: 30px;
  font-size: 2rem;
  line-height: 1.2666666667;
  line-height: 0.8;
}

.teaser__news .teaser__text___next-draws,
html .main .teaser__news .teaser__text___next-draws {
  font-size: 24px;
  font-size: 1.6rem;
  display: block;
  margin-top: 6px;
}

.teaser__news .countdown__next-draws,
html .main .teaser__news .countdown__next-draws {
  clear: both;
  display: block;
}

.teaser__news .teaser__quicktip,
html .main .teaser__news .teaser__quicktip {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 153px;
  margin: auto;
  text-align: center;
}

.teaser__news .teaser__quicktip .enumerator__boxes,
html .main .teaser__news .teaser__quicktip .enumerator__boxes {
  margin-left: auto;
  margin-right: auto;
}

.teaser__news.h2 .teaser__quicktip,
html .main .teaser__news.h2 .teaser__quicktip {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
  height: 263px;
}

.teaser__news .teaser__quicktip___price,
html .main .teaser__news .teaser__quicktip___price {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.5833333333;
  color: #ffffff;
  padding: 9px 0;
}

.teaser__news .teaser__quicktip___price-total,
html .main .teaser__news .teaser__quicktip___price-total {
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1.0555555556;
  font-family: "tarzana";
}

.teaser__news .teaser__interferer,
html .main .teaser__news .teaser__interferer {
  background-color: #ffde00;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #ffde00 0%, #f8d800 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffde00), color-stop(100%, #f8d800));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #ffde00 0%, #f8d800 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #ffde00 0%, #f8d800 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #ffde00 0%, #f8d800 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #ffde00 0%, #f8d800 100%);
  /* W3C */
  -webkit-transform: translate(25%, -25%);
  -moz-transform: translate(25%, -25%);
  -ms-transform: translate(25%, -25%);
  -o-transform: translate(25%, -25%);
  transform: translate(25%, -25%);
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  box-shadow: 1.364px 1.463px 3px 0 rgba(0, 0, 0, 0.18);
  display: table;
  height: 65px;
  overflow: hidden;
  width: 65px;
}

.teaser__news .teaser__interferer___text,
html .main .teaser__news .teaser__interferer___text {
  font-size: 21px;
  font-size: 1.4rem;
  color: #5a0f5f;
  display: table-cell;
  font-family: "tarzana-bold", "Arial", sans-serif;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}

.teaser__news.w2 .teaser__info___has-button .teaser__button,
html .main .teaser__news.w2 .teaser__info___has-button .teaser__button {
  text-align: right;
}

.teaser__news.teaser__quicktip .teaser__info,
html .main .teaser__news.teaser__quicktip .teaser__info {
  bottom: 0;
  background-color: transparent;
}

.teaser__news.teaser__quicktip .teaser__button,
html .main .teaser__news.teaser__quicktip .teaser__button {
  padding-top: 0;
}

.teaser__news.teaser__quicktip:hover .teaser__info,
html .main .teaser__news.teaser__quicktip:hover .teaser__info {
  background-color: transparent;
}

@media screen and (min-width: 1020.9px) and (max-width: 1120px) {
  .teaser__news.w2.h2.teaser__quicktip .teaser__button .button__primary,
  html .main .teaser__news.w2.h2.teaser__quicktip .teaser__button .button__primary {
    padding: 15px 5%;
  }
}

@media screen and (min-width: 767.9px) and (max-width: 860px) {
  .teaser__news.teaser__quicktip .teaser__quicktip,
  html .main .teaser__news.teaser__quicktip .teaser__quicktip {
    padding-top: 8px;
  }

  .teaser__news.w2.teaser__quicktip .teaser__quicktip,
  .teaser__news.h2.teaser__quicktip .teaser__quicktip,
  html .main .teaser__news.w2.teaser__quicktip .teaser__quicktip,
  html .main .teaser__news.h2.teaser__quicktip .teaser__quicktip {
    -webkit-transform: translateY(-18px);
    -moz-transform: translateY(-18px);
    -ms-transform: translateY(-18px);
    -o-transform: translateY(-18px);
    transform: translateY(-18px);
    padding-top: 0;
  }

  .teaser__news.w2.h2.teaser__quicktip .teaser__button .button__primary,
  html .main .teaser__news.w2.h2.teaser__quicktip .teaser__button .button__primary {
    padding: 15px 5%;
  }
}

@media screen and (max-width: 767.9px) {
  .teaser__news.w2 .teaser__quicktip,
  .teaser__news.h2 .teaser__quicktip,
  html .main .teaser__news.w2 .teaser__quicktip,
  html .main .teaser__news.h2 .teaser__quicktip {
    height: 153px;
  }

  .teaser__news .teaser__article .teaser__link,
  html .main .teaser__news .teaser__article .teaser__link {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }

  .teaser__news .teaser__interferer,
  html .main .teaser__news .teaser__interferer {
    height: 40px;
    width: 40px;
  }

  .teaser__news .teaser__interferer___text,
  html .main .teaser__news .teaser__interferer___text {
    font-size: 13px;
    font-size: 0.8666666667rem;
    line-height: 1.4615384615;
  }
}

@media screen and (max-width: 479.9px) {
  .teaser__news .teaser__flag,
  html .main .teaser__news .teaser__flag {
    font-size: 13px;
    font-size: 0.8666666667rem;
    line-height: 1.4615384615;
    padding: 6px 10px 6px 9px;
  }

  .teaser__news .teaser__text,
  html .main .teaser__news .teaser__text {
    font-size: 21px;
    font-size: 1.4rem;
    line-height: 1.8095238095;
    line-height: 1;
    margin: 6.02784px 6.05568px 6.02784px 9px;
  }

  .teaser__news .teaser__big-text,
  html .main .teaser__news .teaser__big-text {
    font-size: 30px;
    font-size: 2rem;
    line-height: 1.2666666667;
    line-height: 0.8;
  }

  .teaser__news .teaser__button .button__primary,
  .teaser__news .teaser__button
    html .main .teaser__swisslotto .button__primary,
  html .main .teaser__swisslotto .teaser__news .teaser__button .button__primary,
  html .main .teaser__news .teaser__button .button__primary {
    font-size: 0.9rem;
    line-height: 0.9;
    padding: 8px 5%;
  }

  .teaser__news .teaser__button,
  html .main .teaser__news .teaser__button {
    margin-bottom: 0;
    padding: 7px 6px;
  }

  .teaser__news .teaser__article .teaser__link,
  html .main .teaser__news .teaser__article .teaser__link {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }

  .teaser__news .teaser__article:hover .teaser__text,
  html .main .teaser__news .teaser__article:hover .teaser__text {
    margin: 6.02784px 6.05568px 6.02784px 9px;
  }

  .teaser__news .teaser__info___has-button .teaser__button,
  html .main .teaser__news .teaser__info___has-button .teaser__button {
    margin-bottom: -44px;
  }

  .teaser__news .teaser__info___has-link .teaser__button,
  html .main .teaser__news .teaser__info___has-link .teaser__button {
    padding-left: 6px;
  }

  .teaser__news .teaser__quicktip,
  .teaser__news.w2 .teaser__quicktip,
  .teaser__news.h2 .teaser__quicktip,
  html .main .teaser__news .teaser__quicktip,
  html .main .teaser__news.w2 .teaser__quicktip,
  html .main .teaser__news.h2 .teaser__quicktip {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    height: 101px;
  }

  .teaser__news.w2 .teaser__quicktip,
  html .main .teaser__news.w2 .teaser__quicktip {
    height: 133px;
  }

  .teaser__news .teaser__quicktip___price,
  html .main .teaser__news .teaser__quicktip___price {
    padding: 5px 0;
  }

  .teaser__news.teaser__quicktip:hover .teaser__info,
  .teaser__news.teaser__quicktip .teaser__info,
  html .main .teaser__news.teaser__quicktip:hover .teaser__info,
  html .main .teaser__news.teaser__quicktip .teaser__info {
    bottom: -5px;
  }

  .teaser__news .teaser__interferer,
  html .main .teaser__news .teaser__interferer {
    -webkit-transform: translate(13%, -13%);
    -moz-transform: translate(13%, -13%);
    -ms-transform: translate(13%, -13%);
    -o-transform: translate(13%, -13%);
    transform: translate(13%, -13%);
  }
}

.teaser__news .teaser__article,
html .main .teaser__news .teaser__article {
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
}

.teaser__news .teaser__article:hover .teaser__info,
html .main .teaser__news .teaser__article:hover .teaser__info {
  top: 50px;
  background-color: white;
}

.teaser__news .teaser__article:hover .link__read-more,
html .main .teaser__news .teaser__article:hover .link__read-more {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  color: #df051a;
  text-decoration: underline;
}

.teaser__news .teaser__flag,
html .main .teaser__news .teaser__flag {
  background-color: #767676;
}

.teaser__news .teaser__info,
html .main .teaser__news .teaser__info {
  top: 50px;
  background-color: #ffffff;
}

.teaser__news .teaser__info:hover,
html .main .teaser__news .teaser__info:hover {
  top: 50px;
}

.teaser__news .teaser__text,
html .main .teaser__news .teaser__text {
  font-size: 24px;
  font-size: 1.6rem;
  color: #404040;
  line-height: 1;
}

.teaser__news .teaser__button,
html .main .teaser__news .teaser__button {
  position: absolute;
  bottom: 11px;
  padding: 0 19px;
  text-align: left;
}

.teaser__news .link__read-more,
html .main .teaser__news .link__read-more {
  -webkit-transition: font-size, 0.2s;
  -moz-transition: font-size, 0.2s;
  transition: font-size, 0.2s;
  -webkit-transform-origin: left bottom;
  -moz-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  -o-transform-origin: left bottom;
  transform-origin: left bottom;
  margin-top: 12.05568px;
}

.teaser__news .link__read-more:after,
html .main .teaser__news .link__read-more:after {
  -webkit-transition: background-size, 0.2s;
  -moz-transition: background-size, 0.2s;
  transition: background-size, 0.2s;
}

@media screen and (max-width: 1020.9px) {
  .teaser__news.grid__item .teaser__text___title {
    font-size: 18px;
    font-size: 1.2rem;
  }

  .teaser__news.grid__item .teaser__text {
    font-size: 21px;
    font-size: 1.4rem;
  }

  .teaser__news.grid__item .teaser__big-text {
    font-size: 26px;
    font-size: 1.7333333333rem;
    line-height: 1.4615384615;
  }

  .teaser__news.grid__item .teaser__article:hover .link__read-more {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@media screen and (max-width: 767.9px) {
  .teaser__news.grid__item .teaser__article:hover .link__read-more {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }

  .teaser__news.grid__item .teaser__info {
    top: 25%;
  }

  .teaser__news.grid__item .teaser__article:hover .teaser__info {
    top: 25%;
  }

  .teaser__news.grid__item .teaser__text___title {
    font-size: 1.5rem;
    margin-bottom: 6px;
  }

  .teaser__news.grid__item .teaser__text {
    font-size: 1.6rem;
  }

  .teaser__news.grid__item .teaser__big-text {
    font-size: 2rem;
  }

  .teaser__news.grid__item .link__read-more {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@media screen and (max-width: 479.9px) {
  .teaser__news.grid__item .teaser__article:hover .link__read-more {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }

  .main .teaser__news.grid__item .teaser__button {
    bottom: 6px;
    padding: 0 8px;
  }

  .main .teaser__news.grid__item .teaser__text___title {
    font-size: 1.4rem;
    margin-bottom: 6px;
  }

  .main .teaser__news.grid__item .teaser__text {
    font-size: 1.4rem;
    line-height: 1;
  }

  .main .teaser__news.grid__item .teaser__big-text {
    font-size: 1.8rem;
  }
}

/**
QUICKTIP TEASER
**/

html body .main .teaser__quicktip.h2.w2 .teaser__article .enumerator__counter {
  height: 88px;
  min-width: 160px;
}

html body .main .teaser__quicktip.h2.w2 .teaser__article .enumerator__counter input {
  font-size: 4.6rem;
  height: 100%;
  line-height: 39px;
}

.teaser__quicktip-fast.h2 .teaser__article:before,
.teaser__quicktip-fast.w2 .teaser__article:before {
  position: absolute;
  top: 7%;
  right: 35%;
  bottom: 7%;
  left: 35%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: " ";
  display: block;
}

.teaser__quicktip-fast.h2 .teaser__article:before {
  right: 20%;
  left: 20%;
}

.teaser__quicktip-fast.w2 .teaser__article:before {
  right: 35%;
  left: 35%;
}

.teaser__quicktip-fast.w2.h2 .teaser__article:before {
  right: 20%;
  left: 20%;
}

/*------------------------------------*      #SWISSLOTTO ITEM
  \*------------------------------------*/

.teaser__swisslotto,
html .main .teaser__swisslotto {
  /*------------------------------------*    #DOUBLE WIDE GRID SETTING
  \*------------------------------------*/
  /*------------------------------------*    #SPECIAL SETTINGS FOR QUICKTIP GRID ITEM
  \*------------------------------------*/
  /*------------------------------------*    #SPECIAL SETTINGS FOR MINI DESKTOP
  \*------------------------------------*/
  /*------------------------------------*    #SPECIAL SETTINGS FOR TABLET
  \*------------------------------------*/
  /*------------------------------------*    #SPECIAL SETTINGS FOR MINI TABLET
  \*------------------------------------*/
  /*------------------------------------*    #SPECIAL SETTINGS FOR ALL PHONES
  \*------------------------------------*/
  /*------------------------------------*    #SPECIAL SETTINGS FOR ALL PHONES PORTRAIT
  \*------------------------------------*/
}

.teaser__swisslotto.teaser__picture-slider .teaser__article:hover .teaser__image,
html .main .teaser__swisslotto.teaser__picture-slider .teaser__article:hover .teaser__image {
  -webkit-transform: inherit;
  -moz-transform: inherit;
  -ms-transform: inherit;
  -o-transform: inherit;
  transform: inherit;
}

.teaser__swisslotto.teaser__picture-slider .teaser__article:hover .slick-active .teaser__image,
html .main .teaser__swisslotto.teaser__picture-slider .teaser__article:hover .slick-active .teaser__image {
  -webkit-transform: scale(1.17);
  -moz-transform: scale(1.17);
  -ms-transform: scale(1.17);
  -o-transform: scale(1.17);
  transform: scale(1.17);
}

.teaser__swisslotto.teaser__picture-slider .slick-slider,
html .main .teaser__swisslotto.teaser__picture-slider .slick-slider {
  margin: 0;
}

.teaser__swisslotto .teaser__flag,
html .main .teaser__swisslotto .teaser__flag {
  border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1.0555555556;
  position: absolute;
  z-index: 2;
  top: 11px;
  left: 0;
  background-color: #e10017;
  color: #ffffff;
  font-family: "tarzana";
  line-height: 34px;
  padding: 0 20px;
}

.teaser__swisslotto .teaser__article,
html .main .teaser__swisslotto .teaser__article {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.teaser__swisslotto .teaser__article:hover .teaser__image,
html .main .teaser__swisslotto .teaser__article:hover .teaser__image {
  -webkit-transform: scale(1.17);
  -moz-transform: scale(1.17);
  -ms-transform: scale(1.17);
  -o-transform: scale(1.17);
  transform: scale(1.17);
}

.teaser__swisslotto .teaser__article:hover .teaser__button,
html .main .teaser__swisslotto .teaser__article:hover .teaser__button {
  margin-bottom: 0;
}

.teaser__swisslotto .teaser__image-wrapper,
html .main .teaser__swisslotto .teaser__image-wrapper {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.teaser__swisslotto .teaser__image,
html .main .teaser__swisslotto .teaser__image {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  min-height: 100%;
  min-width: 100%;
}

.teaser__swisslotto .teaser__info,
html .main .teaser__swisslotto .teaser__info {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(225, 0, 23, 0.6);
  max-height: 77%;
}

.teaser__swisslotto .teaser__text + .teaser__button,
html .main .teaser__swisslotto .teaser__text + .teaser__button {
  padding-top: 0;
}

.teaser__swisslotto .teaser__button,
html .main .teaser__swisslotto .teaser__button {
  -webkit-transition: margin-bottom, 0.3s;
  -moz-transition: margin-bottom, 0.3s;
  transition: margin-bottom, 0.3s;
  color: #ffffff;
  padding: 16px 19px;
}

.teaser__swisslotto .teaser__button:hover,
html .main .teaser__swisslotto .teaser__button:hover {
  color: #ffffff;
}

.teaser__swisslotto .teaser__button .button__primary,
html .main .teaser__swisslotto .teaser__button .button__primary,
html .main .teaser__swisslotto .teaser__button .button__primary {
  cursor: pointer;
  padding: 15px 5%;
}

.teaser__swisslotto .teaser__info___has-button,
html .main .teaser__swisslotto .teaser__info___has-button {
  bottom: 0;
}

.teaser__swisslotto .teaser__info___has-button .teaser__button,
html .main .teaser__swisslotto .teaser__info___has-button .teaser__button {
  margin-bottom: -79px;
  text-align: center;
}

.teaser__swisslotto .teaser__info___has-link .teaser__button,
html .main .teaser__swisslotto .teaser__info___has-link .teaser__button {
  margin-bottom: -51px;
  padding-left: 19px;
}

.teaser__swisslotto .teaser__article .teaser__link,
html .main .teaser__swisslotto .teaser__article .teaser__link {
  -webkit-transform-origin: left bottom;
  -moz-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  -o-transform-origin: left bottom;
  transform-origin: left bottom;
  color: #ffffff;
  font-family: "helvetica-bold", "Arial", sans-serif;
}

.teaser__swisslotto .teaser__article .teaser__link:before,
html .main .teaser__swisslotto .teaser__article .teaser__link:before {
  height: 9px;
  width: 6px;
  float: none;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iN3B4IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9Ii03MiA3MSA3IDEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC03MiA3MSA3IDEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJwYXRoLTEiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0tNzIsNzIuNWw0LjQsNC41bC00LjQsNC41bDEuNCwxLjVsNS42LTZsLTUuNi02TC03Miw3Mi41eiIvPg0KPC9zdmc+DQo=");
  background-position: center center;
  margin: 0;
}

.teaser__swisslotto .teaser__article .teaser__link:hover,
html .main .teaser__swisslotto .teaser__article .teaser__link:hover {
  text-decoration: underline;
}

.teaser__swisslotto .teaser__article .teaser__link:before,
html .main .teaser__swisslotto .teaser__article .teaser__link:before {
  top: 3px;
  height: 12px;
  width: 7px;
}

.teaser__swisslotto .teaser__text___title,
html .main .teaser__swisslotto .teaser__text___title {
  font-size: 18px;
  font-size: 1.2rem;
  clear: both;
  color: #e10017;
  display: block;
  margin-bottom: 12px;
}

.teaser__swisslotto .teaser__text,
html .main .teaser__swisslotto .teaser__text {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 24px;
  font-size: 1.6rem;
  line-height: 1.5833333333;
  color: #ffffff;
  font-family: "tarzana";
  line-height: 1;
  margin: 12.05568px 8.05568px 12.05568px 19px;
}

.teaser__swisslotto .teaser__big-text,
html .main .teaser__swisslotto .teaser__big-text {
  font-size: 30px;
  font-size: 2rem;
  line-height: 1.2666666667;
  line-height: 0.8;
}

.teaser__swisslotto .teaser__text___next-draws,
html .main .teaser__swisslotto .teaser__text___next-draws {
  font-size: 24px;
  font-size: 1.6rem;
  display: block;
  margin-top: 6px;
}

.teaser__swisslotto .countdown__next-draws,
html .main .teaser__swisslotto .countdown__next-draws {
  clear: both;
  display: block;
}

.teaser__swisslotto .teaser__quicktip,
html .main .teaser__swisslotto .teaser__quicktip {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 153px;
  margin: auto;
  text-align: center;
}

.teaser__swisslotto .teaser__quicktip .enumerator__boxes,
html .main .teaser__swisslotto .teaser__quicktip .enumerator__boxes {
  margin-left: auto;
  margin-right: auto;
}

.teaser__swisslotto.h2 .teaser__quicktip,
html .main .teaser__swisslotto.h2 .teaser__quicktip {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
  height: 263px;
}

.teaser__swisslotto .teaser__quicktip___price,
html .main .teaser__swisslotto .teaser__quicktip___price {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.5833333333;
  color: #ffffff;
  padding: 9px 0;
}

.teaser__swisslotto .teaser__quicktip___price-total,
html .main .teaser__swisslotto .teaser__quicktip___price-total {
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1.0555555556;
  font-family: "tarzana";
}

.teaser__swisslotto .teaser__interferer,
html .main .teaser__swisslotto .teaser__interferer {
  background-color: #ffde00;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #ffde00 0%, #f8d800 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffde00), color-stop(100%, #f8d800));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #ffde00 0%, #f8d800 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #ffde00 0%, #f8d800 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #ffde00 0%, #f8d800 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #ffde00 0%, #f8d800 100%);
  /* W3C */
  -webkit-transform: translate(25%, -25%);
  -moz-transform: translate(25%, -25%);
  -ms-transform: translate(25%, -25%);
  -o-transform: translate(25%, -25%);
  transform: translate(25%, -25%);
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  box-shadow: 1.364px 1.463px 3px 0 rgba(0, 0, 0, 0.18);
  display: table;
  height: 65px;
  overflow: hidden;
  width: 65px;
}

.teaser__swisslotto .teaser__interferer___text,
html .main .teaser__swisslotto .teaser__interferer___text {
  font-size: 21px;
  font-size: 1.4rem;
  color: #5a0f5f;
  display: table-cell;
  font-family: "tarzana-bold", "Arial", sans-serif;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}

.teaser__swisslotto.w2 .teaser__info___has-button .teaser__button,
html .main .teaser__swisslotto.w2 .teaser__info___has-button .teaser__button {
  text-align: right;
}

.teaser__swisslotto.teaser__quicktip .teaser__info,
html .main .teaser__swisslotto.teaser__quicktip .teaser__info {
  bottom: 0;
  background-color: transparent;
}

.teaser__swisslotto.teaser__quicktip .teaser__button,
html .main .teaser__swisslotto.teaser__quicktip .teaser__button {
  padding-top: 0;
}

.teaser__swisslotto.teaser__quicktip:hover .teaser__info,
html .main .teaser__swisslotto.teaser__quicktip:hover .teaser__info {
  background-color: transparent;
}

@media screen and (min-width: 1020.9px) and (max-width: 1120px) {
  .teaser__swisslotto.w2.h2.teaser__quicktip .teaser__button .button__primary,
  html .main .teaser__swisslotto.w2.h2.teaser__quicktip .teaser__button .button__primary {
    padding: 15px 5%;
  }
}

@media screen and (min-width: 767.9px) and (max-width: 860px) {
  .teaser__swisslotto.teaser__quicktip .teaser__quicktip,
  html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip {
    padding-top: 8px;
  }

  .teaser__swisslotto.w2.teaser__quicktip .teaser__quicktip,
  .teaser__swisslotto.h2.teaser__quicktip .teaser__quicktip,
  html .main .teaser__swisslotto.w2.teaser__quicktip .teaser__quicktip,
  html .main .teaser__swisslotto.h2.teaser__quicktip .teaser__quicktip {
    -webkit-transform: translateY(-18px);
    -moz-transform: translateY(-18px);
    -ms-transform: translateY(-18px);
    -o-transform: translateY(-18px);
    transform: translateY(-18px);
    padding-top: 0;
  }

  .teaser__swisslotto.w2.h2.teaser__quicktip .teaser__button .button__primary,
  html .main .teaser__swisslotto.w2.h2.teaser__quicktip .teaser__button .button__primary {
    padding: 15px 5%;
  }
}

@media screen and (max-width: 767.9px) {
  .teaser__swisslotto.w2 .teaser__quicktip,
  .teaser__swisslotto.h2 .teaser__quicktip,
  html .main .teaser__swisslotto.w2 .teaser__quicktip,
  html .main .teaser__swisslotto.h2 .teaser__quicktip {
    height: 153px;
  }

  .teaser__swisslotto .teaser__article .teaser__link,
  html .main .teaser__swisslotto .teaser__article .teaser__link {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }

  .teaser__swisslotto .teaser__interferer,
  html .main .teaser__swisslotto .teaser__interferer {
    height: 40px;
    width: 40px;
  }

  .teaser__swisslotto .teaser__interferer___text,
  html .main .teaser__swisslotto .teaser__interferer___text {
    font-size: 13px;
    font-size: 0.8666666667rem;
    line-height: 1.4615384615;
  }
}

@media screen and (max-width: 479.9px) {
  .teaser__swisslotto .teaser__flag,
  html .main .teaser__swisslotto .teaser__flag {
    font-size: 13px;
    font-size: 0.8666666667rem;
    line-height: 1.4615384615;
    padding: 6px 10px 6px 9px;
  }

  .teaser__swisslotto .teaser__text,
  html .main .teaser__swisslotto .teaser__text {
    font-size: 21px;
    font-size: 1.4rem;
    line-height: 1.8095238095;
    line-height: 1;
    margin: 6.02784px 6.05568px 6.02784px 9px;
  }

  .teaser__swisslotto .teaser__big-text,
  html .main .teaser__swisslotto .teaser__big-text {
    font-size: 30px;
    font-size: 2rem;
    line-height: 1.2666666667;
    line-height: 0.8;
  }

  .teaser__swisslotto .teaser__button .button__primary,
  html .main .teaser__swisslotto .teaser__button .button__primary,
  html .main .teaser__swisslotto .teaser__button .button__primary {
    font-size: 0.9rem;
    line-height: 0.9;
    padding: 8px 5%;
  }

  .teaser__swisslotto .teaser__button,
  html .main .teaser__swisslotto .teaser__button {
    margin-bottom: 0;
    padding: 7px 6px;
  }

  .teaser__swisslotto .teaser__article .teaser__link,
  html .main .teaser__swisslotto .teaser__article .teaser__link {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }

  .teaser__swisslotto .teaser__article:hover .teaser__text,
  html .main .teaser__swisslotto .teaser__article:hover .teaser__text {
    margin: 6.02784px 6.05568px 6.02784px 9px;
  }

  .teaser__swisslotto .teaser__info___has-button .teaser__button,
  html .main .teaser__swisslotto .teaser__info___has-button .teaser__button {
    margin-bottom: -44px;
  }

  .teaser__swisslotto .teaser__info___has-link .teaser__button,
  html .main .teaser__swisslotto .teaser__info___has-link .teaser__button {
    padding-left: 6px;
  }

  .teaser__swisslotto .teaser__quicktip,
  .teaser__swisslotto.w2 .teaser__quicktip,
  .teaser__swisslotto.h2 .teaser__quicktip,
  html .main .teaser__swisslotto .teaser__quicktip,
  html .main .teaser__swisslotto.w2 .teaser__quicktip,
  html .main .teaser__swisslotto.h2 .teaser__quicktip {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    height: 101px;
  }

  .teaser__swisslotto.w2 .teaser__quicktip,
  html .main .teaser__swisslotto.w2 .teaser__quicktip {
    height: 133px;
  }

  .teaser__swisslotto .teaser__quicktip___price,
  html .main .teaser__swisslotto .teaser__quicktip___price {
    padding: 5px 0;
  }

  .teaser__swisslotto.teaser__quicktip:hover .teaser__info,
  .teaser__swisslotto.teaser__quicktip .teaser__info,
  html .main .teaser__swisslotto.teaser__quicktip:hover .teaser__info,
  html .main .teaser__swisslotto.teaser__quicktip .teaser__info {
    bottom: -5px;
  }

  .teaser__swisslotto .teaser__interferer,
  html .main .teaser__swisslotto .teaser__interferer {
    -webkit-transform: translate(13%, -13%);
    -moz-transform: translate(13%, -13%);
    -ms-transform: translate(13%, -13%);
    -o-transform: translate(13%, -13%);
    transform: translate(13%, -13%);
  }
}

.teaser__swisslotto.teaser__quicktip,
.teaser__swisslotto.teaser__quicktip-fast,
html .main .teaser__swisslotto.teaser__quicktip,
html .main .teaser__swisslotto.teaser__quicktip-fast {
  background-color: #b60012;
  background-image: -webkit-radial-gradient(#b60012, #a50011);
  background-image: radial-gradient(  #b60012, #a50011);
}

.teaser__swisslotto.teaser__quicktip .teaser__quicktip,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast {
  position: absolute;
  /**
 * All Phone View
 */
}

.teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__counter,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__counter,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__counter,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__counter,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__counter,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__counter,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__counter,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__counter {
  position: relative;
  z-index: 10;
  margin: 20px auto 0 auto;
  max-width: 100%;
  width: 318px;
}

.teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__counter input,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__counter input,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__counter input,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__counter input,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__counter input,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__counter input,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__counter input,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__counter input {
  font-size: 36px;
  font-size: 2.4rem;
  line-height: 1.0555555556;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.14);
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.14);
  background-color: #f0f0f0;
  border: none;
  color: #707070;
  font-family: "tarzana";
  height: 51px;
  line-height: 51px;
  text-align: center;
  width: 33.33333%;
}

.teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__add,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__remove,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__add,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__remove,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__add,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__remove,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__add,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__remove,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__add,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__remove,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__add,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__remove,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__add,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__remove,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__add,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__remove {
  height: 38px;
  width: 38px;
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 55%;
}

.teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__remove,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__remove,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__remove,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__remove,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__remove,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__remove,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__remove,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__remove {
  left: 0;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB3aWR0aD0iMjVweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9Ii0zNTIgMjU1LjkxIDI1IDUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTM1MiAyNTUuOTEgMjUgNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJNaW51cyI+CiAgPGc+CiAgICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNLTM1MiwyNTUuOTFoMjV2NWgtMjVWMjU1LjkxeiIvPgogIDwvZz4KPC9nPgo8L3N2Zz4K");
}

.teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__remove:hover,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__remove.hover,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__remove.button__primary___active,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__remove:hover,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__remove.hover,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__remove.button__primary___active,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__remove:hover,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__remove.hover,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__remove.button__primary___active,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__remove:hover,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__remove.hover,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__remove.button__primary___active,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__remove:hover,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__remove.hover,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__remove.button__primary___active,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__remove:hover,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__remove.hover,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__remove.button__primary___active,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__remove:hover,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__remove.hover,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__remove.button__primary___active,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__remove:hover,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__remove.hover,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__remove.button__primary___active {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB3aWR0aD0iMjVweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9Ii0zNTIgMjU1LjkxIDI1IDUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTM1MiAyNTUuOTEgMjUgNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJNaW51cyI+CiAgPGc+CiAgICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNLTM1MiwyNTUuOTFoMjV2NWgtMjVWMjU1LjkxeiIvPgogIDwvZz4KPC9nPgo8L3N2Zz4K");
}

.teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__remove[disabled="disabled"],
.teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__remove[disabled=""],
.teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__remove.button__primary___disabled,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__remove[disabled="disabled"],
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__remove[disabled=""],
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__remove.button__primary___disabled,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__remove[disabled="disabled"],
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__remove[disabled=""],
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__remove.button__primary___disabled,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__remove[disabled="disabled"],
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__remove[disabled=""],
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__remove.button__primary___disabled,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__remove[disabled="disabled"],
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__remove[disabled=""],
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__remove.button__primary___disabled,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__remove[disabled="disabled"],
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__remove[disabled=""],
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__remove.button__primary___disabled,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__remove[disabled="disabled"],
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__remove[disabled=""],
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__remove.button__primary___disabled,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__remove[disabled="disabled"],
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__remove[disabled=""],
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__remove.button__primary___disabled {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB3aWR0aD0iMjVweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9Ii0zNTIgMjU1LjkxIDI1IDUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTM1MiAyNTUuOTEgMjUgNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJNaW51cyI+CiAgPGc+CiAgICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNLTM1MiwyNTUuOTFoMjV2NWgtMjVWMjU1LjkxeiIvPgogIDwvZz4KPC9nPgo8L3N2Zz4K");
}

.teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__add,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__add,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__add,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__add,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__add,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__add,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__add,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__add {
  right: 0;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB3aWR0aD0iMjVweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSItMzUyIDI0NS45MSAyNSAyNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMzUyIDI0NS45MSAyNSAyNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJQbHVzIj4KICA8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9Ii0zMjcsMjU1LjkxIC0zMzcsMjU1LjkxIC0zMzcsMjQ1LjkxIC0zNDIsMjQ1LjkxIC0zNDIsMjU1LjkxIC0zNTIsMjU1LjkxIC0zNTIsMjYwLjkxIAogICAgLTM0MiwyNjAuOTEgLTM0MiwyNzAuOTEgLTMzNywyNzAuOTEgLTMzNywyNjAuOTEgLTMyNywyNjAuOTEgICAiLz4KPC9nPgo8L3N2Zz4K");
}

.teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__add:hover,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__add.hover,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__add.button__primary___active,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__add:hover,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__add.hover,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__add.button__primary___active,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__add:hover,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__add.hover,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__add.button__primary___active,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__add:hover,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__add.hover,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__add.button__primary___active,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__add:hover,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__add.hover,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__add.button__primary___active,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__add:hover,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__add.hover,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__add.button__primary___active,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__add:hover,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__add.hover,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__add.button__primary___active,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__add:hover,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__add.hover,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__add.button__primary___active {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB3aWR0aD0iMjVweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSItMzUyIDI0NS45MSAyNSAyNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMzUyIDI0NS45MSAyNSAyNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJQbHVzIj4KICA8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9Ii0zMjcsMjU1LjkxIC0zMzcsMjU1LjkxIC0zMzcsMjQ1LjkxIC0zNDIsMjQ1LjkxIC0zNDIsMjU1LjkxIC0zNTIsMjU1LjkxIC0zNTIsMjYwLjkxIAogICAgLTM0MiwyNjAuOTEgLTM0MiwyNzAuOTEgLTMzNywyNzAuOTEgLTMzNywyNjAuOTEgLTMyNywyNjAuOTEgICAiLz4KPC9nPgo8L3N2Zz4K");
}

.teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__add[disabled="disabled"],
.teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__add[disabled=""],
.teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__add.button__primary___disabled,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__add[disabled="disabled"],
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__add[disabled=""],
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__add.button__primary___disabled,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__add[disabled="disabled"],
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__add[disabled=""],
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__add.button__primary___disabled,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__add[disabled="disabled"],
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__add[disabled=""],
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__add.button__primary___disabled,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__add[disabled="disabled"],
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__add[disabled=""],
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__add.button__primary___disabled,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__add[disabled="disabled"],
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__add[disabled=""],
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__add.button__primary___disabled,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__add[disabled="disabled"],
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__add[disabled=""],
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__add.button__primary___disabled,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__add[disabled="disabled"],
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__add[disabled=""],
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__add.button__primary___disabled {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB3aWR0aD0iMjVweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSItMzUyIDI0NS45MSAyNSAyNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMzUyIDI0NS45MSAyNSAyNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJQbHVzIj4KICA8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9Ii0zMjcsMjU1LjkxIC0zMzcsMjU1LjkxIC0zMzcsMjQ1LjkxIC0zNDIsMjQ1LjkxIC0zNDIsMjU1LjkxIC0zNTIsMjU1LjkxIC0zNTIsMjYwLjkxIAogICAgLTM0MiwyNjAuOTEgLTM0MiwyNzAuOTEgLTMzNywyNzAuOTEgLTMzNywyNjAuOTEgLTMyNywyNjAuOTEgICAiLz4KPC9nPgo8L3N2Zz4K");
}

.teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__gauge,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__gauge,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__gauge,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__gauge,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__gauge,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__gauge,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__gauge,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__gauge {
  position: relative;
  z-index: 5;
  height: 107px;
  margin: 0 auto;
  width: 222px;
}

.teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__boxes,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__boxes,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__boxes,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__boxes,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__boxes,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__boxes,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__boxes,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__boxes {
  position: relative;
  height: 120px;
  width: 100%;
}

.teaser__swisslotto.teaser__quicktip .teaser__quicktip .gauge__box,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .gauge__box,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .gauge__box,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .gauge__box,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .gauge__box,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .gauge__box,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .gauge__box,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .gauge__box {
  height: 24px;
  width: 24px;
  position: absolute;
}

.teaser__swisslotto.teaser__quicktip .teaser__quicktip .gauge__box .outer-circle,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .gauge__box .outer-circle,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .gauge__box .outer-circle,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .gauge__box .outer-circle,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .gauge__box .outer-circle,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .gauge__box .outer-circle,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .gauge__box .outer-circle,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .gauge__box .outer-circle {
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  background-color: #8e000f;
  cursor: pointer;
  padding: 2px;
}

.teaser__swisslotto.teaser__quicktip .teaser__quicktip .gauge__box .outer-circle .inner-circle,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .gauge__box .outer-circle .inner-circle,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .gauge__box .outer-circle .inner-circle,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .gauge__box .outer-circle .inner-circle,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .gauge__box .outer-circle .inner-circle,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .gauge__box .outer-circle .inner-circle,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .gauge__box .outer-circle .inner-circle,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .gauge__box .outer-circle .inner-circle {
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}

.teaser__swisslotto.teaser__quicktip .teaser__quicktip .gauge__box.gauge__box___active .outer-circle .inner-circle,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .gauge__box.gauge__box___active .outer-circle .inner-circle,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .gauge__box.gauge__box___active .outer-circle .inner-circle,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .gauge__box.gauge__box___active .outer-circle .inner-circle,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .gauge__box.gauge__box___active .outer-circle .inner-circle,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .gauge__box.gauge__box___active .outer-circle .inner-circle,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .gauge__box.gauge__box___active .outer-circle .inner-circle,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .gauge__box.gauge__box___active .outer-circle .inner-circle {
  background-color: #ffffff;
}

.teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__pointer,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__pointer,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__pointer,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__pointer,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__pointer,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__pointer,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__pointer,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__pointer {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: absolute;
  bottom: -15px;
  left: 50%;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB2aWV3Qm94PSItMzcwIDQyNSA4NyAxNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMzcwIDQyNSA4NyAxNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9Ijg3cHgiIGhlaWdodD0iMTVweCI+CjxnIGlkPSJaZWlnZXIiPgogIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0tMjk3LjYsNDMwbC03Mi40LDJsMCwxbDcyLjQsMmMxLDIuOSwzLjgsNSw3LjEsNWM0LjEsMCw3LjUtMy40LDcuNS03LjVzLTMuNC03LjUtNy41LTcuNQogICAgQy0yOTMuOCw0MjUtMjk2LjYsNDI3LjEtMjk3LjYsNDMweiIvPgo8L2c+Cjwvc3ZnPgo=");
  background-position: 7px center;
  background-repeat: no-repeat;
  background-size: 87px 15px;
  height: 15px;
  margin: 0 0 0 -87px;
  width: 174px;
}

.teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__label,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__label,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__label,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__label,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator__label,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator__label,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator__label,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator__label {
  color: #ffffff;
  font-family: "tarzana";
  font-size: 1rem;
  margin-top: -45px;
}

.teaser__swisslotto.teaser__quicktip .teaser__quicktip.teaser__quicktip .enumerator__counter,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast.teaser__quicktip .enumerator__counter,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip.teaser__quicktip .enumerator__counter,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast.teaser__quicktip .enumerator__counter,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip.teaser__quicktip .enumerator__counter,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast.teaser__quicktip .enumerator__counter,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip.teaser__quicktip .enumerator__counter,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast.teaser__quicktip .enumerator__counter {
  max-width: 95px;
  width: 33.33%;
}

.teaser__swisslotto.teaser__quicktip .teaser__quicktip.teaser__quicktip .enumerator__counter input,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast.teaser__quicktip .enumerator__counter input,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip.teaser__quicktip .enumerator__counter input,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast.teaser__quicktip .enumerator__counter input,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip.teaser__quicktip .enumerator__counter input,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast.teaser__quicktip .enumerator__counter input,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip.teaser__quicktip .enumerator__counter input,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast.teaser__quicktip .enumerator__counter input {
  width: 100%;
}

.teaser__swisslotto.teaser__quicktip .teaser__quicktip.teaser__quicktip .enumerator__counter button.enumerator__remove,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast.teaser__quicktip .enumerator__counter button.enumerator__remove,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip.teaser__quicktip .enumerator__counter button.enumerator__remove,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast.teaser__quicktip .enumerator__counter button.enumerator__remove,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip.teaser__quicktip .enumerator__counter button.enumerator__remove,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast.teaser__quicktip .enumerator__counter button.enumerator__remove,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip.teaser__quicktip .enumerator__counter button.enumerator__remove,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast.teaser__quicktip .enumerator__counter button.enumerator__remove {
  -webkit-transform: translate(-45px, -50%);
  -moz-transform: translate(-45px, -50%);
  -ms-transform: translate(-45px, -50%);
  -o-transform: translate(-45px, -50%);
  transform: translate(-45px, -50%);
  left: auto;
}

.teaser__swisslotto.teaser__quicktip .teaser__quicktip.teaser__quicktip .enumerator__counter button.enumerator__add,
.teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast.teaser__quicktip .enumerator__counter button.enumerator__add,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip.teaser__quicktip .enumerator__counter button.enumerator__add,
.teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast.teaser__quicktip .enumerator__counter button.enumerator__add,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip.teaser__quicktip .enumerator__counter button.enumerator__add,
html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast.teaser__quicktip .enumerator__counter button.enumerator__add,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip.teaser__quicktip .enumerator__counter button.enumerator__add,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast.teaser__quicktip .enumerator__counter button.enumerator__add {
  -webkit-transform: translate(7px, -50%);
  -moz-transform: translate(7px, -50%);
  -ms-transform: translate(7px, -50%);
  -o-transform: translate(7px, -50%);
  transform: translate(7px, -50%);
  right: auto;
  left: 100%;
}

@media screen and (max-width: 767.9px) {
  .teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator .enumerator__counter button,
  .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator .enumerator__counter button,
  .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator .enumerator__counter button,
  .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator .enumerator__counter button,
  html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip .enumerator .enumerator__counter button,
  html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast .enumerator .enumerator__counter button,
  html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip .enumerator .enumerator__counter button,
  html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast .enumerator .enumerator__counter button {
    height: 56px;
    width: 56px;
  }
}

@media screen and (max-width: 479.9px) {
  .teaser__swisslotto.teaser__quicktip .teaser__quicktip.teaser__quicktip input[type="number"],
  .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast.teaser__quicktip input[type="number"],
  .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip.teaser__quicktip input[type="number"],
  .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast.teaser__quicktip input[type="number"],
  html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip.teaser__quicktip input[type="number"],
  html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast.teaser__quicktip input[type="number"],
  html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip.teaser__quicktip input[type="number"],
  html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast.teaser__quicktip input[type="number"] {
    font-size: 30px;
    font-size: 2rem;
    line-height: 1.2666666667;
    height: 40px;
    line-height: 40px;
  }

  .teaser__swisslotto.teaser__quicktip .teaser__quicktip.teaser__quicktip .enumerator__counter button,
  .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast.teaser__quicktip .enumerator__counter button,
  .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip.teaser__quicktip .enumerator__counter button,
  .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast.teaser__quicktip .enumerator__counter button,
  html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip.teaser__quicktip .enumerator__counter button,
  html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast.teaser__quicktip .enumerator__counter button,
  html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip.teaser__quicktip .enumerator__counter button,
  html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast.teaser__quicktip .enumerator__counter button {
    height: 28px;
    width: 28px;
  }

  .teaser__swisslotto.teaser__quicktip .teaser__quicktip.teaser__quicktip .enumerator__counter button.enumerator__remove,
  .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast.teaser__quicktip .enumerator__counter button.enumerator__remove,
  .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip.teaser__quicktip .enumerator__counter button.enumerator__remove,
  .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast.teaser__quicktip .enumerator__counter button.enumerator__remove,
  html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip.teaser__quicktip .enumerator__counter button.enumerator__remove,
  html .main .teaser__swisslotto.teaser__quicktip .teaser__quicktip-fast.teaser__quicktip .enumerator__counter button.enumerator__remove,
  html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip.teaser__quicktip .enumerator__counter button.enumerator__remove,
  html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__quicktip-fast.teaser__quicktip .enumerator__counter button.enumerator__remove {
    -webkit-transform: translate(-35px, -50%);
    -moz-transform: translate(-35px, -50%);
    -ms-transform: translate(-35px, -50%);
    -o-transform: translate(-35px, -50%);
    transform: translate(-35px, -50%);
  }
}

.teaser__swisslotto.teaser__quicktip .teaser__article,
.teaser__swisslotto.teaser__quicktip-fast .teaser__article,
html .main .teaser__swisslotto.teaser__quicktip .teaser__article,
html .main .teaser__swisslotto.teaser__quicktip-fast .teaser__article {
  background-image: url("../images/grid_items/swiss_lotto_raining_money.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100%;
}

.teaser__swisslotto.teaser__quicktip.h2 .teaser__article:after,
.teaser__swisslotto.teaser__quicktip.w2 .teaser__article:after,
.teaser__swisslotto.teaser__quicktip-fast.h2 .teaser__article:after,
.teaser__swisslotto.teaser__quicktip-fast.w2 .teaser__article:after,
html .main .teaser__swisslotto.teaser__quicktip.h2 .teaser__article:after,
html .main .teaser__swisslotto.teaser__quicktip.w2 .teaser__article:after,
html .main .teaser__swisslotto.teaser__quicktip-fast.h2 .teaser__article:after,
html .main .teaser__swisslotto.teaser__quicktip-fast.w2 .teaser__article:after {
  position: absolute;
  right: 0;
  bottom: 3%;
  background-image: url("../images/grid_items/swiss_lotto_ball.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  content: " ";
  display: block;
}

.teaser__swisslotto.teaser__quicktip.h2 .teaser__article:after,
.teaser__swisslotto.teaser__quicktip-fast.h2 .teaser__article:after,
html .main .teaser__swisslotto.teaser__quicktip.h2 .teaser__article:after,
html .main .teaser__swisslotto.teaser__quicktip-fast.h2 .teaser__article:after {
  padding-top: 40%;
  width: 52%;
}

.teaser__swisslotto.teaser__quicktip.w2 .teaser__article,
.teaser__swisslotto.teaser__quicktip-fast.w2 .teaser__article,
html .main .teaser__swisslotto.teaser__quicktip.w2 .teaser__article,
html .main .teaser__swisslotto.teaser__quicktip-fast.w2 .teaser__article {
  background-image: url("../images/grid_items/swiss_lotto_raining_money_from_left.png");
  background-position: left 14px;
  background-size: 40%;
}

.teaser__swisslotto.teaser__quicktip.w2 .teaser__article:after,
.teaser__swisslotto.teaser__quicktip-fast.w2 .teaser__article:after,
html .main .teaser__swisslotto.teaser__quicktip.w2 .teaser__article:after,
html .main .teaser__swisslotto.teaser__quicktip-fast.w2 .teaser__article:after {
  padding-top: 19.2%;
  width: 25%;
}

.teaser__swisslotto.teaser__quicktip.w2.h2 .teaser__article,
.teaser__swisslotto.teaser__quicktip-fast.w2.h2 .teaser__article,
html .main .teaser__swisslotto.teaser__quicktip.w2.h2 .teaser__article,
html .main .teaser__swisslotto.teaser__quicktip-fast.w2.h2 .teaser__article {
  background-image: url("../images/grid_items/swiss_lotto_raining_money_big.png");
  background-position: top center;
  background-size: 100%;
}

.teaser__swisslotto .teaser__info,
html .main .teaser__swisslotto .teaser__info {
  background-color: rgba(250, 0, 25, 0.6);
}

.teaser__swisslotto.teaser__quicktip-fast.h2 .teaser__article:after,
.teaser__swisslotto.teaser__quicktip-fast.w2 .teaser__article:after,
html .main .teaser__swisslotto.teaser__quicktip-fast.h2 .teaser__article:after,
html .main .teaser__swisslotto.teaser__quicktip-fast.w2 .teaser__article:after {
  background-image: none;
}

.teaser__swisslotto.teaser__quicktip-fast.h2 .teaser__article:before,
.teaser__swisslotto.teaser__quicktip-fast.w2 .teaser__article:before,
html .main .teaser__swisslotto.teaser__quicktip-fast.h2 .teaser__article:before,
html .main .teaser__swisslotto.teaser__quicktip-fast.w2 .teaser__article:before {
  background-image: url("../images/grid_items/swiss_lotto_ball_big.png");
}

.teaser__swisslotto.teaser__quicktip-fast.w2 .teaser__article:before,
html .main .teaser__swisslotto.teaser__quicktip-fast.w2 .teaser__article:before {
  bottom: 43%;
}

.teaser__swisslotto.teaser__quicktip-fast.h2.w2 .teaser__article:before,
html .main .teaser__swisslotto.teaser__quicktip-fast.h2.w2 .teaser__article:before {
  top: 0;
  bottom: 0;
}

/*------------------------------------*      #EUROMILLIONS ITEM
  \*------------------------------------*/

.teaser__euromillions,
html .main .teaser__euromillions {
  /*------------------------------------*    #DOUBLE WIDE GRID SETTING
  \*------------------------------------*/
  /*------------------------------------*    #SPECIAL SETTINGS FOR QUICKTIP GRID ITEM
  \*------------------------------------*/
  /*------------------------------------*    #SPECIAL SETTINGS FOR MINI DESKTOP
  \*------------------------------------*/
  /*------------------------------------*    #SPECIAL SETTINGS FOR TABLET
  \*------------------------------------*/
  /*------------------------------------*    #SPECIAL SETTINGS FOR MINI TABLET
  \*------------------------------------*/
  /*------------------------------------*    #SPECIAL SETTINGS FOR ALL PHONES
  \*------------------------------------*/
  /*------------------------------------*    #SPECIAL SETTINGS FOR ALL PHONES PORTRAIT
  \*------------------------------------*/
}

.teaser__euromillions.teaser__picture-slider .teaser__article:hover .teaser__image,
html .main .teaser__euromillions.teaser__picture-slider .teaser__article:hover .teaser__image {
  -webkit-transform: inherit;
  -moz-transform: inherit;
  -ms-transform: inherit;
  -o-transform: inherit;
  transform: inherit;
}

.teaser__euromillions.teaser__picture-slider .teaser__article:hover .slick-active .teaser__image,
html .main .teaser__euromillions.teaser__picture-slider .teaser__article:hover .slick-active .teaser__image {
  -webkit-transform: scale(1.17);
  -moz-transform: scale(1.17);
  -ms-transform: scale(1.17);
  -o-transform: scale(1.17);
  transform: scale(1.17);
}

.teaser__euromillions.teaser__picture-slider .slick-slider,
html .main .teaser__euromillions.teaser__picture-slider .slick-slider {
  margin: 0;
}

.teaser__euromillions .teaser__flag,
html .main .teaser__euromillions .teaser__flag {
  border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1.0555555556;
  position: absolute;
  z-index: 2;
  top: 11px;
  left: 0;
  background-color: #f1cc46;
  color: #404040;
  font-family: "tarzana";
  line-height: 34px;
  padding: 0 20px;
}

.teaser__euromillions .teaser__article,
html .main .teaser__euromillions .teaser__article {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.teaser__euromillions .teaser__article:hover .teaser__image,
html .main .teaser__euromillions .teaser__article:hover .teaser__image {
  -webkit-transform: scale(1.17);
  -moz-transform: scale(1.17);
  -ms-transform: scale(1.17);
  -o-transform: scale(1.17);
  transform: scale(1.17);
}

.teaser__euromillions .teaser__article:hover .teaser__button,
html .main .teaser__euromillions .teaser__article:hover .teaser__button {
  margin-bottom: 0;
}

.teaser__euromillions .teaser__image-wrapper,
html .main .teaser__euromillions .teaser__image-wrapper {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.teaser__euromillions .teaser__image,
html .main .teaser__euromillions .teaser__image {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  min-height: 100%;
  min-width: 100%;
}

.teaser__euromillions .teaser__info,
html .main .teaser__euromillions .teaser__info {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(241, 204, 70, 0.6);
  max-height: 77%;
}

.teaser__euromillions .teaser__text + .teaser__button,
html .main .teaser__euromillions .teaser__text + .teaser__button {
  padding-top: 0;
}

.teaser__euromillions .teaser__button,
html .main .teaser__euromillions .teaser__button {
  -webkit-transition: margin-bottom, 0.3s;
  -moz-transition: margin-bottom, 0.3s;
  transition: margin-bottom, 0.3s;
  color: #ffffff;
  padding: 16px 19px;
}

.teaser__euromillions .teaser__button:hover,
html .main .teaser__euromillions .teaser__button:hover {
  color: #ffffff;
}

.teaser__euromillions .teaser__button .button__primary,
.teaser__euromillions .teaser__button
    html .main .teaser__swisslotto .button__primary,
html .main .teaser__swisslotto .teaser__euromillions .teaser__button .button__primary,
html .main .teaser__euromillions .teaser__button .button__primary {
  cursor: pointer;
  padding: 15px 5%;
}

.teaser__euromillions .teaser__info___has-button,
html .main .teaser__euromillions .teaser__info___has-button {
  bottom: 0;
}

.teaser__euromillions .teaser__info___has-button .teaser__button,
html .main .teaser__euromillions .teaser__info___has-button .teaser__button {
  margin-bottom: -79px;
  text-align: center;
}

.teaser__euromillions .teaser__info___has-link .teaser__button,
html .main .teaser__euromillions .teaser__info___has-link .teaser__button {
  margin-bottom: -51px;
  padding-left: 19px;
}

.teaser__euromillions .teaser__article .teaser__link,
html .main .teaser__euromillions .teaser__article .teaser__link {
  -webkit-transform-origin: left bottom;
  -moz-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  -o-transform-origin: left bottom;
  transform-origin: left bottom;
  color: #404040;
  font-family: "helvetica-bold", "Arial", sans-serif;
}

.teaser__euromillions .teaser__article .teaser__link:before,
html .main .teaser__euromillions .teaser__article .teaser__link:before {
  height: 9px;
  width: 6px;
  float: none;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlBmZWlsX3JlY2h0c19LbGVpbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IgogICB5PSIwcHgiIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTggMTgiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzUyNTI1MiIgZD0iTTYuOTk3LDEyLjM5MmwzLjE2Ny0zLjM5MUw2Ljk5OCw1LjU5N2wwLjk3OS0xLjFMMTIsOQogIGwtNC4wMjMsNC41MDNMNi45OTcsMTIuMzkyeiIvPgo8L3N2Zz4K");
  background-position: center center;
  margin: 0;
}

.teaser__euromillions .teaser__article .teaser__link:hover,
html .main .teaser__euromillions .teaser__article .teaser__link:hover {
  text-decoration: underline;
}

.teaser__euromillions .teaser__article .teaser__link:before,
html .main .teaser__euromillions .teaser__article .teaser__link:before {
  top: 3px;
  height: 12px;
  width: 7px;
}

.teaser__euromillions .teaser__text___title,
html .main .teaser__euromillions .teaser__text___title {
  font-size: 18px;
  font-size: 1.2rem;
  clear: both;
  color: #f1cc46;
  display: block;
  margin-bottom: 12px;
}

.teaser__euromillions .teaser__text,
html .main .teaser__euromillions .teaser__text {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 24px;
  font-size: 1.6rem;
  line-height: 1.5833333333;
  color: #404040;
  font-family: "tarzana";
  line-height: 1;
  margin: 12.05568px 8.05568px 12.05568px 19px;
}

.teaser__euromillions .teaser__big-text,
html .main .teaser__euromillions .teaser__big-text {
  font-size: 30px;
  font-size: 2rem;
  line-height: 1.2666666667;
  line-height: 0.8;
}

.teaser__euromillions .teaser__text___next-draws,
html .main .teaser__euromillions .teaser__text___next-draws {
  font-size: 24px;
  font-size: 1.6rem;
  display: block;
  margin-top: 6px;
}

.teaser__euromillions .countdown__next-draws,
html .main .teaser__euromillions .countdown__next-draws {
  clear: both;
  display: block;
}

.teaser__euromillions .teaser__quicktip,
html .main .teaser__euromillions .teaser__quicktip {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 153px;
  margin: auto;
  text-align: center;
}

.teaser__euromillions .teaser__quicktip .enumerator__boxes,
html .main .teaser__euromillions .teaser__quicktip .enumerator__boxes {
  margin-left: auto;
  margin-right: auto;
}

.teaser__euromillions.h2 .teaser__quicktip,
html .main .teaser__euromillions.h2 .teaser__quicktip {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
  height: 263px;
}

.teaser__euromillions .teaser__quicktip___price,
html .main .teaser__euromillions .teaser__quicktip___price {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.5833333333;
  color: #ffffff;
  padding: 9px 0;
}

.teaser__euromillions .teaser__quicktip___price-total,
html .main .teaser__euromillions .teaser__quicktip___price-total {
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1.0555555556;
  font-family: "tarzana";
}

.teaser__euromillions .teaser__interferer,
html .main .teaser__euromillions .teaser__interferer {
  background-color: #ffde00;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #ffde00 0%, #f8d800 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffde00), color-stop(100%, #f8d800));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #ffde00 0%, #f8d800 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #ffde00 0%, #f8d800 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #ffde00 0%, #f8d800 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #ffde00 0%, #f8d800 100%);
  /* W3C */
  -webkit-transform: translate(25%, -25%);
  -moz-transform: translate(25%, -25%);
  -ms-transform: translate(25%, -25%);
  -o-transform: translate(25%, -25%);
  transform: translate(25%, -25%);
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  box-shadow: 1.364px 1.463px 3px 0 rgba(0, 0, 0, 0.18);
  display: table;
  height: 65px;
  overflow: hidden;
  width: 65px;
}

.teaser__euromillions .teaser__interferer___text,
html .main .teaser__euromillions .teaser__interferer___text {
  font-size: 21px;
  font-size: 1.4rem;
  color: #5a0f5f;
  display: table-cell;
  font-family: "tarzana-bold", "Arial", sans-serif;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}

.teaser__euromillions.w2 .teaser__info___has-button .teaser__button,
html .main .teaser__euromillions.w2 .teaser__info___has-button .teaser__button {
  text-align: right;
}

.teaser__euromillions.teaser__quicktip .teaser__info,
html .main .teaser__euromillions.teaser__quicktip .teaser__info {
  bottom: 0;
  background-color: transparent;
}

.teaser__euromillions.teaser__quicktip .teaser__button,
html .main .teaser__euromillions.teaser__quicktip .teaser__button {
  padding-top: 0;
}

.teaser__euromillions.teaser__quicktip:hover .teaser__info,
html .main .teaser__euromillions.teaser__quicktip:hover .teaser__info {
  background-color: transparent;
}

@media screen and (min-width: 1020.9px) and (max-width: 1120px) {
  .teaser__euromillions.w2.h2.teaser__quicktip .teaser__button .button__primary,
  html .main .teaser__euromillions.w2.h2.teaser__quicktip .teaser__button .button__primary {
    padding: 15px 5%;
  }
}

@media screen and (min-width: 767.9px) and (max-width: 860px) {
  .teaser__euromillions.teaser__quicktip .teaser__quicktip,
  html .main .teaser__euromillions.teaser__quicktip .teaser__quicktip {
    padding-top: 8px;
  }

  .teaser__euromillions.w2.teaser__quicktip .teaser__quicktip,
  .teaser__euromillions.h2.teaser__quicktip .teaser__quicktip,
  html .main .teaser__euromillions.w2.teaser__quicktip .teaser__quicktip,
  html .main .teaser__euromillions.h2.teaser__quicktip .teaser__quicktip {
    -webkit-transform: translateY(-18px);
    -moz-transform: translateY(-18px);
    -ms-transform: translateY(-18px);
    -o-transform: translateY(-18px);
    transform: translateY(-18px);
    padding-top: 0;
  }

  .teaser__euromillions.w2.h2.teaser__quicktip .teaser__button .button__primary,
  html .main .teaser__euromillions.w2.h2.teaser__quicktip .teaser__button .button__primary {
    padding: 15px 5%;
  }
}

@media screen and (max-width: 767.9px) {
  .teaser__euromillions.w2 .teaser__quicktip,
  .teaser__euromillions.h2 .teaser__quicktip,
  html .main .teaser__euromillions.w2 .teaser__quicktip,
  html .main .teaser__euromillions.h2 .teaser__quicktip {
    height: 153px;
  }

  .teaser__euromillions .teaser__article .teaser__link,
  html .main .teaser__euromillions .teaser__article .teaser__link {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }

  .teaser__euromillions .teaser__interferer,
  html .main .teaser__euromillions .teaser__interferer {
    height: 40px;
    width: 40px;
  }

  .teaser__euromillions .teaser__interferer___text,
  html .main .teaser__euromillions .teaser__interferer___text {
    font-size: 13px;
    font-size: 0.8666666667rem;
    line-height: 1.4615384615;
  }
}