.cookie__header {
  color: var(--cookie-color); }

.cookie__body__title {
  font-weight: 700;
  font-size: 20px; }

.cookie__body__description {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px; }

.cookie__footer-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /* CSS fix for 'i dont care about cookies' plugin */
  height: auto !important;
  z-index: initial !important;
  visibility: initial !important;
  width: auto !important;
  overflow: initial !important;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px; }
  @media (max-width: 480px) {
    .cookie__footer-block {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      justify-items: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }

.cookie-settings {
  max-width: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 480px) {
    .cookie-settings {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 24px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      overflow: scroll;
      max-height: 100%; } }
  .cookie-settings__icon {
    color: var(--cookie-color);
    font-size: 40px; }
    @media (max-width: 480px) {
      .cookie-settings__icon {
        margin-bottom: 8px; } }
  .cookie-settings__body {
    margin-left: 40px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    @media (max-width: 480px) {
      .cookie-settings__body {
        margin-left: 0; } }
    .cookie-settings__body__header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 24px; }
      @media (max-width: 480px) {
        .cookie-settings__body__header {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      .cookie-settings__body__header__title {
        font-size: 20px;
        line-height: 30px;
        font-weight: 700; }
    .cookie-settings__body__footer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 24px;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }

.cookie-custom-settings {
  color: var(--cookie-color);
  cursor: pointer;
  padding: 8px 20px;
  -webkit-transition: .3s opacity ease-in-out;
  transition: .3s opacity ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 480px) {
    .cookie-custom-settings {
      margin-top: 12px; } }
  .cookie-custom-settings:hover {
    opacity: 0.8; }

.cookie-warning-modal {
  opacity: 0;
  width: 0;
  overflow: hidden;
  height: 0;
  font-family: Quicksand, serif;
  z-index: 300000; }
  .cookie-warning-modal--popup, .cookie-warning-modal--settings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    @media (max-width: 480px) {
      .cookie-warning-modal--popup, .cookie-warning-modal--settings {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; } }
    .cookie-warning-modal--popup:before, .cookie-warning-modal--settings:before {
      -webkit-backdrop-filter: blur(5px);
              backdrop-filter: blur(5px);
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100vh;
      background: rgba(0, 0, 0, 0.2);
      z-index: -1; }
  .cookie-warning-modal--popup .cookie {
    max-width: 460px; }
    .cookie-warning-modal--popup .cookie__header {
      text-align: center;
      font-size: 80px;
      margin-bottom: 40px; }
      @media (max-width: 480px) {
        .cookie-warning-modal--popup .cookie__header {
          margin-bottom: 24px; } }
    .cookie-warning-modal--popup .cookie__body {
      margin-bottom: 40px;
      text-align: center; }
      @media (max-width: 480px) {
        .cookie-warning-modal--popup .cookie__body {
          margin-bottom: 24px; } }
      .cookie-warning-modal--popup .cookie__body__description {
        margin-top: 16px;
        margin-bottom: 16px; }
        .cookie-warning-modal--popup .cookie__body__description a {
          display: block;
          margin-top: 16px; }
  .cookie-warning-modal--ribbon {
    position: fixed;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 0; }
    @media (max-width: 1024px) {
      .cookie-warning-modal--ribbon {
        left: 0px;
        right: 0px;
        -webkit-transform: none;
                transform: none;
        width: 100%; } }
    .cookie-warning-modal--ribbon .cookie {
      min-width: 981px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      @media (max-width: 1024px) {
        .cookie-warning-modal--ribbon .cookie {
          width: calc(100%);
          min-width: auto;
          max-width: 100%; } }
      @media (max-width: 767px) {
        .cookie-warning-modal--ribbon .cookie {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      .cookie-warning-modal--ribbon .cookie__header {
        font-size: 40px;
        margin-right: 40px;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-item-align: center;
            align-self: center; }
        @media (max-width: 1024px) {
          .cookie-warning-modal--ribbon .cookie__header {
            margin-right: 24px; } }
        @media (max-width: 767px) {
          .cookie-warning-modal--ribbon .cookie__header {
            margin-bottom: 12px;
            margin-right: 0; } }
      .cookie-warning-modal--ribbon .cookie__body {
        max-width: 400px; }
        @media (max-width: 767px) {
          .cookie-warning-modal--ribbon .cookie__body {
            text-align: center; } }
        .cookie-warning-modal--ribbon .cookie__body__title {
          margin-bottom: 16px; }
        .cookie-warning-modal--ribbon .cookie__body__description a {
          display: inline-block; }
      @media (max-width: 980px) {
        .cookie-warning-modal--ribbon .cookie__footer-block {
          width: 100% !important;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          margin-top: 12px; } }
      .cookie-warning-modal--ribbon .cookie__footer-block .btn-cookie + .btn-cookie {
        margin-left: 12px; }
  .cookie-warning-modal.show {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    height: auto;
    width: auto;
    padding: 24px; }
  .cookie-warning-modal.hide {
    display: none; }
  .cookie-warning-modal__inner {
    width: auto;
    padding: 40px;
    background-color: #fff;
    border-radius: 16px;
    -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.24);
            box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.24);
    z-index: 2; }
    @media (max-width: 480px) {
      .cookie-warning-modal__inner {
        padding: 24px; } }

.btn-cookie {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 24px;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: .3s opacity ease-in-out;
  transition: .3s opacity ease-in-out; }
  @media (max-width: 480px) {
    .btn-cookie {
      margin-top: 12px;
      width: 100%;
      margin-left: 8px;
      margin-right: 8px; } }
  .btn-cookie:hover {
    opacity: .8; }
  .btn-cookie:focus {
    opacity: .7; }
  .btn-cookie--ghost {
    border: 1px solid var(--cookie-color);
    color: var(--cookie-color);
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }
    .btn-cookie--ghost:hover {
      background-color: var(--cookie-color);
      color: #fff; }
  .btn-cookie--default {
    background-color: var(--cookie-color);
    color: #fff; }

.privacy-policy-link {
  font-weight: 400;
  font-size: 16px;
  color: var(--cookie-color); }
  .privacy-policy-link:hover {
    text-decoration: underline; }

.cookie-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer; }
  .cookie-checkbox + .cookie-checkbox {
    margin-top: 16px; }
  .cookie-checkbox--disabled {
    pointer-events: none; }
    .cookie-checkbox--disabled .cookie-checkbox__input {
      opacity: .4; }
  .cookie-checkbox__label, .cookie-checkbox__description {
    display: block; }
  .cookie-checkbox__label {
    font-weight: 500;
    margin-bottom: 8px; }
  .cookie-checkbox__description {
    font-weight: 400; }
  .cookie-checkbox__input {
    height: 18px;
    width: 18px;
    margin-right: 8px;
    margin-top: 3px;
    border-radius: 4px;
    border: 1px solid var(--cookie-color);
    position: relative; }
    .cookie-checkbox__input input {
      opacity: 0;
      width: 1em;
      height: 1em; }
      .cookie-checkbox__input input:checked + .checkmark {
        opacity: 1; }
    .cookie-checkbox__input .checkmark {
      opacity: 0;
      position: absolute;
      top: 2px;
      left: 1px;
      right: 0;
      bottom: 0;
      color: var(--cookie-color);
      font-size: 12px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }

body.active-popup {
  overflow-y: hidden;
  max-height: 100vh; }