.cmpstyleroot,
.cmpstyleroot * {
  --x6pt: 6pt;
  --x7pt: 7pt;
  --x8pt: 8pt;
  --x9pt: 9pt;
  --x10pt: 10pt;
  --x11pt: 11pt;
  --x12pt: 12pt;
  --clrBackground: #FFFFFF;
  --clrHeadline: #3B3B3B;
  --clrText: #5F5F5F;
  --clrTextSecondary: #CFCFCF;
  --clrButton: #3276AE;
  --clrButtonText: #FFFFFF;
  --clrLink: #666666;
  --clrHighlight: #FFFDCD
}

body div#cmpwrapper.cmpwrapper:empty,
div#cmpwrapper.cmpwrapper,
div#cmpwrapper.cmpwrapper:empty,
div.cmpwrapper,
div.cmpwrapper:empty {
  display: block !important
}

.cmpstyleroot.cmpboxwcag,
.cmpstyleroot.cmpboxwcag * {
  --x6pt: 0.5000rem;
  --x7pt: 0.5834rem;
  --x8pt: 0.6666rem;
  --x9pt: 0.7500rem;
  --x10pt: 0.8333rem;
  --x11pt: 0.9166rem;
  --x12pt: 1.0000rem
}

.cmpbox {
  position: fixed;
  font-family: Arial, sans-serif;
  background-color: var(--clrBackground);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
  box-sizing: border-box;
  transition-property: background-color, height, width, max-height, max-width, display, position, left, top, bottom, right, transform;
  transition-duration: .9s;
  transition-timing-function: ease;
  z-index: 9999999;
  max-height: 100vh;
  max-width: 100vw;
  text-underline-position: under;
  touch-action: manipulation;
  -ms-touch-action: manipulation
}

.cmpbox.cmpnotransition {
  transition: none
}

.cmpbox IMG,
.cmpbox SVG,
.cmpbox img,
.cmpbox svg {
  display: inline-block !important
}

.cmpboxrecall IMG,
.cmpboxrecall SVG,
.cmpboxrecall img,
.cmpboxrecall svg {
  display: inline-block !important
}

.cmpboxinner,
.cmpboxinner2 {
  height: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto
}

.cmpfullscreen .cmpboxinner {
  display: flex;
  flex-direction: column
}

.cmpbox0 {
  bottom: 0;
  right: 0;
  width: 600px
}

.cmpbox1 {
  bottom: 0;
  left: 0;
  width: 100%
}

.cmpbox2 {
  bottom: 0;
  left: 50%;
  width: 600px;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}

.cmpbox3 {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 600px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.cmpbox4 {
  top: 0;
  left: 50%;
  width: 600px;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}

.cmpbox5 {
  top: 0;
  left: 0;
  width: 100%
}

.cmpbox6 {
  top: 0;
  right: 0;
  height: 100%;
  max-width: 300px
}

.cmpbox7 {
  top: 0;
  left: 0;
  height: 100%;
  max-width: 300px
}

.cmpbox8 {
  width: 100%;
  position: relative !important;
  margin-left: auto;
  margin-right: auto
}

.cmpbox9 {
  bottom: 0;
  left: 0;
  width: 600px
}

.cmpbox10 {
  top: 0;
  left: 0;
  width: 600px
}

.cmpbox11 {
  top: 0;
  right: 0;
  width: 600px
}

.cmpbox8.cmpfullscreen {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%
}

.cmpboxBG {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #cfcfcf;
  opacity: .5;
  z-index: 8999999
}

.cmpbox *,
.cmpbox>* {
  font-family: Arial, sans-serif;
  text-decoration: none;
  box-sizing: border-box;
  border: 0 solid #fff;
  vertical-align: middle;
  transition-property: background-color, height, width, max-height, max-width, display, position;
  transition-duration: .9s;
  transition-timing-function: ease
}

.cmpboxhl {
  font-size: var(--x12pt);
  color: var(--clrHeadline);
  vertical-align: baseline
}

.cmpboxh2 {
  font-size: var(--x12pt);
  color: var(--clrHeadline);
  vertical-align: baseline;
  font-weight: 400;
  opacity: .8;
  margin-bottom: .5em;
  margin-top: 2em
}

.cmpboxhl *,
.cmpboxtxt *,
.cmpcookiesdescrboxcontent * {
  vertical-align: baseline
}

.cmpcornerbtn .cmpboxhl {
  max-width: calc(100% - 200px)
}

.cmpboxbtns {
  text-align: center;
  min-height: 50px;
  flex-shrink: 0
}

.cmpboxtxtdiv {
  z-index: 33333;
  position: relative
}

.cmpboxtxt,
.cmpcookieinfocontent p,
.cmpcookiesdescrboxcontent p,
.cmpprpsdescr {
  font-size: var(--x11pt);
  line-height: 1.3em;
  color: var(--clrText);
  text-align: justify
}

.cmpboxbtn,
.cmpboxbtn *,
.cmpboxtxt,
.cmpboxtxt *,
.cmpmore *,
.cmpprpsdescr,
.cmpprpsdescr * {
  vertical-align: baseline
}

.cmpprpsdescr {
  margin-bottom: 10px
}

.cmpprpshl {
  margin-top: 15px;
  margin-bottom: 5px
}

.cmpcompanyaddr,
.cmpdpoinfo {
  margin-top: 10px
}

.cmpboxbtn {
  font-size: var(--x11pt);
  margin: 10px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
  width: 200px;
  max-width: 100%;
  display: inline-block;
  text-align: center;
  position: relative;
  height: auto;
  padding: 7px 0 7px 10px;
  border-radius: 3px;
  line-height: normal
}

.cmpboxbtnyescustom2disabled,
.cmpboxbtnyescustomdisabled {
  cursor: not-allowed !important;
  opacity: .5
}

.cmpboxbtn.cmpboxbtnsave {
  padding-left: 0
}

.cmpbox1 .cmpboxcontent {
  display: inline-block;
  max-width: 70%;
  padding-bottom: 0
}

.cmpbox1 .cmpboxbtns {
  display: inline-block;
  min-width: 30%;
  margin-top: 40px;
  max-width: 30%
}

.cmpbox5 .cmpboxcontent,
.cmpbox8 .cmpboxcontent {
  display: inline-block;
  max-width: 70%;
  padding-bottom: 0
}

.cmpbox5 .cmpboxbtns,
.cmpbox8 .cmpboxbtns {
  display: inline-block;
  min-width: 30%;
  margin-top: 40px;
  max-width: 30%
}

.cmpfullscreen.cmpbox1 .cmpboxbtns,
.cmpfullscreen.cmpbox5 .cmpboxbtns,
.cmpfullscreen.cmpbox8 .cmpboxbtns {
  display: block;
  margin-top: 10px;
  max-width: 100%;
  width: 100%
}

@media (max-width:1500px) {
  .cmpbox1 .cmpboxcontent {
    max-width: calc(100% - 450px)
  }

  .cmpbox1 .cmpboxbtns {
    min-width: 450px
  }

  .cmpbox5 .cmpboxcontent,
  .cmpbox8 .cmpboxcontent {
    max-width: calc(100% - 450px)
  }

  .cmpbox5 .cmpboxbtns,
  .cmpbox8 .cmpboxbtns {
    min-width: 450px
  }
}

@media (max-width:1200px) {
  .cmpbox1 .cmpboxcontent {
    max-width: calc(100% - 250px)
  }

  .cmpbox1 .cmpboxbtns {
    width: 250px;
    min-width: 250px
  }

  .cmpbox5 .cmpboxcontent,
  .cmpbox8 .cmpboxcontent {
    max-width: calc(100% - 250px)
  }

  .cmpbox5 .cmpboxbtns,
  .cmpbox8 .cmpboxbtns {
    width: 250px;
    min-width: 250px
  }

  .cmpfullscreen.cmpbox1 .cmpboxbtns,
  .cmpfullscreen.cmpbox5 .cmpboxbtns,
  .cmpfullscreen.cmpbox8 .cmpboxbtns {
    display: block;
    margin-top: 10px;
    max-width: 100%;
    width: 100%
  }

  .cmpfullscreen .cmpboxbtn {
    display: inline-block;
    margin-bottom: 10px
  }
}

@media (max-width:800px) {
  .cmpbox1 .cmpboxcontent {
    max-width: 100%;
    width: 100%;
    display: block
  }

  .cmpbox1 .cmpboxbtns {
    width: 100%;
    display: block;
    max-width: 100%;
    margin-top: 0
  }

  .cmpbox5 .cmpboxcontent,
  .cmpbox8 .cmpboxcontent {
    max-width: 100%;
    width: 100%;
    display: block
  }

  .cmpbox5 .cmpboxbtns,
  .cmpbox8 .cmpboxbtns {
    width: 100%;
    display: block;
    max-width: 100%;
    margin-top: 0
  }

  .cmpfullscreen.cmpbox1 .cmpboxbtns,
  .cmpfullscreen.cmpbox5 .cmpboxbtns,
  .cmpfullscreen.cmpbox8 .cmpboxbtns {
    margin-top: 10px
  }

  .cmpboxbtn {
    display: inline-block;
    margin: 10px
  }
}

@media (max-width:600px) {

  .cmpbox0,
  .cmpbox2,
  .cmpbox3,
  .cmpbox4 {
    width: 100%
  }
}

@media (max-width:400px) {

  .cmpbox6,
  .cmpbox7 {
    width: 100%
  }
}

.cmpboxbtnno,
A.cmpboxbtnno,
A.cmpboxbtnno:link {
  background-color: var(--clrButton);
  color: var(--clrButtonText)
}

.cmpboxbtncustom,
A.cmpboxbtncustom,
A.cmpboxbtncustom:link {
  background-color: var(--clrButton);
  color: var(--clrButtonText);
  padding-left: 0
}

.cmpboxbtnsettings,
A.cmpboxbtnsettings,
A.cmpboxbtnsettings:link {
  background-color: var(--clrButton);
  color: var(--clrButtonText);
  padding-left: 0
}

.cmpboxbtnyes,
A.cmpboxbtnyes,
A.cmpboxbtnyes:link {
  background-color: var(--clrButton);
  color: var(--clrButtonText)
}

.cmpboxbtnsave,
A.cmpboxbtnsave,
A.cmpboxbtnsave:link {
  background-color: var(--clrButton);
  color: var(--clrButtonText)
}

.cmpboxbtnaccept,
A.cmpboxbtnaccept,
A.cmpboxbtnaccept:link {
  background-color: var(--clrButton);
  color: var(--clrButtonText)
}

.cmpboxbtnreject,
A.cmpboxbtnreject,
A.cmpboxbtnreject:link {
  background-color: var(--clrButton);
  color: var(--clrButtonText)
}

.cmpboxbtn,
.cmpmorelink {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none
}

.cmpboxbtn span {
  vertical-align: middle
}

.cmpboxbtn SVG,
.cmpboxbtn svg {
  vertical-align: middle
}

.cmplogo {
  position: absolute
}

.cmplogo2 {
  position: absolute;
  padding: 2px;
  right: 2px;
  bottom: 0;
  font-size: var(--x7pt);
  line-height: 2px;
  color: #666
}

.cmplogo2 span {
  font-size: var(--x7pt);
  color: #666;
  text-decoration: none;
  line-height: 2px;
  margin-left: 5px
}

.cmplogo2 A,
.cmplogo2 A:link {
  display: inline-block;
  font-size: var(--x7pt);
  color: #575d80;
  text-decoration: none;
  line-height: 2px
}

.cmplogo2.cmplogoXL,
.cmplogo2.cmplogoXL A,
.cmplogo2.cmplogoXL A:link,
.cmplogo2.cmplogoXL span {
  font-size: var(--x7pt)
}

.cmplogo2.cmplogoXXL {
  background: rgba(0, 0, 0, .1);
  border-radius: 15px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 2px;
  opacity: .4
}

.cmplogo2.cmplogoXXL:focus,
.cmplogo2.cmplogoXXL:hover {
  opacity: 1
}

.cmplogo2.cmplogoXXL,
.cmplogo2.cmplogoXXL A,
.cmplogo2.cmplogoXXL A:link,
.cmplogo2.cmplogoXXL span {
  font-size: var(--x9pt)
}

.cmpdl2 {
  width: 16px;
  height: 16px;
  border: 0 solid #fff;
  padding: 0;
  margin: 0 2px 0 0
}

.cmplogo2hx {
  vertical-align: middle
}

.cmplogo2h {
  vertical-align: middle;
  display: none
}

.cmplogo2:focus .cmplogo2h,
.cmplogo2:hover .cmplogo2h {
  display: inline
}

.cmplogo2 .cmplogo2h.cmplogo2hvis {
  display: inline !important
}

.cmplanguage {
  display: block;
  border-radius: 5px;
  position: absolute;
  padding: 6px 3px;
  text-align: left;
  left: 3px;
  bottom: 3px;
  font-size: var(--x7pt);
  line-height: 2px;
  color: #666;
  transition: .4s all ease;
  border: 1px solid transparent;
  cursor: pointer
}

.cmplanguage:focus,
.cmplanguage:hover {
  background-color: #fffdcd;
  border: 1px solid #ffd341;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25)
}

.cmplangicon {
  width: 16px;
  height: auto;
  -webkit-filter: grayscale(60%);
  filter: grayscale(60%)
}

.cmplangiconiso {
  height: 1em;
  line-height: 1.25em;
  font-size: 8pt;
  width: 1.5em;
  display: inline-block;
  vertical-align: middle;
  text-align: center
}

.cmplanguageloc {
  line-height: 1em;
  font-size: var(--x6pt);
  position: absolute;
  right: 0;
  bottom: 0;
  color: #000;
  border-radius: 30px;
  background-color: rgba(255, 255, 255, .8);
  padding: 2px;
  white-space: nowrap
}

.cmplangicon:focus,
.cmplangicon:hover,
.cmplanguage:focus .cmplangicon,
.cmplanguage:hover .cmplangicon {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%)
}

