html[data-color=black] .h-menu a.h-menu-efest svg #img-efest-logo {
  fill: #cccccc;
}

html[data-color=black] .h-menu a.h-menu-efest:hover svg #img-efest-logo {
  fill: #494949;
}

html[data-color=blue] .h-menu a.h-menu-efest svg #img-efest-logo {
  fill: #cccc00;
}

html[data-color=blue] .h-menu a.h-menu-efest:hover svg #img-efest-logo {
  fill: #545404;
}

html[data-color=beige] .h-menu a.h-menu-efest svg #img-efest-logo {
  fill: #4d4b43;
}

html[data-color=beige] .h-menu a.h-menu-efest:hover svg #img-efest-logo {
  fill: #9a9582;
}

html[data-color=brown] .h-menu a.h-menu-efest svg #img-efest-logo {
  fill: #aad469;
}

html[data-color=brown] .h-menu a.h-menu-efest:hover svg #img-efest-logo {
  fill: #658633;
}

html[data-color=black] .i-efest-logo svg #img-efest-logo {
  fill: #cccccc;
}

html[data-color=blue] .i-efest-logo svg #img-efest-logo {
  fill: #cccc00;
}

html[data-color=beige] .i-efest-logo svg #img-efest-logo {
  fill: #4d4b43;
}

html[data-color=brown] .i-efest-logo svg #img-efest-logo {
  fill: #aad469;
}

html[data-color=black] a.h-logo svg #img-logo-white,
html[data-color=black] a.h-logo-link svg #img-logo-white {
  fill: #cccccc;
}

html[data-color=blue] a.h-logo svg #img-logo-white,
html[data-color=blue] a.h-logo-link svg #img-logo-white {
  fill: #cccc00;
}

html[data-color=beige] a.h-logo svg #img-logo-white,
html[data-color=beige] a.h-logo-link svg #img-logo-white {
  fill: #4d4b43;
}

html[data-color=brown] a.h-logo svg #img-logo-white,
html[data-color=brown] a.h-logo-link svg #img-logo-white {
  fill: #aad469;
}

html[data-color=black] a.h-logo-link:hover svg #img-logo-white {
  fill: #494949;
}

html[data-color=black] a.h-logo-link:hover svg #img-logo-teal,
html[data-color=black] a.h-logo-link:hover svg #img-logo-orange {
  fill: #1d1d1d;
}

html[data-color=black] .g-index a.h-logo-link:hover svg #img-logo-teal,
html[data-color=black] .g-index a.h-logo-link:hover svg #img-logo-orange {
  fill: none;
}

html[data-color=blue] a.h-logo-link:hover svg #img-logo-white {
  fill: #545404;
}

html[data-color=blue] a.h-logo-link:hover svg #img-logo-teal,
html[data-color=blue] a.h-logo-link:hover svg #img-logo-orange {
  fill: #06066b;
}

html[data-color=blue] .g-index a.h-logo-link:hover svg #img-logo-teal,
html[data-color=blue] .g-index a.h-logo-link:hover svg #img-logo-orange {
  fill: none;
}

html[data-color=beige] a.h-logo-link:hover svg #img-logo-white {
  fill: #9a9582;
}

html[data-color=beige] a.h-logo-link:hover svg #img-logo-teal,
html[data-color=beige] a.h-logo-link:hover svg #img-logo-orange {
  fill: #f7f3d6;
}

html[data-color=beige] .g-index a.h-logo-link:hover svg #img-logo-teal,
html[data-color=beige] .g-index a.h-logo-link:hover svg #img-logo-orange {
  fill: none;
}

html[data-color=brown] a.h-logo-link:hover svg #img-logo-white {
  fill: #658633;
}

html[data-color=brown] a.h-logo-link:hover svg #img-logo-teal,
html[data-color=brown] a.h-logo-link:hover svg #img-logo-orange {
  fill: #412518;
}

html[data-color=brown] .g-index a.h-logo-link:hover svg #img-logo-teal,
html[data-color=brown] .g-index a.h-logo-link:hover svg #img-logo-orange {
  fill: none;
}

html[data-color=black] a.f-logo svg #img-logo-white {
  fill: #cccccc;
}

html[data-color=blue] a.f-logo svg #img-logo-white {
  fill: #cccc00;
}

html[data-color=beige] a.f-logo svg #img-logo-white {
  fill: #4d4b43;
}

html[data-color=brown] a.f-logo svg #img-logo-white {
  fill: #aad469;
}

html[data-color=black] .f-menu li .menu-separate {
  color: #cccccc;
}

html[data-color=blue] .f-menu li .menu-separate {
  color: #cccc00;
}

