@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin-ext");

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

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

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

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

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

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

body {
  margin: 0;
}

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

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

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

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

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

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

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

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

figure {
  margin: 1em 40px;
}

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

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

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

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

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

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

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

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

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

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

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

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

b,
strong {
  font-weight: inherit;
}

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

b,
strong {
  font-weight: bolder;
}

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

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

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

dfn {
  font-style: italic;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

audio,
video {
  display: inline-block;
}

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

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

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

img {
  border-style: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

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

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

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

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

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

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

textarea {
  overflow: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

details,
menu {
  display: block;
}

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

summary {
  display: list-item;
}

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

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

canvas {
  display: inline-block;
}

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

template {
  display: none;
}

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

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

[hidden] {
  display: none;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 1.5rem;
  color: inherit;
}

h1 {
  font-size: 5rem;
}

h2 {
  font-size: 4rem;
}

h3 {
  font-size: 3rem;
}

h4 {
  font-size: 2.4rem;
}

h5 {
  font-size: 2rem;
}

h6 {
  font-size: 1.6rem;
}

p {
  line-height: 2.4rem;
  margin: 0 0 1rem;
}

a,
ins,
u {
  -webkit-text-decoration-skip: ink edges;
  text-decoration-skip: ink edges;
}

blockquote {
  margin-left: 0;
  padding: 1rem 2rem;
  border-left: 0.2rem solid #000;
}

blockquote p:last-child {
  margin-bottom: 0;
}

blockquote cite {
  color: #000;
}

ul,
ol {
  margin: 2rem 0 2rem 2rem;
  padding: 0;
}

ul ul,
ul ol,
ol ul,
ol ol {
  margin: 1.5rem 0 1.5rem 2rem;
}

ul li,
ol li {
  margin-top: 1rem;
}

ul {
  list-style: disc inside;
}

ul ul {
  list-style-type: circle;
}

ol {
  list-style: decimal inside;
}

ol ol {
  list-style-type: lower-alpha;
}

dl dt {
  font-weight: bold;
}

dl dd {
  margin: .5rem 0 1.5rem 0;
}

mark {
  color: #fff;
  background: #000;
  line-height: 1;
  display: inline-block;
  padding: .3rem .4rem;
  vertical-align: baseline;
}

kbd {
  color: #fff;
  background: #000;
  line-height: 1;
  display: inline-block;
  padding: .3rem .4rem;
  vertical-align: baseline;
}

abbr[title] {
  cursor: help;
  text-decoration: none;
  border-bottom: .1rem dotted;
}

.ttu {
  text-transform: uppercase;
}

.fl-l {
  float: left;
}

.fl-r {
  float: right;
}

.center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.mt-5 {
  margin-top: 5rem;
}

.is-hidden {
  display: none;
}

.rounded-corners {
  overflow: hidden;
  border-radius: 4px;
}

.bg-white {
  background-color: #fff;
}

.container {
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

.container:after {
  display: table;
  clear: both;
  content: '';
}

.columns {
  display: -ms-flexbox;
  display: flex;
  margin-right: -1rem;
  margin-left: -1rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.columns.col-gapless {
  margin-right: 0;
  margin-left: 0;
}

.columns.col-gapless .column {
  padding-right: 0;
  padding-left: 0;
}

.columns.col-oneline {
  overflow-x: auto;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.column {
  padding: 1rem;
  -ms-flex: 1;
  flex: 1;
}

.column.center {
  margin: 0 auto;
}

.column.col-12,
.column.col-11,
.column.col-10,
.column.col-9,
.column.col-8,
.column.col-7,
.column.col-6,
.column.col-5,
.column.col-4,
.column.col-3,
.column.col-2,
.column.col-1 {
  -ms-flex: none;
  flex: none;
}

.col-12 {
  width: 100%;
}

.col-11 {
  width: 91.66666667%;
}

.col-10 {
  width: 83.33333333%;
}

.col-9 {
  width: 75%;
}

.col-8 {
  width: 66.66666667%;
}

.col-7 {
  width: 58.33333333%;
}

.col-6 {
  width: 50%;
}

.col-5 {
  width: 41.66666667%;
}

.col-4 {
  width: 33.33333333%;
}

.col-3 {
  width: 25%;
}

.col-2 {
  width: 16.66666667%;
}

.col-1 {
  width: 8.33333333%;
}

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

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 10px;
  line-height: 1;
}

html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  color: #223644;
  background: #fff;
}

body.is-fixed {
  position: fixed;
  top: 0;
  width: 100%;
  max-height: 100vh;
}

img {
  display: block;
  max-width: 100%;
  transition: width 250ms linear;
  will-change: width;
}

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

a:focus,
a:hover,
a:active,
a.is-active {
  text-decoration: underline;
}

:focus {
  outline: none;
}

scrollbar {
  width: 6px;
  background: rgba(119, 119, 119, 0.1);
}

scrollbar-track {
  border-radius: 4px;
  background-color: rgba(5, 5, 5, 0.1);
}

scrollbar-thumb {
  border-radius: 4px;
  background: #e6a500;
}

::-webkit-scrollbar {
  width: 6px;
  background: rgba(119, 119, 119, 0.1);
}

::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: rgba(5, 5, 5, 0.1);
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #e6a500;
}

.layout-header {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.layout-footer {
  font-size: 0;
  font-weight: 700;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 6.8rem;
  padding: 0 1rem;
  text-align: center;
  color: #9db4c7;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.layout-footer .layout-footer__copy,
.layout-footer .layout-footer__logo {
  margin: 0 1rem;
  max-width: 190px;
}

.layout-footer .layout-footer__copy {
  font-size: 1.4rem;
  font-weight: 600;
  color: inherit;
}

.layout-navigation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  height: 8.3rem;
}

.layout-navigation.is-open .layout-partner img {
  margin: 1.8rem auto;
}

.layout-navigation__section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.layout-navigation__section:nth-child(2) {
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  background: #fff;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.layout-navigation__section:nth-child(2) .layout-navigation__link {
  min-width: 110px;
  margin: 0 0.5rem;
}

.layout-navigation__section:nth-child(2) .layout-navigation__link:hover,
.layout-navigation__section:nth-child(2) .layout-navigation__link:active,
.layout-navigation__section:nth-child(2) .layout-navigation__link.is-active {
  font-weight: bold;
  text-decoration: none;
}

.layout-navigation__section:first-of-type,
.layout-navigation__section:last-of-type,
.layout-navigation-toggle {
  z-index: 9999;
}

.layout-partner {
  display: -ms-flexbox;
  display: flex;
  height: 8.3rem;
  margin-left: 1rem;
  -ms-flex-align: center;
  align-items: center;
}

.layout-navigation-toggle {
  position: absolute;
  top: 1.6rem;
  right: 1rem;
  display: -ms-flexbox;
  display: flex;
  display: none;
  height: 4rem;
  margin: 3.7rem 0;
  color: #223644;
  border: none;
  outline: none;
  background: transparent;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.layout-navigation-toggle svg {
  cursor: pointer;
  fill: currentColor;
}

.layout-navigation-dropdown {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.layout-navigation-dropdown::after {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: .5rem;
  transform: rotate(180deg);
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAAzUlEQVQokY3QvUoDURDF8Z/7CrKIGONHgoIhBPIMIgYFWx9D0gYfRyzFUmP0EWyWgCDYrDb2SWNhkQlclg061Z1z/mfu3Lv2dWNV9XGLS7zWAdmKYA+POMADuv8NdzDGevQ5Jjj6K3wYYF7RczzFJrXhdgQ3Eu0nOW+G36qG9/CCrQR+s3h7kWgNPGNnGd4OoZFAHzjGFAO8J15zyWe4xm5ifuIEZfRlDCgTZh+jDFexMnzjtHKT6Afhs/i8YYYZznEfQKG+CpzhDheY/wLkWSc9RfoSPgAAAABJRU5ErkJggg==");
}

.layout-navigation-dropdown.is-open::after {
  transform: rotate(360deg);
}

.layout-navigation__dropdown {
  display: none;
  max-width: 998px;
  width: 100%;
  padding: 4rem 0;
  padding-left: 8rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  background-color: rgba(0, 43, 65, 0.91);
}

.layout-navigation__dropdown.is-open {
  position: absolute;
  z-index: 9999;
  top: 9.3rem;
  display: -ms-flexbox;
  display: flex;
}

.layout-navigation__dropdown__item {
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 202px;
  margin-bottom: 3rem;
}

.layout-navigation__dropdown__anchor {
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
}

.layout-navigation__link {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.5rem;
  padding: 0 5px;
  text-transform: uppercase;
  color: inherit;
}

.layout-navigation__link:hover {
  color: inherit;
}

.layout-navigation__brand {
  display: inline;
  max-width: 190px;
}

.component-tags {
  display: block;
}

.component-tags__list {
  margin: 0;
  padding: 0;
  margin-left: -.5rem;
}

.component-tags__item {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: .5rem;
}

.component-tags__anchor {
  font-size: 1.4rem;
  font-weight: bold;
  color: #002b41;
  padding: 1rem;
  background-color: #f2f2f2;
}

.component-card {
  display: block;
  width: 100%;
}

.component-card .component-card__header,
.component-card .component-card__body,
.component-card .component-card__footer {
  padding: 1rem;
  padding-bottom: 0;
}

.component-card .component-card__header:last-child,
.component-card .component-card__body:last-child,
.component-card .component-card__footer:last-child {
  padding-bottom: 1rem;
}

.component-card .component-card__image {
  padding-top: 1rem;
}

.component-card .component-card__image:first-child {
  padding-top: 0;
}

.component-card .component-card__title {
  font-size: 2rem;
}

.component-card .component-card__subtitle {
  font-size: 1.6rem;
}

.component-figure {
  position: relative;
  margin: 0;
}

.component-figure.component-figure--responsive {
  overflow: hidden;
  max-width: 100%;
  height: 0;
  padding-bottom: 70%;
}

.component-figure.component-figure--responsive .component-figure__image {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.component-figure:hover .component-figure__overlay {
  opacity: 1;
}

.component-figure .component-figure__overlay {
  position: absolute;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.4);
  will-change: opacity;
}

.component-figure .component-figure__text {
  font-weight: bold;
  position: absolute;
  z-index: 2;
  bottom: 0;
  float: left;
  margin: 2rem 3rem;
}

.component-figure .component-figure__description,
.component-figure .component-figure__title,
.component-figure .component-figure__city {
  font-weight: 500;
  line-height: 1;
  display: inline;
  float: left;
  clear: both;
  padding: 1rem;
  color: #fff;
}

.component-figure .component-figure__description:after,
.component-figure .component-figure__title:after,
.component-figure .component-figure__city:after {
  display: table;
  clear: both;
  content: '';
}

.component-figure .component-figure__title {
  font-size: 1.4rem;
  margin: 0;
  background: #e6a500;
}

.component-figure .component-figure__city {
  font-size: 1.4rem;
  font-weight: bold;
  color: #002b41;
  margin: 0;
  clear: none;
  background: #f2f2f2;
}

.component-figure .component-figure__description {
  font-size: 3rem;
  margin: 0;
  background: #002b41;
}

.component-figure .component-figure__description:empty {
  display: none;
}

.component-figure .component-figure__image {
  display: block;
  margin: 0 auto;
}

.component-modal {
  position: fixed;
  z-index: 1;
  display: none;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.component-modal.is-active {
  display: -ms-flexbox;
  display: flex;
}

.component-modal__overlay {
  background-color: rgba(0, 0, 0, 0.86);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.component-modal__content {
  position: relative;
  overflow: hidden;
  width: calc(100vw - 2rem);
  height: calc(100vh - 2rem);
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.2);
}

.component-modal__close {
  position: absolute;
  z-index: 2;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 1.6rem;
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  vertical-align: top;
  border: none;
  border-radius: 290486px;
  outline: none;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.component-modal__close:before,
.component-modal__close:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: '';
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
  background-color: #fff;
}

.component-modal__close:before {
  width: 50%;
  height: 2px;
}

.component-modal__close:after {
  width: 2px;
  height: 50%;
}

.component-modal__close:hover,
.component-modal__close:focus {
  background-color: rgba(0, 0, 0, 0.3);
}

.component-modal__close:active {
  background-color: rgba(0, 0, 0, 0.4);
}

.component-baner {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.component-baner.component-baner--instagram,
.component-baner.component-baner--facebook {
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(100% / 2 - 1rem);
  height: 100%;
  margin: 0;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-preferred-size: calc(100% / 2);
  flex-basis: calc(100% / 2);
}

.component-baner.component-baner--instagram h2,
.component-baner.component-baner--facebook h2 {
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 2rem;
  text-align: center;
  color: #fff;
  text-shadow: 1.498px 3.709px 2px rgba(0, 0, 0, 0.75);
}

.component-baner.component-baner--instagram img,
.component-baner.component-baner--facebook img {
  display: block;
  margin: 0 auto;
}

.component-baner.component-baner--facebook {
  float: right;
  background: #e6a500;
}

.component-baner.component-baner--facebook img {
  width: 15px;
  height: 33px;
}

.component-baner.component-baner--instagram {
  float: left;
  background: #002b41;
}

.component-baner.component-baner--instagram img {
  width: 42px;
  height: 42px;
}

.component-baner.component-baner--smartphone,
.component-baner.component-baner--desktop,
.component-baner.component-baner--tablet {
  -ms-flex-direction: column;
  flex-direction: column;
  height: 165px;
  padding-left: 2rem;
  background-repeat: no-repeat;
  background-position: right;
  -ms-flex-pack: center;
  justify-content: center;
}

.component-baner.component-baner--smartphone p,
.component-baner.component-baner--desktop p,
.component-baner.component-baner--tablet p {
  font-size: 1.8rem;
  line-height: 1.2;
}

.component-baner.component-baner--smartphone p:first-of-type,
.component-baner.component-baner--desktop p:first-of-type,
.component-baner.component-baner--tablet p:first-of-type {
  color: #002b41;
}

.component-baner.component-baner--smartphone p:last-of-type,
.component-baner.component-baner--desktop p:last-of-type,
.component-baner.component-baner--tablet p:last-of-type {
  font-weight: 600;
  text-transform: uppercase;
  color: #e6a500;
}

.component-baner.component-baner--smartphone .button,
.component-baner.component-baner--desktop .button,
.component-baner.component-baner--tablet .button {
  line-height: 2.8rem;
  display: inline;
  width: 102px;
  margin-top: 2rem;
  transition: border 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  text-align: center;
  border: 1px solid #002b41;
  will-change: border;
}

.component-baner.component-baner--smartphone:hover .button,
.component-baner.component-baner--desktop:hover .button,
.component-baner.component-baner--tablet:hover .button {
  border-color: #e6a500;
}

.component-baner.component-baner--tablet {
  background-image: url("../images/static/tablet.jpg");
}

.component-baner.component-baner--desktop {
  background-image: url("../images/static/laptop.jpg");
}

.component-baner.component-baner--desktop img {
  width: 193px;
  height: 55px;
}

.component-baner.component-baner--smartphone {
  margin-top: 2rem;
  background-image: url("../images/static/smartphone.jpg");
}

.component-baner.component-baner--miastomania {
  z-index: -1;
}

.component-baner.component-baner--miastomania .component-baner__image {
  margin: 0 auto;
}

.component-baner.component-baner--miastomania .component-baner__text {
  position: absolute;
  top: 4rem;
  right: 4rem;
  max-width: 75%;
}

.component-baner.component-baner--miastomania .component-baner__image-wrapper {
  position: relative;
  margin: 0 auto;
}

.component-button {
  font-size: 1.8rem;
  line-height: 1.6;
  display: inline-block;
  padding: .5rem .8rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  border-radius: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all .2s ease;
}

.component-button.component-button--get-pdfile {
  line-height: 50px;
  overflow: hidden;
  width: 100%;
  height: 60px;
  padding-right: 120px;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 0;
  background-color: #ff8421;
  background-image: url("../images/static/get-pdfile.png");
  background-repeat: no-repeat;
  background-position: right center;
}

.component-button.component-button--get-pdfile:focus,
.component-button.component-button--get-pdfile:hover {
  text-decoration: none;
  background-color: #f17a1b;
}

.component-button .element-icon {
  margin-left: 5px;
}

.component-button:not(.component-button--get-pdfile):focus,
.component-button:not(.component-button--get-pdfile):hover {
  text-decoration: none;
}

.component-button[disabled],
.component-button:disabled,
.component-button.disabled {
  cursor: default;
  pointer-events: none;
  opacity: .5;
}

.component-button.component-button__link {
  color: #e6a500;
  border-color: transparent;
  background: transparent;
}

.component-button.component-button__link:focus,
.component-button.component-button__link:hover,
.component-button.component-button__link:active,
.component-button.component-button__link.active {
  color: rgba(230, 165, 0, 0.8);
}

.component-button.component-button__sm {
  height: 2.4rem;
  padding: .1rem .8rem;
}

.component-button.component-button__lg {
  height: 4rem;
  padding: .9rem .8rem;
}

.component-button.component-button__block {
  display: block;
  width: 100%;
}

.component-button.component-button__clear {
  line-height: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
  margin: .2rem -.2rem .2rem .4rem;
  padding: 0 .2rem;
  text-decoration: none;
  opacity: .45;
  color: currentColor;
  border: 0;
  background: transparent;
}

.component-button.component-button__clear:hover {
  opacity: .85;
}

.component-button.component-button__clear::before {
  content: '\2715';
}

.component-button__group {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.component-button__group .component-button {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.component-button__group .component-button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.component-button__group .component-button:not(:first-child):not(:last-child) {
  margin-left: -.1rem;
  border-radius: 0;
}

.component-button__group .component-button:last-child:not(:first-child) {
  margin-left: -.1rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.component-button__group .component-button:focus,
.component-button__group .component-button:hover,
.component-button__group .component-button:active,
.component-button__group .component-button.active {
  z-index: 0;
}

.component-button__group.component-button__group-block {
  display: -ms-flexbox;
  display: flex;
}

.component-player {
  width: 100%;
  height: 0;
  margin-bottom: 2rem;
}

.component-player--responsive {
  position: relative;
  overflow: hidden;
  padding-bottom: 66.66%;
}

.component-player--responsive .player-placeholder {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.component-loader {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  animation: spin 2s linear infinite;
  border: 6px solid #f3f3f3;
  border-top: 6px solid #e6a500;
  border-radius: 50%;
}

.component-teaser {
  font-size: 1.6rem;
  position: relative;
  overflow: hidden;
  margin: 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.component-teaser:hover {
  text-decoration: none;
}

.component-teaser--socials {
  height: 160px;
}

.component-teaser--socials a,
.component-teaser--apps a {
  text-decoration: none;
}

.component-teaser--global {
  width: calc(100% / 2 - 2rem);
  margin: 1rem;
  -ms-flex-preferred-size: calc(100% / 2 - 2rem);
  flex-basis: calc(100% / 2 - 2rem);
}

.component-socials {
  font-size: 0;
  display: inline-block;
}

.component-socials a {
  display: inline-block;
  margin: 0;
  margin: 0 1rem 0 0;
  vertical-align: middle;
}

.component-article--ajax {
  padding: 5rem 0;
}

.component-article--ajax:not(:first-of-type),
.component-article--ajax:not(:last-of-type) {
  border-top: 1px solid #f5f6f6;
}

.component-article--ajax:last-of-type {
  padding: 3rem 0;
}

.component-article {
  font-size: 1.8rem;
  line-height: 1.2;
  max-width: 700px;
  margin: 0 auto;
  padding-top: 2rem;
  color: #030303;
}

.component-article:after {
  display: table;
  clear: both;
  content: '';
}

.component-article .component-figure__description {
  font-size: 1.8rem;
}

.component-article .component-teasers {
  width: calc(100% + 2rem);
  margin-left: -1rem !important;
}

.component-article .component-teaser {
  max-width: calc(100% / 3 - 2rem);
  margin: 1rem;
  -ms-flex-preferred-size: calc(100% / 3 - 2rem);
  flex-basis: calc(100% / 3 - 2rem);
}

.component-article .component-teaser .component-figure__text {
  margin: 1rem;
}

.component-figure + p {
  margin-top: 1rem;
}

.component-article__source {
  font-style: italic;
  line-height: 5.2rem;
  position: relative;
  padding: 0.5rem;
  border-top: 1px solid #768487;
  border-bottom: 1px solid #768487;
}

.component-article__source .component-socials {
  position: absolute;
  right: 0;
}

.component-article__source .component-socials img {
  width: 38px;
  height: 38px;
}

.component-article__main {
  float: left;
  width: 100%;
  padding: 2rem;
}

.component-article__main p {
  font-size: 1.8rem;
  line-height: 1.444;
  padding: 1rem 0;
}

.component-article__main figure {
  margin: 0;
}

.component-article__main figure img[style*='max-width'] {
  width: auto !important;
  max-width: 100% !important;
}

.component-article__main + .component-socials {
  width: 100%;
  margin: 4rem 0;
  text-align: center;
}

.component-article__title,
.component-article__lead {
  color: #5c5c5c;
}

.component-article__title {
  font-size: 2.6rem;
  font-weight: 600;
  color: #5c5c5c;
}

.component-article__lead {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.2;
}

.component-article__tags {
  margin: 2rem 0;
}

.component-carousel {
  position: relative;
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

.component-carousel__content {
  position: relative;
  overflow: hidden;
  max-width: 100%;
}

.component-carousel__list {
  font-size: 0;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  transition: left 250ms;
}

.component-carousel__item {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

.component-carousel__item {
  text-align: center;
}

.component-carousel__image {
  max-width: 100%;
}

.component-carousel__description {
  font-size: 1rem;
  font-weight: 400;
  position: relative;
  display: block;
  max-width: 100%;
  text-align: left;
}

.component-carousel__thumb,
.component-carousel__prev,
.component-carousel__next {
  width: 78px;
  height: 78px;
  cursor: pointer;
  transition: background 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border: none;
  outline: none;
  background-color: rgba(253, 184, 39, 0.9);
  will-change: background;
}

.component-carousel__prev,
.component-carousel__next {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
}

.component-carousel__thumb__list {
  margin: 0 auto;
  text-align: center;
}

.component-carousel__thumb {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  padding: 0;
}

.component-carousel__prev {
  left: -78px;
}

.component-carousel__next {
  right: -78px;
}

.component-carousel__prev:hover,
.component-carousel__next:hover {
  background-color: #fdb827;
}

.component-carousel__prev.is-hidden,
.component-carousel__next.is-hidden {
  display: none;
}

@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: inline-block;
    opacity: 0;
  }

  100% {
    display: inline-block;
    opacity: 1;
  }
}

.competition--main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.competition--main.aspectRatio {
  position: relative;
  height: auto;
  padding-bottom: 57%;
}

.competition--main.aspectRatio #competition--main-conteiner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

#competition--main-conteiner {
  position: relative;
  width: 100%;
  background-position: top center;
  background-size: cover;
  background-size: 100%;
}

#competition--main-conteiner .competition--main-conteiner {
  width: calc(100% + 32px);
  margin-left: -16px;
}

#competition--main-conteiner .competition--main-conteiner:after {
  display: block;
  clear: both;
  content: 'asdas';
}

#competition--main-conteiner h4 {
  font-size: 3rem;
  padding: 1rem 0;
  color: #393939;
}

#competition--main-conteiner ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

#competition--main-conteiner ul li {
  display: none;
  width: calc((100% - 140px)/3 - 5rem);
  margin: 2.5rem;
  transition: all 1s ease-in-out;
  transform: scale(0);
  vertical-align: top;
  opacity: 0;
}

#competition--main-conteiner ul .active {
  display: inline-block;
  transform: scale(0.9);
  animation: fadeInFromNone 1s ease-in-out;
  opacity: 1;
}

#competition--main-conteiner ul .active a {
  position: relative;
  display: block;
  width: 100%;
}

#competition--main-conteiner ul .active a:hover::before {
  position: absolute;
  width: calc(100% + 10px);
  height: 100%;
  content: '';
  background: #e6a500;
}

#competition--main-conteiner ul .active a:hover::after {
  font-size: 16px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: calc(50% - 10px);
  height: 20px;
  margin: auto;
  margin: auto;
  padding: 20px;
  content: 'GRAM';
  text-align: center;
  border: 1px solid #f7eed8;
}

#competition--main-conteiner .wrapper {
  position: relative;
}

#competition--main-conteiner .prev {
  display: none;
}

#competition--main-conteiner .quzi-popup img {
  width: 100%;
}

h1.quiz-start__title span {
  text-transform: uppercase;
  color: #fff;
}

h1.quiz-start__title > span {
  color: #fff;
}

.quiz-start__box,
.quiz-start__wrap {
  position: relative;
}

.quiz-start__box {
  width: 100% !important;
  margin: 0 auto;
}

.quiz-start__image {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.quiz-start__image:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background-color: rgba(0, 0, 0, 0.5);
}

.quiz-start__image img {
  display: block;
  width: 100%;
  height: auto;
}

.quiz-start__details {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 40px;
  transform: translateY(-50%);
  text-align: center;
}

.quiz-start__title {
  font-size: 30px;
  font-size: 1.6vw;
  font-weight: 400;
  max-width: 600px;
  margin: 0 auto 15px;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.quiz-start__type {
  color: #d0d4d8;
}

.quiz-start__number {
  font-size: 18px;
  margin-bottom: 25px;
  letter-spacing: .05em;
  color: #d0d4d8;
}

.quiz-start__button {
  font-size: 16px;
  font-weight: 700;
  position: relative;
  display: inline-block;
  padding: 20px 40px;
  cursor: pointer;
  transition: all .1s ease;
  transition: all 220ms ease;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  border: solid 1px #e6a500;
  border-radius: 4px;
  background: #e6a500;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}

.quiz-start__button span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 220ms ease;
}

.quiz-start__button span:after {
  position: absolute;
  top: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 120ms ease;
  background: #e6a500;
}

.quiz-start__button:hover {
  transition: all 220ms ease;
  border: solid 1px #e6a500;
  background: #e6a500;
}

.quiz-start__button:hover span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.quiz-start__button:hover span:after {
  position: absolute;
  top: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 220ms ease;
}

.quiz-start__text {
  font-size: 18px;
  line-height: 24px;
  max-width: 440px;
  margin: 41px auto 0;
  color: #393939;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.quiz-start__aside {
  float: none;
  clear: both;
  width: 100%;
  padding-top: 28px;
}

.quiz-start__close {
  position: fixed;
  z-index: 11;
  right: 0;
  bottom: 0;
  overflow: hidden;
  box-sizing: border-box;
  width: 178px;
  height: 178px;
  margin-right: -62px;
  margin-bottom: -76px;
  padding: 41px 0 0 45px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.5);
  border-radius: 98px;
  background-color: #6f3a7c;
}

.quiz-start__close:hover {
  background-color: #7a4a86;
}

.quiz-start__average {
  overflow: hidden;
  padding-bottom: 10px;
  color: #393939;
}

.quiz-start__averageTop {
  margin-bottom: 5px;
}

.quiz-start__avarageIcon {
  line-height: 52px;
  float: left;
  width: 52px;
  height: 52px;
  margin-right: 10px;
  text-align: center;
  color: #b3a3b1;
  border-radius: 50%;
  background-color: #6f3a7c;
}

.quiz-start__scoreAvatar {
  display: inline-block;
  width: 50px;
  height: 50px;
  padding-bottom: 10px;
  vertical-align: middle;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAASPSURBVGhDzZrXcuMwDEX9//+R3nvvPXlIz2TSe++9c300o4zMXMsUpc3uw/HEkAUCIkGAUHLGmEz4/Pw0r6+v5vHx0dzd3ZmbmxtzdXVlLi8vA/gbGdeenp7M29ub4R5bjy9S6AqGPD8/m9vb22+Dk8K9Ly8vqZ2SwlJ8fHyYh4eHgieeFnQxm74OSWExGITBsnTABt3M8tfXV35IbYdCChWsada4GvxvwFjv7+/5obU9NlJoQ3CqwX4D4se2RyGFIUwvsaAG+E14kLZtNlIIvk6cnJyY5eVlMzIyYjo6OkxDQ4Npamoy3d3dZnJy0qyvr5vz83N5bxylnJFC8HECI9vb201ZWVlRKisrTX9/v9nb25M64mATsO0MkUJuUIriWFlZMTU1NdJ4BbO0s7MjdcXBpmPbCz8E7BRKQRy7u7umvr5eGhwHS4+lqHTGoXJNwRfiIukWe3FxYUZHR6WhpSgvLzdzc3NSbxz39/d5c2Mc8VlS+/v7XrMRwqycnp5K3XHYS+z7D2bDJ2Ovrq6aiooKaaQLPASfWLm+vs6bLRzxTXoEeRpHamtrzcbGhtRdiuisBB++swHMCFuqMtKFuro6s729LXWXgsq5wBE8Uz90gaeZxpHGxsYgzpRuF8IdLHAkTRmCETxVZaQLbW1tXltwSJgkA0fUD1xhWSRJhDYtLS3m6OhI6nYhXF7BGUP9wJUsgn1zc1PqdiVwJE18wNraWqoY8d1+ozAZqc8aBwcHQYWrjHSBItMnIUahrMqR7tVFVyhRhoeHpZEuUNorvUng8JWjPaMuJoEt2Cfg2e3SLitg58plcQ5nabS2tkpj4+jp6QlmVOlMAg2RXJqeVAgnvt7eXmlsHFTNSl9SiPNMlhbMzMxIY+NYWFiQupISxAjToi4mJWliZKc7PDyUupJCCsnRr1UXk8Jan5qakkbbcKCanZ2Venyg8xm0P9VFHwj65uZmaXyUrq4uc3Z2JnX4QPWeutaycQn6iYkJea8P37UWH1m2Qvv6+qTxUbJ0JOx3BY4Q9epHPvy2IwXnEdaY+pEPpRp0kFX+YCVh/7cjkLbmAlqlLpUwzTmfTqNNtMH97Uiacwn1Er3eJOU8zszPz3sfquiisJJ+OAJJZoXj6dLSkhkYGEh1QmS7Hh8fT9zctl83FDjiMitkcEpvmgYkNmWcD1VVVUF8kSg546ixQ6KxEVLwBdQOxpPiJDg4OGiqq6ulIVlC+cLOVqxNRBK37S74EhKtiOmSDA0N/YoDNhyDp6enC7osxV4t/BAAQUQw0RRwKTn+NrwkosBUzesQKQTihUBWiv8Fi4uLebO0rSCFITTu/ocZITZVXESRwiisyc7OTjnAb8AOGc0XxZBCG9otKMxyuy0FuYkGuW1LMaSwGMfHx0GLUw2cJcSmyhVxSGEczA41FQlRGeELbVfeXlGDuSwlGyl0gXMySZKnl/b9yNjYWJCvfBwIkcIkMDj7OzkHg+hv4RhPmJgK4Tty1j5HXbouvA0u9Y8ArkihLzjFTIX9ZJbJ1tZWUB1TP/FWjBKIrTTN0/+Jyf0BC83/F95TBBEAAAAASUVORK5CYII=") no-repeat 50%;
}

.quiz-start__avatar {
  float: left;
  overflow: hidden;
  margin-right: 10px;
  border-radius: 50%;
}

.quiz-start__avatar img {
  width: 52px;
  height: 52px;
  border-radius: 50%;
}

.quiz-start__scoreIcon {
  position: relative;
  float: right;
  overflow: hidden;
  width: 56px;
  height: 56px;
  margin-left: 10px;
  color: rgba(255, 255, 255, 0.5);
}

.quiz-start__asideLeft {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 52px;
  margin: 0 15px 0 20px;
  vertical-align: middle;
}

.quiz-start__asideLeftTop {
  height: 17px;
  vertical-align: middle;
}

.quiz-start__asideLeftWykres {
  position: absolute;
  top: 0;
  left: calc(50% - 17px);
  display: block;
  width: 34px;
  height: 17px;
}

.quiz-start__asideLeftWykres svg {
  fill: transparent;
  stroke: #ef315f;
}

.quiz-start__progressCircleValue {
  font-size: 16px;
  line-height: 1;
  position: absolute;
  top: 19px;
  left: 50%;
  transform: translateX(-50%);
}

.quiz-start__progressCircleValue > b,
.quiz-start__progressCircleValue > span {
  line-height: 1;
}

.quiz-start__scoreValue {
  font-weight: 900;
}

.quiz-start__averageLabel {
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
}

.quiz-start__averageLabelBold {
  font-weight: 900;
}

.quiz-start__averageLabelBoldText {
  padding-left: 5px;
}

.quiz-start__averageLabelBoldTextHoN {
  display: block;
}

.quiz-start__others {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.quiz-start__others,
.quiz-start__othersRow {
  overflow: hidden;
  padding: 10px 0;
}

.quiz-start__othersInfo {
  float: left;
  padding-top: 8px;
}

.quiz-start__othersName {
  font-size: 15px;
  font-weight: 500;
  color: #393939;
}

.quiz-start__othersDesc {
  font-size: 12px;
  color: #d0d4d8;
}

.quiz-start__summary {
  padding-top: 18px;
}

.quiz-start__summaryHeading {
  font-size: 15px;
  margin-bottom: 8px;
  color: #393939;
}

.quiz-start__alreadyPlayed,
.quiz-start__played {
  font-size: 16px;
  font-weight: 500;
  color: #393939;
}

.quiz-start__alreadyPlayed .quiz-start__image img {
  opacity: .5;
}

.quiz-start__alreadyPlayed .quiz-start__image:after {
  display: none;
}

.quiz-start__otherPlayersRows {
  margin-top: 5px;
  padding-top: 15px;
  border-top: 2px solid #e5e5e5;
}

.quiz-start__averageLabelOherPlayers {
  display: inline-block;
  padding-top: 0;
  vertical-align: middle;
}

.quiz-start__averageLabelOherPlayers > span {
  font-size: 16px;
}

.quiz-start__averageLabelOherPlayers > small {
  font-size: 12px;
  display: block;
  color: #c6c6c6;
}

.quiz-start__wrapCaption {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 57.7%;
  height: 100%;
  opacity: .5;
}

.quiz-start__caption {
  font-size: 14px;
  padding: 0 12px 4px;
  transform: translateY(-100%) rotate(-90deg);
  transform-origin: 100% 100%;
  text-align: right;
  color: #393939;
  text-shadow: -2px 2px 3px rgba(0, 0, 0, 0.6);
}

.quiz-start__caption > span:first-child {
  padding-right: 4px;
}

.answer__wrap {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 25%;
  padding: 0 14px 14px 0;
  cursor: pointer;
  text-align: center;
  vertical-align: top;
}

.answer__wrap.answer__withImage.answer__answerWithImage {
  width: 50%;
}

.answer__image {
  position: relative;
  display: inline-block;
  overflow: hidden;
  box-sizing: border-box;
  width: 158px;
  height: 158px;
  margin-bottom: 10px;
  border: 1px solid #a6a6a6;
}

.answer__answerWithImage:not(.answer__textProgressAnswered):hover .answer__image {
  border: 1px solid #02347c;
}

.answer__image:after {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  border: 2px solid transparent;
}

.answer__answerWithImage:not(.answer__textProgressAnswered):hover .answer__image:after {
  border-color: #02347c;
}

.answer__wrong .answer__image:after {
  border-color: red;
}

.answer__correct .answer__image:after {
  border-color: green;
}

.answer__wrong .answer__image {
  border: 1px solid red;
}

.answer__correct .answer__image {
  border: 1px solid green;
}

.answer__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  max-width: 158px;
  height: auto;
  max-height: 158px;
  transform: translateX(-50%) translateX(1px) translateY(-50%) translateY(1px);
}

.answer__answerWithImage {
  width: 25%;
}

.answer__answerWithImage .answer__select .answer__icon {
  margin: 5px 0;
}

.answer__answerWithImage .answer__select .answer__text {
  display: block;
  max-width: 100%;
}

.answer__answerWithImage:not(.answer__textProgressAnswered):hover .answer__select .answer__text {
  color: #02347c;
}

.answer__select {
  position: relative;
  padding-top: 1px;
  text-align: center;
}

.answer__select .icon__Icon {
  display: block;
  height: 22px;
}

.answer__icon {
  margin-right: 6px;
}

.answer__icon .icon__Icon {
  display: block;
}

.answer__textOnly.answer__clicked .answer__icon .icon__Icon {
  display: block;
  width: 22px;
  height: 22px;
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAACTk5OWlpaWlpaWlpaWlpaVlZWXl5eVlZWXl5ednZ2oqKinp6eXl5eWlpaAgICWlpaXl5eenp6VlZWWlpaXl5eVlZWWlpaYmJiWlpaXl5eXl5efn5+Xl5eUlJSSkpKXl5eVlZWXl5egoKCenp6WlpaWlpaqqqqqqqqWlpaWlpapqamWlpaWlpadnZ2WlpaYmJiWlpaXl5eVlZWWlpb///+Xl5eWlpaWlpacnJyoqKinp6eWlpaXl5eWlpaWlpaWlpaWlpbMzMzu7u7////Dw8P6+vrTyNfCwsLQ0NDFrsR5QHRSI2BOIl9TJGB8Q3bBwcGYZpC/v7/5+fnDrMLDq8LOzs7y8vLx8fHw8PDv7+++vr7Ly8tRI2BUJGB6QnXKysq8vLz4+Pi7u7tXa7xmAAAAQXRSTlMAIXWhtqB0IDC7/Pz8ui4Cg/78gK2rh4U0/jG8/LgfHG5qmvv7l7T9/LGy/K+Z+5Yv/Sx7dwGfm378+/u5G2aUs8ai5IwAAAABYktHRDXettlrAAAAB3RJTUUH4QgWDBADjh+bigAAARVJREFUGNNlkddCwkAQRUeNLRoxsS4qWFCxoxg1KmXCmDXAgqBgb/j//+BGAiZw3vY87MzcC9BmYHBIUYZHRiHI2DiiOjGpImpTXRmZ1g27QJKCbegzEd/O4o1DxCVEzi3Otf08usSLpbIQlWqRk4sLnl1kd8RrwqfGqa5HpV5adv6t5++NFYAYc+lBBGhQk8VhFR+pGtQlesI1WN8gXgnqMqfEJmxtExchOCV3YDfZr/f24SDR/8nhkRz53DvyRY6MsSY1wgvackHQjN5zVEVemdLr4eNfj0+8UNL45kX1LsTHp4zqC0//EjTP8LvVCbb1g+d+DeaFbnVqsPS02e0nqjFUL68sZNepUJuZbC6fz2Uz/vMX8u9i/5wPyrEAAAAASUVORK5CYII=);
}

.answer__textOnly.answer__clicked .answer__icon svg {
  display: none;
}

.answer__icon,
.answer__text {
  position: relative;
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
  vertical-align: top;
}

.answer__text {
  font-size: 18px;
  max-width: 80%;
  color: #393939;
}

.answer__textOnly,
.answer__withImageHoN {
  width: 100%;
}

.answer__textOnlySmall {
  width: 100%;
  padding-bottom: 10px;
}

.answer__textOnly .answer__select {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding: 7px 7px 7px 1px;
  text-align: left;
}

.answer__textOnly .answer__icon {
  top: 1px;
  display: table-cell;
  padding-right: 10px;
}

.answer__textOnly .answer__text {
  font-size: 16px;
  font-weight: 400;
  display: table-cell;
  height: auto !important;
  vertical-align: bottom;
}

.answer__textOnly .answer__text-small {
  font-size: 16px;
}

.answer__textOnly.answer__correct .answer__select:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  content: '';
  border-radius: 10px;
}