.cmpaltlangs {
  position: absolute;
  bottom: -1px;
  left: -1px;
  background-color: #fffdcd;
  border: 1px solid #ffd341;
  border-radius: 5px;
  width: 144px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
  z-index: 33334
}

.cmpaltlang {
  display: inline-block;
  padding: 6px 3px;
  font-size: var(--x7pt);
  line-height: 2px;
  color: #666;
  border: 1px solid #f7e939;
  border-radius: 5px;
  background-color: #ffffe3;
  margin: 2px;
  cursor: pointer;
  position: relative;
  z-index: 33334
}

.cmpaltlang:focus,
.cmpaltlang:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25)
}

.cmpaltlangcurrent {
  display: block;
  cursor: pointer
}

.cmpaltlangcurrent>div {
  display: inline-block;
  position: relative;
  padding: 6px 3px
}

.cmpmore {
  text-align: center;
  font-size: var(--x9pt);
  color: var(--clrLink);
  line-height: 1em
}

.cmpmorelink,
A.cmpmorelink,
A.cmpmorelink:link {
  padding: 10px;
  display: inline-block
}

.cmpimg {
  width: 15px;
  height: 15px;
  position: absolute;
  left: 10px;
  top: 0;
  border: 0;
  margin-top: .6em
}

.cmpdl {
  max-height: 50px;
  max-width: 200px;
  border: 0
}

.cmptblbox {
  height: calc(100% - 60px);
  overflow-y: auto;
  padding-right: 5px;
  max-width: 800px;
  min-height: 100px;
  margin-right: auto;
  margin-left: auto;
  width: 100%
}

.cmpbox:dir(rtl) .cmptblbox,
.cmpbox[dir=rtl] .cmptblbox {
  padding-right: 0;
  padding-left: 5px
}

.cmpboxheadline {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  flex-shrink: 0;
  vertical-align: baseline
}

.cmpboxnavi {
  width: 200px;
  float: left
}

.cmpboxnaviitem {
  border: 1px solid silver;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 5px;
  cursor: pointer
}

.cmpbox:dir(rtl) .cmpboxnaviitem,
.cmpbox[dir=rtl] .cmpboxnaviitem {
  padding-right: 10px;
  padding-left: 30px
}

.cmpboxnaviitem * {
  vertical-align: middle
}

.cmpboxnaviitem img {
  margin-right: 5px
}

.cmpboxnaviitem .cmptogglelink {
  display: inline-block;
  text-align: center
}

.cmpbox:dir(rtl) .cmptblbox,
.cmpbox[dir=rtl] .cmptblbox {
  margin-right: 0;
  margin-left: 5px
}

.cmpboxnaviitemactive {
  background-color: var(--clrHighlight)
}

.cmpboxdetails {
  float: left;
  width: calc(100% - 200px);
  padding-left: 15px
}

.cmpcookienonavi .cmpboxdetails {
  float: none;
  width: 100%;
  padding-left: 0
}

@media (max-width:570px) {
  .cmpboxnavi {
    width: 100%;
    float: none
  }

  .cmpboxnaviitem {
    border: 1px solid silver;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 3px;
    font-size: var(--x10pt)
  }

  .cmpboxnaviitemactive {
    background-color: var(--clrHighlight)
  }

  .cmpboxdetails {
    float: none;
    width: 100%;
    padding-left: 0
  }
}

.cmptbl {
  border: 0 solid #fff;
  width: 100%
}

.cmptbl TH {
  font-size: var(--x10pt);
  font-weight: 700;
  border-bottom: 2px solid var(--clrTextSecondary);
  color: var(--clrText)
}

.cmpclose {
  position: absolute;
  right: 2px;
  top: 2px
}

.cmptbl Td {
  font-size: var(--x9pt);
  text-align: center;
  color: var(--clrText)
}

td.cmptdborder {
  border-bottom: 1px solid silver
}

.cmpcookietbl Td {
  font-size: var(--x9pt);
  border-bottom: 1px solid silver;
  text-align: left;
  color: var(--clrText)
}

td.cmpvendname {
  text-align: right
}

.cmpimgyesno {
  border: 0 solid #fff;
  width: 40px;
  height: 20px;
  color: var(--clrTextSecondary)
}

.cmpwelcomeprpsbtn .cmpimgyesno {
  border: 0 solid #fff;
  width: 40px;
  height: 20px;
  color: var(--clrTextSecondary)
}

.cmpimgyesno svg,
.cmptogglespan svg {
  border: 0 solid #fff;
  width: 40px;
  height: 20px;
  color: var(--clrTextSecondary)
}

.cmpimgsaveno {
  border: 0 solid #fff;
  width: 40px;
  height: 20px;
  color: var(--clrTextSecondary)
}

.cmpwelcomeprpsbtn .cmpimgsaveno {
  border: 0 solid #fff;
  width: 40px;
  height: 20px;
  color: var(--clrTextSecondary)
}

.cmpboxwelcomeprps {
  text-align: left;
  display: flex;
  flex-wrap: wrap
}

.cmpwelcomeprpsbox {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  cursor: pointer
}

.cmpwelcomeprpsboxinner {
  padding-right: 28px
}

.cmpwelcomeprpsbox:after,
.cmpwelcomeprpsbox:before {
  content: "";
  position: absolute;
  top: calc(1em - 4px);
  width: 6px;
  border: 1px solid var(--clrTextSecondary)
}

.cmpwelcomeprpsboxnoarrow:after,
.cmpwelcomeprpsboxnoarrow:before {
  display: none
}

.cmpwelcomeprpsbox:hover::after,
.cmpwelcomeprpsbox:hover::before {
  border: 1px solid var(--clrText)
}

.cmpwelcomeprpsbox:before {
  transform: rotateZ(45deg);
  -webkit-transform: rotateZ(-45deg);
  right: 10px
}

.cmpwelcomeprpsbox:after {
  transform: rotateZ(-45deg);
  -webkit-transform: rotateZ(45deg);
  right: 15px
}

.cmpwelcomeprpsdescr,
.cmpwelcomeprpsvendors {
  transition: all .5s ease;
  visibility: visible;
  opacity: 1;
  height: auto;
  overflow: visible;
  width: 100%
}

.cmpwelcomeprpsdescrinactive,
.cmpwelcomeprpsvendorsinactive {
  visibility: hidden;
  opacity: 0;
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important
}

.cmpwelcomeprpsboxactive:after,
.cmpwelcomeprpsboxactive:before {
  content: "";
  position: absolute;
  top: calc(1em - 4px);
  width: 6px;
  border: 1px solid var(--clrTextSecondary)
}

.cmpwelcomeprpsboxactive:hover::after,
.cmpwelcomeprpsboxactive:hover::before {
  border: 1px solid var(--clrText)
}

.cmpwelcomeprpsboxactive:before {
  transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  right: 11px
}

.cmpwelcomeprpsboxactive:after {
  transform: rotateZ(-45deg);
  -webkit-transform: rotateZ(-45deg);
  right: 15px
}

.cmpwelcomeprps {
  column-span: none;
  display: inline-flex;
  margin-bottom: 5px;
  width: 240px;
  text-align: left;
  margin-right: 15px;
  align-items: center
}

.cmpwelcomeprpsbox .cmpwelcomeprps {
  width: 100%
}

.cmpbox:dir(rtl) .cmpwelcomeprps,
.cmpbox[dir=rtl] .cmpwelcomeprps {
  margin-right: 0;
  margin-left: 15px
}

.cmpwelcomeprpsbtn {
  display: inline;
  margin-right: 5px;
  flex-shrink: 0
}

.cmpbox:dir(rtl) .cmpwelcomeprpsbtn,
.cmpbox[dir=rtl] .cmpwelcomeprpsbtn {
  margin-right: 0;
  margin-left: 5px
}

.cmpwelcomeprpstxt {
  display: inline;
  padding-top: 2px;
  cursor: pointer;
  vertical-align: baseline
}