html[data-color=beige] .f-menu li .menu-separate {
  color: #4d4b43;
}

html[data-color=brown] .f-menu li .menu-separate {
  color: #aad469;
}

html[data-color=black] .f-translate #img-gemini {
  fill: #494949;
}

html[data-color=black] .f-translate > p {
  color: #494949;
}

html[data-color=blue] .f-translate #img-gemini {
  fill: #545404;
}

html[data-color=blue] .f-translate > p {
  color: #545404;
}

html[data-color=beige] .f-translate #img-gemini {
  fill: #9a9582;
}

html[data-color=beige] .f-translate > p {
  color: #9a9582;
}

html[data-color=brown] .f-translate #img-gemini {
  fill: #658633;
}

html[data-color=brown] .f-translate > p {
  color: #658633;
}

html[data-color=black] .e-icon-link svg #img-icon {
  stroke: #cccccc;
}

html[data-color=black] .e-icon-link:hover svg #img-icon {
  stroke: #494949;
}

html[data-color=blue] .e-icon-link svg #img-icon {
  stroke: #cccc00;
}

html[data-color=blue] .e-icon-link:hover svg #img-icon {
  stroke: #545404;
}

html[data-color=beige] .e-icon-link svg #img-icon {
  stroke: #4d4b43;
}

html[data-color=beige] .e-icon-link:hover svg #img-icon {
  stroke: #9a9582;
}

html[data-color=brown] .e-icon-link svg #img-icon {
  stroke: #aad469;
}

html[data-color=brown] .e-icon-link:hover svg #img-icon {
  stroke: #658633;
}

html[data-color=black] .bg-auto #img-bg-auto,
html[data-color=black] .bg-auto-index #img-bg-auto {
  stroke: #494949;
}

html[data-color=blue] .bg-auto #img-bg-auto,
html[data-color=blue] .bg-auto-index #img-bg-auto {
  stroke: #070799;
}

html[data-color=beige] .bg-auto #img-bg-auto,
html[data-color=beige] .bg-auto-index #img-bg-auto {
  stroke: #e1ddb9;
}

html[data-color=brown] .bg-auto #img-bg-auto,
html[data-color=brown] .bg-auto-index #img-bg-auto {
  stroke: #542e1c;
}

html[data-color=black] #img-book-awards {
  fill: #cccccc;
  filter: contrast(0.5);
}

html[data-color=blue] #img-book-awards {
  fill: #cccc00;
}

html[data-color=beige] #img-book-awards {
  fill: #4d4b43;
}

html[data-color=brown] #img-book-awards {
  fill: #aad469;
}

html[data-color=black] .f-partners a svg #img-nu-body,
html[data-color=black] .f-partners a svg #img-nu-wing-left-border,
html[data-color=black] .f-partners a svg #img-nu-wing-right-border,
html[data-color=black] .f-partners a svg #img-nu-logo {
  fill: #cccccc;
}

html[data-color=black] .f-partners a svg #img-nu-wing-right,
html[data-color=black] .f-partners a svg #img-nu-wing-left {
  fill: #1d1d1d;
}

html[data-color=black] .f-partners a:hover svg #img-nu-body,
html[data-color=black] .f-partners a:hover svg #img-nu-wing-left-border,
html[data-color=black] .f-partners a:hover svg #img-nu-wing-right-border,
html[data-color=black] .f-partners a:hover svg #img-nu-logo {
  fill: #494949;
}

html[data-color=blue] .f-partners a svg #img-nu-body,
html[data-color=blue] .f-partners a svg #img-nu-wing-left-border,
html[data-color=blue] .f-partners a svg #img-nu-wing-right-border,
html[data-color=blue] .f-partners a svg #img-nu-logo {
  fill: #cccc00;
}

html[data-color=blue] .f-partners a svg #img-nu-wing-right,
html[data-color=blue] .f-partners a svg #img-nu-wing-left {
  fill: #06066b;
}

html[data-color=blue] .f-partners a:hover svg #img-nu-body,
html[data-color=blue] .f-partners a:hover svg #img-nu-wing-left-border,
html[data-color=blue] .f-partners a:hover svg #img-nu-wing-right-border,
html[data-color=blue] .f-partners a:hover svg #img-nu-logo {
  fill: #545404;
}

html[data-color=beige] .f-partners a svg #img-nu-body,
html[data-color=beige] .f-partners a svg #img-nu-wing-left-border,
html[data-color=beige] .f-partners a svg #img-nu-wing-right-border,
html[data-color=beige] .f-partners a svg #img-nu-logo {
  fill: #4d4b43;
}

html[data-color=beige] .f-partners a svg #img-nu-wing-right,
html[data-color=beige] .f-partners a svg #img-nu-wing-left {
  fill: #f7f3d6;
}