.answer__textOnly.answer__correct.answer__clicked .answer__select:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  content: '';
  border-radius: 10px;
}

.answer__textOnly.answer__wrong .answer__select:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  content: '';
  border-radius: 10px;
}

.answer__withImage .answer__text {
  font-size: 16px;
}

.answer__textOnlySmall .answer__text {
  font-size: 16px;
}

.answer__textProgress,
.answer__textScore {
  display: none;
}

.answer__textOnly .answer__textScore,
.answer__textOnlySmall .answer__textScore {
  font-size: 18px;
  position: absolute;
  z-index: 1;
  top: calc(50% - 5px);
  right: 40px;
  display: block;
  transform: translateY(-50%);
}

.answer__textOnly .answer__textProgress {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 0;
  border-radius: 10px;
  background-color: #ededed;
}

button.social__fb {
  font-size: 1.6rem;
  line-height: 50px;
  height: 50px;
  padding: 0 20px;
  cursor: pointer;
  vertical-align: middle;
  color: #fff;
  border: 0;
  border-radius: 6px;
  outline: 0;
  background-color: #223644;
  box-shadow: none;
}

button.social__fb svg {
  vertical-align: middle;
}

.answer__textOnly.answer__hotOrNot.answer__textProgressAnswered .answer__select {
  background-color: #393939;
}