.cmpwelcomeprpstxt.cmpwelcomeprpstxtnopointer {
  cursor: auto
}

.cmpbox.cmpfullscreen {
  width: 100%;
  height: 100%;
  transform: none !important;
  left: 0;
  top: 0;
  max-width: unset;
  max-height: unset
}

TD.cmpallprps,
TD.cmpallvend,
TH.cmpallprps,
TH.cmpallvend {
  background-color: var(--clrHighlight)
}

TD.cmpcenter,
TH.cmpcenter {
  text-align: center
}

TD.cmpsmallborder,
TH.cmpsmallborder {
  border-bottom: 1px solid var(--clrTextSecondary)
}

.cmpboxtxt svg {
  width: 16px;
  height: 16px
}

.cmpcolorcodingtxt {
  font-size: var(--x10pt);
  color: #333;
  padding: 5px;
  line-height: 1.2em
}

.cmppurposeicon svg {
  width: 16px;
  height: 16px
}

.cmpvendorpurposes svg {
  fill: #333333;
  width: 14px;
  height: 14px
}

.cmpcolorcodingtxtconsent {
  color: #333;
  font-weight: 700
}

.cmpvendorlegintpurposes svg {
  fill: #B4B4B4;
  width: 14px;
  height: 14px
}

.cmpcolorcodingtxtlegint {
  color: #b4b4b4;
  font-weight: 700
}

.cmpvendorfeatures svg {
  fill: #5781AD;
  width: 14px;
  height: 14px
}

.cmpcolorcodingtxtfeatures {
  color: #5781ad;
  font-weight: 700
}

.cmpboxrecall {
  position: fixed;
  bottom: 10px;
  left: 10px;
  border-radius: 30px;
  padding: 3px;
  vertical-align: middle;
  line-height: 1.5em;
  z-index: 7999999
}

.cmpboxrecall * {
  font-size: var(--x9pt);
  line-height: 1.5em;
  vertical-align: middle
}

.cmpboxrecalltxt {
  display: none;
  font-family: Arial, sans-serif;
  padding-right: 10px
}

.cmpbox:dir(rtl) .cmpboxrecalltxt,
.cmpbox[dir=rtl] .cmpboxrecalltxt {
  padding-right: 0;
  padding-left: 10px
}

A.cmpboxrecalllink,
A.cmpboxrecalllink:active,
A.cmpboxrecalllink:focus,
A.cmpboxrecalllink:hover,
A.cmpboxrecalllink:link,
A.cmpboxrecalllink:visited {
  display: block;
  height: 20px;
  color: #0b9ac5;
  text-decoration: none
}

.cmpboxrecall {
  background-color: #f7fcff;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25)
}

A.cmpboxrecalllink:focus .cmpboxrecalltxt,
A.cmpboxrecalllink:hover .cmpboxrecalltxt {
  display: inline
}

@media print {
  .cmpboxrecall {
    display: none !important
  }
}

.cmprecallwarning {
  background-color: rgba(255, 237, 176, .86) !important;
  box-shadow: 0 0 0 0 rgba(255, 39, 39, .8);
  transform: scale(1);
  animation: cmp_pulse 2s infinite;
  padding: 20px;
  border-radius: 100px
}

.cmprecallwarning A.cmpboxrecalllink {
  height: 100%
}

.cmprecallwarning:hover {
  background-color: #ffedb0 !important
}

.cmprecallwarning2 {
  background-color: #fff !important;
  box-shadow: 0 0 0 0 rgba(255, 39, 39, .8);
  transform: scale(1);
  animation: cmp_pulse2 1s infinite;
  padding: 20px;
  margin-bottom: 100px
}

.cmprecallwarning2:hover {
  background-color: #f4e1a8 !important
}

.cmprecallwarning2 .cmpboxrecalllink {
  display: inline-block !important;
  width: 30px !important;
  height: 30px !important
}

.cmprecallwarningA {
  background-color: #fff3f3 !important;
  padding: 30px;
  animation: cmp_pulse2 1s infinite
}

.cmprecallwarningB {
  background-color: #ff9898 !important;
  padding: 30px;
  animation: cmp_pulse2 3s infinite
}

@keyframes cmp_pulse {
  0% {
    transform: scale(.9);
    box-shadow: 0 0 0 0 rgba(255, 211, 65, .7)
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 211, 65, 0)
  }

  100% {
    transform: scale(.9);
    box-shadow: 0 0 0 0 rgba(255, 211, 65, 0)
  }
}

@keyframes cmp_pulse2 {
  0% {
    transform: scale(.9);
    box-shadow: 0 0 0 0 rgba(255, 39, 39, .8)
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 211, 65, 0)
  }

  100% {
    transform: scale(.9);
    box-shadow: 0 0 0 0 rgba(255, 211, 65, 0)
  }
}

.cmptdchoice {
  width: 100px
}

.cmponofftext {
  display: block;
  font-size: var(--x8pt);
  color: var(--clrText)
}

.cmppurposedescription {
  position: absolute;
  left: calc(50% - 400px);
  top: 25%;
  background-color: var(--clrBackground);
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25);
  width: 800px;
  max-width: 75%;
  max-height: 75%;
  overflow-y: auto
}

@media (max-width:820px) {
  .cmppurposedescription {
    left: 12%;
    top: 12%
  }
}

.cmppurposedescrboxhl {
  font-size: var(--x11pt);
  color: var(--clrHeadline)
}

.cmppurposedescrtext {
  font-size: var(--x11pt);
  line-height: 1.2em;
  color: var(--clrText);
  text-align: justify
}

.cmpageverifybox {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto
}

.cmpageverifybox SELECT.cmpageverify {
  display: inline-block;
  padding: 3px;
  line-height: 2em;
  font-size: var(--x11pt);
  border: 0 solid #fff;
  margin: 0 0 5px
}

.cmpageverifybox SELECT.cmpageverifymonth {
  margin-left: 10px
}

.cmpageverifybox SELECT.cmpageverifyday {
  margin-left: 10px
}

.cmpageverifytype1 SELECT.cmpageverify,
.cmpageverifytype4 SELECT.cmpageverify {
  display: inline-block;
  width: 100%
}

.cmpageverifytype2 SELECT.cmpageverify {
  display: inline-block;
  width: calc(50% - 10px)
}

.cmpageverifytype3 SELECT.cmpageverify {
  display: inline-block;
  width: calc(33% - 20px)
}

.cmpageverifybox INPUT.cmpagewrong,
.cmpageverifybox SELECT.cmpagewrong {
  background-color: #f6592c;
  color: #fff
}

.cmpageverifyagetxt,
.cmpageverifydaytxt,
.cmpageverifymonthtxt,
.cmpageverifyyeartxt {
  font-size: smaller
}

INPUT.cmpageverifyage,
INPUT.cmpageverifyday,
INPUT.cmpageverifymonth,
INPUT.cmpageverifyyear {
  border: 1px solid var(--clrTextSecondary);
  padding-left: .5rem;
  padding-right: .5rem;
  text-align: center;
  margin-left: 2px;
  margin-right: 2px;
  border-radius: 2px
}

INPUT.cmpageverifyyear {
  width: 5rem
}

INPUT.cmpageverifyage,
INPUT.cmpageverifyday,
INPUT.cmpageverifymonth {
  width: 3rem
}

.cmpcookieinfobox,
.cmpcookiesdescrbox {
  height: 100%
}

.cmpcookieinfobox .cmpboxdetails,
.cmpcookiesdescrbox .cmpboxdetails {
  display: flex;
  flex-direction: column;
  height: 100%
}

@media (max-height:926px) and (max-width:480px) and (orientation:portrait) {

  .cmpcookieinfobox,
  .cmpcookiesdescrbox {
    display: flex;
    flex-direction: column
  }

  .cmpcookieinfobox .cmpboxdetails,
  .cmpcookiesdescrbox .cmpboxdetails {
    display: contents
  }
}

.cmpcookiesdescrboxhl {
  font-size: var(--x11pt);
  color: var(--clrHeadline)
}

.cmpcookieinfocontent h4,
.cmpcookiesdescrboxcontent h4,
.cmpcookiesdescrboxh2 {
  font-size: var(--x11pt);
  color: var(--clrHeadline)
}

.cmpcookiesdescrtable {
  flex-grow: 10;
  overflow-y: auto
}

.cmpcookieinfobox .cmpcookiesdescrboxcontent,
.cmpcookiesdescrbox .cmpcookiesdescrboxcontent {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto
}

.cmpcookieinfobox .cmpboxbtnsmore,
.cmpcookiesdescrbox .cmpboxbtnsmore {
  flex-grow: 0;
  flex-shrink: 0
}

@media (max-width:321px),
(max-height:321px) {
  .cmpbox {
    font-size-adjust: 0.38 !important;
    line-height: 1.05em !important;
    padding: 5px !important
  }
}

@media (max-height:450px) and (max-width:450px) {
  .cmpbox {
    max-height: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    width: 100% !important
  }

  .cmpboxinner {
    flex-direction: column !important
  }

  .cmpboxbtns {
    max-width: 100% !important;
    min-height: auto !important
  }

  .cmpboxbtn {
    max-width: 100% !important
  }
}

@media (max-height:600px) and (min-width:926px) {
  .cmpbox3 {
    height: 100%
  }

  .cmpbox3 .cmpboxinner {
    display: flex;
    flex-direction: column
  }

  .cmpbox3 .cmpboxinner .cmpboxcontent {
    overflow: auto
  }
}

@media (max-width:414px) and (max-height:736px),
(max-width:736px) and (max-height:414px) {
  .cmpbox {
    padding: 10px !important
  }
}

.cmpbox6 .cmpboxinner,
.cmpbox7 .cmpboxinner {
  display: flex;
  flex-direction: column
}

.cmpbox6 .cmpboxcontent,
.cmpbox7 .cmpboxcontent {
  flex-grow: 1;
  overflow: auto
}

@media (max-height:926px) and (max-width:480px) and (orientation:portrait) {
  .cmpbox {
    width: 100%;
    max-height: 60%;
    min-height: 300px;
    height: 300px;
    overflow: auto !important;
    -webkit-overflow-scrolling: auto !important;
    padding: 15px !important
  }

  .cmpboxinner {
    display: flex;
    flex-direction: column
  }

  .cmpboxcontent {
    flex-grow: 1;
    overflow: auto;
    -webkit-overflow-scrolling: auto
  }

  .cmpboxbtns {
    flex-grow: 1
  }

  .cmpbox.cmpfullscreen {
    max-height: 100% !important;
    height: 100% !important
  }

  .cmpboxbtn {
    margin: 5px
  }

  A.cmpmorelink:link {
    padding: 3px
  }

  .cmpwelcomeprps {
    width: 100%
  }
}