html[data-color=beige] .f-partners a:hover svg #img-nu-body,
html[data-color=beige] .f-partners a:hover svg #img-nu-wing-left-border,
html[data-color=beige] .f-partners a:hover svg #img-nu-wing-right-border,
html[data-color=beige] .f-partners a:hover svg #img-nu-logo {
  fill: #9a9582;
}

html[data-color=brown] .f-partners a svg #img-nu-body,
html[data-color=brown] .f-partners a svg #img-nu-wing-left-border,
html[data-color=brown] .f-partners a svg #img-nu-wing-right-border,
html[data-color=brown] .f-partners a svg #img-nu-logo {
  fill: #aad469;
}

html[data-color=brown] .f-partners a svg #img-nu-wing-right,
html[data-color=brown] .f-partners a svg #img-nu-wing-left {
  fill: #412518;
}

html[data-color=brown] .f-partners a:hover svg #img-nu-body,
html[data-color=brown] .f-partners a:hover svg #img-nu-wing-left-border,
html[data-color=brown] .f-partners a:hover svg #img-nu-wing-right-border,
html[data-color=brown] .f-partners a:hover svg #img-nu-logo {
  fill: #658633;
}

html[data-color=black] .f-partners a svg #img-imzo-descript {
  fill: #cccccc;
}

html[data-color=black] .f-partners a svg #img-imzo-gradient1,
html[data-color=black] .f-partners a svg #img-imzo-gradient2,
html[data-color=black] .f-partners a svg #img-imzo-gradient3,
html[data-color=black] .f-partners a svg #img-imzo-gradient4,
html[data-color=black] .f-partners a svg #img-imzo-gradient5,
html[data-color=black] .f-partners a svg #img-imzo-gradient6 {
  stop-color: #cccccc;
}

html[data-color=black] .f-partners a svg #img-imzo-white {
  fill: none;
}

html[data-color=black] .f-partners a:hover svg #img-imzo-descript {
  fill: #494949;
}

html[data-color=black] .f-partners a:hover svg #img-imzo-gradient1,
html[data-color=black] .f-partners a:hover svg #img-imzo-gradient2,
html[data-color=black] .f-partners a:hover svg #img-imzo-gradient3,
html[data-color=black] .f-partners a:hover svg #img-imzo-gradient4,
html[data-color=black] .f-partners a:hover svg #img-imzo-gradient5,
html[data-color=black] .f-partners a:hover svg #img-imzo-gradient6 {
  stop-color: #494949;
}

html[data-color=blue] .f-partners a svg #img-imzo-descript {
  fill: #cccc00;
}

html[data-color=blue] .f-partners a svg #img-imzo-gradient1,
html[data-color=blue] .f-partners a svg #img-imzo-gradient2,
html[data-color=blue] .f-partners a svg #img-imzo-gradient3,
html[data-color=blue] .f-partners a svg #img-imzo-gradient4,
html[data-color=blue] .f-partners a svg #img-imzo-gradient5,
html[data-color=blue] .f-partners a svg #img-imzo-gradient6 {
  stop-color: #cccc00;
}

html[data-color=blue] .f-partners a svg #img-imzo-white {
  fill: none;
}

html[data-color=blue] .f-partners a:hover svg #img-imzo-descript {
  fill: #545404;
}

html[data-color=blue] .f-partners a:hover svg #img-imzo-gradient1,
html[data-color=blue] .f-partners a:hover svg #img-imzo-gradient2,
html[data-color=blue] .f-partners a:hover svg #img-imzo-gradient3,
html[data-color=blue] .f-partners a:hover svg #img-imzo-gradient4,
html[data-color=blue] .f-partners a:hover svg #img-imzo-gradient5,
html[data-color=blue] .f-partners a:hover svg #img-imzo-gradient6 {
  stop-color: #545404;
}

html[data-color=beige] .f-partners a svg #img-imzo-descript {
  fill: #4d4b43;
}

html[data-color=beige] .f-partners a svg #img-imzo-gradient1,
html[data-color=beige] .f-partners a svg #img-imzo-gradient2,
html[data-color=beige] .f-partners a svg #img-imzo-gradient3,
html[data-color=beige] .f-partners a svg #img-imzo-gradient4,
html[data-color=beige] .f-partners a svg #img-imzo-gradient5,
html[data-color=beige] .f-partners a svg #img-imzo-gradient6 {
  stop-color: #4d4b43;
}

html[data-color=beige] .f-partners a svg #img-imzo-white {
  fill: none;
}

html[data-color=beige] .f-partners a:hover svg #img-imzo-descript {
  fill: #9a9582;
}

