﻿.cookie-policy-message,
.cookie-setting-message {
  display: none;
  float: left;
  background: #1a1a1a;
  padding-top: 16px;
  padding-bottom: 23px;
  position: fixed;
  z-index: 9999;
  color: #fff;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (min-width: 1024px) {
  .cookie-policy-message,
  .cookie-setting-message {
    padding-top: 20px;
  }
}

.cookie-policy-message h2,
.cookie-setting-message h2 {
  color: #fff;
  font-size: 24px;
  font-size: 1.5rem;
  text-align: center;
  /* font-family: BebasNeueBold, Helvetica, sans-serif */
}

.cookie-policy-message button.black-btn-skew span,
.cookie-policy-message button.red-btn-skew span,
.cookie-setting-message button.black-btn-skew span,
.cookie-setting-message button.red-btn-skew span {
  line-height: 30px;
}

.cookie-policy-message span,
.cookie-setting-message span {
  /* font-family: SourceSansProBold, Helvetica, sans-serif */
}

.cookie-policy-message p,
.cookie-setting-message p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  margin: 9px 0;
}

@media (min-width: 768px) {
  .cookie-policy-message p,
  .cookie-setting-message p {
    margin: 9px auto;
  }
}

.cookie-policy-message p a,
.cookie-setting-message p a {
  color: #fff;
  border-bottom: 1px solid #a8a8a8;
  text-decoration: none;
}

.cookie-policy-message p a:hover,
.cookie-setting-message p a:hover {
  border-bottom: 1px solid #fff;
}

.cookie-policy-message .cookie-buttons,
.cookie-setting-message .cookie-buttons {
  border-top: 1px solid rgba(223, 223, 223, 0.1);
  margin-top: 19px;
  padding-top: 17px;
  text-align: center;
}

@media (min-width: 10px) and (max-width: 1023px) {
  .cookie-policy-message .cookie-buttons,
  .cookie-setting-message .cookie-buttons {
    position: static;
  }
}

.cookie-policy-message .cookie-buttons .black-btn-skew,
.cookie-setting-message .cookie-buttons .black-btn-skew {
  border: 1px solid #ddd;
}

.cookie-policy-message .cookie-buttons .btn,
.cookie-setting-message .cookie-buttons .btn {
  width: 145px;
  margin: 0;
}

@media (min-width: 375px) {
  .cookie-policy-message .cookie-buttons .btn,
  .cookie-setting-message .cookie-buttons .btn {
    margin: 0 7px;
  }
}

@media (min-width: 568px) {
  .cookie-policy-message .cookie-buttons .btn,
  .cookie-setting-message .cookie-buttons .btn {
    width: 206px;
    margin: 0 8px;
  }
}

.cookie-policy-message .cookie-buttons .btn span,
.cookie-setting-message .cookie-buttons .btn span {
  float: none;
  padding: 0;
}

/* @media (min-width:568px) and (max-width:666) {
    .cookie-setting-message {
        height: 310px;
        overflow-y: auto
    }
} */

.cookie-message__content,
.cookie-setting__content {
  width: 100%;
  max-width: 668px;
  margin: 0 auto;
  padding: 0 16px;
  min-height: 98px;
}

.cookie-message__content {
  text-align: center;
}

.cookie-setting__content p {
  margin: 3px auto 0;
}

.cookie-setting__content h2 + p {
  margin: 8px 0 20px;
}
@media (min-width: 568px) {
  .cookie-setting__content h2 + p {
    margin: 8px 0 11px;
  }
}

.cookie-setting__content .cookie-controls,
.cookie-setting__content .cookie-text {
  width: 100%;
  margin-bottom: 10px;
}

.cookie-setting__content .cookie-controls__wrapper,
.cookie-setting__content .cookie-text__wrapper {
  padding-inline-end: 12px;
  display: inline-block;
  width: 160px;
}

@media (min-width: 375px) {
  .cookie-setting__content .cookie-controls__wrapper,
  .cookie-setting__content .cookie-text__wrapper {
    width: 67%;
  }
}

.cookie-setting__content .cookie-controls__button,
.cookie-setting__content .cookie-controls__tooltip {
  display: inline-block;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  float: right;
}

.cookie-setting__content span {
  font-size: 14px;
  font-size: 0.875rem;
}