.answer__imageProgress {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0;
  color: #cdcbcb;
  background-color: rgba(168, 0, 104, 0.9);
}

.answer__correct .answer__imageProgress {
  background-color: rgba(255, 255, 255, 0.9);
}

.answer__imageScore {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #02347c;
}

.answer__correct .answer__imageScore {
  color: #349934;
}

.answer__hotOrNot:not(.answer__answerWithImage) .answer__text {
  padding-right: 50px;
}

.answer__hotOrNot.answer__answerHoN .answer__text {
  padding-right: 0;
}

.answer__hotOrNot .answer__hot {
  background: #393939 url("data:image/png;base64,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") no-repeat 50%/cover;
}

.answer__hotOrNot.answer__textProgressAnswered .answer__hot {
  background: #393939 url("data:image/png;base64,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") no-repeat 50%/cover;
}

.answer__hotOrNot .answer__not {
  background: #393939 url("data:image/png;base64,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") no-repeat 50%/cover;
}

.answer__hotOrNot.answer__textProgressAnswered .answer__not {
  background: #393939 url("data:image/png;base64,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") no-repeat 50%/cover;
}

.answer__hotOrNot .answer__hot img,
.answer__hotOrNot .answer__not img {
  display: none;
}

.answer__hotOrNot.answer__textProgressAnswered .answer__image:not(.answer__hotOrNot):after {
  background-color: rgba(255, 255, 255, 0.5);
}