html[data-color=beige] .f-partners a:hover svg #img-imzo-gradient1,
html[data-color=beige] .f-partners a:hover svg #img-imzo-gradient2,
html[data-color=beige] .f-partners a:hover svg #img-imzo-gradient3,
html[data-color=beige] .f-partners a:hover svg #img-imzo-gradient4,
html[data-color=beige] .f-partners a:hover svg #img-imzo-gradient5,
html[data-color=beige] .f-partners a:hover svg #img-imzo-gradient6 {
  stop-color: #9a9582;
}

html[data-color=brown] .f-partners a svg #img-imzo-descript {
  fill: #aad469;
}

html[data-color=brown] .f-partners a svg #img-imzo-gradient1,
html[data-color=brown] .f-partners a svg #img-imzo-gradient2,
html[data-color=brown] .f-partners a svg #img-imzo-gradient3,
html[data-color=brown] .f-partners a svg #img-imzo-gradient4,
html[data-color=brown] .f-partners a svg #img-imzo-gradient5,
html[data-color=brown] .f-partners a svg #img-imzo-gradient6 {
  stop-color: #aad469;
}

html[data-color=brown] .f-partners a svg #img-imzo-white {
  fill: none;
}

html[data-color=brown] .f-partners a:hover svg #img-imzo-descript {
  fill: #658633;
}

html[data-color=brown] .f-partners a:hover svg #img-imzo-gradient1,
html[data-color=brown] .f-partners a:hover svg #img-imzo-gradient2,
html[data-color=brown] .f-partners a:hover svg #img-imzo-gradient3,
html[data-color=brown] .f-partners a:hover svg #img-imzo-gradient4,
html[data-color=brown] .f-partners a:hover svg #img-imzo-gradient5,
html[data-color=brown] .f-partners a:hover svg #img-imzo-gradient6 {
  stop-color: #658633;
}

html[data-color=black] .f-partners a svg #img-nus {
  fill: #cccccc;
}

html[data-color=black] .f-partners a:hover svg #img-nus {
  fill: #494949;
}

html[data-color=blue] .f-partners a svg #img-nus {
  fill: #cccc00;
}

html[data-color=blue] .f-partners a:hover svg #img-nus {
  fill: #545404;
}

html[data-color=beige] .f-partners a svg #img-nus {
  fill: #4d4b43;
}

html[data-color=beige] .f-partners a:hover svg #img-nus {
  fill: #9a9582;
}

html[data-color=brown] .f-partners a svg #img-nus {
  fill: #aad469;
}

html[data-color=brown] .f-partners a:hover svg #img-nus {
  fill: #658633;
}

html[data-color=black] .f-partners a svg #img-vchisyamedia {
  fill: #cccccc;
}

html[data-color=black] .f-partners a:hover svg #img-vchisyamedia {
  fill: #494949;
}

html[data-color=blue] .f-partners a svg #img-vchisyamedia {
  fill: #cccc00;
}

html[data-color=blue] .f-partners a:hover svg #img-vchisyamedia {
  fill: #545404;
}

html[data-color=beige] .f-partners a svg #img-vchisyamedia {
  fill: #4d4b43;
}

html[data-color=beige] .f-partners a:hover svg #img-vchisyamedia {
  fill: #9a9582;
}

html[data-color=brown] .f-partners a svg #img-vchisyamedia {
  fill: #aad469;
}

html[data-color=brown] .f-partners a:hover svg #img-vchisyamedia {
  fill: #658633;
}

html[data-color=black] .f-partners a svg #img-osvitanova {
  fill: #cccccc;
}

html[data-color=black] .f-partners a svg #img-osvitanova1,
html[data-color=black] .f-partners a svg #img-osvitanova2 {
  stop-color: #cccccc;
}

html[data-color=black] .f-partners a:hover svg #img-osvitanova {
  fill: #494949;
}

html[data-color=black] .f-partners a:hover svg #img-osvitanova1,
html[data-color=black] .f-partners a:hover svg #img-osvitanova2 {
  stop-color: #494949;
}

html[data-color=blue] .f-partners a svg #img-osvitanova {
  fill: #cccc00;
}

html[data-color=blue] .f-partners a svg #img-osvitanova1,
html[data-color=blue] .f-partners a svg #img-osvitanova2 {
  stop-color: #cccc00;
}

html[data-color=blue] .f-partners a:hover svg #img-osvitanova {
  fill: #545404;
}

html[data-color=blue] .f-partners a:hover svg #img-osvitanova1,
html[data-color=blue] .f-partners a:hover svg #img-osvitanova2 {
  stop-color: #545404;
}

html[data-color=beige] .f-partners a svg #img-osvitanova {
  fill: #4d4b43;
}