.cookie-setting__content .cookie-controls__button span {
  float: left;
  margin-right: 8px;
}

@media (min-width: 10px) and (max-width: 567px) {
  .cookie-setting__content .cookie-controls__button span {
    font-size: 11px;
  }
}

.cookie-setting__content .cookie-controls__button i {
  margin-top: -2px;
}

.cookie-setting__content .cookie-controls__tooltip > span:first-child {
  margin-right: 10px;
}

@media (min-width: 10px) and (max-width: 567px) {
  .cookie-setting__content .cookie-controls__tooltip > span:first-child {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}

.cookie-setting__content span.tooltip-btn {
  width: 54px;
  height: 30px;
  border-radius: 100px;
  border: 1px solid rgba(26, 26, 26, 0.15);
  background: #2a2a2a;
  float: right;
  margin-top: -6px;
}

.cookie-setting__content span.tooltip-dot {
  width: 28px;
  height: 28px;
  border-radius: 100px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)), linear-gradient(to bottom, #fff, #fff);
  float: left;
}

.toggle-on span.tooltip-btn {
  background: #c70101;
}

.toggle-on span.tooltip-dot {
  float: right;
}

.checkbox {
  float: left;
  height: 13px;
  width: 13px;
  margin: 0 8px 0 0;
}

.radio {
  width: 96%;
  float: left;
  height: 30px;
  margin: 0 8px 0 0;
}

.radio-panel {
  width: 96%;
  float: left;
  margin: 0 0 10px;
}

fieldset {
  background: 0 0;
  box-shadow: 0 0 rgba(0, 0, 0, 0.1) !important;
  position: relative;
}

.cookie-policy-message .cookie-buttons .black-btn-skew,
.cookie-setting-message .cookie-buttons .black-btn-skew {
  border: 1px solid #ddd;
}
.black-btn-skew {
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #1a1a1a;
  transition: background 1s ease;
  -webkit-transition: background 1s ease;
  -moz-transition: background 1s ease;
  -o-transition: background 1s ease;
}
.black-btn-skew,
.link-btn-black,
.link-btn-white,
.red-btn-skew,
.transparent-btn-skew,
.white-btn-skew {
  display: inline-block;
  white-space: nowrap;
  height: 50px;
  margin: 0 auto;
  border-radius: 4px;
  cursor: pointer;
  padding: 0;
}

.black-btn-skew span,
.link-btn-black span,
.link-btn-white span,
.red-btn-skew span,
.transparent-btn-skew span,
.white-btn-skew span {
  color: #1a1a1a;
  font-size: 14px;
  font-size: 0.875rem;
  /* font-family: SourceSansProSemiBold, Helvetica, sans-serif; */
  float: left;
  line-height: 50px;
  padding: 0 32px;
  text-align: center;
  padding: 0;
}

.black-btn-skew i,
.link-btn-black i,
.link-btn-white i,
.red-btn-skew i,
.transparent-btn-skew i,
.white-btn-skew i {
  display: none;
  margin: 3px 0 0 8px;
  float: right;
}

.red-btn-skew {
  border: 1px solid rgba(199, 1, 1, 0.2);
  background: #c70101;
  transition: background 1s ease;
  -webkit-transition: background 1s ease;
  -moz-transition: background 1s ease;
  -o-transition: background 1s ease;
}

.red-btn-skew span {
  color: #fff;
}

.red-btn-skew:hover {
  background: #9f0000;
  transition: background 0s;
  -webkit-transition: background 0s;
  -moz-transition: background 0s;
  -o-transition: background 0s;
}

.black-btn-skew {
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #1a1a1a;
  transition: background 1s ease;
  -webkit-transition: background 1s ease;
  -moz-transition: background 1s ease;
  -o-transition: background 1s ease;
}

.black-btn-skew span {
  color: #fff;
}

.black-btn-skew:hover {
  background: #474747;
  transition: background 0s;
  -webkit-transition: background 0s;
  -moz-transition: background 0s;
  -o-transition: background 0s;
}

.white-btn-skew {
  background: #fff;
  transition: background 1s ease;
  -webkit-transition: background 1s ease;
  -moz-transition: background 1s ease;
  -o-transition: background 1s ease;
  border: 1px solid rgba(73, 74, 80, 0.2);
}