.answer__hotOrNot.answer__textProgressAnswered .answer__image:not(.answer__hotOrNot) > div > img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}

.answer__hotOrNot.answer__textProgressAnswered .answer__image:not(.answer__hotOrNot) > div > div {
  display: none;
}

.answers-measure__invisible {
  transform: translateX(-300%);
}

.quiz-question__wrap {
  padding-top: 3.5%;
  color: #393939;
}

.quiz-question__box {
  position: relative;
  overflow: hidden;
}

.quiz-question__title {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 36px;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 0 4rem;
  text-transform: uppercase;
  color: #e6a500;
}

.quiz-question__title-short {
  font-size: 26px;
  line-height: 28px;
}

.quiz-question__answers {
  padding: 0 20px;
}

.quiz-question__answersWithImage {
  float: left;
  max-width: 50%;
  vertical-align: top;
}

.quiz-question__image {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 50%;
  vertical-align: top;
  background-color: #ededed;
}

.quiz-question__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translateX(-50%) translateY(-50%);
}

.questions-sum-up__seeYourAnswers {
  font-size: 18px;
  font-weight: 700;
  position: relative;
  left: 50%;
  display: inline-block;
  margin: 15px 0 5px;
  padding: 10px 15px 10px 10px;
  cursor: pointer;
  transform: translateX(-50%);
  color: #03347d;
}

