@charset "UTF-8";
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
       ========================================================================== */
/**
     * 1. Correct the line height in all browsers.
     * 2. Prevent adjustments of font size after orientation changes in
     *    IE on Windows Phone and in iOS.
     */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
       ========================================================================== */
/**
     * Remove the margin in all browsers (opinionated).
     */
body {
  margin: 0; }

/**
     * Add the correct display in IE 9-.
     */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
     * Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari.
     */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
figcaption,
figure {
  display: block; }

/**
     * Add the correct margin in IE 8.
     */
figure {
  margin: 1em 40px; }

/**
     * 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE.
     */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
     * Add the correct display in IE.
     */
main {
  display: block; }

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Links
       ========================================================================== */
/**
     * 1. Remove the gray background on active links in IE 10.
     * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
     */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/* Text-level semantics
       ========================================================================== */
/**
     * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
     * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
     * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
     */
b,
strong {
  font-weight: inherit; }

/**
     * Add the correct font weight in Chrome, Edge, and Safari.
     */
b,
strong {
  font-weight: bolder; }

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
     * Add the correct font style in Android 4.3-.
     */
dfn {
  font-style: italic; }

/**
     * Add the correct background and color in IE 9-.
     */
mark {
  background-color: #ff0;
  color: #000; }

/**
     * Add the correct font size in all browsers.
     */
small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
audio,
video {
  display: inline-block; }

/**
     * Add the correct display in iOS 4-7.
     */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
     * Remove the border on images inside links in IE 10-.
     */
img {
  border-style: none; }

/**
     * Hide the overflow in IE.
     */
svg:not(:root) {
  overflow: hidden; }

/* Forms
       ========================================================================== */
/**
     * 1. Change the font styles in all browsers (opinionated).
     * 2. Remove the margin in Firefox and Safari.
     */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
     * Show the overflow in IE.
     */
button {
  overflow: visible; }

/**
     * Remove the inheritance of text transform in Edge, Firefox, and IE.
     * 1. Remove the inheritance of text transform in Firefox.
     */
button,
select {
  /* 1 */
  text-transform: none; }

/**
     * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
     *    controls in Android 4.
     * 2. Correct the inability to style clickable types in iOS and Safari.
     */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  /**
       * Remove the inner border and padding in Firefox.
       */
  /**
       * Restore the focus styles unset by the previous rule.
       */ }
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; }

/**
     * Show the overflow in Edge.
     */
input {
  overflow: visible; }

/**
     * 1. Add the correct box sizing in IE 10-.
     * 2. Remove the padding in IE 10-.
     */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
     * Correct the cursor style of increment and decrement buttons in Chrome.
     */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
  /**
       * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
       */ }
  [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

/**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/**
     * Correct the padding in Firefox.
     */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
     * 1. Correct the text wrapping in Edge and IE.
     * 2. Correct the color inheritance from `fieldset` elements in IE.
     * 3. Remove the padding so developers are not caught out when they zero out
     *    `fieldset` elements in all browsers.
     */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */ }

/**
     * 1. Add the correct display in IE 9-.
     * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
     * Remove the default vertical scrollbar in IE.
     */
textarea {
  overflow: auto; }

/* Interactive
       ========================================================================== */
/*
     * Add the correct display in Edge, IE, and Firefox.
     */
details {
  display: block; }

/*
     * Add the correct display in all browsers.
     */
summary {
  display: list-item; }

/*
     * Add the correct display in IE 9-.
     */
menu {
  display: block; }

/* Scripting
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
canvas {
  display: inline-block; }

/**
     * Add the correct display in IE.
     */
template {
  display: none; }

/* Hidden
       ========================================================================== */
/**
     * Add the correct display in IE 10-.
     */
[hidden] {
  display: none; }

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

body {
  background: #fff;
  color: #000;
  font-size: 14px;
  font-family: Georgia, serif; }

a {
  color: #787878;
  text-decoration: none; }

input,
textarea,
select,
button {
  outline: none; }

ul {
  list-style: none;
  margin: 0;
  padding: 0; }

img {
  outline: none; }

@font-face {
  font-family: 'TeX Gyre Adventor';
  font-style: normal;
  font-weight: 400;
  src: url(../font/texgyreadventor-regular-webfont.woff2) format("woff2"), url(../font/texgyreadventor-regular-webfont.woff) format("woff"); }

@font-face {
  font-family: 'TeX Gyre Adventor';
  font-style: normal;
  font-weight: 700;
  src: url(../font/texgyreadventor-bold-webfont.woff2) format("woff2"), url(../font/texgyreadventor-bold-webfont.woff) format("woff"); }

.l-Content-main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.l-Content-sidebar {
  position: relative;
  display: table;
  margin: 30px auto -15px; }
  .l-Content-between .l-Content-sidebar {
    margin-bottom: 15px; }

.l-Content-between {
  margin: 30px 0;
  border-bottom: solid 1px #f1f1f1; }

.l-Content-widget {
  width: 290px;
  margin-bottom: 15px; }

#headerWrapper {
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000; }

.l-Header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.l-Header-item:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.l-Section {
  position: relative;
  padding: 15px 0; }

.l-Section--noPadding {
  padding: 0; }

.l-Section--large {
  padding: 30px 0; }

.l-Section--largeBottom {
  padding-bottom: 60px; }