.white-btn-skew:hover {
  transition: unset;
  -webkit-transition: unset;
  -moz-transition: unset;
  -o-transition: unset;
  background-color: rgba(184, 183, 185, 0.15);
}

.transparent-btn-skew {
  background-color: none;
}

.transparent-btn-skew a {
  padding: 0;
}

.transparent-btn-skew span {
  color: #1a1a1a;
  /* font-family: SourceSansProSemiBold, Helvetica, sans-serif; */
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

*:focus {
  outline: none;
}
.cookie-setting__content {
  overflow-y: auto;
}
@media (min-width: 10px) {
  .cookie-setting__content {
    max-height: calc(100vh - 240px);
  }
}
@media (min-width: 568px) and (max-width: 1023px) {
  .cookie-setting__content {
    max-height: calc(100vh - 127px);
  }
}

.icon-check-circle {
  height: 24px;
  width: 23px;
  background-image: url(../images/check-circle.png);
  background-repeat: no-repeat;
  float: left;
  margin: 0 2px;
}

#tint-overlay {
  background: #1a1a1a;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  opacity: 0.8;
  display: none;
  z-index: 9999;
}

.bodyNoScroll {
  overflow-y: unset !important;
  overflow-x: unset !important;
}

.cookie-informative-message {
    -moz-border-radius: 16px 16px 0 0;
    border-radius: 16px 16px 0 0;
    -webkit-border-radius: 16px 16px 0 0;
    -webkit-mask-image: -webkit-radial-gradient(white, #000);
    display: none;
    float: left;
    background: #1a1a1a;
    padding-top: 16px;
    padding-bottom: 15px;
    position: fixed;
    z-index: 999999999;
    color: #fff;
    bottom: 0;
    left: 0;
    right: 0
}

@media (min-width: 1024px) {
    .cookie-informative-message {
        padding-top: 20px
    }
}

.cookie-informative-message h2 {
    color: #fff;
    font-size: 24px;
    font-size: 1.5rem;
    text-align: left;
    font-family: BebasNeueBold, Helvetica, sans-serif
}

@media (min-width: 10px) and (max-width: 1023px) {
    .cookie-informative-message h2 {
        text-align: center
    }
}

.cookie-informative-message button.black-btn-skew span {
    line-height: 47px
}

.cookie-informative-message span {
    font-family: SourceSansProBold, Helvetica, sans-serif
}

.cookie-informative-message p {
    font-size: 14px;
    font-size: .875rem;
    line-height: 20px;
    margin: 9px 0
}

@media (min-width: 768px) {
    .cookie-informative-message p {
        margin: 9px autopx
    }
}

.cookie-informative-message p a {
    color: #fff;
    border-bottom: 1px solid #a8a8a8;
    text-decoration: none
}

    .cookie-informative-message p a:hover {
        border-bottom: 1px solid #fff
    }

.cookie-informative-message .cookie-buttons {
    border: 0 solid #fff;
    display: inline-block;
    float: right;
    margin-top: 19px;
    text-align: center
}

@media (min-width: 10px) and (max-width: 1023px) {
    .cookie-informative-message .cookie-buttons {
        position: static;
        margin-top: 10px
    }
}

@media (min-width: 10px) and (max-width: 1023px) {
    .cookie-informative-message .cookie-buttons {
        float: none;
        width: 100%;
        text-align: center
    }
}

.cookie-informative-message .cookie-buttons .black-btn-skew {
    border: 1px solid #ddd
}

.cookie-informative-message .cookie-buttons .btn {
    width: 145px;
    margin: 0
}

@media (min-width: 375px) {
    .cookie-informative-message .cookie-buttons .btn {
        margin: 0 7px
    }
}

@media (min-width: 568px) {
    .cookie-informative-message .cookie-buttons .btn {
        width: 130px;
        margin: 0 15px 0 0
    }
}

.cookie-informative-message .cookie-buttons .btn span {
    float: none;
    padding: 0
}

.cookie-informative-message .cookie-message__content {
    margin: 0;
    max-width: 800px;
    display: inline-block;
    width: 100%;
    padding: 0 20px;
    min-height: 98px;
    text-align: left
}

@media (min-width: 10px) and (max-width: 1023px) {
    .cookie-informative-message .cookie-message__content {
        max-width: 800px;
        text-align: center
    }
}
.informative .manage-btn {
	display: none !important;
}