.questions-sum-up__seeYourAnswers:after {
  font-size: 24px;
  font-weight: 700;
  position: absolute;
  top: 13px;
  right: -5px;
  display: block;
  width: 9px;
  height: 9px;
  content: '';
  transform: rotate(45deg);
  transform-origin: 50% 50%;
  color: #e70000;
  border-right: 2px solid #e6a500;
  border-bottom: 2px solid #e6a500;
}

.questions-sum-up__seeYourAnswers.questions-sum-up__opened:after {
  top: 20px;
  transform: rotate(-135deg);
}

.questions-sum-up__question {
  margin-top: 20px;
}

.questions-sum-up__answers {
  overflow: hidden;
  transition: max-height .3s ease-in-out;
  margin-bottom: 4rem;
}

.questions-sum-up__hidden {
  max-height: 0;
}

.questions-sum-up__visible {
  max-height: 30000px;
  transition: max-height 2s ease-in-out;
}

.quiz-finish__box,
.quiz-finish__wrap {
  position: relative;
}

.quiz-finish__belowBox > div {
  margin-top: 30px;
}

.quiz-finish__quizType {
  color: #d0d4d8;
}

.quiz-finish__replay {
  font-size: 14px;
  line-height: 30px;
  position: relative;
  float: right;
  height: 30px;
  margin-top: -3px;
  padding: 0 10px;
  cursor: pointer;
  transition: color .2s ease;
  color: rgba(255, 255, 255, 0.7);
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.1);
}