html[data-color=beige] .f-partners a svg #img-osvitanova1,
html[data-color=beige] .f-partners a svg #img-osvitanova2 {
  stop-color: #4d4b43;
}

html[data-color=beige] .f-partners a:hover svg #img-osvitanova {
  fill: #9a9582;
}

html[data-color=beige] .f-partners a:hover svg #img-osvitanova1,
html[data-color=beige] .f-partners a:hover svg #img-osvitanova2 {
  stop-color: #9a9582;
}

html[data-color=brown] .f-partners a svg #img-osvitanova {
  fill: #aad469;
}

html[data-color=brown] .f-partners a svg #img-osvitanova1,
html[data-color=brown] .f-partners a svg #img-osvitanova2 {
  stop-color: #aad469;
}

html[data-color=brown] .f-partners a:hover svg #img-osvitanova {
  fill: #658633;
}

html[data-color=brown] .f-partners a:hover svg #img-osvitanova1,
html[data-color=brown] .f-partners a:hover svg #img-osvitanova2 {
  stop-color: #658633;
}

html[data-color=black] *,
html[data-color=black] a.l-local,
html[data-color=black] a.l-white,
html[data-color=black] .f-submenu li a {
  border-color: #cccccc;
}

html[data-color=blue] *,
html[data-color=blue] a.l-local,
html[data-color=blue] a.l-white,
html[data-color=blue] .f-submenu li a {
  border-color: #cccc00;
}

html[data-color=beige] *,
html[data-color=beige] a.l-local,
html[data-color=beige] a.l-white,
html[data-color=beige] .f-submenu li a {
  border-color: #4d4b43;
}

html[data-color=brown] *,
html[data-color=brown] a.l-local,
html[data-color=brown] a.l-white,
html[data-color=brown] .f-submenu li a {
  border-color: #aad469;
}

html[data-color=white] body {
  background-color: #ffffff;
}

html[data-color=black] body,
html[data-color=black] .h-menu,
html[data-color=black] .h-menu-book > span,
html[data-color=black] .t-bg,
html[data-color=black] .md-modal-std,
html[data-color=black] .md-modal-full {
  background-color: #1d1d1d;
}

html[data-color=black] body.bg-change {
  background-color: #1d1d1d !important;
}

html[data-color=blue] body,
html[data-color=blue] .h-menu,
html[data-color=blue] .h-menu-book > span,
html[data-color=blue] .t-bg,
html[data-color=blue] .md-modal-std,
html[data-color=blue] .md-modal-full {
  background-color: #06066b;
}

html[data-color=blue] body.bg-change {
  background-color: #06066b !important;
}

html[data-color=beige] body,
html[data-color=beige] .h-menu,
html[data-color=beige] .h-menu-book > span,
html[data-color=beige] .t-bg,
html[data-color=beige] .md-modal-std,
html[data-color=beige] .md-modal-full {
  background-color: #f7f3d6;
}

html[data-color=beige] body.bg-change {
  background-color: #f7f3d6 !important;
}

html[data-color=brown] body,
html[data-color=brown] .h-menu,
html[data-color=brown] .h-menu-book > span,
html[data-color=brown] .t-bg,
html[data-color=brown] .md-modal-std,
html[data-color=brown] .md-modal-full {
  background-color: #412518;
}

html[data-color=brown] body.bg-change {
  background-color: #412518 !important;
}

html[data-color=black] section,
html[data-color=black] article,
html[data-color=black] div,
html[data-color=black] ul > li,
html[data-color=blue] section,
html[data-color=blue] article,
html[data-color=blue] div,
html[data-color=blue] ul > li,
html[data-color=beige] section,
html[data-color=beige] article,
html[data-color=beige] div,
html[data-color=beige] ul > li,
html[data-color=brown] section,
html[data-color=brown] article,
html[data-color=brown] div,
html[data-color=brown] ul > li {
  background-color: transparent;
}

html[data-color=black] button,
html[data-color=black] a.button,
html[data-color=black] div.button {
  color: #1d1d1d;
  background-color: #cccccc;
}

html[data-color=black] button:hover,
html[data-color=black] button:disabled,
html[data-color=black] a.button:hover,
html[data-color=black] a.disabled,
html[data-color=black] div.button:hover,
html[data-color=black] div.disabled {
  color: #cccccc;
  background-color: #494949 !important;
}

html[data-color=blue] button,
html[data-color=blue] a.button,
html[data-color=blue] div.button {
  color: #06066b;
  background-color: #cccc00;
}

html[data-color=blue] button:hover,
html[data-color=blue] button:disabled,
html[data-color=blue] a.button:hover,
html[data-color=blue] a.disabled,
html[data-color=blue] div.button:hover,
html[data-color=blue] div.disabled {
  color: #cccc00;
  background-color: #545404 !important;
}