.l-Section--base {
  background: #fff;
  color: #000; }
  .l-Section--base + .l-Section--base {
    padding-top: 0; }

.l-Section--border .l-Section-body::after {
  content: '';
  display: block;
  height: 1px;
  margin-top: 15px;
  background: #f1f1f1; }

.l-Section--dark {
  background: #24292f;
  color: #bcbdbe; }
  .l-Section--dark.l-Section--border {
    border-bottom: solid 3px #e58a17; }
    .l-Section--dark.l-Section--border .l-Section-body::after {
      content: none; }

.l-Section--light {
  background: #f1f1f1;
  color: #000; }
  .l-Section--light + .l-Section--light {
    padding-top: 0; }

.l-Section--theme {
  background: #e58a17;
  color: #24292f; }

.l-Section-body {
  position: relative;
  max-width: 320px;
  margin: 0 auto;
  padding: 0 15px; }
  .l-Section-body .l-Section-body {
    margin: 0 -15px; }

.l-Section-title {
  margin-bottom: 15px; }

.l-Site {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.l-Site-static {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

.l-Site-sticky {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden; }

.Section-banner {
  display: none;
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 900; }

footer * {
  z-index: 1000; }

.su-custom-gallery {
  float: right;
  padding: 0 0 15px 15px;
  background: #fff; }
  .su-custom-gallery::after {
    content: '';
    display: table;
    clear: both; }

.su-custom-gallery-slide + .su-custom-gallery-slide {
  margin-top: 15px; }

.su-custom-gallery-slide > .lightbox > img {
  display: block;
  max-width: 100%;
  height: auto; }

.su-custom-gallery-title {
  display: block;
  margin: 2px 0 0;
  font-size: .86em;
  color: #787878; }

.su-tabs {
  display: table;
  margin: 0 auto 15px; }

.su-tabs-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  background: #f1f1f1; }

.su-tabs-nav > span {
  display: inline-block;
  min-width: 2.6em;
  padding: .8em .2em;
  color: #787878;
  font-family: "TeX Gyre Adventor", Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  -webkit-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out; }
  .su-tabs-nav > span.su-tabs-current {
    background: #24292f;
    color: #fff;
    cursor: default; }
  .su-tabs-nav > span.su-tabs-disabled {
    opacity: 0.5;
    cursor: default; }

.enabled-js .su-tabs-pane {
  display: none; }

.typography {
  font-size: 14px;
  line-height: 1.6; }
  .typography .h1, .typography .h2, .typography .h3, .typography .h4,
  .typography h1, .typography h2, .typography h3, .typography h4 {
    font-weight: normal;
    line-height: 1.2; }
    .typography .h1 > a, .typography .h2 > a, .typography .h3 > a, .typography .h4 > a,
    .typography h1 > a, .typography h2 > a, .typography h3 > a, .typography h4 > a {
      color: inherit; }
  .typography .h1 {
    margin: 0.67em 0;
    font-size: 2em; }
  .typography h2,
  .typography .h2 {
    margin: 0.83em 0;
    font-size: 1.5em; }
  .typography h3,
  .typography .h3 {
    margin: 1em 0;
    font-size: 1.17em; }
  .typography h4,
  .typography .h4 {
    margin: 1.33em 0; }
  .typography a {
    color: #00a5d4; }
  .typography p:first-child {
    margin-top: 0; }
  .typography p:last-child {
    margin-bottom: 0; }
  .typography ul {
    margin: 1em 0;
    padding-left: 40px;
    list-style: disc; }
  .typography object,
  .typography iframe {
    display: block;
    max-width: 100%;
    margin: 0 auto; }
  .typography blockquote {
    max-width: 300px !important;
    margin: 0 auto 20px;
    color: #000;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.2; }
    .typography blockquote::before {
      content: '\201C';
      margin-right: -.2em; }
    .typography blockquote::after {
      content: '\201D';
      margin-left: -.2em; }
    .typography blockquote > p {
      display: inline; }
  .typography .hearts,
  .typography .diamonds {
    color: #ec0100; }
  .typography table {
    border-collapse: collapse; }
  .typography th {
    padding: .6em;
    text-align: left;
    vertical-align: bottom; }
  .typography td {
    padding: .6em;
    border: 1px solid #f1f1f1;
    text-align: left;
    vertical-align: top; }

.typography--small {
  font-size: 12px;
  line-height: 2; }

.typography--dark a {
  color: #fff; }

.typography--sections h1, .typography--sections h2, .typography--sections h3,
.typography--sections .h1, .typography--sections .h2, .typography--sections .h3 {
  text-transform: uppercase; }
  .typography--sections h1:not(:first-child), .typography--sections h2:not(:first-child), .typography--sections h3:not(:first-child),
  .typography--sections .h1:not(:first-child), .typography--sections .h2:not(:first-child), .typography--sections .h3:not(:first-child) {
    margin-top: 20px;
    padding-top: 20px;
    border-top: solid 1px #f1f1f1; }

.typography .image-container {
  position: relative; }

.typography .box {
  font-size: .86em;
  color: #787878; }

.typography .wp-caption {
  max-width: 100%; }

.typography img {
  max-width: 100%;
  height: auto; }
  .box > .typography img {
    display: block;
    margin-bottom: 2px; }

.typography .img-resp {
  display: block; }

.typography .img-left,
.typography .box.left {
  display: table;
  max-width: 100%;
  height: auto;
  margin: 0 auto 15px; }

.typography .img-right,
.typography .box.right,
.typography .article-photo-right {
  display: table;
  max-width: 100%;
  height: auto;
  margin: 0 auto 15px; }

.typography .img-center {
  display: table;
  max-width: 100%;
  height: auto;
  margin: 0 auto 15px;
  text-align: center; }

.typography .img_caption,
.typography .article-photo-text {
  margin: 2px 0 0;
  font-size: .86em;
  color: #787878; }

.Article-head {
  max-width: 625px;
  margin: 0 auto 15px;
  padding-bottom: 15px;
  border-bottom: solid 1px #f1f1f1;
  text-align: center; }

.Article-line + .Article-line {
  margin-top: 15px; }

.Article-author {
  color: #787878;
  font-family: "TeX Gyre Adventor", Arial, sans-serif;
  font-weight: bold;
  vertical-align: middle; }

.Article-date {
  color: #787878;
  font-family: "TeX Gyre Adventor", Arial, sans-serif; }

.Article-buttons {
  margin-top: 15px; }

.Article--small .Article-content {
  max-width: 40em;
  margin: 0 auto; }

.js-banner_img {
  display: block;
  max-width: 100%;
  height: auto; }

.BarEngage {
  padding: 15px;
  background: #f1f1f1 url(../img/banner-greek.jpg) no-repeat center top -30px;
  text-align: center; }

.BarEngage--aside {
  border-top: solid 3px #e58a17; }

.BarEngage-title {
  margin: 0;
  font-size: 32px;
  font-family: "TeX Gyre Adventor", Arial, sans-serif;
  line-height: 1; }
  .BarEngage-title > p {
    margin: 0; }
  .BarEngage--aside .BarEngage-title {
    text-align: center;
    font-size: 26px; }

.BarEngage-body {
  margin-top: 15px; }

.BarEngage-text {
  max-width: 36em;
  margin: 0 auto;
  color: #585858;
  font-size: 15px;
  line-height: 1.6; }
  .BarEngage-text > p {
    margin: 0; }

.BarEngage-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px 0 -10px -10px; }

.BarEngage-button {
  max-width: 140px;
  width: 50%;
  -ms-flex-preferred-size: 120px;
      flex-basis: 120px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 0 10px 10px; }

.Bonus {
  color: #000;
  font-size: 24px;
  font-weight: bold; }

.Bonus--small {
  font-family: "TeX Gyre Adventor", Arial, sans-serif;
  font-weight: normal; }

.Bonus--extraSmall {
  font-size: 15px;
  font-weight: normal; }

.Bonus-separator {
  display: inline-block;
  font-size: .4285em; }
  .Bonus--large .Bonus-separator {
    display: block; }
  .Bonus--small .Bonus-separator {
    font-size: 1em; }
    .Bonus--small .Bonus-separator::before {
      content: attr(data-short); }
  .Bonus--extraSmall .Bonus-separator {
    font-size: 1em;
    display: inline-block; }

.Bonus--small .Bonus-separatorText {
  display: none; }

.BoxContent {
  background: #fff;
  padding: 15px;
  border: solid 1px #f1f1f1; }

.BoxContent--raw {
  padding: 0;
  border: none; }

.BoxContent--noVerticalPadding {
  padding-top: 0;
  padding-bottom: 0; }

.BoxContent--largeGap {
  padding-top: 30px; }

.BoxContent--parentHeight {
  height: 100%; }

.BoxContent--highlight {
  background: #fff1b9;
  border: none;
  color: #000; }

.BoxContent-title {
  margin-bottom: 10px;
  color: #000;
  font-family: "PT Sans", sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase; }
  .BoxContent--noVerticalPadding .BoxContent-title {
    padding-top: 15px; }

.Button {
  display: inline-block;
  padding: 0.625em 1.25em;
  background: #e58a17;
  border: solid 1px #e58a17;
  color: #fff;
  font-size: 16px;
  font-family: "TeX Gyre Adventor", Arial, sans-serif;
  line-height: 1.15;
  vertical-align: middle;
  cursor: pointer; }
  .Button.Button {
    color: #fff; }
  .Button + .Button {
    margin-left: 1em; }
  .is-loading .Button {
    position: relative;
    cursor: default;
    pointer-events: none; }
    .is-loading .Button::before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(255, 255, 255, 0.8); }
    .is-loading .Button::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 1.4em;
      height: 1.4em;
      background: url(../img/puff.svg) no-repeat center center;
      background-size: 100% 100%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      z-index: 1; }

.Button--alternative {
  background: transparent;
  border: solid 1px #e58a17;
  color: #e58a17; }
  .Button--alternative.Button--alternative {
    color: #e58a17; }

.Button--darkText.Button--darkText {
  color: #000; }

.Button--full {
  display: block;
  width: 100%;
  padding-left: 0.625em;
  padding-right: 0.625em;
  text-align: center; }

.Button--small {
  font-size: 14px; }

.Button--small.button--wide {
  padding: 10px 30px; }

.Button-icon {
  padding-right: .4em; }

/*Exclusive: <span class="badge badge__pill badge--exclusive">$SVG(exclusive-fire) <span class="badge__text"><%t Badges.Exclusive 'Exclusive' %></span></span>*/
/*Promotion: <span class="badge badge__pill badge--promotion">$SVG(giftbox) <span class="badge--text"><%t Badges.Promotion 'Promotion' %></span></span>*/
/*featured: <span class="badge badge__pill badge--featured">$SVG(star) <span class="badge--text"><%t Badges.Featured 'Featured' %></span></span>*/
/*To Create another Badge:: Change the class="badge-exclusive" and also change svg icon (exclusive-fire) */
.badge {
  display: block;
  font-size: 0; }
  .badge svg {
    margin-right: 7px;
    width: 13px;
    height: 12px; }
  .badge__text, .badge svg {
    display: inline-block;
    line-height: 14px;
    vertical-align: middle; }
  .badge__text {
    font-size: 8px;
    font-weight: 900;
    text-transform: uppercase; }
  .badge--bottom {
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%; }
    .badge--bottom svg {
      display: inline-block; }
  .badge__pill {
    border-radius: 0px 0px 8px 8px;
    height: 14px;
    padding: 0 7px; }
  .badge--exclusive {
    background: #F5BC22;
    color: #000; }

.Card--parentHeight {
  height: 100%; }

.Card-header {
  position: relative;
  display: block;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  overflow: hidden; }
  .Card--promo .Card-header {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .Card--promo2 .Card-header {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .Card--double .Card-header {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .Card--double .Card-header {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

.Card-body {
  padding: 10px;
  border: solid 1px #f1f1f1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .Card--dark .Card-body {
    border-color: #fff; }

.comment {
  padding: 15px 0; }
  .comment + .comment {
    border-top: solid 1px #f1f1f1; }
  .comment > .info {
    margin: 0;
    color: #787878;
    font-style: italic;
    font-size: 12px; }

.comment-text > p {
  margin: 10px 0 0; }

.Form {
  padding: 10px 0; }
  .Form fieldset {
    margin: 0 auto;
    padding: 0;
    border: none; }
  .Form legend {
    margin-bottom: 15px;
    color: #787878; }
  .Form div.field {
    margin-bottom: 15px; }
  .Form label.left {
    display: block;
    margin-bottom: 10px;
    color: #787878; }
  .Form label.right {
    margin-bottom: 10px;
    color: #787878; }
  .Form input.text,
  .Form textarea.textarea {
    width: 100%;
    padding: .6em .4em;
    background: #f1f1f1;
    border: none;
    font-family: Georgia, serif; }
  .Form input.checkbox {
    position: relative;
    top: .1em; }
  .Form textarea.textarea {
    height: 9.2em; }
  .Form .Actions {
    margin-top: 15px;
    text-align: center; }
  .Form input.action {
    padding: 10px 50px;
    background: #e58a17;
    border: none;
    color: #fff;
    font-size: 16px;
    text-transform: lowercase;
    vertical-align: middle;
    cursor: pointer; }
  .Form .message.validation,
  .Form .message.required {
    display: block;
    margin-top: .4em;
    color: #e58a17; }

.recaptcha .message {
  text-align: center; }

.g-recaptcha {
  max-width: 290px;
  margin: 0 auto; }

.l-go2top {
  position: fixed;
  bottom: 15%;
  right: 0px;
  left: auto;
  width: auto;
  height: auto;
  background-color: #323232;
  opacity: 0.75;
  overflow: hidden;
  z-index: 1000;
  cursor: pointer;
  -webkit-transform: translateX(-20%);
          transform: translateX(-20%);
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, transform 0.4s;
  transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s; }

.l-go2top:hover {
  opacity: 0.9; }

.go2top--icon {
  padding: 12px 16.65px 12px 16.65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 30px;
  color: white; }

.go2top-is-hidden {
  -webkit-transform: translateX(200%);
          transform: translateX(200%); }

.Hamburger {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 2px;
  background: #fff;
  vertical-align: middle;
  -webkit-transition: background 0s .2s;
  transition: background 0s .2s; }
  .Hamburger::before, .Hamburger::after {
    content: '';
    position: absolute;
    left: 0;
    width: 13px;
    height: 2px;
    background: #fff;
    -webkit-transition-duration: .2s, .2s;
            transition-duration: .2s, .2s;
    -webkit-transition-delay: .2s, 0s;
            transition-delay: .2s, 0s; }
  .Hamburger::before {
    bottom: 4px;
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform; }
  .Hamburger::after {
    top: 4px;
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, -webkit-transform;
    transition-property: top, transform;
    transition-property: top, transform, -webkit-transform; }
  .Hamburger.is-on {
    background: transparent; }
    .Hamburger.is-on::before, .Hamburger.is-on::after {
      -webkit-transition-delay: 0s, .2s;
              transition-delay: 0s, .2s; }
    .Hamburger.is-on::before {
      bottom: 0;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .Hamburger.is-on::after {
      top: 0;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }

.IconSocial {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 100%; }
  .IconSocial + .IconSocial {
    margin-left: .2em; }
  .IconSocial::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: scale(0.5) translate(-50%, -50%) perspective(1px);
            transform: scale(0.5) translate(-50%, -50%) perspective(1px);
    -webkit-transform-origin: top left;
            transform-origin: top left; }

.IconSocial--fb {
  background: #3678b7; }
  .IconSocial--fb::after {
    background-image: url(../img/sprite.png);
    background-position: 0px -71px;
    width: 11px;
    height: 23px; }

.IconSocial--twitter {
  background: #22a6df; }
  .IconSocial--twitter::after {
    background-image: url(../img/sprite.png);
    background-position: -27px -48px;
    width: 22px;
    height: 21px; }

.IconSocial--google {
  background: #d6372c; }
  .IconSocial--google::after {
    background-image: url(../img/sprite.png);
    background-position: 0px -48px;
    width: 27px;
    height: 23px; }

.Image {
  display: block;
  max-width: 100%;
  margin: 0 auto; }
  .Image:not(.is-lazy), .Image.is-lazyLoaded {
    height: auto; }

.Image--xs {
  display: none; }

.Image--sm {
  display: none; }

.Image--md {
  display: none; }

.Image--lg {
  display: none; }

.Image--cover {
  position: relative;
  height: 100% !important;
  background: center center;
  background-size: cover;
  overflow: hidden; }

.Intro {
  margin-bottom: -10px;
  font-size: 14px; }

.Intro-item {
  margin-bottom: 10px; }

.Intro-title {
  margin: 0;
  color: #000;
  font-family: "TeX Gyre Adventor", Arial, sans-serif;
  font-size: 16px;
  font-weight: normal; }

.Intro-date {
  color: #787878; }

.Intro-tag {
  color: #787878;
  font-family: "TeX Gyre Adventor", Arial, sans-serif;
  font-size: .925em;
  font-weight: bold; }
  .Intro-tag:first-of-type {
    position: relative;
    margin-left: .8em; }
    .Intro-tag:first-of-type::before {
      content: '|';
      position: absolute;
      top: .15em;
      left: -.4em;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }

.Intro-excerpt {
  display: none;
  margin: 0;
  max-height: 4.8em;
  font-style: italic;
  line-height: 1.6;
  overflow: hidden; }
  .Intro--promo .Intro-excerpt {
    display: block; }
  .Intro--promo2 .Intro-excerpt {
    display: block; }

.IntroCompact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.IntroCompact-figure {
  margin-right: 15px; }

.IntroCompact-title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #000;
  font-size: 16px; }

.is-lazy,
.is-lazyBg,
.is-lazyLoading {
  opacity: 0; }

.is-lazyLoaded {
  opacity: 1;
  -webkit-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out; }

.List {
  margin: 0;
  padding: 0;
  list-style: none; }

.List--ordered {
  counter-reset: lo; }

.List-item {
  position: relative;
  padding: 15px 0; }
  .List-item + .List-item {
    border-top: solid 1px #f1f1f1; }
  .List--ordered .List-item {
    padding-left: 30px; }
    .List--ordered .List-item::before {
      counter-increment: lo;
      content: counter(lo);
      position: absolute;
      top: 50%;
      left: 10px;
      font-family: "TeX Gyre Adventor", Arial, sans-serif;
      font-size: 20px;
      font-weight: bold;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }

.ListArticle {
  margin: 0 0 -15px -15px; }
  .ListArticle + .ListArticle {
    margin-top: 15px; }

.ListArticle-item {
  padding: 0 0 15px 15px; }
  .ListArticle-item.ListArticle-item--2x--sm {
    min-width: 100%; }

.ListArticle-item--xs {
  display: none; }

.ListArticle-item--sm {
  display: none; }

.ListArticle-item--md {
  display: none; }

.ListArticle-item--lg {
  display: none; }

.ListData {
  margin: 25px 0 0; }
  .ListData::after {
    content: '';
    display: table;
    clear: both; }

.ListData-term {
  float: left;
  padding-bottom: 25px; }

.ListData-description {
  display: table-cell;
  width: 1000px;
  padding-bottom: 25px;
  text-align: right; }

.ListIcon {
  margin-top: 25px; }

.ListIcon-item {
  position: relative;
  padding: 0 0 25px 40px; }
  .ListIcon-item::before {
    background-image: url(../img/sprite.png);
    background-position: 0px 0px;
    width: 48px;
    height: 48px;
    content: '';
    position: absolute;
    top: .5em;
    left: 0;
    -webkit-transform: perspective(1px) scale(0.5) translateY(-50%);
            transform: perspective(1px) scale(0.5) translateY(-50%);
    -webkit-transform-origin: top left;
            transform-origin: top left; }

.ListIcon-item--delete::before {
  background-image: url(../img/sprite.png);
  background-position: -48px 0px;
  width: 48px;
  height: 48px; }

.ListPagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px; }

.ListPagination-item {
  position: relative; }
  .ListPagination-item + .ListPagination-item {
    margin-left: 1%; }

.ListPagination-link {
  display: block;
  width: 1.6em;
  height: 100%;
  padding: .4em .2em;
  color: #787878;
  text-align: center;
  -webkit-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out; }
  .ListPagination-link:not(span):hover,
  .ListPagination-item.is-on .ListPagination-link {
    background: #f1f1f1; }

.ListPromo {
  margin: 0 0 -15px -15px; }

.ListPromo-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0 15px 15px; }
  .ListPromo-item:first-child {
    min-width: 100%; }
  .ListPromo-item:nth-child(2) {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }

.Logo {
  display: inline-block;
  max-width: 210px; }

.Logo--small {
  max-width: 180px; }

.Logo-img {
  display: block;
  max-width: 100%;
  height: auto; }

.LogoPartner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden; }
  .LogoPartner::before {
    content: '';
    display: block;
    padding-bottom: 83.33%; }

.LogoPartner--small {
  width: 80px; }
  .LogoPartner--small::before {
    padding-bottom: 62.5%; }

.LogoPartner-img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.MediaCentered {
  text-align: center; }
  .MediaCentered > .MediaCentered-figure {
    margin-bottom: 30px; }

.MenuLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin-bottom: -15px;
  font-size: 13px;
  text-align: center;
  text-transform: uppercase; }

.MenuLinks-item {
  margin-bottom: 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

.MenuLinks-link {
  color: #000; }

.MenuMain {
  font-size: 13px;
  text-transform: uppercase; }

.MenuMain-menu {
  position: absolute;
  top: 100%;
  right: 0;
  height: 0;
  min-width: 210px;
  border-top: solid 3px #e58a17;
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
  overflow: hidden; }
  .is-menuOpen .MenuMain-menu {
    height: auto;
    opacity: 1;
    z-index: 1;
    overflow: visible; }

.MenuMain-item.parent {
  position: relative; }

.MenuMain-item + .MenuMain-item {
  border-top: solid 1px #787878; }

.MenuMain-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 40px; }
  .MenuMain-arrow:hover ~ .MenuMain-subMenu {
    height: auto;
    border-top: solid 3px #e58a17;
    opacity: 1;
    z-index: 1; }
  .MenuMain-arrow::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 4px 6px;
    border-left-color: #fff;
    -webkit-transform: translate(-25%, -50%);
            transform: translate(-25%, -50%); }

.MenuMain-link {
  display: block;
  padding: 15px 10px;
  background: #3a3f44;
  color: #fff;
  cursor: pointer;
  text-align: center;
  -webkit-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out; }
  .MenuMain-item.parent > .MenuMain-link {
    padding-right: 40px; }
  .MenuMain-item:hover > .MenuMain-link {
    background: #24292f; }

.MenuMain-link--toggler {
  background: #24292f;
  height: 78px;
  font-size: 1.077em;
  line-height: 1; }
  .MenuMain-link--toggler:hover {
    background: #3a3f44; }

.MenuMain-link--toggler .MenuMain-linkText {
  position: relative;
  top: 50%;
  display: block;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.MenuMain-togglerText {
  display: none; }

.MenuMain-subMenu {
  position: absolute;
  top: 0;
  right: 40px;
  height: 0;
  min-width: 210px;
  border-top: 0px;
  -webkit-box-shadow: 14px 5px 25px -12px #000;
          box-shadow: 14px 5px 25px -12px #000;
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity .3s ease-in-out, height .3s ease-in-out;
  transition: opacity .3s ease-in-out, height .3s ease-in-out;
  overflow: hidden; }
  .is-subMenuOpen .MenuMain-subMenu {
    height: auto;
    border-top: solid 3px #e58a17;
    opacity: 1;
    z-index: 1; }
  .MenuMain-subMenu:hover {
    height: auto;
    border-top: solid 3px #e58a17;
    opacity: 1;
    z-index: 1; }

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

.Partner {
  display: block;
  min-width: 80px;
  width: 100%;
  text-align: center; }

.Partner-title {
  display: block;
  margin-bottom: 5px;
  color: #000;
  font-family: "TeX Gyre Adventor", Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1; }
  .Partner--compact .Partner-title {
    font-size: 20px;
    font-family: Georgia, serif;
    margin-bottom: 0; }
  .Partner--alternative .Partner-title {
    font-size: 13px;
    font-family: Georgia, serif;
    font-weight: normal; }

.Partner--compact .Partner-logo {
  display: none; }

.Review-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 350px;
  margin: 0 auto; }

.Review-body {
  display: none; }

.Review-image {
  margin-top: 15px; }

.Review-logo {
  margin-right: 10px; }

.Review-price {
  text-align: center; }

.Review-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-top: 15px; }

.Review-buttonsItem {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .Review-buttonsItem + .Review-buttonsItem {
    margin-left: 15px; }

.Review-text {
  max-width: 100%;
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.6;
  text-align: center; }

/*New Bammer*/
.l-Section--review {
  min-height: 370px;
  padding: 30px 0px;
  position: relative;
  width: 100%;
  overflow: hidden; }
  .l-Section--review__bg-banner {
    background-size: cover;
    background-size: 160% 220%;
    -webkit-filter: blur(13px);
            filter: blur(13px);
    background-position: center top;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }
  .l-Section--review__partner-banner {
    background-size: cover;
    padding: 0; }
    .l-Section--review__partner-banner__details {
      padding: 35px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: center; }
    .l-Section--review__partner-banner__img {
      border: 1px solid #383838;
      width: 181px;
      height: 181px;
      margin-bottom: 9px; }
      .l-Section--review__partner-banner__img img {
        width: 100%;
        height: 100%; }
    .l-Section--review__partner-banner__bonus-button .bonus {
      color: #fff;
      font-size: 50px;
      font-weight: bold;
      display: block;
      margin-bottom: 15px; }
    .l-Section--review__partner-banner__bonus-button .Button {
      min-width: 181px;
      text-align: center; }

.Result-title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #000;
  font-size: 16px; }

.Result-link {
  display: inline-block;
  color: #787878;
  font-weight: bold;
  word-break: break-word; }

.Search {
  height: 78px; }

.Search-icon {
  position: relative;
  display: block;
  width: 15px;
  height: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 0 10px;
  background: #24292f;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
  z-index: 21; }
  .is-searchOn .Search-icon {
    background: #3a3f44; }
  .Search-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border: solid 2px #fff;
    border-radius: 100%;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transition-property: width, border-color, -webkit-transform;
    transition-property: width, border-color, -webkit-transform;
    transition-property: width, border-color, transform;
    transition-property: width, border-color, transform, -webkit-transform; }
    .is-searchOn .Search-icon::before {
      width: 13px;
      height: 2px;
      background: #fff;
      border: solid 0 transparent;
      border-radius: 0;
      -webkit-transform: rotate(45deg) translate(-50%, -50%);
              transform: rotate(45deg) translate(-50%, -50%); }
  .Search-icon::after {
    content: '';
    position: absolute;
    width: 6px;
    height: 2px;
    top: 50%;
    left: 50%;
    background: #fff;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-transform: rotate(140deg) translate(6px, -2px);
            transform: rotate(140deg) translate(6px, -2px);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    transition-property: width, transform;
    transition-property: width, transform, -webkit-transform; }
    .is-searchOn .Search-icon::after {
      width: 13px;
      height: 2px;
      -webkit-transform: rotate(-45deg) translate(-50%, -50%);
              transform: rotate(-45deg) translate(-50%, -50%); }

.Search-form {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; }
  .is-searchOn .Search-form {
    -webkit-transform: scale(1);
            transform: scale(1); }

.Search-input {
  width: 100%;
  height: 100%;
  padding: .4em 40px .4em 1em;
  background: #3a3f44;
  border: none;
  color: #fff;
  font-size: 13px;
  font-family: Georgia, serif; }

.SearchPage-meta {
  color: #787878;
  font-weight: normal;
  text-align: center; }

.SearchPage .results_loading::after {
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  background: url(../img/puff.svg) no-repeat center center !important;
  background-size: 100% 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.SearchPage-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 30px;
  border-top: solid 1px #f1f1f1;
  text-align: center; }

.SearchPage-button {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 14em; }
  .SearchPage-button + .SearchPage-button {
    margin-left: 2%; }

.SearchPage-footer {
  margin-top: 30px;
  color: #787878;
  font-family: "TeX Gyre Adventor", Arial, sans-serif;
  font-size: 12px;
  text-align: center; }

.SearchPage-logo {
  vertical-align: middle; }

.Tagline {
  margin: 5px 0 0;
  color: #fff;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  line-height: 1; }

.Title {
  margin: 0;
  font-family: "TeX Gyre Adventor", Arial, sans-serif;
  font-size: 24px;
  font-weight: normal; }

.Title--main {
  line-height: 1.4; }

.Title--vertical {
  color: #ccc;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  text-transform: lowercase; }

.Title-heading {
  display: inline-block;
  margin: 0;
  font-size: inherit; }

.Title--category {
  color: #ffd6a3; }

.Title-parent {
  font-weight: normal; }
  .Title-parent::after {
    content: ' / ';
    font-weight: bold; }
  .Title--vertical .Title-parent {
    color: #ccc;
    font-size: .8em; }

.Toplist {
  max-width: 45em;
  margin: 0 auto;
  padding: 0;
  background: #fff1b9;
  border-top: solid 3px #e58a17;
  list-style: none;
  text-align: center; }

.Toplist-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  height: 10em;
  margin-bottom: -5px;
  padding: 10px 25px; }
  .Toplist-item + .Toplist-item {
    border-top: solid 1px #fff; }

.Toplist-column {
  height: 100%;
  margin-bottom: 5px; }

.Toplist-column--logo {
  min-width: 100px;
  max-width: 100px;
  margin: 0 -10px; }

.Toplist-columnBody {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.Toplist-button {
  margin: 0 -5px -5px 0; }

.Toplist-buttonItem {
  display: block;
  margin: 0 5px 5px 0;
  white-space: nowrap; }

.ToplistAside {
  min-width: 270px;
  margin: 0;
  padding: 0;
  background: #fff1b9;
  list-style: none;
  overflow: hidden; }

.ToplistAside-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 340px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  padding: 10px; }
  .ToplistAside-item + .ToplistAside-item {
    position: relative; }
    .ToplistAside-item + .ToplistAside-item::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 300%;
      height: 1px;
      background: #fff; }

.ToplistAside-title.ToplistAside-title {
  color: #000;
  font-family: "PT Sans", sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase; }

.ToplistAside-body {
  margin-left: 15px; }

.ToplistReview {
  margin: 0 0 15px;
  padding: 0;
  list-style: none;
  line-height: 1; }

.ToplistReview-item {
  padding-bottom: 20px;
  padding-top: 15px;
  border-top: solid 1px #f1f1f1; }

.ToplistReview-header {
  margin-bottom: 15px; }

.ToplistReview-partner {
  margin-bottom: 15px;
  text-transform: uppercase; }

.ToplistReview-image {
  height: 200px; }

.ToplistReview-highlight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 50%;
  padding: 15px;
  background: #fff1b9;
  text-align: center; }

.ToplistReview-logoMobile {
  display: block;
  width: 80px;
  margin-right: 15px; }

.ToplistReview-bonus {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.ToplistReview-text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 1.6; }

.ToplistReview-button {
  min-width: 180px;
  max-width: 180px;
  margin: 15px auto 0; }

.TwitterTimeline {
  position: relative;
  min-height: 60px; }
  .TwitterTimeline.is-loading {
    text-align: center; }
    .TwitterTimeline.is-loading::after {
      content: '';
      position: absolute;
      top: 20px;
      left: 50%;
      width: 40px;
      height: 40px;
      background: url(../img/puff.svg) no-repeat center center;
      background-size: 100% 100%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      opacity: .5;
      z-index: 1; }

.twitter-timeline {
  opacity: 1;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform; }
  .TwitterTimeline.is-loading .twitter-timeline {
    opacity: 0;
    -webkit-transform: scaleX(0);
            transform: scaleX(0); }

.toplistSlider {
  width: 100%;
  max-width: 100%;
  overflow: hidden; }
  .toplistSlider .carousel, .toplistSlider .review, .toplistSlider .review > *, .toplistSlider .toplist, .toplistSlider .toplist > * {
    float: left; }
  .toplistSlider .carousel {
    width: 100%; }
    .toplistSlider .carousel .carousel-inner {
      height: inherit; }
      .toplistSlider .carousel .carousel-inner .item {
        width: 100%;
        max-width: 100%;
        height: inherit; }
        .toplistSlider .carousel .carousel-inner .item .carouselImage {
          float: left;
          width: 100%;
          height: 201px;
          max-width: 100%;
          max-height: 100%; }
          .toplistSlider .carousel .carousel-inner .item .carouselImage img {
            width: 100%;
            height: 100%;
            max-width: 100%;
            max-height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: center;
               object-position: center; }
        .toplistSlider .carousel .carousel-inner .item .review {
          position: relative;
          float: left;
          width: 100%;
          height: 173px;
          padding: 17px;
          border: 1px solid #fff;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
          .toplistSlider .carousel .carousel-inner .item .review .partner, .toplistSlider .carousel .carousel-inner .item .review .Review-price {
            position: relative;
            width: 50%;
            height: 84px;
            margin-bottom: 15px; }
            .toplistSlider .carousel .carousel-inner .item .review .partner img, .toplistSlider .carousel .carousel-inner .item .review .Review-price img {
              max-width: 100%; }
          .toplistSlider .carousel .carousel-inner .item .review .partner {
            padding-right: 5px;
            font-size: 13px;
            font-family: "PT Sans", sans-serif;
            text-align: center;
            color: #000; }
            .toplistSlider .carousel .carousel-inner .item .review .partner > span {
              position: absolute;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%);
              left: 0;
              width: 100%;
              padding-right: inherit; }
              .toplistSlider .carousel .carousel-inner .item .review .partner > span b {
                float: left;
                width: 100%; }
          .toplistSlider .carousel .carousel-inner .item .review .Review-price {
            padding-left: 5px;
            line-height: 1.1;
            font-family: Georgia, serif;
            text-align: center; }
            .toplistSlider .carousel .carousel-inner .item .review .Review-price > span {
              position: absolute;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%);
              left: 0;
              width: 100%;
              padding-right: inherit;
              color: #000; }
              .toplistSlider .carousel .carousel-inner .item .review .Review-price > span .Bonus {
                color: #000;
                font-weight: bold; }
              .toplistSlider .carousel .carousel-inner .item .review .Review-price > span .Bonus-separator {
                display: block;
                font-weight: normal; }
          .toplistSlider .carousel .carousel-inner .item .review .button {
            width: 100%;
            text-align: center; }
      .toplistSlider .carousel .carousel-inner .carousel-control {
        background-image: none !important;
        -webkit-filter: none !important;
                filter: none !important;
        opacity: 1 !important; }
        .toplistSlider .carousel .carousel-inner .carousel-control .carousel-control-btn {
          position: absolute;
          top: 100px;
          margin-top: -13px; }
        .toplistSlider .carousel .carousel-inner .carousel-control .carousel-control-prev {
          left: 10px;
          width: 0;
          height: 0;
          border-top: 13px solid transparent;
          border-bottom: 13px solid transparent;
          border-right: 13px solid #e58a17; }
        .toplistSlider .carousel .carousel-inner .carousel-control .carousel-control-next {
          right: 10px;
          width: 0;
          height: 0;
          border-top: 13px solid transparent;
          border-bottom: 13px solid transparent;
          border-left: 13px solid #e58a17; }
        .toplistSlider .carousel .carousel-inner .carousel-control.right, .toplistSlider .carousel .carousel-inner .carousel-control.left {
          width: 0; }
  .toplistSlider .toplist {
    width: 100%;
    padding-top: 15px; }
    .toplistSlider .toplist .ToplistAside-item {
      padding: 13px 0; }

.toplist-default__header {
  background-color: #24292F;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 14px;
  border-bottom: 3px solid #F49427; }
  .toplist-default__header__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .toplist-default__header__title * {
      font-size: 12px; }
    .toplist-default__header__title .securityIcon {
      background-image: url(../img/SecurityIcon.svg);
      width: 21px;
      height: 21px;
      margin-right: 8px; }
    .toplist-default__header__title--second {
      display: none; }
      .toplist-default__header__title--second .thumbsUp {
        background-image: url(../img/ThumbsUp.svg);
        width: 17px;
        height: 17px;
        margin-right: 8px; }
      .toplist-default__header__title--second span {
        line-height: 12px; }
    .toplist-default__header__title svg {
      margin-right: 8px; }

.toplist-default__item {
  padding: 10px 15px;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  margin-bottom: 8px; }
  .toplist-default__item__img {
    border-radius: 8px;
    position: relative;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 89px;
    height: 89px; }
    .toplist-default__item__img img {
      border-radius: 8px; }
    .toplist-default__item__img .badge {
      position: absolute;
      bottom: 0;
      padding: 0;
      width: 82px;
      text-align: center; }
      .toplist-default__item__img .badge__text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 90%; }
        .toplist-default__item__img .badge__text__exclusive {
          height: 13px; }
      .toplist-default__item__img .badge .fireSvg {
        background-image: url(../img/Fire.svg);
        width: 6px;
        height: 14px;
        background-position: center;
        background-repeat: no-repeat;
        margin-right: 5px; }
  .toplist-default__item__pos {
    color: #FA511C;
    width: 18px;
    height: 18px;
    position: relative;
    margin-right: 16px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box; }
    .toplist-default__item__pos span {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      font-size: 14px;
      font-weight: bold; }
  .toplist-default__item__details-bonus {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 103px); }
  .toplist-default__item__details {
    margin-bottom: 8px; }
    .toplist-default__item__details__name {
      font-weight: bold;
      font-size: 12px;
      display: block;
      color: #202020; }
    .toplist-default__item__details__ratings {
      line-height: 0;
      display: inline-block;
      vertical-align: middle;
      width: 72px;
      position: relative; }
      .toplist-default__item__details__ratings .svg__stars {
        position: absolute;
        top: 0;
        overflow: hidden;
        left: 0; }
      .toplist-default__item__details__ratings svg {
        display: inline-block;
        vertical-align: middle; }
      .toplist-default__item__details__ratings .decimal-rating {
        font-size: 11px; }
    .toplist-default__item__details__review {
      display: inline-block;
      vertical-align: middle;
      font-size: 10px;
      color: #787878;
      text-transform: capitalize;
      border-bottom: 1px solid #787878; }
  .toplist-default__item__bonus a {
    font-weight: bold;
    font-size: 16px;
    color: #000; }
  .toplist-default__item__button {
    margin-top: 10px; }
    .toplist-default__item__button a {
      display: block;
      width: 100%;
      background: #F49427;
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      line-height: 50px;
      text-align: center;
      border-radius: 2px; }
      .toplist-default__item__button a:hover {
        background: #FA511C; }
  .toplist-default__item__top {
    display: none; }
    .toplist-default__item__top span {
      font-size: 12px;
      color: #FA511C;
      margin-left: 9px; }
    .toplist-default__item__top .Trophy {
      background-image: url(../img/Trophy.svg);
      width: 10px;
      height: 10px; }

.toplist-default--big .toplist-default__item__pos {
  display: none; }

.typography .toplist-default__item a.toplist-default__item__details__name {
  color: #202020; }

.typography .toplist-default__item a.toplist-default__item__details__review {
  color: #787878; }

.toplist-default--side .toplist-default__header {
  padding: 12px 7px; }
  .toplist-default--side .toplist-default__header svg {
    width: 18px;
    height: 18px; }
  .toplist-default--side .toplist-default__header span {
    font-size: 11px; }

.toplist-default--side .toplist-default__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 7px;
  width: 98.9%;
  margin: 0 auto 8px;
  min-height: 73px;
  background-color: #fff; }
  .toplist-default--side .toplist-default__item__pos {
    margin-right: 7px; }
  .toplist-default--side .toplist-default__item__img {
    width: 40px;
    height: 40px;
    margin-right: 7px; }
    .toplist-default--side .toplist-default__item__img img {
      width: 100%;
      height: 100%; }
  .toplist-default--side .toplist-default__item__details-bonus {
    width: 125px;
    margin-right: 3px; }
  .toplist-default--side .toplist-default__item__details {
    margin-bottom: 3px; }
    .toplist-default--side .toplist-default__item__details__ratings {
      width: 62px; }
    .toplist-default--side .toplist-default__item__details .svg__stars-coloured {
      width: 62px;
      height: 12px; }
  .toplist-default--side .toplist-default__item__bonus a {
    font-size: 14px; }
  .toplist-default--side .toplist-default__item__button {
    margin-top: 0; }
    .toplist-default--side .toplist-default__item__button a {
      font-size: 9px;
      line-height: 30px;
      min-width: 72px; }
    @media (min-width: 550px) {
    .l-Content-widget {
      width: 300px; }
    .l-Section-body {
      max-width: 480px; }
    .l-Section-title {
      position: absolute;
      top: 0;
      right: 100%;
      -webkit-transform: rotate(-90deg) translateY(-100%);
              transform: rotate(-90deg) translateY(-100%);
      -webkit-transform-origin: right top;
              transform-origin: right top;
      white-space: nowrap;
      z-index: 1; }
    .Article-date {
      display: inline-block;
      vertical-align: middle; }
    .Article-buttons {
      display: inline-block;
      margin: 0 0 0 15px; }
    .BarEngage {
      background-position: center top -74px; }
    .BarEngage--aside .BarEngage-button {
      margin: 0 0 10px 10px; }
    .Bonus--small:not(.Bonus--alwaysShort) .Bonus-separator::before {
      content: attr(data-long);
      padding: 0 .4em; }
    .Button--small {
      font-size: 16px; }
  .Card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .g-recaptcha {
      display: table; }
    .Intro-excerpt {
      display: block; }
    .ListArticle {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
    .ListArticle-item {
      -webkit-box-flex: 0;
          -ms-flex: 0;
              flex: 0;
      min-width: 50%; }
    .MenuMain-togglerText {
      display: inline;
      padding-left: .5em;
      vertical-align: middle; }
    .MenuMain-subMenu {
      top: -3px;
      right: 40px; }
      .Partner--compact .Partner-title {
        text-align: left; }
    .Search-form {
      left: 220px; }
    .Title--main {
      font-size: 28px; }
    .Title--vertical {
      font-size: 24px; }
    .Toplist-item {
      height: 8em; }
    .Toplist-buttonItem {
      min-width: 9em; }
    .ToplistReview-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
    .ToplistReview-partner {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; }
    .ToplistReview-image {
      min-width: 50%;
      min-height: 160px;
      height: auto; }
    .ToplistReview-highlight {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; }
    .ToplistReview-logoMobile {
      margin: 0 auto 5px; }
    .ToplistReview-bonus {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0; }
  .toplistSlider .carousel .carousel-inner .item {
    height: inherit; }
    .toplistSlider .carousel .carousel-inner .item .carouselImage {
      height: 312px; }
    .toplistSlider .carousel .carousel-inner .item .review {
      height: 120px; }
      .toplistSlider .carousel .carousel-inner .item .review .partner, .toplistSlider .carousel .carousel-inner .item .review .Review-price {
        width: 120px;
        height: 100%; }
      .toplistSlider .carousel .carousel-inner .item .review .partner {
        padding-right: 10px; }
      .toplistSlider .carousel .carousel-inner .item .review .Review-price {
        padding-left: 10px; }
      .toplistSlider .carousel .carousel-inner .item .review .button {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        right: 3px;
        width: 194px;
        padding-top: 0; }
  .toplistSlider .carousel .carousel-inner .carousel-control .carousel-control-btn {
    position: absolute;
    top: 156px;
    margin-top: -13px; } }
    @media (min-width: 550px) and (max-width: 819px) {
    .Image--sm {
      display: block; }
    .ListArticle-item--sm {
      display: block; } }
    @media (min-width: 550px) and (min-width: 550px) and (max-width: 819px) {
  .toplistSlider .toplist .BoxContent {
    float: none; } }
    @media (min-width: 820px) {
    .l-Content-sidebar {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .l-Content-widget:nth-child(2n) {
      margin-left: 15px; }
    .l-Section-body {
      max-width: 750px; }
  .Section-banner {
    display: block;
    width: 102px; }
  .Section-bannerLeft {
    margin-left: -511px; }
  .Section-bannerRight {
    margin-left: 409px; }
    .typography .img-left,
    .typography .box.left {
      float: left;
      margin: 0 15px 15px 0; }
    .typography .img-right,
    .typography .box.right,
    .typography .article-photo-right {
      float: right;
      margin: 0 0 15px 15px; }
    .BarEngage {
      background-position: center top -130px; }
    .BarEngage-buttons {
      margin-left: -15px;
      margin-bottom: -15px; }
    .BarEngage--aside .BarEngage-buttons {
      margin-left: -10px;
      margin-bottom: -10px; }
    .BarEngage-button {
      margin: 0 0 15px 15px; }
    .Bonus {
      font-size: 28px; }
  .Bonus--large {
    font-size: 38px; }
    .Bonus--small {
      font-size: 24px; }
    .Bonus--extraSmall {
      font-size: 15px; }
    .Bonus--small:not(.Bonus--alwaysShort) .Bonus-separator::before {
      content: attr(data-short);
      padding: 0; }
  .Card--promo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
      .Card--promo .Card-header {
        min-height: 290px; }
      .Card--promo2 .Card-header {
        -ms-flex-preferred-size: 0;
            flex-basis: 0; }
    .Card--promo .Card-body {
      -webkit-box-flex: 0;
          -ms-flex: 0;
              flex: 0;
      min-width: 245px; }
    .Card--promo2 .Card-body {
      -webkit-box-flex: 0;
          -ms-flex: 0;
              flex: 0; }
    .Intro--promo .Intro-title {
      font-size: 24px;
      max-height: 4.6em;
      overflow: hidden; }
    .Intro--promo2 .Intro-title {
      font-size: 20px; }
      .Intro--promo .Intro-excerpt {
        max-height: 6.4em; }
      .Intro--promo2 .Intro-excerpt {
        display: none; }
    .ListArticle-item {
      min-width: 33.33%; }
      .ListArticle-item.ListArticle-item--2x--sm {
        min-width: 50%; }
    .ListArticle-item.ListArticle-item--2x--md {
      min-width: 50%; }
    .ListPromo {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
    .MediaCentered {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .MediaCentered > .MediaCentered-figure {
        margin: 0 30px 0 0; }
    .MediaCentered > .MediaCentered-body {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      text-align: left; }
      .Partner--compact .Partner-title {
        margin-bottom: 5px;
        font-family: "TeX Gyre Adventor", Arial, sans-serif;
        font-size: 12px;
        text-align: center; }
    .Partner--compact .Partner-logo {
      display: block; }
  .Review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .Review-header {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
      padding: 15px;
      border: solid 1px #fff; }
    .Review-image {
      min-width: 450px;
      min-height: 310px;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      margin-top: 0; }
    .Review-logo {
      width: 100%;
      margin: 0 0 10px; }
    .Review-buttons {
      display: block;
      width: 170px;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      margin-top: 20px; }
      .Review-buttonsItem + .Review-buttonsItem {
        margin: 15px 0 0; }
      .l-Section--review__partner-banner {
        height: 310px; }
        .l-Section--review__partner-banner__details {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-align: end;
              -ms-flex-align: end;
                  align-items: flex-end;
          text-align: left; }
        .l-Section--review__partner-banner__img {
          width: 241px;
          height: 241px;
          margin-right: 36px;
          margin-bottom: 0; }
        .l-Section--review__partner-banner__bonus-button .bonus {
          margin-bottom: 24px; }
        .l-Section--review__partner-banner__bonus-button .Button {
          font-size: 18px; }
    .Title--main {
      font-size: 32px; }
    .Toplist-item {
      height: auto;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row;
              flex-flow: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .Toplist-column {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .Toplist-columnBody {
      position: static;
      -webkit-transform: none;
              transform: none; }
    .Toplist-button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 -10px -10px 0; }
    .Toplist-buttonItem {
      margin: 0 10px 10px 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0; }
  .Toplist-buttonItem--last {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .ToplistReview-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .ToplistReview-partner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin-bottom: 0;
      padding: 20px 40px;
      background: #f1f1f1; }
    .ToplistReview-image {
      -ms-flex-preferred-size: 260px;
          flex-basis: 260px;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      min-width: 0;
      min-height: 180px; }
    .ToplistReview-highlight {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
      min-width: 0;
      padding: 20px 40px; }
    .ToplistReview-logoMobile {
      display: none; }
    .ToplistReview-button {
      margin: 0 0 0 20px; }
  .toplistSlider .carousel {
    width: 399px; }
    .toplistSlider .carousel .carousel-inner .item .carouselImage {
      height: 288px; }
    .toplistSlider .carousel .carousel-inner .item .review .partner, .toplistSlider .carousel .carousel-inner .item .review .Review-price {
      width: 109px;
      height: 100%; }
    .toplistSlider .carousel .carousel-inner .item .review .partner {
      padding-right: 5px; }
    .toplistSlider .carousel .carousel-inner .item .review .Review-price {
      padding-left: 5px; }
    .toplistSlider .carousel .carousel-inner .item .review .button {
      width: 170px;
      right: 4px; }
    .toplistSlider .carousel .carousel-inner .carousel-control .carousel-control-btn {
      position: absolute;
      top: 144px;
      margin-top: -13px; }
  .toplistSlider .toplist {
    width: 300px;
    padding-top: 0; } }
    @media (min-width: 820px) and (max-width: 1039px) {
    .Image--md {
      display: block; }
  .ListArticle-item--hiddenMd {
    display: none; }
    .ListArticle-item--md {
      display: block; } }
    @media (min-width: 820px) and (min-width: 820px) and (max-width: 1039px) {
    .toplistSlider .carousel .carousel-inner .item .review {
      padding: 17px 7px; }
    .toplistSlider .toplist .BoxContent {
      min-height: 409px; }
    .toplistSlider .toplist .ToplistAside-item {
      padding: 34.5px 0; } }
    @media (min-width: 1040px) {
  .l-Content--hasSidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .l-Content-sidebar {
      display: block;
      margin: 0 0 0 15px; }
      .l-Content-between .l-Content-sidebar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 30px 0 15px; }
    .l-Content-widget:nth-child(2n) {
      margin-left: 0; }
    .l-Content-between .l-Content-widget:nth-child(2n) {
      margin-left: 15px; }
  .l-Header-item + .l-Header-item {
    margin-left: 20px; }
    .l-Section-body {
      max-width: 970px; }
  .Section-banner {
    display: block;
    width: 150px; }
  .Section-bannerLeft {
    margin-left: -666px; }
  .Section-bannerRight {
    margin-left: 516px; }
    .BarEngage {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-position: left 100px top -130px; }
    .BarEngage--aside {
      display: block; }
    .BarEngage-title {
      margin: 0 10px;
      text-align: left; }
    .BarEngage-body {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin-top: 0; }
    .BarEngage--aside .BarEngage-body {
      margin-top: 15px; }
    .Bonus {
      font-size: 38px; }
    .Bonus--small {
      font-size: 24px; }
    .Bonus--extraSmall {
      font-size: 15px; }
    .Bonus-separator {
      display: block; }
      .Bonus--small .Bonus-separator {
        display: inline-block; }
  .Card--promo2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
      .Card--double .Card-header {
        -ms-flex-preferred-size: 0;
            flex-basis: 0; }
    .Card--promo .Card-body {
      padding-top: 15px;
      padding-bottom: 15px; }
    .Card--promo2 .Card-body {
      min-width: 245px;
      -webkit-box-flex: 0;
          -ms-flex: 0;
              flex: 0;
      padding-top: 15px;
      padding-bottom: 15px; }
    .Card--double .Card-body {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0; }
    .Image--lg {
      display: block; }
    .Intro--promo2 .Intro-title {
      max-height: 4.6em;
      overflow: hidden; }
      .Intro--promo2 .Intro-excerpt {
        display: block; }
    .Intro--double .Intro-excerpt {
      display: none; }
    .ListArticle-item {
      min-width: 25%; }
    .ListArticle-item.ListArticle-item--2x--lg {
      min-width: 50%; }
    .ListArticle-item--lg {
      display: block; }
    .MenuMain-menu {
      position: static;
      height: auto;
      border: none;
      opacity: 1;
      z-index: 1;
      overflow: visible; }
  .MenuMain-menu > .MenuMain-item {
    display: inline-block;
    margin-left: 20px;
    border-top: none; }
    .MenuMain-arrow {
      width: 25px; }
      .MenuMain-arrow::before {
        border-color: transparent;
        border-width: 6px 4px;
        border-top-color: #fff;
        -webkit-transform: translate(-50%, -25%);
                transform: translate(-50%, -25%); }
      .MenuMain-item.parent > .MenuMain-link {
        padding-right: 25px; }
    .MenuMain-menu > .MenuMain-item > .MenuMain-link {
      background: #24292f;
      height: 78px; }
    .MenuMain-menu > .MenuMain-item:hover > .MenuMain-link {
      background: #3a3f44; }
    .MenuMain-link--toggler {
      display: none; }
  .MenuMain-linkText {
    position: relative;
    top: 50%;
    display: block;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    .MenuMain-subMenu {
      top: 100%;
      left: 50%;
      right: auto;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
      .parent:hover .MenuMain-subMenu {
        height: auto;
        border-top: solid 3px #e58a17;
        opacity: 1;
        z-index: 1; }
    .Review-body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      padding: 15px;
      border: solid 1px #fff; }
    .Review-buttons {
      margin-top: 30px; }
    .ToplistReview-image {
      -ms-flex-preferred-size: 230px;
          flex-basis: 230px;
      min-height: 160px; }
  .toplistSlider .carousel {
    width: 628px;
    height: 281px; }
    .toplistSlider .carousel .carousel-inner .item .carouselImage {
      width: 405px; }
    .toplistSlider .carousel .carousel-inner .item .review {
      width: 223px;
      height: inherit;
      float: left;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .toplistSlider .carousel .carousel-inner .item .review .partner {
        width: 100%;
        height: 103px;
        margin-bottom: 0;
        padding-right: 0;
        padding-bottom: 7px; }
      .toplistSlider .carousel .carousel-inner .item .review .Review-price, .toplistSlider .carousel .carousel-inner .item .review .button {
        position: static;
        width: 100%;
        height: auto; }
        .toplistSlider .carousel .carousel-inner .item .review .Review-price span, .toplistSlider .carousel .carousel-inner .item .review .button span {
          -webkit-transform: none;
                  transform: none;
          position: static; }
      .toplistSlider .carousel .carousel-inner .item .review .Review-price {
        padding: 7px 0;
        margin-bottom: 0; }
        .toplistSlider .carousel .carousel-inner .item .review .Review-price > span {
          display: inline-block;
          width: 80%; }
        .toplistSlider .carousel .carousel-inner .item .review .Review-price .Bonus {
          font-size: 30px; }
      .toplistSlider .carousel .carousel-inner .item .review .button {
        padding: 7px 0 0;
        -webkit-transform: none;
                transform: none; }
    .toplistSlider .carousel .carousel-inner .item .carousel-control .carousel-control-btn {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
  .toplistSlider .toplist {
    width: 300px;
    padding-top: 0;
    margin-left: 10px; }
    .toplistSlider .toplist .BoxContent, .toplistSlider .toplist .toplist-default {
      min-height: 281px; }
        .toplist-default__item__img .badge {
          width: 100%; }
        .toplist-default__item__details__name {
          font-size: 14px;
          font-weight: normal;
          display: inline-block;
          margin-right: 4px;
          display: inline-block;
          vertical-align: middle;
          color: #202020; }
      .toplist-default__item__top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .toplist-default--big .toplist-default__header__title--first span {
    font-size: 18px; }
  .toplist-default--big .toplist-default__header__title--second {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .toplist-default--big .toplist-default__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .toplist-default--big .toplist-default__item__pos {
      display: block; }
    .toplist-default--big .toplist-default__item__img {
      margin-right: 12px;
      display: inherit;
      width: 82px;
      height: 82px; }
    .toplist-default--big .toplist-default__item__details {
      display: inherit; }
      .toplist-default--big .toplist-default__item__details__review {
        position: absolute;
        right: 15px;
        bottom: 50%;
        -webkit-transform: translateY(50%);
                transform: translateY(50%);
        font-size: 12px; }
    .toplist-default--big .toplist-default__item__details-bonus {
      position: relative;
      width: calc(100% - 294px); }
    .toplist-default--big .toplist-default__item__bonus {
      margin-bottom: 8px; }
      .toplist-default--big .toplist-default__item__bonus a {
        font-weight: 900;
        font-size: 20px; }
    .toplist-default--big .toplist-default__item__button {
      min-width: 166px; }
      .toplist-default--side .toplist-default__item__img {
        width: 42px;
        height: 42px; }
      .toplist-default--side .toplist-default__item__details-bonus {
        width: 135px; }
        .toplist-default--side .toplist-default__item__button a {
          min-width: 72px; } }
    @media (max-width: 549px) {
    .Image--xs {
      display: block; }
    .ListArticle-item--xs {
      display: block; }
  .Toplist-column--sm {
    height: auto; }
    .Toplist-column--sm > .Toplist-columnBody {
      position: static;
      -webkit-transform: none;
              transform: none; } }