@media (max-width:926px) and (max-height:480px) and (orientation:landscape) {
  .cmpbox {
    width: 100%;
    max-height: 90%;
    min-height: 150px;
    height: 350px;
    overflow: auto !important;
    -webkit-overflow-scrolling: auto !important;
    padding: 15px !important
  }

  .cmpboxinner {
    display: flex;
    flex-direction: row
  }

  .cmpboxcontent {
    flex-grow: 1;
    overflow: auto;
    -webkit-overflow-scrolling: auto
  }

  .cmpboxbtns {
    flex-grow: 1;
    flex-shrink: 1;
    min-height: 50px;
    max-width: 250px !important;
    width: 100%
  }

  .cmpfullscreen .cmpboxbtns {
    flex-shrink: 0;
    max-width: 100% !important;
    width: 100%
  }

  .cmpboxbtn {
    margin: 5px
  }

  .cmpbox.cmpfullscreen {
    max-height: 100% !important;
    height: 100% !important
  }

  A.cmpmorelink:link {
    padding: 3px
  }

  .cmpcornerbtn .cmpboxbtns {
    padding-top: 50px
  }
}

@media (max-width:650px) and (min-width:570px) {
  .cmpboxCustomMenu1 .cmpcookieinfotable-wrapper {
    display: block
  }

  .cmpboxCustomMenu1 .cmpcookieinfotable-header {
    margin-bottom: 10px
  }

  .cmpboxCustomMenu1 .cmpcookieinfotable-body,
  .cmpboxCustomMenu1 .cmpcookieinfotable-header {
    display: block;
    grid-template-columns: none
  }

  .cmpboxCustomMenu1 .cmpcookieinfotable-cell,
  .cmpboxCustomMenu1 .cmpcookieinfotable-cellHeader {
    display: block;
    width: 100%;
    box-sizing: border-box
  }

  .cmpboxCustomMenu1 .cmpcookieinfotable-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    padding: 10px
  }
}

@media (max-width:520px) {
  .cmpcookieinfotable-wrapper {
    display: block
  }

  .cmpcookieinfotable-header {
    margin-bottom: 10px
  }

  .cmpcookieinfotable-body,
  .cmpcookieinfotable-header {
    display: block;
    grid-template-columns: none
  }

  .cmpcookieinfotable-cell,
  .cmpcookieinfotable-cellHeader {
    display: block;
    width: 100%;
    box-sizing: border-box
  }

  .cmpcookieinfotable-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    padding: 10px
  }
}

.cmpcookieinfotable {
  width: 100%
}

.cmpcookieinfotable td,
.cmpcookieinfotable th {
  text-align: left
}

.cmpcookieinfotable_descr {
  font-size: smaller;
  padding-bottom: 10px
}

.cmpvendorbox2 {
  text-align: left !important;
  position: relative;
  padding-right: 20px
}

.cmpbox:dir(rtl) .cmpvendorbox2,
.cmpbox[dir=rtl] .cmpvendorbox2 {
  padding-right: 0;
  padding-left: 20px
}

.cmppurposebox2 {
  text-align: left !important;
  position: relative;
  padding-right: 20px
}

.cmpbox:dir(rtl) .cmppurposebox2,
.cmpbox[dir=rtl] .cmppurposebox2 {
  padding-right: 0;
  padding-left: 20px
}

.cmpvendorinfohl {
  font-weight: 700;
  margin-top: 15px
}

.cmpdatacategory {
  background-color: rgba(0, 0, 0, .2);
  padding: 3px;
  border-radius: 5px;
  margin-right: 5px;
  line-height: 2em
}

.cmplazypreviewiframe {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

.cmplazypreviewiframe *,
.cmplazypreviewiframe>* {
  font-family: Arial, sans-serif;
  text-decoration: none;
  box-sizing: border-box;
  border: 0 solid #fff;
  vertical-align: middle
}

.cmplazypreviewmsg {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, .95);
  width: 100%;
  padding: 20px
}

.cmplazypreviewmsg * {
  font-size: var(--x11pt);
  color: #242424
}

.cmplazypreviewmsginner {
  max-width: 90%;
  width: 640px;
  margin-left: auto;
  margin-right: auto
}

.cmplazyhl {
  font-weight: 700
}

.cmplazybtn {
  text-align: center;
  cursor: pointer
}

.cmplazycb {
  font-size: var(--x10pt);
  text-align: center
}

.cmphelpicon,
.cmpsubvendoricon {
  width: 16px;
  height: 16px;
  max-width: 16px;
  max-height: 16px;
  margin-right: 2px;
  margin-left: 4px
}

.cmpsubvendoricon {
  width: 14px;
  height: 14px;
  max-width: 14px;
  max-height: 14px;
  margin-right: 2px;
  margin-left: 4px
}

.cmpbox:dir(rtl) .cmphelpicon,
.cmpbox[dir=rtl] .cmphelpicon {
  margin-right: 4px;
  margin-left: 2px
}

.cmphelpicon path,
.cmpsubvendoricon path {
  fill: #666666
}

.cmpvendoricon {
  width: 16px;
  height: 16px;
  max-width: 16px;
  max-height: 16px;
  padding: 0;
  margin: 0 2px 0 4px
}

.cmpvendboxclose,
A.cmpvendboxclose,
A.cmpvendboxclose:link {
  position: absolute;
  right: 5px;
  top: 5px
}

.cmpvendboxclose svg {
  width: 16px;
  height: 16px;
  fill: #666666
}

.cmplisticon {
  width: 14px;
  height: 14px;
  margin-top: 3px;
  margin-right: 5px;
  flex-shrink: 0
}

.cmpbox:dir(rtl) .cmplisticon,
.cmpbox[dir=rtl] .cmplisticon {
  margin-right: 0;
  margin-left: 5px
}

.cmpcarousel {
  display: flex;
  flex-direction: column;
  overflow: hidden
}

.cmpcarouselexpanded .cmpboxnavi.cmpcarouselexpandnavi .cmpboxnaviitem {
  cursor: auto
}

.cmpboxnavi.cmpcarouselexpandnavi,
.cmpboxnavi.cmpcarouselnavi {
  width: 100%;
  float: none
}

.cmpcarouselcontent {
  padding: 15px
}

.cmpboxdetailscarousel {
  float: none;
  width: 100%;
  padding: 0
}

@media (max-width:926px) and (max-height:480px) and (orientation:landscape) {
  .cmpboxdetailscarousel {
    display: block;
    overflow-y: auto
  }

  .cmpcarouselexpandnavi,
  .cmpcarouselnavi {
    overflow: auto
  }
}

.cmpcarouselnavi .cmpboxnaviitem {
  position: relative
}

.cmpcarouselnavi .cmpboxnaviitem:after,
.cmpcarouselnavi .cmpboxnaviitem:before {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  width: 6px;
  border: 1px solid var(--clrText)
}

.cmpcarouselnavi .cmpboxnaviitem:before {
  transform: rotateZ(45deg);
  -webkit-transform: rotateZ(-45deg);
  right: 10px
}

.cmpcarouselnavi .cmpboxnaviitem:after {
  transform: rotateZ(-45deg);
  -webkit-transform: rotateZ(45deg);
  right: 15px
}

.cmpcarouselnavi .cmpboxnaviitemactive:after,
.cmpcarouselnavi .cmpboxnaviitemactive:before {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  width: 6px;
  border: 1px solid var(--clrTextSecondary)
}

.cmpcarouselnavi .cmpboxnaviitemactive:before {
  transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  right: 10px
}

.cmpcarouselnavi .cmpboxnaviitemactive:after {
  transform: rotateZ(-45deg);
  -webkit-transform: rotateZ(-45deg);
  right: 15px
}

@media print {
  .cmpbox {
    display: none !important;
    visibility: hidden !important
  }
}

.cmpboxcontentpass .cmpmore {
  color: #666
}

.cmpcontentpasslogin {
  flex: 0 0 auto !important
}

.cmpcontentpassloginlogo {
  margin-right: .4em !important;
  margin-left: .75em !important;
  margin-bottom: -.1em !important;
  height: .9em !important
}

.cmpcontentpassboxmiddle {
  display: flex
}

.cmpcontentpassboxmiddle2 {
  display: flex
}

.cmpcontentpassboxleft {
  width: 50%;
  margin-right: 30px
}

.cmpcontentpassboxright {
  width: 50%;
  margin-left: 30px
}

.cmpwelectboxright {
  width: 50%;
  margin-left: 30px
}

.cmpcontentpassboxmiddle.cmpcontentpass.cmpwelect .cmpcontentpassboxleft,
.cmpcontentpassboxmiddle.cmpcontentpass.cmpwelect .cmpcontentpassboxright,
.cmpcontentpassboxmiddle.cmpcontentpass.cmpwelect .cmpwelectboxright,
.cmpcontentpassboxmiddle2.cmpcontentpass.cmpwelect .cmpcontentpassboxleft,
.cmpcontentpassboxmiddle2.cmpcontentpass.cmpwelect .cmpcontentpassboxright,
.cmpcontentpassboxmiddle2.cmpcontentpass.cmpwelect .cmpwelectboxright {
  width: calc(33% - 20px)
}

.cmpcontentpassboxmiddle.cmpcontentpass.cmpwelect .cmpcontentpassboxright,
.cmpcontentpassboxmiddle2.cmpcontentpass.cmpwelect .cmpcontentpassboxright {
  margin-left: 0
}

.cmpcontentpassboxbottom {
  margin-top: 60px
}

.cmpcontentpassboxbottom2 {
  margin-bottom: 60px
}

.contentpassboxstyle2,
.contentpassboxstyle3 {
  display: flex;
  flex-direction: row
}

.contentpassboxstyle2 .cmpcontentpassboxbottom2,
.contentpassboxstyle3 .cmpcontentpassboxbottom2 {
  margin-bottom: 0
}

.contentpassboxstyle2 .cmpcontentpassboxmiddle2 {
  width: calc(50% - 30px);
  margin-right: 30px;
  display: flex;
  flex-direction: column
}

.contentpassboxstyle3 .cmpcontentpassboxmiddle2 {
  width: calc(50% - 30px);
  margin-left: 30px;
  display: flex;
  flex-direction: column
}

.contentpassboxstyle2 .cmpcontentpassboxbottom {
  width: calc(50% - 30px);
  margin-top: 0;
  margin-left: 30px;
  display: flex;
  flex-direction: column
}

.contentpassboxstyle3 .cmpcontentpassboxbottom2 {
  width: calc(50% - 30px);
  margin-top: 0;
  margin-right: 30px;
  display: flex;
  flex-direction: column
}

.contentpassboxstyle2 .cmpcontentpassboxleft,
.contentpassboxstyle2 .cmpcontentpassboxright,
.contentpassboxstyle2 .cmpwelectboxright,
.contentpassboxstyle3 .cmpcontentpassboxleft,
.contentpassboxstyle3 .cmpcontentpassboxright,
.contentpassboxstyle3 .cmpwelectboxright {
  width: 100% !important;
  margin: 0
}