html[data-color=beige] button,
html[data-color=beige] a.button,
html[data-color=beige] div.button {
  color: #f7f3d6;
  background-color: #4d4b43;
}

html[data-color=beige] button:hover,
html[data-color=beige] button:disabled,
html[data-color=beige] a.button:hover,
html[data-color=beige] a.disabled,
html[data-color=beige] div.button:hover,
html[data-color=beige] div.disabled {
  color: #4d4b43;
  background-color: #9a9582 !important;
}

html[data-color=brown] button,
html[data-color=brown] a.button,
html[data-color=brown] div.button {
  color: #412518;
  background-color: #aad469;
}

html[data-color=brown] button:hover,
html[data-color=brown] button:disabled,
html[data-color=brown] a.button:hover,
html[data-color=brown] a.disabled,
html[data-color=brown] div.button:hover,
html[data-color=brown] div.disabled {
  color: #aad469;
  background-color: #658633 !important;
}

html[data-color=black] .fotorama__stage__frame {
  background-color: #1d1d1d;
}

html[data-color=blue] .fotorama__stage__frame {
  background-color: #06066b;
}

html[data-color=beige] .fotorama__stage__frame {
  background-color: #f7f3d6;
}

html[data-color=brown] .fotorama__stage__frame {
  background-color: #412518;
}

html[data-color=black] .h-menu-mobile > div {
  background-color: #cccccc;
}

html[data-color=blue] .h-menu-mobile > div {
  background-color: #cccc00;
}

html[data-color=beige] .h-menu-mobile > div {
  background-color: #4d4b43;
}

html[data-color=brown] .h-menu-mobile > div {
  background-color: #aad469;
}

html[data-color=black] .md-close path {
  stroke: #cccccc;
}

html[data-color=blue] .md-close path {
  stroke: #cccc00;
}

html[data-color=beige] .md-close path {
  stroke: #4d4b43;
}

html[data-color=brown] .md-close path {
  stroke: #aad469;
}

html[data-color=black] body,
html[data-color=black] h1,
html[data-color=black] h2,
html[data-color=black] h3,
html[data-color=black] h4,
html[data-color=black] p,
html[data-color=black] span,
html[data-color=black] i,
html[data-color=black] em,
html[data-color=black] b,
html[data-color=black] strong,
html[data-color=black] sup,
html[data-color=black] sub,
html[data-color=black] a,
html[data-color=black] ul > li,
html[data-color=black] ol > li {
  color: #cccccc;
}

html[data-color=blue] body,
html[data-color=blue] h1,
html[data-color=blue] h2,
html[data-color=blue] h3,
html[data-color=blue] h4,
html[data-color=blue] p,
html[data-color=blue] span,
html[data-color=blue] i,
html[data-color=blue] em,
html[data-color=blue] b,
html[data-color=blue] strong,
html[data-color=blue] sup,
html[data-color=blue] sub,
html[data-color=blue] a,
html[data-color=blue] ul > li,
html[data-color=blue] ol > li {
  color: #cccc00;
}

html[data-color=beige] body,
html[data-color=beige] h1,
html[data-color=beige] h2,
html[data-color=beige] h3,
html[data-color=beige] h4,
html[data-color=beige] p,
html[data-color=beige] span,
html[data-color=beige] i,
html[data-color=beige] em,
html[data-color=beige] b,
html[data-color=beige] strong,
html[data-color=beige] sup,
html[data-color=beige] sub,
html[data-color=beige] a,
html[data-color=beige] ul > li,
html[data-color=beige] ol > li {
  color: #4d4b43;
}

html[data-color=brown] body,
html[data-color=brown] h1,
html[data-color=brown] h2,
html[data-color=brown] h3,
html[data-color=brown] h4,
html[data-color=brown] p,
html[data-color=brown] span,
html[data-color=brown] i,
html[data-color=brown] em,
html[data-color=brown] b,
html[data-color=brown] strong,
html[data-color=brown] sup,
html[data-color=brown] sub,
html[data-color=brown] a,
html[data-color=brown] ul > li,
html[data-color=brown] ol > li {
  color: #aad469;
}

html[data-color=black] code {
  color: #ffffff;
}

html[data-color=blue] code {
  color: #ffff00;
}

html[data-color=beige] code {
  color: #373530;
}

html[data-color=brown] code {
  color: #b8f35f;
}

html[data-color=black] .h-menu svg > path,
html[data-color=black] .f-social svg > path,
html[data-color=black] .f-scona svg > path {
  fill: #cccccc;
}