.quiz-finish__replay:hover {
  background-color: rgba(255, 255, 255, 0.14);
}

.quiz-finish__replayIcon {
  position: relative;
  top: -2px;
  display: inline-block;
  margin-right: 9px;
  vertical-align: middle;
}

.quiz-finish__nextpage {
  position: fixed;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: table;
  box-sizing: border-box;
  width: 170px;
  height: 100%;
  padding: 117px 0;
  vertical-align: middle;
  color: #393939;
  background: linear-gradient(90deg, transparent, #5f246d);
}

.quiz-finish__nextpageWrapper {
  display: table-cell;
  height: 100%;
  cursor: pointer;
  vertical-align: middle;
}

.quiz-finish__nextpage svg {
  margin-left: 30px;
}

.quiz-finish__nextpageTxt {
  font-size: 16px;
  display: block;
  width: 100px;
  text-shadow: 1px 0 4px rgba(0, 0, 0, 0.3);
}

.quiz__wrapQuiz {
  position: relative;
  margin: 0 auto;
}

.quiz__wrapQuizStart {
  padding: 16px 0;
}

.quiz__wrapQuizQuestions {
  box-sizing: border-box;
  width: 100%;
}

.quiz__quiz {
  font-size: 14px;
  margin-bottom: 12px;
  color: #a5a5a5;
}

.quiz__status {
  font-size: 0;
  height: 24px;
  margin: 0 -3px 10px;
}

.quiz__statusCol {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 20%;
  height: 24px;
  padding: 0 1px 0 0;
}

.quiz__statusColProgress {
  position: relative;
  z-index: 2;
  width: 0;
  height: 24px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #393939;
}

.quiz__statusColProgress.quiz__animate {
  width: 100%;
}

.quiz__statusColBg {
  position: absolute;
  z-index: 1;
  right: 1px;
  left: 0;
  height: 100%;
  background-color: #393939;
}

.quiz__replay {
  font-size: 14px;
  position: relative;
  z-index: 2;
  float: right;
  margin-left: 10px;
  padding-left: 20px;
  cursor: pointer;
  color: #a5a5a5;
}

.quiz__replay:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  display: block;
  width: 12px;
  height: 12px;
  content: '';
  transform: translateY(-50%);
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTc1MzFENEVBMjUyMTFFNTk4REREMEJDQUI3NjAwQ0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTc1MzFENEZBMjUyMTFFNTk4REREMEJDQUI3NjAwQ0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NzUzMUQ0Q0EyNTIxMUU1OThEREQwQkNBQjc2MDBDQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NzUzMUQ0REEyNTIxMUU1OThEREQwQkNBQjc2MDBDQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpJTlngAAAEXSURBVHjabNExS8NAGMbxhEYs6CCIiIsgSt0c/BC6CMXFllsUFFwc7OYXcBJE0EGRDgoJdRAXwcmp+gEEBdEhi4MiHQTBQof4f+wLhiMHP6735nnTu0uYZVmgkSTJCJNDHXMI8YQLnOMLm5GFJ5lOsYAOHqE3zeDA6imWI8KjuXBigRdrmMIqGkF/vOkfVizcwoZz7if4Hw+8sJdbl9XwjTZ2vbC2usQ0jxso+x7o0HEcR5p91Af9WlGohLCg/lcL+aEDj0N7HcIJW7vytqbbOsKl9lXFmD07xrUXVmYHi7jVIn/QLmYJpbaexhbWca8PqIYBNDGBbbvmV2uoWP3OrvxDDXs4xDDWULOr1HjGPs4If6rwK8AAkHuM7DxYMTkAAAAASUVORK5CYII=");
}

.quiz__caption {
  font-size: 14px;
  margin-top: 30px;
  text-align: right;
  color: #c6c6c6;
}

.quiz__caption > span:first-child {
  padding-right: 4px;
}

.quiz__captionMore {
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
  text-decoration: underline;
}

.quiz__statusColProgressCorrect {
  background-color: rgba(76, 197, 102, 0.8);
}

.quiz__statusColProgressWrong {
  background-color: #e70000;
}

.quiz__statusColProgressFilled {
  background-color: #00317b;
}

.progress-circle__wrap svg {
  stroke: #e6a500;
}

.quiz-app__closeBtn {
  display: none;
}

.quiz__quizType,
.quiz-app__wrapRecommended,
.quiz__status {
  display: none;
}