.contentpassboxstyle2 .cmpcontentpassboxleft+.cmpcontentpassboxright,
.contentpassboxstyle2 .cmpcontentpassboxleft+.cmpwelectboxright,
.contentpassboxstyle3 .cmpcontentpassboxleft+.cmpcontentpassboxright,
.contentpassboxstyle3 .cmpcontentpassboxleft+.cmpwelectboxright {
  margin-top: 60px
}

.cmpcontentpassboxmiddle2.cmpcontentpass.cmpwelect .cmpcontentpassboxleft,
.cmpcontentpassboxmiddle2.cmpcontentpass.cmpwelect .cmpcontentpassboxright,
.cmpcontentpassboxmiddle2.cmpcontentpass.cmpwelect .cmpwelectboxright,
.cmpcontentpassboxmiddle3.cmpcontentpass.cmpwelect .cmpcontentpassboxleft,
.cmpcontentpassboxmiddle3.cmpcontentpass.cmpwelect .cmpcontentpassboxright,
.cmpcontentpassboxmiddle3.cmpcontentpass.cmpwelect .cmpwelectboxright {
  margin-top: 30px
}

.contentpassboxstyle1 .cmpcontentpassboxmiddle2.cmpcontentpass.cmpwelect .cmpcontentpassboxleft,
.contentpassboxstyle1 .cmpcontentpassboxmiddle2.cmpcontentpass.cmpwelect .cmpcontentpassboxright,
.contentpassboxstyle1 .cmpcontentpassboxmiddle2.cmpcontentpass.cmpwelect .cmpwelectboxright,
.contentpassboxstyle2 .cmpcontentpassboxleft,
.contentpassboxstyle3 .cmpcontentpassboxleft {
  margin-top: 0 !important
}

.cmpcontentpassloginlogo {
  width: .9em;
  height: .9em
}

.cmpcontentpasssignuplogo {
  width: .9em;
  height: .9em;
  margin-right: 10px
}

.cmpwelectlogo {
  width: .9em;
  height: .9em;
  margin-right: 10px
}

.cmpwelectiframe {
  width: 100%;
  height: 640px;
  max-height: 80vh;
  border: 0 solid #fff;
  background-color: transparent
}

@media (max-height:926px) and (max-width:480px) and (orientation:portrait),
(max-height:480px) and (max-width:926px) and (orientation:landscape) {

  .cmpcontentpassbox.contentpassboxstyle2,
  .cmpcontentpassbox.contentpassboxstyle3 {
    display: block !important
  }

  .cmpcontentpassbox.contentpassboxstyle2 .cmpcontentpassboxmiddle,
  .cmpcontentpassbox.contentpassboxstyle2 .cmpcontentpassboxmiddle2,
  .cmpcontentpassbox.contentpassboxstyle3 .cmpcontentpassboxmiddle,
  .cmpcontentpassbox.contentpassboxstyle3 .cmpcontentpassboxmiddle2,
  .cmpcontentpassboxmiddle,
  .cmpcontentpassboxmiddle2 {
    display: block !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    width: 100% !important
  }

  .cmpcontentpassboxleft {
    width: 100% !important;
    margin-right: 0 !important;
    margin-top: 30px
  }

  .cmpcontentpassboxright {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 30px
  }

  .cmpcontentpassbox .cmpcontentpassboxmiddle .cmpcontentpassboxbottom,
  .cmpcontentpassbox .cmpcontentpassboxmiddle .cmpcontentpassboxbottom2,
  .cmpcontentpassbox .cmpcontentpassboxmiddle2 .cmpcontentpassboxbottom,
  .cmpcontentpassbox .cmpcontentpassboxmiddle2 .cmpcontentpassboxbottom2,
  .cmpcontentpassboxbottom,
  .cmpcontentpassboxbottom2 {
    display: block !important;
    width: 100% !important;
    margin-top: 30px !important;
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .cmpwelectboxright {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 30px
  }

  .cmpboxcontentpass .cmpboxinner {
    display: flex !important;
    flex-direction: column !important
  }
}

.cmpvendortogglebox {
  display: flex
}

.cmpvendortoggleboxd {
  display: flex;
  padding-right: 20px
}

.cmpvendortoggleboxd>span {
  align-self: center;
  padding-right: 10px
}

.cmpvendortoggleboxd>a {
  align-self: center
}

.cmpvendortoggleboxd .cmponofftext {
  display: inline
}

.cmppurposetogglebox {
  display: flex
}

.cmppurposetoggleboxd {
  display: flex;
  padding-right: 20px
}

.cmppurposetoggleboxd>span {
  align-self: center;
  padding-right: 10px
}

.cmppurposetoggleboxd>a {
  align-self: center
}

.cmppurposetoggleboxd .cmponofftext {
  display: inline
}

.cmpexplicitconsentbtn {
  padding: 3px 8px;
  font-size: var(--x9pt);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
  border-radius: 3px
}

span.cmptooltiplink {
  display: inline-block;
  position: relative;
  border-bottom: 1px dotted var(--clrText);
  color: inherit
}

.cmptooltip {
  min-width: 220px;
  max-width: 400px;
  position: absolute;
  background-color: #fff;
  top: calc(100% + 10px);
  left: 50%;
  transform: translate(-50%, 0);
  padding: 3px;
  border-radius: 3px;
  z-index: 99999999;
  border: 1px solid var(--clrTextSecondary);
  box-shadow: 0 1px 8px rgba(0, 0, 0, .2);
  visibility: hidden;
  opacity: 0;
  transition: opacity .8s
}

span.cmptooltiplink:active .cmptooltip,
span.cmptooltiplink:focus .cmptooltip,
span.cmptooltiplink:hover .cmptooltip {
  visibility: visible;
  opacity: 1
}

i.cmptooltiparrow {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -12px;
  width: 24px;
  height: 12px;
  overflow: hidden
}

i.cmptooltiparrow::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  left: 50%;
  transform: translate(-50%, 50%) rotate(45deg);
  background-color: var(--clrBackground);
  border: 1px solid var(--clrTextSecondary);
  box-shadow: 0 1px 8px rgba(0, 0, 0, .1)
}

div.cmpexpandcontent {
  display: none
}

.cmpbox table caption {
  display: none
}

.cmpboxbtnnocorner {
  z-index: 99999
}

.cmpboxbtncustomcorner svg,
.cmpboxbtnnocorner svg,
.cmpboxbtnsavecorner svg,
.cmpboxbtnyescorner svg {
  fill: currentColor
}

.cmpboxcookieicon {
  display: block;
  float: right;
  width: 200px;
  margin-top: 50px
}

.cmpboxcookieicon svg {
  width: 100%;
  height: auto
}

.cmpboxcookieiconsilhouette {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  z-index: -3;
  max-height: 100%;
  overflow: hidden
}

.cmpboxcookieiconsilhouette svg.cmpcookieiconsilhouette {
  width: 100%;
  height: auto
}

.cmpboxcookieiconsilhouette .silhouetteFill {
  fill: var(--clrButton);
  opacity: .1
}

@media (max-height:926px) and (max-width:480px) and (orientation:portrait) {
  .cmpboxcookieicon {
    width: 100px
  }
}

.cmpsliderbox {
  transition: all .8s ease;
  position: relative;
  z-index: 0
}

.cmpsliderpointer {
  transition: all .8s ease;
  position: absolute;
  top: .6em;
  left: 0;
  margin-left: 45px;
  border-radius: 30px;
  padding-left: 14px;
  padding-top: 14px;
  width: 1px;
  height: 1px;
  background-color: var(--clrButton);
  z-index: 10
}

.cmpsliderpanel {
  position: absolute;
  top: .6em;
  left: 0;
  margin-left: 45px;
  border-radius: 30px;
  padding-left: 5px;
  width: 1px;
  height: 100%;
  background-color: var(--clrButton);
  opacity: .1;
  z-index: 1
}

.cmpsliderpanel.cmpsliderpanelActive {
  height: 0;
  opacity: .8;
  top: calc(.6em + 4px);
  z-index: 2
}

.cmpsliderstationouter {
  position: relative
}

.cmpsliderstation {
  position: absolute;
  top: .7em;
  left: 0;
  margin-left: 45px;
  border-radius: 30px;
  padding-left: 12px;
  padding-top: 12px;
  width: 1px;
  height: 1px;
  background-color: var(--clrButton);
  opacity: .5;
  z-index: 3
}

.cmpslideritemActive .cmpsliderstation {
  opacity: .8;
  z-index: 4
}

.cmpslideritem {
  margin-left: 90px;
  margin-bottom: 10px;
  position: relative;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer
}

.cmpslideritem .cmpsliderhl,
.cmpslideritem .cmpslidertxt {
  opacity: .8
}

.cmpslideritemActive .cmpsliderhl,
.cmpslideritemActive .cmpslidertxt {
  opacity: 1
}

.cmpslideritemouterActive {
  position: relative
}

.cmpslideritem:last-of-type {
  margin-bottom: 0
}

.cmpsliderhl {
  color: var(--clrHeadline);
  font-size: var(--x11pt);
  font-weight: 700
}

.cmpslidertxt {
  color: var(--clrText)
}

.cmpslidercenter {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}

.cmplastupdate {
  display: block;
  position: absolute;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 8px;
  padding-bottom: 6px;
  left: 32px;
  bottom: 3px;
  font-size: var(--x7pt);
  line-height: 1em;
  color: var(--clrText);
  opacity: .5;
  border: 1px solid transparent;
  cursor: pointer;
  border-radius: 5px;
  text-align: left;
  transition: .4s all ease
}

.cmplastupdate.cmpwithtcf {
  left: 76px
}

.cmplastupdate:hover {
  opacity: 1;
  background-color: #fffdcd;
  border: 1px solid #ffd341;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25)
}

.cmptcfcookieinfo {
  display: block;
  position: absolute;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 3px;
  padding-bottom: 4px;
  left: 30px;
  bottom: 3px;
  line-height: 1em;
  color: var(--clrText);
  background-color: var(--clrBackground);
  border: 1px solid transparent;
  cursor: pointer;
  border-radius: 5px;
  text-align: left;
  font-size: var(--x7pt);
  transition: .4s all ease
}

.cmptcfcookieinfo:focus,
.cmptcfcookieinfo:hover {
  background-color: #fffdcd;
  border: 1px solid #ffd341;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25)
}

.cmptcfcookieinfo SVG,
.cmptcfcookieinfo svg {
  margin-left: 0
}

.cmptcfcookieinfo .cmptcfcookieinfotxt {
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 5px;
  padding-bottom: 2px;
  display: none
}

.cmptcfcookieinfo:hover .cmptcfcookieinfoicon {
  display: none
}

.cmptcfcookieinfo:hover .cmptcfcookieinfotxt {
  display: inline-block
}

.cmpboxtxtdivpurposeicon {
  display: inline-block
}

svg.cmpexternallinkicon,
svg.cmpicon,
svg.cmpicosvgfill,
svg.cmppurposeicon,
svg.cmptcficon {
  fill: currentColor;
  height: 1em;
  width: 1em;
  margin-right: .5em
}