html[data-color=blue] .h-menu svg > path,
html[data-color=blue] .f-social svg > path,
html[data-color=blue] .f-scona svg > path {
  fill: #cccc00;
}

html[data-color=beige] .h-menu svg > path,
html[data-color=beige] .f-social svg > path,
html[data-color=beige] .f-scona svg > path {
  fill: #4d4b43;
}

html[data-color=brown] .h-menu svg > path,
html[data-color=brown] .f-social svg > path,
html[data-color=brown] .f-scona svg > path {
  fill: #aad469;
}

html[data-color=black] a:hover,
html[data-color=black] .h-menu > li > a:hover span,
html[data-color=black] .h-menu > li > a.h-select,
html[data-color=black] .f-menu > li > a.f-select,
html[data-color=black] .f-submenu > li > a.f-subselect,
html[data-color=black] .e-link-img-text:hover > p {
  color: #494949 !important;
}

html[data-color=blue] a:hover,
html[data-color=blue] .h-menu > li > a:hover span,
html[data-color=blue] .h-menu > li > a.h-select,
html[data-color=blue] .f-menu > li > a.f-select,
html[data-color=blue] .f-submenu > li > a.f-subselect,
html[data-color=blue] .e-link-img-text:hover > p {
  color: #545404 !important;
}

html[data-color=beige] a:hover,
html[data-color=beige] .h-menu > li > a:hover span,
html[data-color=beige] .h-menu > li > a.h-select,
html[data-color=beige] .f-menu > li > a.f-select,
html[data-color=beige] .f-submenu > li > a.f-subselect,
html[data-color=beige] .e-link-img-text:hover > p {
  color: #9a9582 !important;
}

html[data-color=brown] a:hover,
html[data-color=brown] .h-menu > li > a:hover span,
html[data-color=brown] .h-menu > li > a.h-select,
html[data-color=brown] .f-menu > li > a.f-select,
html[data-color=brown] .f-submenu > li > a.f-subselect,
html[data-color=brown] .e-link-img-text:hover > p {
  color: #658633 !important;
}

html[data-color=black] a:hover,
html[data-color=black] .f-submenu li a:hover,
html[data-color=black] .e-link-img-text:hover > p {
  border-color: #494949;
}

html[data-color=blue] a:hover,
html[data-color=blue] .f-submenu li a:hover,
html[data-color=blue] .e-link-img-text:hover > p {
  border-color: #545404;
}

html[data-color=beige] a:hover,
html[data-color=beige] .f-submenu li a:hover,
html[data-color=beige] .e-link-img-text:hover > p {
  border-color: #9a9582;
}

html[data-color=brown] a:hover,
html[data-color=brown] .f-submenu li a:hover,
html[data-color=brown] .e-link-img-text:hover > p {
  border-color: #658633;
}

html[data-color=black] .h-menu a:hover svg > path,
html[data-color=black] .f-social a:hover svg > path,
html[data-color=black] .f-scona:hover svg > path {
  fill: #494949 !important;
}

html[data-color=blue] .h-menu a:hover svg > path,
html[data-color=blue] .f-social a:hover svg > path,
html[data-color=blue] .f-scona:hover svg > path {
  fill: #545404 !important;
}

html[data-color=beige] .h-menu a:hover svg > path,
html[data-color=beige] .f-social a:hover svg > path,
html[data-color=beige] .f-scona:hover svg > path {
  fill: #9a9582 !important;
}

html[data-color=brown] .h-menu a:hover svg > path,
html[data-color=brown] .f-social a:hover svg > path,
html[data-color=brown] .f-scona:hover svg > path {
  fill: #658633 !important;
}

html[data-color=black] img {
  filter: contrast(1.3) grayscale(1) saturate(1.5);
}

html[data-color=black] .e-raport-cover,
html[data-color=black] .i-eweek-next {
  background-color: #1d1d1d;
  background-blend-mode: luminosity;
}

html[data-color=blue] img {
  mix-blend-mode: luminosity;
}

html[data-color=blue] .e-raport-cover,
html[data-color=blue] .i-eweek-next {
  background-color: #06066b;
  background-blend-mode: luminosity;
}

html[data-color=beige] img {
  mix-blend-mode: luminosity;
}

html[data-color=beige] .e-raport-cover,
html[data-color=beige] .i-eweek-next {
  background-color: #f7f3d6;
  background-blend-mode: luminosity;
}

html[data-color=brown] img {
  mix-blend-mode: luminosity;
}

html[data-color=brown] .e-raport-cover,
html[data-color=brown] .i-eweek-next {
  background-color: #412518;
  background-blend-mode: luminosity;
}

html[data-images=off] img,
html[data-images=off] svg {
  visibility: hidden;
}