.quiz-question__image {
  float: left;
  height: auto;
  background: none !important;
}

.quiz-question__image img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  transform: none;
}

.quiz-finish__wrap {
  text-align: center;
}

.evaluation__caption,
.quiz__caption,
.evaluation__image,
.quiz-start__type,
.quiz-start__aside,
.scores__rows {
  display: none;
}

.social__inviteFriends {
  display: none;
}

.evaluation__title {
  font-size: 4rem;
  line-height: 1.3;
  margin: auto;
  background-repeat: no-repeat;
  background-size: contain;
}

.evaluation__title::before {
  font-weight: bold;
  line-height: 1.2;
  right: 0;
  left: 0;
  display: block;
  max-width: 60rem;
  margin: auto;
  margin-bottom: 8%;
  content: 'wi─Ökszo┼Ť─ç twoich odpowiedzi to:';
  text-transform: uppercase;
  color: #e6a500;
}

.evaluation__desc {
  font-size: 1.4rem;
  line-height: 1.6;
  width: 50%;
  margin: auto;
  padding: 4rem 0;
}

.social__fb .icon__Icon {
  margin-right: 10px;
  fill: #fff;
}

.quizNCR h2 {
  padding-bottom: 0;
}

.questions-sum-up__seeYourAnswers {
  color: #e6a500;
}

.quiz-finish__box .scores__title {
  font-size: 1.4rem;
  line-height: 1.6;
  width: 33%;
  margin: auto;
  padding: 4rem 0;
}

#quiz .quzSliderContainer {
  overflow: hidden;
  width: calc(100% - 140px);
  max-width: 1060px;
  margin: auto;
}

#quiz ul {
  display: block;
  max-height: 100%;
}

#quiz ul li {
  display: inline-block;
  margin: 30px;
  transform: scale(1);
  opacity: 1;
}

#quiz ul li:first-child {
  margin-left: 0;
}

#quiz ul li .borderImg {
  width: calc(100% - 10px);
}

.component-teasers {
  width: 100%;
  padding: 0;
}

.component-teasers__holder {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.breadcrumb {
  font-size: 1.4rem;
  font-weight: 400;
  height: 17px;
  margin: 0 auto;
  margin-bottom: 2rem;
  text-transform: uppercase;
}

.breadcrumb:after {
  display: table;
  clear: both;
  content: '';
}

.breadcrumb .breadcrumb__item {
  display: inline-block;
  margin: 0;
}

.breadcrumb .breadcrumb__item a {
  color: inherit;
}

.breadcrumb .breadcrumb__item a:hover {
  color: inherit;
}

.breadcrumb .breadcrumb__item:last-child {
  color: #fff;
}

.breadcrumb .breadcrumb__item:first-child::before {
  position: relative;
  top: 1px;
  display: inline-block;
  width: 19px;
  height: 17px;
  margin-right: 1rem;
  content: '';
  color: #000;
  background-image: url("");
  background-repeat: no-repeat;
  background-position: top left;
}

.breadcrumb .breadcrumb__item:not(:first-child)::before {
  position: relative;
  top: 1px;
  display: inline-block;
  width: 19px;
  height: 12px;
  margin: 0 1rem;
  content: '';
  color: #000;
  background-image: url("");
  background-repeat: no-repeat;
  background-position: top left;
}

.element-icon {
  display: inline-block;
}

.element-icon::before {
  display: block;
  content: '';
}

.element-icon--arrow::before {
  position: relative;
  top: 4px;
  width: 26px;
  height: 20px;
  background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAATCAQAAADPe26OAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhAxUUMQzlb//PAAAAxElEQVQoz5WTLw9BcRSG3587N9i4SUJTKL6FKT6DIimyzab4BjZNI5t0k82km2xs0m1EySTpEQRu4fze096dZ2fnn9DPGHOhnvVy+q2naopVyXh/qjgWwIno4/1DRMAaSCjYERGyBWJCOyKKJMCKwI6IMmdg7oOIKhdgihxdNWVTXX1JQ8ddJSPy1sPRUcuY3FBP0sCnlysw8ZlYCszsE4s4AEucFSmwAzb27efZAHv7jTmWwNHnkkdAStnnxZxStXX7tl5nD4pfggF/eQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center center;
}

.element-icon--play::before {
  position: relative;
  top: 3px;
  width: 10px;
  height: 20px;
  background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAANCAQAAAA6PjeOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhAxUVAhgKHCS1AAAAgklEQVQY012PPQ6CQBhERxtjPILXsJAEPQEnMHR7Am9hBQXhHJqYyEEssKCiojKhVvZZUPjtznSvmB/RU7NB1gI8HYcYnrkyUbK28ITIedOShFBsefDlwspCIRwjT3YhFEc+DEv9tZDTXS9lNrOJM+f2vd15Y6IId3o60vBRTxV//wET86BZKm0/QwAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center center;
}

.element-icon--play-filled {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  transform: translateX(-50%) translateY(-50%);
}

.element-icon--play-filled::before {
  width: 20px;
  height: 20px;
  background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAVCAQAAAAK9c1nAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhAxQXGA1s1ImOAAAA2UlEQVQoz4XPPy+DURQH4OetDiJlMBgMYrCL0eALGH0Bq8VkMwoRJbFIiVhFSOMj0BjFJhLpLkFMlXSQtMdC8jZ939vfWe6f5+TcK6qxHPOhvMRuPMVjbMVEGcni3iT4dOROQSqyv9WMumOzRSSfFTfWjaUI4zZdWkwRWHBh21SKkFnTtJoiMG1HwxxZtNSU58fBKEKnYlReq8nrvlsnKdK275ky0nXuSo8y8qDu/X8zTD4cauUPBknPtTPdwZ48ebGnPTy1qqOGb6ea+kUPy2LJhjcNX2V//wVPBVFFguA/7QAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center center;
}

.ribbon {
  position: absolute;
  z-index: 100;
  overflow: hidden;
  width: 140px;
  height: 140px;
}

.ribbon.top-right {
  top: -3px;
  right: -6px;
}

.ribbon.top-right > small {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 3.6rem;
  position: absolute;
  top: 35%;
  left: 50%;
  display: block;
  width: 120%;
  padding: 0 1rem;
  text-align: center;
  text-indent: -1rem;
  color: #fff;
  background-color: #e6a500;
  transform: translateX(-35%) translateY(-50%) rotate(45deg);
}

.ribbon.top-right > small:after,
.ribbon.top-right > small:before {
  position: absolute;
  content: ' ';
}

.ribbon.top-right > small:before {
  left: 0;
}

.ribbon.top-right > small:after {
  right: 0;
}

.ribbon.top-left {
  top: -3px;
  left: -6px;
}

.ribbon.top-left > small {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 3.6rem;
  position: absolute;
  top: 35%;
  left: 50%;
  display: block;
  width: 120%;
  padding: 0 1rem;
  text-align: center;
  text-indent: -1rem;
  color: #fff;
  background-color: #e6a500;
  transform: translateX(-35%) translateY(-50%) rotate(-45deg);
}

.ribbon.top-left > small:after,
.ribbon.top-left > small:before {
  position: absolute;
  content: ' ';
}

.ribbon.top-left > small:before {
  left: 0;
}

.ribbon.top-left > small:after {
  right: 0;
}

.ribbon.bottom-right {
  right: -6px;
  bottom: -3px;
}

.ribbon.bottom-right > small {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 3.6rem;
  position: absolute;
  top: 35%;
  left: 50%;
  display: block;
  width: 120%;
  padding: 0 1rem;
  text-align: center;
  text-indent: -1rem;
  color: #fff;
  background-color: #e6a500;
}

.ribbon.bottom-right > small:after,
.ribbon.bottom-right > small:before {
  position: absolute;
  content: ' ';
}

.ribbon.bottom-right > small:before {
  left: 0;
}

.ribbon.bottom-right > small:after {
  right: 0;
}

.ribbon.bottom-left {
  bottom: -3px;
  left: -6px;
}

.ribbon.bottom-left > small {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 3.6rem;
  position: absolute;
  top: 35%;
  left: 50%;
  display: block;
  width: 120%;
  padding: 0 1rem;
  text-align: center;
  text-indent: -1rem;
  color: #fff;
  background-color: #e6a500;
}

.ribbon.bottom-left > small:after,
.ribbon.bottom-left > small:before {
  position: absolute;
  content: ' ';
}

.ribbon.bottom-left > small:before {
  left: 0;
}

.ribbon.bottom-left > small:after {
  right: 0;
}

.section-index .component-teasers,
.section-index .layout-header,
.section-index .selected-city {
  max-width: 998px;
  margin: 0 auto;
}

.section-article {
  background: #fff;
}

.section-article .component-teasers,
.section-article .layout-header {
  max-width: 998px;
  margin: 0 auto;
}

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9;
}