svg.cmpexternallinkicon,
svg.cmptcficon {
  margin-left: .5em
}

.cmpbox u {
  text-decoration: underline !important
}

.cmpfadein {
  opacity: 0;
  transition-property: opacity;
  transition-duration: .9s;
  transition-timing-function: ease
}

.cmpflyin {
  left: -600px !important;
  right: 600px !important
}

.cmpflyinR {
  left: calc(100vw + 600px) !important;
  right: calc(-100vw - 600px) !important
}

.cmpflyinT {
  top: -600px !important;
  bottom: calc(100vh + 1200px) !important
}

.cmpflyinB {
  top: calc(100vh + 600px) !important;
  bottom: calc(-100vh - 1200px) !important
}

.cmpflyin2 {
  transition-property: left, right;
  transition-duration: 1.9s;
  transition-timing-function: ease
}

.cmpflyin3 {
  transition-property: top, bottom;
  transition-duration: 1.9s;
  transition-timing-function: ease
}

.cmppolicybox {
  display: flex;
  flex-direction: column;
  height: 100%
}

.cmppolicybox .cmppolicycontent {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto
}

.cmppolicybox .cmpboxbtnsmore {
  flex-grow: 0;
  flex-shrink: 0
}

.cmpadchoicesoolink {
  display: flex;
  justify-content: center;
  color: var(--clrButtonText);
  background-color: var(--clrButton);
  font-weight: 700;
  align-items: center;
  width: 100%;
  margin: 0 0 10px
}

.cmpadchoiceslearnmorelink {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--clrButton);
  background-color: var(--clrButtonText);
  width: 100%;
  margin: 0
}

.cmpqrcontent,
.cmpqrcontentalternative {
  text-align: center
}

.cmpqrcontent canvas,
.cmpqrcontent img {
  border: 5px solid #fff;
  border-radius: 5px
}

.cmpqrouter {
  position: relative
}

.cmpqrspinner {
  width: 100%;
  height: 140px;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -70px;
  right: -120px
}

.cmpqrspinner .cmploadingspinner {
  width: 60px;
  height: 60px
}

.cmpqrspinner .cmploadingspinner div {
  border: 6px solid var(--clrHeadline);
  border-color: var(--clrHeadline) transparent transparent transparent
}

.cmpboxdsaouter {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto
}

.cmpboxdsaaddetailouter,
.cmpboxdsaaddetailoutersingle {
  border: 1px solid silver;
  border-radius: 5px;
  margin-bottom: 50px
}

.cmpboxdsaaddetailouter {
  display: flex
}

.cmpboxdsaaddetail,
.cmpboxdsaaddetailimg {
  padding: 30px
}

.cmpboxdsaaddetailouter .cmpboxdsaaddetail,
.cmpboxdsaaddetailouter .cmpboxdsaaddetailimg {
  width: 100%
}

.cmpboxdsaaddetailimg {
  align-self: center;
  text-align: center
}

.cmpboxdsaaddetailimg img {
  max-width: 100%;
  max-height: 100%;
  width: 100%
}

.cmpboxdsaaddetailline {
  margin-bottom: 15px
}

.cmpboxdsaaddetailhl {
  color: var(--clrHeadline);
  font-weight: 700;
  font-size: var(--x11pt)
}

.cmpboxdsaaddetailname {
  color: var(--clrText);
  font-size: var(--x8pt);
  opacity: .8;
  margin-bottom: .5em
}

.cmpboxdsaaddetaildescr,
.cmpboxdsaaddetaildescritem {
  color: var(--clrText);
  font-size: var(--x10pt)
}

.cmpboxdsaaddetaildescrimg {
  text-align: center
}

.cmpboxdsaaddetaildescrimg img {
  width: 100%;
  max-width: 380px;
  max-height: 600px
}

.cmpboxdsaaddetaildescritem {
  padding-left: 2.5em;
  margin-left: .5em;
  padding-bottom: 10px;
  padding-top: 5px;
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 0 5px
}

.cmpboxDSA .cmpboxinner {
  overflow-y: auto
}

.cmpboxDSA .cmpclose,
.cmpclose svg {
  fill: var(--clrHeadline);
  width: 20px;
  height: 20px;
  display: block
}

.cmpboxDSA .cmpboxh2 img {
  vertical-align: text-bottom;
  height: 1.2em;
  margin-right: .5em
}

.cmpboxDSA .cmpboxdsaaddetaildescr .cmpboxbtn.cmpboxbtnyes {
  margin-left: 0
}

.cmpboxdsaview {
  height: 1.3em;
  margin-left: .5em
}

@media (max-height:926px) and (max-width:480px) and (orientation:portrait) {
  .cmpboxdsaaddetailouter {
    display: block
  }

  .cmpboxdsaaddetaildescrimg img {
    max-width: 100%
  }
}

.cmppurposedescrgpc {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: rgba(50, 118, 174, .1);
  border-left: 3px solid var(--clrButton);
  padding: 8px 12px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 0 4px 4px 0;
  font-size: var(--x10pt);
  color: var(--clrText)
}

.cmppurposedescrgpc svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  fill: var(--clrButton)
}

.cmpbox:dir(rtl) .cmplanguage,
.cmpbox[dir=rtl] .cmplanguage {
  left: auto;
  right: 3px;
  text-align: right
}

.cmpbox:dir(rtl) .cmplanguageloc,
.cmpbox[dir=rtl] .cmplanguageloc {
  right: auto;
  left: 0
}

.cmpbox:dir(rtl) .cmpaltlangs,
.cmpbox[dir=rtl] .cmpaltlangs {
  left: auto;
  right: -1px
}

.cmpbox:dir(rtl) .cmplogo2,
.cmpbox[dir=rtl] .cmplogo2 {
  right: auto;
  left: 2px
}

.cmpbox:dir(rtl) .cmplogo2 span,
.cmpbox[dir=rtl] .cmplogo2 span {
  margin-left: 0;
  margin-right: 5px
}

.cmpbox:dir(rtl) .cmplastupdate,
.cmpbox[dir=rtl] .cmplastupdate {
  left: auto;
  right: 32px;
  text-align: right
}

.cmpbox:dir(rtl) .cmplastupdate.cmpwithtcf,
.cmpbox[dir=rtl] .cmplastupdate.cmpwithtcf {
  left: auto;
  right: 76px
}

.cmpbox:dir(rtl) .cmptcfcookieinfo,
.cmpbox[dir=rtl] .cmptcfcookieinfo {
  left: auto;
  right: 30px;
  text-align: right
}

.cmpboxrecall:dir(rtl),
.cmpboxrecall[dir=rtl] {
  left: auto;
  right: 10px
}

.cmpbox:dir(rtl) .cmpclose,
.cmpbox[dir=rtl] .cmpclose {
  right: auto;
  left: 2px
}

.cmpbox:dir(rtl) .cmpvendboxclose,
.cmpbox[dir=rtl] .cmpvendboxclose {
  right: auto;
  left: 5px
}

.cmpbox:dir(rtl) .cmpimg,
.cmpbox[dir=rtl] .cmpimg {
  left: auto;
  right: 10px
}

.cmpbox:dir(rtl) .cmpboxbtn,
.cmpbox[dir=rtl] .cmpboxbtn {
  padding: 7px 10px 7px 0
}

.cmpbox:dir(rtl) .cmpboxbtn.cmpboxbtnsave,
.cmpbox[dir=rtl] .cmpboxbtn.cmpboxbtnsave {
  padding-right: 0
}

.cmpbox:dir(rtl) .cmpboxbtncustom,
.cmpbox:dir(rtl) .cmpboxbtnsettings,
.cmpbox[dir=rtl] .cmpboxbtncustom,
.cmpbox[dir=rtl] .cmpboxbtnsettings {
  padding-right: 0
}

.cmpbox:dir(rtl) .cmpboxarrowicon,
.cmpbox:dir(rtl) .cmphelpicon,
.cmpbox[dir=rtl] .cmpboxarrowicon,
.cmpbox[dir=rtl] .cmphelpicon {
  transform: scaleX(-1)
}

.cmpbox:dir(rtl) svg.cmpicon,
.cmpbox:dir(rtl) svg.cmpicosvgfill,
.cmpbox:dir(rtl) svg.cmppurposeicon,
.cmpbox[dir=rtl] svg.cmpicon,
.cmpbox[dir=rtl] svg.cmpicosvgfill,
.cmpbox[dir=rtl] svg.cmppurposeicon {
  margin-right: 0;
  margin-left: .5em
}

.cmpbox:dir(rtl) svg.cmpexternallinkicon,
.cmpbox:dir(rtl) svg.cmptcficon,
.cmpbox[dir=rtl] svg.cmpexternallinkicon,
.cmpbox[dir=rtl] svg.cmptcficon {
  margin-left: 0;
  margin-right: .5em
}

.cmpbox:dir(rtl) .cmpdatacategory,
.cmpbox[dir=rtl] .cmpdatacategory {
  margin-right: 0;
  margin-left: 5px
}

.cmpbox:dir(rtl) .cmpvendoricon,
.cmpbox[dir=rtl] .cmpvendoricon {
  margin: 0 4px 0 2px
}

.cmpbox:dir(rtl) .cmpcookietbl Td,
.cmpbox[dir=rtl] .cmpcookietbl Td {
  text-align: right
}

.cmpbox:dir(rtl) td.cmpvendname,
.cmpbox[dir=rtl] td.cmpvendname {
  text-align: right
}

.cmpbox:dir(rtl) TD.cmpallprps,
.cmpbox:dir(rtl) TD.cmpallvend,
.cmpbox:dir(rtl) TH.cmpallprps,
.cmpbox:dir(rtl) TH.cmpallvend,
.cmpbox[dir=rtl] TD.cmpallprps,
.cmpbox[dir=rtl] TD.cmpallvend,
.cmpbox[dir=rtl] TH.cmpallprps,
.cmpbox[dir=rtl] TH.cmpallvend {
  text-align: right
}

.cmpbox:dir(rtl) TH.cmpallprps.cmpcenter,
.cmpbox:dir(rtl) TH.cmpallvend.cmpcenter,
.cmpbox[dir=rtl] TH.cmpallprps.cmpcenter,
.cmpbox[dir=rtl] TH.cmpallvend.cmpcenter {
  text-align: center
}

.cmpbox:dir(rtl) .cmpcookieinfotable td,
.cmpbox:dir(rtl) .cmpcookieinfotable th,
.cmpbox[dir=rtl] .cmpcookieinfotable td,
.cmpbox[dir=rtl] .cmpcookieinfotable th {
  text-align: right
}

.cmpbox:dir(rtl) .cmppurposebox2,
.cmpbox:dir(rtl) .cmpvendorbox2,
.cmpbox[dir=rtl] .cmppurposebox2,
.cmpbox[dir=rtl] .cmpvendorbox2 {
  text-align: right !important
}