html[data-images=off] section,
html[data-images=off] div {
  background-color: none !important;
}

html[data-images=off] *,
html[data-images=off] *:before,
html[data-images=off] *:after {
  background-image: none !important;
}

html[data-fontsize=normal] {
  font-size: 1em;
}

html[data-fontsize=big] {
  font-size: 1.25em;
}

html[data-fontsize=large] {
  font-size: 1.5em;
}

html[data-kerning=big] {
  letter-spacing: 0.1rem;
}

html[data-kerning=big] select,
html[data-kerning=big] input,
html[data-kerning=big] button,
html[data-kerning=big] textarea {
  letter-spacing: inherit;
}

@media only screen and (min-width: 1024px) {
  html[data-color=black] .h-menu,
  html[data-color=blue] .h-menu,
  html[data-color=beige] .h-menu,
  html[data-color=brown] .h-menu {
    background-color: transparent;
  }
}
.wcag-panel {
  display: none;
  width: 100%;
  min-height: 96px;
  position: fixed;
  background-color: #ffffff !important;
  color: #000000 !important;
  z-index: 9;
  letter-spacing: 0rem !important;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

.wcag-panel-close {
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 12px;
  right: 12px;
  background: url("/images/icons/ico-close.svg") no-repeat;
  z-index: 12;
  cursor: pointer;
}

.wcag-panel p {
  font-size: 18px;
}

.wcag-panel__switcher-label {
  vertical-align: baseline;
  margin-bottom: 3px;
  display: inline-block;
  font-size: 18px !important;
  color: #000000 !important;
}

.wcag-panel__switcher {
  display: block;
  overflow: hidden;
}

.wcag-panel__switcher-btn {
  padding: 0 22px;
  height: 38px;
  font-size: 18px;
  line-height: 38px;
  color: #000000;
  font-weight: normal;
  text-align: center;
  margin-bottom: 0;
  cursor: pointer;
  display: inline-block;
  position: relative;
  border: 0 !important;
}

.wcag-panel__reset > .wcag-panel__switcher-btn {
  color: #ffffff !important;
  background-color: #000000 !important;
  border-radius: 0 !important;
}

.wcag-panel__reset > .wcag-panel__switcher-btn:hover {
  background: #000000 !important;
}

.wcag-panel__switcher-btn:not(:last-child) {
  border-right: 1px solid #000000;
}

.wcag-panel__switcher-btn:focus {
  background: #000000 !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 2px #ff8400;
}

.wcag-panel input[type=radio],
.wcag-panel input[type=checkbox] {
  position: absolute;
  left: -99999px;
}

.wcag-panel input[type=radio]:checked + .wcag-panel__switcher-btn,
.wcag-panel input[type=checkbox]:checked + .wcag-panel__switcher-btn {
  color: #ffffff;
  background-color: #000000;
}

.wcag-panel input[type=radio]:focus + .wcag-panel__switcher-btn,
.wcag-panel input[type=checkbox]:focus + .wcag-panel__switcher-btn {
  color: #ffffff;
  background: #000000;
  box-shadow: inset 0 0 0 2px #ff8400;
  outline: 0;
}

.wcag-panel [aria-hidden=true] {
  display: none !important;
}

.wcag-panel__hidden-control a:not(:focus) {
  opacity: 0;
}

.wcag-panel__hidden-control p {
  background-color: transparent !important;
}

.wcag-panel__flag-button {
  font-size: 18px;
  line-height: 38px;
  text-align: center;
  display: inline-block;
}

.wcag-panel__flag-button:not(:last-child) {
  margin-right: 7px;
}

.flag-button {
  color: #000000;
  font-weight: normal;
  position: relative;
  width: 31px;
  height: 38px;
  border-radius: 3px;
  cursor: pointer;
  border: none !important;
}

input:focus + .flag-button {
  box-shadow: inset 0 0 0 2px #ff8400;
  background: #000000;
  color: #ffffff;
}

.flag-button:before,
.flag-button:after {
  display: none;
  content: "";
  position: absolute;
  top: -3px;
  left: 0px;
  width: 31px;
  height: 5px;
  background: #ff8400;
}

input:checked + .flag-button:before,
input:checked + .flag-button:after {
  display: block;
}

.flag-button:after {
  bottom: -3px;
  top: auto;
}

.flag-button_white {
  background: #ffffff;
}

.flag-button_black {
  color: #ffffff;
  background: #000000;
}

.flag-button_blue {
  background: #06066b;
  color: #cccc00;
}

.flag-button_beige {
  background: #f7f3d6;
  color: #4d4b43;
}

.flag-button_brown {
  background: #412518;
  color: #aad469;
}