.overlay.is-active {
  display: block;
}

.component-baner--miastomania + .section-content {
  position: relative;
  z-index: 2;
  top: -166px;
  margin-bottom: -166px;
}

.component-baner--miastomania + .section-content:not(.section-article) .columns::before {
  position: absolute;
  top: -2rem;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  background-image: url("data:img/png;base64,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");
  background-repeat: no-repeat;
  background-position: top center;
}

.selected-city {
  position: relative;
  z-index: 1;
}

.selected-city .selected-city__text {
  text-align: center;
  margin: 0 1rem !important;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  padding: 1.3rem;
  margin: 0;
  background-color: #e6a500;
}

@media screen and (max-width: 1280px) {
  .col-xl-12,
  .col-xl-11,
  .col-xl-10,
  .col-xl-9,
  .col-xl-8,
  .col-xl-7,
  .col-xl-6,
  .col-xl-5,
  .col-xl-4,
  .col-xl-3,
  .col-xl-2,
  .col-xl-1 {
    -ms-flex: none;
    flex: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .hide-xl {
    display: none !important;
  }

  .show-xl {
    display: block !important;
  }
}

@media screen and (max-width: 1246px) {
  .answer__textOnlySmall {
    width: 100%;
  }

  .answer__answerWithImage {
    width: 39%;
  }

  .answer__image {
    width: 148px;
    height: 148px;
  }

  .answer__image img {
    max-width: 148px;
    max-height: 148px;
  }

  .answer__withImage .answer__image {
    width: 129px;
    height: 129px;
  }

  .answer__withImage .answer__image img {
    max-width: 129px;
    max-height: 129px;
  }

  .answer__withImage .answer__image > div > div > svg {
    width: 129px;
    height: 129px;
  }
}

@media screen and (max-width: 1024px) {
  .layout-navigation:not(.is-open) .layout-navigation__section:nth-child(2) .layout-navigation__link:nth-child(5) {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .col-lg-12,
  .col-lg-11,
  .col-lg-10,
  .col-lg-9,
  .col-lg-8,
  .col-lg-7,
  .col-lg-6,
  .col-lg-5,
  .col-lg-4,
  .col-lg-3,
  .col-lg-2,
  .col-lg-1 {
    -ms-flex: none;
    flex: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .hide-lg {
    display: none !important;
  }

  .show-lg {
    display: block !important;
  }

  .layout-navigation.is-open .layout-partner {
    position: fixed;
    z-index: 99999;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    min-height: calc(100vh / 9);
    margin-left: 0;
    background: #fff;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .component-figure .component-figure__text {
    margin: 1rem 1rem;
  }

  .component-figure .component-figure__description {
    font-size: 100%;
    line-height: 1.4;
  }

  .component-article__main {
    padding: 2rem;
  }

  .component-baner--miastomania + .section-content {
    top: auto;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 840px) {
  .mt-5 {
    margin-top: 2.5rem;
  }

  .col-md-12,
  .col-md-11,
  .col-md-10,
  .col-md-9,
  .col-md-8,
  .col-md-7,
  .col-md-6,
  .col-md-5,
  .col-md-4,
  .col-md-3,
  .col-md-2,
  .col-md-1 {
    -ms-flex: none;
    flex: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .hide-md {
    display: none !important;
  }

  .show-md {
    display: block !important;
  }

  .layout-navigation.is-open .layout-navigation__section:nth-child(2) {
    position: absolute;
    z-index: 9999;
    top: 10.25rem;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: calc(100vh - 8.5rem);
    text-align: center;
    opacity: 1;
    background-color: #223644;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .layout-navigation.is-open .layout-navigation__section:nth-child(2) .layout-navigation__link {
    line-height: 4.5;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: calc(100vh / 9);
    text-decoration: none;
    color: #fff;
    border-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .layout-navigation__section:nth-child(2) .layout-navigation__link {
    min-width: auto;
  }

  .layout-navigation__section:nth-child(2) {
    display: none;
  }

  .layout-partner {
    display: none;
  }

  .layout-navigation-toggle {
    display: block;
    margin: 1.3rem 0;
  }

  .layout-navigation__dropdown {
    position: relative;
    max-width: 100%;
    padding: 0;
  }

  .layout-navigation__dropdown.is-open {
    position: fixed;
    max-width: calc(100% - 2rem);
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    top: 1rem;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    background-color: rgba(0, 43, 65, 0.98);
  }

  .layout-navigation__dropdown__item {
    min-width: auto;
    margin-bottom: 2rem;
  }

  .component-teaser--socials,
  .component-teaser--apps {
    width: calc(100% - 2rem);
    margin: 1rem;
    -ms-flex-preferred-size: calc(100% - 2rem);
    flex-basis: calc(100% - 2rem);
  }

  .component-article {
    font-size: 1.6rem;
  }

  .component-article__title {
    font-size: 2.2rem;
  }

  .component-article__lead {
    font-size: 1.6rem;
  }

  .component-carousel__prev {
    left: 0;
  }

  .component-carousel__next {
    right: 0;
  }

  .quiz-start__title {
    font-size: 3.9vw;
  }

  .quiz-start__number {
    margin-bottom: 4%;
  }

  .quiz-start__button {
    font-size: 2.4vw;
    padding: 3% 0;
  }

  .answer__textOnly .answer__select {
    padding-left: 0;
  }

  .quiz-question__answersWithImage {
    float: none;
    max-width: 100%;
  }

  .quiz-question__image {
    max-width: 100%;
    margin-bottom: 4rem;
  }

  .quiz-question__image .quiz-question__answers {
    margin-bottom: 4rem;
  }

  .quiz-question__image img {
    max-width: none;
    height: auto;
    max-height: none;
    transform: none;
    width: 100%;
    height: auto;
    transform: none;
  }
}

@media screen and (max-width: 600px) {
  .col-sm-12,
  .col-sm-11,
  .col-sm-10,
  .col-sm-9,
  .col-sm-8,
  .col-sm-7,
  .col-sm-6,
  .col-sm-5,
  .col-sm-4,
  .col-sm-3,
  .col-sm-2,
  .col-sm-1 {
    -ms-flex: none;
    flex: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .hide-sm {
    display: none !important;
  }

  .show-sm {
    display: block !important;
  }

  .component-baner.component-baner--smartphone,
  .component-baner.component-baner--desktop,
  .component-baner.component-baner--tablet {
    background-size: 75%;
  }

  .component-teaser--global {
    width: calc(100% - 2rem);
    margin: 1rem;
    -ms-flex-preferred-size: calc(100% - 2rem);
    flex-basis: calc(100% - 2rem);
  }

  .component-article .component-teaser {
    max-width: calc(100% - 2rem);
    margin: 1rem;
    -ms-flex-preferred-size: calc(100% - 2rem);
    flex-basis: calc(100% - 2rem);
  }

  .component-article__source {
    text-align: center;
  }

  .component-article__source .component-socials {
    position: relative;
    top: -1rem;
    right: auto;
    width: 100%;
  }

  .quiz-start__title {
    font-size: 2.8vw;
  }
}

@media screen and (max-width: 480px) {
  .col-xs-12,
  .col-xs-11,
  .col-xs-10,
  .col-xs-9,
  .col-xs-8,
  .col-xs-7,
  .col-xs-6,
  .col-xs-5,
  .col-xs-4,
  .col-xs-3,
  .col-xs-2,
  .col-xs-1 {
    -ms-flex: none;
    flex: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .hide-xs {
    display: none !important;
  }

  .show-xs {
    display: block !important;
  }

  .layout-navigation__section:nth-child(3) {
    display: none;
  }
}

@media (-ms-high-contrast: active), all and (-ms-high-contrast: none) {
  .answer__hotOrNot.answer__textProgressAnswered .answer__image:not(.answer__hotOrNot) > div > img {
    display: none;
  }

  .answer__hotOrNot.answer__textProgressAnswered .answer__image:not(.answer__hotOrNot) > div > div {
    display: block;
  }
}