.cmpbox:dir(rtl) .cmppurposetoggleboxd,
.cmpbox:dir(rtl) .cmpvendortoggleboxd,
.cmpbox[dir=rtl] .cmppurposetoggleboxd,
.cmpbox[dir=rtl] .cmpvendortoggleboxd {
  padding-right: 0;
  padding-left: 20px
}

.cmpbox:dir(rtl) .cmppurposetoggleboxd>span,
.cmpbox:dir(rtl) .cmpvendortoggleboxd>span,
.cmpbox[dir=rtl] .cmppurposetoggleboxd>span,
.cmpbox[dir=rtl] .cmpvendortoggleboxd>span {
  padding-right: 0;
  padding-left: 10px
}

.cmpbox:dir(rtl) .cmpboxwelcomeprps,
.cmpbox[dir=rtl] .cmpboxwelcomeprps {
  text-align: right
}

.cmpbox:dir(rtl) .cmpwelcomeprps,
.cmpbox[dir=rtl] .cmpwelcomeprps {
  text-align: right
}

.cmpbox:dir(rtl) .cmpwelcomeprpsboxinner,
.cmpbox[dir=rtl] .cmpwelcomeprpsboxinner {
  padding-right: 0;
  padding-left: 28px
}

.cmpbox:dir(rtl) .cmpwelcomeprpsbox:before,
.cmpbox[dir=rtl] .cmpwelcomeprpsbox:before {
  right: auto;
  left: 15px
}

.cmpbox:dir(rtl) .cmpwelcomeprpsbox:after,
.cmpbox[dir=rtl] .cmpwelcomeprpsbox:after {
  right: auto;
  left: 10px
}

.cmpbox:dir(rtl) .cmpwelcomeprpsboxactive:before,
.cmpbox[dir=rtl] .cmpwelcomeprpsboxactive:before {
  right: auto;
  left: 15px
}

.cmpbox:dir(rtl) .cmpwelcomeprpsboxactive:after,
.cmpbox[dir=rtl] .cmpwelcomeprpsboxactive:after {
  right: auto;
  left: 11px
}

.cmpbox:dir(rtl) .cmpcarouselnavi .cmpboxnaviitem:before,
.cmpbox[dir=rtl] .cmpcarouselnavi .cmpboxnaviitem:before {
  right: auto;
  left: 15px
}

.cmpbox:dir(rtl) .cmpcarouselnavi .cmpboxnaviitem:after,
.cmpbox[dir=rtl] .cmpcarouselnavi .cmpboxnaviitem:after {
  right: auto;
  left: 10px
}

.cmpbox:dir(rtl) .cmpcarouselnavi .cmpboxnaviitemactive:before,
.cmpbox[dir=rtl] .cmpcarouselnavi .cmpboxnaviitemactive:before {
  right: auto;
  left: 15px
}

.cmpbox:dir(rtl) .cmpcarouselnavi .cmpboxnaviitemactive:after,
.cmpbox[dir=rtl] .cmpcarouselnavi .cmpboxnaviitemactive:after {
  right: auto;
  left: 10px
}

.cmpbox:dir(rtl) .cmpboxnavi,
.cmpbox[dir=rtl] .cmpboxnavi {
  float: right
}

.cmpbox:dir(rtl) .cmpboxnavi.cmpcarouselexpandnavi,
.cmpbox:dir(rtl) .cmpboxnavi.cmpcarouselnavi,
.cmpbox[dir=rtl] .cmpboxnavi.cmpcarouselexpandnavi,
.cmpbox[dir=rtl] .cmpboxnavi.cmpcarouselnavi {
  float: none
}

.cmpbox:dir(rtl) .cmpboxnaviitem img,
.cmpbox[dir=rtl] .cmpboxnaviitem img {
  margin-right: 0;
  margin-left: 5px
}

.cmpbox:dir(rtl) .cmpboxdetails,
.cmpbox[dir=rtl] .cmpboxdetails {
  float: right;
  padding-left: 0;
  padding-right: 15px
}

.cmpbox:dir(rtl) .cmpcookienonavi .cmpboxdetails,
.cmpbox[dir=rtl] .cmpcookienonavi .cmpboxdetails {
  float: none;
  padding-right: 0
}

.cmpbox:dir(rtl) .cmpboxdetailscarousel,
.cmpbox[dir=rtl] .cmpboxdetailscarousel {
  float: none;
  padding: 0
}

@media (max-width:570px) {

  .cmpbox:dir(rtl) .cmpboxnavi,
  .cmpbox[dir=rtl] .cmpboxnavi {
    float: none
  }

  .cmpbox:dir(rtl) .cmpboxdetails,
  .cmpbox[dir=rtl] .cmpboxdetails {
    float: none;
    padding-right: 0
  }
}

.cmpbox:dir(rtl) .cmpageverifybox SELECT.cmpageverifyday,
.cmpbox:dir(rtl) .cmpageverifybox SELECT.cmpageverifymonth,
.cmpbox[dir=rtl] .cmpageverifybox SELECT.cmpageverifyday,
.cmpbox[dir=rtl] .cmpageverifybox SELECT.cmpageverifymonth {
  margin-left: 0;
  margin-right: 10px
}

.cmpbox:dir(rtl) .cmpboxcookieicon,
.cmpbox[dir=rtl] .cmpboxcookieicon {
  float: left
}

.cmpbox:dir(rtl) .cmpboxcookieiconsilhouette,
.cmpbox[dir=rtl] .cmpboxcookieiconsilhouette {
  right: auto;
  left: 0
}

.cmpbox:dir(rtl) .cmpboxdsaaddetaildescritem,
.cmpbox[dir=rtl] .cmpboxdsaaddetaildescritem {
  padding-left: 0;
  padding-right: 2.5em;
  margin-left: 0;
  margin-right: .5em
}

.cmpbox:dir(rtl) .cmpboxDSA .cmpboxh2 img,
.cmpbox[dir=rtl] .cmpboxDSA .cmpboxh2 img {
  margin-right: 0;
  margin-left: .5em
}

.skippmsg,
.skippmsg * {
  --clrBackground: #FFFFFF;
  --clrHeadline: #3B3B3B;
  --clrText: #5F5F5F;
  --clrTextSecondary: #CFCFCF;
  --clrButton: #3276AE;
  --clrButtonText: #FFFFFF;
  --clrLink: #666666;
  --clrHighlight: #FFFDCD
}

.cmpspinnercenter {
  text-align: center !important
}

.cmploadingspinner {
  display: inline-block;
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden
}

.cmploadingspinner div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 12px solid var(--clrButton);
  border-radius: 50%;
  animation: cmploadingspinner 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
  border-color: var(--clrButton) transparent transparent transparent
}

.cmploadingspinner div:first-child {
  animation-delay: -.45s
}

.cmploadingspinner div:nth-child(2) {
  animation-delay: -.3s
}

.cmploadingspinner div:nth-child(3) {
  animation-delay: -.15s
}

@keyframes cmploadingspinner {
  0% {
    transform: rotate(0)
  }

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

.cmploadingspinner2 {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px
}

.cmploadingspinner2 div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--clrButton);
  animation-timing-function: cubic-bezier(0, 1, 1, 0)
}

.cmploadingspinner2 div:first-child {
  left: 8px;
  animation: cmploadingspinner21 .6s infinite
}

.cmploadingspinner2 div:nth-child(2) {
  left: 8px;
  animation: cmploadingspinner22 .6s infinite
}

.cmploadingspinner2 div:nth-child(3) {
  left: 32px;
  animation: cmploadingspinner22 .6s infinite
}

.cmploadingspinner2 div:nth-child(4) {
  left: 56px;
  animation: cmploadingspinner23 .6s infinite
}

@keyframes cmploadingspinner21 {
  0% {
    transform: scale(0)
  }

  100% {
    transform: scale(1)
  }
}

@keyframes cmploadingspinner23 {
  0% {
    transform: scale(1)
  }

  100% {
    transform: scale(0)
  }
}

@keyframes cmploadingspinner22 {
  0% {
    transform: translate(0, 0)
  }

  100% {
    transform: translate(24px, 0)
  }
}

.cmpcookieinfotable-container {
  position: relative;
  width: 100%;
  overflow-x: auto
}

.cmpcookieinfotable-wrapper {
  display: grid;
  width: 100%
}

.cmpcookieinfotable-body,
.cmpcookieinfotable-header {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  border-bottom: 1px solid var(--clrTextSecondary)
}

.cmpcookieinfotable-body {
  background-color: var(--clrBackground)
}

.cmpcookieinfotable-row {
  display: contents;
  margin-bottom: 5px
}

.cmpcookieinfotable-cell,
.cmpcookieinfotable-cellHeader {
  position: relative;
  padding: 10px;
  border-bottom: 1px solid var(--clrTextSecondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  text-align: left
}

.cmpcookieinfotable-cellHeader {
  font-weight: 700
}

.cmpcookieinfotable-description {
  grid-column: 1/-1;
  background-color: #f3f3f3;
  padding: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 2px solid var(--clrTextSecondary);
  border-bottom: 2px solid var(--clrTextSecondary)
}

.cmpfilter-btn {
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
  padding: 2px 3px;
  background: 0 0;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  color: inherit;
  opacity: .45;
  vertical-align: middle;
  line-height: 1
}

.cmpfilter-btn--active,
.cmpfilter-btn:hover {
  opacity: 1;
  color: var(--clrMain, currentColor)
}

.cmpfilter-btn--active {
  background: rgba(0, 0, 0, .08)
}

.cmpfilter-dropdown {
  display: none;
  position: fixed;
  z-index: 9999;
  min-width: 160px;
  background: var(--clrBackground, #fff);
  border: 1px solid var(--clrTextSecondary, #d0d0d0);
  border-radius: 6px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .14);
  padding: 6px 0
}

.cmpfilter-option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  cursor: pointer;
  white-space: nowrap;
  font-size: inherit
}

.cmpfilter-option:hover {
  background: rgba(0, 0, 0, .05)
}

.cmpfilter-option input[type=checkbox] {
  cursor: pointer;
  margin: 0
}

[dir=rtl] .cmpcookieinfotable-cell,
[dir=rtl] .cmpcookieinfotable-cellHeader {
  text-align: right
}

[dir=rtl] .cmpfilter-btn {
  margin-left: 0;
  margin-right: 4px
}


/*CLIENT CUSTOM CSS*/
#cmpbox {
  letter-spacing: 0.5px !important;
}

div.cmpcookieinfotable-wrapper {
  letter-spacing: 0px !important;
}

div.cmplogo2 {
  visibility: hidden !important;
}

.cmpstyleroot,
.cmpstyleroot * {
  --clrBackground: #FFFFFF;
  --clrHeadline: #222222;
  --clrText: #222222;
  --clrTextSecondary: #222222;
  --clrButton: #5C068C;
  --clrButtonText: #FFFFFF;
  --clrLink: #222222;
  --clrHighlight: #2ED8C3;
}

.cmplogo {
  right: 20px;
  top: 20px;
}

.cmpbox:dir(rtl) .cmplogo,
.cmpbox[dir="rtl"] .cmplogo {
  left: 20px;
  top: 20px;
  right: auto;
}

@media (max-width: 570px) {
  .cmplogo {
    display: none !important;
  }
}

@media (max-height: 926px) and (max-width: 480px) and (orientation: portrait) {
  .cmplogo {
    display: none !important;
  }
}

@media (max-width: 926px) and (max-height: 480px) and (orientation: landscape) {
  .cmplogo {
    display: none !important;
  }
}

*.cmpboxhl {
  font-size: 12pt;
  color: var(--clrHeadline);
  padding-bottom: 10px;
  font-weight: bold;
}

*.cmpboxtxt,
td.cmpvendname {
  font-size: 11pt;
  color: var(--clrText);
}

.cmpwelcomeprpstxt,
.cmpwelcomeprpstxt A:link,
.cmpwelcomeprpsbtn,
.cmpwelcomeprpsbtn A:link,
.cmpwelcomeprpsbtn span {
  font-size: 11pt;
  color: var(--clrText);
}

*.cmpboxtxt {
  padding-bottom: 20px;
}

.cmpwelcomeprpstxt,
.cmpwelcomeprpstxt A:link,
.cmpwelcomeprpsbtn,
.cmpwelcomeprpsbtn A:link,
.cmpwelcomeprpsbtn span {
  font-size: 11pt;
  color: var(--clrText);
}

.cmpboxwelcomeprps {
  margin-bottom: 20px;
}

.cmpmore {
  font-size: 9pt;
}

.cmpsavemychoice,
.cmpsavemychoice label {
  font-size: 9pt;
  color: var(--clrText);
}

.cmpmorelink,
A.cmpmorelink,
A.cmpmorelink:link,
.cmpmore A,
.cmpmore A:link {
  font-size: 9pt;
  color: var(--clrLink);
}

.cmpsavemychoice,
.cmpsavemychoice label {
  font-size: 9pt;
  color: var(--clrText);
}

*.cmpboxbtnyes,
A.cmpboxbtnyes,
A.cmpboxbtnyes:link {
  font-size: 11pt;
  color: var(--clrButtonText);
  background-color: var(--clrButton);
}

*.cmpboxbtnno,
A.cmpboxbtnno,
A.cmpboxbtnno:link {
  font-size: 11pt;
  color: var(--clrButtonText);
  background-color: var(--clrButton);
}

*.cmpboxbtnsave,
A.cmpboxbtnsave,
A.cmpboxbtnsave:link {
  font-size: 11pt;
  color: var(--clrButtonText);
  background-color: var(--clrButton);
}

*.cmpboxbtncustom,
A.cmpboxbtncustom,
A.cmpboxbtncustom:link {
  font-size: 11pt;
  color: var(--clrButtonText);
  background-color: var(--clrButton);
}

.cmpfullscreen *.cmpboxbtnyes,
.cmpfullscreen A.cmpboxbtnyes,
.cmpfullscreen A.cmpboxbtnyes:link {
  font-size: 11pt;
  color: var(--clrButtonText);
  background-color: var(--clrButton);
}

.cmpfullscreen *.cmpboxbtnaccept,
.cmpfullscreen A.cmpboxbtnaccept,
.cmpfullscreen A.cmpboxbtnaccept:link {
  color: var(--clrButtonText);
  background-color: var(--clrButton);
}

.cmpfullscreen *.cmpboxbtnreject,
.cmpfullscreen A.cmpboxbtnreject,
.cmpfullscreen A.cmpboxbtnreject:link {
  color: var(--clrButtonText);
  background-color: var(--clrButton);
}

*.cmpexplicitconsentbtn,
A.cmpexplicitconsentbtn,
A.cmpexplicitconsentbtn:link,
*.cmpexplicitconsentbtnon,
A.cmpexplicitconsentbtnon,
A.cmpexplicitconsentbtnon:link {
  color: var(--clrButtonText);
  background-color: var(--clrButton);
}

*.cmpexplicitconsentbtnoff,
A.cmpexplicitconsentbtnoff,
A.cmpexplicitconsentbtnoff:link {
  color: var(--clrButtonText);
  background-color: var(--clrButton);
}

.cmpfullscreen .cmpmorelink,
.cmpfullscreen A.cmpmorelink,
.cmpfullscreen A.cmpmorelink:link {
  font-size: 9pt;
  color: var(--clrLink);
}

*.cmpboxbtnyes svg {
  fill: currentColor;
  width: 1em;
  height: 1em;
}

*.cmpboxbtnno *.cmpimg,
*.cmpboxbtnno svg {
  display: none !important;
}

*.cmpboxbtnno {
  padding-left: 0px;
}

*.cmpboxbtnaccept svg {
  fill: currentColor;
  width: 1em;
  height: 1em;
  vertical-align: middle;
}

*.cmpboxbtnreject *.cmpimg,
*.cmpboxbtnreject svg {
  display: none !important;
}

*.cmpboxbtnreject {
  padding-left: 0px;
}

*.cmpboxbtnyescustomchoices *.cmpimg,
*.cmpboxbtnyescustomchoices svg {
  display: none !important;
}

*.cmpboxbtnyescustomchoices {
  padding-left: 0px;
}

*.cmpbox {
  background-color: var(--clrBackground);
  border-top: solid 12px var(--clrButton);
  border-right: solid 0px var(--clrBackground);
  border-bottom: solid 5px var(--clrTextSecondary);
  border-left: solid 0px var(--clrBackground);
  padding-top: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
}

*.cmpclose {
  display: none;
}

.cmpfullscreen *.cmpboxhl {
  font-size: 12pt;
  color: var(--clrHeadline);
  font-weight: bold;
}

.cmpfullscreen *.cmpprpshl {
  font-size: 12pt;
  color: var(--clrHeadline);
  font-weight: bold;
}

.cmpfullscreen *.cmpboxtxt,
.cmpfullscreen,
.cmpprpsdescr,
td.cmpvendname,
.cmpfullscreen A.cmpvendurl,
.cmpfullscreen A.cmpvendurl:link {
  font-size: 11pt;
  color: var(--clrText);
}

.cmpfullscreen.cmpbox {
  background-color: var(--clrBackground);
}

.cmpboxnaviitemactive,
TD.cmpallvend,
TH.cmpallvend,
TD.cmpallprps,
TH.cmpallprps {
  background-color: #FFFFFF;
}

@media (max-height: 926px) and (max-width: 480px) and (orientation: portrait) {
  .cmpbox {
    overflow: auto;
    max-width: 100%;
    min-width: 100%;
  }
}

@media (max-height: 480px) and (max-width: 926px) and (orientation: landscape) {
  .cmpbox {
    overflow: auto;
    max-height: 100%;
    min-height: 100%;
  }
}

.cmptogglespan svg {
  width: 40px;
  height: 20px;
}

.cmptogglespan svg .cmpsvggreenfill {
  fill: #5AB14B !important;
}

.cmptogglespan svg .cmpsvggreenstroke {
  stroke: #5AB14B !important;
}

.cmptogglespan svg .cmpsvgredfill {
  fill: #F64C4E !important;
}

.cmptogglespan svg .cmpsvgredstroke {
  stroke: #F64C4E !important;
}

.cmptogglespan svg .cmpsvgwhitefill {
  fill: #FFFFFF !important;
}

.cmptogglespan svg .cmpsvgwhitestroke {
  stroke: #FFFFFF !important;
}

.cmptogglespan svg .cmpsvgblackfill {
  fill: #111111 !important;
}

.cmptogglespan svg .cmpsvgblackstroke {
  stroke: #111111 !important;
}

.cmptogglespan svg .cmpsvggrayfill {
  fill: #777777 !important;
}

.cmptogglespan svg .cmpsvggraystroke {
  stroke: #777777 !important;
}

.cmptogglespan svg .cmpsvggray2fill {
  fill: #AAAAAA !important;
}

.cmptogglespan svg .cmpsvggray2stroke {
  stroke: #AAAAAA !important;
}

.cmptogglespan svg .cmpsvgsilverfill {
  fill: #E5E5E5 !important;
}

.cmptogglespan svg .cmpsvgsilverstroke {
  stroke: #E5E5E5 !important;
}

.cmptogglespan svg .cmpsvgsilver2fill {
  fill: #DDDDDD !important;
}

.cmptogglespan svg .cmpsvgsilver2stroke {
  stroke: #DDDDDD !important;
}

.cmpboxbtnacceptcustomchoices {
  font-size: 14px !important;
  color: #FFFFFF !important;
  padding-left: 0px !important;
  background-color: #660099 !important;
  border-top-width: 3px !important;
  border-right-width: 3px !important;
  border-bottom-width: 3px !important;
  border-left-width: 3px !important;
  border-top-color: #660099 !important;
  border-right-color: #660099 !important;
  border-bottom-color: #660099 !important;
  border-left-color: #660099 !important;
  border-radius: 8px !important;
  padding-top: 14px !important;
  box-shadow: none !important;
  padding-bottom: 14px !important;
}

.cmpboxbtncustom {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  box-shadow: none !important;
  background-color: #FFFFFF !important;
  color: #5C068C !important;
  border-top-width: 3px !important;
  border-right-width: 3px !important;
  border-bottom-width: 3px !important;
  border-left-width: 3px !important;
  border-top-color: #5C068C !important;
  border-right-color: #5C068C !important;
  border-bottom-color: #5C068C !important;
  border-left-color: #5C068C !important;
  border-radius: 8px !important;
  font-size: 14px !important;
}

.cmpboxbtnno {
  font-size: 14px !important;
  padding-left: 0px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  background-color: #FFFFFF !important;
  border-top-width: 3px !important;
  border-right-width: 3px !important;
  border-bottom-width: 3px !important;
  border-left-width: 3px !important;
  border-top-color: #5C068C !important;
  border-right-color: #5C068C !important;
  border-bottom-color: #5C068C !important;
  border-left-color: #5C068C !important;
  border-radius: 8px !important;
  color: #5C068C !important;
  box-shadow: none !important;
}

.cmpboxbtnyes {
  padding-left: 0px !important;
  background-color: #660099 !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  border-top-width: 3px !important;
  border-right-width: 3px !important;
  border-bottom-width: 3px !important;
  border-left-width: 3px !important;
  border-top-color: #660099 !important;
  border-right-color: #660099 !important;
  border-bottom-color: #660099 !important;
  border-left-color: #660099 !important;
  border-radius: 8px !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
  font-size: 14px !important;
}

.cmpboxbtnyescustomchoices {
  color: #660099 !important;
  background-color: #FFFFFF !important;
  border-top-width: 3px !important;
  border-right-width: 3px !important;
  border-bottom-width: 3px !important;
  border-left-width: 3px !important;
  border-top-color: #660099 !important;
  border-right-color: #660099 !important;
  border-bottom-color: #660099 !important;
  border-left-color: #660099 !important;
}

.cmpmorelinkcustomchoices {
  font-size: 10pt !important;
}